@crystaldesign/diva-web-planner-react 26.7.4 → 26.7.5-rc.1

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7454.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7454,3447],{63447:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(13805),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),g=o.n(v),f=o(84887),b={};b.styleTagTransform=g(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(f.Z,b);f.Z&&f.Z.locals&&f.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,g=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.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:f.B,children:p}):(0,y.jsx)(y.Fragment,{})}},17737:(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(13805),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),g=o.n(v),f=o(19216),b=o.n(f),y=o(44589),w=o.n(y),C=o(2532),S={};S.styleTagTransform=w(),S.setAttributes=g(),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),j=o(72206),k=o(63447),I=o(88683),Z=o(10453),A=o(78513),H=o(2818),N=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],g=h[1],f=(0,I.useDivaCore)().state.dimensions,b=f.isMobile,y=f.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,N.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,N.jsxs)("div",{className:l()(C.be),children:[x.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,N.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,N.jsx)("img",{className:l()(C.K5),src:"small"!=r&&"verysmall"!=r?u.image.replace("_gal",""):u.image}):(0,N.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,N.jsx)(Z.default,{item:u},u.codex)]}),(0,N.jsx)("div",{className:C.FJ,children:(0,N.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text+(m||"")}})}),u.doShowFav&&(0,N.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return x.paletteViewHandler.clickedOnFavIcon(u)}}),(0,N.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,g]},u.codex),!c&&void 0!==u.pricePreviewPromise&&(0,N.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==u.checkForReversingChanges&&(0,N.jsx)(H.default,{item:u,paletteId:a}),O&&(null===(o=B)||void 0===o?void 0:o((0,N.jsx)(j.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.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: 14px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--LGUqD .index-module--FjzvR {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.index-module--oC_wa .index-module--HNqaV {\n  font-size: 10px;\n}\n\n.index-module--oC_wa .index-module--XCWcg {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--oC_wa .index-module--FjzvR {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.index-module--ktipL .index-module--HNqaV {\n  font-size: 15px;\n}\n\n.index-module--ktipL .index-module--XCWcg {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n",""]);var 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:g,viewBox:f="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:f,hasSvgAsChild:y},C={};v||(C.viewBox=f);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":!g||void 0,role:g?"img":void 0,ref:n,...C,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,g?(0,u.jsx)("title",{children:g}):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([[7454,3447],{63447:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(13805),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),g=o.n(v),f=o(84887),b={};b.styleTagTransform=g(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(f.Z,b);f.Z&&f.Z.locals&&f.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,g=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.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:f.B,children:p}):(0,y.jsx)(y.Fragment,{})}},17737:(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(13805),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),g=o.n(v),f=o(19216),b=o.n(f),y=o(44589),w=o.n(y),C=o(2532),S={};S.styleTagTransform=w(),S.setAttributes=g(),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),j=o(72206),k=o(63447),I=o(88683),Z=o(10453),A=o(78513),H=o(2818),N=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],g=h[1],f=(0,I.useDivaCore)().state.dimensions,b=f.isMobile,y=f.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,N.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,N.jsxs)("div",{className:l()(C.be),children:[x.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,N.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,N.jsx)("img",{className:l()(C.K5),src:"small"!=r&&"verysmall"!=r?u.image.replace("_gal",""):u.image}):(0,N.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,N.jsx)(Z.default,{item:u},u.codex)]}),(0,N.jsx)("div",{className:C.FJ,children:(0,N.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text+(m||"")}})}),u.doShowFav&&(0,N.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return x.paletteViewHandler.clickedOnFavIcon(u)}}),(0,N.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,g]},u.codex),!c&&void 0!==u.pricePreviewPromise&&(0,N.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==u.checkForReversingChanges&&(0,N.jsx)(H.default,{item:u,paletteId:a}),O&&(null===(o=B)||void 0===o?void 0:o((0,N.jsx)(j.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.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:g,viewBox:f="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:f,hasSvgAsChild:y},C={};v||(C.viewBox=f);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":!g||void 0,role:g?"img":void 0,ref:n,...C,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,g?(0,u.jsx)("title",{children:g}):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))}}}]);