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

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

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

Files changed (264) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3377.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3377,6474],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),x=o.n(u),p=o(19216),h=o.n(p),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),x=(0,i.Z)(u,2),p=x[0],h=x[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:p}):(0,y.jsx)(y.Fragment,{})}},69849:(e,n,o)=>{o.r(n),o.d(n,{default:()=>B});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),u=o(7795),x=o.n(u),p=o(90569),h=o.n(p),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),C=o(2532),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=h().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=b();m()(C.ZP,S);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(13838),P=o(46770),I=o(55461),j=o(56474),k=o(88683),Z=o(21801),A=o(91087),N=o(19456),H=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const B=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,u=i,x=(0,d.NP)(),p=(0,s.useState)(""),h=(0,t.Z)(p,2),v=h[0],f=h[1],g=(0,k.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},S={},B=void 0,O=!1,D={},V=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),q=(0,P.sJ)({isOpen:V[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(O=V[0],D=V[1],w=q.triggerProps,S=q.layerProps,B=q.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==r||"verysmall"==r?C.yG:void 0,"big"==r?C.Eb:void 0,C.CA,u.sel?C.pA:void 0),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),D),{},{children:[(0,H.jsxs)("div",{className:l()(C.be),children:[x.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,H.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,H.jsx)("img",{className:l()(C.K5),src:"small"!=r&&"verysmall"!=r?u.image.replace("_gal",""):u.image}):(0,H.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,H.jsx)(Z.default,{item:u},u.codex)]}),(0,H.jsx)("div",{className:C.FJ,children:(0,H.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text+(m||"")}})}),u.doShowFav&&(0,H.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return x.paletteViewHandler.clickedOnFavIcon(u)}}),(0,H.jsx)(j.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,f]},u.codex),!c&&void 0!==u.pricePreviewPromise&&(0,H.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==u.checkForReversingChanges&&(0,H.jsx)(N.default,{item:u,paletteId:a}),O&&(null===(o=B)||void 0===o?void 0:o((0,H.jsx)(I.default,{text:u.text+(u.freeText?u.freeText:"")+(m||""),hexColor:u.hexColor,desciption:v,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:S},u.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},2532:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>h,FJ:()=>x,K5:()=>u,TN:()=>p,ZP:()=>v,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(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  transition: border 0.3s ease;\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--XCWcg {\n  color: #fff;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.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@supports (-moz-appearance: none) {\n  .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--IAgou:focus .index-module--XCWcg {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\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: 16px;\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 d="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",c="index-module--w3B5Z",m="index-module--LGUqD",u="index-module--GBYub",x="index-module--FjzvR",p="index-module--XCWcg",h="index-module--ktipL";const v=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const x=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),p=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:p="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:p,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},C={};v||(C.viewBox=g);const S=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,u.jsxs)(x,{as:m,className:(0,t.Z)(S.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...C,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,u.jsx)("title",{children:f}):null]})}));p.muiName="SvgIcon";const h=p;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3377,6474],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),x=o.n(u),p=o(19216),h=o.n(p),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),x=(0,i.Z)(u,2),p=x[0],h=x[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:p}):(0,y.jsx)(y.Fragment,{})}},69849:(e,n,o)=>{o.r(n),o.d(n,{default:()=>D});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),u=o(7795),x=o.n(u),p=o(90569),h=o.n(p),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),C=o(2532),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=h().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=b();m()(C.ZP,S);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(13838),I=o(46770),P=o(55461),k=o(56474),j=o(88683),A=o(21801),Z=o(91087),N=o(19456),H=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const D=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,u=i,x=(0,d.NP)(),p=(0,s.useState)(""),h=(0,t.Z)(p,2),v=h[0],f=h[1],g=(0,j.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},S={},D=void 0,B=!1,O={},V=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),_=(0,I.sJ)({isOpen:V[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(B=V[0],O=V[1],w=_.triggerProps,S=_.layerProps,D=_.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==r||"verysmall"==r?C.yG:void 0,"big"==r?C.Eb:void 0,C.CA,u.sel?C.pA:void 0),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),O),{},{children:[(0,H.jsxs)("div",{className:l()(C.be),children:[x.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,H.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,H.jsx)("img",{className:l()(C.K5),src:"small"!=r&&"verysmall"!=r?u.image.replace("_gal",""):u.image}):(0,H.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,H.jsx)(A.default,{item:u},u.codex)]}),(0,H.jsx)("div",{className:C.FJ,children:(0,H.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text+(m||"")}})}),u.doShowFav&&(0,H.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return x.paletteViewHandler.clickedOnFavIcon(u)}}),(0,H.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,f]},u.codex),!c&&void 0!==u.pricePreviewPromise&&(0,H.jsx)(Z.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==u.checkForReversingChanges&&(0,H.jsx)(N.default,{item:u,paletteId:a}),B&&(null===(o=D)||void 0===o?void 0:o((0,H.jsx)(P.default,{text:u.text+(u.freeText?u.freeText:"")+(m||""),hexColor:u.hexColor,desciption:v,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:S},u.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},2532:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>h,FJ:()=>x,K5:()=>u,TN:()=>p,ZP:()=>v,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(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  transition: border 0.3s ease;\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--XCWcg,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--XCWcg {\n  color: #fff;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.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@supports (-moz-appearance: none) {\n  .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--IAgou:focus .index-module--XCWcg {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\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: 16px;\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 d="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",c="index-module--w3B5Z",m="index-module--LGUqD",u="index-module--GBYub",x="index-module--FjzvR",p="index-module--XCWcg",h="index-module--ktipL";const v=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const x=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),p=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:p="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:p,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},C={};v||(C.viewBox=g);const S=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,u.jsxs)(x,{as:m,className:(0,t.Z)(S.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...C,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,u.jsx)("title",{children:f}):null]})}));p.muiName="SvgIcon";const h=p;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4903.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4903,2046,6474,9170,5066,3011,1608,9291,6587,2324,8618,859,1994],{4903:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var o=i(80248),t=i(58618),r=i(52324),d=i(12046),l=i(39060),a=i(19170),s=i(83011),u=i(31608),c=i(69291),x=i(45066),m=i(12454),p=i(70859),g=i(69849),b=(i(87363),i(27078)),h=i(4967),f=i(16253),v=i(29102),w=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 y={ART:v.default,ART_2:h.default,"PLANNER_2.0":f.default,PLANNERSWITCH:m.default,ACC:d.default,ACC_CONFIG:d.default,VERY_SMALL:a.default,SMALL:a.default,GAL_GROUP_DROPDOWN:function GAL_GROUP_DROPDOWN(e){return(0,w.jsx)(g.default,_objectSpread({type:"normalimage.png"},e))},GAL_SMALL_GROUP_DROPDOWN:function GAL_SMALL_GROUP_DROPDOWN(e){return(0,w.jsx)(g.default,_objectSpread({type:"small"},e))},GAL:l.default,GAL_SMALL:l.default,GAL_BIG:l.default,RANGE:s.default,NUMBER:x.default,SLIDER:function SLIDER(){return(0,w.jsx)(w.Fragment,{})},MULTI_TOGGLE:function MULTI_TOGGLE(){return(0,w.jsx)(w.Fragment,{})},MULTI_TOGGLE_ROUND:function MULTI_TOGGLE_ROUND(){return(0,w.jsx)(w.Fragment,{})},RADIO:function RADIO(){return(0,w.jsx)(w.Fragment,{})},RADIO_LIST:function RADIO_LIST(){return(0,w.jsx)(w.Fragment,{})},SUMMARY_ARTICLES:r.default,SUMMARY_OPTIONTREE:t.default,VARIANTS:p.default,STATICROOM:u.default,VIEWPOINT:c.default,DROPDOWN_TEXT:function DROPDOWN_TEXT(){return(0,w.jsx)(w.Fragment,{})},DROPDOWN_IMAGE:function DROPDOWN_IMAGE(){return(0,w.jsx)(w.Fragment,{})},TOGGLE:function TOGGLE(){return(0,w.jsx)(w.Fragment,{})},TOGGLE_HEADER:function TOGGLE_HEADER(){return(0,w.jsx)(w.Fragment,{})},TOGGLE_NAME:function TOGGLE_NAME(){return(0,w.jsx)(w.Fragment,{})},DOOR_PLANNER:function DOOR_PLANNER(){return(0,w.jsx)(w.Fragment,{})},TEXTBOX:function TEXTBOX(){return(0,w.jsx)(w.Fragment,{})},SHELFPLANNER:function SHELFPLANNER(){return(0,w.jsx)(w.Fragment,{})},PRODUCTS:function PRODUCTS(){return(0,w.jsx)(w.Fragment,{})},PROMOTED:function PROMOTED(){return(0,w.jsx)(w.Fragment,{})},CHECKOUT:function CHECKOUT(){return(0,w.jsx)(w.Fragment,{})},STYLE_CONSULTANT:function STYLE_CONSULTANT(){return(0,w.jsx)(w.Fragment,{})},GAL_TEXT_2:function GAL_TEXT_2(e){return(0,w.jsx)(b.default,_objectSpread({},e))},GAL_BIG_TEXT_2:function GAL_BIG_TEXT_2(e){return(0,w.jsx)(b.default,_objectSpread({type:"big"},e))},GAL_SMALL_TEXT_2:function GAL_SMALL_TEXT_2(e){return(0,w.jsx)(b.default,_objectSpread({type:"small"},e))},GAL_TEXT:function GAL_TEXT(e){return(0,w.jsx)(g.default,_objectSpread({},e))},GAL_BIG_TEXT:function GAL_BIG_TEXT(e){return(0,w.jsx)(g.default,_objectSpread({type:"big"},e))},GAL_SMALL_TEXT:function GAL_SMALL_TEXT(e){return(0,w.jsx)(g.default,_objectSpread({type:"small"},e))},GAL_VERY_SMALL_TEXT:function GAL_VERY_SMALL_TEXT(e){return(0,w.jsx)(g.default,_objectSpread({type:"verysmall"},e))}}},12046:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function SettingsItemAccessoireTemplate(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires"}))}},29102:(e,n,i)=>{i.r(n),i.d(n,{default:()=>D});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(46770),s=i(9420),u=i(87363),c=i(93379),x=i.n(c),m=i(7795),p=i.n(m),g=i(90569),b=i.n(g),h=i(3565),f=i.n(h),v=i(19216),w=i.n(v),y=i(44589),j=i.n(y),P=i(37598),O={};O.styleTagTransform=j(),O.setAttributes=f(),O.insert=b().bind(null,"head"),O.domAPI=p(),O.insertStyleElement=w();x()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),I=i(56474),C=i(55461),k=i(21801),N=i(91087),A=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,s.Pi)((function Article(e){var n,i,o=e.item,r=e.paletteId,s=o,c=(0,l.NP)(),x=(0,S.useDivaCore)().state,m=x.dimensions,p=m.isMobile,g=m.isTablet,b=x.hidePrices,h=(0,u.useState)(""),f=(0,t.Z)(h,2),v=f[0],w=f[1],y={},j={},O=void 0,D=!1,E={},M=(0,a.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,a.sJ)({isOpen:M[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});p||g||c.getViewConfig().hideTooltip||s.contentItemId||(D=M[0],E=M[1],y=T.triggerProps,j=T.layerProps,O=T.renderLayer);var _=c.getViewConfig().dontShowBasePrice||b||!s.price,z=c.settingsState.plannerReplaceMode&&!(1==r&&c.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:d()(P.Sp,_?P.CE:void 0,"wcConfigurator_Article",s.sel?P.pA:void 0,z?P.y8:void 0),onClick:function onClick(){return c.paletteViewHandler.clickedOnPlannerPalette(s,r)}},y),E),{},{children:[(0,A.jsxs)("div",{className:d()(P.iZ,P.vc),children:[(0,A.jsx)("div",{className:d()(P.K5),style:{backgroundImage:"url(".concat(s.image,")")}}),(0,A.jsxs)("div",{className:d()(P.G8),children:[(0,A.jsx)("div",{className:d()(P.db,v?P.jm:void 0),dangerouslySetInnerHTML:{__html:s.title}}),(0,A.jsx)(I.default,{metaData:s.metaData,visible:[v,w]},s.codex),D&&(null===(n=O)||void 0===n?void 0:n((0,A.jsx)(C.default,{text:null!==(i=s.longDescription)&&void 0!==i?i:s.title,desciption:v,codex:s.articleCodex,image:s.image,layerProps:j,price:s.price},s.codex))),(0,A.jsx)("div",{className:d()(P.cD),children:s.sizeInfo})]}),s.contentItemId&&(0,A.jsx)(k.default,{item:s,style:{bottom:8}},s.articleCodex)]}),!_&&(0,A.jsx)(N.default,{price:s.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},4967:(e,n,i)=>{i.r(n),i.d(n,{default:()=>D});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(16e3),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=i(56474),S=i(21801),I=i(91087),C=i(46770),k=i(88683),N=i(55461),A=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 Article(e){var n,i,o,r=e.item,a=e.paletteId,u=r,c=(0,l.NP)(),x=(0,k.useDivaCore)().state,m=x.dimensions,p=m.isMobile,g=m.isTablet,b=x.hidePrices,h=(0,s.useState)(""),f=(0,t.Z)(h,2),v=f[0],w=f[1],y={},P={},D=void 0,E=!1,M={},T=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),_=(0,C.sJ)({isOpen:T[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});p||g||c.getViewConfig().hideTooltip||u.contentItemId||(E=T[0],M=T[1],y=_.triggerProps,P=_.layerProps,D=_.renderLayer);var z=u.sel&&"add"!=(null===(n=c.settingsState.addElementSelected)||void 0===n?void 0:n.mode);return(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:d()(j.Sp,z?j.pA:void 0,c.getIsInMobileView()?j.ai:void 0,c.uiState.isTablet?j.Mq:void 0),onClick:function onClick(){c.paletteViewHandler.clickedOnPlannerPalette(u,a)}},y),M),{},{children:[(0,A.jsxs)("div",{className:d()(j.be),children:[c.getViewConfig().showOptionCodexInOptionHeader&&(0,A.jsx)("div",{className:d()(j.rq),children:u.articleCodex}),u.image&&(0,A.jsx)("img",{className:d()(j.K5),src:u.image.replace("_gal","").replace("_low","")}),u.contentItemId&&(0,A.jsx)(S.default,{item:u,style:{top:-6,bottom:"unset",right:-7}},u.codex),(0,A.jsx)("div",{className:d()(j.cD),children:u.sizeInfo})]}),(0,A.jsx)("div",{className:j.FJ,children:(0,A.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:u.title}})}),E&&(null===(i=D)||void 0===i?void 0:i((0,A.jsx)(N.default,{text:null!==(o=u.longDescription)&&void 0!==o?o:u.title,desciption:v,codex:u.articleCodex,image:u.image,layerProps:P,price:u.price},u.codex))),(0,A.jsx)(O.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,w]},u.codex),void 0!==u.priceInfo&&!b&&(0,A.jsx)(I.default,{price:u.price})]}))}))},56882:(e,n,i)=>{i.r(n),i.d(n,{default:()=>c});var o=i(88291),t=i(75327),r=i(9420),d=(i(87363),i(49628)),l=i(65515),a=i.n(l),s=i(81673),u=i(47514);const c=(0,r.Pi)((function AddElement(e){var n;(0,o.Z)(e);var i=(0,t.NP)(),r="add"==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.mode)||0==Object.keys(i.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:a()(d.YS,i.getIsInMobileView()?d.ai:void 0,i.uiState.isTablet?d.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:a()(d.PD,i.settingsState.isScrollingDown?d.yG:void 0,r?d.pA:void 0),onClick:function onClick(){var e=i.paletteViewHandler.planner2Dot0Items.getAllItems(),n=e.find((function(e){return e.incomplete})),o=e.find((function(e){var n;return e.basketId==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));i.paletteViewHandler.elementOverviewSelectionChanged(!0,n,o,"add"),void 0===(null==n?void 0:n.id)?i.viewPlannerHandler.onClearElementSelection():i.viewPlannerHandler.onElementSelected(n.setId,null==n?void 0:n.id)},children:(0,u.jsx)("div",{className:a()(d.be),children:(0,u.jsx)("img",{className:a()(d.K5),src:s})})})})}))},16253:(e,n,i)=>{i.r(n),i.d(n,{default:()=>g});var o=i(80248),t=(i(87363),i(9420)),r=i(75327),d=i(65515),l=i.n(d),a=i(21801),s=i(49628),u=i(56882),c=i(46770),x=i(88683),m=i(55461),p=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 g=(0,t.Pi)((function PlannerOverviewItem(e){var n,i,o,t,d=e.item,g=(0,r.NP)(),b=(0,x.useDivaCore)().state.dimensions,h=b.isMobile,f=b.isTablet,v=d.basketId==(null===(n=g.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)&&"add"!=(null===(i=g.settingsState.addElementSelected)||void 0===i?void 0:i.mode),w={},y={},j=void 0,P=!1,O={},S=(0,c.XI)({delayEnter:2e3,hideOnScroll:!0}),I=(0,c.sJ)({isOpen:S[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});h||f||g.getViewConfig().hideTooltip||d.contentItemId||(P=S[0],O=S[1],w=I.triggerProps,y=I.layerProps,j=I.renderLayer);var C=g.settingsState.isScrollingDown;return"add"==d.basketId?(0,p.jsx)(u.default,{item:d}):d.isAccessoire?(0,p.jsx)(p.Fragment,{}):(0,p.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:l()(s.YS,g.getIsInMobileView()?s.ai:void 0,g.uiState.isTablet?s.Mq:void 0),onClick:function onClick(){g.viewPlannerHandler.onElementSelected(d.setId,d.id),g.paletteViewHandler.elementOverviewSelectionChanged(!0,void 0,d,"replace",!0)}},w),O),{},{children:(0,p.jsxs)("div",{id:d.basketId,className:l()(s.Sp,C?s.yG:void 0,v?s.pA:void 0),children:[(0,p.jsxs)("div",{className:l()(s.be),children:[d.image&&(0,p.jsx)("img",{className:l()(s.K5),src:d.image.replace("_gal","").replace("_low","")}),d.contentItemId&&(0,p.jsx)(a.default,{item:d,style:_objectSpread({bottom:C?"-1px":"-7px",right:"-8px"},C?{"--infoIconSize":"16px"}:{})},d.codex)]}),(0,p.jsx)("div",{className:s.FJ,children:(0,p.jsx)("div",{className:s.TN,dangerouslySetInnerHTML:{__html:d.title}})}),P&&(null===(o=j)||void 0===o?void 0:o((0,p.jsx)(m.default,{text:null!==(t=d.longDescription)&&void 0!==t?t:d.title,codex:d.articleCodex,image:d.image,layerProps:y,price:d.price},d.codex))),(0,p.jsx)("div",{className:s.yi,onClick:function onClick(e){e.stopPropagation(),g.viewPlannerHandler.onElementDeleted(d.setId,d.id)},children:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:g.getIsInMobileView()?"12":"15",height:g.getIsInMobileView()?"12":"15",viewBox:"0 -960 960 960",fill:"var(--trash-color)",children:(0,p.jsx)("path",{d:"m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"})})})]})}))}))},12454:(e,n,i)=>{i.r(n),i.d(n,{default:()=>O});var o=i(65515),t=i.n(o),r=i(9420),d=i(75327),l=(i(87363),i(93379)),a=i.n(l),s=i(7795),u=i.n(s),c=i(90569),x=i.n(c),m=i(3565),p=i.n(m),g=i(19216),b=i.n(g),h=i(44589),f=i.n(h),v=i(23029),w={};w.styleTagTransform=f(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=b();a()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=i(86587),j=i(21801),P=i(47514);const O=(0,r.Pi)((function PlannerSwitch(e){var n=e.item,i=(0,d.NP)();return(0,P.jsxs)("div",{className:t()(v.Sp),onClick:function onClick(){return i.paletteViewHandler.clickOnPlannerElementSwitch(n)},children:[n.sel&&(0,P.jsx)(y.default,{}),n.contentItemId&&(0,P.jsx)(j.default,{item:n},n.articleCodex),(0,P.jsxs)("div",{className:t()(v.iZ),children:[(0,P.jsx)("div",{className:t()(v.K5),style:{backgroundImage:"url(".concat(n.image,")")},title:n.title}),(0,P.jsx)("div",{className:t()(v.db),children:n.title})]})]})}))},56474:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var o=i(34988),t=i(75327),r=i(87363),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),u=i(90569),c=i.n(u),x=i(3565),m=i.n(x),p=i(19216),g=i.n(p),b=i(44589),h=i.n(b),f=i(84887),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=g();l()(f.Z,v);f.Z&&f.Z.locals&&f.Z.locals;var w=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,o.Z)(l,2),s=a[0],u=a[1],c=(0,t.NP)(),x=(0,r.useState)(""),m=(0,o.Z)(x,2),p=m[0],g=m[1],b=c.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===b[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<b.length;t++)o(t)}g(e),u(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:f.B,children:p}):(0,w.jsx)(w.Fragment,{})}},19170:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function SettingsItemDefaultTemplate(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default"}))}},45066:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var o=i(84658),t=i(34988),r=i(50747),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(98195),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=i(11994),S=i(47514);const I=(0,a.Pi)((function NumberBox(e){var n,i,r,a,u,c=e.item,x=e.paletteId,m=c,p=(0,s.useRef)(null),g=(0,l.NP)(),b=g.settingsState.itemPalettes.get(x),h=(0,s.useState)(!1),f=(0,t.Z)(h,2),v=f[0],w=f[1],y=(0,s.useState)(null==b||null===(n=b.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.freeText),P=(0,t.Z)(y,2),I=P[0],C=P[1],k=!0;if(b){var N=g.configuratorStructureHandler.getConfigStepByKey(b.configStepKey);N&&(k=N.configStep.isDefined)}if(!b)return(0,S.jsx)(S.Fragment,{});var A=function(){var e=(0,o.Z)(d().mark((function _callee(e){var n,i;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:if(i=null!==(n=e.target.value)&&void 0!==n?n:"",!e.target.value.endsWith(".")){o.next=4;break}return C(e.target.value),o.abrupt("return");case 4:(i=i.replace(/[^0-9.,]/g,"")).includes(",")&&g.getViewConfig().allowComma&&(i=i.replace(/\,/g,".")),p.current&&clearTimeout(p.current),p.current=setTimeout((function(){return D(i)}),500),C(i);case 9:case"end":return o.stop()}}),_callee)})));return function handleChange(n){return e.apply(this,arguments)}}(),D=function(){var e=(0,o.Z)(d().mark((function _callee2(e){return d().wrap((function _callee2$(n){for(;;)switch(n.prev=n.next){case 0:if(!b){n.next=3;break}return n.next=3,g.paletteViewHandler.onRangeClickChange(b,m,e);case 3:case"end":return n.stop()}}),_callee2)})));return function updateLogic(n){return e.apply(this,arguments)}}();return(0,s.useEffect)((function(){var e,n;C(null!==(e=null===(n=b.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.freeText)&&void 0!==e?e:"")}),[null===(i=b.selectedElements)||void 0===i||null===(i=i[0])||void 0===i?void 0:i.freeText]),(0,S.jsxs)("div",{ref:function ref(e){b&&(b.htmlRef=e)},style:{display:"block"},children:[b&&(0,S.jsx)("div",{className:j.r9,children:b.name}),(!v||!(null!==(r=b.info)&&void 0!==r&&r.hideDuringUserInput))&&(0,S.jsx)(O.default,{stepInfo:b.info}),(0,S.jsx)("div",{className:j.CA,children:(0,S.jsx)("div",{style:{margin:"5px"},children:(0,S.jsx)("input",{onBlur:function onBlur(){w(!1)},onFocus:function onFocus(){var e;w(!(null!==(e=b.info)&&void 0!==e&&e.hideDuringUserInput))},autoFocus:g.getViewConfig().autoFocusForInput,lang:"en-150",className:j.q_,placeholder:null!==(a=g.getViewConfig())&&void 0!==a&&a.hideMeasureUnit?void 0:"In "+m.measureUnit,onChange:A,step:"0.01",onKeyDown:function onKeyDown(e){g.getViewConfig().allowComma||"."!==e.key&&","!==e.key||e.preventDefault()},value:I,defaultValue:k?null===(u=b.selectedElements)||void 0===u||null===(u=u[0])||void 0===u?void 0:u.freeText:void 0})})})]})}))},83011:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(30605),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var 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 S=(0,a.Pi)((function Range(e){var n,i=e.paletteId,o=e.item,r=(0,s.useState)(Number(o.freeText)),a=(0,t.Z)(r,2),u=a[0],c=a[1],x=(0,l.NP)(),m=x.settingsState.itemPalettes.get(i),p=(0,s.useState)(null==m||null===(n=m.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),g=(0,t.Z)(p,2),b=g[0],h=g[1];return(0,s.useEffect)((function(){m&&x.settingsState.updateItemPalette(i,_objectSpread(_objectSpread({},m),{},{numberInput:u,measureUnit:o.measureUnit}))}),[u]),(0,s.useEffect)((function(){if(m){var e,n=null==m||null===(e=m.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&b!==n?(h(n),c(Number(o.measureMinimum))):m.numberInput&&m.numberInput!=u&&c(m.numberInput)}}),[m,b]),(0,O.jsx)("div",{className:d()(j.CA,j.nC),children:(0,O.jsxs)("div",{className:j.kQ,children:[(0,O.jsxs)("div",{className:j.VU,children:[(0,O.jsx)("a",{className:j.iq,children:o.measureMinimum+" "+o.measureUnit}),(0,O.jsx)("a",{className:j.Be,children:o.measureMaximum+" "+o.measureUnit})]}),(0,O.jsxs)("div",{className:d()(j.FR,"no-swiping"),children:[(0,O.jsx)("div",{className:d()(j.Tq,j.VA),onClick:function onClick(){var e=Number(u)-Number(o.measureStep);e<Number(o.measureMinimum)||(c(e),x.paletteViewHandler.onRangeClickChange(m,o,e.toString(),!0))}}),(0,O.jsx)("input",{type:"range",min:o.measureMinimum,max:o.measureMaximum,step:o.measureStep,value:u,className:j.$i,onChange:function onChange(e){return c(Number(e.target.value))},onMouseUp:function onMouseUp(e){return x.paletteViewHandler.onRangeClickChange(m,o,e.target.value)},onTouchEnd:function onTouchEnd(e){return x.paletteViewHandler.onRangeClickChange(m,o,e.target.value)}}),(0,O.jsx)("div",{className:d()(j.Tq,j.l8),onClick:function onClick(){var e=Number(u)+Number(o.measureStep);e>Number(o.measureMaximum)||(c(e),x.paletteViewHandler.onRangeClickChange(m,o,e.toString()))}})]})]})})}))},31608:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function SettingsItemRoomTemplate(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem"}))}},69291:(e,n,i)=>{i.r(n),i.d(n,{default:()=>c});var o=i(65515),t=i.n(o),r=i(75327),d=i(9420),l=(i(87363),i(88683)),a=i(94873),s=i(86587),u=i(47514);const c=(0,d.Pi)((function ViewPoint(e){var n=e.item,i=(0,r.NP)(),o=(0,l.useTranslation)().t;return(0,u.jsx)("div",{className:a.CA,onClick:function onClick(){return i.paletteViewHandler.clickedOnStaticVPPalette(n)},children:(0,u.jsxs)("div",{className:t()(a.iZ,a.vc),children:[n.sel&&(0,u.jsx)(s.default,{}),(0,u.jsx)("div",{className:a.K5,style:{backgroundImage:"url(".concat(n.url,")")}}),(0,u.jsx)("div",{className:a.AR,children:(0,u.jsx)("div",{className:a.db,children:o("configurator."+n.N)})})]})})}))},39060:(e,n,i)=>{i.r(n),i.d(n,{default:()=>M});var o=i(80248),t=i(34988),r=i(75327),d=i(87363),l=i(46770),a=i(9420),s=i(93379),u=i.n(s),c=i(7795),x=i.n(c),m=i(90569),p=i.n(m),g=i(3565),b=i.n(g),h=i(19216),f=i.n(h),v=i(44589),w=i.n(v),y=i(28491),j={};j.styleTagTransform=w(),j.setAttributes=b(),j.insert=p().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=f();u()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=i(13838),O=i(65515),S=i.n(O),I=i(86587),C=i(88683),k=i(55461),N=i(21801),A=i(91087),D=i(19456),E=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 M=(0,a.Pi)((function Gallery(e){var n,i,o=e.item,a=e.hidePricePreview,s=e.paletteId,u=e.style,c=e.isActive,x=void 0===c?(0,E.jsx)(I.default,{listenToGalleryVariables:!0}):c,m=e.namePostFix,p=o,g=(0,r.NP)(),b=(0,C.useDivaCore)().state.dimensions,h=b.isMobile,f=b.isTablet,v=(0,d.useState)(""),w=(0,t.Z)(v,2),j=w[0],O=(w[1],{}),M={},T=void 0,_=!1,z={},L=(0,l.XI)({delayEnter:1500,hideOnScroll:!0}),Z=(0,l.sJ)({isOpen:L[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return h||f||g.getViewConfig().hideTooltip||!p.image&&!p.hexColor||p.contentItemId||(_=L[0],z=L[1],O=Z.triggerProps,M=Z.layerProps,T=Z.renderLayer),(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:u,id:p.codex,"data-test-id":"plannerPaletteItem",className:S()(y.CA,y.TD,p.sel?y.pA:void 0),onClick:function onClick(){p.doShowFav&&g.paletteViewHandler.clickedOnFavIcon(p),g.paletteViewHandler.clickedOnConfigPalette(p,void 0,s)}},O),z),{},{children:[(0,E.jsxs)("div",{className:S()(y.iZ,y.VF),children:[!p.doShowFav&&p.sel&&void 0!==x&&x,p.contentItemId&&(0,E.jsx)(N.default,{item:p},p.codex),(g.getViewConfig().showVCodexInGallery&&p.vCodex||p.freeText)&&(0,E.jsx)("div",{className:y.eE,children:(0,E.jsx)("div",{className:S()(y.rq),children:null!==(n=p.freeText)&&void 0!==n?n:p.vCodex+(m||"")})}),p.image?(0,E.jsx)("img",{src:p.image}):p.hexColor?(0,E.jsx)("div",{className:y.CO,style:{backgroundColor:"#"+p.hexColor}}):(0,E.jsx)(E.Fragment,{}),p.doShowFav&&(0,E.jsx)("div",{className:p.isFav?P.Md:P.Hq})]}),!a&&void 0!==p.pricePreviewPromise&&(0,E.jsx)(A.default,{asyncPricePreview:p.pricePreviewPromise,sel:p.sel}),void 0!==p.checkForReversingChanges&&(0,E.jsx)(D.default,{item:p,paletteId:s})]})),_&&(null===(i=T)||void 0===i?void 0:i((0,E.jsx)(k.default,{text:p.text+(m||""),desciption:j,image:p.image,layerProps:M,pricePreviewPromise:p.pricePreviewPromise,hexColor:p.hexColor},p.codex)))]})}))},69849:(e,n,i)=>{i.r(n),i.d(n,{default:()=>M});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(2532),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=i(13838),S=i(46770),I=i(55461),C=i(56474),k=i(88683),N=i(21801),A=i(91087),D=i(19456),E=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 M=(0,a.Pi)((function Option(e){var n,i,o=e.item,r=e.type,a=e.paletteId,u=e.hidePricePreview,c=e.namePostFix,x=o,m=(0,l.NP)(),p=(0,s.useState)(""),g=(0,t.Z)(p,2),b=g[0],h=g[1],f=(0,k.useDivaCore)().state.dimensions,v=f.isMobile,w=f.isTablet,y={},P={},M=void 0,T=!1,_={},z=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),L=(0,S.sJ)({isOpen:z[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return v||w||m.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(T=z[0],_=z[1],y=L.triggerProps,P=L.layerProps,M=L.renderLayer),(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:d()("small"==r||"verysmall"==r?j.yG:void 0,"big"==r?j.Eb:void 0,j.CA,x.sel?j.pA:void 0),onClick:function onClick(){m.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},y),_),{},{children:[(0,E.jsxs)("div",{className:d()(j.be),children:[m.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,E.jsx)("div",{className:d()(j.rq),children:x.vCodex}),x.image?(0,E.jsx)("img",{className:d()(j.K5),src:"small"!=r&&"verysmall"!=r?x.image.replace("_gal",""):x.image}):(0,E.jsx)("div",{className:d()(j.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"dfdfdf")}}),x.contentItemId&&(0,E.jsx)(N.default,{item:x},x.codex)]}),(0,E.jsx)("div",{className:j.FJ,children:(0,E.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:x.text+(c||"")}})}),x.doShowFav&&(0,E.jsx)("div",{className:x.isFav?O.Md:O.Hq,onClick:function onClick(){return m.paletteViewHandler.clickedOnFavIcon(x)}}),(0,E.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[b,h]},x.codex),!u&&void 0!==x.pricePreviewPromise&&(0,E.jsx)(A.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,E.jsx)(D.default,{item:x,paletteId:a}),T&&(null===(i=M)||void 0===i?void 0:i((0,E.jsx)(I.default,{text:x.text+(x.freeText?x.freeText:"")+(c||""),hexColor:x.hexColor,desciption:b,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:P},x.codex)))]}))}))},27078:(e,n,i)=>{i.r(n),i.d(n,{default:()=>M});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(31636),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=i(13838),S=i(46770),I=i(55461),C=i(56474),k=i(88683),N=i(21801),A=i(91087),D=i(19456),E=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 M=(0,a.Pi)((function Option(e){var n,i,o=e.item,r=e.type,a=e.paletteId,u=e.hidePricePreview,c=e.namePostFix,x=o,m=(0,l.NP)(),p=(0,s.useState)(""),g=(0,t.Z)(p,2),b=g[0],h=g[1],f=(0,k.useDivaCore)().state.dimensions,v=f.isMobile,w=f.isTablet,y={},P={},M=void 0,T=!1,_={},z=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),L=(0,S.sJ)({isOpen:z[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return v||w||m.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(T=z[0],_=z[1],y=L.triggerProps,P=L.layerProps,M=L.renderLayer),(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:d()(j.CA,x.sel?j.pA:void 0,"big"==r?j.Eb:void 0,"small"==r?j.yG:void 0,m.getIsInMobileView()?j.ai:void 0,m.uiState.isTablet?j.Mq:void 0),onClick:function onClick(){m.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},y),_),{},{children:[(0,E.jsxs)("div",{className:d()(j.be),children:[m.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,E.jsx)("div",{className:d()(j.rq),children:x.vCodex}),x.image?(0,E.jsx)("img",{className:d()(j.K5),src:"small"!=r?x.image.replace("_gal",""):x.image}):(0,E.jsx)("div",{className:d()(j.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"fff")}}),x.contentItemId&&(0,E.jsx)(N.default,{item:x},x.codex)]}),(0,E.jsx)("div",{className:j.FJ,children:(0,E.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:x.text+(c||"")}})}),x.doShowFav&&(0,E.jsx)("div",{className:x.isFav?O.Md:O.Hq,onClick:function onClick(){return m.paletteViewHandler.clickedOnFavIcon(x)}}),(0,E.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[b,h]},x.codex),!u&&void 0!==x.pricePreviewPromise&&(0,E.jsx)(A.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,E.jsx)(D.default,{item:x,paletteId:a}),T&&(null===(i=M)||void 0===i?void 0:i((0,E.jsx)(I.default,{text:x.text+(x.freeText?x.freeText:"")+(c||""),hexColor:x.hexColor,desciption:b,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:P},x.codex)))]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},52324:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});i(87363);var o=i(65515),t=i.n(o),r=i(75327),d=i(9420),l=i(93379),a=i.n(l),s=i(7795),u=i.n(s),c=i(90569),x=i.n(c),m=i(3565),p=i.n(m),g=i(19216),b=i.n(g),h=i(44589),f=i.n(h),v=i(64089),w={};w.styleTagTransform=f(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=b();a()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=i(88683),j=i(47514);const P=(0,d.Pi)((function Articles(e){var n,i=e.item,o=(0,r.NP)(),d=o.uiState.configSettingsIsExpanded||o.uiState.configSettingsIsMaxExpanded,l=(0,y.useDivaCore)().state.dimensions.isMobile;return(0,j.jsxs)("div",{className:t()(v.nC,d?v.zh:void 0,l?v.ai:void 0),children:[(0,j.jsx)("img",{className:t()(v.BH),src:i.image}),(0,j.jsxs)("div",{className:t()(v.AR),children:[(0,j.jsx)("span",{className:t()(v.yg),children:i.title}),i.description&&(0,j.jsx)("span",{children:i.description})]}),d&&!l&&(0,j.jsx)("div",{className:t()(v.w$),children:(0,j.jsx)("div",{className:t()(v.yL),children:null===(n=i.targetArticlePosNrs)||void 0===n?void 0:n.map((function(e,n){return(0,j.jsx)("span",{children:e},n)}))})}),(0,j.jsx)("div",{className:t()(v.Xd),children:i.quantity+"x"}),(0,j.jsx)("div",{className:t()(v.nt),children:y.DivaUtils.formatPrice(i.price,o.productState.priceFormat)})]})}))},58618:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function SummaryOptionTree(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},70859:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var o=i(88683),t=i(75327),r=i(85092),d=i(47514);const l=function Varaint(e){var n,i=e.item,l=(0,t.NP)();return(0,d.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,d.jsx)("button",{onClick:i.onClick,children:"konfigurieren"}),(0,d.jsx)("div",{children:i.index}),null===(n=i.variantValues)||void 0===n?void 0:n.map((function(e){return(0,d.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.optionValueImage&&(0,d.jsx)("img",{src:e.optionValueImage,style:{height:40}}),(0,d.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,d.jsx)("div",{children:e.optionName}),(0,d.jsx)("div",{children:e.optionValueName})]})]},e.opt)})),(0,d.jsx)("div",{children:i.title}),(0,d.jsx)("div",{children:o.DivaUtils.formatPrice(i.price)}),(0,d.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,d.jsx)(r.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){i.onToggle(),l.paletteViewHandler.updateCurPaletteData(!0)},state:!i.disabled})})]},i.hash)}},11994:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var o=i(65515),t=i.n(o),r=(i(87363),i(93379)),d=i.n(r),l=i(7795),a=i.n(l),s=i(90569),u=i.n(s),c=i(3565),x=i.n(c),m=i(19216),p=i.n(m),g=i(44589),b=i.n(g),h=i(95547),f={};f.styleTagTransform=b(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=p();d()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(47514);const w=function StepInfo(e){var n=e.stepInfo;if(!n)return(0,v.jsx)(v.Fragment,{});var i=n.text,o=n.type;return(0,v.jsx)("div",{className:t()(h.LR,"ERROR"===o?h.vU:void 0,"INFO"===o?h.um:void 0,"WARNING"===o?h.Kp:void 0),dangerouslySetInnerHTML:{__html:i}})}},37598:(e,n,i)=>{i.d(n,{CE:()=>c,G8:()=>u,K5:()=>b,Sp:()=>l,ZP:()=>f,cD:()=>h,db:()=>x,iZ:()=>p,jm:()=>m,pA:()=>a,vc:()=>g,y8:()=>s});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Planner*/\n\n.index-module--xf3EF {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.index-module--hky1u {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xf3EF:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--xf3EF.index-module--oeTU3:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--xf3EF:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--nrJys {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--p4tMr .index-module--nrJys {\n  max-width: calc(100% - 100px);\n}\n\n.index-module--xf3EF .index-module--ZOQJv {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\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\n.index-module--xf3EF .index-module--qbdbI {\n  -webkit-line-clamp: 1;\n}\n.index-module--xf3EF .index-module--bJI3d {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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\n.index-module--xf3EF .index-module--bJI3d.index-module--BXZ4_ {\n  max-height: 74px;\n}\n\n.index-module--xf3EF .index-module--XUOVe {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xf3EF .index-module--aPfw3 {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--xf3EF .index-module--KvaU1 {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.index-module--xf3EF .index-module--KvaU1:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .index-module--xf3EF .index-module--BXZ4_ {\n    height: 96px;\n  }\n\n  .index-module--xf3EF .index-module--ZOQJv {\n    -webkit-line-clamp: 2;\n  }\n}\n",""]);var l="index-module--xf3EF",a="index-module--hky1u",s="index-module--oeTU3",u="index-module--nrJys",c="index-module--p4tMr",x="index-module--ZOQJv",m="index-module--qbdbI",p="index-module--bJI3d",g="index-module--BXZ4_",b="index-module--aPfw3",h="index-module--KvaU1";const f=d},16e3:(e,n,i)=>{i.d(n,{FJ:()=>x,K5:()=>c,Mq:()=>g,Sp:()=>l,TN:()=>m,ZP:()=>h,ai:()=>p,be:()=>u,cD:()=>b,pA:()=>s,rq:()=>a});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Size Normal */\n\n.index-module--l2Ia_ {\n  border-radius: calc(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--l2Ia_:active,\n.index-module--l2Ia_:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--UXoyU {\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--l2Ia_:hover .index-module--UXoyU,\n.index-module--SlDGl .index-module--UXoyU {\n  display: block;\n}\n\n.index-module--kXQSs {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--l2Ia_:hover .index-module--kXQSs {\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--SlDGl.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--SlDGl .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--newPu {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--SlDGl .index-module--newPu {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--xgUsA {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--a7gZT {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.index-module--K3Bek {\n  text-align: center;\n  width: 100%;\n  height: 48px;\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: 3;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ) .index-module--K3Bek {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--l2Ia_:hover .index-module--K3Bek,\n.index-module--l2Ia_:focus .index-module--K3Bek {\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: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--l2Ia_ .index-module--jBgZW {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\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: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ).index-module--l2Ia_ .index-module--jBgZW {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.index-module--SlDGl .index-module--jBgZW {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\n}\n",""]);var l="index-module--l2Ia_",a="index-module--UXoyU",s="index-module--SlDGl",u="index-module--kXQSs",c="index-module--newPu",x="index-module--a7gZT",m="index-module--K3Bek",p="index-module--RXCCD",g="index-module--bxCZJ",b="index-module--jBgZW";const h=d},86682:(e,n,i)=>{i.d(n,{FJ:()=>b,K5:()=>g,Mq:()=>u,PD:()=>x,Sp:()=>a,TN:()=>h,YS:()=>l,ZP:()=>v,ai:()=>s,be:()=>m,pA:()=>p,yG:()=>c,yi:()=>f});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\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  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\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--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\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:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\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  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var l="index-module--HBvPZ",a="index-module--KL9WL",s="index-module--_rhcx",u="index-module--n2nO7",c="index-module--nqpmq",x="index-module--eU87P",m="index-module--BubVA",p="index-module--A0nkG",g="index-module--_zSMt",b="index-module--wSUAC",h="index-module--_GZCo",f="index-module--_bHa2";const v=d},23029:(e,n,i)=>{i.d(n,{K5:()=>u,Sp:()=>l,ZP:()=>c,db:()=>s,iZ:()=>a});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Planner*/\n\n.index-module--oxkqB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  float: left;\n}\n\n.index-module--oxkqB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n.index-module--oxkqB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--oxkqB:hover {\n  z-index: 200;\n}\n\n.index-module--oxkqB .index-module--EyAb0 {\n  width: 100%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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\n.index-module--oxkqB .index-module--e49bM {\n  float: left;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 72px);\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\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\n.index-module--oxkqB .index-module--wEFUA {\n  width: 60px;\n  height: 60px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--oxkqB .index-module--e49bM:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n}\n",""]);var l="index-module--oxkqB",a="index-module--EyAb0",s="index-module--e49bM",u="index-module--wEFUA";const c=d},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>v,Bm:()=>j,CA:()=>x,Eb:()=>w,K5:()=>f,NC:()=>b,ZP:()=>O,db:()=>y,iZ:()=>p,ox:()=>P,pA:()=>m,vc:()=>g});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),u=d()(t()),c=a()(s);u.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H: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--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+c+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var x="index-module--FGg5H",m="index-module--zZnWk",p="index-module--pQje2",g="index-module--CcpMC",b="index-module--II_8j",h="index-module--dUy8g",f="index-module--Z8KXz",v="index-module--m9VzR",w="index-module--Y5eRx",y="index-module--mZh26",j="index-module--NabGm",P="index-module--2NJnv";const O=u},98195:(e,n,i)=>{i.d(n,{CA:()=>l,ZP:()=>u,q_:()=>a,r9:()=>s});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,".index-module--gIylG {\n  border-radius: var(--globalBorderRadius);\n  /* background: white; */\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n}\n\n.index-module--gIylG > div {\n  width: 100%;\n}\n.index-module--qoBVn {\n  width: 100%;\n\n  max-width: 120px;\n  padding: 12px 5px;\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--cJUer {\n  padding-top: 6px;\n  padding-left: 6px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n/*Hide Arrows*/\n.index-module--gIylG input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n.index-module--gIylG input[type='number'] {\n  -moz-appearance: textfield;\n}\n",""]);var l="index-module--gIylG",a="index-module--qoBVn",s="index-module--cJUer";const u=d},30605:(e,n,i)=>{i.d(n,{$i:()=>v,Be:()=>h,CA:()=>x,FR:()=>f,Tq:()=>w,VA:()=>y,VU:()=>g,ZP:()=>P,iq:()=>b,kQ:()=>p,l8:()=>j,nC:()=>m});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(27557),i.b),u=d()(t()),c=a()(s);u.push([e.id,".index-module--gyx1d {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--zjBLV {\n  display: block;\n  width: 99%;\n}\n\n.index-module--Sp71V {\n  margin: 10px;\n}\n\n.index-module--Bu3n_ {\n  width: 100%;\n  height: 1.2rem;\n}\n\n.index-module--nYwTl {\n  position: absolute;\n  left: 10px;\n}\n\n.index-module--MYr7S {\n  position: absolute;\n  right: 10px;\n}\n\n.index-module--CeWow {\n  width: 100%;\n  height: 2rem;\n  margin-top: 12px;\n  position: relative;\n}\n\n.index-module--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 3px;\n  position: absolute;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var x="index-module--gyx1d",m="index-module--zjBLV",p="index-module--Sp71V",g="index-module--Bu3n_",b="index-module--nYwTl",h="index-module--MYr7S",f="index-module--CeWow",v="index-module--XrDAa",w="index-module--xvezF",y="index-module--PZiQo",j="index-module--hD6BU";const P=u},28491:(e,n,i)=>{i.d(n,{CA:()=>l,CO:()=>p,TD:()=>m,VF:()=>s,ZP:()=>g,eE:()=>c,iZ:()=>a,pA:()=>u,rq:()=>x});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\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--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var l="index-module--vXVD4",a="index-module--ecuNz",s="index-module--hkKLj",u="index-module--bpPyh",c="index-module--Ur6oS",x="index-module--vybus",m="index-module--hf53S",p="index-module--VYcNk";const g=d},2532:(e,n,i)=>{i.d(n,{CA:()=>l,Eb:()=>g,FJ:()=>m,K5:()=>x,TN:()=>p,ZP:()=>b,be:()=>u,pA:()=>s,rq:()=>a,yG:()=>c});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.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  transition: border 0.3s ease;\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--XCWcg {\n  color: #fff;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.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@supports (-moz-appearance: none) {\n  .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--IAgou:focus .index-module--XCWcg {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\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: 16px;\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 l="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",u="index-module--w3B5Z",c="index-module--LGUqD",x="index-module--GBYub",m="index-module--FjzvR",p="index-module--XCWcg",g="index-module--ktipL";const b=d},31636:(e,n,i)=>{i.d(n,{CA:()=>l,Eb:()=>h,FJ:()=>m,K5:()=>x,Mq:()=>b,TN:()=>p,ZP:()=>f,ai:()=>g,be:()=>u,pA:()=>s,rq:()=>a,yG:()=>c});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\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--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\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--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\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--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli {\n  color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\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@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var l="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",u="index-module--ZjI8q",c="index-module--ljMpw",x="index-module--Ga2vs",m="index-module--n4xih",p="index-module--h2hli",g="index-module--D9rSr",b="index-module--xR2x0",h="index-module--e6Piy";const f=d},64089:(e,n,i)=>{i.d(n,{AR:()=>u,BH:()=>s,Xd:()=>g,ZP:()=>h,ai:()=>a,nC:()=>l,nt:()=>b,w$:()=>m,yL:()=>p,yg:()=>x,zh:()=>c});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,".index-module--AvQHo {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.index-module--AvQHo.index-module--zgiYf {\n  margin: 0;\n}\n\n.index-module--V6cK8 {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--qWwEf {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.index-module--zgiYf .index-module--qWwEf {\n  word-break: break-word;\n}\n.index-module--h8spf .index-module--qWwEf {\n  width: calc(50% - 80px);\n}\n\n.index-module--LDD_U {\n  font-weight: 300;\n}\n\n.index-module--D_ewj {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.index-module--Ktory {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.index-module--D_ewj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--UW_Uq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.index-module--OrEFv {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n",""]);var l="index-module--AvQHo",a="index-module--zgiYf",s="index-module--V6cK8",u="index-module--qWwEf",c="index-module--h8spf",x="index-module--LDD_U",m="index-module--D_ewj",p="index-module--Ktory",g="index-module--UW_Uq",b="index-module--OrEFv";const h=d},95547:(e,n,i)=>{i.d(n,{Kp:()=>s,LR:()=>l,ZP:()=>c,um:()=>u,vU:()=>a});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,".index-module--KUpat {\n  margin-top: 10px;\n  margin-left: 5px;\n  font-size: 15px;\n  line-height: 17px;\n}\n\n.index-module--bdt37 {\n  color: #dc3545;\n}\n\n.index-module--vFvus {\n  color: #ffc107;\n}\n\n.index-module--IlBHr {\n  color: #828282;\n}\n",""]);var l="index-module--KUpat",a="index-module--bdt37",s="index-module--vFvus",u="index-module--IlBHr";const c=d},49628:(e,n,i)=>{i.d(n,{FJ:()=>g.FJ,K5:()=>g.K5,Mq:()=>g.Mq,PD:()=>g.PD,Sp:()=>g.Sp,TN:()=>g.TN,YS:()=>g.YS,ai:()=>g.ai,be:()=>g.be,pA:()=>g.pA,yG:()=>g.yG,yi:()=>g.yi});var o=i(93379),t=i.n(o),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),u=i.n(s),c=i(19216),x=i.n(c),m=i(44589),p=i.n(m),g=i(86682),b={};b.styleTagTransform=p(),b.setAttributes=u(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();t()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},94873:(e,n,i)=>{i.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var o=i(93379),t=i.n(o),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),u=i.n(s),c=i(19216),x=i.n(c),m=i(44589),p=i.n(m),g=i(6284),b={};b.styleTagTransform=p(),b.setAttributes=u(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();t()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},81673:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4903,2046,6474,9170,5066,3011,1608,9291,6587,2324,8618,859,1994],{4903:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var o=i(80248),t=i(58618),r=i(52324),d=i(12046),l=i(39060),a=i(19170),s=i(83011),u=i(31608),c=i(69291),x=i(45066),m=i(12454),p=i(70859),g=i(69849),b=(i(87363),i(27078)),h=i(4967),f=i(16253),v=i(29102),w=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 y={ART:v.default,ART_2:h.default,"PLANNER_2.0":f.default,PLANNERSWITCH:m.default,ACC:d.default,ACC_CONFIG:d.default,VERY_SMALL:a.default,SMALL:a.default,GAL_GROUP_DROPDOWN:function GAL_GROUP_DROPDOWN(e){return(0,w.jsx)(g.default,_objectSpread({type:"normalimage.png"},e))},GAL_SMALL_GROUP_DROPDOWN:function GAL_SMALL_GROUP_DROPDOWN(e){return(0,w.jsx)(g.default,_objectSpread({type:"small"},e))},GAL:l.default,GAL_SMALL:l.default,GAL_BIG:l.default,RANGE:s.default,NUMBER:x.default,SLIDER:function SLIDER(){return(0,w.jsx)(w.Fragment,{})},MULTI_TOGGLE:function MULTI_TOGGLE(){return(0,w.jsx)(w.Fragment,{})},MULTI_TOGGLE_ROUND:function MULTI_TOGGLE_ROUND(){return(0,w.jsx)(w.Fragment,{})},RADIO:function RADIO(){return(0,w.jsx)(w.Fragment,{})},RADIO_LIST:function RADIO_LIST(){return(0,w.jsx)(w.Fragment,{})},SUMMARY_ARTICLES:r.default,SUMMARY_OPTIONTREE:t.default,VARIANTS:p.default,STATICROOM:u.default,VIEWPOINT:c.default,DROPDOWN_TEXT:function DROPDOWN_TEXT(){return(0,w.jsx)(w.Fragment,{})},DROPDOWN_IMAGE:function DROPDOWN_IMAGE(){return(0,w.jsx)(w.Fragment,{})},TOGGLE:function TOGGLE(){return(0,w.jsx)(w.Fragment,{})},TOGGLE_HEADER:function TOGGLE_HEADER(){return(0,w.jsx)(w.Fragment,{})},TOGGLE_NAME:function TOGGLE_NAME(){return(0,w.jsx)(w.Fragment,{})},DOOR_PLANNER:function DOOR_PLANNER(){return(0,w.jsx)(w.Fragment,{})},TEXTBOX:function TEXTBOX(){return(0,w.jsx)(w.Fragment,{})},SHELFPLANNER:function SHELFPLANNER(){return(0,w.jsx)(w.Fragment,{})},PRODUCTS:function PRODUCTS(){return(0,w.jsx)(w.Fragment,{})},PROMOTED:function PROMOTED(){return(0,w.jsx)(w.Fragment,{})},CHECKOUT:function CHECKOUT(){return(0,w.jsx)(w.Fragment,{})},STYLE_CONSULTANT:function STYLE_CONSULTANT(){return(0,w.jsx)(w.Fragment,{})},GAL_TEXT_2:function GAL_TEXT_2(e){return(0,w.jsx)(b.default,_objectSpread({},e))},GAL_BIG_TEXT_2:function GAL_BIG_TEXT_2(e){return(0,w.jsx)(b.default,_objectSpread({type:"big"},e))},GAL_SMALL_TEXT_2:function GAL_SMALL_TEXT_2(e){return(0,w.jsx)(b.default,_objectSpread({type:"small"},e))},GAL_TEXT:function GAL_TEXT(e){return(0,w.jsx)(g.default,_objectSpread({},e))},GAL_BIG_TEXT:function GAL_BIG_TEXT(e){return(0,w.jsx)(g.default,_objectSpread({type:"big"},e))},GAL_SMALL_TEXT:function GAL_SMALL_TEXT(e){return(0,w.jsx)(g.default,_objectSpread({type:"small"},e))},GAL_VERY_SMALL_TEXT:function GAL_VERY_SMALL_TEXT(e){return(0,w.jsx)(g.default,_objectSpread({type:"verysmall"},e))}}},12046:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function SettingsItemAccessoireTemplate(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires"}))}},29102:(e,n,i)=>{i.r(n),i.d(n,{default:()=>D});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(46770),s=i(9420),u=i(87363),c=i(93379),x=i.n(c),m=i(7795),p=i.n(m),g=i(90569),b=i.n(g),h=i(3565),f=i.n(h),v=i(19216),w=i.n(v),y=i(44589),j=i.n(y),P=i(37598),O={};O.styleTagTransform=j(),O.setAttributes=f(),O.insert=b().bind(null,"head"),O.domAPI=p(),O.insertStyleElement=w();x()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var I=i(88683),S=i(56474),C=i(55461),k=i(21801),A=i(91087),N=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,s.Pi)((function Article(e){var n,i,o=e.item,r=e.paletteId,s=o,c=(0,l.NP)(),x=(0,I.useDivaCore)().state,m=x.dimensions,p=m.isMobile,g=m.isTablet,b=x.hidePrices,h=(0,u.useState)(""),f=(0,t.Z)(h,2),v=f[0],w=f[1],y={},j={},O=void 0,D=!1,E={},_=(0,a.XI)({delayEnter:1500,hideOnScroll:!0}),M=(0,a.sJ)({isOpen:_[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});p||g||c.getViewConfig().hideTooltip||s.contentItemId||(D=_[0],E=_[1],y=M.triggerProps,j=M.layerProps,O=M.renderLayer);var T=c.getViewConfig().dontShowBasePrice||b||!s.price,z=c.settingsState.plannerReplaceMode&&!(1==r&&c.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:d()(P.Sp,T?P.CE:void 0,"wcConfigurator_Article",s.sel?P.pA:void 0,z?P.y8:void 0),onClick:function onClick(){return c.paletteViewHandler.clickedOnPlannerPalette(s,r)}},y),E),{},{children:[(0,N.jsxs)("div",{className:d()(P.iZ,P.vc),children:[(0,N.jsx)("div",{className:d()(P.K5),style:{backgroundImage:"url(".concat(s.image,")")}}),(0,N.jsxs)("div",{className:d()(P.G8),children:[(0,N.jsx)("div",{className:d()(P.db,v?P.jm:void 0),dangerouslySetInnerHTML:{__html:s.title}}),(0,N.jsx)(S.default,{metaData:s.metaData,visible:[v,w]},s.codex),D&&(null===(n=O)||void 0===n?void 0:n((0,N.jsx)(C.default,{text:null!==(i=s.longDescription)&&void 0!==i?i:s.title,desciption:v,codex:s.articleCodex,image:s.image,layerProps:j,price:s.price},s.codex))),(0,N.jsx)("div",{className:d()(P.cD),children:s.sizeInfo})]}),s.contentItemId&&(0,N.jsx)(k.default,{item:s,style:{bottom:8}},s.articleCodex)]}),!T&&(0,N.jsx)(A.default,{price:s.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},4967:(e,n,i)=>{i.r(n),i.d(n,{default:()=>D});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(16e3),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=i(56474),I=i(21801),S=i(91087),C=i(46770),k=i(88683),A=i(55461),N=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 Article(e){var n,i,o,r=e.item,a=e.paletteId,u=r,c=(0,l.NP)(),x=(0,k.useDivaCore)().state,m=x.dimensions,p=m.isMobile,g=m.isTablet,b=x.hidePrices,h=(0,s.useState)(""),f=(0,t.Z)(h,2),v=f[0],w=f[1],y={},P={},D=void 0,E=!1,_={},M=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,C.sJ)({isOpen:M[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});p||g||c.getViewConfig().hideTooltip||u.contentItemId||(E=M[0],_=M[1],y=T.triggerProps,P=T.layerProps,D=T.renderLayer);var z=u.sel&&"add"!=(null===(n=c.settingsState.addElementSelected)||void 0===n?void 0:n.mode);return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:d()(j.Sp,z?j.pA:void 0,c.getIsInMobileView()?j.ai:void 0,c.uiState.isTablet?j.Mq:void 0),onClick:function onClick(){c.paletteViewHandler.clickedOnPlannerPalette(u,a)}},y),_),{},{children:[(0,N.jsxs)("div",{className:d()(j.be),children:[c.getViewConfig().showOptionCodexInOptionHeader&&(0,N.jsx)("div",{className:d()(j.rq),children:u.articleCodex}),u.image&&(0,N.jsx)("img",{className:d()(j.K5),src:u.image.replace("_gal","").replace("_low","")}),u.contentItemId&&(0,N.jsx)(I.default,{item:u,style:{top:-6,bottom:"unset",right:-7}},u.codex),(0,N.jsx)("div",{className:d()(j.cD),children:u.sizeInfo})]}),(0,N.jsx)("div",{className:j.FJ,children:(0,N.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:u.title}})}),E&&(null===(i=D)||void 0===i?void 0:i((0,N.jsx)(A.default,{text:null!==(o=u.longDescription)&&void 0!==o?o:u.title,desciption:v,codex:u.articleCodex,image:u.image,layerProps:P,price:u.price},u.codex))),(0,N.jsx)(O.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,w]},u.codex),void 0!==u.priceInfo&&!b&&(0,N.jsx)(S.default,{price:u.price})]}))}))},56882:(e,n,i)=>{i.r(n),i.d(n,{default:()=>c});var o=i(88291),t=i(75327),r=i(9420),d=(i(87363),i(49628)),l=i(65515),a=i.n(l),s=i(81673),u=i(47514);const c=(0,r.Pi)((function AddElement(e){var n;(0,o.Z)(e);var i=(0,t.NP)(),r="add"==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.mode)||0==Object.keys(i.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:a()(d.YS,i.getIsInMobileView()?d.ai:void 0,i.uiState.isTablet?d.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:a()(d.PD,i.settingsState.isScrollingDown?d.yG:void 0,r?d.pA:void 0),onClick:function onClick(){var e=i.paletteViewHandler.planner2Dot0Items.getAllItems(),n=e.find((function(e){return e.incomplete})),o=e.find((function(e){var n;return e.basketId==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));i.paletteViewHandler.elementOverviewSelectionChanged(!0,n,o,"add"),void 0===(null==n?void 0:n.id)?i.viewPlannerHandler.onClearElementSelection():i.viewPlannerHandler.onElementSelected(n.setId,null==n?void 0:n.id)},children:(0,u.jsx)("div",{className:a()(d.be),children:(0,u.jsx)("img",{className:a()(d.K5),src:s})})})})}))},16253:(e,n,i)=>{i.r(n),i.d(n,{default:()=>g});var o=i(80248),t=(i(87363),i(9420)),r=i(75327),d=i(65515),l=i.n(d),a=i(21801),s=i(49628),u=i(56882),c=i(46770),x=i(88683),m=i(55461),p=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 g=(0,t.Pi)((function PlannerOverviewItem(e){var n,i,o,t,d=e.item,g=(0,r.NP)(),b=(0,x.useDivaCore)().state.dimensions,h=b.isMobile,f=b.isTablet,v=d.basketId==(null===(n=g.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)&&"add"!=(null===(i=g.settingsState.addElementSelected)||void 0===i?void 0:i.mode),w={},y={},j=void 0,P=!1,O={},I=(0,c.XI)({delayEnter:2e3,hideOnScroll:!0}),S=(0,c.sJ)({isOpen:I[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});h||f||g.getViewConfig().hideTooltip||d.contentItemId||(P=I[0],O=I[1],w=S.triggerProps,y=S.layerProps,j=S.renderLayer);var C=g.settingsState.isScrollingDown;return"add"==d.basketId?(0,p.jsx)(u.default,{item:d}):d.isAccessoire?(0,p.jsx)(p.Fragment,{}):(0,p.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:l()(s.YS,g.getIsInMobileView()?s.ai:void 0,g.uiState.isTablet?s.Mq:void 0),onClick:function onClick(){g.viewPlannerHandler.onElementSelected(d.setId,d.id),g.paletteViewHandler.elementOverviewSelectionChanged(!0,void 0,d,"replace",!0)}},w),O),{},{children:(0,p.jsxs)("div",{id:d.basketId,className:l()(s.Sp,C?s.yG:void 0,v?s.pA:void 0),children:[(0,p.jsxs)("div",{className:l()(s.be),children:[d.image&&(0,p.jsx)("img",{className:l()(s.K5),src:d.image.replace("_gal","").replace("_low","")}),d.contentItemId&&(0,p.jsx)(a.default,{item:d,style:_objectSpread({bottom:C?"-1px":"-7px",right:"-8px"},C?{"--infoIconSize":"16px"}:{})},d.codex)]}),(0,p.jsx)("div",{className:s.FJ,children:(0,p.jsx)("div",{className:s.TN,dangerouslySetInnerHTML:{__html:d.title}})}),P&&(null===(o=j)||void 0===o?void 0:o((0,p.jsx)(m.default,{text:null!==(t=d.longDescription)&&void 0!==t?t:d.title,codex:d.articleCodex,image:d.image,layerProps:y,price:d.price},d.codex))),(0,p.jsx)("div",{className:s.yi,onClick:function onClick(e){e.stopPropagation(),g.viewPlannerHandler.onElementDeleted(d.setId,d.id)},children:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:g.getIsInMobileView()?"12":"15",height:g.getIsInMobileView()?"12":"15",viewBox:"0 -960 960 960",fill:"var(--trash-color)",children:(0,p.jsx)("path",{d:"m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"})})})]})}))}))},12454:(e,n,i)=>{i.r(n),i.d(n,{default:()=>O});var o=i(65515),t=i.n(o),r=i(9420),d=i(75327),l=(i(87363),i(93379)),a=i.n(l),s=i(7795),u=i.n(s),c=i(90569),x=i.n(c),m=i(3565),p=i.n(m),g=i(19216),b=i.n(g),h=i(44589),f=i.n(h),v=i(23029),w={};w.styleTagTransform=f(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=b();a()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=i(86587),j=i(21801),P=i(47514);const O=(0,r.Pi)((function PlannerSwitch(e){var n=e.item,i=(0,d.NP)();return(0,P.jsxs)("div",{className:t()(v.Sp),onClick:function onClick(){return i.paletteViewHandler.clickOnPlannerElementSwitch(n)},children:[n.sel&&(0,P.jsx)(y.default,{}),n.contentItemId&&(0,P.jsx)(j.default,{item:n},n.articleCodex),(0,P.jsxs)("div",{className:t()(v.iZ),children:[(0,P.jsx)("div",{className:t()(v.K5),style:{backgroundImage:"url(".concat(n.image,")")},title:n.title}),(0,P.jsx)("div",{className:t()(v.db),children:n.title})]})]})}))},56474:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var o=i(34988),t=i(75327),r=i(87363),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),u=i(90569),c=i.n(u),x=i(3565),m=i.n(x),p=i(19216),g=i.n(p),b=i(44589),h=i.n(b),f=i(84887),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=g();l()(f.Z,v);f.Z&&f.Z.locals&&f.Z.locals;var w=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,o.Z)(l,2),s=a[0],u=a[1],c=(0,t.NP)(),x=(0,r.useState)(""),m=(0,o.Z)(x,2),p=m[0],g=m[1],b=c.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===b[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<b.length;t++)o(t)}g(e),u(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:f.B,children:p}):(0,w.jsx)(w.Fragment,{})}},19170:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function SettingsItemDefaultTemplate(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default"}))}},45066:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var o=i(84658),t=i(34988),r=i(50747),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(98195),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=i(11994),I=i(47514);const S=(0,a.Pi)((function NumberBox(e){var n,i,r,a,u,c=e.item,x=e.paletteId,m=c,p=(0,s.useRef)(null),g=(0,l.NP)(),b=g.settingsState.itemPalettes.get(x),h=(0,s.useState)(!1),f=(0,t.Z)(h,2),v=f[0],w=f[1],y=(0,s.useState)(null==b||null===(n=b.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.freeText),P=(0,t.Z)(y,2),S=P[0],C=P[1],k=!0;if(b){var A=g.configuratorStructureHandler.getConfigStepByKey(b.configStepKey);A&&(k=A.configStep.isDefined)}if(!b)return(0,I.jsx)(I.Fragment,{});var N=function(){var e=(0,o.Z)(d().mark((function _callee(e){var n,i;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:if(i=null!==(n=e.target.value)&&void 0!==n?n:"",!e.target.value.endsWith(".")){o.next=4;break}return C(e.target.value),o.abrupt("return");case 4:(i=i.replace(/[^0-9.,]/g,"")).includes(",")&&g.getViewConfig().allowComma&&(i=i.replace(/\,/g,".")),p.current&&clearTimeout(p.current),p.current=setTimeout((function(){return D(i)}),500),C(i);case 9:case"end":return o.stop()}}),_callee)})));return function handleChange(n){return e.apply(this,arguments)}}(),D=function(){var e=(0,o.Z)(d().mark((function _callee2(e){return d().wrap((function _callee2$(n){for(;;)switch(n.prev=n.next){case 0:if(!b){n.next=3;break}return n.next=3,g.paletteViewHandler.onRangeClickChange(b,m,e);case 3:case"end":return n.stop()}}),_callee2)})));return function updateLogic(n){return e.apply(this,arguments)}}();return(0,s.useEffect)((function(){var e,n;C(null!==(e=null===(n=b.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.freeText)&&void 0!==e?e:"")}),[null===(i=b.selectedElements)||void 0===i||null===(i=i[0])||void 0===i?void 0:i.freeText]),(0,I.jsxs)("div",{ref:function ref(e){b&&(b.htmlRef=e)},style:{display:"block"},children:[b&&(0,I.jsx)("div",{className:j.r9,children:b.name}),(!v||!(null!==(r=b.info)&&void 0!==r&&r.hideDuringUserInput))&&(0,I.jsx)(O.default,{stepInfo:b.info}),(0,I.jsx)("div",{className:j.CA,children:(0,I.jsx)("div",{style:{margin:"5px"},children:(0,I.jsx)("input",{onBlur:function onBlur(){w(!1)},onFocus:function onFocus(){var e;w(!(null!==(e=b.info)&&void 0!==e&&e.hideDuringUserInput))},autoFocus:g.getViewConfig().autoFocusForInput,lang:"en-150",className:j.q_,placeholder:null!==(a=g.getViewConfig())&&void 0!==a&&a.hideMeasureUnit?void 0:"In "+m.measureUnit,onChange:N,step:"0.01",onKeyDown:function onKeyDown(e){g.getViewConfig().allowComma||"."!==e.key&&","!==e.key||e.preventDefault()},value:S,defaultValue:k?null===(u=b.selectedElements)||void 0===u||null===(u=u[0])||void 0===u?void 0:u.freeText:void 0})})})]})}))},83011:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(30605),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var 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 I=(0,a.Pi)((function Range(e){var n,i=e.paletteId,o=e.item,r=(0,s.useState)(Number(o.freeText)),a=(0,t.Z)(r,2),u=a[0],c=a[1],x=(0,l.NP)(),m=x.settingsState.itemPalettes.get(i),p=(0,s.useState)(null==m||null===(n=m.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),g=(0,t.Z)(p,2),b=g[0],h=g[1];return(0,s.useEffect)((function(){m&&x.settingsState.updateItemPalette(i,_objectSpread(_objectSpread({},m),{},{numberInput:u,measureUnit:o.measureUnit}))}),[u]),(0,s.useEffect)((function(){if(m){var e,n=null==m||null===(e=m.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&b!==n?(h(n),c(Number(o.measureMinimum))):m.numberInput&&m.numberInput!=u&&c(m.numberInput)}}),[m,b]),(0,O.jsx)("div",{className:d()(j.CA,j.nC),children:(0,O.jsxs)("div",{className:j.kQ,children:[(0,O.jsxs)("div",{className:j.VU,children:[(0,O.jsx)("a",{className:j.iq,children:o.measureMinimum+" "+o.measureUnit}),(0,O.jsx)("a",{className:j.Be,children:o.measureMaximum+" "+o.measureUnit})]}),(0,O.jsxs)("div",{className:d()(j.FR,"no-swiping"),children:[(0,O.jsx)("div",{className:d()(j.Tq,j.VA),onClick:function onClick(){var e=Number(u)-Number(o.measureStep);e<Number(o.measureMinimum)||(c(e),x.paletteViewHandler.onRangeClickChange(m,o,e.toString(),!0))}}),(0,O.jsx)("input",{type:"range",min:o.measureMinimum,max:o.measureMaximum,step:o.measureStep,value:u,className:j.$i,onChange:function onChange(e){return c(Number(e.target.value))},onMouseUp:function onMouseUp(e){return x.paletteViewHandler.onRangeClickChange(m,o,e.target.value)},onTouchEnd:function onTouchEnd(e){return x.paletteViewHandler.onRangeClickChange(m,o,e.target.value)}}),(0,O.jsx)("div",{className:d()(j.Tq,j.l8),onClick:function onClick(){var e=Number(u)+Number(o.measureStep);e>Number(o.measureMaximum)||(c(e),x.paletteViewHandler.onRangeClickChange(m,o,e.toString()))}})]})]})})}))},31608:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function SettingsItemRoomTemplate(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem"}))}},69291:(e,n,i)=>{i.r(n),i.d(n,{default:()=>c});var o=i(65515),t=i.n(o),r=i(75327),d=i(9420),l=(i(87363),i(88683)),a=i(94873),s=i(86587),u=i(47514);const c=(0,d.Pi)((function ViewPoint(e){var n=e.item,i=(0,r.NP)(),o=(0,l.useTranslation)().t;return(0,u.jsx)("div",{className:a.CA,onClick:function onClick(){return i.paletteViewHandler.clickedOnStaticVPPalette(n)},children:(0,u.jsxs)("div",{className:t()(a.iZ,a.vc),children:[n.sel&&(0,u.jsx)(s.default,{}),(0,u.jsx)("div",{className:a.K5,style:{backgroundImage:"url(".concat(n.url,")")}}),(0,u.jsx)("div",{className:a.AR,children:(0,u.jsx)("div",{className:a.db,children:o("configurator."+n.N)})})]})})}))},39060:(e,n,i)=>{i.r(n),i.d(n,{default:()=>_});var o=i(80248),t=i(34988),r=i(75327),d=i(87363),l=i(46770),a=i(9420),s=i(93379),u=i.n(s),c=i(7795),x=i.n(c),m=i(90569),p=i.n(m),g=i(3565),b=i.n(g),h=i(19216),f=i.n(h),v=i(44589),w=i.n(v),y=i(28491),j={};j.styleTagTransform=w(),j.setAttributes=b(),j.insert=p().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=f();u()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=i(13838),O=i(65515),I=i.n(O),S=i(86587),C=i(88683),k=i(55461),A=i(21801),N=i(91087),D=i(19456),E=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 _=(0,a.Pi)((function Gallery(e){var n,i,o=e.item,a=e.hidePricePreview,s=e.paletteId,u=e.style,c=e.isActive,x=void 0===c?(0,E.jsx)(S.default,{listenToGalleryVariables:!0}):c,m=e.namePostFix,p=o,g=(0,r.NP)(),b=(0,C.useDivaCore)().state.dimensions,h=b.isMobile,f=b.isTablet,v=(0,d.useState)(""),w=(0,t.Z)(v,2),j=w[0],O=(w[1],{}),_={},M=void 0,T=!1,z={},L=(0,l.XI)({delayEnter:1500,hideOnScroll:!0}),Z=(0,l.sJ)({isOpen:L[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return h||f||g.getViewConfig().hideTooltip||!p.image&&!p.hexColor||p.contentItemId||(T=L[0],z=L[1],O=Z.triggerProps,_=Z.layerProps,M=Z.renderLayer),(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:u,id:p.codex,"data-test-id":"plannerPaletteItem",className:I()(y.CA,y.TD,p.sel?y.pA:void 0),onClick:function onClick(){p.doShowFav&&g.paletteViewHandler.clickedOnFavIcon(p),g.paletteViewHandler.clickedOnConfigPalette(p,void 0,s)}},O),z),{},{children:[(0,E.jsxs)("div",{className:I()(y.iZ,y.VF),children:[!p.doShowFav&&p.sel&&void 0!==x&&x,p.contentItemId&&(0,E.jsx)(A.default,{item:p},p.codex),(g.getViewConfig().showVCodexInGallery&&p.vCodex||p.freeText)&&(0,E.jsx)("div",{className:y.eE,children:(0,E.jsx)("div",{className:I()(y.rq),children:null!==(n=p.freeText)&&void 0!==n?n:p.vCodex+(m||"")})}),p.image?(0,E.jsx)("img",{src:p.image}):p.hexColor?(0,E.jsx)("div",{className:y.CO,style:{backgroundColor:"#"+p.hexColor}}):(0,E.jsx)(E.Fragment,{}),p.doShowFav&&(0,E.jsx)("div",{className:p.isFav?P.Md:P.Hq})]}),!a&&void 0!==p.pricePreviewPromise&&(0,E.jsx)(N.default,{asyncPricePreview:p.pricePreviewPromise,sel:p.sel}),void 0!==p.checkForReversingChanges&&(0,E.jsx)(D.default,{item:p,paletteId:s})]})),T&&(null===(i=M)||void 0===i?void 0:i((0,E.jsx)(k.default,{text:p.text+(m||""),desciption:j,image:p.image,layerProps:_,pricePreviewPromise:p.pricePreviewPromise,hexColor:p.hexColor},p.codex)))]})}))},69849:(e,n,i)=>{i.r(n),i.d(n,{default:()=>_});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(2532),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=i(13838),I=i(46770),S=i(55461),C=i(56474),k=i(88683),A=i(21801),N=i(91087),D=i(19456),E=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 _=(0,a.Pi)((function Option(e){var n,i,o=e.item,r=e.type,a=e.paletteId,u=e.hidePricePreview,c=e.namePostFix,x=o,m=(0,l.NP)(),p=(0,s.useState)(""),g=(0,t.Z)(p,2),b=g[0],h=g[1],f=(0,k.useDivaCore)().state.dimensions,v=f.isMobile,w=f.isTablet,y={},P={},_=void 0,M=!1,T={},z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),L=(0,I.sJ)({isOpen:z[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return v||w||m.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(M=z[0],T=z[1],y=L.triggerProps,P=L.layerProps,_=L.renderLayer),(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:d()("small"==r||"verysmall"==r?j.yG:void 0,"big"==r?j.Eb:void 0,j.CA,x.sel?j.pA:void 0),onClick:function onClick(){m.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},y),T),{},{children:[(0,E.jsxs)("div",{className:d()(j.be),children:[m.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,E.jsx)("div",{className:d()(j.rq),children:x.vCodex}),x.image?(0,E.jsx)("img",{className:d()(j.K5),src:"small"!=r&&"verysmall"!=r?x.image.replace("_gal",""):x.image}):(0,E.jsx)("div",{className:d()(j.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"dfdfdf")}}),x.contentItemId&&(0,E.jsx)(A.default,{item:x},x.codex)]}),(0,E.jsx)("div",{className:j.FJ,children:(0,E.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:x.text+(c||"")}})}),x.doShowFav&&(0,E.jsx)("div",{className:x.isFav?O.Md:O.Hq,onClick:function onClick(){return m.paletteViewHandler.clickedOnFavIcon(x)}}),(0,E.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[b,h]},x.codex),!u&&void 0!==x.pricePreviewPromise&&(0,E.jsx)(N.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,E.jsx)(D.default,{item:x,paletteId:a}),M&&(null===(i=_)||void 0===i?void 0:i((0,E.jsx)(S.default,{text:x.text+(x.freeText?x.freeText:"")+(c||""),hexColor:x.hexColor,desciption:b,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:P},x.codex)))]}))}))},27078:(e,n,i)=>{i.r(n),i.d(n,{default:()=>_});var o=i(80248),t=i(34988),r=i(65515),d=i.n(r),l=i(75327),a=i(9420),s=i(87363),u=i(93379),c=i.n(u),x=i(7795),m=i.n(x),p=i(90569),g=i.n(p),b=i(3565),h=i.n(b),f=i(19216),v=i.n(f),w=i(44589),y=i.n(w),j=i(31636),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();c()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=i(13838),I=i(46770),S=i(55461),C=i(56474),k=i(88683),A=i(21801),N=i(91087),D=i(19456),E=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 _=(0,a.Pi)((function Option(e){var n,i,o=e.item,r=e.type,a=e.paletteId,u=e.hidePricePreview,c=e.namePostFix,x=o,m=(0,l.NP)(),p=(0,s.useState)(""),g=(0,t.Z)(p,2),b=g[0],h=g[1],f=(0,k.useDivaCore)().state.dimensions,v=f.isMobile,w=f.isTablet,y={},P={},_=void 0,M=!1,T={},z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),L=(0,I.sJ)({isOpen:z[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return v||w||m.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(M=z[0],T=z[1],y=L.triggerProps,P=L.layerProps,_=L.renderLayer),(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:d()(j.CA,x.sel?j.pA:void 0,"big"==r?j.Eb:void 0,"small"==r?j.yG:void 0,m.getIsInMobileView()?j.ai:void 0,m.uiState.isTablet?j.Mq:void 0),onClick:function onClick(){m.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},y),T),{},{children:[(0,E.jsxs)("div",{className:d()(j.be),children:[m.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,E.jsx)("div",{className:d()(j.rq),children:x.vCodex}),x.image?(0,E.jsx)("img",{className:d()(j.K5),src:"small"!=r?x.image.replace("_gal",""):x.image}):(0,E.jsx)("div",{className:d()(j.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"fff")}}),x.contentItemId&&(0,E.jsx)(A.default,{item:x},x.codex)]}),(0,E.jsx)("div",{className:j.FJ,children:(0,E.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:x.text+(c||"")}})}),x.doShowFav&&(0,E.jsx)("div",{className:x.isFav?O.Md:O.Hq,onClick:function onClick(){return m.paletteViewHandler.clickedOnFavIcon(x)}}),(0,E.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[b,h]},x.codex),!u&&void 0!==x.pricePreviewPromise&&(0,E.jsx)(N.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,E.jsx)(D.default,{item:x,paletteId:a}),M&&(null===(i=_)||void 0===i?void 0:i((0,E.jsx)(S.default,{text:x.text+(x.freeText?x.freeText:"")+(c||""),hexColor:x.hexColor,desciption:b,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:P},x.codex)))]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},52324:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});i(87363);var o=i(65515),t=i.n(o),r=i(75327),d=i(9420),l=i(93379),a=i.n(l),s=i(7795),u=i.n(s),c=i(90569),x=i.n(c),m=i(3565),p=i.n(m),g=i(19216),b=i.n(g),h=i(44589),f=i.n(h),v=i(64089),w={};w.styleTagTransform=f(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=b();a()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=i(88683),j=i(47514);const P=(0,d.Pi)((function Articles(e){var n,i=e.item,o=(0,r.NP)(),d=o.uiState.configSettingsIsExpanded||o.uiState.configSettingsIsMaxExpanded,l=(0,y.useDivaCore)().state.dimensions.isMobile;return(0,j.jsxs)("div",{className:t()(v.nC,d?v.zh:void 0,l?v.ai:void 0),children:[(0,j.jsx)("img",{className:t()(v.BH),src:i.image}),(0,j.jsxs)("div",{className:t()(v.AR),children:[(0,j.jsx)("span",{className:t()(v.yg),children:i.title}),i.description&&(0,j.jsx)("span",{children:i.description})]}),d&&!l&&(0,j.jsx)("div",{className:t()(v.w$),children:(0,j.jsx)("div",{className:t()(v.yL),children:null===(n=i.targetArticlePosNrs)||void 0===n?void 0:n.map((function(e,n){return(0,j.jsx)("span",{children:e},n)}))})}),(0,j.jsx)("div",{className:t()(v.Xd),children:i.quantity+"x"}),(0,j.jsx)("div",{className:t()(v.nt),children:y.DivaUtils.formatPrice(i.price,o.productState.priceFormat)})]})}))},58618:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var o=i(80248),t=(i(87363),i(2765)),r=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=function SummaryOptionTree(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},70859:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var o=i(88683),t=i(75327),r=i(85092),d=i(47514);const l=function Varaint(e){var n,i=e.item,l=(0,t.NP)();return(0,d.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,d.jsx)("button",{onClick:i.onClick,children:"konfigurieren"}),(0,d.jsx)("div",{children:i.index}),null===(n=i.variantValues)||void 0===n?void 0:n.map((function(e){return(0,d.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.optionValueImage&&(0,d.jsx)("img",{src:e.optionValueImage,style:{height:40}}),(0,d.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,d.jsx)("div",{children:e.optionName}),(0,d.jsx)("div",{children:e.optionValueName})]})]},e.opt)})),(0,d.jsx)("div",{children:i.title}),(0,d.jsx)("div",{children:o.DivaUtils.formatPrice(i.price)}),(0,d.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,d.jsx)(r.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){i.onToggle(),l.paletteViewHandler.updateCurPaletteData(!0)},state:!i.disabled})})]},i.hash)}},11994:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var o=i(65515),t=i.n(o),r=(i(87363),i(93379)),d=i.n(r),l=i(7795),a=i.n(l),s=i(90569),u=i.n(s),c=i(3565),x=i.n(c),m=i(19216),p=i.n(m),g=i(44589),b=i.n(g),h=i(95547),f={};f.styleTagTransform=b(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=p();d()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(47514);const w=function StepInfo(e){var n=e.stepInfo;if(!n)return(0,v.jsx)(v.Fragment,{});var i=n.text,o=n.type;return(0,v.jsx)("div",{className:t()(h.LR,"ERROR"===o?h.vU:void 0,"INFO"===o?h.um:void 0,"WARNING"===o?h.Kp:void 0),dangerouslySetInnerHTML:{__html:i}})}},37598:(e,n,i)=>{i.d(n,{CE:()=>c,G8:()=>u,K5:()=>b,Sp:()=>l,ZP:()=>f,cD:()=>h,db:()=>x,iZ:()=>p,jm:()=>m,pA:()=>a,vc:()=>g,y8:()=>s});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Planner*/\n\n.index-module--xf3EF {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.index-module--hky1u {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xf3EF:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--xf3EF.index-module--oeTU3:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--xf3EF:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--nrJys {\n  display: flex;\n  float: left;\n  margin-top: 8px;\n  margin-left: 8px;\n  height: calc(100% - 14px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--p4tMr .index-module--nrJys {\n  max-width: calc(100% - 100px);\n}\n\n.index-module--xf3EF .index-module--ZOQJv {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\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\n.index-module--xf3EF .index-module--qbdbI {\n  -webkit-line-clamp: 1;\n}\n.index-module--xf3EF .index-module--bJI3d {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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\n.index-module--xf3EF .index-module--bJI3d.index-module--BXZ4_ {\n  max-height: 74px;\n}\n\n.index-module--xf3EF .index-module--XUOVe {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xf3EF .index-module--aPfw3 {\n  width: 74px;\n  height: 74px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.2px;\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--xf3EF .index-module--KvaU1 {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.index-module--xf3EF .index-module--KvaU1:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .index-module--xf3EF .index-module--BXZ4_ {\n    height: 96px;\n  }\n\n  .index-module--xf3EF .index-module--ZOQJv {\n    -webkit-line-clamp: 2;\n  }\n}\n",""]);var l="index-module--xf3EF",a="index-module--hky1u",s="index-module--oeTU3",u="index-module--nrJys",c="index-module--p4tMr",x="index-module--ZOQJv",m="index-module--qbdbI",p="index-module--bJI3d",g="index-module--BXZ4_",b="index-module--aPfw3",h="index-module--KvaU1";const f=d},16e3:(e,n,i)=>{i.d(n,{FJ:()=>x,K5:()=>c,Mq:()=>g,Sp:()=>l,TN:()=>m,ZP:()=>h,ai:()=>p,be:()=>u,cD:()=>b,pA:()=>s,rq:()=>a});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Size Normal */\n\n.index-module--l2Ia_ {\n  border-radius: calc(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--l2Ia_:active,\n.index-module--l2Ia_:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--UXoyU {\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--l2Ia_:hover .index-module--UXoyU,\n.index-module--SlDGl .index-module--UXoyU {\n  display: block;\n}\n\n.index-module--kXQSs {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--l2Ia_:hover .index-module--kXQSs {\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--SlDGl.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--SlDGl .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--newPu {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--SlDGl .index-module--newPu {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--xgUsA {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--a7gZT {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.index-module--K3Bek {\n  text-align: center;\n  width: 100%;\n  height: 48px;\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: 3;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ) .index-module--K3Bek {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--l2Ia_:hover .index-module--K3Bek,\n.index-module--l2Ia_:focus .index-module--K3Bek {\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: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--l2Ia_ .index-module--jBgZW {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\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: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ).index-module--l2Ia_ .index-module--jBgZW {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.index-module--SlDGl .index-module--jBgZW {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\n}\n",""]);var l="index-module--l2Ia_",a="index-module--UXoyU",s="index-module--SlDGl",u="index-module--kXQSs",c="index-module--newPu",x="index-module--a7gZT",m="index-module--K3Bek",p="index-module--RXCCD",g="index-module--bxCZJ",b="index-module--jBgZW";const h=d},86682:(e,n,i)=>{i.d(n,{FJ:()=>b,K5:()=>g,Mq:()=>u,PD:()=>x,Sp:()=>a,TN:()=>h,YS:()=>l,ZP:()=>v,ai:()=>s,be:()=>m,pA:()=>p,yG:()=>c,yi:()=>f});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\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  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\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--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\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:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\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  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var l="index-module--HBvPZ",a="index-module--KL9WL",s="index-module--_rhcx",u="index-module--n2nO7",c="index-module--nqpmq",x="index-module--eU87P",m="index-module--BubVA",p="index-module--A0nkG",g="index-module--_zSMt",b="index-module--wSUAC",h="index-module--_GZCo",f="index-module--_bHa2";const v=d},23029:(e,n,i)=>{i.d(n,{K5:()=>u,Sp:()=>l,ZP:()=>c,db:()=>s,iZ:()=>a});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Planner*/\n\n.index-module--oxkqB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  float: left;\n}\n\n.index-module--oxkqB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n.index-module--oxkqB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--oxkqB:hover {\n  z-index: 200;\n}\n\n.index-module--oxkqB .index-module--EyAb0 {\n  width: 100%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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\n.index-module--oxkqB .index-module--e49bM {\n  float: left;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 72px);\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\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\n.index-module--oxkqB .index-module--wEFUA {\n  width: 60px;\n  height: 60px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--oxkqB .index-module--e49bM:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n}\n",""]);var l="index-module--oxkqB",a="index-module--EyAb0",s="index-module--e49bM",u="index-module--wEFUA";const c=d},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>v,Bm:()=>j,CA:()=>x,Eb:()=>w,K5:()=>f,NC:()=>b,ZP:()=>O,db:()=>y,iZ:()=>p,ox:()=>P,pA:()=>m,vc:()=>g});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),u=d()(t()),c=a()(s);u.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H: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--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+c+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var x="index-module--FGg5H",m="index-module--zZnWk",p="index-module--pQje2",g="index-module--CcpMC",b="index-module--II_8j",h="index-module--dUy8g",f="index-module--Z8KXz",v="index-module--m9VzR",w="index-module--Y5eRx",y="index-module--mZh26",j="index-module--NabGm",P="index-module--2NJnv";const O=u},98195:(e,n,i)=>{i.d(n,{CA:()=>l,ZP:()=>u,q_:()=>a,r9:()=>s});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,".index-module--gIylG {\n  border-radius: var(--globalBorderRadius);\n  /* background: white; */\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n}\n\n.index-module--gIylG > div {\n  width: 100%;\n}\n.index-module--qoBVn {\n  width: 100%;\n\n  max-width: 120px;\n  padding: 12px 5px;\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--cJUer {\n  padding-top: 6px;\n  padding-left: 6px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n/*Hide Arrows*/\n.index-module--gIylG input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n.index-module--gIylG input[type='number'] {\n  -moz-appearance: textfield;\n}\n",""]);var l="index-module--gIylG",a="index-module--qoBVn",s="index-module--cJUer";const u=d},30605:(e,n,i)=>{i.d(n,{$i:()=>v,Be:()=>h,CA:()=>x,FR:()=>f,Tq:()=>w,VA:()=>y,VU:()=>g,ZP:()=>P,iq:()=>b,kQ:()=>p,l8:()=>j,nC:()=>m});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(27557),i.b),u=d()(t()),c=a()(s);u.push([e.id,".index-module--gyx1d {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--zjBLV {\n  display: block;\n  width: 99%;\n}\n\n.index-module--Sp71V {\n  margin: 10px;\n}\n\n.index-module--Bu3n_ {\n  width: 100%;\n  height: 1.2rem;\n}\n\n.index-module--nYwTl {\n  position: absolute;\n  left: 10px;\n}\n\n.index-module--MYr7S {\n  position: absolute;\n  right: 10px;\n}\n\n.index-module--CeWow {\n  width: 100%;\n  height: 2rem;\n  margin-top: 12px;\n  position: relative;\n}\n\n.index-module--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 3px;\n  position: absolute;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var x="index-module--gyx1d",m="index-module--zjBLV",p="index-module--Sp71V",g="index-module--Bu3n_",b="index-module--nYwTl",h="index-module--MYr7S",f="index-module--CeWow",v="index-module--XrDAa",w="index-module--xvezF",y="index-module--PZiQo",j="index-module--hD6BU";const P=u},28491:(e,n,i)=>{i.d(n,{CA:()=>l,CO:()=>p,TD:()=>m,VF:()=>s,ZP:()=>g,eE:()=>c,iZ:()=>a,pA:()=>u,rq:()=>x});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\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--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var l="index-module--vXVD4",a="index-module--ecuNz",s="index-module--hkKLj",u="index-module--bpPyh",c="index-module--Ur6oS",x="index-module--vybus",m="index-module--hf53S",p="index-module--VYcNk";const g=d},2532:(e,n,i)=>{i.d(n,{CA:()=>l,Eb:()=>g,FJ:()=>m,K5:()=>x,TN:()=>p,ZP:()=>b,be:()=>u,pA:()=>s,rq:()=>a,yG:()=>c});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.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  transition: border 0.3s ease;\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--XCWcg,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--XCWcg {\n  color: #fff;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.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@supports (-moz-appearance: none) {\n  .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--IAgou:focus .index-module--XCWcg {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\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: 16px;\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 l="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",u="index-module--w3B5Z",c="index-module--LGUqD",x="index-module--GBYub",m="index-module--FjzvR",p="index-module--XCWcg",g="index-module--ktipL";const b=d},31636:(e,n,i)=>{i.d(n,{CA:()=>l,Eb:()=>h,FJ:()=>m,K5:()=>x,Mq:()=>b,TN:()=>p,ZP:()=>f,ai:()=>g,be:()=>u,pA:()=>s,rq:()=>a,yG:()=>c});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\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--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\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--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\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--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--h2hli {\n  color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\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@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var l="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",u="index-module--ZjI8q",c="index-module--ljMpw",x="index-module--Ga2vs",m="index-module--n4xih",p="index-module--h2hli",g="index-module--D9rSr",b="index-module--xR2x0",h="index-module--e6Piy";const f=d},64089:(e,n,i)=>{i.d(n,{AR:()=>u,BH:()=>s,Xd:()=>g,ZP:()=>h,ai:()=>a,nC:()=>l,nt:()=>b,w$:()=>m,yL:()=>p,yg:()=>x,zh:()=>c});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,".index-module--AvQHo {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.index-module--AvQHo.index-module--zgiYf {\n  margin: 0;\n}\n\n.index-module--V6cK8 {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--qWwEf {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.index-module--zgiYf .index-module--qWwEf {\n  word-break: break-word;\n}\n.index-module--h8spf .index-module--qWwEf {\n  width: calc(50% - 80px);\n}\n\n.index-module--LDD_U {\n  font-weight: 300;\n}\n\n.index-module--D_ewj {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.index-module--Ktory {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.index-module--D_ewj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--UW_Uq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.index-module--OrEFv {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n",""]);var l="index-module--AvQHo",a="index-module--zgiYf",s="index-module--V6cK8",u="index-module--qWwEf",c="index-module--h8spf",x="index-module--LDD_U",m="index-module--D_ewj",p="index-module--Ktory",g="index-module--UW_Uq",b="index-module--OrEFv";const h=d},95547:(e,n,i)=>{i.d(n,{Kp:()=>s,LR:()=>l,ZP:()=>c,um:()=>u,vU:()=>a});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([e.id,".index-module--KUpat {\n  margin-top: 10px;\n  margin-left: 5px;\n  font-size: 15px;\n  line-height: 17px;\n}\n\n.index-module--bdt37 {\n  color: #dc3545;\n}\n\n.index-module--vFvus {\n  color: #ffc107;\n}\n\n.index-module--IlBHr {\n  color: #828282;\n}\n",""]);var l="index-module--KUpat",a="index-module--bdt37",s="index-module--vFvus",u="index-module--IlBHr";const c=d},49628:(e,n,i)=>{i.d(n,{FJ:()=>g.FJ,K5:()=>g.K5,Mq:()=>g.Mq,PD:()=>g.PD,Sp:()=>g.Sp,TN:()=>g.TN,YS:()=>g.YS,ai:()=>g.ai,be:()=>g.be,pA:()=>g.pA,yG:()=>g.yG,yi:()=>g.yi});var o=i(93379),t=i.n(o),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),u=i.n(s),c=i(19216),x=i.n(c),m=i(44589),p=i.n(m),g=i(86682),b={};b.styleTagTransform=p(),b.setAttributes=u(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();t()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},94873:(e,n,i)=>{i.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var o=i(93379),t=i.n(o),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),u=i.n(s),c=i(19216),x=i.n(c),m=i(44589),p=i.n(m),g=i(6284),b={};b.styleTagTransform=p(),b.setAttributes=u(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();t()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},81673:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4967.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4967,1801,6474],{4967:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),o=t(34988),d=t(65515),l=t.n(d),r=t(75327),a=t(9420),s=t(87363),x=t(93379),c=t.n(x),u=t(7795),m=t.n(u),p=t(90569),C=t.n(p),h=t(3565),f=t.n(h),g=t(19216),b=t.n(g),v=t(44589),w=t.n(v),y=t(16e3),j={};j.styleTagTransform=w(),j.setAttributes=f(),j.insert=C().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=b();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(56474),k=t(21801),I=t(91087),P=t(46770),Z=t(88683),B=t(55461),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 D=(0,a.Pi)((function Article(e){var n,t,i,d=e.item,a=e.paletteId,x=d,c=(0,r.NP)(),u=(0,Z.useDivaCore)().state,m=u.dimensions,p=m.isMobile,C=m.isTablet,h=u.hidePrices,f=(0,s.useState)(""),g=(0,o.Z)(f,2),b=g[0],v=g[1],w={},j={},D=void 0,F=!1,N={},z=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),_=(0,P.sJ)({isOpen:z[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});p||C||c.getViewConfig().hideTooltip||x.contentItemId||(F=z[0],N=z[1],w=_.triggerProps,j=_.layerProps,D=_.renderLayer);var M=x.sel&&"add"!=(null===(n=c.settingsState.addElementSelected)||void 0===n?void 0:n.mode);return(0,O.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:l()(y.Sp,M?y.pA:void 0,c.getIsInMobileView()?y.ai:void 0,c.uiState.isTablet?y.Mq:void 0),onClick:function onClick(){c.paletteViewHandler.clickedOnPlannerPalette(x,a)}},w),N),{},{children:[(0,O.jsxs)("div",{className:l()(y.be),children:[c.getViewConfig().showOptionCodexInOptionHeader&&(0,O.jsx)("div",{className:l()(y.rq),children:x.articleCodex}),x.image&&(0,O.jsx)("img",{className:l()(y.K5),src:x.image.replace("_gal","").replace("_low","")}),x.contentItemId&&(0,O.jsx)(k.default,{item:x,style:{top:-6,bottom:"unset",right:-7}},x.codex),(0,O.jsx)("div",{className:l()(y.cD),children:x.sizeInfo})]}),(0,O.jsx)("div",{className:y.FJ,children:(0,O.jsx)("div",{className:y.TN,dangerouslySetInnerHTML:{__html:x.title}})}),F&&(null===(t=D)||void 0===t?void 0:t((0,O.jsx)(B.default,{text:null!==(i=x.longDescription)&&void 0!==i?i:x.title,desciption:b,codex:x.articleCodex,image:x.image,layerProps:j,price:x.price},x.codex))),(0,O.jsx)(S.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[b,v]},x.codex),void 0!==x.priceInfo&&!h&&(0,O.jsx)(I.default,{price:x.price})]}))}))},21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),o=t(93379),d=t.n(o),l=t(7795),r=t.n(l),a=t(90569),s=t.n(a),x=t(3565),c=t.n(x),u=t(19216),m=t.n(u),p=t(44589),C=t.n(p),h=t(23240),f={};f.styleTagTransform=C(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=m();d()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var g=t(87363),b=t(75327),v=t(65515),w=t.n(v),y=t(9420),j=t(47514);const S=(0,y.Pi)((function InfoIcon(e){var n,t,o,d=e.item,l=e.style,r=(0,b.NP)(),a=d.contentItemId,s=null!==(n=null!==(t=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==t?t:d.title)&&void 0!==n?n:d.key,x=(0,g.useState)(!1),c=(0,i.Z)(x,2),u=c[0],m=c[1],p=d.sel||u;if((0,g.useEffect)((function(){var e=r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a&&s==r.settingsState.clickedFrom;!e&&u&&m(!1),e&&!u&&m(!0)}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId,r.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=r.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){r.settingsState.onClickContentItemId(a,s),m(r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,p?void 0:h.al,u?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,p?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),d=t(87363),l=t(93379),r=t.n(l),a=t(7795),s=t.n(a),x=t(90569),c=t.n(x),u=t(3565),m=t.n(u),p=t(19216),C=t.n(p),h=t(44589),f=t.n(h),g=t(84887),b={};b.styleTagTransform=f(),b.setAttributes=m(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=C();r()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var v=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,r=void 0===l?(0,d.useState)(""):l,a=(0,i.Z)(r,2),s=a[0],x=a[1],c=(0,o.NP)(),u=(0,d.useState)(""),m=(0,i.Z)(u,2),p=m[0],C=m[1],h=c.getViewConfig().displayMetaDatas,f=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,d.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}C(e),x(e)}}),[]),s?(0,v.jsx)("div",{style:n,className:g.B,children:p}):(0,v.jsx)(v.Fragment,{})}},16e3:(e,n,t)=>{t.d(n,{FJ:()=>u,K5:()=>c,Mq:()=>C,Sp:()=>r,TN:()=>m,ZP:()=>f,ai:()=>p,be:()=>x,cD:()=>h,pA:()=>s,rq:()=>a});var i=t(8081),o=t.n(i),d=t(23645),l=t.n(d)()(o());l.push([e.id,"/*Size Normal */\n\n.index-module--l2Ia_ {\n  border-radius: calc(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--l2Ia_:active,\n.index-module--l2Ia_:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--UXoyU {\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--l2Ia_:hover .index-module--UXoyU,\n.index-module--SlDGl .index-module--UXoyU {\n  display: block;\n}\n\n.index-module--kXQSs {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--l2Ia_:hover .index-module--kXQSs {\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--SlDGl.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--SlDGl .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--newPu {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--SlDGl .index-module--newPu {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--xgUsA {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--a7gZT {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.index-module--K3Bek {\n  text-align: center;\n  width: 100%;\n  height: 48px;\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: 3;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ) .index-module--K3Bek {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--l2Ia_:hover .index-module--K3Bek,\n.index-module--l2Ia_:focus .index-module--K3Bek {\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: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--l2Ia_ .index-module--jBgZW {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\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: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ).index-module--l2Ia_ .index-module--jBgZW {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.index-module--SlDGl .index-module--jBgZW {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\n}\n",""]);var r="index-module--l2Ia_",a="index-module--UXoyU",s="index-module--SlDGl",x="index-module--kXQSs",c="index-module--newPu",u="index-module--a7gZT",m="index-module--K3Bek",p="index-module--RXCCD",C="index-module--bxCZJ",h="index-module--jBgZW";const f=l},23240:(e,n,t)=>{t.d(n,{FJ:()=>c,Oq:()=>x,ZP:()=>p,al:()=>m,dA:()=>s,fL:()=>u,hv:()=>a,um:()=>r});var i=t(8081),o=t.n(i),d=t(23645),l=t.n(d)()(o());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var r="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",c="index-module--nTN4r",u="index-module--FaRqp",m="index-module--oBSZj";const p=l},84887:(e,n,t)=>{t.d(n,{B:()=>r,Z:()=>a});var i=t(8081),o=t.n(i),d=t(23645),l=t.n(d)()(o());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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var r="index-module--hpPAb";const a=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4967,1801,6474],{4967:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(80248),o=t(34988),d=t(65515),l=t.n(d),r=t(75327),a=t(9420),s=t(87363),x=t(93379),c=t.n(x),u=t(7795),m=t.n(u),p=t(90569),C=t.n(p),h=t(3565),f=t.n(h),g=t(19216),b=t.n(g),v=t(44589),w=t.n(v),y=t(16e3),j={};j.styleTagTransform=w(),j.setAttributes=f(),j.insert=C().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=b();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(56474),k=t(21801),S=t(91087),P=t(46770),Z=t(88683),B=t(55461),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,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 O=(0,a.Pi)((function Article(e){var n,t,i,d=e.item,a=e.paletteId,x=d,c=(0,r.NP)(),u=(0,Z.useDivaCore)().state,m=u.dimensions,p=m.isMobile,C=m.isTablet,h=u.hidePrices,f=(0,s.useState)(""),g=(0,o.Z)(f,2),b=g[0],v=g[1],w={},j={},O=void 0,N=!1,_={},F=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,P.sJ)({isOpen:F[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});p||C||c.getViewConfig().hideTooltip||x.contentItemId||(N=F[0],_=F[1],w=z.triggerProps,j=z.layerProps,O=z.renderLayer);var A=x.sel&&"add"!=(null===(n=c.settingsState.addElementSelected)||void 0===n?void 0:n.mode);return(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:l()(y.Sp,A?y.pA:void 0,c.getIsInMobileView()?y.ai:void 0,c.uiState.isTablet?y.Mq:void 0),onClick:function onClick(){c.paletteViewHandler.clickedOnPlannerPalette(x,a)}},w),_),{},{children:[(0,D.jsxs)("div",{className:l()(y.be),children:[c.getViewConfig().showOptionCodexInOptionHeader&&(0,D.jsx)("div",{className:l()(y.rq),children:x.articleCodex}),x.image&&(0,D.jsx)("img",{className:l()(y.K5),src:x.image.replace("_gal","").replace("_low","")}),x.contentItemId&&(0,D.jsx)(k.default,{item:x,style:{top:-6,bottom:"unset",right:-7}},x.codex),(0,D.jsx)("div",{className:l()(y.cD),children:x.sizeInfo})]}),(0,D.jsx)("div",{className:y.FJ,children:(0,D.jsx)("div",{className:y.TN,dangerouslySetInnerHTML:{__html:x.title}})}),N&&(null===(t=O)||void 0===t?void 0:t((0,D.jsx)(B.default,{text:null!==(i=x.longDescription)&&void 0!==i?i:x.title,desciption:b,codex:x.articleCodex,image:x.image,layerProps:j,price:x.price},x.codex))),(0,D.jsx)(I.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[b,v]},x.codex),void 0!==x.priceInfo&&!h&&(0,D.jsx)(S.default,{price:x.price})]}))}))},21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(34988),o=t(93379),d=t.n(o),l=t(7795),r=t.n(l),a=t(90569),s=t.n(a),x=t(3565),c=t.n(x),u=t(19216),m=t.n(u),p=t(44589),C=t.n(p),h=t(23240),f={};f.styleTagTransform=C(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=m();d()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var g=t(87363),b=t(75327),v=t(65515),w=t.n(v),y=t(9420),j=t(47514);const I=(0,y.Pi)((function InfoIcon(e){var n,t,o,d=e.item,l=e.style,r=(0,b.NP)(),a=d.contentItemId,s=null!==(n=null!==(t=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==t?t:d.title)&&void 0!==n?n:d.key,x=(0,g.useState)(!1),c=(0,i.Z)(x,2),u=c[0],m=c[1],p=d.sel||u;if((0,g.useEffect)((function(){var e=r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a&&s==r.settingsState.clickedFrom;!e&&u&&m(!1),e&&!u&&m(!0)}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId,r.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=r.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){r.settingsState.onClickContentItemId(a,s),m(r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,p?void 0:h.al,u?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,p?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),d=t(87363),l=t(93379),r=t.n(l),a=t(7795),s=t.n(a),x=t(90569),c=t.n(x),u=t(3565),m=t.n(u),p=t(19216),C=t.n(p),h=t(44589),f=t.n(h),g=t(84887),b={};b.styleTagTransform=f(),b.setAttributes=m(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=C();r()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var v=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,r=void 0===l?(0,d.useState)(""):l,a=(0,i.Z)(r,2),s=a[0],x=a[1],c=(0,o.NP)(),u=(0,d.useState)(""),m=(0,i.Z)(u,2),p=m[0],C=m[1],h=c.getViewConfig().displayMetaDatas,f=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,d.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}C(e),x(e)}}),[]),s?(0,v.jsx)("div",{style:n,className:g.B,children:p}):(0,v.jsx)(v.Fragment,{})}},16e3:(e,n,t)=>{t.d(n,{FJ:()=>u,K5:()=>c,Mq:()=>C,Sp:()=>r,TN:()=>m,ZP:()=>f,ai:()=>p,be:()=>x,cD:()=>h,pA:()=>s,rq:()=>a});var i=t(8081),o=t.n(i),d=t(23645),l=t.n(d)()(o());l.push([e.id,"/*Size Normal */\n\n.index-module--l2Ia_ {\n  border-radius: calc(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--l2Ia_:active,\n.index-module--l2Ia_:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--UXoyU {\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--l2Ia_:hover .index-module--UXoyU,\n.index-module--SlDGl .index-module--UXoyU {\n  display: block;\n}\n\n.index-module--kXQSs {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--l2Ia_:hover .index-module--kXQSs {\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--SlDGl.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--SlDGl .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--newPu {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--SlDGl .index-module--newPu {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--xgUsA {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--a7gZT {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.index-module--K3Bek {\n  text-align: center;\n  width: 100%;\n  height: 48px;\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: 3;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ) .index-module--K3Bek {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--l2Ia_:hover .index-module--K3Bek,\n.index-module--l2Ia_:focus .index-module--K3Bek {\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: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--l2Ia_ .index-module--jBgZW {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\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: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ).index-module--l2Ia_ .index-module--jBgZW {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.index-module--SlDGl .index-module--jBgZW {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\n}\n",""]);var r="index-module--l2Ia_",a="index-module--UXoyU",s="index-module--SlDGl",x="index-module--kXQSs",c="index-module--newPu",u="index-module--a7gZT",m="index-module--K3Bek",p="index-module--RXCCD",C="index-module--bxCZJ",h="index-module--jBgZW";const f=l},23240:(e,n,t)=>{t.d(n,{FJ:()=>c,Oq:()=>x,ZP:()=>p,al:()=>m,dA:()=>s,fL:()=>u,hv:()=>a,um:()=>r});var i=t(8081),o=t.n(i),d=t(23645),l=t.n(d)()(o());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var r="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",c="index-module--nTN4r",u="index-module--FaRqp",m="index-module--oBSZj";const p=l},84887:(e,n,t)=>{t.d(n,{B:()=>r,Z:()=>a});var i=t(8081),o=t.n(i),d=t(23645),l=t.n(d)()(o());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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var r="index-module--hpPAb";const a=l}}]);