dga-ui-react 1.2.1
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.
- package/LICENSE +23 -0
- package/README.md +1 -0
- package/charts/cjs/index.js +52 -0
- package/charts/cjs/index.js.map +1 -0
- package/charts/esm/index.js +52 -0
- package/charts/esm/index.js.map +1 -0
- package/charts/index.d.ts +16 -0
- package/charts/package.json +10 -0
- package/dist/cjs/index.js +3888 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/esm/index.js +3888 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/index.d.ts +604 -0
- package/package.json +80 -0
- package/types/app.d.ts +8 -0
- package/types/types.d.ts +112 -0
|
@@ -0,0 +1,3888 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("react-multi-date-picker"),o=require("react-dom/client");const n=t.createContext(null),i=({theme:t,children:r})=>e.jsx(n.Provider,{value:t,children:r}),a={direction:"ltr",fontFamily:"IBM Plex Sans",textColor:"#161616",textOnColor:"#FFFFFF",palette:{neutral:{25:"#FCFCFD",50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D2D6DB",400:"#9DA4AE",500:"#6C737F",600:"#4D5761",700:"#384250",800:"#1F2A37",900:"#111927",950:"#0D121C",light:"#D2D6DB",main:"#6C737F",dark:"#384250",contrastText:"#FFF"},primary:{25:"#F7FDF9",50:"#F3FCF6",100:"#DFF6E7",200:"#B8EACB",300:"#88D8AD",400:"#54C08A",500:"#25935F",600:"#1B8354",700:"#166A45",800:"#14573A",900:"#104631",950:"#092A1E",light:"#54C08A",main:"#1B8354",dark:"#14573A",contrastText:"#FFF"},secondary:{25:"#FFFEF7",50:"#FFFEF2",100:"#FFFCE6",200:"#FCF3BD",300:"#FAE996",400:"#F7D54D",500:"#F5BD02",600:"#DBA102",700:"#B87B02",800:"#945C01",900:"#6E3C00",950:"#472400",light:"#F7D54D",main:"#DBA102",dark:"#945C01",contrastText:"#0D121C"},error:{25:"#FFFBFA",50:"#FEF3F2",100:"#FEE4E2",200:"#FECDCA",300:"#FDA29B",400:"#F97066",500:"#F04438",600:"#D92D20",700:"#B42318",800:"#912018",900:"#7A271A",950:"#55160C",light:"#FDA29B",main:"#F04438",dark:"#B42318",contrastText:"#FFF"},warning:{25:"#FFFCF5",50:"#FFFAEB",100:"#FEF0C7",200:"#FEDF89",300:"#FEC84B",400:"#FDB022",500:"#F79009",600:"#DC6803",700:"#B54708",800:"#93370D",900:"#7A2E0E",950:"#4E1D09",light:"#FEC84B",main:"#F79009",dark:"#B54708",contrastText:"#0D121C"},info:{25:"#F5FAFF",50:"#ECFDF3",100:"#D1E9FF",200:"#B2DDFF",300:"#84CAFF",400:"#53B1FD",500:"#2E90FA",600:"#1570EF",700:"#175CD3",800:"#1849A9",900:"#194185",950:"#102A56",light:"#84CAFF",main:"#2E90FA",dark:"#175CD3",contrastText:"#FFF"},success:{25:"#F6FEF9",50:"#ECFDF3",100:"#DCFAE6",200:"#ABEFC6",300:"#75E0A7",400:"#47CD89",500:"#17B26A",600:"#079455",700:"#067647",800:"#085D3A",900:"#074D31",950:"#053321",light:"#75E0A7",main:"#17B26A",dark:"#067647",contrastText:"#FFF"}},typography:{h1:{fontSize:"72px",lineHeight:"90px"},h2:{fontSize:"60px",lineHeight:"72px"},h3:{fontSize:"48px",lineHeight:"60px"},h4:{fontSize:"36px",lineHeight:"44px"},h5:{fontSize:"30px",lineHeight:"38px"},h6:{fontSize:"24px",lineHeight:"32px"},xl:{fontSize:"20px",lineHeight:"30px"},lg:{fontSize:"18px",lineHeight:"28px"},md:{fontSize:"16px",lineHeight:"24px"},sm:{fontSize:"14px",lineHeight:"20px"},xs:{fontSize:"12px",lineHeight:"18px"}},elevation:{shadows:{xs:"box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);",sm:"box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1);",md:"box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);",lg:"box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);",xl:"box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -4px rgba(16, 24, 40, .08);","2xl":"box-shadow: 0 24px 48px -12px #1018282e;","3xl":"box-shadow: 0 32px 64px -12px #10182824;"},backdropBlur:{sm:"filter: blur(8px);-webkit-filter: blur(8px);",md:"filter: blur(16px);-webkit-filter: blur(16px);",lg:"filter: blur(24px);-webkit-filter: blur(24px);",xl:"filter: blur(40px);-webkit-filter: blur(40px);"}},raduises:{none:"0",xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"24px",full:"9999px"},breakPoints:{lg:1280,md:768,sm:375}},l=(e,t,r=" ")=>e+r+(null!=t?t:""),s=()=>Date.now().toString(36)+Math.random().toString(36).substring(2,8);function d(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}d(".dgaui {\n font-family: IBM Plex Sans Arabic;\n box-sizing: border-box;\n font-size: 14px;\n -webkit-tap-highlight-color: transparent;\n}\n\n.dgaui input,\n.dgaui textarea,\n.dgaui select {\n font-family: IBM Plex Sans Arabic;\n}\n\n.dgaui_hiddenScrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n /* Hide scrollbar for IE, Edge and Firefox */\n scrollbar-width: none; /* Firefox */\n}\n/* Hide scrollbar for Chrome, Safari and Opera */\n.dgaui_hiddenScrollbar::-webkit-scrollbar {\n display: none;\n}\n");const c=()=>{const e=t.useContext(n);let r=a;return e&&(r=((e,t)=>{let r={};return t&&(r=function e(t,r){let o=Object.assign({},t);for(const i in r)(n=r[i])&&"object"==typeof n&&!Array.isArray(n)&&i in t?o[i]=e(t[i],r[i]):o[i]=r[i];var n;return o}(e,t)),r})(a,e)),r};var p=function(){return p=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},p.apply(this,arguments)};function u(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}function g(e,t,r){if(r||2===arguments.length)for(var o,n=0,i=t.length;n<i;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function h(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}"function"==typeof SuppressedError&&SuppressedError;var m=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,A=h((function(e){return m.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));function f(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var x="-ms-",b="-moz-",v="-webkit-",y="comm",C="rule",w="decl",$="@keyframes",k=Math.abs,S=String.fromCharCode,B=Object.assign;function j(e){return e.trim()}function E(e,t){return(e=t.exec(e))?e[0]:e}function N(e,t,r){return e.replace(t,r)}function z(e,t,r){return e.indexOf(t,r)}function I(e,t){return 0|e.charCodeAt(t)}function F(e,t,r){return e.slice(t,r)}function R(e){return e.length}function U(e){return e.length}function D(e,t){return t.push(e),e}function O(e,t){return e.filter((function(e){return!E(e,t)}))}var T=1,Y=1,M=0,H=0,L=0,Q="";function P(e,t,r,o,n,i,a,l){return{value:e,root:t,parent:r,type:o,props:n,children:i,line:T,column:Y,length:a,return:"",siblings:l}}function V(e,t){return B(P("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function K(e){for(;e.root;)e=V(e.root,{children:[e]});D(e,e.siblings)}function X(){return L=H>0?I(Q,--H):0,Y--,10===L&&(Y=1,T--),L}function G(){return L=H<M?I(Q,H++):0,Y++,10===L&&(Y=1,T++),L}function J(){return I(Q,H)}function W(){return H}function Z(e,t){return F(Q,e,t)}function q(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function _(e){return j(Z(H-1,re(91===e?e+2:40===e?e+1:e)))}function ee(e){for(;(L=J())&&L<33;)G();return q(e)>2||q(L)>3?"":" "}function te(e,t){for(;--t&&G()&&!(L<48||L>102||L>57&&L<65||L>70&&L<97););return Z(e,W()+(t<6&&32==J()&&32==G()))}function re(e){for(;G();)switch(L){case e:return H;case 34:case 39:34!==e&&39!==e&&re(L);break;case 40:41===e&&re(e);break;case 92:G()}return H}function oe(e,t){for(;G()&&e+L!==57&&(e+L!==84||47!==J()););return"/*"+Z(t,H-1)+"*"+S(47===e?e:G())}function ne(e){for(;!q(J());)G();return Z(e,H)}function ie(e){return function(e){return Q="",e}(ae("",null,null,null,[""],e=function(e){return T=Y=1,M=R(Q=e),H=0,[]}(e),0,[0],e))}function ae(e,t,r,o,n,i,a,l,s){for(var d=0,c=0,p=a,u=0,g=0,h=0,m=1,A=1,f=1,x=0,b="",v=n,y=i,C=o,w=b;A;)switch(h=x,x=G()){case 40:if(108!=h&&58==I(w,p-1)){-1!=z(w+=N(_(x),"&","&\f"),"&\f",k(d?l[d-1]:0))&&(f=-1);break}case 34:case 39:case 91:w+=_(x);break;case 9:case 10:case 13:case 32:w+=ee(h);break;case 92:w+=te(W()-1,7);continue;case 47:switch(J()){case 42:case 47:D(se(oe(G(),W()),t,r,s),s);break;default:w+="/"}break;case 123*m:l[d++]=R(w)*f;case 125*m:case 59:case 0:switch(x){case 0:case 125:A=0;case 59+c:-1==f&&(w=N(w,/\f/g,"")),g>0&&R(w)-p&&D(g>32?de(w+";",o,r,p-1,s):de(N(w," ","")+";",o,r,p-2,s),s);break;case 59:w+=";";default:if(D(C=le(w,t,r,d,c,n,l,b,v=[],y=[],p,i),i),123===x)if(0===c)ae(w,t,C,C,v,i,p,l,y);else switch(99===u&&110===I(w,3)?100:u){case 100:case 108:case 109:case 115:ae(e,C,C,o&&D(le(e,C,C,0,0,n,l,b,n,v=[],p,y),y),n,y,p,l,o?v:y);break;default:ae(w,C,C,C,[""],y,0,l,y)}}d=c=g=0,m=f=1,b=w="",p=a;break;case 58:p=1+R(w),g=h;default:if(m<1)if(123==x)--m;else if(125==x&&0==m++&&125==X())continue;switch(w+=S(x),x*m){case 38:f=c>0?1:(w+="\f",-1);break;case 44:l[d++]=(R(w)-1)*f,f=1;break;case 64:45===J()&&(w+=_(G())),u=J(),c=p=R(b=w+=ne(W())),x++;break;case 45:45===h&&2==R(w)&&(m=0)}}return i}function le(e,t,r,o,n,i,a,l,s,d,c,p){for(var u=n-1,g=0===n?i:[""],h=U(g),m=0,A=0,f=0;m<o;++m)for(var x=0,b=F(e,u+1,u=k(A=a[m])),v=e;x<h;++x)(v=j(A>0?g[x]+" "+b:N(b,/&\f/g,g[x])))&&(s[f++]=v);return P(e,t,r,0===n?C:l,s,d,c,p)}function se(e,t,r,o){return P(e,t,r,y,S(L),F(e,2,-2),0,o)}function de(e,t,r,o,n){return P(e,t,r,w,F(e,0,o),F(e,o+1,-1),o,n)}function ce(e,t,r){switch(function(e,t){return 45^I(e,0)?(((t<<2^I(e,0))<<2^I(e,1))<<2^I(e,2))<<2^I(e,3):0}(e,t)){case 5103:return v+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return v+e+e;case 4789:return b+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return v+e+b+e+x+e+e;case 5936:switch(I(e,t+11)){case 114:return v+e+x+N(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return v+e+x+N(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return v+e+x+N(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return v+e+x+e+e;case 6165:return v+e+x+"flex-"+e+e;case 5187:return v+e+N(e,/(\w+).+(:[^]+)/,v+"box-$1$2"+x+"flex-$1$2")+e;case 5443:return v+e+x+"flex-item-"+N(e,/flex-|-self/g,"")+(E(e,/flex-|baseline/)?"":x+"grid-row-"+N(e,/flex-|-self/g,""))+e;case 4675:return v+e+x+"flex-line-pack"+N(e,/align-content|flex-|-self/g,"")+e;case 5548:return v+e+x+N(e,"shrink","negative")+e;case 5292:return v+e+x+N(e,"basis","preferred-size")+e;case 6060:return v+"box-"+N(e,"-grow","")+v+e+x+N(e,"grow","positive")+e;case 4554:return v+N(e,/([^-])(transform)/g,"$1"+v+"$2")+e;case 6187:return N(N(N(e,/(zoom-|grab)/,v+"$1"),/(image-set)/,v+"$1"),e,"")+e;case 5495:case 3959:return N(e,/(image-set\([^]*)/,v+"$1$`$1");case 4968:return N(N(e,/(.+:)(flex-)?(.*)/,v+"box-pack:$3"+x+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+v+e+e;case 4200:if(!E(e,/flex-|baseline/))return x+"grid-column-align"+F(e,t)+e;break;case 2592:case 3360:return x+N(e,"template-","")+e;case 4384:case 3616:return r&&r.some((function(e,r){return t=r,E(e.props,/grid-\w+-end/)}))?~z(e+(r=r[t].value),"span",0)?e:x+N(e,"-start","")+e+x+"grid-row-span:"+(~z(r,"span",0)?E(r,/\d+/):+E(r,/\d+/)-+E(e,/\d+/))+";":x+N(e,"-start","")+e;case 4896:case 4128:return r&&r.some((function(e){return E(e.props,/grid-\w+-start/)}))?e:x+N(N(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return N(e,/(.+)-inline(.+)/,v+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(R(e)-1-t>6)switch(I(e,t+1)){case 109:if(45!==I(e,t+4))break;case 102:return N(e,/(.+:)(.+)-([^]+)/,"$1"+v+"$2-$3$1"+b+(108==I(e,t+3)?"$3":"$2-$3"))+e;case 115:return~z(e,"stretch",0)?ce(N(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return N(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,r,o,n,i,a,l){return x+r+":"+o+l+(n?x+r+"-span:"+(i?a:+a-+o)+l:"")+e}));case 4949:if(121===I(e,t+6))return N(e,":",":"+v)+e;break;case 6444:switch(I(e,45===I(e,14)?18:11)){case 120:return N(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+v+(45===I(e,14)?"inline-":"")+"box$3$1"+v+"$2$3$1"+x+"$2box$3")+e;case 100:return N(e,":",":"+x)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return N(e,"scroll-","scroll-snap-")+e}return e}function pe(e,t){for(var r="",o=0;o<e.length;o++)r+=t(e[o],o,e,t)||"";return r}function ue(e,t,r,o){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case w:return e.return=e.return||e.value;case y:return"";case $:return e.return=e.value+"{"+pe(e.children,o)+"}";case C:if(!R(e.value=e.props.join(",")))return""}return R(r=pe(e.children,o))?e.return=e.value+"{"+r+"}":""}function ge(e,t,r,o){if(e.length>-1&&!e.return)switch(e.type){case w:return void(e.return=ce(e.value,e.length,r));case $:return pe([V(e,{value:N(e.value,"@","@"+v)})],o);case C:if(e.length)return function(e,t){return e.map(t).join("")}(r=e.props,(function(t){switch(E(t,o=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":K(V(e,{props:[N(t,/:(read-\w+)/,":-moz-$1")]})),K(V(e,{props:[t]})),B(e,{props:O(r,o)});break;case"::placeholder":K(V(e,{props:[N(t,/:(plac\w+)/,":"+v+"input-$1")]})),K(V(e,{props:[N(t,/:(plac\w+)/,":-moz-$1")]})),K(V(e,{props:[N(t,/:(plac\w+)/,x+"input-$1")]})),K(V(e,{props:[t]})),B(e,{props:O(r,o)})}return""}))}}var he={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},me="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Ae="active",fe="data-styled-version",xe="6.1.15",be="/*!sc*/\n",ve="undefined"!=typeof window&&"HTMLElement"in window,ye=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),Ce=/invalid hook call/i,we=new Set,$e=function(e,r){if("production"!==process.env.NODE_ENV){var o=r?' with the id of "'.concat(r,'"'):"",n="The component ".concat(e).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];Ce.test(e)?(a=!1,we.delete(n)):i.apply(void 0,g([e],t,!1))},t.useRef(),a&&!we.has(n)&&(console.warn(n),we.add(n))}catch(e){Ce.test(e.message)&&we.delete(n)}finally{console.error=i}}},ke=Object.freeze([]),Se=Object.freeze({});var Be=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),je=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Ee=/(^-|-$)/g;function Ne(e){return e.replace(je,"-").replace(Ee,"")}var ze=/(a)(d)/gi,Ie=function(e){return String.fromCharCode(e+(e>25?39:97))};function Fe(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=Ie(t%52)+r;return(Ie(t%52)+r).replace(ze,"$1-$2")}var Re,Ue=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},De=function(e){return Ue(5381,e)};function Oe(e){return Fe(De(e)>>>0)}function Te(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function Ye(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Me="function"==typeof Symbol&&Symbol.for,He=Me?Symbol.for("react.memo"):60115,Le=Me?Symbol.for("react.forward_ref"):60112,Qe={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Pe={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ve={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ke=((Re={})[Le]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Re[He]=Ve,Re);function Xe(e){return("type"in(t=e)&&t.type.$$typeof)===He?Ve:"$$typeof"in e?Ke[e.$$typeof]:Qe;var t}var Ge=Object.defineProperty,Je=Object.getOwnPropertyNames,We=Object.getOwnPropertySymbols,Ze=Object.getOwnPropertyDescriptor,qe=Object.getPrototypeOf,_e=Object.prototype;function et(e,t,r){if("string"!=typeof t){if(_e){var o=qe(t);o&&o!==_e&&et(e,o,r)}var n=Je(t);We&&(n=n.concat(We(t)));for(var i=Xe(e),a=Xe(t),l=0;l<n.length;++l){var s=n[l];if(!(s in Pe||r&&r[s]||a&&s in a||i&&s in i)){var d=Ze(t,s);try{Ge(e,s,d)}catch(e){}}}}return e}function tt(e){return"function"==typeof e}function rt(e){return"object"==typeof e&&"styledComponentId"in e}function ot(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function nt(e,t){if(0===e.length)return"";for(var r=e[0],o=1;o<e.length;o++)r+=e[o];return r}function it(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function at(e,t,r){if(void 0===r&&(r=!1),!r&&!it(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=at(e[o],t[o]);else if(it(t))for(var o in t)e[o]=at(e[o],t[o]);return e}function lt(e,t){Object.defineProperty(e,"toString",{value:t})}var st="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function dt(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var r=e[0],o=[],n=1,i=e.length;n<i;n+=1)o.push(e[n]);return o.forEach((function(e){r=r.replace(/%[a-z]/,e)})),r}function ct(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(dt.apply(void 0,g([st[e]],t,!1)).trim())}var pt=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,r=0;r<e;r++)t+=this.groupSizes[r];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,o=r.length,n=o;e>=n;)if((n<<=1)<0)throw ct(16,"".concat(e));this.groupSizes=new Uint32Array(n),this.groupSizes.set(r),this.length=n;for(var i=o;i<n;i++)this.groupSizes[i]=0}for(var a=this.indexOfGroup(e+1),l=(i=0,t.length);i<l;i++)this.tag.insertRule(a,t[i])&&(this.groupSizes[e]++,a++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),o=r+t;this.groupSizes[e]=0;for(var n=r;n<o;n++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],o=this.indexOfGroup(e),n=o+r,i=o;i<n;i++)t+="".concat(this.tag.getRule(i)).concat(be);return t},e}(),ut=1<<30,gt=new Map,ht=new Map,mt=1,At=function(e){if(gt.has(e))return gt.get(e);for(;ht.has(mt);)mt++;var t=mt++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>ut))throw ct(16,"".concat(t));return gt.set(e,t),ht.set(t,e),t},ft=function(e,t){mt=t+1,gt.set(e,t),ht.set(t,e)},xt="style[".concat(me,"][").concat(fe,'="').concat(xe,'"]'),bt=new RegExp("^".concat(me,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),vt=function(e,t,r){for(var o,n=r.split(","),i=0,a=n.length;i<a;i++)(o=n[i])&&e.registerName(t,o)},yt=function(e,t){for(var r,o=(null!==(r=t.textContent)&&void 0!==r?r:"").split(be),n=[],i=0,a=o.length;i<a;i++){var l=o[i].trim();if(l){var s=l.match(bt);if(s){var d=0|parseInt(s[1],10),c=s[2];0!==d&&(ft(c,d),vt(e,c,s[3]),e.getTag().insertRules(d,n)),n.length=0}else n.push(l)}}},Ct=function(e){for(var t=document.querySelectorAll(xt),r=0,o=t.length;r<o;r++){var n=t[r];n&&n.getAttribute(me)!==Ae&&(yt(e,n),n.parentNode&&n.parentNode.removeChild(n))}};var wt=function(e){var t=document.head,r=e||t,o=document.createElement("style"),n=function(e){var t=Array.from(e.querySelectorAll("style[".concat(me,"]")));return t[t.length-1]}(r),i=void 0!==n?n.nextSibling:null;o.setAttribute(me,Ae),o.setAttribute(fe,xe);var a="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return a&&o.setAttribute("nonce",a),r.insertBefore(o,i),o},$t=function(){function e(e){this.element=wt(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,o=t.length;r<o;r++){var n=t[r];if(n.ownerNode===e)return n}throw ct(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),kt=function(){function e(e){this.element=wt(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t);return this.element.insertBefore(r,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),St=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Bt=ve,jt={isServer:!ve,useCSSOMInjection:!ye},Et=function(){function e(e,t,r){void 0===e&&(e=Se),void 0===t&&(t={});var o=this;this.options=p(p({},jt),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&ve&&Bt&&(Bt=!1,Ct(this)),lt(this,(function(){return function(e){for(var t=e.getTag(),r=t.length,o="",n=function(r){var n=function(e){return ht.get(e)}(r);if(void 0===n)return"continue";var i=e.names.get(n),a=t.getGroup(r);if(void 0===i||!i.size||0===a.length)return"continue";var l="".concat(me,".g").concat(r,'[id="').concat(n,'"]'),s="";void 0!==i&&i.forEach((function(e){e.length>0&&(s+="".concat(e,","))})),o+="".concat(a).concat(l,'{content:"').concat(s,'"}').concat(be)},i=0;i<r;i++)n(i);return o}(o)}))}return e.registerId=function(e){return At(e)},e.prototype.rehydrate=function(){!this.server&&ve&&Ct(this)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(p(p({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,r=e.target;return e.isServer?new St(r):t?new $t(r):new kt(r)}(this.options),new pt(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(At(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},e.prototype.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(At(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(At(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),Nt=/&/g,zt=/^\s*\/\/.*$/gm;function It(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=It(e.children,t)),e}))}var Ft=new Et,Rt=function(){var e,t,r,o=Se,n=o.options,i=void 0===n?Se:n,a=o.plugins,l=void 0===a?ke:a,s=function(r,o,n){return n.startsWith(t)&&n.endsWith(t)&&n.replaceAll(t,"").length>0?".".concat(e):r},d=l.slice();d.push((function(e){e.type===C&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Nt,t).replace(r,s))})),i.prefix&&d.push(ge),d.push(ue);var c=function(o,n,a,l){void 0===n&&(n=""),void 0===a&&(a=""),void 0===l&&(l="&"),e=l,t=n,r=new RegExp("\\".concat(t,"\\b"),"g");var s=o.replace(zt,""),c=ie(a||n?"".concat(a," ").concat(n," { ").concat(s," }"):s);i.namespace&&(c=It(c,i.namespace));var p,u=[];return pe(c,function(e){var t=U(e);return function(r,o,n,i){for(var a="",l=0;l<t;l++)a+=e[l](r,o,n,i)||"";return a}}(d.concat((p=function(e){return u.push(e)},function(e){e.root||(e=e.return)&&p(e)})))),u};return c.hash=l.length?l.reduce((function(e,t){return t.name||ct(15),Ue(e,t.name)}),5381).toString():"",c}(),Ut=t.createContext({shouldForwardProp:void 0,styleSheet:Ft,stylis:Rt});function Dt(){return t.useContext(Ut)}Ut.Consumer,t.createContext(void 0);var Ot=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=Rt);var o=r.name+t.hash;e.hasNameForId(r.id,o)||e.insertRules(r.id,o,t(r.rules,o,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,lt(this,(function(){throw ct(12,String(r.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=Rt),this.name+e.hash},e}(),Tt=function(e){return e>="A"&&e<="Z"};function Yt(e){for(var t="",r=0;r<e.length;r++){var o=e[r];if(1===r&&"-"===o&&"-"===e[0])return e;Tt(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}var Mt=function(e){return null==e||!1===e||""===e},Ht=function(e){var t,r,o=[];for(var n in e){var i=e[n];e.hasOwnProperty(n)&&!Mt(i)&&(Array.isArray(i)&&i.isCss||tt(i)?o.push("".concat(Yt(n),":"),i,";"):it(i)?o.push.apply(o,g(g(["".concat(n," {")],Ht(i),!1),["}"],!1)):o.push("".concat(Yt(n),": ").concat((t=n,null==(r=i)||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||t in he||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return o};function Lt(e,t,r,o){if(Mt(e))return[];if(rt(e))return[".".concat(e.styledComponentId)];if(tt(e)){if(!tt(i=e)||i.prototype&&i.prototype.isReactComponent||!t)return[e];var n=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof n||Array.isArray(n)||n instanceof Ot||it(n)||null===n||console.error("".concat(Te(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Lt(n,t,r,o)}var i;return e instanceof Ot?r?(e.inject(r,o),[e.getName(o)]):[e]:it(e)?Ht(e):Array.isArray(e)?Array.prototype.concat.apply(ke,e.map((function(e){return Lt(e,t,r,o)}))):[e.toString()]}var Qt=De(xe),Pt=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===r||r.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(tt(r)&&!rt(r))return!1}return!0}(e),this.componentId=t,this.baseHash=Ue(Qt,t),this.baseStyle=r,Et.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))o=ot(o,this.staticRulesId);else{var n=nt(Lt(this.rules,e,t,r)),i=Fe(Ue(this.baseHash,n)>>>0);if(!t.hasNameForId(this.componentId,i)){var a=r(n,".".concat(i),void 0,this.componentId);t.insertRules(this.componentId,i,a)}o=ot(o,i),this.staticRulesId=i}else{for(var l=Ue(this.baseHash,r.hash),s="",d=0;d<this.rules.length;d++){var c=this.rules[d];if("string"==typeof c)s+=c,"production"!==process.env.NODE_ENV&&(l=Ue(l,c));else if(c){var p=nt(Lt(c,e,t,r));l=Ue(l,p+d),s+=p}}if(s){var u=Fe(l>>>0);t.hasNameForId(this.componentId,u)||t.insertRules(this.componentId,u,r(s,".".concat(u),void 0,this.componentId)),o=ot(o,u)}}return o},e}(),Vt=t.createContext(void 0);Vt.Consumer;var Kt={},Xt=new Set;function Gt(e,r,o){var n=rt(e),i=e,a=!Ye(e),l=r.attrs,s=void 0===l?ke:l,d=r.componentId,c=void 0===d?function(e,t){var r="string"!=typeof e?"sc":Ne(e);Kt[r]=(Kt[r]||0)+1;var o="".concat(r,"-").concat(Oe(xe+r+Kt[r]));return t?"".concat(t,"-").concat(o):o}(r.displayName,r.parentComponentId):d,u=r.displayName,g=void 0===u?function(e){return Ye(e)?"styled.".concat(e):"Styled(".concat(Te(e),")")}(e):u,h=r.displayName&&r.componentId?"".concat(Ne(r.displayName),"-").concat(r.componentId):r.componentId||c,m=n&&i.attrs?i.attrs.concat(s).filter(Boolean):s,f=r.shouldForwardProp;if(n&&i.shouldForwardProp){var x=i.shouldForwardProp;if(r.shouldForwardProp){var b=r.shouldForwardProp;f=function(e,t){return x(e,t)&&b(e,t)}}else f=x}var v=new Pt(o,h,n?i.componentStyle:void 0);function y(e,r){return function(e,r,o){var n=e.attrs,i=e.componentStyle,a=e.defaultProps,l=e.foldedComponentIds,s=e.styledComponentId,d=e.target,c=t.useContext(Vt),u=Dt(),g=e.shouldForwardProp||u.shouldForwardProp;"production"!==process.env.NODE_ENV&&t.useDebugValue(s);var h=function(e,t,r){return void 0===r&&(r=Se),e.theme!==r.theme&&e.theme||t||r.theme}(r,c,a)||Se,m=function(e,t,r){for(var o,n=p(p({},t),{className:void 0,theme:r}),i=0;i<e.length;i+=1){var a=tt(o=e[i])?o(n):o;for(var l in a)n[l]="className"===l?ot(n[l],a[l]):"style"===l?p(p({},n[l]),a[l]):a[l]}return t.className&&(n.className=ot(n.className,t.className)),n}(n,r,h),f=m.as||d,x={};for(var b in m)void 0===m[b]||"$"===b[0]||"as"===b||"theme"===b&&m.theme===h||("forwardedAs"===b?x.as=m.forwardedAs:g&&!g(b,f)||(x[b]=m[b],g||"development"!==process.env.NODE_ENV||A(b)||Xt.has(b)||!Be.has(f)||(Xt.add(b),console.warn('styled-components: it looks like an unknown prop "'.concat(b,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var v=function(e,r){var o=Dt(),n=e.generateAndInjectStyles(r,o.styleSheet,o.stylis);return"production"!==process.env.NODE_ENV&&t.useDebugValue(n),n}(i,m);"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(v);var y=ot(l,s);return v&&(y+=" "+v),m.className&&(y+=" "+m.className),x[Ye(f)&&!Be.has(f)?"class":"className"]=y,o&&(x.ref=o),t.createElement(f,x)}(C,e,r)}y.displayName=g;var C=t.forwardRef(y);return C.attrs=m,C.componentStyle=v,C.displayName=g,C.shouldForwardProp=f,C.foldedComponentIds=n?ot(i.foldedComponentIds,i.styledComponentId):"",C.styledComponentId=h,C.target=n?i.target:e,Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=n?function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];for(var o=0,n=t;o<n.length;o++)at(e,n[o],!0);return e}({},i.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&($e(g,h),C.warnTooManyClasses=function(e,t){var r={},o=!1;return function(n){if(!o&&(r[n]=!0,Object.keys(r).length>=200)){var i=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(i,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))`width: 100%;`\n\n <Component />"),o=!0,r={}}}}(g,h)),lt(C,(function(){return".".concat(C.styledComponentId)})),a&&et(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),C}function Jt(e,t){for(var r=[e[0]],o=0,n=t.length;o<n;o+=1)r.push(t[o],e[o+1]);return r}var Wt=function(e){return Object.assign(e,{isCss:!0})};function Zt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(tt(e)||it(e))return Wt(Lt(Jt(ke,g([e],t,!0))));var o=e;return 0===t.length&&1===o.length&&"string"==typeof o[0]?Lt(o):Wt(Lt(Jt(o,t)))}function qt(e,t,r){if(void 0===r&&(r=Se),!t)throw ct(1,t);var o=function(o){for(var n=[],i=1;i<arguments.length;i++)n[i-1]=arguments[i];return e(t,r,Zt.apply(void 0,g([o],n,!1)))};return o.attrs=function(o){return qt(e,t,p(p({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},o.withConfig=function(o){return qt(e,t,p(p({},r),o))},o}var _t=function(e){return qt(Gt,e)},er=_t;function tr(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var o=nt(Zt.apply(void 0,g([e],t,!1))),n=Oe(o);return new Ot(n,o)}Be.forEach((function(e){er[e]=_t(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var rr="__sc-".concat(me,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[rr]||(window[rr]=0),1===window[rr]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[rr]+=1);var or="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAClSURBVHgB7Y89DsIwDIUdomRIMnTIz8oR2Fi5CVfoDYCNjYzcpitnyYJYsoKN2gURSmFsPimSZT8/vwBUZkiD/KNbvDaEEHvnXAcjSCk71MVRQ855ZIwtUXwqmXnvdxSStPAN1toNLt1DCO07M5rhwRVMAU3bfnE79KguHRrgpUHO+aK1xt+zaIy5KaXWWJ9xdEgpHeFXKCkmu9L7lGwSTQ9UKk8eYgIfE1UYUugAAAAASUVORK5CYII=";const nr={small:{h:40,p:8,f:16},medium:{h:48,p:12,f:16},large:{h:56,p:16,f:16}},ir=er.button`
|
|
2
|
+
direction: ${e=>e.$customStyle.direction};
|
|
3
|
+
outline: none;
|
|
4
|
+
min-height: ${e=>e.$customStyle.minHeight}px;
|
|
5
|
+
padding: ${e=>e.flush?"0":`${e.$customStyle.padding}px`};
|
|
6
|
+
font-size: ${e=>e.$customStyle.fontSize}px;
|
|
7
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
8
|
+
background-color: #fff;
|
|
9
|
+
border: ${e=>e.$customStyle.border};
|
|
10
|
+
${e=>e.$customStyle.borderTop?"border-top:"+e.$customStyle.borderTop:""};
|
|
11
|
+
cursor: ${e=>e.$customStyle.cursor};
|
|
12
|
+
display: flex;
|
|
13
|
+
justify-content: space-between;
|
|
14
|
+
align-items: center;
|
|
15
|
+
width: 100%;
|
|
16
|
+
transition: height 0.2s;
|
|
17
|
+
|
|
18
|
+
&:hover {
|
|
19
|
+
background-color: ${e=>e.$customStyle.colors[100]};
|
|
20
|
+
}
|
|
21
|
+
&:active {
|
|
22
|
+
background-color: ${e=>e.$customStyle.colors[200]};
|
|
23
|
+
}
|
|
24
|
+
&:focus {
|
|
25
|
+
border: solid 2px #161616;
|
|
26
|
+
}
|
|
27
|
+
&:disabled:hover {
|
|
28
|
+
background-color: #fff;
|
|
29
|
+
}
|
|
30
|
+
&:disabled:active {
|
|
31
|
+
background-color: #fff;
|
|
32
|
+
}
|
|
33
|
+
`;var ar="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACySURBVHgBfVGxEQIhEIQnegiMgPRLsQRLsAPtQMwMLUE78UPL+MyBmBRcZiTw4Z6ZG3budmFZuDHmkHPehRCebGNprU+c82VIKU0ADwgvFLnMwLmXg2vDoXJPVHq/mVsPGlGPLCqIMb6UUhzQYWeofcGoq/fesQ2/9abWBtbQ0WQC/1uqnqsN1Fztwe7MOlaaB5LpkdH1RPjBI0Vei6y1ZzGO4ySEeCO6GyUokUspF8DPF27nTJwLb4bWAAAAAElFTkSuQmCC",lr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABtSURBVHgB7ZLBCcAwCEVNV0jUNTpCN2g3yipu0hE6UmuggVB6UwiBPPAg6Dv4BZh0BxHXtl/AABHlEMLFzDtYKTKtW0vASj9ZSmlzk8UYj3c4m2XNkvxJTTf7Sl0CqFJ92tMzTXGTVUpQMBmfB72yKHZx70rDAAAAAElFTkSuQmCC",sr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF/SURBVHgBjVOxTgJBEJ3ZOwwl5RmbTdDEEv9ASqMWfAH4BfAJ/oHwBcIXoBFDiX+gpYkU2xgpKS+6d+PMckfW49Sbanf2zbyZebMIJTbVuhGGcUsRaLmnCOZyuXoqw2IxcE/FfUIcAFCjgDVIMP5M66OOMeudBHMd6SSABR81O8fMOglDMPJmLfsIenzsSqKgBu2z15XZJhDmWhA/87VBSJ3fyn08OmhRmjIJrb+S+olUouRBynbMSrX9YAmYH0c6v5+/vb8IgWB5RgPxuQSE0JOyBeAzUprcJBZufV9GMEHCvlSuHg6jU8koPUNFY8KxDNkplUuVD6yKhXaDVcit/IlEvIf/ksmSsEROKr4b//Fi+TEsC7KhkxVSAqOsrfPgcM2tdIvAWTNazJr7d0V/hnXbqURLlmbECXvZQLcWJHDF0l77PrcLjKVs6DuLJLtQlDM3IWD5pv4iVV5lKVuYoWyVc8t+4QA3Peqf/Oha5ZkNSz9TWbn+d5Zh+4G5fQMA8cBCDpoKdwAAAABJRU5ErkJggg==";const dr=({indeterminate:t=!1})=>t?e.jsx("svg",{width:"12",height:"2",viewBox:"0 0 12 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("rect",{width:"12",height:"2",rx:"1",className:"checkmark",fill:"white"})}):e.jsx("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5945 0.535432C12.1352 1.07616 12.1352 1.95286 11.5945 2.4936L5.2483 8.83982C4.98864 9.09949 4.63645 9.24537 4.26923 9.24537C3.90201 9.24537 3.54983 9.09949 3.29016 8.83982L0.405544 5.95517C-0.135181 5.41444 -0.135181 4.53774 0.405545 3.99701C0.946271 3.45628 1.82296 3.45628 2.36369 3.99701L4.26923 5.90257L9.63631 0.535432C10.177 -0.00530017 11.0537 -0.00530013 11.5945 0.535432Z",className:"checkmark",fill:"white"})}),cr={xSmall:{w:14,h:14,svgW:9,svgH:9,svgLeft:2.5,svgTop:3},small:{w:18,h:18,svgW:12,svgH:12,svgLeft:3,svgTop:4},medium:{w:22,h:22,svgW:14,svgH:14,svgLeft:4,svgTop:5}},pr=r=>{var{label:o,description:n,error:i,onChange:a,value:d,size:p,style:g="primary",indeterminate:h=!1}=r,m=u(r,["label","description","error","onChange","value","size","style","indeterminate"]);const A=c(),f={neutral:{default:(x=A).palette.neutral[600],hovered:x.palette.neutral[800],active:x.palette.neutral[900],disabled:x.palette.neutral[200]},primary:{default:x.palette.primary[600],hovered:x.palette.primary[800],active:x.palette.primary[900],disabled:x.palette.neutral[200]}};var x;const b=null!=p?p:"medium";let v=A.textColor,y=f[g].default,C=f[g].hovered,w=f[g].active;const $=s(),k=t.useRef(null);return t.useEffect((()=>{k.current&&(k.current.indeterminate=h)}),[h]),e.jsxs(ur,{$customStyle:{theme:A,fontColor:v,backgroundColor:y,backgroundColorHovered:C,backgroundColorActive:w,width:cr[b].w,height:cr[b].h,svgW:cr[b].svgW,svgH:cr[b].svgW,svgLeft:cr[b].svgLeft,svgTop:cr[b].svgTop},className:l("dgaui dgaui_checkboxContainer",m.className),children:[e.jsxs("div",{className:"dgaui_checkboxHead",children:[e.jsxs("label",{className:"dgaui_checkbox",children:[e.jsx("input",Object.assign({ref:k,id:$,type:"checkbox"},m,{checked:d,onChange:e=>{a&&a(e,e.target.checked)}})),e.jsx(dr,{indeterminate:h})]}),o&&e.jsx("label",{htmlFor:m.id||$,className:"dgaui_checkboxLabel",children:o})]}),(n||i)&&e.jsxs("div",{className:"dgaui_checkboxDescription",children:[n&&e.jsx("div",{className:"dgaui_checkboxDescriptionText",children:n}),i&&e.jsx("div",{className:"dgaui_checkboxDescriptionError",children:i})]})]})},ur=er.div`
|
|
34
|
+
direction: ${e=>e.$customStyle.theme.direction};
|
|
35
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
36
|
+
|
|
37
|
+
.dgaui_checkbox svg {
|
|
38
|
+
position: absolute;
|
|
39
|
+
width: ${e=>e.$customStyle.svgW}px;
|
|
40
|
+
height: ${e=>e.$customStyle.svgH}px;
|
|
41
|
+
left: ${e=>e.$customStyle.svgLeft}px;
|
|
42
|
+
top: ${e=>e.$customStyle.svgTop}px;
|
|
43
|
+
|
|
44
|
+
.checkmark {
|
|
45
|
+
fill: transparent;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.dgaui_checkboxLabel {
|
|
50
|
+
cursor: pointer;
|
|
51
|
+
text-align: start;
|
|
52
|
+
margin-inline-start: 16px;
|
|
53
|
+
font-weight: 500;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.dgaui_checkboxDescription {
|
|
57
|
+
padding-inline-start: 40px;
|
|
58
|
+
.dgaui_checkboxDescriptionText {
|
|
59
|
+
margin-top: 8px;
|
|
60
|
+
}
|
|
61
|
+
.dgaui_checkboxDescriptionError {
|
|
62
|
+
font-weight: 500;
|
|
63
|
+
color: ${e=>e.$customStyle.theme.palette.error[700]};
|
|
64
|
+
position: relative;
|
|
65
|
+
margin-top: 8px;
|
|
66
|
+
|
|
67
|
+
&::before {
|
|
68
|
+
content: "";
|
|
69
|
+
background: url("${sr}");
|
|
70
|
+
width: 18px;
|
|
71
|
+
height: 18px;
|
|
72
|
+
background-repeat: no-repeat;
|
|
73
|
+
background-size: contain;
|
|
74
|
+
display: block;
|
|
75
|
+
position: absolute;
|
|
76
|
+
inset-inline-start: -40px;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.dgaui_checkboxHead {
|
|
82
|
+
display: flex;
|
|
83
|
+
align-items: flex-start;
|
|
84
|
+
/* justify-content: center; */
|
|
85
|
+
|
|
86
|
+
&:hover {
|
|
87
|
+
.dgaui_checkbox {
|
|
88
|
+
&::after {
|
|
89
|
+
content: "";
|
|
90
|
+
border-radius: 50%;
|
|
91
|
+
background: #f3f4f6;
|
|
92
|
+
width: ${e=>e.$customStyle.width+18}px;
|
|
93
|
+
height: ${e=>e.$customStyle.height+18}px;
|
|
94
|
+
transform: translate(-50%, -50%) scale(1);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
&:has(input:checked) {
|
|
98
|
+
.dgaui_checkbox {
|
|
99
|
+
background-color: ${e=>e.$customStyle.backgroundColorHovered};
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
&:active {
|
|
105
|
+
.dgaui_checkbox {
|
|
106
|
+
background-color: #d2d6db;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
&:has(input:checked) {
|
|
110
|
+
.dgaui_checkbox {
|
|
111
|
+
background-color: ${e=>e.$customStyle.backgroundColorActive};
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
&:has(input:disabled) {
|
|
116
|
+
.dgaui_checkbox {
|
|
117
|
+
background-color: transparent;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&:focus-within {
|
|
123
|
+
.dgaui_checkbox {
|
|
124
|
+
&::before {
|
|
125
|
+
content: "";
|
|
126
|
+
display: block;
|
|
127
|
+
width: ${e=>e.$customStyle.width+6}px;
|
|
128
|
+
height: ${e=>e.$customStyle.height+6}px;
|
|
129
|
+
border: 2px solid #000;
|
|
130
|
+
position: absolute;
|
|
131
|
+
left: -5px;
|
|
132
|
+
top: -5px;
|
|
133
|
+
border-radius: 2px;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
&:has(input:checked) {
|
|
139
|
+
.dgaui_checkbox {
|
|
140
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
141
|
+
svg .checkmark {
|
|
142
|
+
fill: #fff;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
&:has(input:indeterminate) {
|
|
147
|
+
.dgaui_checkbox {
|
|
148
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
149
|
+
svg .checkmark {
|
|
150
|
+
fill: #fff;
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
&:has(input:disabled) {
|
|
156
|
+
.dgaui_checkbox {
|
|
157
|
+
&:hover {
|
|
158
|
+
background-color: transparent;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
&::after {
|
|
162
|
+
display: none;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.dgaui_checkboxLabel {
|
|
167
|
+
cursor: not-allowed;
|
|
168
|
+
opacity: 0.5;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
&:has(input:disabled:checked) {
|
|
172
|
+
.dgaui_checkbox {
|
|
173
|
+
background-color: #9da4ae;
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
&:has(input:disabled:indeterminate) {
|
|
177
|
+
.dgaui_checkbox {
|
|
178
|
+
background-color: #9da4ae;
|
|
179
|
+
|
|
180
|
+
svg .checkmark {
|
|
181
|
+
fill: #fff;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.dgaui_checkbox {
|
|
188
|
+
background-color: transparent;
|
|
189
|
+
cursor: pointer;
|
|
190
|
+
position: relative;
|
|
191
|
+
display: inline-block;
|
|
192
|
+
min-width: ${e=>e.$customStyle.width}px;
|
|
193
|
+
height: ${e=>e.$customStyle.height}px;
|
|
194
|
+
outline: none;
|
|
195
|
+
border: 1px solid #6c737f;
|
|
196
|
+
border-radius: 2px;
|
|
197
|
+
transition: all 0.1s;
|
|
198
|
+
|
|
199
|
+
&::after {
|
|
200
|
+
content: "";
|
|
201
|
+
border-radius: 50%;
|
|
202
|
+
background: #f3f4f6;
|
|
203
|
+
width: 0;
|
|
204
|
+
height: 0;
|
|
205
|
+
position: absolute;
|
|
206
|
+
top: 50%;
|
|
207
|
+
left: 50%;
|
|
208
|
+
transform: translate(-50%, -50%) scale(0);
|
|
209
|
+
transition: all 0.2s;
|
|
210
|
+
z-index: -1;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
input {
|
|
214
|
+
flex: 0;
|
|
215
|
+
opacity: 0;
|
|
216
|
+
width: 0;
|
|
217
|
+
height: 0;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
`,gr=t=>{var{selected:r,multiple:o,value:n,onClick:i,children:a}=t,s=u(t,["selected","multiple","value","onClick","children"]);const d=c();return e.jsxs(hr,{className:l("dgaui dgaui_dropdownItem"+(r?" selected":""),s.className),$theme:d,$selected:r,$multiple:o,onClick:e=>{i&&i(e,n)},children:[o&&e.jsx(pr,{color:"neutral",size:"small",value:r}),a]})},hr=er.div`
|
|
221
|
+
direction: ${e=>e.$theme.direction};
|
|
222
|
+
color: ${e=>e.$theme.textColor};
|
|
223
|
+
padding: 8px;
|
|
224
|
+
height: 36px;
|
|
225
|
+
display: flex;
|
|
226
|
+
align-items: center;
|
|
227
|
+
background-color: #fff;
|
|
228
|
+
transition: background-color 0.1s;
|
|
229
|
+
position: relative;
|
|
230
|
+
|
|
231
|
+
&::after {
|
|
232
|
+
position: absolute;
|
|
233
|
+
content: url(${lr});
|
|
234
|
+
display: ${e=>!e.$multiple&&e.$selected?"block":"none"};
|
|
235
|
+
inset-inline-end: 16px;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
&:hover {
|
|
239
|
+
background-color: ${e=>e.$theme.palette.neutral[25]};
|
|
240
|
+
}
|
|
241
|
+
&:active {
|
|
242
|
+
background-color: ${e=>e.$theme.palette.neutral[50]};
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.dgaui_checkbox {
|
|
246
|
+
margin-bottom: 0;
|
|
247
|
+
margin-inline-end: 8px;
|
|
248
|
+
}
|
|
249
|
+
`,mr={xsmall:{w:56,h:20,py:8,f:10},small:{w:64,h:24,py:8,f:12},medium:{w:86,h:32,py:12,f:16}},Ar=t=>{var r,{children:o,style:n,size:i,outLine:a,iconOnly:s,leadIcon:d,trailIcon:p,rounded:g}=t,h=u(t,["children","style","size","outLine","iconOnly","leadIcon","trailIcon","rounded"]);const m=c(),A=null!=n?n:"neutral",f=null!=i?i:"medium",x=null==a||a,b=null!==(r={neutral:{bg:(v=m).palette.neutral[50],border:v.palette.neutral[200],borderOutlined:v.palette.neutral[600],fontColor:v.palette.neutral[800]},success:{bg:v.palette.info[50],border:v.palette.success[200],borderOutlined:v.palette.success[700],fontColor:v.palette.success[800]},error:{bg:v.palette.error[50],border:v.palette.error[200],borderOutlined:v.palette.error[700],fontColor:v.palette.error[800]},warning:{bg:v.palette.warning[50],border:v.palette.warning[200],borderOutlined:v.palette.warning[700],fontColor:v.palette.warning[800]},info:{bg:"#EFF8FF",border:v.palette.info[200],borderOutlined:v.palette.info[700],fontColor:v.palette.info[800]},onColor:{bg:"rgba(255, 255, 255, 0.2)",border:"transparent",borderOutlined:"rgba(255, 255, 255, 0.6)",fontColor:v.textOnColor}})&&void 0!==r?r:"neutral";var v;let y=b[A].bg,C=b[A].border,w=b[A].borderOutlined,$=b[A].fontColor,k=`border: 1px solid ${C}`,S=g?9999:4;return x&&(y="transparent",k=`border: 1px solid ${w}`),e.jsxs(fr,{className:l("dgaui dgaui_tag",h.className),$customStyle:{direction:m.direction,minWidth:s?0:mr[f].w,height:mr[f].h,paddingY:mr[f].py,fontSize:mr[f].f,fontColor:$,backgroundColor:y,border:k,borderRadius:S},children:[s&&e.jsx("div",{className:"iconOnly",children:d||o}),!s&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"leadIcon",children:d}),o,e.jsx("div",{className:"trailIcon",children:p})]})]})},fr=er.div`
|
|
250
|
+
direction: ${e=>e.$customStyle.direction};
|
|
251
|
+
min-width: ${e=>e.$customStyle.minWidth}px;
|
|
252
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
253
|
+
height: ${e=>e.$customStyle.height}px;
|
|
254
|
+
padding: 0 ${e=>e.$customStyle.paddingY}px;
|
|
255
|
+
font-size: ${e=>e.$customStyle.fontSize}px;
|
|
256
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
257
|
+
${e=>e.$customStyle.border};
|
|
258
|
+
outline: none;
|
|
259
|
+
border-radius: ${e=>e.$customStyle.borderRadius}px;
|
|
260
|
+
display: inline-flex;
|
|
261
|
+
align-items: center;
|
|
262
|
+
justify-content: center;
|
|
263
|
+
font-weight: 500;
|
|
264
|
+
.leadIcon {
|
|
265
|
+
margin-inline-end: 4px;
|
|
266
|
+
display: "inline-flex";
|
|
267
|
+
alignitems: "center";
|
|
268
|
+
}
|
|
269
|
+
.trailIcon {
|
|
270
|
+
margin-inline-start: 4px;
|
|
271
|
+
}
|
|
272
|
+
`,xr={medium:{w:320,h:32,p:16,f:14},large:{w:320,h:40,p:16,f:16}},br=er.div`
|
|
273
|
+
direction: ${e=>e.$theme.direction};
|
|
274
|
+
display: flex;
|
|
275
|
+
flex-direction: column;
|
|
276
|
+
color: ${e=>e.$theme.textColor};
|
|
277
|
+
width: 100%;
|
|
278
|
+
|
|
279
|
+
label {
|
|
280
|
+
margin-bottom: 8px;
|
|
281
|
+
&.disabled {
|
|
282
|
+
color: #9da4ae;
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
.items {
|
|
287
|
+
position: absolute;
|
|
288
|
+
top: 35px;
|
|
289
|
+
left: 0;
|
|
290
|
+
z-index: 1400;
|
|
291
|
+
background-color: #fff;
|
|
292
|
+
width: 100%;
|
|
293
|
+
opacity: 0;
|
|
294
|
+
max-height: 300px;
|
|
295
|
+
overflow-y: scroll;
|
|
296
|
+
pointer-events: none;
|
|
297
|
+
border: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
298
|
+
border-radius: 4px;
|
|
299
|
+
padding: 8px;
|
|
300
|
+
box-sizing: border-box;
|
|
301
|
+
${e=>e.$theme.elevation.shadows.xl}
|
|
302
|
+
cursor: pointer;
|
|
303
|
+
|
|
304
|
+
&.slide-bottom {
|
|
305
|
+
animation: slide-bottom 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
306
|
+
pointer-events: all;
|
|
307
|
+
}
|
|
308
|
+
@keyframes slide-bottom {
|
|
309
|
+
0% {
|
|
310
|
+
transform: translateZ(0) translateY(0);
|
|
311
|
+
opacity: 0;
|
|
312
|
+
}
|
|
313
|
+
100% {
|
|
314
|
+
transform: translateZ(160px) translateY(8px);
|
|
315
|
+
opacity: 1;
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
&:has(.dgaui_autocompleteSeparator.open) {
|
|
321
|
+
.dgaui_dropdownContainer:before {
|
|
322
|
+
top: 20%;
|
|
323
|
+
transform: rotateZ(180deg);
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
&:has(.dgaui_dropdownContainer:active) {
|
|
327
|
+
.dgaui_autocompleteSeparator {
|
|
328
|
+
transform: scaleX(0.5) translateY(-2.5px);
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
&:has(.dgaui_dropdownContainer.multiple:active) {
|
|
332
|
+
.dgaui_autocompleteSeparator.open {
|
|
333
|
+
transform: scaleX(1) translateY(-2.5px);
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
&:has(.dgaui_dropdownContainer.disabled) {
|
|
337
|
+
.dgaui_autocompleteSeparator {
|
|
338
|
+
opacity: 0;
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
`,vr=er.div`
|
|
342
|
+
outline: none;
|
|
343
|
+
direction: ${e=>e.$customStyle.direction};
|
|
344
|
+
border-radius: 4px;
|
|
345
|
+
height: ${e=>e.$customStyle.height}px;
|
|
346
|
+
font-size: ${e=>e.$customStyle.fontSize}px;
|
|
347
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
348
|
+
border: ${e=>e.$customStyle.border};
|
|
349
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
350
|
+
padding-inline-end: ${e=>e.$customStyle.padding}px;
|
|
351
|
+
cursor: pointer;
|
|
352
|
+
|
|
353
|
+
position: relative;
|
|
354
|
+
appearance: none;
|
|
355
|
+
-webkit-appearance: none;
|
|
356
|
+
-moz-appearance: none;
|
|
357
|
+
&:-ms-expand {
|
|
358
|
+
display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
input {
|
|
362
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
363
|
+
border: none;
|
|
364
|
+
outline: none;
|
|
365
|
+
padding-inline-start: ${e=>e.$customStyle.padding}px;
|
|
366
|
+
height: calc(100% - 2px);
|
|
367
|
+
border-radius: 4px;
|
|
368
|
+
width: 90%;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
&.multiple {
|
|
372
|
+
display: flex;
|
|
373
|
+
align-items: center;
|
|
374
|
+
flex-wrap: wrap;
|
|
375
|
+
align-content: flex-start;
|
|
376
|
+
min-height: ${e=>e.$customStyle.height}px;
|
|
377
|
+
height: auto;
|
|
378
|
+
input {
|
|
379
|
+
flex: 1;
|
|
380
|
+
min-height: ${e=>e.$customStyle.height}px;
|
|
381
|
+
}
|
|
382
|
+
.dgaui_tag {
|
|
383
|
+
margin: 4px;
|
|
384
|
+
|
|
385
|
+
.deleteIcon {
|
|
386
|
+
background-image: url(${ar});
|
|
387
|
+
background-repeat: no-repeat;
|
|
388
|
+
background-size: 40%;
|
|
389
|
+
background-position: center;
|
|
390
|
+
width: 20px;
|
|
391
|
+
height: 20px;
|
|
392
|
+
margin-inline-start: 4px;
|
|
393
|
+
cursor: pointer;
|
|
394
|
+
background-color: transparent;
|
|
395
|
+
border: none;
|
|
396
|
+
outline: none;
|
|
397
|
+
|
|
398
|
+
&:hover {
|
|
399
|
+
transform: scale(1.2);
|
|
400
|
+
}
|
|
401
|
+
}
|
|
402
|
+
}
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
&:before {
|
|
406
|
+
content: url(${or});
|
|
407
|
+
display: block;
|
|
408
|
+
top: 30%;
|
|
409
|
+
inset-inline-end: 8px;
|
|
410
|
+
position: absolute;
|
|
411
|
+
transition: all 0.1s;
|
|
412
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
413
|
+
z-index: 2;
|
|
414
|
+
width: 20px;
|
|
415
|
+
height: 20px;
|
|
416
|
+
}
|
|
417
|
+
&:after {
|
|
418
|
+
content: "";
|
|
419
|
+
display: block;
|
|
420
|
+
top: 0;
|
|
421
|
+
inset-inline-end: 0;
|
|
422
|
+
z-index: 1;
|
|
423
|
+
position: absolute;
|
|
424
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
425
|
+
border-radius: 4px;
|
|
426
|
+
width: 30px;
|
|
427
|
+
height: 100%;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
&:focus-within {
|
|
431
|
+
${e=>e.$customStyle.shadowFocus};
|
|
432
|
+
border: ${e=>e.$customStyle.borderFocused};
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
&:hover {
|
|
436
|
+
border: ${e=>e.$customStyle.borderHovered};
|
|
437
|
+
}
|
|
438
|
+
&.disabled {
|
|
439
|
+
pointer-events: none;
|
|
440
|
+
filter: grayscale(1);
|
|
441
|
+
}
|
|
442
|
+
`,yr=er.span`
|
|
443
|
+
height: 2px;
|
|
444
|
+
background: ${e=>e.$bgColor};
|
|
445
|
+
display: block;
|
|
446
|
+
transform: scaleX(0) translateY(-2.5px);
|
|
447
|
+
transform-origin: 50%;
|
|
448
|
+
transition: all 0.2s;
|
|
449
|
+
border-bottom-left-radius: 50px;
|
|
450
|
+
border-bottom-right-radius: 50px;
|
|
451
|
+
z-index: 1;
|
|
452
|
+
|
|
453
|
+
&.open {
|
|
454
|
+
transform: scaleX(0.995) translateY(-2.5px);
|
|
455
|
+
}
|
|
456
|
+
`,Cr={xxSmall:{wh:24,b:2,f:10,fw:700},xSmall:{wh:32,b:2,f:12,fw:600},small:{wh:40,b:2,f:14,fw:600},medium:{wh:48,b:2,f:16,fw:500},large:{wh:64,b:2,f:20,fw:500},xLarge:{wh:80,b:2,f:30,fw:400},xxLarge:{wh:120,b:4,f:36,fw:400}},wr=er.div`
|
|
457
|
+
display: flex;
|
|
458
|
+
justify-content: center;
|
|
459
|
+
align-items: center;
|
|
460
|
+
width: ${e=>e.$size.wh}px;
|
|
461
|
+
height: ${e=>e.$size.wh}px;
|
|
462
|
+
border: ${e=>e.$border?`${e.$size.b}px solid ${e.$borderColor}`:`${e.$size.b}px solid #fff`};
|
|
463
|
+
background-color: ${e=>e.$theme.palette.neutral[100]};
|
|
464
|
+
font-size: ${e=>e.$size.f}px;
|
|
465
|
+
font-weight: ${e=>e.$size.fw};
|
|
466
|
+
border-radius: ${e=>e.$square?"8px":"100%"};
|
|
467
|
+
overflow: hidden;
|
|
468
|
+
box-sizing: border-box;
|
|
469
|
+
|
|
470
|
+
img {
|
|
471
|
+
width: ${e=>e.$isIcon?2*e.$size.f+"px":"100%"};
|
|
472
|
+
height: ${e=>e.$isIcon?2*e.$size.f+"px":"100%"};
|
|
473
|
+
object-fit: contain;
|
|
474
|
+
border-radius: ${e=>e.$square?"8px":"100%"};
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
&.stacked {
|
|
478
|
+
${e=>(({index:e=0,op:t="-"})=>`\n transform: translateX(${t}${8*e}px);\n`)({index:e.$index,op:"ltr"===e.$theme.direction?"-":"+"})}
|
|
479
|
+
}
|
|
480
|
+
`;const $r=er.div`
|
|
481
|
+
direction: ${e=>e.$theme.direction};
|
|
482
|
+
display: flex;
|
|
483
|
+
|
|
484
|
+
.dgaui_breadcrumbItem {
|
|
485
|
+
color: ${e=>e.$theme.palette.neutral[700]};
|
|
486
|
+
min-width: 30px;
|
|
487
|
+
height: 20px;
|
|
488
|
+
position: relative;
|
|
489
|
+
padding-inline-end: 4px;
|
|
490
|
+
padding-inline-start: 20px;
|
|
491
|
+
display: flex;
|
|
492
|
+
justify-content: flex-end;
|
|
493
|
+
cursor: pointer;
|
|
494
|
+
|
|
495
|
+
&.dots {
|
|
496
|
+
min-width: 12px;
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
&::before {
|
|
500
|
+
content: url(${e=>e.$icon});
|
|
501
|
+
position: absolute;
|
|
502
|
+
width: 20px;
|
|
503
|
+
height: 20px;
|
|
504
|
+
inset-inline-start: 0;
|
|
505
|
+
bottom: -2px;
|
|
506
|
+
}
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
:first-child::before {
|
|
510
|
+
content: "";
|
|
511
|
+
padding-inline-start: 0px;
|
|
512
|
+
min-width: 0;
|
|
513
|
+
width: 0;
|
|
514
|
+
height: 0;
|
|
515
|
+
}
|
|
516
|
+
|
|
517
|
+
:last-child {
|
|
518
|
+
color: ${e=>e.$theme.palette.neutral[400]};
|
|
519
|
+
cursor: auto;
|
|
520
|
+
pointer-events: none;
|
|
521
|
+
}
|
|
522
|
+
`,kr=er.div`
|
|
523
|
+
position: absolute;
|
|
524
|
+
top: 35px;
|
|
525
|
+
left: 0;
|
|
526
|
+
z-index: 1;
|
|
527
|
+
background-color: #fff;
|
|
528
|
+
width: 100%;
|
|
529
|
+
opacity: 0;
|
|
530
|
+
max-height: 300px;
|
|
531
|
+
overflow-y: scroll;
|
|
532
|
+
pointer-events: none;
|
|
533
|
+
border: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
534
|
+
border-radius: 4px;
|
|
535
|
+
padding: 8px;
|
|
536
|
+
box-sizing: border-box;
|
|
537
|
+
${e=>e.$theme.elevation.shadows.xl}
|
|
538
|
+
cursor: pointer;
|
|
539
|
+
|
|
540
|
+
&.slide-bottom {
|
|
541
|
+
animation: slide-bottom 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
542
|
+
pointer-events: all;
|
|
543
|
+
}
|
|
544
|
+
@keyframes slide-bottom {
|
|
545
|
+
0% {
|
|
546
|
+
transform: translateZ(0) translateY(0);
|
|
547
|
+
opacity: 0;
|
|
548
|
+
}
|
|
549
|
+
100% {
|
|
550
|
+
transform: translateZ(160px) translateY(8px);
|
|
551
|
+
opacity: 1;
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
`,Sr="#FFF",Br="#FFF3",jr="#FFFFFF4D",Er="#FFF6",Nr="#FFF9",zr="#FFFFFFB2",Ir="#FFFC",Fr={small:{w:74,h:24,p:8,f:12},medium:{w:94,h:32,p:12,f:14},large:{w:110,h:40,p:16,f:16}},Rr=t.forwardRef(((t,r)=>{var{children:o,size:n="large",style:i="primary",buttonStyle:a,destructive:s,iconOnly:d,onColor:p,leadIcon:g,trailIcon:h}=t,m=u(t,["children","size","style","buttonStyle","destructive","iconOnly","onColor","leadIcon","trailIcon"]);const A=c(),f=((e,t=!1,r=!1)=>t||r?!t&&r?{neutral:{backgroundColor:{default:e.palette.neutral[950],hovered:e.palette.neutral[800],active:e.palette.neutral[600],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Sr,hovered:e.textOnColor||Sr,active:e.textOnColor||Sr,disabled:e.palette.neutral[400]}},primary:{backgroundColor:{default:e.palette.error[600],hovered:e.palette.error[700],active:e.palette.error[900],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Sr,hovered:e.textOnColor||Sr,active:e.textOnColor||Sr,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor},innerBorderColor:{focus:Sr}},"secondary-solid":{backgroundColor:{default:e.palette.error[50],hovered:e.palette.error[100],active:e.palette.error[200],disabled:e.palette.neutral[200]},fontColor:{default:e.palette.error[700],hovered:e.palette.error[200],active:e.palette.error[200],disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}},"secondary-outline":{backgroundColor:{default:"transparent",hovered:e.palette.error[100],active:e.palette.error[200],disabled:"transparent"},fontColor:{default:e.palette.error[700],hovered:e.palette.error[700],active:e.palette.error[700],disabled:e.palette.neutral[400]},borderColor:{default:e.palette.error[200],hovered:e.palette.error[200],active:e.palette.error[200],disabled:e.palette.neutral[400],focus:e.textColor}},subtle:{backgroundColor:{default:"transparent",hovered:e.palette.error[100],active:e.palette.error[200],disabled:"transparent"},fontColor:{default:e.palette.error[700],hovered:e.palette.error[700],active:e.palette.error[700],disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}},transparent:{backgroundColor:{default:"transparent",hovered:"transparent",active:"transparent",disabled:"transparent"},fontColor:{default:e.palette.error[600],hovered:e.palette.error[700],active:e.palette.error[900],disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}}}:t&&!r?{neutral:{backgroundColor:{default:Sr,hovered:Ir,active:Nr,disabled:Br},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:Er},borderColor:{focus:Sr},innerBorderColor:{focus:e.textColor}},primary:{backgroundColor:{default:Sr,hovered:Ir,active:Nr,disabled:Br},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:Er},borderColor:{focus:Sr},innerBorderColor:{focus:e.textColor}},"secondary-solid":{backgroundColor:{default:Br,hovered:Br,active:Er,disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Sr,hovered:e.textOnColor||Sr,active:e.textOnColor||Sr,disabled:Er},borderColor:{focus:Sr}},"secondary-outline":{backgroundColor:{default:"transparent",hovered:Br,active:Er,disabled:"transparent"},fontColor:{default:e.textOnColor||Sr,hovered:e.textOnColor||Sr,active:e.textOnColor||Sr,disabled:Er},borderColor:{default:Er,hovered:Er,active:Er,disabled:e.palette.neutral[400],focus:Sr}},subtle:{backgroundColor:{default:"transparent",hovered:Br,active:Er,disabled:"transparent"},fontColor:{default:e.textOnColor||Sr,hovered:e.textOnColor||Sr,active:e.textOnColor||Sr,disabled:Er},borderColor:{focus:Sr}},transparent:{backgroundColor:{default:"transparent",hovered:"transparent",active:"transparent",disabled:"transparent"},fontColor:{default:e.textOnColor||Sr,hovered:e.palette.primary[400],active:e.palette.primary[300],disabled:Er},borderColor:{focus:Sr}}}:{neutral:{backgroundColor:{default:e.palette.neutral[950],hovered:e.palette.neutral[800],active:e.palette.neutral[600],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Sr,hovered:e.textOnColor||Sr,active:e.textOnColor||Sr,disabled:e.palette.neutral[400]}},primary:{backgroundColor:{default:e.palette.error[600],hovered:e.palette.error[700],active:e.palette.error[900],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Sr,hovered:e.textOnColor||Sr,active:e.textOnColor||Sr,disabled:e.palette.neutral[400]},borderColor:{focus:Sr},innerBorderColor:{focus:e.textColor}},"secondary-solid":{backgroundColor:{default:e.palette.error[50],hovered:e.palette.error[100],active:e.palette.error[200],disabled:e.palette.neutral[200]},fontColor:{default:e.palette.error[700],hovered:e.palette.error[200],active:e.palette.error[200],disabled:e.palette.neutral[400]},borderColor:{focus:Sr}},"secondary-outline":{backgroundColor:{default:"transparent",hovered:e.palette.error[100],active:e.palette.error[200],disabled:"transparent"},fontColor:{default:e.palette.error[200],hovered:e.palette.error[700],active:e.palette.error[700],disabled:e.palette.neutral[400]},borderColor:{default:e.palette.error[200],hovered:e.palette.error[200],active:e.palette.error[200],disabled:e.palette.neutral[400],focus:Sr}},subtle:{backgroundColor:{default:"transparent",hovered:e.palette.error[100],active:e.palette.error[200],disabled:"transparent"},fontColor:{default:e.palette.error[200],hovered:e.palette.error[700],active:e.palette.error[700],disabled:e.palette.neutral[400]},borderColor:{focus:Sr}},transparent:{backgroundColor:{default:"transparent",hovered:"transparent",active:"transparent",disabled:"transparent"},fontColor:{default:e.palette.error[200],hovered:e.palette.error[300],active:e.palette.error[400],disabled:e.palette.neutral[400]},borderColor:{focus:Sr}}}:{neutral:{backgroundColor:{default:e.palette.neutral[950],hovered:e.palette.neutral[800],active:e.palette.neutral[600],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Sr,hovered:e.textOnColor||Sr,active:e.textOnColor||Sr,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor},innerBorderColor:{focus:Sr}},primary:{backgroundColor:{default:e.palette.primary[600],hovered:e.palette.primary[700],active:e.palette.primary[900],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Sr,hovered:e.textOnColor||Sr,active:e.textOnColor||Sr,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor},innerBorderColor:{focus:Sr}},"secondary-solid":{backgroundColor:{default:e.palette.neutral[100],hovered:e.palette.neutral[200],active:e.palette.neutral[200],disabled:e.palette.neutral[200]},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}},"secondary-outline":{backgroundColor:{default:"transparent",hovered:e.palette.neutral[100],active:e.palette.neutral[200],disabled:"transparent"},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:e.palette.neutral[400]},borderColor:{default:e.palette.neutral[300],hovered:e.palette.neutral[200],active:e.palette.neutral[300],disabled:e.palette.neutral[400],focus:e.textColor}},subtle:{backgroundColor:{default:"transparent",hovered:e.palette.neutral[100],active:e.palette.neutral[200],disabled:"transparent"},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}},transparent:{backgroundColor:{default:"transparent",hovered:"transparent",active:"transparent",disabled:"transparent"},fontColor:{default:e.textColor,hovered:e.palette.primary[700],active:e.palette.primary[900],disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}}})(A,p,s),x=f[i].backgroundColor,b=f[i].fontColor,v=f[i].borderColor,y=f[i].innerBorderColor;return e.jsxs(Ur,Object.assign({},m,{ref:r,className:l("dgaui dgaui_button",m.className),$disabled:m.disabled,$customStyle:{theme:A,minWidth:d?0:Fr[n].w,height:Fr[n].h,padding:Fr[n].p,fontSize:Fr[n].f,fontColor:b,backgroundColor:x,borderColor:v,innerBorderColor:y},children:[d&&e.jsx("div",{className:"iconOnly",children:g||o}),!d&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"leadIcon",children:g}),o,e.jsx("div",{className:"trailIcon",children:h})]})]}))})),Ur=er.button`
|
|
555
|
+
outline: none;
|
|
556
|
+
border-radius: 4px;
|
|
557
|
+
cursor: pointer;
|
|
558
|
+
display: inline-flex;
|
|
559
|
+
align-items: center;
|
|
560
|
+
justify-content: center;
|
|
561
|
+
direction: ${e=>e.$customStyle.theme.direction};
|
|
562
|
+
min-width: ${e=>e.$customStyle.minWidth}px;
|
|
563
|
+
height: ${e=>e.$customStyle.height}px;
|
|
564
|
+
padding: ${e=>e.$customStyle.padding}px;
|
|
565
|
+
font-size: ${e=>e.$customStyle.fontSize}px;
|
|
566
|
+
font-weight: 500;
|
|
567
|
+
color: ${e=>e.$customStyle.fontColor.default};
|
|
568
|
+
background-color: ${e=>e.$customStyle.backgroundColor.default};
|
|
569
|
+
border: 2px solid transparent;
|
|
570
|
+
${e=>e.$customStyle.borderColor&&`border: 1px solid ${e.$customStyle.borderColor.default};`};
|
|
571
|
+
transition: background-color 0.1s;
|
|
572
|
+
|
|
573
|
+
&:hover {
|
|
574
|
+
background-color: ${e=>e.$customStyle.backgroundColor.hovered};
|
|
575
|
+
color: ${e=>e.$customStyle.fontColor.hovered};
|
|
576
|
+
${e=>e.$customStyle.borderColor&&`border: 1px solid ${e.$customStyle.borderColor.hovered};`};
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
&:focus {
|
|
580
|
+
position: relative;
|
|
581
|
+
border-radius: 4px;
|
|
582
|
+
${e=>{var t;return(null===(t=e.$customStyle.borderColor)||void 0===t?void 0:t.focus)&&`border: 2px solid ${e.$customStyle.borderColor.focus};`}};
|
|
583
|
+
|
|
584
|
+
&:after {
|
|
585
|
+
content: "";
|
|
586
|
+
display: block;
|
|
587
|
+
background-color: transparent;
|
|
588
|
+
width: 100%;
|
|
589
|
+
height: 100%;
|
|
590
|
+
position: absolute;
|
|
591
|
+
top: 0px;
|
|
592
|
+
left: 0px;
|
|
593
|
+
border-radius: 2px;
|
|
594
|
+
box-sizing: border-box;
|
|
595
|
+
${e=>{var t;return(null===(t=e.$customStyle.innerBorderColor)||void 0===t?void 0:t.focus)&&`border: 1px solid ${e.$customStyle.innerBorderColor.focus};`}};
|
|
596
|
+
}
|
|
597
|
+
}
|
|
598
|
+
|
|
599
|
+
&:active {
|
|
600
|
+
border: 2px solid transparent;
|
|
601
|
+
border-radius: 4px;
|
|
602
|
+
background-color: ${e=>e.$customStyle.backgroundColor.active};
|
|
603
|
+
color: ${e=>e.$customStyle.fontColor.active};
|
|
604
|
+
${e=>{var t;return(null===(t=e.$customStyle.borderColor)||void 0===t?void 0:t.active)&&`border: 1px solid ${e.$customStyle.borderColor.active};`}};
|
|
605
|
+
&:after {
|
|
606
|
+
display: none;
|
|
607
|
+
}
|
|
608
|
+
}
|
|
609
|
+
|
|
610
|
+
&:disabled {
|
|
611
|
+
cursor: default;
|
|
612
|
+
pointer-events: none;
|
|
613
|
+
background-color: ${e=>e.$customStyle.backgroundColor.disabled};
|
|
614
|
+
color: ${e=>e.$customStyle.fontColor.disabled};
|
|
615
|
+
}
|
|
616
|
+
box-sizing: border-box;
|
|
617
|
+
|
|
618
|
+
.leadIcon {
|
|
619
|
+
margin-inline-end: 4px;
|
|
620
|
+
}
|
|
621
|
+
.trailIcon {
|
|
622
|
+
margin-inline-start: 4px;
|
|
623
|
+
}
|
|
624
|
+
`,Dr=er.div`
|
|
625
|
+
direction: ${e=>e.$theme.direction};
|
|
626
|
+
/* pointer-events: ${e=>e.$pointerEvents}; */
|
|
627
|
+
border: none;
|
|
628
|
+
outline: none;
|
|
629
|
+
width: 350px;
|
|
630
|
+
padding: 16px;
|
|
631
|
+
border-radius: 16px;
|
|
632
|
+
background-color: #fff;
|
|
633
|
+
text-align: start;
|
|
634
|
+
overflow: hidden;
|
|
635
|
+
color: ${e=>"disabled"===e.$state?e.$theme.palette.neutral[400]:e.$theme.palette.neutral[800]};
|
|
636
|
+
border: 2px solid transparent;
|
|
637
|
+
|
|
638
|
+
/* Apply background color based on state prop */
|
|
639
|
+
background-color: ${e=>"hover"===e.$state?e.$theme.palette.neutral[50]:"#fff"};
|
|
640
|
+
|
|
641
|
+
/* Apply border color based on state prop */
|
|
642
|
+
${e=>"focused"===e.$state?`border: 2px solid ${e.$theme.textColor};`:""}
|
|
643
|
+
|
|
644
|
+
${e=>"withShadow"===e.$effect?e.$theme.elevation.shadows.md:""};
|
|
645
|
+
${e=>"stroke"===e.$effect?"border: 1px solid "+e.$theme.palette.neutral[300]:""};
|
|
646
|
+
|
|
647
|
+
/* CSS hover and focus states - work when state prop is default */
|
|
648
|
+
${e=>"all"===e.$pointerEvents&&"disabled"!==e.$state?Zt`
|
|
649
|
+
&:hover {
|
|
650
|
+
background-color: ${e.$theme.palette.neutral[50]};
|
|
651
|
+
}
|
|
652
|
+
&:focus {
|
|
653
|
+
border: 2px solid ${e.$theme.textColor};
|
|
654
|
+
}
|
|
655
|
+
`:""}
|
|
656
|
+
|
|
657
|
+
&.selectable {
|
|
658
|
+
cursor: pointer;
|
|
659
|
+
}
|
|
660
|
+
&.disabled {
|
|
661
|
+
pointer-events: none;
|
|
662
|
+
background-color: ${e=>e.$theme.palette.neutral[200]};
|
|
663
|
+
|
|
664
|
+
.iconContainer {
|
|
665
|
+
opacity: 0.5;
|
|
666
|
+
filter: grayscale(1);
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
.checkboxContainer {
|
|
670
|
+
opacity: 0.5;
|
|
671
|
+
filter: grayscale(1);
|
|
672
|
+
}
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.cardHeader {
|
|
676
|
+
display: flex;
|
|
677
|
+
justify-content: space-between;
|
|
678
|
+
align-items: center;
|
|
679
|
+
max-height: 48px;
|
|
680
|
+
margin-bottom: 24px;
|
|
681
|
+
|
|
682
|
+
.iconContainer {
|
|
683
|
+
max-height: 48px;
|
|
684
|
+
}
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
.titleContainer {
|
|
688
|
+
font-size: 18px;
|
|
689
|
+
font-weight: 700;
|
|
690
|
+
margin-bottom: 8px;
|
|
691
|
+
}
|
|
692
|
+
.descriptionContainer {
|
|
693
|
+
font-size: 16px;
|
|
694
|
+
}
|
|
695
|
+
.actionsButtonsContainer {
|
|
696
|
+
margin-top: 24px;
|
|
697
|
+
button {
|
|
698
|
+
margin-inline-end: 16px;
|
|
699
|
+
&:last-child {
|
|
700
|
+
margin-inline-end: 0;
|
|
701
|
+
}
|
|
702
|
+
}
|
|
703
|
+
}
|
|
704
|
+
|
|
705
|
+
.caretButtonContainer {
|
|
706
|
+
height: 40px;
|
|
707
|
+
margin-top: 24px;
|
|
708
|
+
display: flex;
|
|
709
|
+
align-items: center;
|
|
710
|
+
img {
|
|
711
|
+
cursor: pointer;
|
|
712
|
+
}
|
|
713
|
+
}
|
|
714
|
+
.expandableContentContainer {
|
|
715
|
+
transition: all 0.2s;
|
|
716
|
+
font-size: 16px;
|
|
717
|
+
|
|
718
|
+
.expandableContent {
|
|
719
|
+
}
|
|
720
|
+
}
|
|
721
|
+
`;var Or=function(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}({name:"gregorian",startYear:1,yearLength:365,epoch:1721424,century:20,weekStartDayIndex:1,getMonthLengths:e=>[31,e?29:28,31,30,31,30,31,31,30,31,30,31],isLeap:e=>e%4==0&&e%100!=0||e%400==0,getLeaps(e){if(0===e)return;let t=e>0?1:-1,r=[];for(;e>0?t<=e:e<=t;)this.isLeap(t)&&r.push(t),e>0?t++:t--;return r},getDayOfYear({year:e,month:t,day:r}){let o=this.getMonthLengths(this.isLeap(e));for(let e=0;e<t.index;e++)r+=o[e];return r},getAllDays(e){const{year:t}=e;return this.yearLength*(t-1)+this.leapsLength(t)+this.getDayOfYear(e)},leapsLength:e=>((e-1)/4|0)+(-(e-1)/100|0)+((e-1)/400|0),guessYear:(e,t)=>~~(e/365.24)+(t>0?1:-1)}),Tr=f(Or);var Yr=function(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}({name:"arabic",startYear:1,yearLength:354,epoch:1948438,century:14,weekStartDayIndex:0,getMonthLengths:e=>[30,29,30,29,30,29,30,29,30,29,30,e?30:29],isLeap:e=>[2,5,7,10,13,15,18,21,24,26,29].includes(e%30),getLeaps(e){if(0===e)return;let t=e>0?1:-1,r=[];for(;e>0?t<=e:e<=t;)this.isLeap(t)&&r.push(t),e>0?t++:t--;return r},getDayOfYear({year:e,month:t,day:r}){let o=this.getMonthLengths(this.isLeap(e));for(let e=0;e<t.index;e++)r+=o[e];return r},getAllDays(e){const{year:t}=e;return this.yearLength*(t-1)+this.leapsLength(t)+this.getDayOfYear(e)},leapsLength:e=>11/30*(e-1)+.5|0,guessYear:(e,t)=>~~((e-.5)/354.366)+(t>0?1:-1)}),Mr=f(Yr);const Hr={name:"gregorian_ar",months:[["يناير","ينا"],["فبراير","فبر"],["مارس","ما"],["إبريل","إبر"],["مايو","ما"],["يونيو","يو"],["يوليو","يوليو"],["أغسطس","أغس"],["سبتمبر","سب"],["أكتوبر","اک"],["نوفمبر","نو"],["ديسمبر","دس"]],weekDays:[["السّبت","سب"],["الأحد","اح"],["الإثنينِ","ثن"],["الثلاثاء","ثل"],["الأربعاء","ار"],["الخميس","خم"],["الجمعة","جم"]],digits:["0","1","2","3","4","5","6","7","8","9"],meridiems:[["قبل الظهر","ق.ظ"],["بعد الظهر","ب.ظ"]]},Lr={name:"arabic_ar",months:[["محرم","محرم"],["صفر","صفر"],["ربیع الاول","ربیع الاول"],["ربیع الثانی","ربیع الثانی"],["جمادی الاول","جمادی الاول"],["جمادی الثانی","جمادی الثانی"],["رجب","رجب"],["شعبان","شعبان"],["رمضان","رمضان"],["شوال","شوال"],["ذو القعدة","ذو القعدة"],["ذو الحجة","ذو الحجة"]],weekDays:[["السّبت","سب"],["الأحد","اح"],["الإثنينِ","ثن"],["الثلاثاء","ثل"],["الأربعاء","ار"],["الخميس","خم"],["الجمعة","جم"]],digits:["0","1","2","3","4","5","6","7","8","9"],meridiems:[["قبل الظهر","ق.ظ"],["بعد الظهر","ب.ظ"]]},Qr={medium:{w:320,h:32,p:8,f:14,prefixW:72},large:{w:320,h:40,p:8,f:16,prefixW:61}},Pr=t.forwardRef(((t,r)=>{var{label:o,size:n="large",style:i,error:a,prefix:s,prefixStyle:d="solid",suffix:p,suffixStyle:g="solid",icon:h}=t,m=u(t,["label","size","style","error","prefix","prefixStyle","suffix","suffixStyle","icon"]);const A=c(),f=null!=n?n:"large";let x=A.textColor,b=A.palette.neutral[500],v=`1px solid ${a?A.palette.error[700]:A.palette.neutral[400]}`,y=`1px solid ${a?A.palette.error[700]:A.palette.neutral[700]}`,C=`1px solid ${a?A.palette.error[700]:A.palette.neutral[700]}`,w="#FFF",$=a?A.palette.error[700]:A.textColor,k=A.elevation.shadows.md,S="solid"===d?A.palette.neutral[100]:"transparent",B=A.palette.neutral[100],j=A.palette.neutral[200],E="solid"===g?A.palette.neutral[100]:"transparent",N=A.palette.neutral[100],z=A.palette.neutral[200];return"filledLighter"===i&&(w=A.palette.neutral[25],v="1px solid transparent",y=`1px solid ${A.palette.neutral[400]}`,C=`1px solid ${A.palette.neutral[400]}`),"filledDarker"===i&&(w=A.palette.neutral[100]),m.disabled&&(x=A.palette.neutral[400],v=`1px solid ${A.palette.neutral[200]}`,y=`1px solid ${A.palette.neutral[200]}`),e.jsxs(Vr,{$theme:A,className:l("dgaui dgaui_textInput",m.className),$customStyle:{prefixBg:S,prefixBgHover:B,prefixBgActive:j,suffixBg:E,suffixBgHover:N,suffixBgActive:z,size:n,iconPadding:h?"20px":"0px"},children:[e.jsx("label",{style:{marginBottom:8,textAlign:"start"},htmlFor:m.id,children:o}),s&&e.jsx("div",{className:"prefix",children:s}),p&&e.jsx("div",{className:"suffix",children:p}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[h&&e.jsx("div",{className:"icon",children:h}),e.jsx(Kr,Object.assign({$customStyle:{direction:A.direction,minWidth:Qr[f].w,height:Qr[f].h,padding:Qr[f].p,fontSize:Qr[f].f,placeholderFontColor:b,fontColor:x,border:v,borderHovered:y,borderFocused:C,backgroundColor:w,shadowFocus:k}},m,{ref:r,className:"dgaui dgaui_textInput_input"}))]}),e.jsx(Xr,{$bgColor:$,className:"dgauiInputSeparator"})]})})),Vr=er.div`
|
|
722
|
+
position: relative;
|
|
723
|
+
direction: ${e=>e.$theme.direction};
|
|
724
|
+
display: flex;
|
|
725
|
+
flex-direction: column;
|
|
726
|
+
color: ${e=>e.$theme.textColor};
|
|
727
|
+
width: 100%;
|
|
728
|
+
overflow: hidden;
|
|
729
|
+
|
|
730
|
+
.prefix,
|
|
731
|
+
.suffix {
|
|
732
|
+
position: absolute;
|
|
733
|
+
display: flex;
|
|
734
|
+
justify-content: center;
|
|
735
|
+
align-items: center;
|
|
736
|
+
width: ${e=>"large"===e.$customStyle.size?"74px":"61px"};
|
|
737
|
+
height: ${e=>"large"===e.$customStyle.size?"38px":"30px"};
|
|
738
|
+
bottom: 3px;
|
|
739
|
+
inset-inline-start: 1px;
|
|
740
|
+
border-start-start-radius: 4px;
|
|
741
|
+
border-end-start-radius: 4px;
|
|
742
|
+
font-size: 16px;
|
|
743
|
+
color: ${e=>e.$theme.palette.neutral[500]};
|
|
744
|
+
transition: background-color 0.2s;
|
|
745
|
+
overflow: hidden;
|
|
746
|
+
}
|
|
747
|
+
|
|
748
|
+
.prefix {
|
|
749
|
+
background-color: ${e=>e.$customStyle.prefixBg};
|
|
750
|
+
|
|
751
|
+
&:hover {
|
|
752
|
+
background-color: ${e=>e.$customStyle.prefixBgHover};
|
|
753
|
+
}
|
|
754
|
+
&:active {
|
|
755
|
+
background-color: ${e=>e.$customStyle.prefixBgActive};
|
|
756
|
+
}
|
|
757
|
+
}
|
|
758
|
+
|
|
759
|
+
.suffix {
|
|
760
|
+
background-color: ${e=>e.$customStyle.suffixBg};
|
|
761
|
+
|
|
762
|
+
&:hover {
|
|
763
|
+
background-color: ${e=>e.$customStyle.suffixBgHover};
|
|
764
|
+
}
|
|
765
|
+
&:active {
|
|
766
|
+
background-color: ${e=>e.$customStyle.suffixBgActive};
|
|
767
|
+
}
|
|
768
|
+
}
|
|
769
|
+
|
|
770
|
+
.suffix {
|
|
771
|
+
border-start-start-radius: 0;
|
|
772
|
+
border-end-start-radius: 0;
|
|
773
|
+
border-start-end-radius: 4px;
|
|
774
|
+
border-end-end-radius: 4px;
|
|
775
|
+
inset-inline-start: unset;
|
|
776
|
+
inset-inline-end: 1px;
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
.icon {
|
|
780
|
+
width: calc(${e=>e.$customStyle.iconPadding} + 10px);
|
|
781
|
+
position: absolute;
|
|
782
|
+
display: flex;
|
|
783
|
+
justify-content: center;
|
|
784
|
+
align-items: center;
|
|
785
|
+
}
|
|
786
|
+
|
|
787
|
+
input {
|
|
788
|
+
padding-inline-start: calc(${e=>e.$customStyle.iconPadding} + 8px);
|
|
789
|
+
}
|
|
790
|
+
|
|
791
|
+
&:has(.prefix) {
|
|
792
|
+
input {
|
|
793
|
+
padding-inline-start: calc(
|
|
794
|
+
${e=>"large"===e.$customStyle.size?"74px":"61px"} +
|
|
795
|
+
${e=>e.$customStyle.iconPadding} + 8px
|
|
796
|
+
);
|
|
797
|
+
}
|
|
798
|
+
.icon {
|
|
799
|
+
inset-inline-start: ${e=>"large"===e.$customStyle.size?"74px":"61px"};
|
|
800
|
+
}
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
&:has(.suffix) {
|
|
804
|
+
input {
|
|
805
|
+
padding-inline-end: calc(
|
|
806
|
+
${e=>"large"===e.$customStyle.size?"74px":"61px"} + 8px
|
|
807
|
+
);
|
|
808
|
+
}
|
|
809
|
+
}
|
|
810
|
+
&:has(.dgaui_textInput_input:disabled),
|
|
811
|
+
&:has(.dgaui_textInput_input:read-only) {
|
|
812
|
+
.dgauiInputSeparator {
|
|
813
|
+
pointer-events: none;
|
|
814
|
+
}
|
|
815
|
+
}
|
|
816
|
+
&:has(.dgaui_textInput_input:focus) {
|
|
817
|
+
.dgauiInputSeparator {
|
|
818
|
+
transform: scaleX(0.995) translateY(-2.5px);
|
|
819
|
+
}
|
|
820
|
+
}
|
|
821
|
+
&:has(.dgaui_textInput_input:active) {
|
|
822
|
+
.dgauiInputSeparator {
|
|
823
|
+
transform: scaleX(0.5) translateY(-2.5px);
|
|
824
|
+
}
|
|
825
|
+
}
|
|
826
|
+
`,Kr=er.input`
|
|
827
|
+
outline: none;
|
|
828
|
+
direction: ${e=>e.$customStyle.direction};
|
|
829
|
+
border-radius: 4px;
|
|
830
|
+
width: 100%;
|
|
831
|
+
height: ${e=>e.$customStyle.height}px;
|
|
832
|
+
padding: 0 ${e=>e.$customStyle.padding}px;
|
|
833
|
+
font-size: ${e=>e.$customStyle.fontSize}px;
|
|
834
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
835
|
+
border: ${e=>e.$customStyle.border};
|
|
836
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
837
|
+
overflow: hidden;
|
|
838
|
+
box-sizing: border-box;
|
|
839
|
+
|
|
840
|
+
&::placeholder {
|
|
841
|
+
color: ${e=>e.$customStyle.placeholderFontColor};
|
|
842
|
+
font-weight: 300;
|
|
843
|
+
}
|
|
844
|
+
&:focus {
|
|
845
|
+
${e=>e.$customStyle.shadowFocus};
|
|
846
|
+
border: ${e=>e.$customStyle.borderFocused};
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
&:hover {
|
|
850
|
+
border: ${e=>e.$customStyle.borderHovered};
|
|
851
|
+
}
|
|
852
|
+
&:disabled {
|
|
853
|
+
pointer-events: none;
|
|
854
|
+
}
|
|
855
|
+
`,Xr=er.span`
|
|
856
|
+
height: 2px;
|
|
857
|
+
background: ${e=>e.$bgColor};
|
|
858
|
+
display: block;
|
|
859
|
+
transform: scaleX(0) translateY(-2.5px);
|
|
860
|
+
transform-origin: 50%;
|
|
861
|
+
transition: all 0.2s;
|
|
862
|
+
border-bottom-left-radius: 50px;
|
|
863
|
+
border-bottom-right-radius: 50px;
|
|
864
|
+
`,Gr=r=>{var{children:o,menuItems:n,disabled:i,keepOpenOnItemsClicked:a,onOpen:s,onClose:d}=r,p=u(r,["children","menuItems","disabled","keepOpenOnItemsClicked","onOpen","onClose"]);const g=c(),[h,m]=t.useState(!1),[A,f]=t.useState(""),[x,b]=t.useState({top:0,left:0}),v=t.useRef(null),y=t.useRef(null),C=t.useRef(null),w=()=>{let e=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0);if(y.current&&C.current){const t=y.current.getBoundingClientRect();let r={top:t.bottom,left:"ltr"===g.direction?t.left:t.right-C.current.clientWidth};"ltr"===g.direction?r.left+C.current.clientWidth>window.innerWidth&&(r.left=window.innerWidth-C.current.clientWidth):r.left&&t.right-C.current.clientWidth<0&&(r.left=0),t.bottom+C.current.clientHeight>e&&(r.top=t.top-C.current.clientHeight),r.top<0&&(r.top=0),r.top>e&&(r.top=C.current.clientHeight),b(r)}};return t.useEffect((()=>{if(y.current){const e=()=>{w()},t=e=>{var t;(null===(t=v.current)||void 0===t?void 0:t.contains(e.target))||(null==d||d(e),m(!1))};return window.addEventListener("resize",e),window.addEventListener("click",t),()=>{window.removeEventListener("resize",e),window.removeEventListener("click",t)}}}),[y]),t.useEffect((()=>{const e=document.getElementsByTagName("body");e&&e[0]&&(e[0].style.overflow=h?"hidden":A)}),[h]),t.useEffect((()=>{var e,t,r;f(null===(r=null===(t=null===(e=document.getElementsByTagName("body"))||void 0===e?void 0:e[0])||void 0===t?void 0:t.style)||void 0===r?void 0:r.overflow)}),[]),e.jsxs(Jr,Object.assign({$theme:g},p,{className:l("dgaui dgaui_menu",p.className),ref:v,children:[e.jsx("div",{ref:y,onClick:e=>(e=>{h?(m(!1),null==d||d(e)):(w(),m(!0),null==s||s(e))})(e),className:"menuChildren",children:o}),e.jsx("div",{ref:C,className:"menueItemsContainer dgaui_hiddenScrollbar "+(h?" slide-bottom":""),style:x,onClick:e=>{a||(m(!1),null==d||d(e))},children:n})]}))},Jr=er.div`
|
|
865
|
+
direction: ${e=>e.$theme.direction};
|
|
866
|
+
|
|
867
|
+
.menueItemsContainer {
|
|
868
|
+
width: max-content;
|
|
869
|
+
position: fixed;
|
|
870
|
+
top: 0;
|
|
871
|
+
left: 0;
|
|
872
|
+
z-index: 1400;
|
|
873
|
+
background-color: #fff;
|
|
874
|
+
opacity: 0;
|
|
875
|
+
min-width: 20px;
|
|
876
|
+
max-height: 400px;
|
|
877
|
+
overflow-y: scroll;
|
|
878
|
+
pointer-events: none;
|
|
879
|
+
border: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
880
|
+
border-radius: 8px;
|
|
881
|
+
${e=>e.$theme.elevation.shadows["2xl"]}
|
|
882
|
+
cursor: pointer;
|
|
883
|
+
|
|
884
|
+
&.slide-bottom {
|
|
885
|
+
animation: slide-bottom 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
886
|
+
pointer-events: all;
|
|
887
|
+
}
|
|
888
|
+
@keyframes slide-bottom {
|
|
889
|
+
0% {
|
|
890
|
+
transform: translateZ(0) translateY(0);
|
|
891
|
+
opacity: 0;
|
|
892
|
+
}
|
|
893
|
+
100% {
|
|
894
|
+
transform: translateZ(160px) translateY(8px);
|
|
895
|
+
opacity: 1;
|
|
896
|
+
}
|
|
897
|
+
}
|
|
898
|
+
}
|
|
899
|
+
`;var Wr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD/SURBVHgB7dUxroJAEAbgAV5I6LaBUHqExxG8wWtf9Z4n8Ah6I49gbaU30JJAIQUVCeA/xsLCgl2zRpP/SzYLxSSTmZ1dESIiIiJ6IE3TZZZlK3lSKJ6M4xhgWyPJvTFmJu8IVfzHOiPJo2uSgXiW5/lsGIYtPg2qOq/r+mAT7z1BdZ9k13VF0zSnqbFfYkEPPrYfsdT3vQTBtRYmjmMdnMXUWKshuR18J4htxMFLWqwDgsppiyUMw3lZlqepsVYtdoFj8Y32blBBg1+r5JS3e1AhuT9s18pFUVTYTrBX+opgjXpR6xSLo0g8SZKkQGt3VVX9tm3rNCBEREREn+8C+TlJKy8I1/cAAAAASUVORK5CYII=",Zr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEJSURBVHgB7dU9boNAEAXgtySigYKGn9JHSI7AEXIC5wi5QXKEtOlyhZwgbTp8g7gEUWQLQBEF+I1l916stWxpPmnFFFsMszO7gFJKKaXULbvDmbIse43j+LHv+x94EGChJElWTK5i+DbPc4JrckjuN03TP65neHQPR0zogZ9vLstVtm27gUfGZbNULgxDSQ5BEJR1XW/hmVOCrN6nMWbNcMO+s1iAP/bVNM37yfvhgMkdw4sNhVMFi6JYTdO0P+JxHEtr7RaeOVVQeo5H+ySx9KL0JDxzvgdlamVAJGaSFftyjWskx83kKt6Hc57nL/Bk8VPXdZ0dhuEjiiLOjvn39dQppZRSSt22HXZvSded5pbnAAAAAElFTkSuQmCC";const qr=er.div`
|
|
900
|
+
.rmdp-top-class {
|
|
901
|
+
width: 424px;
|
|
902
|
+
display: block !important;
|
|
903
|
+
|
|
904
|
+
.rmdp-calendar {
|
|
905
|
+
padding: 16px;
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
.rmdp-day-picker {
|
|
909
|
+
padding: 0;
|
|
910
|
+
display: block !important;
|
|
911
|
+
}
|
|
912
|
+
}
|
|
913
|
+
|
|
914
|
+
.rmdp-header {
|
|
915
|
+
margin: 0;
|
|
916
|
+
div:first-child {
|
|
917
|
+
button {
|
|
918
|
+
width: 40px;
|
|
919
|
+
height: 40px;
|
|
920
|
+
&:hover {
|
|
921
|
+
background-color: ${e=>e.$theme.palette.neutral[100]} !important;
|
|
922
|
+
}
|
|
923
|
+
&:active {
|
|
924
|
+
background-color: ${e=>e.$theme.palette.neutral[200]} !important;
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
i {
|
|
928
|
+
display: none;
|
|
929
|
+
}
|
|
930
|
+
}
|
|
931
|
+
|
|
932
|
+
.rmdp-right {
|
|
933
|
+
background-image: url(${Wr});
|
|
934
|
+
background-repeat: no-repeat;
|
|
935
|
+
}
|
|
936
|
+
.rmdp-left {
|
|
937
|
+
position: absolute;
|
|
938
|
+
inset-inline-end: 48px;
|
|
939
|
+
inset-inline-start: auto;
|
|
940
|
+
background-image: url(${Zr});
|
|
941
|
+
background-repeat: no-repeat;
|
|
942
|
+
}
|
|
943
|
+
.rmdp-header-values {
|
|
944
|
+
flex: 1;
|
|
945
|
+
font-size: 16px !important;
|
|
946
|
+
font-weight: 500;
|
|
947
|
+
display: flex;
|
|
948
|
+
justify-content: flex-start;
|
|
949
|
+
margin: 0;
|
|
950
|
+
|
|
951
|
+
span:last-child {
|
|
952
|
+
visibility: hidden;
|
|
953
|
+
}
|
|
954
|
+
}
|
|
955
|
+
}
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
.rmdp-week-day {
|
|
959
|
+
width: 56px;
|
|
960
|
+
height: 48px;
|
|
961
|
+
font-size: 16px !important;
|
|
962
|
+
color: ${e=>e.$theme.palette.neutral[500]};
|
|
963
|
+
}
|
|
964
|
+
|
|
965
|
+
.rmdp-day {
|
|
966
|
+
margin: 0;
|
|
967
|
+
box-sizing: border-box;
|
|
968
|
+
border: 2px solid transparent;
|
|
969
|
+
width: 56px;
|
|
970
|
+
height: 56px;
|
|
971
|
+
|
|
972
|
+
span {
|
|
973
|
+
font-size: 16px !important;
|
|
974
|
+
}
|
|
975
|
+
|
|
976
|
+
&.rmdp-deactive {
|
|
977
|
+
color: ${e=>e.$theme.palette.neutral[400]} !important;
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
&:hover span {
|
|
981
|
+
background-color: ${e=>e.$theme.palette.neutral[200]} !important;
|
|
982
|
+
color: ${e=>e.$theme.textColor};
|
|
983
|
+
}
|
|
984
|
+
&:active span {
|
|
985
|
+
background-color: ${e=>e.$theme.palette.neutral[300]} !important;
|
|
986
|
+
}
|
|
987
|
+
|
|
988
|
+
&:focus {
|
|
989
|
+
border: 2px solid ${e=>e.$theme.textColor} !important;
|
|
990
|
+
border-radius: 6px !important;
|
|
991
|
+
}
|
|
992
|
+
|
|
993
|
+
&.rmdp-selected {
|
|
994
|
+
span {
|
|
995
|
+
background-color: ${e=>e.$theme.palette.primary[600]} !important;
|
|
996
|
+
color: #fff !important;
|
|
997
|
+
}
|
|
998
|
+
&:hover {
|
|
999
|
+
span {
|
|
1000
|
+
background-color: ${e=>e.$theme.palette.primary[700]} !important;
|
|
1001
|
+
color: #fff !important;
|
|
1002
|
+
}
|
|
1003
|
+
}
|
|
1004
|
+
&:active {
|
|
1005
|
+
span {
|
|
1006
|
+
background-color: ${e=>e.$theme.palette.primary[900]} !important;
|
|
1007
|
+
color: #fff !important;
|
|
1008
|
+
}
|
|
1009
|
+
}
|
|
1010
|
+
}
|
|
1011
|
+
}
|
|
1012
|
+
.rmdp-week {
|
|
1013
|
+
.rmdp-day {
|
|
1014
|
+
&.rmdp-disabled {
|
|
1015
|
+
pointer-events: none;
|
|
1016
|
+
}
|
|
1017
|
+
}
|
|
1018
|
+
}
|
|
1019
|
+
.rmdp-today {
|
|
1020
|
+
&:hover {
|
|
1021
|
+
background-color: transparent !important;
|
|
1022
|
+
span {
|
|
1023
|
+
background-color: transparent !important;
|
|
1024
|
+
color: ${e=>e.$theme.palette.primary[600]} !important;
|
|
1025
|
+
}
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
span {
|
|
1029
|
+
box-shadow: none;
|
|
1030
|
+
background-color: transparent !important;
|
|
1031
|
+
border: 2px solid ${e=>e.$theme.palette.primary[600]} !important;
|
|
1032
|
+
color: ${e=>e.$theme.palette.primary[600]} !important;
|
|
1033
|
+
font-weight: 700 !important;
|
|
1034
|
+
|
|
1035
|
+
&:hover {
|
|
1036
|
+
background-color: ${e=>e.$theme.palette.primary[100]} !important;
|
|
1037
|
+
color: ${e=>e.$theme.palette.primary[600]} !important;
|
|
1038
|
+
}
|
|
1039
|
+
&:active {
|
|
1040
|
+
background-color: ${e=>e.$theme.palette.primary[200]} !important;
|
|
1041
|
+
color: ${e=>e.$theme.palette.primary[600]} !important;
|
|
1042
|
+
}
|
|
1043
|
+
}
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1046
|
+
.rmdp-range {
|
|
1047
|
+
box-shadow: none;
|
|
1048
|
+
position: relative;
|
|
1049
|
+
|
|
1050
|
+
background-color: transparent;
|
|
1051
|
+
color: ${e=>e.$theme.textColor} !important;
|
|
1052
|
+
|
|
1053
|
+
&:hover,
|
|
1054
|
+
&:hover span {
|
|
1055
|
+
background-color: transparent !important;
|
|
1056
|
+
}
|
|
1057
|
+
|
|
1058
|
+
&::before {
|
|
1059
|
+
background-color: ${e=>e.$theme.palette.primary[100]} !important;
|
|
1060
|
+
content: "";
|
|
1061
|
+
display: block;
|
|
1062
|
+
position: absolute;
|
|
1063
|
+
width: 108%;
|
|
1064
|
+
height: 92%;
|
|
1065
|
+
z-index: -1;
|
|
1066
|
+
top: 2px;
|
|
1067
|
+
inset-inline-end: -6px;
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
&.start {
|
|
1071
|
+
span {
|
|
1072
|
+
background-color: transparent;
|
|
1073
|
+
background-color: ${e=>e.$theme.palette.primary[600]} !important;
|
|
1074
|
+
color: #fff;
|
|
1075
|
+
}
|
|
1076
|
+
border-bottom-left-radius: unset !important;
|
|
1077
|
+
border-top-left-radius: unset !important;
|
|
1078
|
+
border-radius: 50% !important;
|
|
1079
|
+
|
|
1080
|
+
&::before {
|
|
1081
|
+
background-color: ${e=>e.$theme.palette.primary[100]} !important;
|
|
1082
|
+
border-start-start-radius: 50%;
|
|
1083
|
+
border-end-start-radius: 50%;
|
|
1084
|
+
content: "";
|
|
1085
|
+
display: block;
|
|
1086
|
+
position: absolute;
|
|
1087
|
+
width: 107%;
|
|
1088
|
+
height: 92%;
|
|
1089
|
+
z-index: -1;
|
|
1090
|
+
top: 2px;
|
|
1091
|
+
inset-inline-end: -6px;
|
|
1092
|
+
}
|
|
1093
|
+
}
|
|
1094
|
+
&.end {
|
|
1095
|
+
span {
|
|
1096
|
+
background-color: ${e=>e.$theme.palette.primary[600]} !important;
|
|
1097
|
+
color: #fff;
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
border-bottom-left-radius: unset !important;
|
|
1101
|
+
border-top-left-radius: unset !important;
|
|
1102
|
+
border-radius: 50% !important;
|
|
1103
|
+
|
|
1104
|
+
&::before {
|
|
1105
|
+
background-color: ${e=>e.$theme.palette.primary[100]} !important;
|
|
1106
|
+
border-start-end-radius: 50%;
|
|
1107
|
+
border-end-end-radius: 50%;
|
|
1108
|
+
content: "";
|
|
1109
|
+
display: block;
|
|
1110
|
+
position: absolute;
|
|
1111
|
+
width: 107%;
|
|
1112
|
+
height: 92%;
|
|
1113
|
+
z-index: -1;
|
|
1114
|
+
top: 2px;
|
|
1115
|
+
inset-inline-start: -6px;
|
|
1116
|
+
}
|
|
1117
|
+
&.start {
|
|
1118
|
+
&::before {
|
|
1119
|
+
display: none;
|
|
1120
|
+
}
|
|
1121
|
+
}
|
|
1122
|
+
}
|
|
1123
|
+
}
|
|
1124
|
+
|
|
1125
|
+
&.rangeOnlyOneSelected {
|
|
1126
|
+
.rmdp-range {
|
|
1127
|
+
&::before {
|
|
1128
|
+
display: none;
|
|
1129
|
+
}
|
|
1130
|
+
}
|
|
1131
|
+
}
|
|
1132
|
+
|
|
1133
|
+
.rmdp-shadow {
|
|
1134
|
+
${e=>e.$theme.elevation.shadows["2xl"]}
|
|
1135
|
+
}
|
|
1136
|
+
|
|
1137
|
+
.yearsSelect {
|
|
1138
|
+
position: absolute;
|
|
1139
|
+
top: 28px;
|
|
1140
|
+
left: 120px;
|
|
1141
|
+
z-index: 0;
|
|
1142
|
+
display: flex;
|
|
1143
|
+
justify-content: flex-start;
|
|
1144
|
+
|
|
1145
|
+
select {
|
|
1146
|
+
outline: none;
|
|
1147
|
+
border: none;
|
|
1148
|
+
margin-top: 6px;
|
|
1149
|
+
font-size: 16px;
|
|
1150
|
+
font-weight: 500;
|
|
1151
|
+
}
|
|
1152
|
+
}
|
|
1153
|
+
|
|
1154
|
+
.rmdp-rtl {
|
|
1155
|
+
.rmdp-header {
|
|
1156
|
+
div:first-child {
|
|
1157
|
+
.rmdp-right {
|
|
1158
|
+
background-image: url(${Zr});
|
|
1159
|
+
background-repeat: no-repeat;
|
|
1160
|
+
}
|
|
1161
|
+
.rmdp-left {
|
|
1162
|
+
background-image: url(${Wr});
|
|
1163
|
+
background-repeat: no-repeat;
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1166
|
+
}
|
|
1167
|
+
}
|
|
1168
|
+
|
|
1169
|
+
.rmdp-wrapper {
|
|
1170
|
+
position: relative;
|
|
1171
|
+
}
|
|
1172
|
+
|
|
1173
|
+
&:has(.rmdp-rtl) {
|
|
1174
|
+
.yearsSelect {
|
|
1175
|
+
left: auto;
|
|
1176
|
+
right: 110px;
|
|
1177
|
+
}
|
|
1178
|
+
}
|
|
1179
|
+
|
|
1180
|
+
.menueItemsContainer {
|
|
1181
|
+
max-height: unset;
|
|
1182
|
+
}
|
|
1183
|
+
|
|
1184
|
+
@media screen and (max-width: 600px) {
|
|
1185
|
+
width: 100%;
|
|
1186
|
+
.rmdp-wrapper {
|
|
1187
|
+
width: 100%;
|
|
1188
|
+
}
|
|
1189
|
+
.rmdp-top-class .rmdp-calendar {
|
|
1190
|
+
padding: 0;
|
|
1191
|
+
}
|
|
1192
|
+
.rmdp-top-class {
|
|
1193
|
+
width: 100%;
|
|
1194
|
+
}
|
|
1195
|
+
.rmdp-day {
|
|
1196
|
+
width: 40px;
|
|
1197
|
+
height: 40px;
|
|
1198
|
+
}
|
|
1199
|
+
.rmdp-day {
|
|
1200
|
+
span {
|
|
1201
|
+
font-size: 14px !important;
|
|
1202
|
+
}
|
|
1203
|
+
}
|
|
1204
|
+
.yearsSelect {
|
|
1205
|
+
top: 10px;
|
|
1206
|
+
}
|
|
1207
|
+
}
|
|
1208
|
+
`;const _r=e=>null==e?void 0:e.toString().padStart(2,"0"),eo=e=>`${_r(e.day)}/${_r(e.month.number)}/${e.year}`,to=()=>e.jsxs("svg",{className:"elementsIcon",width:"20",height:"22",viewBox:"0 0 20 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.9998 0.250854C14.1608 0.250854 15.903 0.250854 17.23 1.18585C17.611 1.45385 17.95 1.77385 18.24 2.13685C19.251 3.40785 19.251 5.03485 19.251 8.27385V10.8189C19.251 13.8738 19.251 15.4069 18.729 16.7229C17.895 18.8279 16.139 20.4849 13.911 21.2669C12.7097 21.6876 11.3248 21.7418 8.85332 21.7488C8.841 21.7499 8.82868 21.7509 8.81633 21.7518C8.80186 21.753 8.78781 21.7518 8.77406 21.749C8.43151 21.7499 8.0683 21.7499 7.68208 21.7499C5.80016 21.7499 4.85498 21.7499 4.01699 21.4559C2.65599 20.9779 1.582 19.9639 1.071 18.6749C0.75 17.8659 0.75 16.9689 0.75 15.1829V10.6703C0.75 10.2563 1.086 9.92028 1.5 9.92028C1.914 9.92028 2.25 10.2563 2.25 10.6703V15.1828C2.25 16.7787 2.25 17.5799 2.46499 18.1229C2.81599 19.0079 3.56301 19.7079 4.51301 20.0419C5.11001 20.2519 5.96899 20.2519 7.68096 20.2519C8.0634 20.2519 8.42207 20.2519 8.75907 20.2511C10.0619 20.1207 11.083 19.0176 11.083 17.681C11.083 17.5211 11.075 17.3488 11.0666 17.1666L11.0647 17.1261C11.0398 16.5815 11.0115 15.9649 11.165 15.389C11.388 14.557 12.043 13.902 12.875 13.679C13.4506 13.5256 14.0659 13.5537 14.6112 13.5787L14.6511 13.5805C14.8339 13.589 15.0067 13.597 15.167 13.597C16.5666 13.597 17.7102 12.4773 17.749 11.0869C17.749 10.9993 17.749 10.9104 17.749 10.82V8.27485C17.749 5.38385 17.749 3.93285 17.064 3.07185C16.864 2.82085 16.629 2.59885 16.364 2.41385C15.465 1.78085 13.9868 1.75286 10.9978 1.75286C10.5838 1.75286 10.2478 1.41686 10.2478 1.00286C10.2478 0.588855 10.5838 0.252855 10.9978 0.252855L10.9998 0.250854ZM17.6944 14.2184C16.9986 14.7683 16.1204 15.097 15.167 15.097C14.9762 15.097 14.7811 15.0883 14.5905 15.0799C14.5763 15.0792 14.5621 15.0786 14.548 15.078L14.5321 15.0772C14.0781 15.0565 13.6109 15.0351 13.263 15.129C12.948 15.213 12.699 15.462 12.615 15.777C12.5212 16.1291 12.5429 16.6017 12.5638 17.0587L12.564 17.062C12.574 17.266 12.583 17.476 12.583 17.681C12.583 18.617 12.2663 19.4805 11.7344 20.17C12.4126 20.1131 12.9462 20.0165 13.413 19.8529C15.23 19.2149 16.659 17.8729 17.333 16.1719C17.5375 15.6556 17.6415 15.0456 17.6944 14.2184Z",fill:"#161616"}),e.jsx("path",{d:"M3.58933 3.36016C3.39711 3.60489 3.19487 3.86201 3.03781 4.0236C2.74911 4.32062 2.27428 4.32737 1.97726 4.03867C1.68023 3.74996 1.67349 3.27514 1.96219 2.97811C2.05089 2.88685 2.19651 2.70504 2.40971 2.43362L2.45675 2.37369C2.64683 2.13155 2.8698 1.84749 3.09954 1.57636C3.34574 1.28581 3.62131 0.984013 3.89679 0.749391C4.03484 0.631816 4.19043 0.515847 4.35782 0.426268C4.51926 0.339874 4.74172 0.250854 5 0.250854C5.25829 0.250854 5.48074 0.339874 5.64218 0.426268C5.80957 0.515847 5.96517 0.631816 6.10321 0.749391C6.37869 0.984012 6.65426 1.28581 6.90047 1.57636C7.1302 1.84748 7.35317 2.13154 7.54324 2.37368L7.59029 2.43362C7.80349 2.70504 7.94911 2.88685 8.03781 2.97811C8.32651 3.27514 8.31977 3.74996 8.02274 4.03867C7.72572 4.32737 7.25089 4.32062 6.96219 4.0236C6.80513 3.86201 6.6029 3.60489 6.41067 3.36016L6.36595 3.30321C6.17304 3.05748 5.96675 2.79471 5.75606 2.54607L5.75 2.53893V9.00085C5.75 9.41507 5.41421 9.75085 5 9.75085C4.58579 9.75085 4.25 9.41507 4.25 9.00085V2.53893L4.24394 2.54607C4.03326 2.7947 3.82698 3.05746 3.63408 3.30318L3.58933 3.36016Z",fill:"#161616"})]});const ro=({status:t,filename:r,helperText:o,onDelete:n,theme:i})=>e.jsxs(oo,{className:"dgaui dgaui_fileCard "+("error"===t?"error":""),$theme:i,children:[e.jsxs("div",{className:"dgaui_fileCardContent",children:[e.jsxs("div",{className:"dgaui_fileCardFileName",children:["loading"===t&&e.jsx("span",{className:"dgaui_loader dgaui_fileCardIcon"}),"success"===t&&e.jsx("img",{className:"dgaui_fileCardIcon",src:"data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 19.1667C15.0628 19.1667 19.1668 15.0626 19.1668 10C19.1668 4.93743 15.0628 0.833374 10.0002 0.833374C4.93755 0.833374 0.833496 4.93743 0.833496 10C0.833496 15.0626 4.93755 19.1667 10.0002 19.1667Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 19.1667C15.0628 19.1667 19.1668 15.0626 19.1668 10C19.1668 4.93743 15.0628 0.833374 10.0002 0.833374C4.93755 0.833374 0.833496 4.93743 0.833496 10C0.833496 15.0626 4.93755 19.1667 10.0002 19.1667ZM5.87534 9.26781C5.54991 9.59324 5.54991 10.1209 5.87534 10.4463L8.23237 12.8033C8.5578 13.1288 9.08544 13.1288 9.41088 12.8033L14.1249 8.0893C14.4504 7.76386 14.4504 7.23622 14.1249 6.91078C13.7995 6.58535 13.2718 6.58535 12.9464 6.91078L8.82162 11.0356L7.05385 9.26781C6.72842 8.94237 6.20078 8.94237 5.87534 9.26781Z' fill='%23067647'/%3e%3c/svg%3e"}),"error"===t&&e.jsx("img",{className:"dgaui_fileCardIcon",src:"data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 19.1666C15.0628 19.1666 19.1668 15.0626 19.1668 9.99998C19.1668 4.93737 15.0628 0.833313 10.0002 0.833313C4.93755 0.833313 0.833496 4.93737 0.833496 9.99998C0.833496 15.0626 4.93755 19.1666 10.0002 19.1666Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 19.1666C15.0628 19.1666 19.1668 15.0626 19.1668 9.99998C19.1668 4.93737 15.0628 0.833313 10.0002 0.833313C4.93755 0.833313 0.833496 4.93737 0.833496 9.99998C0.833496 15.0626 4.93755 19.1666 10.0002 19.1666ZM10.0002 5.83331C9.53992 5.83331 9.16683 6.20641 9.16683 6.66665V9.99998C9.16683 10.4602 9.53992 10.8333 10.0002 10.8333C10.4604 10.8333 10.8335 10.4602 10.8335 9.99998V6.66665C10.8335 6.20641 10.4604 5.83331 10.0002 5.83331ZM10.0002 12.5C9.53992 12.5 9.16683 12.8731 9.16683 13.3333C9.16683 13.7935 9.53992 14.1666 10.0002 14.1666C10.4604 14.1666 10.8335 13.7935 10.8335 13.3333C10.8335 12.8731 10.4604 12.5 10.0002 12.5Z' fill='%23B42318'/%3e%3c/svg%3e"}),r]}),e.jsx("img",{src:ar,className:"dgaui_fileCardCloseIcon",onClick:()=>n()})]}),"error"===t&&o&&e.jsx("div",{className:"dgaui_fileCardContentError",children:o})]}),oo=er.div`
|
|
1209
|
+
direction: ${e=>e.$theme.direction};
|
|
1210
|
+
margin-top: 8px;
|
|
1211
|
+
margin-bottom: 8px;
|
|
1212
|
+
border-radius: 4px;
|
|
1213
|
+
border: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
1214
|
+
height: 36px;
|
|
1215
|
+
width: 100%;
|
|
1216
|
+
background-color: ${e=>e.$theme.palette.neutral[100]};
|
|
1217
|
+
box-sizing: border-box;
|
|
1218
|
+
font-weight: 500;
|
|
1219
|
+
|
|
1220
|
+
.dgaui_fileCardContent {
|
|
1221
|
+
display: flex;
|
|
1222
|
+
align-items: center;
|
|
1223
|
+
justify-content: space-between;
|
|
1224
|
+
padding: 8px;
|
|
1225
|
+
|
|
1226
|
+
.dgaui_loader {
|
|
1227
|
+
border: 2px solid ${e=>e.$theme.textColor};
|
|
1228
|
+
border-bottom-color: transparent;
|
|
1229
|
+
border-radius: 50%;
|
|
1230
|
+
display: inline-block;
|
|
1231
|
+
box-sizing: border-box;
|
|
1232
|
+
animation: rotation 1s linear infinite;
|
|
1233
|
+
}
|
|
1234
|
+
|
|
1235
|
+
@keyframes rotation {
|
|
1236
|
+
0% {
|
|
1237
|
+
transform: rotate(0deg);
|
|
1238
|
+
}
|
|
1239
|
+
100% {
|
|
1240
|
+
transform: rotate(360deg);
|
|
1241
|
+
}
|
|
1242
|
+
}
|
|
1243
|
+
|
|
1244
|
+
.dgaui_fileCardFileName {
|
|
1245
|
+
display: flex;
|
|
1246
|
+
align-items: center;
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
.dgaui_fileCardCloseIcon {
|
|
1250
|
+
cursor: pointer;
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1253
|
+
.dgaui_fileCardIcon {
|
|
1254
|
+
margin-inline-end: 8px;
|
|
1255
|
+
width: 20px;
|
|
1256
|
+
height: 20px;
|
|
1257
|
+
}
|
|
1258
|
+
}
|
|
1259
|
+
|
|
1260
|
+
&.error {
|
|
1261
|
+
border: 1px solid ${e=>e.$theme.palette.error[700]};
|
|
1262
|
+
height: auto;
|
|
1263
|
+
min-height: 36px;
|
|
1264
|
+
|
|
1265
|
+
.dgaui_fileCardContentError {
|
|
1266
|
+
color: #ce281c;
|
|
1267
|
+
border-top: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
1268
|
+
font-weight: 400;
|
|
1269
|
+
padding: 8px;
|
|
1270
|
+
}
|
|
1271
|
+
}
|
|
1272
|
+
`,no=er.div`
|
|
1273
|
+
direction: ${e=>e.$theme.direction};
|
|
1274
|
+
height: 220px;
|
|
1275
|
+
width: 100%;
|
|
1276
|
+
display: flex;
|
|
1277
|
+
flex-direction: column;
|
|
1278
|
+
align-items: center;
|
|
1279
|
+
justify-content: space-around;
|
|
1280
|
+
padding: 24px;
|
|
1281
|
+
background-color: ${e=>e.$theme.palette.neutral[100]};
|
|
1282
|
+
/* https://kovart.github.io/dashed-border-generator */
|
|
1283
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='4' ry='4' stroke='rgb(210,214,219)' stroke-width='2' stroke-dasharray='10%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
1284
|
+
border-radius: 4px;
|
|
1285
|
+
cursor: pointer;
|
|
1286
|
+
box-sizing: border-box;
|
|
1287
|
+
|
|
1288
|
+
input {
|
|
1289
|
+
flex: 0;
|
|
1290
|
+
opacity: 0;
|
|
1291
|
+
width: 0;
|
|
1292
|
+
height: 0;
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1295
|
+
.elementsImage {
|
|
1296
|
+
width: 24px;
|
|
1297
|
+
}
|
|
1298
|
+
.title {
|
|
1299
|
+
font-size: 16px;
|
|
1300
|
+
font-weight: 500;
|
|
1301
|
+
}
|
|
1302
|
+
.helperText {
|
|
1303
|
+
font-size: 12px;
|
|
1304
|
+
text-align: center;
|
|
1305
|
+
line-height: 20px;
|
|
1306
|
+
}
|
|
1307
|
+
.uploadText {
|
|
1308
|
+
color: ${e=>e.$theme.palette.neutral[800]};
|
|
1309
|
+
}
|
|
1310
|
+
|
|
1311
|
+
&:hover,
|
|
1312
|
+
&.hovered {
|
|
1313
|
+
background-color: ${e=>e.$theme.palette.success[25]};
|
|
1314
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='4' ry='4' stroke='rgb(6,118,71)' stroke-width='2' stroke-dasharray='10%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
1315
|
+
color: ${e=>e.$theme.palette.success[700]};
|
|
1316
|
+
|
|
1317
|
+
.elementsIcon path {
|
|
1318
|
+
fill: ${e=>e.$theme.palette.success[700]};
|
|
1319
|
+
}
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
&:has(input:disabled) {
|
|
1323
|
+
pointer-events: none;
|
|
1324
|
+
color: ${e=>e.$theme.palette.neutral[400]};
|
|
1325
|
+
.elementsIcon path {
|
|
1326
|
+
fill: ${e=>e.$theme.palette.neutral[400]};
|
|
1327
|
+
}
|
|
1328
|
+
}
|
|
1329
|
+
`;var io="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgB7ZJBDoIwEEU7VfccwSt4A69giCslLAyu5QTgCeheQxOpK1OJJ8AjeB+lY6sxJg2I0SW8pJt25s1PM4R0tBDOc+efOmpflH0Vp0IWpAEcYLHNJGsU9m6UIcKQizypk/F9HiES56pr7TeoathkhzGFnk6J4WLuMlumEOMSYLScTS6NCQ2BNz0rhaGel6Ti6L/uU3HyjUzpQVWy2oTvpDKmAJFJSoGiljF91oHnxnU9H4UP6U6unlJCFGiZ9QU/YVbk23XqaAN3EK5V48n9BCMAAAAASUVORK5CYII=";const ao={medium:{w:320,h:32,p:16,f:14},large:{w:320,h:40,p:16,f:16}},lo=er.div`
|
|
1330
|
+
direction: ${e=>e.$theme.direction};
|
|
1331
|
+
display: flex;
|
|
1332
|
+
flex-direction: column;
|
|
1333
|
+
color: ${e=>e.$theme.textColor};
|
|
1334
|
+
width: 100%;
|
|
1335
|
+
cursor: pointer;
|
|
1336
|
+
|
|
1337
|
+
label {
|
|
1338
|
+
text-align: start;
|
|
1339
|
+
margin-bottom: 8px;
|
|
1340
|
+
&.disabled {
|
|
1341
|
+
color: #9da4ae;
|
|
1342
|
+
}
|
|
1343
|
+
&.readonly {
|
|
1344
|
+
color: ${e=>e.$theme.palette.neutral[600]};
|
|
1345
|
+
}
|
|
1346
|
+
}
|
|
1347
|
+
|
|
1348
|
+
.dgaui_dropdownItems {
|
|
1349
|
+
position: absolute;
|
|
1350
|
+
top: 35px;
|
|
1351
|
+
left: 0;
|
|
1352
|
+
z-index: 1400;
|
|
1353
|
+
background-color: #fff;
|
|
1354
|
+
width: 100%;
|
|
1355
|
+
opacity: 0;
|
|
1356
|
+
max-height: 300px;
|
|
1357
|
+
overflow-y: scroll;
|
|
1358
|
+
pointer-events: none;
|
|
1359
|
+
border: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
1360
|
+
border-radius: 4px;
|
|
1361
|
+
padding: 8px;
|
|
1362
|
+
box-sizing: border-box;
|
|
1363
|
+
${e=>e.$theme.elevation.shadows.xl}
|
|
1364
|
+
cursor: pointer;
|
|
1365
|
+
|
|
1366
|
+
&.slide-bottom {
|
|
1367
|
+
animation: slide-bottom 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
1368
|
+
pointer-events: all;
|
|
1369
|
+
}
|
|
1370
|
+
@keyframes slide-bottom {
|
|
1371
|
+
0% {
|
|
1372
|
+
transform: translateZ(0) translateY(0);
|
|
1373
|
+
opacity: 0;
|
|
1374
|
+
}
|
|
1375
|
+
100% {
|
|
1376
|
+
transform: translateZ(160px) translateY(8px);
|
|
1377
|
+
opacity: 1;
|
|
1378
|
+
}
|
|
1379
|
+
}
|
|
1380
|
+
}
|
|
1381
|
+
|
|
1382
|
+
&:has(.dgaui_dropdownSeparator.open) {
|
|
1383
|
+
.dgaui_dropdownContainer:before {
|
|
1384
|
+
top: 20%;
|
|
1385
|
+
transform: rotateZ(180deg);
|
|
1386
|
+
}
|
|
1387
|
+
}
|
|
1388
|
+
&:has(.dgaui_dropdownContainer:active) {
|
|
1389
|
+
.dgaui_dropdownSeparator {
|
|
1390
|
+
transform: scaleX(0.5) translateY(-2.5px);
|
|
1391
|
+
}
|
|
1392
|
+
}
|
|
1393
|
+
&:has(.dgaui_dropdownContainer:disabled) {
|
|
1394
|
+
.dgaui_dropdownSeparator {
|
|
1395
|
+
opacity: 0;
|
|
1396
|
+
}
|
|
1397
|
+
}
|
|
1398
|
+
|
|
1399
|
+
.dgaui_checkboxContainer {
|
|
1400
|
+
pointer-events: none;
|
|
1401
|
+
}
|
|
1402
|
+
`,so=er.div`
|
|
1403
|
+
box-sizing: border-box;
|
|
1404
|
+
outline: none;
|
|
1405
|
+
direction: ${e=>e.$customStyle.direction};
|
|
1406
|
+
border-radius: 4px;
|
|
1407
|
+
width: 100%;
|
|
1408
|
+
height: ${e=>e.$customStyle.height}px;
|
|
1409
|
+
font-size: ${e=>e.$customStyle.fontSize}px;
|
|
1410
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
1411
|
+
border: ${e=>e.$customStyle.border};
|
|
1412
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
1413
|
+
padding: 0 ${e=>e.$customStyle.padding}px;
|
|
1414
|
+
position: relative;
|
|
1415
|
+
appearance: none;
|
|
1416
|
+
-webkit-appearance: none;
|
|
1417
|
+
-moz-appearance: none;
|
|
1418
|
+
&:-ms-expand {
|
|
1419
|
+
display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
|
|
1420
|
+
}
|
|
1421
|
+
|
|
1422
|
+
input {
|
|
1423
|
+
opacity: 0;
|
|
1424
|
+
width: 100%;
|
|
1425
|
+
height: 100%;
|
|
1426
|
+
cursor: pointer;
|
|
1427
|
+
position: absolute;
|
|
1428
|
+
top: 0;
|
|
1429
|
+
left: 0;
|
|
1430
|
+
}
|
|
1431
|
+
|
|
1432
|
+
.valueDisplay {
|
|
1433
|
+
height: 100%;
|
|
1434
|
+
display: inline-block;
|
|
1435
|
+
white-space: nowrap;
|
|
1436
|
+
overflow: hidden;
|
|
1437
|
+
width: 80%;
|
|
1438
|
+
text-overflow: ellipsis;
|
|
1439
|
+
|
|
1440
|
+
/* vertical middle align */
|
|
1441
|
+
line-height: ${e=>e.$customStyle.height}px;
|
|
1442
|
+
}
|
|
1443
|
+
|
|
1444
|
+
.placeholder {
|
|
1445
|
+
height: 100%;
|
|
1446
|
+
width: 100%;
|
|
1447
|
+
display: flex;
|
|
1448
|
+
align-items: center;
|
|
1449
|
+
color: ${e=>e.$customStyle.theme.palette.neutral[400]};
|
|
1450
|
+
font-size: 16px;
|
|
1451
|
+
}
|
|
1452
|
+
|
|
1453
|
+
&:before {
|
|
1454
|
+
content: url(${or});
|
|
1455
|
+
display: block;
|
|
1456
|
+
top: 30%;
|
|
1457
|
+
inset-inline-end: 8px;
|
|
1458
|
+
position: absolute;
|
|
1459
|
+
transition: all 0.1s;
|
|
1460
|
+
width: 20px;
|
|
1461
|
+
height: 20px;
|
|
1462
|
+
}
|
|
1463
|
+
|
|
1464
|
+
&:focus-within {
|
|
1465
|
+
${e=>e.$customStyle.shadowFocus};
|
|
1466
|
+
border: ${e=>e.$customStyle.borderFocused};
|
|
1467
|
+
}
|
|
1468
|
+
|
|
1469
|
+
&:hover {
|
|
1470
|
+
border: ${e=>e.$customStyle.borderHovered};
|
|
1471
|
+
}
|
|
1472
|
+
&.disabled {
|
|
1473
|
+
pointer-events: none;
|
|
1474
|
+
&:before {
|
|
1475
|
+
content: url(${io});
|
|
1476
|
+
}
|
|
1477
|
+
}
|
|
1478
|
+
&.readonly {
|
|
1479
|
+
pointer-events: none;
|
|
1480
|
+
&:before {
|
|
1481
|
+
content: url(${io});
|
|
1482
|
+
}
|
|
1483
|
+
}
|
|
1484
|
+
`,co=er.span`
|
|
1485
|
+
height: 2px;
|
|
1486
|
+
background: ${e=>e.$bgColor};
|
|
1487
|
+
display: block;
|
|
1488
|
+
transform: scaleX(0) translateY(-2.5px);
|
|
1489
|
+
transform-origin: 50%;
|
|
1490
|
+
transition: all 0.2s;
|
|
1491
|
+
border-bottom-left-radius: 50px;
|
|
1492
|
+
border-bottom-right-radius: 50px;
|
|
1493
|
+
z-index: 1;
|
|
1494
|
+
|
|
1495
|
+
&.open {
|
|
1496
|
+
transform: scaleX(0.995) translateY(-2.5px);
|
|
1497
|
+
}
|
|
1498
|
+
`,po=er.div`
|
|
1499
|
+
direction: ${e=>e.$theme.direction};
|
|
1500
|
+
width: 100%;
|
|
1501
|
+
display: flex;
|
|
1502
|
+
flex-direction: column;
|
|
1503
|
+
align-items: flex-start;
|
|
1504
|
+
|
|
1505
|
+
input {
|
|
1506
|
+
flex: 0;
|
|
1507
|
+
opacity: 0;
|
|
1508
|
+
width: 0;
|
|
1509
|
+
height: 0;
|
|
1510
|
+
}
|
|
1511
|
+
|
|
1512
|
+
.title {
|
|
1513
|
+
font-size: 16px;
|
|
1514
|
+
font-weight: 500;
|
|
1515
|
+
margin-bottom: 16px;
|
|
1516
|
+
}
|
|
1517
|
+
.helperText {
|
|
1518
|
+
font-size: 12px;
|
|
1519
|
+
text-align: center;
|
|
1520
|
+
line-height: 20px;
|
|
1521
|
+
margin-bottom: 16px;
|
|
1522
|
+
color: #64748b;
|
|
1523
|
+
}
|
|
1524
|
+
|
|
1525
|
+
&:has(input:disabled) {
|
|
1526
|
+
pointer-events: none;
|
|
1527
|
+
color: ${e=>e.$theme.palette.neutral[400]};
|
|
1528
|
+
}
|
|
1529
|
+
`,uo=(e=768,r=1024)=>{const[o,n]=t.useState({isMobile:!1,isTablet:!1,isDesktop:!0});return t.useEffect((()=>{const t=()=>n({isMobile:window.innerWidth<=e,isTablet:window.innerWidth>e&&window.innerWidth<=r,isDesktop:window.innerWidth>r});return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}),[]),o},go=er.div`
|
|
1530
|
+
direction: ${e=>e.$theme.direction};
|
|
1531
|
+
display: grid;
|
|
1532
|
+
grid-template-columns: repeat(12, 1fr);
|
|
1533
|
+
gap: ${e=>e.$rowSpacing}px ${e=>e.$columnSpacing}px;
|
|
1534
|
+
`,ho=er.div`
|
|
1535
|
+
direction: ${e=>e.$theme.direction};
|
|
1536
|
+
grid-column: span ${e=>e.$columnSpan};
|
|
1537
|
+
`,mo=(e,r,o)=>t.Children.map(e,(e=>t.isValidElement(e)?e.type===t.Fragment?mo(e.props.children,r,o):t.cloneElement(e,{columnSpacing:r,rowSpacing:o}):e));const Ao=er.div`
|
|
1538
|
+
direction: ${e=>e.$theme.direction};
|
|
1539
|
+
width: 100%;
|
|
1540
|
+
display: flex;
|
|
1541
|
+
position: relative;
|
|
1542
|
+
padding: 16px 24px;
|
|
1543
|
+
background-color: ${({$colors:e,$isColored:t})=>t?e.bg:"#fff"};
|
|
1544
|
+
border-radius: 8px;
|
|
1545
|
+
border: 1px solid
|
|
1546
|
+
${({$colors:e,$isColored:t,$theme:r})=>t?e.border:r.palette.neutral[300]};
|
|
1547
|
+
|
|
1548
|
+
box-sizing: border-box;
|
|
1549
|
+
overflow: hidden;
|
|
1550
|
+
|
|
1551
|
+
&::before {
|
|
1552
|
+
content: "";
|
|
1553
|
+
display: block;
|
|
1554
|
+
width: 8px;
|
|
1555
|
+
height: 100%;
|
|
1556
|
+
position: absolute;
|
|
1557
|
+
inset-inline-start: 0;
|
|
1558
|
+
top: 0;
|
|
1559
|
+
background-color: ${e=>e.$colors.vLine};
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1562
|
+
.icon {
|
|
1563
|
+
min-width: 40px;
|
|
1564
|
+
height: 40px;
|
|
1565
|
+
background-image: url(${e=>e.$colors.icon});
|
|
1566
|
+
background-repeat: no-repeat;
|
|
1567
|
+
background-size: contain;
|
|
1568
|
+
margin-inline-end: 12px;
|
|
1569
|
+
}
|
|
1570
|
+
.content {
|
|
1571
|
+
width: 100%;
|
|
1572
|
+
|
|
1573
|
+
.leadText {
|
|
1574
|
+
font-size: 16px;
|
|
1575
|
+
font-weight: 600;
|
|
1576
|
+
min-height: 40px;
|
|
1577
|
+
display: flex;
|
|
1578
|
+
align-items: center;
|
|
1579
|
+
color: ${({$colors:e,$isColored:t,$theme:r})=>t?e.font:r.palette.neutral[800]};
|
|
1580
|
+
}
|
|
1581
|
+
.helpText {
|
|
1582
|
+
font-size: 14px;
|
|
1583
|
+
color: ${e=>e.$theme.palette.neutral[700]};
|
|
1584
|
+
margin-top: 8px;
|
|
1585
|
+
}
|
|
1586
|
+
.actions {
|
|
1587
|
+
margin-top: 16px;
|
|
1588
|
+
|
|
1589
|
+
button {
|
|
1590
|
+
margin-inline-end: 8px;
|
|
1591
|
+
}
|
|
1592
|
+
}
|
|
1593
|
+
}
|
|
1594
|
+
.close {
|
|
1595
|
+
margin-inline-start: 12px;
|
|
1596
|
+
cursor: pointer;
|
|
1597
|
+
background-image: url(${ar});
|
|
1598
|
+
background-repeat: no-repeat;
|
|
1599
|
+
min-width: 20px;
|
|
1600
|
+
height: 20px;
|
|
1601
|
+
margin-top: 10px;
|
|
1602
|
+
&:hover {
|
|
1603
|
+
transform: scale(1.1);
|
|
1604
|
+
}
|
|
1605
|
+
}
|
|
1606
|
+
|
|
1607
|
+
&.mobile {
|
|
1608
|
+
flex-direction: column;
|
|
1609
|
+
|
|
1610
|
+
&::before {
|
|
1611
|
+
width: 100%;
|
|
1612
|
+
height: 8px;
|
|
1613
|
+
position: absolute;
|
|
1614
|
+
top: 0;
|
|
1615
|
+
}
|
|
1616
|
+
.icon {
|
|
1617
|
+
margin-bottom: 16px;
|
|
1618
|
+
}
|
|
1619
|
+
.content {
|
|
1620
|
+
.title {
|
|
1621
|
+
margin-inline-end: 16px;
|
|
1622
|
+
}
|
|
1623
|
+
.actionButtons {
|
|
1624
|
+
display: flex;
|
|
1625
|
+
flex-direction: column;
|
|
1626
|
+
|
|
1627
|
+
button {
|
|
1628
|
+
margin-inline-end: 0;
|
|
1629
|
+
margin-bottom: 8px;
|
|
1630
|
+
|
|
1631
|
+
&:last-child {
|
|
1632
|
+
margin-bottom: 0;
|
|
1633
|
+
}
|
|
1634
|
+
}
|
|
1635
|
+
}
|
|
1636
|
+
}
|
|
1637
|
+
.close {
|
|
1638
|
+
margin-inline-start: 0;
|
|
1639
|
+
position: absolute;
|
|
1640
|
+
inset-inline-end: 16px;
|
|
1641
|
+
top: 16px;
|
|
1642
|
+
}
|
|
1643
|
+
}
|
|
1644
|
+
|
|
1645
|
+
&.minimal {
|
|
1646
|
+
padding: 16px 24px;
|
|
1647
|
+
|
|
1648
|
+
&.mobile {
|
|
1649
|
+
padding-top: 14px;
|
|
1650
|
+
flex-direction: row;
|
|
1651
|
+
align-items: center;
|
|
1652
|
+
|
|
1653
|
+
.icon {
|
|
1654
|
+
margin-bottom: 0;
|
|
1655
|
+
}
|
|
1656
|
+
.close {
|
|
1657
|
+
position: initial;
|
|
1658
|
+
margin-top: 0;
|
|
1659
|
+
margin-inline-start: 16px;
|
|
1660
|
+
}
|
|
1661
|
+
}
|
|
1662
|
+
}
|
|
1663
|
+
`,fo={medium:{f:16,lh:24},small:{f:14,lh:20}},xo=er.a`
|
|
1664
|
+
font-size: ${e=>e.$fontSize}px;
|
|
1665
|
+
line-height: ${e=>e.$lineHeight}px;
|
|
1666
|
+
color: ${e=>e.$disabled?e.$style.disabled:e.$style.default};
|
|
1667
|
+
text-decoration: ${e=>e.$inline?"underline":"none"};
|
|
1668
|
+
text-underline-offset: 2px;
|
|
1669
|
+
transition: color 0.2s;
|
|
1670
|
+
cursor: ${e=>e.$disabled?"default":"pointer"};
|
|
1671
|
+
${e=>e.$disabled?"pointer-events: none;":""}
|
|
1672
|
+
outline: none;
|
|
1673
|
+
box-sizing: border-box;
|
|
1674
|
+
|
|
1675
|
+
&:visited {
|
|
1676
|
+
color: ${e=>e.$disabled?e.$style.disabled:e.$style.visited};
|
|
1677
|
+
}
|
|
1678
|
+
&:focus {
|
|
1679
|
+
color: ${e=>e.$disabled?e.$style.disabled:e.$style.default};
|
|
1680
|
+
border: 2px solid
|
|
1681
|
+
${e=>e.$disabled?"transparent":e.$theme.textColor};
|
|
1682
|
+
}
|
|
1683
|
+
&:active {
|
|
1684
|
+
color: ${e=>e.$disabled?e.$style.disabled:e.$style.active};
|
|
1685
|
+
}
|
|
1686
|
+
&:hover {
|
|
1687
|
+
color: ${e=>e.$disabled?e.$style.disabled:e.$style.hovered};
|
|
1688
|
+
}
|
|
1689
|
+
`,bo=er.ul`
|
|
1690
|
+
${e=>yo(e)};
|
|
1691
|
+
`,vo=er.ol`
|
|
1692
|
+
${e=>yo(e)};
|
|
1693
|
+
`,yo=e=>Zt`
|
|
1694
|
+
direction: ${e.$theme.direction};
|
|
1695
|
+
color: ${e.$colors.text};
|
|
1696
|
+
font-size: 16px;
|
|
1697
|
+
padding-inline-start: ${1===e.$level?0:""};
|
|
1698
|
+
|
|
1699
|
+
${e.$listStyleType?"list-style-type: "+e.$listStyleType:""};
|
|
1700
|
+
${"with-icon"===e.$listStyleType&&e.$iconUrl?Zt`
|
|
1701
|
+
li {
|
|
1702
|
+
display: flex;
|
|
1703
|
+
align-items: center;
|
|
1704
|
+
position: relative;
|
|
1705
|
+
|
|
1706
|
+
&::before {
|
|
1707
|
+
content: url(${e.$iconUrl});
|
|
1708
|
+
height: 16px;
|
|
1709
|
+
width: 16px;
|
|
1710
|
+
position: absolute;
|
|
1711
|
+
top: 2px;
|
|
1712
|
+
inset-inline-start: -24px;
|
|
1713
|
+
}
|
|
1714
|
+
&::marker {
|
|
1715
|
+
content: "";
|
|
1716
|
+
}
|
|
1717
|
+
img {
|
|
1718
|
+
}
|
|
1719
|
+
}
|
|
1720
|
+
`:""};
|
|
1721
|
+
`,Co=(e,t)=>{const r=+t;switch(e){case"ordered-list":return 1===r?"1":"";case"unordered-list":return 1===r?'"- "':2===r?"disc":"";default:return"with-icon"}},wo={xxSmall:{wh:20,b:2},xSmall:{wh:24,b:2},small:{wh:28,b:2},medium:{wh:32,b:3},large:{wh:36,b:3},xLarge:{wh:40,b:3},xxLarge:{wh:44,b:4}},$o=er.div`
|
|
1722
|
+
width: ${e=>e.$customStyle.size.wh}px;
|
|
1723
|
+
height: ${e=>e.$customStyle.size.wh}px;
|
|
1724
|
+
border: ${e=>e.$customStyle.size.b}px solid
|
|
1725
|
+
${e=>"on-color"===e.$style?jr:e.$theme.palette.neutral[100]};
|
|
1726
|
+
border-bottom-color: ${e=>e.$customStyle.color};
|
|
1727
|
+
border-radius: 50%;
|
|
1728
|
+
display: inline-block;
|
|
1729
|
+
box-sizing: border-box;
|
|
1730
|
+
animation: rotation 1s linear infinite;
|
|
1731
|
+
|
|
1732
|
+
@keyframes rotation {
|
|
1733
|
+
0% {
|
|
1734
|
+
transform: rotate(0deg);
|
|
1735
|
+
}
|
|
1736
|
+
100% {
|
|
1737
|
+
transform: rotate(360deg);
|
|
1738
|
+
}
|
|
1739
|
+
}
|
|
1740
|
+
`,ko=t=>{var{icon:r,trailIcon:o,children:n,disabled:i}=t,a=u(t,["icon","trailIcon","children","disabled"]);const s=c();return e.jsxs(So,Object.assign({$theme:s},a,{className:l("dgaui dgaui_menuItem"+(i?" disabled":""),a.className),tabIndex:0,children:[e.jsxs("div",{className:"itemContent",children:[r&&e.jsx("div",{className:"icon",children:r}),e.jsx("div",{className:"content",children:n})]}),o&&e.jsx("div",{className:"trailIcon",children:o})]}))},So=er.div`
|
|
1741
|
+
direction: ${e=>e.$theme.direction};
|
|
1742
|
+
min-width: 225px;
|
|
1743
|
+
height: 40px;
|
|
1744
|
+
padding: 8px;
|
|
1745
|
+
display: flex;
|
|
1746
|
+
align-items: center;
|
|
1747
|
+
transition: all 0.2s;
|
|
1748
|
+
border-radius: 4px;
|
|
1749
|
+
border: 2px solid transparent;
|
|
1750
|
+
|
|
1751
|
+
.itemContent {
|
|
1752
|
+
flex: 1;
|
|
1753
|
+
display: flex;
|
|
1754
|
+
align-items: center;
|
|
1755
|
+
|
|
1756
|
+
.icon {
|
|
1757
|
+
margin-inline-end: 8px;
|
|
1758
|
+
display: flex;
|
|
1759
|
+
}
|
|
1760
|
+
.content {
|
|
1761
|
+
flex: 1;
|
|
1762
|
+
color: ${e=>e.$theme.textColor};
|
|
1763
|
+
font-size: 16px;
|
|
1764
|
+
}
|
|
1765
|
+
}
|
|
1766
|
+
|
|
1767
|
+
.trailIcon {
|
|
1768
|
+
margin-inline-start: 8px;
|
|
1769
|
+
}
|
|
1770
|
+
|
|
1771
|
+
&:hover {
|
|
1772
|
+
background: ${e=>e.$theme.palette.neutral[100]};
|
|
1773
|
+
}
|
|
1774
|
+
&:active {
|
|
1775
|
+
background: ${e=>e.$theme.palette.neutral[200]};
|
|
1776
|
+
}
|
|
1777
|
+
&:focus {
|
|
1778
|
+
border: 2px solid ${e=>e.$theme.textColor};
|
|
1779
|
+
}
|
|
1780
|
+
&.disabled {
|
|
1781
|
+
pointer-events: none;
|
|
1782
|
+
filter: grayscale(1);
|
|
1783
|
+
.itemContent {
|
|
1784
|
+
.content {
|
|
1785
|
+
color: ${e=>e.$theme.palette.neutral[400]};
|
|
1786
|
+
}
|
|
1787
|
+
}
|
|
1788
|
+
}
|
|
1789
|
+
`,Bo=er.div`
|
|
1790
|
+
direction: ${e=>e.$theme.direction};
|
|
1791
|
+
border-bottom: 1px solid #cbd5e1;
|
|
1792
|
+
padding-bottom: 8px;
|
|
1793
|
+
margin-bottom: 8px;
|
|
1794
|
+
|
|
1795
|
+
&:last-child {
|
|
1796
|
+
border-bottom: none;
|
|
1797
|
+
}
|
|
1798
|
+
|
|
1799
|
+
.groupTitle {
|
|
1800
|
+
font-size: 12px;
|
|
1801
|
+
font-weight: 700;
|
|
1802
|
+
color: ${e=>e.$theme.palette.neutral[800]};
|
|
1803
|
+
margin-bottom: 12px;
|
|
1804
|
+
padding: 8px;
|
|
1805
|
+
padding-bottom: 0;
|
|
1806
|
+
}
|
|
1807
|
+
`,jo=er.div`
|
|
1808
|
+
position: fixed;
|
|
1809
|
+
z-index: 2401;
|
|
1810
|
+
opacity: 0;
|
|
1811
|
+
animation: opacity 0.225s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1812
|
+
display: flex;
|
|
1813
|
+
justify-content: center;
|
|
1814
|
+
align-items: center;
|
|
1815
|
+
align-self: center;
|
|
1816
|
+
justify-self: center;
|
|
1817
|
+
inset: 0;
|
|
1818
|
+
|
|
1819
|
+
&.dgaui_modal {
|
|
1820
|
+
opacity: 1;
|
|
1821
|
+
}
|
|
1822
|
+
|
|
1823
|
+
@keyframes opacity {
|
|
1824
|
+
0% {
|
|
1825
|
+
opacity: 0;
|
|
1826
|
+
}
|
|
1827
|
+
|
|
1828
|
+
100% {
|
|
1829
|
+
opacity: 1;
|
|
1830
|
+
}
|
|
1831
|
+
}
|
|
1832
|
+
|
|
1833
|
+
.dgaui_modalContent {
|
|
1834
|
+
height: fit-content;
|
|
1835
|
+
direction: ${e=>e.$theme.direction};
|
|
1836
|
+
width: ${e=>"auto"===e.$size?e.$size:e.$size+"px"};
|
|
1837
|
+
padding: 8px;
|
|
1838
|
+
background-color: #fff;
|
|
1839
|
+
border-radius: 8px;
|
|
1840
|
+
${e=>e.$theme.elevation.shadows["3xl"]};
|
|
1841
|
+
position: relative;
|
|
1842
|
+
|
|
1843
|
+
.dgaui_modalClose {
|
|
1844
|
+
position: absolute;
|
|
1845
|
+
top: 20px;
|
|
1846
|
+
inset-inline-end: 20px;
|
|
1847
|
+
cursor: pointer;
|
|
1848
|
+
background-image: url(${ar});
|
|
1849
|
+
background-repeat: no-repeat;
|
|
1850
|
+
width: 20px;
|
|
1851
|
+
height: 20px;
|
|
1852
|
+
|
|
1853
|
+
&:hover {
|
|
1854
|
+
transform: scale(1.1);
|
|
1855
|
+
}
|
|
1856
|
+
}
|
|
1857
|
+
|
|
1858
|
+
.dgaui_modalHeader {
|
|
1859
|
+
display: flex;
|
|
1860
|
+
flex-direction: column;
|
|
1861
|
+
align-items: ${e=>e.$align};
|
|
1862
|
+
margin-bottom: 8px;
|
|
1863
|
+
padding: 0 16px;
|
|
1864
|
+
|
|
1865
|
+
.dgaui_modalHeaderIcon {
|
|
1866
|
+
height: 40px;
|
|
1867
|
+
margin-bottom: 8px;
|
|
1868
|
+
}
|
|
1869
|
+
.dgaui_modalHeaderTitle {
|
|
1870
|
+
font-size: 16px;
|
|
1871
|
+
font-weight: 600;
|
|
1872
|
+
min-height: 40px;
|
|
1873
|
+
display: flex;
|
|
1874
|
+
align-items: center;
|
|
1875
|
+
color: ${({$theme:e})=>e.palette.neutral[800]};
|
|
1876
|
+
}
|
|
1877
|
+
}
|
|
1878
|
+
|
|
1879
|
+
.dgaui_modalHeaderBody {
|
|
1880
|
+
padding: 16px;
|
|
1881
|
+
font-size: 14px;
|
|
1882
|
+
color: ${e=>e.$theme.palette.neutral[700]};
|
|
1883
|
+
display: flex;
|
|
1884
|
+
flex-direction: column;
|
|
1885
|
+
align-items: ${e=>e.$align};
|
|
1886
|
+
text-align: ${e=>e.$align};
|
|
1887
|
+
max-height: calc(100vh - 300px);
|
|
1888
|
+
overflow: auto;
|
|
1889
|
+
}
|
|
1890
|
+
|
|
1891
|
+
.dgaui_modalHeaderFooter {
|
|
1892
|
+
padding: 0 16px;
|
|
1893
|
+
margin-top: 8px;
|
|
1894
|
+
display: flex;
|
|
1895
|
+
justify-content: space-between;
|
|
1896
|
+
align-items: center;
|
|
1897
|
+
|
|
1898
|
+
&.onlyEnd {
|
|
1899
|
+
display: flex;
|
|
1900
|
+
justify-content: flex-end;
|
|
1901
|
+
}
|
|
1902
|
+
|
|
1903
|
+
.dgaui_modalHeaderFooterEnd {
|
|
1904
|
+
display: flex;
|
|
1905
|
+
justify-content: flex-end;
|
|
1906
|
+
}
|
|
1907
|
+
|
|
1908
|
+
button {
|
|
1909
|
+
margin-inline-end: 8px;
|
|
1910
|
+
|
|
1911
|
+
&:last-child {
|
|
1912
|
+
margin-inline-end: 0;
|
|
1913
|
+
}
|
|
1914
|
+
}
|
|
1915
|
+
}
|
|
1916
|
+
|
|
1917
|
+
&.dgaui_modalMobile {
|
|
1918
|
+
width: 320px;
|
|
1919
|
+
|
|
1920
|
+
.dgaui_modalHeaderBody {
|
|
1921
|
+
max-height: calc(100vh - 400px);
|
|
1922
|
+
}
|
|
1923
|
+
|
|
1924
|
+
.dgaui_modalHeaderFooter {
|
|
1925
|
+
flex-direction: column;
|
|
1926
|
+
.dgaui_modalHeaderFooterStart,
|
|
1927
|
+
.dgaui_modalHeaderFooterEnd {
|
|
1928
|
+
width: 100%;
|
|
1929
|
+
}
|
|
1930
|
+
button {
|
|
1931
|
+
width: 100%;
|
|
1932
|
+
margin-inline-end: 0;
|
|
1933
|
+
margin-bottom: 4px;
|
|
1934
|
+
}
|
|
1935
|
+
}
|
|
1936
|
+
}
|
|
1937
|
+
}
|
|
1938
|
+
`,Eo=er.div`
|
|
1939
|
+
position: fixed;
|
|
1940
|
+
z-index: 2400;
|
|
1941
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
1942
|
+
inset: 0;
|
|
1943
|
+
`;const No=er.div`
|
|
1944
|
+
direction: ${e=>e.$theme.direction};
|
|
1945
|
+
padding: 8px 24px;
|
|
1946
|
+
width: 100%;
|
|
1947
|
+
min-height: 56px;
|
|
1948
|
+
display: flex;
|
|
1949
|
+
justify-content: space-between;
|
|
1950
|
+
align-items: center;
|
|
1951
|
+
border-radius: 2px;
|
|
1952
|
+
border-bottom: 2px solid ${e=>e.$colors.border};
|
|
1953
|
+
background-color: ${e=>e.$colors.bg};
|
|
1954
|
+
.contentContainer {
|
|
1955
|
+
display: flex;
|
|
1956
|
+
justify-content: space-between;
|
|
1957
|
+
align-items: center;
|
|
1958
|
+
gap: 8px;
|
|
1959
|
+
.icon {
|
|
1960
|
+
background-image: url(${e=>e.$colors.icon});
|
|
1961
|
+
background-repeat: no-repeat;
|
|
1962
|
+
background-size: contain;
|
|
1963
|
+
min-width: 24px;
|
|
1964
|
+
height: 24px;
|
|
1965
|
+
margin-inline-end: 8px;
|
|
1966
|
+
}
|
|
1967
|
+
.content {
|
|
1968
|
+
color: ${e=>e.$colors.text};
|
|
1969
|
+
font-size: 16px;
|
|
1970
|
+
.title {
|
|
1971
|
+
margin-inline-end: 8px;
|
|
1972
|
+
font-weight: 700;
|
|
1973
|
+
}
|
|
1974
|
+
.message {
|
|
1975
|
+
word-wrap: normal;
|
|
1976
|
+
}
|
|
1977
|
+
}
|
|
1978
|
+
}
|
|
1979
|
+
.actions {
|
|
1980
|
+
display: flex;
|
|
1981
|
+
gap: 8px;
|
|
1982
|
+
flex-wrap: nowrap;
|
|
1983
|
+
align-items: center;
|
|
1984
|
+
}
|
|
1985
|
+
.close {
|
|
1986
|
+
margin-inline-start: 12px;
|
|
1987
|
+
cursor: pointer;
|
|
1988
|
+
background-image: url(${ar});
|
|
1989
|
+
background-repeat: no-repeat;
|
|
1990
|
+
min-width: 20px;
|
|
1991
|
+
height: 20px;
|
|
1992
|
+
&:hover {
|
|
1993
|
+
transform: scale(1.1);
|
|
1994
|
+
}
|
|
1995
|
+
}
|
|
1996
|
+
`,zo={small:{w:73,h:36,p:"8px 12px"},medium:{w:81,h:44,p:"12px 16px"},large:{w:81,h:52,p:"16px"}},Io=t=>{var{children:r,size:o,selected:n,vertical:i}=t,a=u(t,["children","size","selected","vertical"]);const s=c(),d=null!=o?o:"large";return e.jsx(Fo,Object.assign({},a,{className:l("dgaui dgaui_tab",a.className),$theme:s,$customStyle:{w:zo[d].w,h:zo[d].h,p:zo[d].p},$selected:n,$vertical:i,children:r}))},Fo=er.button`
|
|
1997
|
+
direction: ${e=>e.$theme.direction};
|
|
1998
|
+
min-width: ${e=>e.$customStyle.w}px;
|
|
1999
|
+
height: ${e=>e.$customStyle.h}px;
|
|
2000
|
+
outline: none;
|
|
2001
|
+
background-color: transparent;
|
|
2002
|
+
border-radius: 4px;
|
|
2003
|
+
font-weight: ${e=>e.$selected?700:500};
|
|
2004
|
+
color: ${e=>e.$theme.palette.neutral[700]};
|
|
2005
|
+
padding: ${e=>e.$customStyle.p};
|
|
2006
|
+
position: relative;
|
|
2007
|
+
cursor: pointer;
|
|
2008
|
+
border: 2px solid transparent;
|
|
2009
|
+
display: flex;
|
|
2010
|
+
justify-content: center;
|
|
2011
|
+
align-items: center;
|
|
2012
|
+
|
|
2013
|
+
img {
|
|
2014
|
+
margin-inline-end: 4px;
|
|
2015
|
+
}
|
|
2016
|
+
|
|
2017
|
+
&::after {
|
|
2018
|
+
content: "";
|
|
2019
|
+
display: block;
|
|
2020
|
+
opacity: ${e=>e.$selected?1:0};
|
|
2021
|
+
height: ${e=>e.$vertical?"50%":"3px"};
|
|
2022
|
+
width: ${e=>e.$vertical?"3px":"80%"};
|
|
2023
|
+
border-radius: 10px;
|
|
2024
|
+
bottom: ${e=>e.$vertical?"auto":"1px"};
|
|
2025
|
+
inset-inline-start: ${e=>e.$vertical?"1px":"auto"};
|
|
2026
|
+
position: absolute;
|
|
2027
|
+
z-index: 2;
|
|
2028
|
+
background: ${e=>e.$selected?e.$theme.palette.primary[600]:e.$theme.textColor};
|
|
2029
|
+
}
|
|
2030
|
+
|
|
2031
|
+
&:hover {
|
|
2032
|
+
&::after {
|
|
2033
|
+
opacity: 1;
|
|
2034
|
+
}
|
|
2035
|
+
}
|
|
2036
|
+
&:active {
|
|
2037
|
+
background-color: transparent;
|
|
2038
|
+
&::after {
|
|
2039
|
+
opacity: 1;
|
|
2040
|
+
}
|
|
2041
|
+
}
|
|
2042
|
+
|
|
2043
|
+
&:focus {
|
|
2044
|
+
border: 2px solid ${e=>e.$theme.textColor};
|
|
2045
|
+
&::after {
|
|
2046
|
+
opacity: ${e=>e.$selected?1:0};
|
|
2047
|
+
}
|
|
2048
|
+
}
|
|
2049
|
+
&:disabled {
|
|
2050
|
+
color: ${e=>e.$theme.palette.neutral[400]};
|
|
2051
|
+
cursor: default;
|
|
2052
|
+
pointer-events: none;
|
|
2053
|
+
&::after {
|
|
2054
|
+
opacity: ${e=>e.$selected?1:0};
|
|
2055
|
+
background: ${e=>e.$selected?e.$theme.palette.neutral[400]:""};
|
|
2056
|
+
}
|
|
2057
|
+
img {
|
|
2058
|
+
filter: opacity(0.5) grayscale(100%);
|
|
2059
|
+
}
|
|
2060
|
+
}
|
|
2061
|
+
`,Ro=er.div`
|
|
2062
|
+
direction: ${e=>e.$theme.direction};
|
|
2063
|
+
display: flex;
|
|
2064
|
+
align-items: center;
|
|
2065
|
+
|
|
2066
|
+
.dgaui_menuItem {
|
|
2067
|
+
min-width: auto;
|
|
2068
|
+
}
|
|
2069
|
+
.dgaui_tab {
|
|
2070
|
+
min-width: auto;
|
|
2071
|
+
margin-inline-end: 8px;
|
|
2072
|
+
|
|
2073
|
+
&:last-child {
|
|
2074
|
+
margin-inline-end: 0;
|
|
2075
|
+
}
|
|
2076
|
+
}
|
|
2077
|
+
.noAfter::after {
|
|
2078
|
+
display: none;
|
|
2079
|
+
}
|
|
2080
|
+
`;const Uo=({status:t,dot:r,children:o})=>{const n=c();return r?e.jsx(Oo,{$theme:n,$status:t,className:"dgaui_stepperBase dot"}):e.jsx(Do,{$theme:n,$status:t,className:"dgaui_stepperBase circle",children:e.jsx("span",{className:"content",children:o})})},Do=er.button`
|
|
2081
|
+
border: none;
|
|
2082
|
+
outline: none;
|
|
2083
|
+
width: 32px;
|
|
2084
|
+
height: 32px;
|
|
2085
|
+
border-radius: 100%;
|
|
2086
|
+
display: flex;
|
|
2087
|
+
justify-content: center;
|
|
2088
|
+
align-items: center;
|
|
2089
|
+
background-color: #fff;
|
|
2090
|
+
position: relative;
|
|
2091
|
+
cursor: pointer;
|
|
2092
|
+
z-index: 1;
|
|
2093
|
+
|
|
2094
|
+
${e=>((e,t)=>{switch(t){case"completed":return Zt`
|
|
2095
|
+
border: 1px solid #fff;
|
|
2096
|
+
background-color: ${e.palette.primary[600]};
|
|
2097
|
+
background-image: url(${"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgB5ZBRDcAgDEQrZRImpRKQMAfgcBKQMAm3EiABQoCGT15yf30HLdFZAGCJl1jSItIt+RB5d+QAa+SrkY1W9oX8jIZt2C1/ryO72WvVsEpOBQZ95vKgZF0uSjjdwtEZ/ElLxHCBicxFAAAAAElFTkSuQmCC"});
|
|
2098
|
+
background-repeat: no-repeat;
|
|
2099
|
+
background-position: center;
|
|
2100
|
+
|
|
2101
|
+
&:hover {
|
|
2102
|
+
background-color: ${e.palette.primary[700]};
|
|
2103
|
+
}
|
|
2104
|
+
&:focus {
|
|
2105
|
+
border: 1px solid #fff;
|
|
2106
|
+
|
|
2107
|
+
&::after {
|
|
2108
|
+
content: "";
|
|
2109
|
+
display: block;
|
|
2110
|
+
width: calc(100% + 2px);
|
|
2111
|
+
height: calc(100% + 2px);
|
|
2112
|
+
border: 2px solid ${e.textColor};
|
|
2113
|
+
position: absolute;
|
|
2114
|
+
border-radius: 100%;
|
|
2115
|
+
}
|
|
2116
|
+
}
|
|
2117
|
+
.content {
|
|
2118
|
+
display: none;
|
|
2119
|
+
}
|
|
2120
|
+
`;case"active":return Zt`
|
|
2121
|
+
border: 2px solid ${e.palette.primary[600]};
|
|
2122
|
+
background-color: #fff;
|
|
2123
|
+
|
|
2124
|
+
&:hover {
|
|
2125
|
+
border-color: ${e.palette.primary[700]};
|
|
2126
|
+
}
|
|
2127
|
+
&:focus {
|
|
2128
|
+
&::after {
|
|
2129
|
+
content: "";
|
|
2130
|
+
display: block;
|
|
2131
|
+
width: calc(100% + 6px);
|
|
2132
|
+
height: calc(100% + 6px);
|
|
2133
|
+
border: 2px solid ${e.textColor};
|
|
2134
|
+
position: absolute;
|
|
2135
|
+
border-radius: 100%;
|
|
2136
|
+
}
|
|
2137
|
+
}
|
|
2138
|
+
`;case"upComing":return Zt`
|
|
2139
|
+
border: 2px solid ${e.palette.neutral[300]};
|
|
2140
|
+
background-color: #fff;
|
|
2141
|
+
color: ${e.palette.neutral[300]};
|
|
2142
|
+
|
|
2143
|
+
&:hover {
|
|
2144
|
+
border-color: ${e.palette.neutral[400]};
|
|
2145
|
+
color: ${e.palette.neutral[400]};
|
|
2146
|
+
}
|
|
2147
|
+
`;default:return""}})(e.$theme,e.$status)}
|
|
2148
|
+
`,Oo=er.div`
|
|
2149
|
+
border: none;
|
|
2150
|
+
outline: none;
|
|
2151
|
+
width: 16px;
|
|
2152
|
+
height: 16px;
|
|
2153
|
+
border-radius: 100%;
|
|
2154
|
+
cursor: pointer;
|
|
2155
|
+
position: relative;
|
|
2156
|
+
z-index: 1;
|
|
2157
|
+
|
|
2158
|
+
${e=>((e,t)=>{switch(t){case"completed":return Zt`
|
|
2159
|
+
background-color: ${e.palette.primary[600]};
|
|
2160
|
+
|
|
2161
|
+
&:hover {
|
|
2162
|
+
background-color: ${e.palette.primary[700]};
|
|
2163
|
+
}
|
|
2164
|
+
`;case"active":return Zt`
|
|
2165
|
+
background-color: #fff;
|
|
2166
|
+
border: 4px solid ${e.palette.primary[600]};
|
|
2167
|
+
|
|
2168
|
+
&:hover {
|
|
2169
|
+
border-color: ${e.palette.primary[700]};
|
|
2170
|
+
}
|
|
2171
|
+
|
|
2172
|
+
width: 8px;
|
|
2173
|
+
height: 8px;
|
|
2174
|
+
`;case"upComing":return Zt`
|
|
2175
|
+
background-color: #fff;
|
|
2176
|
+
border: 2px solid ${e.palette.neutral[300]};
|
|
2177
|
+
&:hover {
|
|
2178
|
+
border-color: ${e.palette.neutral[400]};
|
|
2179
|
+
}
|
|
2180
|
+
width: 12px;
|
|
2181
|
+
height: 12px;
|
|
2182
|
+
`;default:return""}})(e.$theme,e.$status)}
|
|
2183
|
+
`,To=(e,t)=>{switch(t){case"completed":return{bg:e.palette.primary[600],bgHover:e.palette.primary[700]};case"active":return{bg:e.palette.neutral[300],bgHover:e.palette.neutral[300]};case"upComing":return{bg:e.palette.neutral[300],bgHover:e.palette.neutral[400]}}},Yo=er.div`
|
|
2184
|
+
direction: ${e=>e.$theme.direction};
|
|
2185
|
+
display: flex;
|
|
2186
|
+
flex-direction: ${e=>"horizontal"===e.$alignment?"row":"column"};
|
|
2187
|
+
width: 100%;
|
|
2188
|
+
|
|
2189
|
+
.step {
|
|
2190
|
+
min-width: 100px;
|
|
2191
|
+
min-height: 100px;
|
|
2192
|
+
width: 100%;
|
|
2193
|
+
position: relative;
|
|
2194
|
+
cursor: pointer;
|
|
2195
|
+
display: ${e=>"horizontal"===e.$alignment?"block":"flex"};
|
|
2196
|
+
|
|
2197
|
+
.stepContent {
|
|
2198
|
+
margin-top: ${e=>"horizontal"===e.$alignment?"8px":"0"};
|
|
2199
|
+
margin-inline-start: ${e=>"horizontal"===e.$alignment?"0":"8px"};
|
|
2200
|
+
padding-inline-end: 16px;
|
|
2201
|
+
|
|
2202
|
+
.title {
|
|
2203
|
+
font-size: 16px;
|
|
2204
|
+
}
|
|
2205
|
+
.description {
|
|
2206
|
+
margin-top: 4px;
|
|
2207
|
+
}
|
|
2208
|
+
}
|
|
2209
|
+
|
|
2210
|
+
&::after {
|
|
2211
|
+
content: "";
|
|
2212
|
+
display: block;
|
|
2213
|
+
position: absolute;
|
|
2214
|
+
top: ${e=>e.$dot?"8px":"16px"};
|
|
2215
|
+
inset-inline-start: ${e=>e.$dot?"8px":"16px"};
|
|
2216
|
+
width: ${e=>"horizontal"===e.$alignment?"100%":"2px"};
|
|
2217
|
+
height: ${e=>"horizontal"===e.$alignment?"2px":"100%"};
|
|
2218
|
+
}
|
|
2219
|
+
|
|
2220
|
+
&.completed {
|
|
2221
|
+
&:hover {
|
|
2222
|
+
&::after {
|
|
2223
|
+
background-color: ${e=>To(e.$theme,"completed").bgHover};
|
|
2224
|
+
}
|
|
2225
|
+
}
|
|
2226
|
+
&::after {
|
|
2227
|
+
background-color: ${e=>To(e.$theme,"completed").bg};
|
|
2228
|
+
}
|
|
2229
|
+
}
|
|
2230
|
+
|
|
2231
|
+
&.active::after {
|
|
2232
|
+
background-color: ${e=>To(e.$theme,"active").bg};
|
|
2233
|
+
}
|
|
2234
|
+
|
|
2235
|
+
&.upComing {
|
|
2236
|
+
&:hover {
|
|
2237
|
+
&::after {
|
|
2238
|
+
background-color: ${e=>To(e.$theme,"upComing").bgHover};
|
|
2239
|
+
}
|
|
2240
|
+
}
|
|
2241
|
+
&::after {
|
|
2242
|
+
background-color: ${e=>To(e.$theme,"upComing").bg};
|
|
2243
|
+
}
|
|
2244
|
+
}
|
|
2245
|
+
|
|
2246
|
+
&:last-child::after {
|
|
2247
|
+
display: none;
|
|
2248
|
+
}
|
|
2249
|
+
}
|
|
2250
|
+
`,Mo=er.div`
|
|
2251
|
+
direction: ${e=>e.$customStyle.theme.direction};
|
|
2252
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
2253
|
+
|
|
2254
|
+
.dgaui_radioLabel {
|
|
2255
|
+
cursor: pointer;
|
|
2256
|
+
text-align: start;
|
|
2257
|
+
margin-inline-start: 16px;
|
|
2258
|
+
font-weight: 500;
|
|
2259
|
+
}
|
|
2260
|
+
|
|
2261
|
+
.dgaui_radioDescription {
|
|
2262
|
+
padding-inline-start: 40px;
|
|
2263
|
+
.dgaui_radioDescriptionText {
|
|
2264
|
+
margin-top: 8px;
|
|
2265
|
+
color: ${e=>e.$customStyle.theme.palette.neutral[700]};
|
|
2266
|
+
}
|
|
2267
|
+
.dgaui_radioDescriptionError {
|
|
2268
|
+
font-weight: 500;
|
|
2269
|
+
color: ${e=>e.$customStyle.theme.palette.error[700]};
|
|
2270
|
+
position: relative;
|
|
2271
|
+
margin-top: 8px;
|
|
2272
|
+
|
|
2273
|
+
&::before {
|
|
2274
|
+
content: "";
|
|
2275
|
+
background: url("${sr}");
|
|
2276
|
+
width: 18px;
|
|
2277
|
+
height: 18px;
|
|
2278
|
+
background-repeat: no-repeat;
|
|
2279
|
+
background-size: contain;
|
|
2280
|
+
display: block;
|
|
2281
|
+
position: absolute;
|
|
2282
|
+
inset-inline-start: -40px;
|
|
2283
|
+
}
|
|
2284
|
+
}
|
|
2285
|
+
}
|
|
2286
|
+
|
|
2287
|
+
.dgaui_radioHead {
|
|
2288
|
+
display: flex;
|
|
2289
|
+
align-items: center;
|
|
2290
|
+
|
|
2291
|
+
&:hover {
|
|
2292
|
+
.dgaui_radio {
|
|
2293
|
+
box-shadow: 0 0 0px 12px #f3f4f6;
|
|
2294
|
+
background-color: #f3f4f6;
|
|
2295
|
+
}
|
|
2296
|
+
&:has(input:checked) {
|
|
2297
|
+
.dgaui_radioDot {
|
|
2298
|
+
background-color: ${e=>e.$customStyle.backgroundColorActive};
|
|
2299
|
+
}
|
|
2300
|
+
}
|
|
2301
|
+
}
|
|
2302
|
+
|
|
2303
|
+
&:active {
|
|
2304
|
+
.dgaui_radio {
|
|
2305
|
+
background-color: #d2d6db;
|
|
2306
|
+
}
|
|
2307
|
+
&:has(input:checked) {
|
|
2308
|
+
&:active {
|
|
2309
|
+
.dgaui_radioDot {
|
|
2310
|
+
background-color: ${e=>e.$customStyle.backgroundColorActive};
|
|
2311
|
+
}
|
|
2312
|
+
}
|
|
2313
|
+
}
|
|
2314
|
+
}
|
|
2315
|
+
|
|
2316
|
+
&:has(input:disabled) {
|
|
2317
|
+
color: #9da4ae;
|
|
2318
|
+
|
|
2319
|
+
&:hover {
|
|
2320
|
+
.dgaui_radio {
|
|
2321
|
+
box-shadow: none;
|
|
2322
|
+
background-color: transparent;
|
|
2323
|
+
}
|
|
2324
|
+
}
|
|
2325
|
+
&:has(input:checked) {
|
|
2326
|
+
&:active {
|
|
2327
|
+
.dgaui_radioDot {
|
|
2328
|
+
background: #9da4ae;
|
|
2329
|
+
}
|
|
2330
|
+
}
|
|
2331
|
+
}
|
|
2332
|
+
}
|
|
2333
|
+
|
|
2334
|
+
&:focus-within {
|
|
2335
|
+
.dgaui_radio {
|
|
2336
|
+
box-shadow: none;
|
|
2337
|
+
z-index: 1;
|
|
2338
|
+
|
|
2339
|
+
&::after {
|
|
2340
|
+
content: " ";
|
|
2341
|
+
position: absolute;
|
|
2342
|
+
top: -5px;
|
|
2343
|
+
left: -5px;
|
|
2344
|
+
right: -5px;
|
|
2345
|
+
bottom: -5px;
|
|
2346
|
+
border: 2px solid #0d121c;
|
|
2347
|
+
}
|
|
2348
|
+
}
|
|
2349
|
+
}
|
|
2350
|
+
}
|
|
2351
|
+
|
|
2352
|
+
.dgaui_radio {
|
|
2353
|
+
cursor: pointer;
|
|
2354
|
+
position: relative;
|
|
2355
|
+
display: inline-block;
|
|
2356
|
+
width: 22px;
|
|
2357
|
+
height: 22px;
|
|
2358
|
+
outline: none;
|
|
2359
|
+
border: 1px solid #000;
|
|
2360
|
+
border-radius: 50px;
|
|
2361
|
+
transition: all 0.1s;
|
|
2362
|
+
|
|
2363
|
+
.dgaui_radioDot {
|
|
2364
|
+
border-radius: 50px;
|
|
2365
|
+
position: absolute;
|
|
2366
|
+
top: 3.5px;
|
|
2367
|
+
left: 3.5px;
|
|
2368
|
+
z-index: 1;
|
|
2369
|
+
width: 15px;
|
|
2370
|
+
height: 15px;
|
|
2371
|
+
background-color: none;
|
|
2372
|
+
}
|
|
2373
|
+
|
|
2374
|
+
input {
|
|
2375
|
+
flex: 0;
|
|
2376
|
+
opacity: 0;
|
|
2377
|
+
width: 0;
|
|
2378
|
+
height: 0;
|
|
2379
|
+
|
|
2380
|
+
&:checked + .dgaui_radioDot {
|
|
2381
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
2382
|
+
}
|
|
2383
|
+
&:checked:disabled + .dgaui_radioDot {
|
|
2384
|
+
background-color: #9da4ae;
|
|
2385
|
+
}
|
|
2386
|
+
}
|
|
2387
|
+
|
|
2388
|
+
&:has(input:checked) {
|
|
2389
|
+
&:hover {
|
|
2390
|
+
background-color: #f3f4f6;
|
|
2391
|
+
.dgaui_radioDot {
|
|
2392
|
+
background-color: ${e=>e.$customStyle.backgroundColorHovered};
|
|
2393
|
+
}
|
|
2394
|
+
}
|
|
2395
|
+
&:active {
|
|
2396
|
+
background-color: #f3f4f6;
|
|
2397
|
+
.dgaui_radioDot {
|
|
2398
|
+
background-color: ${e=>e.$customStyle.backgroundColorActive};
|
|
2399
|
+
}
|
|
2400
|
+
}
|
|
2401
|
+
&:disabled {
|
|
2402
|
+
background-color: red;
|
|
2403
|
+
&:hover,
|
|
2404
|
+
&:active {
|
|
2405
|
+
background-color: #9da4ae;
|
|
2406
|
+
}
|
|
2407
|
+
}
|
|
2408
|
+
}
|
|
2409
|
+
|
|
2410
|
+
&:has(input:disabled) {
|
|
2411
|
+
border: 1px solid #9da4ae;
|
|
2412
|
+
background-color: transparent;
|
|
2413
|
+
.dgaui_radioDot {
|
|
2414
|
+
background-color: transparent;
|
|
2415
|
+
}
|
|
2416
|
+
|
|
2417
|
+
&:hover,
|
|
2418
|
+
&:active {
|
|
2419
|
+
box-shadow: none;
|
|
2420
|
+
background-color: transparent;
|
|
2421
|
+
.dgaui_radioDot {
|
|
2422
|
+
background-color: transparent;
|
|
2423
|
+
}
|
|
2424
|
+
}
|
|
2425
|
+
&:has(input:checked) {
|
|
2426
|
+
.dgaui_radioDot {
|
|
2427
|
+
background-color: #9da4ae;
|
|
2428
|
+
&:active {
|
|
2429
|
+
background-color: #9da4ae;
|
|
2430
|
+
}
|
|
2431
|
+
}
|
|
2432
|
+
}
|
|
2433
|
+
}
|
|
2434
|
+
}
|
|
2435
|
+
`,Ho=er.div`
|
|
2436
|
+
direction: ${e=>e.$direction};
|
|
2437
|
+
&.dgaui_radioGroup_vertiaval {
|
|
2438
|
+
display: flex;
|
|
2439
|
+
flex-direction: column;
|
|
2440
|
+
align-items: flex-start;
|
|
2441
|
+
|
|
2442
|
+
.dgaui_radioContainer {
|
|
2443
|
+
margin-bottom: 32px;
|
|
2444
|
+
}
|
|
2445
|
+
}
|
|
2446
|
+
|
|
2447
|
+
&.dgaui_radioGroup_horizontal {
|
|
2448
|
+
display: flex;
|
|
2449
|
+
align-items: flex-start;
|
|
2450
|
+
justify-content: space-between;
|
|
2451
|
+
|
|
2452
|
+
.dgaui_radioContainer {
|
|
2453
|
+
margin-inline-end: 32px;
|
|
2454
|
+
}
|
|
2455
|
+
}
|
|
2456
|
+
|
|
2457
|
+
.dgaui_radio {
|
|
2458
|
+
position: absolute !important;
|
|
2459
|
+
}
|
|
2460
|
+
|
|
2461
|
+
.dgaui_radioLabel {
|
|
2462
|
+
margin-inline-start: 40px;
|
|
2463
|
+
}
|
|
2464
|
+
`,Lo=er.div`
|
|
2465
|
+
direction: ${e=>e.$customStyle.theme.direction};
|
|
2466
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
2467
|
+
|
|
2468
|
+
.dgaui_switchLabel {
|
|
2469
|
+
cursor: pointer;
|
|
2470
|
+
text-align: start;
|
|
2471
|
+
margin-inline-start: 8px;
|
|
2472
|
+
font-weight: 500;
|
|
2473
|
+
}
|
|
2474
|
+
|
|
2475
|
+
.dgaui_switchDescription {
|
|
2476
|
+
padding-inline-start: 64px;
|
|
2477
|
+
.dgaui_switchDescriptionText {
|
|
2478
|
+
margin: 4px 0;
|
|
2479
|
+
}
|
|
2480
|
+
.dgaui_switchDescriptionError {
|
|
2481
|
+
font-weight: 500;
|
|
2482
|
+
color: ${e=>e.$customStyle.theme.palette.error[700]};
|
|
2483
|
+
position: relative;
|
|
2484
|
+
margin: 4px 0;
|
|
2485
|
+
|
|
2486
|
+
&::before {
|
|
2487
|
+
content: "";
|
|
2488
|
+
background: url("${sr}");
|
|
2489
|
+
width: 18px;
|
|
2490
|
+
height: 18px;
|
|
2491
|
+
background-repeat: no-repeat;
|
|
2492
|
+
background-size: contain;
|
|
2493
|
+
display: block;
|
|
2494
|
+
position: absolute;
|
|
2495
|
+
inset-inline-start: -40px;
|
|
2496
|
+
}
|
|
2497
|
+
}
|
|
2498
|
+
}
|
|
2499
|
+
|
|
2500
|
+
&.endSwitch {
|
|
2501
|
+
.dgaui_switchLabel {
|
|
2502
|
+
margin-inline-start: 0px;
|
|
2503
|
+
margin-inline-end: 8px;
|
|
2504
|
+
}
|
|
2505
|
+
|
|
2506
|
+
.dgaui_switchHead {
|
|
2507
|
+
display: flex;
|
|
2508
|
+
justify-content: space-between;
|
|
2509
|
+
align-items: center;
|
|
2510
|
+
flex-direction: row-reverse;
|
|
2511
|
+
}
|
|
2512
|
+
.dgaui_switchDescription {
|
|
2513
|
+
padding-inline-start: 0px;
|
|
2514
|
+
|
|
2515
|
+
.dgaui_switchDescriptionText {
|
|
2516
|
+
}
|
|
2517
|
+
.dgaui_switchDescriptionError {
|
|
2518
|
+
display: flex;
|
|
2519
|
+
align-items: center;
|
|
2520
|
+
|
|
2521
|
+
&::before {
|
|
2522
|
+
position: initial;
|
|
2523
|
+
margin-inline-end: 8px;
|
|
2524
|
+
}
|
|
2525
|
+
}
|
|
2526
|
+
}
|
|
2527
|
+
}
|
|
2528
|
+
|
|
2529
|
+
.dgaui_switch {
|
|
2530
|
+
cursor: pointer;
|
|
2531
|
+
|
|
2532
|
+
&:hover {
|
|
2533
|
+
border-radius: 24px;
|
|
2534
|
+
border: 4px solid #f3f4f6;
|
|
2535
|
+
|
|
2536
|
+
.dgaui_switchSlider {
|
|
2537
|
+
border: 1px solid #4d5761;
|
|
2538
|
+
|
|
2539
|
+
&::before {
|
|
2540
|
+
background-color: ${e=>e.$customStyle.sliderBgHovered};
|
|
2541
|
+
}
|
|
2542
|
+
}
|
|
2543
|
+
}
|
|
2544
|
+
|
|
2545
|
+
&:active {
|
|
2546
|
+
.dgaui_switchSlider {
|
|
2547
|
+
&::before {
|
|
2548
|
+
background-color: ${e=>e.$customStyle.sliderBgActive};
|
|
2549
|
+
}
|
|
2550
|
+
}
|
|
2551
|
+
}
|
|
2552
|
+
|
|
2553
|
+
position: relative;
|
|
2554
|
+
display: inline-block;
|
|
2555
|
+
width: 48px;
|
|
2556
|
+
height: 24px;
|
|
2557
|
+
outline: none;
|
|
2558
|
+
border: 4px solid transparent;
|
|
2559
|
+
|
|
2560
|
+
&:focus-within {
|
|
2561
|
+
border: 4px solid #fff;
|
|
2562
|
+
z-index: 1;
|
|
2563
|
+
|
|
2564
|
+
&::after {
|
|
2565
|
+
content: " ";
|
|
2566
|
+
position: absolute;
|
|
2567
|
+
top: -4px;
|
|
2568
|
+
left: -4px;
|
|
2569
|
+
right: -4px;
|
|
2570
|
+
bottom: -4px;
|
|
2571
|
+
border: 2px solid #0d121c;
|
|
2572
|
+
border-radius: 2px;
|
|
2573
|
+
}
|
|
2574
|
+
}
|
|
2575
|
+
|
|
2576
|
+
.dgaui_switchSlider {
|
|
2577
|
+
border: 1px solid #0d121c;
|
|
2578
|
+
border-radius: 24px;
|
|
2579
|
+
position: absolute;
|
|
2580
|
+
top: 0;
|
|
2581
|
+
left: 0;
|
|
2582
|
+
right: 0;
|
|
2583
|
+
bottom: 0;
|
|
2584
|
+
background-color: #fff;
|
|
2585
|
+
transition: background-color 0.2s;
|
|
2586
|
+
display: flex;
|
|
2587
|
+
align-items: center;
|
|
2588
|
+
justify-content: left;
|
|
2589
|
+
|
|
2590
|
+
&::before {
|
|
2591
|
+
background-color: ${e=>e.$customStyle.sliderBg};
|
|
2592
|
+
content: "";
|
|
2593
|
+
height: 16px;
|
|
2594
|
+
width: 16px;
|
|
2595
|
+
transition: 0.2s;
|
|
2596
|
+
border-radius: 50%;
|
|
2597
|
+
margin-left: 4px;
|
|
2598
|
+
}
|
|
2599
|
+
}
|
|
2600
|
+
|
|
2601
|
+
input {
|
|
2602
|
+
opacity: 0;
|
|
2603
|
+
width: 0;
|
|
2604
|
+
height: 0;
|
|
2605
|
+
|
|
2606
|
+
&:checked + .dgaui_switchSlider {
|
|
2607
|
+
border: none;
|
|
2608
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
2609
|
+
|
|
2610
|
+
&:before {
|
|
2611
|
+
background-color: #fff;
|
|
2612
|
+
transform: translateX(24px);
|
|
2613
|
+
}
|
|
2614
|
+
|
|
2615
|
+
&:hover {
|
|
2616
|
+
background-color: ${e=>e.$customStyle.backgroundColorHovered};
|
|
2617
|
+
}
|
|
2618
|
+
&:active {
|
|
2619
|
+
background-color: ${e=>e.$customStyle.backgroundColorActive};
|
|
2620
|
+
}
|
|
2621
|
+
}
|
|
2622
|
+
|
|
2623
|
+
&:disabled + .dgaui_switchSlider {
|
|
2624
|
+
background-color: #fff;
|
|
2625
|
+
&:before {
|
|
2626
|
+
background-color: #d2d6db;
|
|
2627
|
+
}
|
|
2628
|
+
}
|
|
2629
|
+
&:disabled:checked + .dgaui_switchSlider {
|
|
2630
|
+
background-color: #d2d6db;
|
|
2631
|
+
&:before {
|
|
2632
|
+
background-color: #fff;
|
|
2633
|
+
}
|
|
2634
|
+
}
|
|
2635
|
+
}
|
|
2636
|
+
.icon {
|
|
2637
|
+
display: none;
|
|
2638
|
+
}
|
|
2639
|
+
&:has(input:checked) {
|
|
2640
|
+
.icon {
|
|
2641
|
+
position: absolute;
|
|
2642
|
+
z-index: 2;
|
|
2643
|
+
inset-inline-end: 5px;
|
|
2644
|
+
width: 100%;
|
|
2645
|
+
height: 100%;
|
|
2646
|
+
display: flex;
|
|
2647
|
+
align-items: center;
|
|
2648
|
+
justify-content: flex-end;
|
|
2649
|
+
}
|
|
2650
|
+
}
|
|
2651
|
+
|
|
2652
|
+
&:has(input:disabled:hover) {
|
|
2653
|
+
border: 4px solid transparent;
|
|
2654
|
+
}
|
|
2655
|
+
}
|
|
2656
|
+
`,Qo={xsmall:{w:64,h:20,py:8,f:10},small:{h:24,py:8,f:12},medium:{h:32,py:16,f:16}},Po=er.div`
|
|
2657
|
+
direction: ${e=>e.$customStyle.direction};
|
|
2658
|
+
height: ${e=>e.$customStyle.height}px;
|
|
2659
|
+
padding: 0 ${e=>e.$customStyle.paddingY}px;
|
|
2660
|
+
font-size: ${e=>e.$customStyle.fontSize}px;
|
|
2661
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
2662
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
2663
|
+
outline: none;
|
|
2664
|
+
border-radius: 9999px;
|
|
2665
|
+
display: inline-flex;
|
|
2666
|
+
align-items: center;
|
|
2667
|
+
justify-content: center;
|
|
2668
|
+
|
|
2669
|
+
.dgaui_icon {
|
|
2670
|
+
width: 10px;
|
|
2671
|
+
height: 10px;
|
|
2672
|
+
border-radius: 100%;
|
|
2673
|
+
background-color: ${e=>e.$customStyle.iconBackgroundColor};
|
|
2674
|
+
margin-inline-end: 8px;
|
|
2675
|
+
}
|
|
2676
|
+
`,Vo=er.table`
|
|
2677
|
+
direction: ${e=>e.$theme.direction};
|
|
2678
|
+
width: 100%;
|
|
2679
|
+
overflow: hidden;
|
|
2680
|
+
transition: background-color 0.2s;
|
|
2681
|
+
|
|
2682
|
+
${e=>e.$contained?`border: 1px solid ${e.$theme.palette.neutral[400]}; border-radius: 8px;`:""}
|
|
2683
|
+
|
|
2684
|
+
tr {
|
|
2685
|
+
display: flex;
|
|
2686
|
+
&.even {
|
|
2687
|
+
background-color: ${e=>e.$theme.palette.neutral[50]};
|
|
2688
|
+
}
|
|
2689
|
+
&.checked {
|
|
2690
|
+
background-color: ${e=>e.$theme.palette.primary[50]};
|
|
2691
|
+
}
|
|
2692
|
+
|
|
2693
|
+
&:hover {
|
|
2694
|
+
${e=>e.$onRowClick?`background-color: ${e.$theme.palette.neutral[25]};`:""}
|
|
2695
|
+
|
|
2696
|
+
&.even {
|
|
2697
|
+
${e=>e.$onRowClick?`background-color: ${e.$theme.palette.neutral[100]};`:""}
|
|
2698
|
+
|
|
2699
|
+
&:active {
|
|
2700
|
+
background-color: ${e=>e.$theme.palette.primary[25]};
|
|
2701
|
+
}
|
|
2702
|
+
}
|
|
2703
|
+
|
|
2704
|
+
&.checked {
|
|
2705
|
+
background-color: ${e=>e.$theme.palette.primary[50]};
|
|
2706
|
+
|
|
2707
|
+
&:active {
|
|
2708
|
+
background-color: ${e=>e.$theme.palette.primary[25]};
|
|
2709
|
+
}
|
|
2710
|
+
}
|
|
2711
|
+
}
|
|
2712
|
+
|
|
2713
|
+
border-end-start-radius: ${e=>e.$contained?8:0}px;
|
|
2714
|
+
border-end-end-radius: ${e=>e.$contained?8:0}px;
|
|
2715
|
+
|
|
2716
|
+
&:last-child {
|
|
2717
|
+
td {
|
|
2718
|
+
border-bottom: ${e=>e.$contained?"none":`1px solid ${e.$theme.palette.neutral[300]}`};
|
|
2719
|
+
}
|
|
2720
|
+
}
|
|
2721
|
+
|
|
2722
|
+
&:active {
|
|
2723
|
+
background-color: ${e=>e.$theme.palette.primary[25]};
|
|
2724
|
+
}
|
|
2725
|
+
}
|
|
2726
|
+
|
|
2727
|
+
th,
|
|
2728
|
+
td {
|
|
2729
|
+
flex: 1;
|
|
2730
|
+
display: flex;
|
|
2731
|
+
justify-content: flex-start;
|
|
2732
|
+
align-items: center;
|
|
2733
|
+
flex-wrap: wrap;
|
|
2734
|
+
overflow: hidden;
|
|
2735
|
+
box-sizing: border-box;
|
|
2736
|
+
|
|
2737
|
+
&.selectable {
|
|
2738
|
+
flex: none;
|
|
2739
|
+
}
|
|
2740
|
+
}
|
|
2741
|
+
|
|
2742
|
+
th {
|
|
2743
|
+
background-color: ${e=>e.$theme.palette.neutral[100]};
|
|
2744
|
+
border-inline-end: ${e=>e.$headerColumnDivider?"1":"0"}px solid
|
|
2745
|
+
${e=>e.$theme.palette.neutral[300]};
|
|
2746
|
+
border-bottom: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
2747
|
+
border-top: 1px solid
|
|
2748
|
+
${e=>e.$contained?0:e.$theme.palette.neutral[300]};
|
|
2749
|
+
color: ${e=>e.$theme.palette.neutral[700]};
|
|
2750
|
+
font-size: 12px;
|
|
2751
|
+
font-weight: 500;
|
|
2752
|
+
height: 48px;
|
|
2753
|
+
padding: 0 16px;
|
|
2754
|
+
|
|
2755
|
+
&:first-child {
|
|
2756
|
+
border-start-start-radius: ${e=>e.$contained?8:0}px;
|
|
2757
|
+
}
|
|
2758
|
+
|
|
2759
|
+
&:last-child {
|
|
2760
|
+
border-start-end-radius: ${e=>e.$contained?8:0}px;
|
|
2761
|
+
border-inline-end: none;
|
|
2762
|
+
}
|
|
2763
|
+
}
|
|
2764
|
+
|
|
2765
|
+
td {
|
|
2766
|
+
flex: 1;
|
|
2767
|
+
padding: 0 16px;
|
|
2768
|
+
height: ${e=>e.$compact?48:64}px;
|
|
2769
|
+
border-bottom: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
2770
|
+
${e=>e.$onRowClick?"cursor: pointer;":""}
|
|
2771
|
+
|
|
2772
|
+
&.selectable {
|
|
2773
|
+
border-inline-end: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
2774
|
+
}
|
|
2775
|
+
}
|
|
2776
|
+
|
|
2777
|
+
&.columnDivider {
|
|
2778
|
+
td {
|
|
2779
|
+
border-inline-end: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
2780
|
+
&:last-child {
|
|
2781
|
+
border-inline-end: none;
|
|
2782
|
+
}
|
|
2783
|
+
}
|
|
2784
|
+
}
|
|
2785
|
+
`,Ko=er.div`
|
|
2786
|
+
direction: ${e=>e.$theme.direction};
|
|
2787
|
+
width: 100%;
|
|
2788
|
+
transition: background-color 0.2s;
|
|
2789
|
+
|
|
2790
|
+
.mobileRow {
|
|
2791
|
+
display: flex;
|
|
2792
|
+
flex-direction: column;
|
|
2793
|
+
margin-bottom: 16px;
|
|
2794
|
+
width: 100%;
|
|
2795
|
+
${e=>e.$contained?`border-left: 1px solid ${e.$theme.palette.neutral[300]};border-right: 1px solid ${e.$theme.palette.neutral[300]};`:""}
|
|
2796
|
+
|
|
2797
|
+
.cell {
|
|
2798
|
+
height: ${e=>e.$compact?30:36}px;
|
|
2799
|
+
padding: 0 8px;
|
|
2800
|
+
display: flex;
|
|
2801
|
+
justify-content: flex-start;
|
|
2802
|
+
align-items: center;
|
|
2803
|
+
font-size: ${e=>e.$compact?10:12}px;
|
|
2804
|
+
}
|
|
2805
|
+
|
|
2806
|
+
.mobileRowContainer {
|
|
2807
|
+
display: flex;
|
|
2808
|
+
justify-content: flex-start;
|
|
2809
|
+
align-items: center;
|
|
2810
|
+
flex-wrap: wrap;
|
|
2811
|
+
overflow: hidden;
|
|
2812
|
+
box-sizing: border-box;
|
|
2813
|
+
border-top: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
2814
|
+
|
|
2815
|
+
&:last-child {
|
|
2816
|
+
border-bottom: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
2817
|
+
}
|
|
2818
|
+
|
|
2819
|
+
.label {
|
|
2820
|
+
flex: 1;
|
|
2821
|
+
background-color: ${e=>e.$theme.palette.neutral[100]};
|
|
2822
|
+
border-inline-end: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
2823
|
+
color: ${e=>e.$theme.palette.neutral[700]};
|
|
2824
|
+
font-weight: 600;
|
|
2825
|
+
}
|
|
2826
|
+
.value {
|
|
2827
|
+
flex: 2;
|
|
2828
|
+
|
|
2829
|
+
&.even {
|
|
2830
|
+
background-color: ${e=>e.$theme.palette.neutral[50]};
|
|
2831
|
+
}
|
|
2832
|
+
}
|
|
2833
|
+
}
|
|
2834
|
+
|
|
2835
|
+
&.checked {
|
|
2836
|
+
background-color: ${e=>e.$theme.palette.primary[50]};
|
|
2837
|
+
.mobileRowContainer .even {
|
|
2838
|
+
background-color: ${e=>e.$theme.palette.primary[50]};
|
|
2839
|
+
}
|
|
2840
|
+
.selectable {
|
|
2841
|
+
background-color: ${e=>e.$theme.palette.primary[50]};
|
|
2842
|
+
}
|
|
2843
|
+
}
|
|
2844
|
+
|
|
2845
|
+
.selectable {
|
|
2846
|
+
border-top: 1px solid ${e=>e.$theme.palette.neutral[300]};
|
|
2847
|
+
}
|
|
2848
|
+
}
|
|
2849
|
+
`,Xo=er.div`
|
|
2850
|
+
direction: ${e=>e.$theme.direction};
|
|
2851
|
+
display: flex;
|
|
2852
|
+
position: relative;
|
|
2853
|
+
${e=>e.$vertical?"flex-direction: column;":""};
|
|
2854
|
+
|
|
2855
|
+
&::after {
|
|
2856
|
+
content: "";
|
|
2857
|
+
display: ${e=>e.$vertical?"none":"block"};
|
|
2858
|
+
position: absolute;
|
|
2859
|
+
height: 3px;
|
|
2860
|
+
width: 100%;
|
|
2861
|
+
border-radius: 10px;
|
|
2862
|
+
bottom: 0;
|
|
2863
|
+
left: 0;
|
|
2864
|
+
background: ${e=>e.$theme.palette.neutral[300]};
|
|
2865
|
+
z-index: 1;
|
|
2866
|
+
}
|
|
2867
|
+
|
|
2868
|
+
.dgaui_tab {
|
|
2869
|
+
border: none;
|
|
2870
|
+
&:focus {
|
|
2871
|
+
border: none;
|
|
2872
|
+
}
|
|
2873
|
+
&::after {
|
|
2874
|
+
${e=>e.$vertical?"":"bottom: 0;"};
|
|
2875
|
+
${e=>e.$flush&&!e.$vertical?"width: 100%;":""}
|
|
2876
|
+
${e=>e.$flush&&e.$vertical?"height: 100%;":""}
|
|
2877
|
+
}
|
|
2878
|
+
}
|
|
2879
|
+
`,Go=(e,r,o)=>t.Children.map(e,(e=>t.isValidElement(e)?e.type===t.Fragment?Go(e.props.children,r,o):t.cloneElement(e,{size:r,vertical:o}):e)),Jo=t.forwardRef(((t,r)=>{var{label:o,style:n,error:i,scrollBar:a=!1,resize:s=!0}=t,d=u(t,["label","style","error","scrollBar","resize"]);const p=c();let g=p.textColor,h=p.palette.neutral[500],m=`1px solid ${i?p.palette.error[700]:p.palette.neutral[400]}`,A=`1px solid ${i?p.palette.error[700]:p.palette.neutral[700]}`,f="#FFF",x=i?p.palette.error[700]:p.textColor,b=p.elevation.shadows.md;return"filledDarker"===n&&(f=p.palette.neutral[100]),d.disabled&&(g=p.palette.neutral[400],m=`1px solid ${p.palette.neutral[200]}`,A=`1px solid ${p.palette.neutral[200]}`),e.jsxs("div",{style:{direction:p.direction,display:"flex",flexDirection:"column",color:p.textColor,width:"100%",overflow:"hidden"},className:l("dgaui dgaui_textarea",d.className),children:[e.jsx("label",{style:{marginBottom:8,textAlign:"start"},htmlFor:d.id,children:o}),e.jsx(Wo,Object.assign({$customStyle:{direction:p.direction,placeholderFontColor:h,fontColor:g,border:m,borderHovered:A,backgroundColor:f,shadowFocus:b,scrollBar:a,resize:s}},d,{ref:r})),e.jsx(Zo,{$bgColor:x,className:"dgauiInputSeparator"})]})})),Wo=er.textarea`
|
|
2880
|
+
outline: none;
|
|
2881
|
+
direction: ${e=>e.$customStyle.direction};
|
|
2882
|
+
border-radius: 4px;
|
|
2883
|
+
width: 100%;
|
|
2884
|
+
min-height: 96px;
|
|
2885
|
+
padding: 12px 16px;
|
|
2886
|
+
font-size: 16px;
|
|
2887
|
+
color: ${e=>e.$customStyle.fontColor};
|
|
2888
|
+
border: ${e=>e.$customStyle.border};
|
|
2889
|
+
background-color: ${e=>e.$customStyle.backgroundColor};
|
|
2890
|
+
box-sizing: border-box;
|
|
2891
|
+
|
|
2892
|
+
resize: ${e=>e.$customStyle.resize?"both":"none"};
|
|
2893
|
+
overflow-y: ${e=>e.$customStyle.scrollBar?"scroll":"auto"};
|
|
2894
|
+
|
|
2895
|
+
&::placeholder {
|
|
2896
|
+
color: ${e=>e.$customStyle.placeholderFontColor};
|
|
2897
|
+
font-weight: 300;
|
|
2898
|
+
}
|
|
2899
|
+
&:focus {
|
|
2900
|
+
${e=>e.$customStyle.shadowFocus};
|
|
2901
|
+
}
|
|
2902
|
+
|
|
2903
|
+
&:hover {
|
|
2904
|
+
border: ${e=>e.$customStyle.borderHovered};
|
|
2905
|
+
}
|
|
2906
|
+
|
|
2907
|
+
&:focus + .dgauiInputSeparator {
|
|
2908
|
+
transform: scaleX(0.995) translateY(-2.5px);
|
|
2909
|
+
opacity: 1;
|
|
2910
|
+
}
|
|
2911
|
+
&:active + .dgauiInputSeparator {
|
|
2912
|
+
transform: scaleX(0.5) translateY(-2.5px);
|
|
2913
|
+
opacity: 1;
|
|
2914
|
+
}
|
|
2915
|
+
&:read-only + .dgauiInputSeparator,
|
|
2916
|
+
&:disabled + .dgauiInputSeparator {
|
|
2917
|
+
transform: scaleX(0) translateY(-2.5px);
|
|
2918
|
+
opacity: 0;
|
|
2919
|
+
}
|
|
2920
|
+
`,Zo=er.span`
|
|
2921
|
+
height: 2px;
|
|
2922
|
+
background: ${e=>e.$bgColor};
|
|
2923
|
+
display: block;
|
|
2924
|
+
transform: scaleX(0) translateY(-2.5px);
|
|
2925
|
+
transform-origin: 50%;
|
|
2926
|
+
opacity: 1;
|
|
2927
|
+
transition: all 0.2s;
|
|
2928
|
+
border-bottom-left-radius: 50px;
|
|
2929
|
+
border-bottom-right-radius: 50px;
|
|
2930
|
+
`;const qo=t=>{var{leadText:r,helpText:o,type:n,actions:i,closeButton:a,onClose:s,style:d}=t,p=u(t,["leadText","helpText","type","actions","closeButton","onClose","style"]);const g=c(),h=uo(),m=(e=>({neutral:{icon:"data:image/png;base64,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",vLine:e.palette.neutral[200],border:e.palette.neutral[200],font:e.palette.neutral[800],bg:e.palette.neutral[25]},critical:{icon:"data:image/png;base64,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",vLine:e.palette.error[600],border:e.palette.error[200],font:e.palette.error[700],bg:e.palette.error[25]},warning:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAE2ElEQVRYCc1ZTWxbRRCeffYzaQqp05LYlYJkV0JCodRBHBrEoQ5I7RkJOHBqpXB2Um5wiHPJjWCfATVcQIIDEidSCSWcmhxAaYBwqNQYEUTSNsSN0kT4b/lmnffs5L2194X8MJLz9s3M7n47Mzs7+yLogCTLD9NUpQESdIWEGMAwUSKJH5Mool0gSQW83CWLZoXdM4t2YBJBeki5EaVKJUNSjDTAmI4gCtCcJTs0LkQ3t43ICOAusDFYBMAOg8SUKdC2AGVpPQNrZYNbrN1C2KK1cRHpnWql2RIg4uzjw7OaFkZORHpGdVJfgMql5co36JTWdTxk/gLZ4SHEJjbXXrL2vu6+lSszaKV9ZUfDHKC6QTyjewAqtxLSx/FTWpYQUvtoj4tl6cF15LBb+3SO97VWHRUd8ZwzqQtQ7mwkKFSFa2XCEZ7Qs4h4TDrx2HBxqDr2PwDHNokiHoGlTsqCdetVlh1mkOffP9+h1bnbtDY/TeWtx6prZ+w56kr2U98bb9PZl14NMlxD1w53sxXrAEuPbsF61xvS9q3tByu0mLtJDJBBxC9fpVMAZp/uos37v9L6L3O0NjdN8cFr9MJwljpjfe0HbdaQSOJPxbIOQFjPPPYYwNwH71DXhRcplZkEMP/Jd7CIu1jEztof9MqHnyr9Zgxt2kUk8G6hqhJJM22UXTFbbh7g+l5/i55/96bLb9W498UkFb79jF7LTwezpKAhi2rBEvJvn2TpVG+fMTgGzgt5BtZezJstyF0syjkLtVrKZbRpcLxxXLFb/cixlJ8sNTKp4nUdY5hTLW2hGEiYdlj5/msV9PqY+1NtEL/x2Oq8mdaw443JCqU4DyZMO2wuL9HZiwdMG5gkfvkaAH5nOh30ZJQBRk17bGM3dl3oN1X36HVgt1eebHr4LRjRcAuhr6jcYoLewau4ougpghwZlBgg12BGVrSfPoOctqKdoxNxFj59RivfvL+kkrlWwSsowsV8AzOjGGJoFUeajhbz79NPE8M6MU6XO+oI1Cp4BQWLhFzw8v05MbiQU822xop8WlzKfOTbmRM8pyg+n42pVvvdwt32B9MO55AmOFXoEi6nEj7+/IjP7RjO5UDFg7AWLAqRsQV5Yk64fBbf+9JT/PrhUjzW5fO4fzir1fEV8IWfBSi1N/Aw2iiszwB/nHhPHXmXcKroKhWn4mH9wYmvtNblMb0kC7iSJusA/3mYRX4Y8yrpOVypLOFc5rhi1527OKgAcBpia63O33ZLsVYVj34GMSUiz96oA+RPGuUKWzEw8abhI5BPGU7kTJyOeMfHsakCxVzz7HYFZf/5ggLIfFl6lMPfTLPOybXr1uP5GwDrVlwGzzgWj2YB+CpmV3GJP1/g8fksVrR7ixp33k/wOe6AYwwuQH5BiQ03izy3T4Zkfv/HJNfFzYCQdmbwnm7mHX1bLgDcy/vn2WNBV2iH30R7wX0/+gY+bD4Z8pvGF6C6j0Z6sJrjcDe7tQebIlk0BugoIlGOIPXcwK/g8A7xWcSFbRRuxRx68rVgs7oK2mp1iKT8vJn/39oyT/ZWUnTwpmxNvptE10Xu/JUgK5RF9rwC9yd0ehp+ERe0PEW2cjp3+vULBLB5AHXhr9+pUwCcgIx/UfyYilgAAKHWlCjnUDEd9N8Q/wKvLq424p4TIgAAAABJRU5ErkJggg==",vLine:e.palette.warning[600],border:e.palette.warning[200],font:e.palette.warning[700],bg:e.palette.warning[25]},success:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAFJklEQVRYCc1YTWhcVRQ+976JKGbamSZTqBA7cadTSFqp0LpwgoUWdCNNshKMSFcFmxDQ5cxsKyURrAsDNgtXMdBNhQSVTBdaiCgjmLgzo4EKTdKZZlIjZN69nu8mb/pmMj/3hST1wMy7P+fne+eec+59V9AeaUWXklKpXi3kG0LrXiIR0UQRqBNERf7Lcz+vNf1KkrIxEc7uxRTrsqeC1hFFG9dI0bAHxlZakADgrCOdTFQ8l7eXs+DcAZbSDMyC3YJFTNoCbenBNQ2P6XRQj7VCaTyqVaYzdGSyGW9TgGu6NLZ/XqsPQ0sxHhPtI/VnTTzvnsKSunrjNmlK7p7d/xEhKCdFuS8qosVa7bJ2AH2lH88dFjjY40zvdXXoNtq1tAugWVZTNmpZD7jPq7WiN8ZqrVTF4Gp5fYiEuFXLdJh9TWok5hwd92xWABb0Zlwpd06TjnuTT+lZdGS524vHyhK7yk39D8DBJ5EytaU85xgPwnuuKi95g0GeP/6xQLOL8zSz+BM92nxsRF88dpwSJ07SwJk+Ov9SIoi6Ci97MQovGoCr7gbHnR6qzFo0lgsPaGT6JgHg+e4EXXzlNeo6FqMjzz5PC/fzdI/HZ36fp0s8nnl7iLqixy20PmHRRJmYE04bgGvuxlKQ5f2NAfRPpOjUiTiNDVxtaNx7ieXCCn357keUeCH+BEHrVrHTCUcFTiVC0Vxr/m0OGO2fSNPgmSSNXhi0Ervx3RRN/PANffvhJw1fpp4i3sX6JJ9MkvUmG42l7kxSVyRmDQ568CKn2HsIiUAkRa8UmnpshRBvM5wQWFYbWv93O2nAO9Z/1cQrdFiTVknJ+2DcVmDq5zkT9DYBf+P7Kbr8RbqiGjLI6FnOdlsSQvZIzpa4rcDi33k6Z1E2AA5xN3phoEr1xZfPmhWoGmza0REU6khTHt/kX5yNCc5cP6Gk+GnqlzkDbpyXFCXGT11cH71a6R9v0jYAm8zvnlrf/Kdq8DKXm5Hpz8wY4nP465s0+uYgDb7aV8WHDmpkUAqxAM5gVl48ygaWiw+qbExfyZia+GjzukkCgGtUfhbuLwUqM8AmBWkAtKJLibNmW/Mzo3wAJLLzyutvNQQHmXtLC1xuTvrFm7aFEHmptcg15fJNYjsDEBRrPwHk/MefNwUHGezX2J9tSSn1p9RC3LUVQJnAr17BbRVfkEHSBDo8CJHjnURbexAvgoKLvRilxJbAi/0Yh4ZApCgrILDqlgr8sEoU8APgB19d54CPGcCNCrd3WAA/4hShYEv4LO1w2rsNwBW3hGNNylYYfDCeunPLxBWW7hwfuXBawfa2/HCFZvmohXjFUazZiaexTTHZ6bS/bwAWdCHiqhC8GJgAAlsgdhkUchDKETIeSRUo5oz09t/OsT9vAGJodas0zpc813w8T7G57T0AqADc8eISj1nH4kG8AWJPyi18xOehv/LRZM7/rsochNEgOjXf13jgqgCi0/EMf48q+jSIwn3lZdu1l0mVJfYbWlWlQ736gG3e1nIdsv20HwfalSX2Tzii/I7gCx3/2IG2BWWl2OqrZ6MuQMRjhwyfPpTlxrLKcN2bLQCuC9B7k8628DBfPXGxFHlvbL+eHFtF7YoRY6OJ0roxWMvPJSi+5Tpp/oB5r3ZuT332mhMqp7FSreStAHpKPKAO3+wH+dCHPDymGFgoVB63AebZDATQE8JzZauU5ABJcjL1sJI4X3jG9U6RBxi+SinyUS4ntLqrlMzF2sJZv7xt+z/+xgcVO9htPQAAAABJRU5ErkJggg==",vLine:e.palette.success[600],border:e.palette.success[200],font:e.palette.success[700],bg:e.palette.success[25]},info:{icon:"data:image/png;base64,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",vLine:e.palette.info[600],border:e.palette.info[200],font:e.palette.info[700],bg:e.palette.info[25]}}))(g)[n],A=!o&&!i;return e.jsxs(_o,Object.assign({$theme:g,$colors:m,style:d},p,{className:l("dgaui dgaui_inlineAlert "+(h.isMobile?" mobile ":"")+(A?" minimal ":"")),children:[e.jsx("div",{className:"icon"}),e.jsxs("div",{className:"content",children:[e.jsx("div",{className:"leadText",children:r}),o&&e.jsx("div",{className:"helpText",children:o}),i&&e.jsx("div",{className:"actions",children:i})]}),a&&e.jsx("div",{className:"close",onClick:()=>null==s?void 0:s()})]}))},_o=er.div`
|
|
2931
|
+
direction: ${e=>e.$theme.direction};
|
|
2932
|
+
width: 100%;
|
|
2933
|
+
display: flex;
|
|
2934
|
+
position: relative;
|
|
2935
|
+
padding: 16px 24px;
|
|
2936
|
+
background-color: #ffffff;
|
|
2937
|
+
border-radius: 8px;
|
|
2938
|
+
border: 1px solid;
|
|
2939
|
+
box-sizing: border-box;
|
|
2940
|
+
overflow: hidden;
|
|
2941
|
+
|
|
2942
|
+
&::before {
|
|
2943
|
+
content: '';
|
|
2944
|
+
display: block;
|
|
2945
|
+
width: 8px;
|
|
2946
|
+
height: 100%;
|
|
2947
|
+
position: absolute;
|
|
2948
|
+
inset-inline-start: 0;
|
|
2949
|
+
top: 0;
|
|
2950
|
+
background-color: ${e=>e.$colors.vLine};
|
|
2951
|
+
}
|
|
2952
|
+
|
|
2953
|
+
.icon {
|
|
2954
|
+
min-width: 40px;
|
|
2955
|
+
height: 40px;
|
|
2956
|
+
background-image: url(${e=>e.$colors.icon});
|
|
2957
|
+
background-repeat: no-repeat;
|
|
2958
|
+
background-size: contain;
|
|
2959
|
+
margin-inline-end: 12px;
|
|
2960
|
+
}
|
|
2961
|
+
.content {
|
|
2962
|
+
width: 100%;
|
|
2963
|
+
.leadText {
|
|
2964
|
+
font-size: 16px;
|
|
2965
|
+
font-weight: 600;
|
|
2966
|
+
min-height: 40px;
|
|
2967
|
+
display: flex;
|
|
2968
|
+
align-items: center;
|
|
2969
|
+
}
|
|
2970
|
+
.helpText {
|
|
2971
|
+
font-size: 14px;
|
|
2972
|
+
color: ${e=>e.$theme.palette.neutral[700]};
|
|
2973
|
+
margin-top: 8px;
|
|
2974
|
+
}
|
|
2975
|
+
}
|
|
2976
|
+
.actions {
|
|
2977
|
+
margin-top: 16px;
|
|
2978
|
+
button {
|
|
2979
|
+
margin-inline-end: 8px;
|
|
2980
|
+
}
|
|
2981
|
+
}
|
|
2982
|
+
.close {
|
|
2983
|
+
margin-inline-start: 12px;
|
|
2984
|
+
cursor: pointer;
|
|
2985
|
+
background-image: url(${ar});
|
|
2986
|
+
background-repeat: no-repeat;
|
|
2987
|
+
min-width: 20px;
|
|
2988
|
+
height: 20px;
|
|
2989
|
+
margin-top: 10px;
|
|
2990
|
+
&:hover {
|
|
2991
|
+
transform: scale(1.1);
|
|
2992
|
+
}
|
|
2993
|
+
}
|
|
2994
|
+
|
|
2995
|
+
&.mobile {
|
|
2996
|
+
flex-direction: column;
|
|
2997
|
+
|
|
2998
|
+
&::before {
|
|
2999
|
+
width: 100%;
|
|
3000
|
+
height: 8px;
|
|
3001
|
+
position: absolute;
|
|
3002
|
+
top: 0;
|
|
3003
|
+
}
|
|
3004
|
+
.icon {
|
|
3005
|
+
margin-bottom: 16px;
|
|
3006
|
+
}
|
|
3007
|
+
.content {
|
|
3008
|
+
.title {
|
|
3009
|
+
margin-inline-end: 16px;
|
|
3010
|
+
}
|
|
3011
|
+
.actionButtons {
|
|
3012
|
+
display: flex;
|
|
3013
|
+
flex-direction: column;
|
|
3014
|
+
|
|
3015
|
+
button {
|
|
3016
|
+
margin-inline-end: 0;
|
|
3017
|
+
margin-bottom: 8px;
|
|
3018
|
+
|
|
3019
|
+
&:last-child {
|
|
3020
|
+
margin-bottom: 0;
|
|
3021
|
+
}
|
|
3022
|
+
}
|
|
3023
|
+
}
|
|
3024
|
+
}
|
|
3025
|
+
.close {
|
|
3026
|
+
margin-inline-start: 0;
|
|
3027
|
+
position: absolute;
|
|
3028
|
+
inset-inline-end: 16px;
|
|
3029
|
+
top: 16px;
|
|
3030
|
+
}
|
|
3031
|
+
}
|
|
3032
|
+
|
|
3033
|
+
&.minimal {
|
|
3034
|
+
padding: 16px 24px;
|
|
3035
|
+
|
|
3036
|
+
&.mobile {
|
|
3037
|
+
padding-top: 14px;
|
|
3038
|
+
flex-direction: row;
|
|
3039
|
+
align-items: center;
|
|
3040
|
+
|
|
3041
|
+
.icon {
|
|
3042
|
+
margin-bottom: 0;
|
|
3043
|
+
}
|
|
3044
|
+
.close {
|
|
3045
|
+
position: initial;
|
|
3046
|
+
margin-top: 0;
|
|
3047
|
+
margin-inline-start: 16px;
|
|
3048
|
+
}
|
|
3049
|
+
}
|
|
3050
|
+
}
|
|
3051
|
+
`,en=e=>{switch(e){case"top-left":return{keyframes:tr`
|
|
3052
|
+
from {
|
|
3053
|
+
left: -484px;
|
|
3054
|
+
}
|
|
3055
|
+
to {
|
|
3056
|
+
left: 16px;
|
|
3057
|
+
}
|
|
3058
|
+
`,css:Zt`
|
|
3059
|
+
top: 16px;
|
|
3060
|
+
left: 16px;
|
|
3061
|
+
`,backCss:Zt`
|
|
3062
|
+
left: -484px;
|
|
3063
|
+
`,mobileCss:Zt`
|
|
3064
|
+
padding-inline-end: 16px;
|
|
3065
|
+
`};case"top-center":return{keyframes:tr`
|
|
3066
|
+
from {
|
|
3067
|
+
top: -100vh;
|
|
3068
|
+
}
|
|
3069
|
+
to {
|
|
3070
|
+
top: 16px;
|
|
3071
|
+
}
|
|
3072
|
+
`,css:Zt`
|
|
3073
|
+
top: 16px;
|
|
3074
|
+
left: calc(50% - 242px);
|
|
3075
|
+
`,backCss:Zt`
|
|
3076
|
+
top: -100vh;
|
|
3077
|
+
`,mobileCss:Zt`
|
|
3078
|
+
padding: 0 8px;
|
|
3079
|
+
`};case"top-right":return{keyframes:tr`
|
|
3080
|
+
from {
|
|
3081
|
+
right: -484px;
|
|
3082
|
+
}
|
|
3083
|
+
to {
|
|
3084
|
+
right: 16px;
|
|
3085
|
+
}
|
|
3086
|
+
`,css:Zt`
|
|
3087
|
+
top: 16px;
|
|
3088
|
+
right: 16px;
|
|
3089
|
+
`,backCss:Zt`
|
|
3090
|
+
right: -484px;
|
|
3091
|
+
`,mobileCss:Zt`
|
|
3092
|
+
padding-inline-start: 16px;
|
|
3093
|
+
`};case"bottom-left":return{keyframes:tr`
|
|
3094
|
+
from {
|
|
3095
|
+
left: -484px;
|
|
3096
|
+
}
|
|
3097
|
+
to {
|
|
3098
|
+
left: 16px;
|
|
3099
|
+
}
|
|
3100
|
+
`,css:Zt`
|
|
3101
|
+
bottom: 16px;
|
|
3102
|
+
left: 16px;
|
|
3103
|
+
`,backCss:Zt`
|
|
3104
|
+
left: -484px;
|
|
3105
|
+
`,mobileCss:Zt`
|
|
3106
|
+
padding-inline-end: 16px;
|
|
3107
|
+
`};case"bottom-center":return{keyframes:tr`
|
|
3108
|
+
from {
|
|
3109
|
+
bottom: -100vh;
|
|
3110
|
+
}
|
|
3111
|
+
to {
|
|
3112
|
+
bottom: 16px;
|
|
3113
|
+
}
|
|
3114
|
+
`,css:Zt`
|
|
3115
|
+
bottom: 16px;
|
|
3116
|
+
left: calc(50% - 242px);
|
|
3117
|
+
`,backCss:Zt`
|
|
3118
|
+
bottom: -100vh;
|
|
3119
|
+
`,mobileCss:Zt`
|
|
3120
|
+
padding: 0 8px;
|
|
3121
|
+
`};case"bottom-right":return{keyframes:tr`
|
|
3122
|
+
from {
|
|
3123
|
+
right: -484px;
|
|
3124
|
+
}
|
|
3125
|
+
to {
|
|
3126
|
+
right: 16px;
|
|
3127
|
+
}
|
|
3128
|
+
`,css:Zt`
|
|
3129
|
+
bottom: 16px;
|
|
3130
|
+
right: 16px;
|
|
3131
|
+
`,backCss:Zt`
|
|
3132
|
+
right: -484px;
|
|
3133
|
+
`,mobileCss:Zt`
|
|
3134
|
+
padding-inline-start: 16px;
|
|
3135
|
+
`}}},tn=er.div`
|
|
3136
|
+
z-index: 2500;
|
|
3137
|
+
width: 484px;
|
|
3138
|
+
background-color: #fff;
|
|
3139
|
+
position: fixed;
|
|
3140
|
+
transition: all 0.2s;
|
|
3141
|
+
${e=>{var t;return null===(t=en(e.$position))||void 0===t?void 0:t.css}};
|
|
3142
|
+
animation: ${e=>{var t;return null===(t=en(e.$position))||void 0===t?void 0:t.keyframes}} 0.2s
|
|
3143
|
+
cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
3144
|
+
|
|
3145
|
+
&.toastClose {
|
|
3146
|
+
${e=>{var t;return null===(t=en(e.$position))||void 0===t?void 0:t.backCss}};
|
|
3147
|
+
animation-direction: reverse;
|
|
3148
|
+
}
|
|
3149
|
+
|
|
3150
|
+
.dgaui_inlineAlert {
|
|
3151
|
+
box-shadow: 0 32px 64px -12px #10182824;
|
|
3152
|
+
}
|
|
3153
|
+
|
|
3154
|
+
&:has(.dgaui_inlineAlert.mobile) {
|
|
3155
|
+
${e=>{var t;return null===(t=en(e.$position))||void 0===t?void 0:t.mobileCss}};
|
|
3156
|
+
}
|
|
3157
|
+
|
|
3158
|
+
@media screen and (max-width: 640px) {
|
|
3159
|
+
width: calc(100% - 32px);
|
|
3160
|
+
}
|
|
3161
|
+
`;const rn=er.div`
|
|
3162
|
+
direction: ${e=>e.$theme.direction};
|
|
3163
|
+
display: inline-block;
|
|
3164
|
+
|
|
3165
|
+
span {
|
|
3166
|
+
position: absolute;
|
|
3167
|
+
display: none;
|
|
3168
|
+
z-index: 1;
|
|
3169
|
+
border-style: solid;
|
|
3170
|
+
top: ${e=>e.$position.caret.top}px;
|
|
3171
|
+
left: ${e=>e.$position.caret.left}px;
|
|
3172
|
+
${e=>e.$theme.elevation.shadows.lg}
|
|
3173
|
+
border-width: ${6}px;
|
|
3174
|
+
border-color: ${e=>e.$position.caret.color};
|
|
3175
|
+
|
|
3176
|
+
&.show {
|
|
3177
|
+
display: initial;
|
|
3178
|
+
}
|
|
3179
|
+
}
|
|
3180
|
+
`,on=er.div`
|
|
3181
|
+
position: absolute;
|
|
3182
|
+
top: ${e=>e.$position.top}px;
|
|
3183
|
+
left: ${e=>e.$position.left}px;
|
|
3184
|
+
z-index: 1;
|
|
3185
|
+
background-color: ${e=>e.$backgroundColor?e.$backgroundColor:e.$inverted?e.$theme.palette.neutral[800]:"#fff"};
|
|
3186
|
+
width: 240px;
|
|
3187
|
+
opacity: 0;
|
|
3188
|
+
display: flex;
|
|
3189
|
+
visibility: hidden;
|
|
3190
|
+
max-height: 400px;
|
|
3191
|
+
|
|
3192
|
+
border-radius: 4px;
|
|
3193
|
+
${e=>e.$theme.elevation.shadows.lg}
|
|
3194
|
+
|
|
3195
|
+
.dgaui_tooltipContentIcon {
|
|
3196
|
+
padding: 8px;
|
|
3197
|
+
padding-inline-end: 0;
|
|
3198
|
+
|
|
3199
|
+
img {
|
|
3200
|
+
width: 18px;
|
|
3201
|
+
height: 18px;
|
|
3202
|
+
}
|
|
3203
|
+
}
|
|
3204
|
+
.dgaui_tooltipContentText {
|
|
3205
|
+
padding: 8px;
|
|
3206
|
+
font-size: 12px;
|
|
3207
|
+
|
|
3208
|
+
.dgaui_tooltipTitle {
|
|
3209
|
+
font-weight: 600;
|
|
3210
|
+
color: ${e=>e.$inverted?e.$theme.palette.neutral[50]:e.$theme.palette.neutral[800]};
|
|
3211
|
+
}
|
|
3212
|
+
.dgaui_tooltipDescription {
|
|
3213
|
+
margin-top: 8px;
|
|
3214
|
+
color: ${e=>e.$inverted?e.$theme.palette.neutral[100]:e.$theme.palette.neutral[700]};
|
|
3215
|
+
line-height: 16px;
|
|
3216
|
+
}
|
|
3217
|
+
}
|
|
3218
|
+
|
|
3219
|
+
&.show-tooltip {
|
|
3220
|
+
visibility: visible;
|
|
3221
|
+
|
|
3222
|
+
animation: show-tooltip 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
|
|
3223
|
+
}
|
|
3224
|
+
@keyframes show-tooltip {
|
|
3225
|
+
0% {
|
|
3226
|
+
opacity: 0;
|
|
3227
|
+
}
|
|
3228
|
+
100% {
|
|
3229
|
+
opacity: 1;
|
|
3230
|
+
}
|
|
3231
|
+
}
|
|
3232
|
+
`,nn=er.button`
|
|
3233
|
+
direction: ${e=>e.$theme.direction};
|
|
3234
|
+
height: 72px;
|
|
3235
|
+
outline: none;
|
|
3236
|
+
background-color: ${e=>e.$selected?e.$theme.palette.primary[600]:"transparent"};
|
|
3237
|
+
border-radius: 4px;
|
|
3238
|
+
font-weight: ${e=>e.$selected?600:500};
|
|
3239
|
+
color: ${e=>e.$selected?"#fff":e.$theme.textColor};
|
|
3240
|
+
padding: 8px 16px;
|
|
3241
|
+
box-sizing: border-box;
|
|
3242
|
+
position: relative;
|
|
3243
|
+
cursor: pointer;
|
|
3244
|
+
border: 2px solid transparent;
|
|
3245
|
+
display: flex;
|
|
3246
|
+
justify-content: center;
|
|
3247
|
+
align-items: center;
|
|
3248
|
+
|
|
3249
|
+
&::after {
|
|
3250
|
+
content: "";
|
|
3251
|
+
display: block;
|
|
3252
|
+
opacity: ${e=>e.$selected?1:0};
|
|
3253
|
+
position: absolute;
|
|
3254
|
+
z-index: 2;
|
|
3255
|
+
height: 6px;
|
|
3256
|
+
width: 90%;
|
|
3257
|
+
bottom: -2px;
|
|
3258
|
+
border-radius: 100px;
|
|
3259
|
+
background: ${e=>e.$selected?e.$theme.palette.primary[400]:e.$theme.textColor};
|
|
3260
|
+
}
|
|
3261
|
+
|
|
3262
|
+
&:hover {
|
|
3263
|
+
background-color: ${e=>e.$selected?e.$theme.palette.primary[700]:e.$theme.palette.neutral[100]};
|
|
3264
|
+
&::after {
|
|
3265
|
+
opacity: 1;
|
|
3266
|
+
background: ${e=>e.$selected?e.$theme.palette.primary[400]:e.$theme.palette.neutral[400]};
|
|
3267
|
+
}
|
|
3268
|
+
}
|
|
3269
|
+
&:active {
|
|
3270
|
+
background-color: ${e=>e.$selected?e.$theme.palette.primary[900]:e.$theme.palette.neutral[200]};
|
|
3271
|
+
&::after {
|
|
3272
|
+
opacity: 1;
|
|
3273
|
+
background: ${e=>e.$selected?e.$theme.palette.primary[400]:e.$theme.palette.neutral[800]};
|
|
3274
|
+
}
|
|
3275
|
+
}
|
|
3276
|
+
|
|
3277
|
+
&:focus {
|
|
3278
|
+
border: 2px solid ${e=>e.$theme.textColor};
|
|
3279
|
+
&::after {
|
|
3280
|
+
opacity: ${e=>e.$selected?1:0};
|
|
3281
|
+
}
|
|
3282
|
+
}
|
|
3283
|
+
`,an=er.div`
|
|
3284
|
+
direction: ${e=>e.$theme.direction};
|
|
3285
|
+
height: 36px;
|
|
3286
|
+
outline: none;
|
|
3287
|
+
background-color: ${e=>e.$selected?e.$theme.palette.neutral[200]:"transparent"};
|
|
3288
|
+
font-weight: ${e=>1===e.$level?600:400};
|
|
3289
|
+
color: ${e=>e.$selected?e.$theme.palette.primary[600]:e.$theme.textColor};
|
|
3290
|
+
padding: 8px 16px;
|
|
3291
|
+
position: relative;
|
|
3292
|
+
cursor: pointer;
|
|
3293
|
+
border: 2px solid transparent;
|
|
3294
|
+
border-radius: 4px;
|
|
3295
|
+
display: flex;
|
|
3296
|
+
justify-content: ${e=>"parent"===e.$type?"space-between":"flex-start"};
|
|
3297
|
+
align-items: center;
|
|
3298
|
+
|
|
3299
|
+
&::after {
|
|
3300
|
+
content: "";
|
|
3301
|
+
display: block;
|
|
3302
|
+
opacity: ${e=>e.$selected?1:0};
|
|
3303
|
+
height: 75%;
|
|
3304
|
+
width: 6px;
|
|
3305
|
+
border-radius: 10px;
|
|
3306
|
+
bottom: auto;
|
|
3307
|
+
inset-inline-start: -2px;
|
|
3308
|
+
position: absolute;
|
|
3309
|
+
z-index: 2;
|
|
3310
|
+
background: ${e=>e.$selected?e.$theme.palette.primary[600]:e.$theme.textColor};
|
|
3311
|
+
}
|
|
3312
|
+
|
|
3313
|
+
&:hover {
|
|
3314
|
+
background-color: ${e=>e.$theme.palette.neutral[100]};
|
|
3315
|
+
|
|
3316
|
+
&::after {
|
|
3317
|
+
opacity: 1;
|
|
3318
|
+
background: ${e=>e.$theme.palette.neutral[400]};
|
|
3319
|
+
}
|
|
3320
|
+
}
|
|
3321
|
+
&:active {
|
|
3322
|
+
background-color: ${e=>e.$theme.palette.neutral[200]};
|
|
3323
|
+
|
|
3324
|
+
&::after {
|
|
3325
|
+
background: ${e=>e.$theme.palette.neutral[800]};
|
|
3326
|
+
opacity: 1;
|
|
3327
|
+
}
|
|
3328
|
+
}
|
|
3329
|
+
|
|
3330
|
+
&:focus {
|
|
3331
|
+
border: 2px solid ${e=>e.$theme.textColor};
|
|
3332
|
+
&::after {
|
|
3333
|
+
opacity: 0;
|
|
3334
|
+
}
|
|
3335
|
+
}
|
|
3336
|
+
&.disabled {
|
|
3337
|
+
pointer-events: none;
|
|
3338
|
+
color: ${e=>e.$theme.palette.neutral[400]};
|
|
3339
|
+
cursor: default;
|
|
3340
|
+
pointer-events: none;
|
|
3341
|
+
&::after {
|
|
3342
|
+
opacity: 0;
|
|
3343
|
+
background: ${e=>e.$selected?e.$theme.palette.neutral[400]:""};
|
|
3344
|
+
}
|
|
3345
|
+
img {
|
|
3346
|
+
filter: opacity(0.5) grayscale(100%);
|
|
3347
|
+
}
|
|
3348
|
+
}
|
|
3349
|
+
`,ln=er.div`
|
|
3350
|
+
margin: 8px 16px;
|
|
3351
|
+
height: 1px;
|
|
3352
|
+
background-color: #d2d6db;
|
|
3353
|
+
width: 100%;
|
|
3354
|
+
`;const sn=er.div`
|
|
3355
|
+
direction: ${e=>e.$theme.direction};
|
|
3356
|
+
|
|
3357
|
+
.dgaui_searchBox_trailIcon {
|
|
3358
|
+
width: 16px;
|
|
3359
|
+
height: auto;
|
|
3360
|
+
position: absolute;
|
|
3361
|
+
inset-inline-end: 16px;
|
|
3362
|
+
top: ${({$showLabel:e})=>e?"50px":"30px"};
|
|
3363
|
+
cursor: pointer;
|
|
3364
|
+
}
|
|
3365
|
+
|
|
3366
|
+
${e=>e.$showTrailingIcon?"\n .dgaui_textInput_input{\n padding-inline-end: 24px;\n }\n ":""}
|
|
3367
|
+
|
|
3368
|
+
.dgaui_searchBox_helperText {
|
|
3369
|
+
margin-top: 8px;
|
|
3370
|
+
color: ${e=>e.$disabled?e.$theme.palette.neutral[400]:"unset"};
|
|
3371
|
+
}
|
|
3372
|
+
`,dn={small:{h:32},medium:{h:40},large:{h:48}},cn=er.div`
|
|
3373
|
+
direction: ${e=>e.$theme.direction};
|
|
3374
|
+
display: flex;
|
|
3375
|
+
align-items: center;
|
|
3376
|
+
height: ${e=>dn[e.$size].h}px;
|
|
3377
|
+
border-radius: 8px;
|
|
3378
|
+
overflow: hidden;
|
|
3379
|
+
|
|
3380
|
+
.dgaui_contentSwitcherItem {
|
|
3381
|
+
background-color: ${e=>e.$onColor?Br:e.$theme.palette.neutral[100]};
|
|
3382
|
+
outline: none;
|
|
3383
|
+
color: ${e=>e.$onColor?Sr:e.$theme.textColor};
|
|
3384
|
+
height: 100%;
|
|
3385
|
+
padding: 8px 16px;
|
|
3386
|
+
border-inline-end: 1px solid #d2d6db;
|
|
3387
|
+
display: flex;
|
|
3388
|
+
align-items: center;
|
|
3389
|
+
cursor: pointer;
|
|
3390
|
+
position: relative;
|
|
3391
|
+
border: 2px solid transparent;
|
|
3392
|
+
|
|
3393
|
+
&.active {
|
|
3394
|
+
background-color: ${e=>e.$theme.palette.neutral[950]};
|
|
3395
|
+
color: #fff;
|
|
3396
|
+
}
|
|
3397
|
+
|
|
3398
|
+
&:focus {
|
|
3399
|
+
background-color: ${e=>e.$theme.palette.neutral[950]};
|
|
3400
|
+
color: #fff;
|
|
3401
|
+
border: 2px solid #161616;
|
|
3402
|
+
box-sizing: border-box;
|
|
3403
|
+
|
|
3404
|
+
&:after {
|
|
3405
|
+
content: "";
|
|
3406
|
+
display: block;
|
|
3407
|
+
background-color: transparent;
|
|
3408
|
+
width: 100%;
|
|
3409
|
+
height: 100%;
|
|
3410
|
+
position: absolute;
|
|
3411
|
+
top: 0px;
|
|
3412
|
+
left: 0px;
|
|
3413
|
+
|
|
3414
|
+
border: 1px solid #fff;
|
|
3415
|
+
box-sizing: border-box;
|
|
3416
|
+
}
|
|
3417
|
+
}
|
|
3418
|
+
|
|
3419
|
+
&:active {
|
|
3420
|
+
background-color: ${e=>e.$theme.palette.neutral[950]};
|
|
3421
|
+
color: #fff;
|
|
3422
|
+
}
|
|
3423
|
+
|
|
3424
|
+
&:first-child {
|
|
3425
|
+
border-start-start-radius: 8px;
|
|
3426
|
+
border-end-start-radius: 8px;
|
|
3427
|
+
&:focus:after {
|
|
3428
|
+
border-start-start-radius: 8px;
|
|
3429
|
+
border-end-start-radius: 8px;
|
|
3430
|
+
}
|
|
3431
|
+
}
|
|
3432
|
+
|
|
3433
|
+
&:last-child {
|
|
3434
|
+
border-start-end-radius: 8px;
|
|
3435
|
+
border-end-end-radius: 8px;
|
|
3436
|
+
&:focus:after {
|
|
3437
|
+
border-start-end-radius: 8px;
|
|
3438
|
+
border-end-end-radius: 8px;
|
|
3439
|
+
}
|
|
3440
|
+
}
|
|
3441
|
+
}
|
|
3442
|
+
|
|
3443
|
+
&.onColor {
|
|
3444
|
+
.dgaui_contentSwitcherItem {
|
|
3445
|
+
&.active {
|
|
3446
|
+
background-color: ${e=>e.$theme.palette.primary[600]};
|
|
3447
|
+
}
|
|
3448
|
+
}
|
|
3449
|
+
}
|
|
3450
|
+
`,pn=er.hr`
|
|
3451
|
+
outline: none;
|
|
3452
|
+
border: none;
|
|
3453
|
+
${e=>"vertical"===e.$lineType&&"height: 100%; width: 1px;"}
|
|
3454
|
+
${e=>"horizontal"===e.$lineType&&"height: 1px; width: 100%;"}
|
|
3455
|
+
|
|
3456
|
+
${e=>"neutral"===e.$color&&`background-color: ${e.$theme.palette.neutral[300]};`}
|
|
3457
|
+
${e=>"primary"===e.$color&&`background-color: ${e.$theme.palette.primary[600]};`}
|
|
3458
|
+
${e=>"alphaWhite"===e.$color&&`background-color: ${jr};`}
|
|
3459
|
+
${e=>"white"===e.$color&&`background-color: ${Sr};`}
|
|
3460
|
+
`;d("@keyframes blink {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.skeletonAnimation {\n background: linear-gradient(\n 90deg,\n rgba(157, 164, 174, 0.2) 0%,\n rgba(210, 214, 219, 0.2) 49.5%,\n rgba(229, 231, 235, 0.2) 100%\n );\n\n animation: blink 1.5s infinite;\n}\n");const un=t=>{var{size:r="120px"}=t,o=u(t,["size"]);const n=c();return e.jsx(gn,Object.assign({},o,{$theme:n,$size:r,className:l("dgaui dgaui_skeletonCircle skeletonAnimation",o.className)}))},gn=er.div`
|
|
3461
|
+
direction: ${e=>e.$theme.direction};
|
|
3462
|
+
height: ${e=>e.$size};
|
|
3463
|
+
width: ${e=>e.$size};
|
|
3464
|
+
border-radius: 100%;
|
|
3465
|
+
`,hn=t=>{var{size:r="large"}=t,o=u(t,["size"]);const n=c();return e.jsx(mn,Object.assign({},o,{$theme:n,$size:r,className:l("dgaui dgaui_skeletonLine skeletonAnimation",o.className)}))},mn=er.div`
|
|
3466
|
+
direction: ${e=>e.$theme.direction};
|
|
3467
|
+
height: ${e=>"large"===e.$size?"22px":"14px"};
|
|
3468
|
+
width: 100%;
|
|
3469
|
+
border-radius: 8px;
|
|
3470
|
+
`,An=t=>{var{size:r="120px"}=t,o=u(t,["size"]);const n=c();let i=2;return"64px"!==r&&"80px"!==r||(i=4),"170px"!==r&&"120px"!==r||(i=8),"240px"===r&&(i=16),e.jsx(fn,Object.assign({},o,{$theme:n,$size:r,$borderRadius:i,className:l("dgaui dgaui_skeletonSquare skeletonAnimation",o.className)}))},fn=er.div`
|
|
3471
|
+
direction: ${e=>e.$theme.direction};
|
|
3472
|
+
height: ${e=>e.$size};
|
|
3473
|
+
width: ${e=>e.$size};
|
|
3474
|
+
border-radius: ${e=>e.$borderRadius}px;
|
|
3475
|
+
`,xn=t=>{var{size:r="large"}=t,o=u(t,["size"]);const n=c();return e.jsx(bn,Object.assign({},o,{$theme:n,$size:r,className:l("dgaui dgaui_skeletonRectangle skeletonAnimation",o.className)}))},bn=er.div`
|
|
3476
|
+
direction: ${e=>e.$theme.direction};
|
|
3477
|
+
height: ${e=>"large"===e.$size?"40px":"medium"===e.$size?"32px":"24px"};
|
|
3478
|
+
width: 100%;
|
|
3479
|
+
border-radius: 4px;
|
|
3480
|
+
`,vn=t=>{var{children:r}=t,o=u(t,["children"]);const n=c();return e.jsx(yn,Object.assign({$theme:n},o,{className:l("dgaui dgaui_skeleton",o.className),children:r}))},yn=er.div`
|
|
3481
|
+
direction: ${e=>e.$theme.direction};
|
|
3482
|
+
|
|
3483
|
+
div {
|
|
3484
|
+
margin-bottom: 12px;
|
|
3485
|
+
}
|
|
3486
|
+
|
|
3487
|
+
.circleAndLine {
|
|
3488
|
+
display: flex;
|
|
3489
|
+
align-items: center;
|
|
3490
|
+
.dgaui_skeletonLine {
|
|
3491
|
+
width: 67px;
|
|
3492
|
+
margin-inline-start: 8px;
|
|
3493
|
+
}
|
|
3494
|
+
}
|
|
3495
|
+
|
|
3496
|
+
.imageButtonAndText {
|
|
3497
|
+
div {
|
|
3498
|
+
margin: 0;
|
|
3499
|
+
}
|
|
3500
|
+
display: flex;
|
|
3501
|
+
min-width: 200px;
|
|
3502
|
+
align-items: center;
|
|
3503
|
+
|
|
3504
|
+
.rightSection {
|
|
3505
|
+
flex: 1;
|
|
3506
|
+
margin-inline-start: 8px;
|
|
3507
|
+
.dgaui_skeletonLine {
|
|
3508
|
+
margin-bottom: 8px;
|
|
3509
|
+
}
|
|
3510
|
+
}
|
|
3511
|
+
}
|
|
3512
|
+
|
|
3513
|
+
.iconAndList {
|
|
3514
|
+
display: flex;
|
|
3515
|
+
.dgaui_skeletonSquare {
|
|
3516
|
+
}
|
|
3517
|
+
|
|
3518
|
+
.rightSection {
|
|
3519
|
+
flex: 1;
|
|
3520
|
+
margin-inline-start: 24px;
|
|
3521
|
+
}
|
|
3522
|
+
}
|
|
3523
|
+
`;var Cn="data:image/png;base64,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";const wn=er.div`
|
|
3524
|
+
display: flex;
|
|
3525
|
+
cursor: pointer;
|
|
3526
|
+
|
|
3527
|
+
img {
|
|
3528
|
+
border-radius: 100%;
|
|
3529
|
+
&:hover {
|
|
3530
|
+
background-color: ${e=>e.$theme.palette.neutral[100]};
|
|
3531
|
+
}
|
|
3532
|
+
|
|
3533
|
+
width: ${e=>"large"===e.$size?48:"medium"===e.$size?32:24}px;
|
|
3534
|
+
height: ${e=>"large"===e.$size?48:"medium"===e.$size?32:24}px;
|
|
3535
|
+
margin-inline-end: 4px;
|
|
3536
|
+
&:last-child {
|
|
3537
|
+
margin-inline-end: 0;
|
|
3538
|
+
}
|
|
3539
|
+
}
|
|
3540
|
+
`,$n=er.div`
|
|
3541
|
+
direction: ${e=>e.$theme.direction};
|
|
3542
|
+
height: ${e=>"large"===e.$size?32:"medium"===e.$size?24:20}px;
|
|
3543
|
+
padding: ${e=>"large"===e.$size?4:3}px 12px;
|
|
3544
|
+
background-color: ${e=>e.$selected?e.$theme.palette.primary[600]:e.$theme.palette.primary[50]};
|
|
3545
|
+
color: ${e=>e.$selected?"#fff":e.$theme.palette.primary[800]};
|
|
3546
|
+
cursor: pointer;
|
|
3547
|
+
display: flex;
|
|
3548
|
+
align-items: center;
|
|
3549
|
+
font-weight: ${e=>"small"===e.$size?600:500};
|
|
3550
|
+
font-size: ${e=>"large"===e.$size?14:12}px;
|
|
3551
|
+
border-radius: ${e=>e.$rounded?9999:4}px;
|
|
3552
|
+
position: relative;
|
|
3553
|
+
outline: none;
|
|
3554
|
+
&:hover {
|
|
3555
|
+
background-color: ${e=>e.$theme.palette.primary[200]};
|
|
3556
|
+
}
|
|
3557
|
+
|
|
3558
|
+
&:focus {
|
|
3559
|
+
&:after {
|
|
3560
|
+
display: block;
|
|
3561
|
+
content: "";
|
|
3562
|
+
width: calc(100% + 2px);
|
|
3563
|
+
height: calc(100% + 2px);
|
|
3564
|
+
border: 3px solid #000;
|
|
3565
|
+
border-radius: ${e=>e.$rounded?9999:4}px;
|
|
3566
|
+
position: absolute;
|
|
3567
|
+
top: -4px;
|
|
3568
|
+
left: -4px;
|
|
3569
|
+
z-index: 1;
|
|
3570
|
+
}
|
|
3571
|
+
}
|
|
3572
|
+
&:active {
|
|
3573
|
+
background-color: ${e=>e.$theme.palette.primary[400]};
|
|
3574
|
+
color: ${e=>e.$theme.palette.primary[900]};
|
|
3575
|
+
&:after {
|
|
3576
|
+
display: none;
|
|
3577
|
+
}
|
|
3578
|
+
}
|
|
3579
|
+
|
|
3580
|
+
.leadIcon {
|
|
3581
|
+
margin-inline-end: 4px;
|
|
3582
|
+
}
|
|
3583
|
+
.trailIcon {
|
|
3584
|
+
margin-inline-start: 4px;
|
|
3585
|
+
}
|
|
3586
|
+
|
|
3587
|
+
&.neutral {
|
|
3588
|
+
background-color: ${e=>e.$selected?e.$theme.palette.neutral[700]:e.$theme.palette.neutral[100]};
|
|
3589
|
+
|
|
3590
|
+
&:hover {
|
|
3591
|
+
background-color: ${e=>e.$theme.palette.neutral[200]};
|
|
3592
|
+
}
|
|
3593
|
+
&:active {
|
|
3594
|
+
background-color: ${e=>e.$theme.palette.neutral[300]};
|
|
3595
|
+
}
|
|
3596
|
+
}
|
|
3597
|
+
|
|
3598
|
+
&.disabled {
|
|
3599
|
+
background-color: ${e=>e.$theme.palette.neutral[200]};
|
|
3600
|
+
color: ${e=>e.$theme.palette.neutral[400]};
|
|
3601
|
+
pointer-events: none;
|
|
3602
|
+
}
|
|
3603
|
+
|
|
3604
|
+
&.onColor {
|
|
3605
|
+
background-color: ${e=>e.$selected?zr:Sr};
|
|
3606
|
+
color: ${e=>e.$theme.textColor};
|
|
3607
|
+
|
|
3608
|
+
&:hover {
|
|
3609
|
+
background-color: ${Ir};
|
|
3610
|
+
}
|
|
3611
|
+
&:active {
|
|
3612
|
+
background-color: ${Nr};
|
|
3613
|
+
}
|
|
3614
|
+
|
|
3615
|
+
&.disabled {
|
|
3616
|
+
background-color: ${Br};
|
|
3617
|
+
color: ${Er};
|
|
3618
|
+
}
|
|
3619
|
+
}
|
|
3620
|
+
`,kn=er.button`
|
|
3621
|
+
direction: ${e=>e.$theme.direction};
|
|
3622
|
+
height: ${e=>"large"===e.$size?64:56}px;
|
|
3623
|
+
width: ${e=>e.$iconOnly?"large"===e.$size?"64px":"56px":"initial"};
|
|
3624
|
+
padding: ${e=>"large"===e.$size?20:16}px;
|
|
3625
|
+
cursor: pointer;
|
|
3626
|
+
display: flex;
|
|
3627
|
+
align-items: center;
|
|
3628
|
+
font-weight: 500;
|
|
3629
|
+
font-size: ${e=>"large"===e.$size?14:12}px;
|
|
3630
|
+
border-radius: 9999px;
|
|
3631
|
+
position: relative;
|
|
3632
|
+
outline: none;
|
|
3633
|
+
border: none;
|
|
3634
|
+
justify-content: ${e=>e.$iconOnly?"center":"flex-start"};
|
|
3635
|
+
background-color: ${e=>e.$selected?e.$theme.palette.neutral[700]:e.$theme.palette.neutral[950]};
|
|
3636
|
+
color: ${Sr};
|
|
3637
|
+
|
|
3638
|
+
&:hover {
|
|
3639
|
+
background-color: ${e=>e.$theme.palette.neutral[800]};
|
|
3640
|
+
}
|
|
3641
|
+
|
|
3642
|
+
&:focus {
|
|
3643
|
+
&:after {
|
|
3644
|
+
display: block;
|
|
3645
|
+
content: "";
|
|
3646
|
+
width: calc(100% + 4px);
|
|
3647
|
+
height: calc(100% + 4px);
|
|
3648
|
+
border: 3px solid #000;
|
|
3649
|
+
border-radius: 9999px;
|
|
3650
|
+
position: absolute;
|
|
3651
|
+
top: -5px;
|
|
3652
|
+
left: -5px;
|
|
3653
|
+
z-index: 1;
|
|
3654
|
+
}
|
|
3655
|
+
}
|
|
3656
|
+
|
|
3657
|
+
&:active {
|
|
3658
|
+
background-color: ${e=>e.$theme.palette.neutral[600]};
|
|
3659
|
+
|
|
3660
|
+
&:after {
|
|
3661
|
+
display: none;
|
|
3662
|
+
}
|
|
3663
|
+
}
|
|
3664
|
+
|
|
3665
|
+
.leadIcon {
|
|
3666
|
+
margin-inline-end: ${e=>e.$iconOnly?"initial":"12px"};
|
|
3667
|
+
}
|
|
3668
|
+
|
|
3669
|
+
&.primaryBrand {
|
|
3670
|
+
background-color: ${e=>e.$selected?e.$theme.palette.primary[500]:e.$theme.palette.primary[600]};
|
|
3671
|
+
|
|
3672
|
+
&:hover {
|
|
3673
|
+
background-color: ${e=>e.$theme.palette.primary[700]};
|
|
3674
|
+
}
|
|
3675
|
+
&:active {
|
|
3676
|
+
background-color: ${e=>e.$theme.palette.primary[900]};
|
|
3677
|
+
}
|
|
3678
|
+
}
|
|
3679
|
+
|
|
3680
|
+
&.secondarySolid {
|
|
3681
|
+
color: ${e=>e.$theme.textColor};
|
|
3682
|
+
background-color: ${e=>e.$selected?e.$theme.palette.neutral[200]:e.$theme.palette.neutral[100]};
|
|
3683
|
+
|
|
3684
|
+
&:hover {
|
|
3685
|
+
background-color: ${e=>e.$theme.palette.neutral[200]};
|
|
3686
|
+
}
|
|
3687
|
+
&:active {
|
|
3688
|
+
background-color: ${e=>e.$theme.palette.neutral[200]};
|
|
3689
|
+
}
|
|
3690
|
+
}
|
|
3691
|
+
|
|
3692
|
+
&.disabled {
|
|
3693
|
+
background-color: ${e=>e.$theme.palette.neutral[200]};
|
|
3694
|
+
color: ${e=>e.$theme.palette.neutral[400]};
|
|
3695
|
+
pointer-events: none;
|
|
3696
|
+
}
|
|
3697
|
+
|
|
3698
|
+
&.onColor {
|
|
3699
|
+
background-color: ${e=>e.$selected?zr:Sr};
|
|
3700
|
+
color: ${e=>e.$theme.textColor};
|
|
3701
|
+
|
|
3702
|
+
&:hover {
|
|
3703
|
+
background-color: ${Ir};
|
|
3704
|
+
}
|
|
3705
|
+
&:active {
|
|
3706
|
+
background-color: ${Nr};
|
|
3707
|
+
}
|
|
3708
|
+
|
|
3709
|
+
&:focus {
|
|
3710
|
+
&:after {
|
|
3711
|
+
border-color: #fff;
|
|
3712
|
+
}
|
|
3713
|
+
}
|
|
3714
|
+
|
|
3715
|
+
&.primaryBrand {
|
|
3716
|
+
color: ${Sr};
|
|
3717
|
+
background-color: ${e=>e.$selected?e.$theme.palette.primary[700]:e.$theme.palette.primary[600]};
|
|
3718
|
+
|
|
3719
|
+
&:hover {
|
|
3720
|
+
background-color: ${e=>e.$theme.palette.primary[700]};
|
|
3721
|
+
}
|
|
3722
|
+
&:active {
|
|
3723
|
+
background-color: ${e=>e.$theme.palette.primary[900]};
|
|
3724
|
+
}
|
|
3725
|
+
}
|
|
3726
|
+
|
|
3727
|
+
&.secondarySolid {
|
|
3728
|
+
color: ${Sr};
|
|
3729
|
+
background-color: ${e=>e.$selected?jr:Br};
|
|
3730
|
+
|
|
3731
|
+
&:hover {
|
|
3732
|
+
background-color: ${Br};
|
|
3733
|
+
}
|
|
3734
|
+
&:focus {
|
|
3735
|
+
background-color: transparent;
|
|
3736
|
+
}
|
|
3737
|
+
&:active {
|
|
3738
|
+
background-color: ${Er};
|
|
3739
|
+
}
|
|
3740
|
+
}
|
|
3741
|
+
|
|
3742
|
+
&.disabled {
|
|
3743
|
+
background-color: ${Br};
|
|
3744
|
+
color: ${Er};
|
|
3745
|
+
}
|
|
3746
|
+
}
|
|
3747
|
+
`,Sn={"40px":{borderWidth:2,width:40,circleRadius:2,magicNumber:118,stepNameFontSize:12,descriptionFontSize:10,innerCircleFontSize:9},"48px":{borderWidth:4,width:48,circleRadius:4,magicNumber:136,stepNameFontSize:14,descriptionFontSize:12,innerCircleFontSize:10.5},"64px":{borderWidth:5,width:64,circleRadius:5,magicNumber:185,stepNameFontSize:14,descriptionFontSize:12,innerCircleFontSize:14},"80px":{borderWidth:8,width:80,circleRadius:8,magicNumber:225,stepNameFontSize:16,descriptionFontSize:14,innerCircleFontSize:16},"120px":{borderWidth:10,width:120,circleRadius:10,magicNumber:340,stepNameFontSize:20,descriptionFontSize:14,innerCircleFontSize:24}},Bn=er.div`
|
|
3748
|
+
direction: ${e=>e.$theme.direction};
|
|
3749
|
+
display: flex;
|
|
3750
|
+
align-items: center;
|
|
3751
|
+
|
|
3752
|
+
.dgaui_circle {
|
|
3753
|
+
position: relative;
|
|
3754
|
+
width: ${e=>e.$size};
|
|
3755
|
+
height: ${e=>e.$size};
|
|
3756
|
+
border: ${e=>Sn[e.$size].borderWidth}px solid
|
|
3757
|
+
${e=>e.$theme.palette.neutral[200]};
|
|
3758
|
+
border-radius: 50%;
|
|
3759
|
+
|
|
3760
|
+
.dgaui_circle-svg {
|
|
3761
|
+
border-radius: 50%;
|
|
3762
|
+
position: absolute;
|
|
3763
|
+
top: -${e=>e.$circleRadius}px;
|
|
3764
|
+
left: -${e=>e.$circleRadius}px;
|
|
3765
|
+
transform: rotate(-90deg); /* Start animation from the top */
|
|
3766
|
+
}
|
|
3767
|
+
|
|
3768
|
+
.dgaui_circle-path {
|
|
3769
|
+
fill: none;
|
|
3770
|
+
stroke: ${e=>e.$theme.palette.primary[600]};
|
|
3771
|
+
stroke-width: ${e=>Sn[e.$size].borderWidth}px;
|
|
3772
|
+
stroke-linecap: round;
|
|
3773
|
+
stroke-dasharray: ${e=>Sn[e.$size].magicNumber};
|
|
3774
|
+
stroke-dashoffset: -${e=>Sn[e.$size].magicNumber-Sn[e.$size].magicNumber/e.$stepsCount*e.$activeStep};
|
|
3775
|
+
transition: stroke-dashoffset 0.5s;
|
|
3776
|
+
}
|
|
3777
|
+
|
|
3778
|
+
.innerCircleText {
|
|
3779
|
+
text-align: ${e=>"ltr"===e.$theme.direction?"left":"right"};
|
|
3780
|
+
font-weight: 500;
|
|
3781
|
+
position: absolute;
|
|
3782
|
+
z-index: 1;
|
|
3783
|
+
top: 35%;
|
|
3784
|
+
justify-self: center;
|
|
3785
|
+
font-size: ${e=>Sn[e.$size].innerCircleFontSize}px;
|
|
3786
|
+
}
|
|
3787
|
+
}
|
|
3788
|
+
|
|
3789
|
+
.dgaui_content {
|
|
3790
|
+
margin-inline-start: 8px;
|
|
3791
|
+
padding: 8px;
|
|
3792
|
+
|
|
3793
|
+
.preStepName {
|
|
3794
|
+
color: ${e=>e.$theme.palette.neutral[500]};
|
|
3795
|
+
font-size: ${e=>Sn[e.$size].descriptionFontSize};
|
|
3796
|
+
}
|
|
3797
|
+
.stepName {
|
|
3798
|
+
color: ${e=>e.$theme.palette.neutral[950]};
|
|
3799
|
+
font-size: ${e=>Sn[e.$size].stepNameFontSize};
|
|
3800
|
+
font-weight: 500;
|
|
3801
|
+
}
|
|
3802
|
+
.description {
|
|
3803
|
+
color: ${e=>e.$theme.palette.neutral[500]};
|
|
3804
|
+
font-size: ${e=>Sn[e.$size].descriptionFontSize};
|
|
3805
|
+
}
|
|
3806
|
+
.nextStepName {
|
|
3807
|
+
color: ${e=>e.$theme.palette.neutral[500]};
|
|
3808
|
+
font-size: ${e=>Sn[e.$size].descriptionFontSize};
|
|
3809
|
+
}
|
|
3810
|
+
}
|
|
3811
|
+
|
|
3812
|
+
&.neutral {
|
|
3813
|
+
.dgaui_circle {
|
|
3814
|
+
.dgaui_circle-path {
|
|
3815
|
+
stroke: ${e=>e.$theme.textColor};
|
|
3816
|
+
}
|
|
3817
|
+
}
|
|
3818
|
+
}
|
|
3819
|
+
|
|
3820
|
+
&.onColor {
|
|
3821
|
+
color: ${Sr};
|
|
3822
|
+
.dgaui_circle {
|
|
3823
|
+
border-color: ${jr};
|
|
3824
|
+
.dgaui_circle-path {
|
|
3825
|
+
stroke: ${Sr};
|
|
3826
|
+
}
|
|
3827
|
+
}
|
|
3828
|
+
|
|
3829
|
+
.dgaui_content {
|
|
3830
|
+
.preStepName {
|
|
3831
|
+
color: ${zr};
|
|
3832
|
+
}
|
|
3833
|
+
.stepName {
|
|
3834
|
+
color: ${Sr};
|
|
3835
|
+
}
|
|
3836
|
+
.description {
|
|
3837
|
+
color: ${Ir};
|
|
3838
|
+
}
|
|
3839
|
+
.nextStepName {
|
|
3840
|
+
color: ${zr};
|
|
3841
|
+
}
|
|
3842
|
+
}
|
|
3843
|
+
}
|
|
3844
|
+
`,jn=er.div`
|
|
3845
|
+
direction: ${e=>e.$theme.direction};
|
|
3846
|
+
width: 100%;
|
|
3847
|
+
|
|
3848
|
+
.indicator {
|
|
3849
|
+
margin: 8px 0;
|
|
3850
|
+
height: ${e=>"large"===e.$size?16:"medium"===e.$size?8:4}px;
|
|
3851
|
+
background-color: ${e=>e.$theme.palette.neutral[100]};
|
|
3852
|
+
border-radius: ${e=>"large"===e.$size?8:4}px;
|
|
3853
|
+
position: relative;
|
|
3854
|
+
|
|
3855
|
+
&::before {
|
|
3856
|
+
position: absolute;
|
|
3857
|
+
display: block;
|
|
3858
|
+
content: "";
|
|
3859
|
+
top: 0;
|
|
3860
|
+
inset-inline-start: 0;
|
|
3861
|
+
z-index: 1;
|
|
3862
|
+
transition: width 0.2s;
|
|
3863
|
+
border-radius: ${e=>"large"===e.$size?8:4}px;
|
|
3864
|
+
height: ${e=>"large"===e.$size?16:"medium"===e.$size?8:4}px;
|
|
3865
|
+
background-color: ${e=>e.$success?e.$theme.palette.success[600]:e.$error?e.$theme.palette.error[600]:"primary"===e.$style?e.$theme.palette.primary[600]:e.$theme.palette.neutral[700]};
|
|
3866
|
+
width: ${e=>e.$percentage<=100?e.$percentage:100}%;
|
|
3867
|
+
}
|
|
3868
|
+
|
|
3869
|
+
&::after {
|
|
3870
|
+
position: absolute;
|
|
3871
|
+
z-index: 2;
|
|
3872
|
+
color: #fff;
|
|
3873
|
+
font-size: 12px;
|
|
3874
|
+
transition: left 0.2s;
|
|
3875
|
+
top: -1px;
|
|
3876
|
+
inset-inline-start: calc(
|
|
3877
|
+
${e=>(e.$percentage<=100?e.$percentage:100)+"%"} -
|
|
3878
|
+
${e=>e.$percentage<100?30:40}px
|
|
3879
|
+
);
|
|
3880
|
+
display: ${e=>e.$percentage>=10&&"large"===e.$size?"block":"none"};
|
|
3881
|
+
content: "${e=>Math.min(e.$percentage,100)}%";
|
|
3882
|
+
}
|
|
3883
|
+
}
|
|
3884
|
+
.helperText {
|
|
3885
|
+
color: ${e=>e.$success?e.$theme.palette.success[700]:e.$error?e.$theme.palette.error[700]:"initial"};
|
|
3886
|
+
}
|
|
3887
|
+
`;exports.Accordion=r=>{var o,{size:n="medium",title:i,expanded:a,onChange:s,defaultExpanded:d,iconAlignment:p="trailing",flush:g=!1,children:h}=r,m=u(r,["size","title","expanded","onChange","defaultExpanded","iconAlignment","flush","children"]);const A=c(),f=t.useRef(null),[x,b]=t.useState(d),[v,y]=t.useState(0);let C=`solid 1px ${A.palette.neutral[300]}`,w="solid 2px transparent",$="pointer",k="#161616";const S=void 0!==a?a:x;m.disabled&&($="default",C=`solid 1px ${A.palette.neutral[300]}`,w="none",k=A.palette.neutral[400]);return t.useEffect((()=>{var e;(null===(e=f.current)||void 0===e?void 0:e.clientHeight)&&y(f.current.clientHeight)}),[null===(o=f.current)||void 0===o?void 0:o.clientHeight]),e.jsxs("div",{className:l("dgaui dgaui_accordion",m.className),tabIndex:1,children:[e.jsxs(ir,Object.assign({$customStyle:{direction:A.direction,minHeight:nr[n].h,padding:nr[n].p,fontSize:nr[n].f,fontColor:k,colors:A.palette.neutral,border:w,borderTop:C,cursor:$},flush:g},m,{onClick:e=>{s&&s(e,!S),b(!S)},className:"dgaui dgaui_accordion_title",children:["leading"===p&&e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",justifyItems:"center",gap:16},children:[e.jsx("span",{children:e.jsx("img",{alt:"arrowdown",src:or,style:{transition:"all 0.2s",transform:S?"rotateZ(180deg)":"none"}})}),e.jsx("span",{children:i})]}),"trailing"===p&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:i}),e.jsx("img",{alt:"arrowdown",src:or,style:{transition:"all 0.2s",transform:S?"rotateZ(180deg)":"none"}})]})]})),e.jsx("div",{className:"dgaui_accordionContent",style:{direction:A.direction,height:S?v:0,overflow:"hidden",transition:"all 0.2s",color:k},children:e.jsx("div",{ref:f,style:{padding:16},children:h})})]})},exports.Autocomplete=({label:r,className:o,size:n,variant:i,error:a,onChange:s,value:d,placeholder:p,options:u,getOptionLabel:g,disabled:h,multiple:m,maxTagsToShow:A,maxTagsLabel:f})=>{const x=c(),[b,v]=t.useState(!1),[y,C]=t.useState(""),[w,$]=t.useState(""),[k,S]=t.useState(),[B,j]=t.useState({top:0,left:0,width:0}),E=t.useRef(null),N=null!=n?n:"large";let z=x.textColor,I=x.palette.neutral[500],F=`1px solid ${a?x.palette.error[700]:x.palette.neutral[400]}`,R=`1px solid ${a?x.palette.error[700]:x.palette.neutral[700]}`,U=`1px solid ${a?x.palette.error[700]:x.palette.neutral[700]}`,D="#FFF",O=a?x.palette.error[700]:x.textColor,T=x.elevation.shadows.md;"lighter"===i&&(D=x.palette.neutral[25],F="1px solid transparent",R=`1px solid ${x.palette.neutral[400]}`,U=`1px solid ${x.palette.neutral[400]}`),"darker"===i&&(D=x.palette.neutral[100]),h&&(z=x.palette.neutral[400],F=`1px solid ${x.palette.neutral[200]}`,R=`1px solid ${x.palette.neutral[200]}`);const Y=e=>g?g(e):null==e?void 0:e.label,M=t.useMemo((()=>{let e=[];return w&&u.length>0?u.forEach((t=>{var r;(g&&g(t).toLowerCase().trim().includes(w.toLowerCase().trim())||!g&&(null===(r=null==t?void 0:t.label)||void 0===r?void 0:r.toLowerCase().trim().includes(w.toLowerCase().trim())))&&e.push(t)})):e=u,e}),[u,w]),H=()=>{E.current&&j({top:E.current.offsetTop+E.current.clientHeight,left:E.current.offsetLeft,width:E.current.clientWidth})};return t.useEffect((()=>{if(E.current){const e=()=>{E.current&&H()},t=e=>{var t;(null===(t=E.current)||void 0===t?void 0:t.contains(e.target))||v(!1)};return window.addEventListener("resize",e),window.addEventListener("click",t),()=>{window.removeEventListener("resize",e),window.removeEventListener("click",t)}}}),[E]),t.useEffect((()=>{if(!d)return C(""),$(""),S([]),void v(!1);Array.isArray(d)||C(Y(d)),m&&Array.isArray(d)?S(d):S([d])}),[d,u]),t.useEffect((()=>{b&&H()}),[b,k]),e.jsxs(br,{$theme:x,className:l("dgaui dgaui_autocomplete",o),children:[e.jsx("label",{className:h?"disabled":void 0,children:r}),e.jsxs(vr,{ref:E,onClick:()=>v((e=>!e)),className:"dgaui_dropdownContainer "+(m?"multiple ":"")+(h?"disabled":""),$customStyle:{theme:x,direction:x.direction,minWidth:xr[N].w,height:xr[N].h,padding:xr[N].p,fontSize:xr[N].f,placeholderFontColor:I,fontColor:z,border:F,borderHovered:R,borderFocused:U,backgroundColor:D,shadowFocus:T},children:[m&&(!A||A&&k&&(null==k?void 0:k.length)<=A)&&(null==k?void 0:k.map(((t,r)=>e.jsxs(Ar,{rounded:!0,size:"medium",color:"neutral",children:[Y(t),e.jsx("button",{className:"deleteIcon",onClick:e=>((e,t)=>{if(e.stopPropagation(),m&&k){let r=[];const o=k.filter((e=>e!==t));S(o),r=u.filter((e=>o.includes(e))),s&&s(e,r)}})(e,t)})]},r)))),m&&A&&A>0&&k&&(null==k?void 0:k.length)>A&&e.jsxs(Ar,{rounded:!0,size:"medium",color:"neutral",children:[f||`${k.length} selected`,e.jsx("button",{className:"deleteIcon",onClick:e=>{e.stopPropagation(),m&&k&&(S([]),s&&s(e,[]))}})]}),e.jsx("input",{className:"dgaui",disabled:h,placeholder:p,value:y,onChange:e=>{b||v(!0),C(e.target.value),$(e.target.value)}})]}),(null==M?void 0:M.length)>0&&e.jsx("div",{className:"items"+(b?" slide-bottom":""),style:B,children:M.map(((t,r)=>{if(!t)return null;let o=t;return"object"==typeof t&&(o=null==t?void 0:t.label),e.jsx(gr,{value:t,onClick:(e,t)=>((e,t)=>{if(m&&e.stopPropagation(),m&&k){let r=[];if(k.includes(t)){const e=k.filter((e=>e!==t));S(e),r=e}if(!k.includes(t)){const e=[...k,t];S(e),r=e}s&&s(e,r)}else{s&&s(e,t),S([t]);const r=Y(t);C(r)}})(e,t),selected:null==k?void 0:k.includes(t),children:g?g(t):o},r)}))}),e.jsx(yr,{$bgColor:O,className:"dgaui_autocompleteSeparator"+(b?" open":"")})]})},exports.Avatar=({size:t="medium",text:r,icon:o,imageSrc:n,className:i,square:a,index:s,border:d=!1,borderColor:p="#16161633"})=>{const u=c();let g=r,h=!1;return o&&(h=!0,g=o),n&&(g=e.jsx("img",{alt:"avatar",src:n})),e.jsx(wr,{$theme:u,$size:Cr[t],$square:a,$isIcon:h,className:l("dgaui dgaui_avatar",i),$index:s,$border:d,$borderColor:p,children:g})},exports.Breadcrumb=({items:r,className:o})=>{const n=c(),[i,a]=t.useState(!1),s=t.useRef(null),d=t.useRef(null),[p,u]=t.useState({top:0,left:0,width:0}),g=()=>{a(!0)};let h=r.map(((t,r)=>e.jsx("span",{className:"dgaui_breadcrumbItem",onClick:()=>t.onClick&&t.onClick(),children:t.label},r)));if(r.length>5){const t=[r[r.length-2],r[r.length-1]];h=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"dgaui_breadcrumbItem",onClick:()=>r[0].onClick&&r[0].onClick(),children:r[0].label}),e.jsx("span",{ref:s,onClick:g,className:"dgaui_breadcrumbItem dots",children:"..."}),t.map(((t,r)=>e.jsx("span",{className:"dgaui_breadcrumbItem",onClick:()=>t.onClick&&t.onClick(),children:t.label},r)))]})}return t.useEffect((()=>{if(s.current&&d.current){u({top:d.current.offsetTop+d.current.clientHeight,left:d.current.offsetLeft,width:d.current.clientWidth});const e=()=>{s.current&&d.current&&u({top:d.current.offsetTop+d.current.clientHeight,left:d.current.offsetLeft,width:d.current.clientWidth})},t=e=>{var t;(null===(t=d.current)||void 0===t?void 0:t.contains(e.target))||a(!1)};return window.addEventListener("resize",e),window.addEventListener("click",t),()=>{window.removeEventListener("resize",e),window.removeEventListener("click",t)}}}),[s]),e.jsxs(e.Fragment,{children:[e.jsx($r,{className:l("dgaui dgaui_breadcrumb",o),$theme:n,$icon:"ltr"===n.direction?"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACbSURBVHgBzZHBDYMwDEUdh0HaTTpCK45tpebAHG03KPdKaZG4ITECI8AocAcHOCAhFIgRF97R9n9RbIBd8o2Ss47TJ2cWbUXZyILIPDgSMdfQOj2QZzJE8VPXy3u1gCtZFHAkTsFIkmNdHZVS5biHsBGnYPgCgQmnr/ewltiF/8Hdf9lmnGdcCs8KuOEez1YkSScSEAY3/wO7pwU2FFQ/1m+2IwAAAABJRU5ErkJggg==":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACPSURBVHgB5ZI9CoUwEIQ34R3gXU1S+gMi1uoJjDdIL2KhluLZ7DWrayUSNbY6sKQY5stmCMA3VHdDUrV9avK4RTjXiEoj/E0+swjLdYrYF/IRwCZ8CrANk4wdTLMe6fxxjnAjIyAOhKLbaQva5gpwWWLZ9JIzlq8jQ9cpHgP2EADMIk+oo3/7D6jE7TnwWi3nAk7pNHjsVAAAAABJRU5ErkJggg==",ref:d,children:h}),r.length>5&&e.jsx(kr,{$theme:n,className:"dgaui_breadcrumbList"+(i?" slide-bottom":""),style:Object.assign({},p),children:r.map(((t,r)=>e.jsx(gr,{onClick:()=>t.onClick&&t.onClick(),children:t.label},r)))})]})},exports.Button=Rr,exports.Card=r=>{var o,{title:n,description:i,icon:a,type:s="default",state:d="default",effect:p="withShadow",expandableContent:g,actionsButtons:h,selected:m,expanded:A,onChange:f}=r,x=u(r,["title","description","icon","type","state","effect","expandableContent","actionsButtons","selected","expanded","onChange"]);const b=c(),[v,y]=t.useState(!1),[C,w]=t.useState(0),$=t.useRef(null),k=void 0!==A?A:v,S="selectable"===s,B="expandable"===s,j="expandable"===s||"selectable"===s?"all":"none";t.useEffect((()=>{var e;B&&(null===(e=$.current)||void 0===e?void 0:e.clientHeight)&&w($.current.clientHeight)}),[B,null===(o=$.current)||void 0===o?void 0:o.clientHeight]);return e.jsxs(Dr,Object.assign({className:l("dgaui dgaui_card"+("disabled"===d?" disabled":"")+(S?" selectable":""),x.className),$theme:b,$pointerEvents:j,$effect:p,$contentHeight:C,$expanded:k,$state:d},x,{tabIndex:0,onClick:e=>{x.onClick&&x.onClick(e),null==f||f(e,!m)},children:[(a||S)&&e.jsxs("div",{className:"cardHeader",children:[e.jsx("div",{className:"iconContainer",children:a}),S&&e.jsx("div",{className:"checkboxContainer",onClick:e=>e.stopPropagation(),children:e.jsx(pr,{value:m,onChange:f,size:"medium",disabled:"disabled"===d})})]}),n&&e.jsx("div",{className:"titleContainer",children:n}),i&&e.jsx("div",{className:"descriptionContainer",children:i}),!!h&&h.length>0&&"default"===s&&e.jsx("div",{className:"actionsButtonsContainer",onClick:e=>e.stopPropagation(),children:h}),B&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"caretButtonContainer",children:e.jsx("img",{src:or,onClick:()=>{void 0===A&&y((e=>!e))},style:{transition:"all 0.2s",transform:k?"rotateZ(-180deg)":"none"}})}),e.jsx("div",{className:"expandableContentContainer",style:{height:k?C:0},children:e.jsx("div",{className:"expandableContent",ref:$,style:{visibility:k?"visible":"hidden"},children:g})})]})]}))},exports.Checkbox=pr,exports.Chip=t=>{var{size:r="large",style:o="primary",rounded:n=!0,onColor:i=!1,selected:a=!1,disabled:s=!1,children:d,leadIcon:p,trailIcon:g}=t,h=u(t,["size","style","rounded","onColor","selected","disabled","children","leadIcon","trailIcon"]);const m=c();return e.jsxs($n,Object.assign({$size:r,$theme:m,$rounded:n,$selected:a,className:l("dgaui dgaui_chip"+("neutral"===o?" neutral":"")+(s?" disabled":"")+(i?" onColor":""),h.className),tabIndex:0},h,{children:[p&&e.jsx("div",{className:"leadIcon",children:p}),e.jsx("div",{children:d}),g&&e.jsx("div",{className:"trailIcon",children:g})]}))},exports.ContentSwitcher=t=>{var{size:r="medium",onColor:o=!1,data:n,onItemClicked:i}=t,a=u(t,["size","onColor","data","onItemClicked"]);const s=c();return e.jsx(cn,{$theme:s,$onColor:o,$size:r,className:l("dgaui dgaui_contentSwitcher"+(o?" onColor":""),a.className),children:n.map(((t,r)=>e.jsx("div",{tabIndex:0,className:"dgaui dgaui_contentSwitcherItem"+(t.active?" active":""),onClick:()=>i&&i(t,r),children:t.text},r)))})},exports.DatePicker=({hijri:o=!1,range:n=!1,minYear:i,maxYear:a,minDate:l,maxDate:s,onChange:d,onRangeChange:p,value:u,withTextInput:g=!0,textInputProps:h,closeOnSelect:m=!0,rangeSeparator:A=" - "})=>{const f=c(),[x,b]=t.useState(),[v,y]=t.useState(""),[C,w]=t.useState([]),[$,k]=t.useState(0),S=t.useRef(),B=n&&Array.isArray(x)&&1===x.length;t.useEffect((()=>{let e=0,t=0;o?(e=l?l.year:i||1300,t=s?s.year:a||1500):(e=l?l.year:i||1900,t=(s?s.year:a||2100)+1);let r=[];if(e>=t)return r=Array(200).fill(0).map(((e,t)=>t+1900)),void w(r);r=e&&t?Array(t-e).fill(0).map(((t,r)=>r+e)):e&&!t?Array(200).fill(0).map(((t,r)=>r+e)):!e&&t?Array(200).fill(0).map(((e,t)=>t+(o?1300:1900))):o?Array(200).fill(0).map(((e,t)=>t+1300)):Array(200).fill(0).map(((e,t)=>t+1900)),w(r)}),[i,a,l,s,o]),t.useEffect((()=>{const e=(new Date).getFullYear(),t=(new Date).getMonth()+1;k(o?function(e,t){let r=(e-622)/.970224;t>=9&&(r+=1);return Math.floor(r)}(e,t):e)}),[o]),t.useEffect((()=>{n||b(void 0)}),[n]),t.useEffect((()=>{b(u)}),[u]),t.useEffect((()=>{let e="";n&&Array.isArray(x)&&2===x.length?e=`${eo(x[0])}${A}${eo(x[1])}`:x&&!Array.isArray(x)&&(e=eo(x)),y(e)}),[x,n]);const j=e.jsx(r.Calendar,{ref:S,value:u||x,range:n,calendar:o?Mr:Tr,onMonthChange:e=>k(e.year),locale:o?Lr:"rtl"===f.direction?Hr:void 0,weekStartDayIndex:o?1:0,weekDays:o?["سبت","أحد","إثنين","ثلاثاء","أربعاء","خميس","جمعة"]:"rtl"===f.direction?["أحد","إثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت"]:void 0,onChange:e=>{b(e),n&&p&&Array.isArray(e)?p(e):e&&d&&d(e),m&&(n&&Array.isArray(e)&&e.length>1?document.body.click():n||document.body.click())},format:"YYYY/MM/DD",showOtherDays:!0,monthYearSeparator:" ",minDate:l,maxDate:s,children:e.jsx("div",{className:"yearsSelect",children:e.jsx("select",{value:$,onChange:e=>(e=>{var t;b(void 0),null===(t=null==S?void 0:S.current)||void 0===t||t.set("year",e),k(e)})(+e.target.value),children:C.map((t=>e.jsx("option",{value:t,children:t},t)))})})});return e.jsxs(qr,{className:"dgaui"+(B?" rangeOnlyOneSelected":""),$theme:f,children:[!g&&j,g&&e.jsx(Gr,{menuItems:j,keepOpenOnItemsClicked:!0,children:e.jsx(Pr,Object.assign({value:(null==h?void 0:h.value)||v,readOnly:!0},h))})]})},exports.Divider=t=>{var{color:r,lineType:o="horizontal"}=t,n=u(t,["color","lineType"]);const i=c();return e.jsx(pn,Object.assign({},n,{$theme:i,$color:r,$lineType:o,className:l("dgaui dgaui_divider",n.className)}))},exports.DropZone=r=>{var{title:o,helperText:n,uploadText:i,onDrop:a,filesList:l,onFileListItemDeleted:d,submitButton:p}=r,g=u(r,["title","helperText","uploadText","onDrop","filesList","onFileListItemDeleted","submitButton"]);const h=c(),[m,A]=t.useState(!1),f=t.useRef(null),x=t.useRef(null),b=e=>{if(e){const t=[];for(const r of e)t.push({id:s(),file:r});a(t)}};return t.useEffect((()=>{if(f.current){const e=e=>{e.preventDefault(),A(!0)},t=()=>{A(!1)},r=e=>{var t;e.preventDefault(),A(!1),b(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)};return f.current.addEventListener("dragover",e),f.current.addEventListener("dragleave",t),f.current.addEventListener("drop",r),()=>{var o,n,i;null===(o=f.current)||void 0===o||o.removeEventListener("dragover",e),null===(n=f.current)||void 0===n||n.removeEventListener("dragend",t),null===(i=f.current)||void 0===i||i.removeEventListener("drop",r)}}}),[f]),e.jsxs("div",{className:"dgaui dgaui_fileUploadDropZone",children:[e.jsxs(no,{$theme:h,ref:f,className:m?"hovered":"",onClick:()=>{var e;return null===(e=x.current)||void 0===e?void 0:e.click()},children:[e.jsx(to,{}),e.jsx("span",{className:"title",children:null!=o?o:"Drag and drop files here to upload"}),e.jsx("span",{className:"helperText",children:n}),p&&p,!p&&e.jsx(Rr,{color:"neutral",style:"neutral",disabled:g.disabled,children:null!=i?i:"Browse Files"}),e.jsx("input",Object.assign({ref:x,onChange:e=>b(e.target.files||void 0),type:"file"},g,{multiple:!g.multiple||g.multiple}))]}),null==l?void 0:l.map((t=>{var r;return e.jsx(ro,{theme:h,status:t.status,filename:null===(r=t.file)||void 0===r?void 0:r.name,helperText:t.helperText,onDelete:()=>d&&d(t)},t.id)}))]})},exports.Dropdown=r=>{const o=c(),{state:n,error:i,filled:a,style:s,onChange:d,children:p,onOpen:g,className:h,dropdownStyle:m,label:A,placeholder:f,value:x,valueDisplay:b,multiple:v,name:y,size:C}=r,w=u(r,["state","error","filled","style","onChange","children","onOpen","className","dropdownStyle","label","placeholder","value","valueDisplay","multiple","name","size"]),[$,k]=t.useState(""),[S,B]=t.useState(!1),[j,E]=t.useState({top:0,left:0,width:0}),N=t.useRef(null),z=null!=C?C:"large";let I=o.textColor,F=o.palette.neutral[500],R=`1px solid ${i?o.palette.error[700]:o.palette.neutral[400]}`,U=`1px solid ${i?o.palette.error[700]:o.palette.neutral[700]}`,D=`1px solid ${i?o.palette.error[700]:o.palette.neutral[700]}`,O="#FFF",T=i?o.palette.error[700]:o.textColor,Y=o.elevation.shadows.md;"filled"===s&&(O=o.palette.neutral[50],R=`1px solid ${o.palette.neutral[300]}`),"filled-darker"===s&&(O=o.palette.neutral[100],R=`1px solid ${o.palette.neutral[400]}`),"filled-lighter"===s&&(O=o.palette.neutral[25],R=`1px solid ${o.palette.neutral[200]}`),a&&(O=o.palette.neutral[50],R=`1px solid ${o.palette.neutral[300]}`),"disabled"===n&&(I=o.palette.neutral[400],R=`1px solid ${o.palette.neutral[200]}`,U=`1px solid ${o.palette.neutral[200]}`,D=`1px solid ${o.palette.neutral[200]}`,O=o.palette.neutral[50]),"read-only"===n&&(O=o.palette.neutral[25],R=`1px solid ${o.palette.neutral[300]}`,U=`1px solid ${o.palette.neutral[300]}`,D=`1px solid ${o.palette.neutral[300]}`),"hovered"===n&&(R=U),"focused"===n&&(R=D,Y=o.elevation.shadows.md),"pressed"===n&&(O=o.palette.neutral[100],R=D),i&&(R=`1px solid ${o.palette.error[700]}`,U=`1px solid ${o.palette.error[700]}`,D=`1px solid ${o.palette.error[700]}`,T=o.palette.error[700]);const M=()=>{N.current&&E({top:N.current.offsetTop+N.current.clientHeight,left:N.current.offsetLeft,width:N.current.clientWidth})},H=(e,t)=>{if(v||null==d||d(e,t),v){let r=[];r=x&&Array.isArray(x)&&x.includes(t)?x.filter((e=>e!==t)):[...x||[],t],null==d||d(e,r)}},L=t.Children.map(p,(e=>{var r,o;if(e)return t.cloneElement(e,Object.assign(Object.assign({},e.props),{onClick:H,selected:(null===(r=e.props)||void 0===r?void 0:r.selected)||x===(null===(o=e.props)||void 0===o?void 0:o.value)||Array.isArray(x)&&x.includes(e.props.value),multiple:v}))}));return t.useEffect((()=>{let e="";v?(null==L||L.map((t=>{t.props.selected&&(e=e.concat(t.props.children+", "))})),e=e.slice(0,e.length-2)):null==L||L.map((t=>{t.props.selected&&(e=t.props.children)})),k(e)}),[L,x]),t.useEffect((()=>{if(N.current){const e=()=>{N.current&&M()},t=e=>{var t;(null===(t=N.current)||void 0===t?void 0:t.contains(e.target))||(!v||v&&e.target&&e.target.classList&&!e.target.classList.contains("dgaui_dropdownItem"))&&B(!1)};return window.addEventListener("resize",e),window.addEventListener("click",t),()=>{window.removeEventListener("resize",e),window.removeEventListener("click",t)}}}),[N]),t.useEffect((()=>{S&&M(),S&&g&&g()}),[S,g]),e.jsxs(lo,Object.assign({style:m,$theme:o,className:l("dgaui dgaui_dropdown",h)},w,{children:[A&&e.jsx("label",{className:"disabled"===n?"disabled":"read-only"===n?"readonly":void 0,children:A}),e.jsxs(so,{ref:N,onClick:()=>{"disabled"!==n&&"read-only"!==n&&B((e=>!e))},className:"dgaui_dropdownContainer "+("disabled"===n?"disabled":"")+("read-only"===n?" readonly":""),$customStyle:{theme:o,direction:o.direction,minWidth:ao[z].w,height:ao[z].h,padding:ao[z].p,fontSize:ao[z].f,placeholderFontColor:F,fontColor:I,border:R,borderHovered:U,borderFocused:D,backgroundColor:O,shadowFocus:Y},children:[f&&!b&&!$&&e.jsx("div",{className:"placeholder",children:f}),e.jsx("div",{className:"valueDisplay",children:b||$})]}),e.jsx("div",{className:"dgaui_dropdownItems"+(S?" slide-bottom":""),style:Object.assign({},j),children:L}),e.jsx(co,{$bgColor:T,className:"dgaui_dropdownSeparator"+(S?" open":"")})]}))},exports.DropdownItem=gr,exports.FileCard=ro,exports.FileUpload=r=>{var{title:o,helperText:n,uploadText:i,onDrop:a,filesList:l,onFileListItemDeleted:d,submitButton:p}=r,g=u(r,["title","helperText","uploadText","onDrop","filesList","onFileListItemDeleted","submitButton"]);const h=c(),m=t.useRef(null);return e.jsxs("div",{className:"dgaui dgaui_fileUploadSingle",children:[e.jsxs(po,{$theme:h,onClick:()=>{var e;return null===(e=m.current)||void 0===e?void 0:e.click()},children:[e.jsx("span",{className:"title",children:o}),e.jsx("span",{className:"helperText",children:n}),p&&p,!p&&e.jsx(Rr,{color:"neutral",style:"neutral",disabled:g.disabled,type:"button",children:i}),e.jsx("input",Object.assign({ref:m,onChange:e=>(e=>{if(e){const t=[];for(const r of e)t.push({id:s(),file:r});a(t)}})(e.target.files||void 0),type:"file"},g,{multiple:!!g.multiple&&g.multiple}))]}),null==l?void 0:l.map((t=>e.jsx(ro,{theme:h,status:t.status,filename:t.file.name,helperText:t.helperText,onDelete:()=>d&&d(t)},t.id)))]})},exports.FloatingButton=t=>{var{size:r="large",style:o="Primary-Neutral",onColor:n=!1,selected:i=!1,disabled:a=!1,iconOnly:s=!1,children:d,leadIcon:p}=t,g=u(t,["size","style","onColor","selected","disabled","iconOnly","children","leadIcon"]);const h=c();return e.jsxs(kn,Object.assign({$size:r,$theme:h,$iconOnly:s,$selected:i,className:l("dgaui dgaui_floatingButton"+("Primary-Brand"===o?" primaryBrand":"")+("Secondary-Solid"===o?" secondarySolid":"")+(a?" disabled":"")+(n?" onColor":""),g.className)},g,{children:[p&&e.jsx("div",{className:"leadIcon",children:p}),d&&!s&&e.jsx("div",{children:d})]}))},exports.Grid=t=>{var{container:r,sm:o,md:n,lg:i,rowSpacing:a=0,columnSpacing:s=0,children:d}=t,p=u(t,["container","sm","md","lg","rowSpacing","columnSpacing","children"]);const g=c(),{isMobile:h,isTablet:m,isDesktop:A}=uo();if(r){const t=mo(d,s,a);return e.jsx(go,Object.assign({},p,{$theme:g,$rowSpacing:a,$columnSpacing:s,className:l("dgaui dgaui_gridContainer",p.className),children:t}))}return e.jsx(ho,Object.assign({},p,{$theme:g,$columnSpan:(()=>{let e=12;return h&&o&&(e=o),m&&(e=n||o),A&&(e=i||n||o),e})(),$columnSpacing:s,className:l("dgaui dgaui_gridItem",p.className),children:d}))},exports.HeaderMenuItem=t=>{var{children:r,selected:o}=t,n=u(t,["children","selected"]);const i=c();return e.jsx(nn,Object.assign({},n,{className:l("dgaui dgaui_headerMenuItem",n.className),$theme:i,$selected:o,children:r}))},exports.InlineAlert=t=>{var{leadText:r,helpText:o,type:n,actions:i,closeButton:a,onClose:s,background:d}=t,p=u(t,["leadText","helpText","type","actions","closeButton","onClose","background"]);const g=c(),h=uo(),m=null!=n?n:"neutral",A=(f=g,{neutral:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASKSURBVHgBzVm/cxpHFH57HAiKYNKjjDyjymRGDmmMm0hNUBVNZiK1iRNSy8h/AKiKUgRwHXnitJCZtKDGpIlSxXgmpIpjMnJvTEO4427zvhUQQAfawxrkb2YHbn+w3719v/YhaEF0bXtTSLkhpNgkkrdJiBh3xwbDbUHUkpJaLrnPyDDqkWCwTgtA+JkspYz1+/19V9L9MTK6W7V4s7rjBA4jEdHSXqUzCcTsfj8nz4m9MQSJx7pELyVoWda+JJEn3xK7dOuWMCgfMs0f586aN2jZdvGqpDaHQCkUCmbnjF+EOlK7/7Mk2qQlgEk0gkFzSwjR9hi7CMuynzK527REwIBYklvT/cZ0hzrWJZMDcFosmOJ0/4QEu13rCyMgfqBrhHSdbDgcLg2fRwS73e6aYQSesMNdo+tFOxQ0bw718f8jNgL5t4AcAAPNDR+UBJX0AuYLWgCnp79SrVajWrVKnU5H9a2urtKtWwna3dulVOouLQKW4ruQ4jnBnvXYEOJzPz/w8uyMDg6yTPCU7qRSlE6nmdh7FI1Gqdn8Q/WfMHH05/KHirQfuNI9jKys5NVDr2e96Fm21G2/P23I9fV1+cnOjvzr+d8z5z3nsR2ek0x+qNb42YPbK0UOWYmfhdg0mUzKb46+1V6DuXiheS/j1bpdzpi6vV7eEEZOV/SZr76k16xrlcpPE/3NZpOKhe+UHuJIE4nExPje7mfqszy1bh7gcgzGhu6CoUEUCpP+FPoIAtHoDYrHV9X3ocEMgTXQSzR9iE2DXfia7vRKuTIwhkmFh0RBrlAsqgZykOg44rwmxcZUq1VJF8IIbMAPrukuaP7ZVBY7DRxn7eREfccxw5Lj8fiFeR/zy9WqNdKHjIGgdp6Ho0wk3vccAymMFwoFyh488HQrcEOdzmvygZhBPjFvg+NHx0oFMpmM53g0+g75hckNMU9LipDSGUtpFmAgN3jOLEAvfTrstsnZaXtwI7sU6e1tFR0yma89x2dJbojf2IIRAn2gZZAhGrqz0+lt5SZmSfHR8ffsH8ueY9BPuKjdvT3ShXTdfwzHcX7RXQA3gfbgwPsKAQLVqrcbQdyGFac8vMBMgoIahHDiN9QhbB0dHWmvwVzE40VCnWKKwOw3WUA83tFMFvBC/pOFvkr/YMVIbR76icdwzIjF+XyO7qbuKNcCB45+RBHoKIxpmIpVaye+0y1cogaf59dMy+6/ogUAEpVyWUWZlwPjgTuCxcOo/OjcOFzHvInKw+hO8q9ll/hhn94CoDQSCpn3zr8PMJAizv2KSxx+IVquE9ga1m1GoQ75v3TlIV0zUK8ZLypNxOJwOFTiC/RDuiZg7+li0qzSx5Nl1WXGiDS49PHBdL9nNsOFnE/5QzsEvilYGHUUj7zGPAlCH1f4bZZx3NgjzEUjr8oWMDcf5IX3XUfeYxNv0dUDRpnFHvMmaZWAUXlAacTv5X4WILWVoJmfJbVx+Cqij4gSfbRAHafNxXc+TrOkQ2whguNQmYbh8rWQr61CXbzQRn9DsOPnuopoSCHr0hHPIpHF/ob4D9qk6fUuw5aHAAAAAElFTkSuQmCC",vLine:f.palette.neutral[200],border:f.palette.neutral[200],font:f.palette.neutral[800],bg:f.palette.neutral[25]},error:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASRSURBVHgBzVlPiFtFGP9m3stB2fzTg9DdQ/agtR7cFYsWFMyC50q9eKjSFjyIIN09iOKhmy0oSg9NEcRDwV20h16s9qqSiBdbWtjtoX/oYVNoS1tok7yU9rB5b/r9Jnlpkr6XnUlDtj/I7nvzZjK/9/v+zDcTQUNCVat5ct0ZRSpPSs2SEBluzrQf17hHhUhUVKDWZBCURTZbpiEgbDozqQyTOsik5rvImM5U4cnKtOEvMdmK+TBTYo6zqATN0wggBC2bEt2UoGo0oFiBbBXbfGZWVBbExMTK4G4DoDzv6KhUiyUgqCgmUguxz6MaYVLlOqf4Mk9jgVoVzWCOTV7rfyIjuyfcEo2NHCBm24I8gScIwqw6bYwfeXWf5+5Dj4mbnrdfCvqFthCcNxecdLoY3ncIst/lVMIpkaIcbS1qoulPh/7YMXHgyMIzQA7IUMJZDG+0glo911mnIXD33Bm6XfpbfzYaDd32/LZJSm5/laZ2f0gv7nybhgGrmIWKmqDv1ZeFEPtsvuDBzet04dDXdO/cWXph51v00tz79Ny2KUokk+RduaTbQRrtO778hklP2Xw9fHGJfbGgCQb3vXUb84LA/59+QilWaebwD0xsMrLfw5s3aO3QV/r/m0d/4v47yAI1mUxlBaoSNm/JdBSUO8PkYL6XP/vCaMzVn3+kyokVeufkH1ZK+uTPyUDKPFng0pHvtGL95KDq+YXPWdmP9XU30Bc+CZewAZOblUKKGdMBYUDArN2AqjB5IpnSCkHhjYbX0wdj4Jf4DlMIofKcZkTOdMD107+3g6HX50AGwfH64e/1B/f9KmIMggkvaAwpZ5igypn2965cjkwb6e2v0bsn/9TX8De3rWQ/8HJWBBVlkKiN6zxEI3wpCjAvTA2Cr7DPRUU20lCznSsNkZFkiUETIFKhUm5vdEqFG9jCJb3BMVMRE0DFOEA1KBkH+GVczoxBzWU713jBMyIIdW6V/opVaHrv/oHjEcE2yVrwzlDy31XTASCIVAFfi8L6iWUd6VHAmDulf2hy9x4yhVLqmuQ171/TAYhgpIq4hBsWDVHAGLygTfGglFgVG41q3iHzpQ4++N9HH7A591ktdVB21/HfrHwQS12rWGh4VbJIN+GyhsmQmOPW17DiQf7cdfxXu2JBsf+l0tOtcqteL/CSt0gWgJIXj3zbKalgehBAGgIxtIel2KCKJw7Y3PN29EBYsGKbWaUhgMi8cfoU1VnVMAUhHYG0rc/1EGyV/ZXOnsRv1IuCxEF6BhCqp6/DxraKKPtHe8RhC/Y94etNfAW3naUO9b8K/CXaYnAsFLoPlXrWYiedLfJB0THaImBuNm3PYVLk2QynnTEffQBqVSbTb/S3RlYzHEF7MIDGhzIOj6IeRBNkf8TbjMPcmIN3b5EnW8DAetBJpucD5R9AZNHImamaEnwOw3MM6rZpweqmsssIe64sVmhE0MHgB9POxONDojjYHqLncIbDg97jbJqzGdtSjI7JZlCMM+dTE+wGqiDet+Zb21beeOFkovVThCZDqNQFl0ukyk0K1hLJ4X6GeARlTwkNXxVzeAAAAABJRU5ErkJggg==",vLine:f.palette.error[600],border:f.palette.error[200],font:f.palette.error[700],bg:f.palette.error[25]},warning:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQsSURBVHgBzZnLa1NbFMa/vfPA3Iem3rZ6wQvJBS94fbTiQAXBFEFnPgYKOlLUqW0d6qDxH9BmXrFOdOBAdKQDMeJAh1HRgYI9ouIjaqNUg3mc7Vo7OWkaT5J9TkLqD1LOYx/Od7611n5VwCeqmE1AySEoO0GnwxAiSlejlbsiR8cWFCzAfgAp0yI0kIYPhJfGSs1GUSqNQomxeTHGWPS6NMqBMyLSZ5k+ZCSwKmyCHBlDVxDTpkLbClSFj6P0N+nDsXZYkCIpgv0XWzVqKZDy7Fz3XGvKpAgPjDe76SpQh7RYukqHCfSGDELBESH6co03pGvzYuk2eieOGa4a8hM/CdRh5Qd6T0IV9LsXsCDEKv/+MALiAhYTuzwulqycdE5rAlV+NgZJoRWIYXHJUT7GnXycD7EsJn8BcQwX6IRzoh3U7gVKM+iAT4/u4SP9mL/Wb8Vy+nVEKNjHLlYcZPc64OHkSdw/dQBv79/UIvn4ydQZdEShoPvfYOVMbIdPnl0+p0VtS93A0n/X6mv5969w98Quffz/sQn4QkgawZCUelbiM/dYyLNLZ7H60MmaOCYyuAqbTk/BujZVC7sPoiqfTUjYerrkCw7lqh379a8RzkO+zg77RpSHJWRgCD54desKinOfsfrg/DBa+vplQZs1x5P48vwxrOvn4Q9BDioVg0d0aMmZ+O6jiKz4p3b9KYWbC8Yh9PtS3YbToFG8EVIOcRXH4BF2jz5M5149biJie44h+McyzFA++iDKAj3N8+oLwwR2cQ1VMoc5/+4lPBKVHh/QYeQqdSuMZqzcsgt/UpU/9VEwLDBn2pjde03h3TB21vU+uxqjnHO9R8XEz3p0kUYSZS6Q3Vu+bovuQtzgiuWPcMMZ/ma8VbRF3YzImLZmARyuZrwkh1r1eys278Q7Gg6Nse0XQZTtOyRyr0l7dqe+W2lkuEnoHZZRHjZz2BWBDIXY3EEezt62cCBIFcu/ZrDDnCLG2DItRUSv+I3y0El0PyMD5x4/G6d+0QxlsbbKfPB7lierRtMO7gM5z9ip3yjcrRxjuPP+Vq3c/+gDY8YCxbQI9x+pCKwsM2cNn9Qv/UCzFO4y2g1h/AGct/1Uwe0+ZgHlUlxE/rbm1ySFLC9URvFLUHFPHzmXqi7ytL/bWxweoV2xcnmE3eOz2lCnV1G26nCe3gWkTDri9Gn9PbFkkMOcwqKhUo2bSe57M4Vsr7c++K0ZER7c2HjVfTYTCu4Db+j0jjRCX0fcbrgK5HykLTH+mh6Em8IaHqCdrbjrYNFyPkgPjqGsjlCJW+g+XJTjFNaW+49tJ6wiMjhNGzojJPIiuoZKITQXrxZl6/fDAyr/hjaYAkk63E55EIM3cjT3TCE8N9ksnOhUYD28qIbkNTX9K6Ky8OdftE4Mi8jQDgHt7NsPqpMSz/wAP+ylCNjUveUAAAAASUVORK5CYII=",vLine:f.palette.warning[600],border:f.palette.warning[200],font:f.palette.warning[700],bg:f.palette.warning[25]},success:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANiSURBVHgBzZg9aFNRFMf/976kKP16wSaQQUhcK7QuCl1MwcFRUTcHFRzEoS2Ia9O1S1NXQVtwEZTi5pa4CkI6dG7AodAPEpIUhbx3r+e85pU0pkney8vHb0nyPvL+73/uPffcI+CTo1oxJWVoTgukhNbzGsKkw2b9dAkCBfosaFvtAioXDUdy8IHwcnFRF02F0JJWWG4Q0xX0AgV6WM6QtbWIiBS6va8rgWfCjFWtxDICQWx1K7SjwBNdYcfS8OhYJxxHJdIzYmK73XWivbjyRnCuXSJAisw1MbFy6flWBzmktg7t0GumMAgE8oawFinkpeZTstX1lg5nByaO0Zh3DGnBfwI5rJw2MGjIkBNd3Wg+fCHEh1b5mRTiI4aIglqJGdMZ9/e5QBp3CUuFswI6geFSMqSVdMfjeYhrtpEeAXEM5dzwqvvDcZDds1VoHyMEuRhhFx0H2T2MGJYlnfzrOHhkV/dHJLyNlGaMyYjkqqTf4sp/T+ED86hWSVGIZQp95HfxEPfevcH3vZ/witZqntKenEOfYHGP3q9iIXkT92dvwyu0TpODAgn0gUZxmSev4QdJ5vEsTiBgXHHTV8d9i2M0tMkCA63zGsV9fbmGHjElAqRZ3NSVcfQKCyx5venzryzurL9yBLlwKnnxad1JrB+evg1EHGuTlAM9C1y4MUvjA3hMbrFIFsfOlf+c4gs5dz0SQyDQzlAcW5Ud+vIAHnHDyY7NxhPYOygEKw6cB/U3qZT6AR+wEB5n7GQ/xDlonRe8nNDuKgufsJM8KQIacxeg3eSiUywc25UiAk43vUI5sBA1ppJOmtFKbWLEEJC5s0/Ut5kqVMQIUaOyP06dB8dBrlwp3iPkotiK19sijZsms172D3Us8tizpL3oCjxf6thFZaueF89eEVKm4w1NpQtrcWxsOjPMUPOzm5tJLXszx6oy2NYHQY3QfFRO3mo+3rKaoUbOQ27oYFBo5KrUPGp1qm37jVaZDK0yS+gjHNZoePLSFl/bepBvVFo/55mFwNE0KcVKO3FMx4I1Fpra4mlPQrcREOxaRdrJ2NhEptO1nproB9QiMbiHI3BXQCTgCU2LgdishqxMskWjEkEIbISrIGqWpZxtq7Mz5M2/MF0x9MclrUWeXianFHYplDn44B+38nKPa3CIJgAAAABJRU5ErkJggg==",vLine:f.palette.success[600],border:f.palette.success[200],font:f.palette.success[700],bg:f.palette.success[25]},info:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARRSURBVHgBzVk/bBNXGP+9S0niVLFiGbWVkqqOWol2ggx06VAjMqMydWpTOltKMnRgaZwOMHRoLMEMdGNK1ZmIdGgHFswEDBXHn6gVwrKVQGyCcsf3e3cXbOfueM+ybH7Si8/37sv73ffvfe+zQo+oN/0iFI7LKMLHCbk1FQ6iIfdd+XQ9D3ccYDOXUZvoAcrm4brvT2EPi0JoqY2MKVxZbRMeVoWsaypkRFATe4kVuVxCP6Bw1ZToWwnWW/6ifJRhr7G3wYWDcm5UXUt7KJWgkPsN/dJaMtZy42o5aTKWYGjSdbksYhBQqGIUp3JKNbqnnFiBPdzEoMgRzAKBQg7hEEFt1iBtDBrF0KU60GHiZ03/hxGFKxgiPGA5P67Wou8HBCXxFuQbTVvAcNHAGGYjfzwwsRekkgKGjyjnamgNhtp7gB5w6/4L3Li9jQ0Z2819fW86P4ovPh7H2a9y+PLY++gJY8hRi5pgrelfdRQWbOS3nu3h/JUtTZAkTs9NYkaITU6M4O7jptzf1aTn57I4/+1HmD46avPv4flYzWdUOdBgy6f2CqbCJPD9rw9ESxlcPDeduHj0Evy8XPoEn4tWLdCQBJ5TYVVy01SKi5EczVc684GRzKU/n+LajRr++PlTO036OOV4lgn5wvX/9SLd5KjV0uVHmvy9x62OOT5Ln6Q2beApnHAcR2o6Q9Df6Fc0azsirU5mHCF/BN/J9fbufsczlKE8hynE/4qOqLFgKrD+T107fbeZdpoespkRXPxxRojMYEfIdWuRMgwmRrwFwePMgwVTgXuPWjgZkzbo/Osrn+lr+tvkhGgyf+TQc6fl5Taq5gQFUyRoXOc9qb3SvhSHrKQXmpoES2c+jA2GGSG9vevBlqAVun2rHYxUusDCfD52njnSFu+Be5+hFrMSBFuixSQwQLIpJO6KX8aZPgUNK4Lah8TJkzS0MH80Vf7W/eeJLpIA19HVrCFoPqYJ+locaOL1v+uxc5TZuL2jE7wpfOCh4+3jL1MBpgmOpIRL7W5Ud2LnKMMXtCkefB/Vnra6b375V5vZZqujZn//adZ6q4uKBdrFON3Q2UuXHurFTIoFboMkx+LCAq4UC7NRuVWWcmvFRpqLX7j+n/Yrmu7ksQlNgGloqxb4W1SKpb1EIuRwnxtT5wIN1uWYmUEdPYAkuAVyl3lSC4KH2x4j3tbnOuBL2S+dh4MzSW3XX5PCYRHvAkLtBZchQi2ycO13i8MWLoMj6tscbHVyAGDCXsWQMcJ+TVtTqWMvlqhZk35eBcNDJdvVTIrvzbT8wbY+AiZV8bu57tvx1UwTZ+Wv8RbYB2yyeRQ3EUuQ/ijmnhuQuSuyVmxni0itB/MTakkiiuHuov8goWUhl9p/NGsBS+eBrRHbw30KKtI5KCdprR12TfQ3RL+GfR+nIdaoYFw6qgbEeiLYDlZBPFM7Sh9bC+F48zNEMKr8CULaGHd6/RniNTDfu03o+dx1AAAAAElFTkSuQmCC",vLine:f.palette.info[600],border:f.palette.neutral[200],font:f.palette.info[700],bg:f.palette.info[25]}})[m];var f;const x="color"===d,b=!o&&!i;return e.jsxs(Ao,Object.assign({$theme:g,$colors:A,$isColored:x},p,{className:l("dgaui dgaui_inlineAlert "+(h.isMobile?" mobile ":"")+(b?" minimal ":""),p.className),children:[e.jsx("div",{className:"icon"}),e.jsxs("div",{className:"content",children:[e.jsx("div",{className:"leadText",children:r}),o&&e.jsx("div",{className:"helpText",children:o}),i&&e.jsx("div",{className:"actions",children:i})]}),a&&e.jsx("div",{className:"close",onClick:()=>null==s?void 0:s()})]}))},exports.Link=t=>{var{children:r,style:o="primary",size:n="medium",inline:i,disabled:a}=t,s=u(t,["children","style","size","inline","disabled"]);const d=c(),p="on-color"===o?"#FFF":d.textColor,g=(h=d,{primary:{default:h.palette.primary[600],hovered:h.palette.primary[400],active:h.palette.primary[600],visited:h.palette.primary[800],disabled:h.palette.neutral[400]},neutral:{default:h.palette.neutral[700],hovered:h.palette.neutral[500],active:h.palette.neutral[400],visited:h.palette.primary[800],disabled:h.palette.neutral[400]},"on-color":{default:"#FFF",hovered:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",visited:"rgba(255, 255, 255, 0.9)",disabled:"rgba(255, 255, 255, 0.3)"}})[o];var h;return e.jsx(xo,Object.assign({$theme:d,$fontSize:fo[n].f,$lineHeight:fo[n].lh,$focusBorderColor:p,$style:g,$inline:i,$disabled:a},s,{href:a?"":s.href,className:l("dgaui dgaui_link",s.className),children:r}))},exports.List=t=>{var{children:r,style:o="primary",type:n="ordered-list",level:i=1,iconUrl:a=""}=t,s=u(t,["children","style","type","level","iconUrl"]);const d=c(),p=(g=d,{neutral:{text:g.textColor},primary:{text:g.palette.primary[600]},"on-color":{text:"#FFF"}})[o];var g;const h="ordered-list"===n?vo:bo;return e.jsx(h,Object.assign({$theme:d,$colors:p,$listStyleType:Co(n,i)},s,{className:l("dgaui dgaui_list",s.className),type:"ordered-list"===n&&1==+i?"1":"a",$iconUrl:a,$level:+i,children:r}))},exports.Loading=t=>{var{style:r="primary",size:o="medium",className:n,loadingStyle:i}=t,a=u(t,["style","size","className","loadingStyle"]);const s=c(),d={primary:(p=s).palette.primary.main,neutral:p.textColor,"on-color":p.textOnColor||Sr};var p;return e.jsx($o,Object.assign({},a,{$theme:s,$customStyle:{color:d[r],size:wo[o]},$style:r,className:l("dgaui dgaui_loading",n)}))},exports.Menu=Gr,exports.MenuItem=ko,exports.MenuItemGroup=t=>{var{title:r,children:o}=t,n=u(t,["title","children"]);const i=c();return e.jsxs(Bo,Object.assign({$theme:i},n,{className:l("dgaui dgaui_menuItemGroup",n.className),tabIndex:0,children:[e.jsx("div",{className:"groupTitle",children:r}),o]}))},exports.Modal=r=>{var{icon:o,title:n,body:i,align:a,size:s=600,open:d,onClose:p,footerStartButtons:g,footerEndButtons:h}=r,m=u(r,["icon","title","body","align","size","open","onClose","footerStartButtons","footerEndButtons"]);const A=c(),f=uo(),x=t.useRef(null);return d?e.jsxs(e.Fragment,{children:[e.jsx(Eo,{className:"dgaui dgaui_modal_backdrop",onClick:()=>null==p?void 0:p()}),e.jsx(jo,{$theme:A,$align:"start"===a?"flex-start":"center",$size:s,className:l("dgaui dgaui_modal "+m.className),children:e.jsxs("div",Object.assign({},m,{ref:x,className:"dgaui_modalContent"+(f.isMobile?" dgaui_modalMobile":""),children:[e.jsx("div",{className:"dgaui_modalClose",onClick:()=>null==p?void 0:p()}),(n||o)&&e.jsxs("div",{className:"dgaui_modalHeader",children:[o&&e.jsx("div",{className:"dgaui_modalHeaderIcon",children:o}),n&&e.jsx("div",{className:"dgaui_modalHeaderTitle",children:n})]}),i&&e.jsx("div",{className:"dgaui_modalHeaderBody dgaui_hiddenScrollbar",children:i}),(!!g||!!h)&&e.jsxs("div",{className:"dgaui_modalHeaderFooter "+(!g&&h?"onlyEnd":""),children:[g&&e.jsx("div",{className:"dgaui_modalHeaderFooterStart",children:g}),h&&e.jsx("div",{className:"dgaui_modalHeaderFooterEnd",children:h})]})]}))})]}):null},exports.NavigationDrawerItem=r=>{var o,{children:n,title:i,selected:a,type:s="link",level:d=1,disabled:p,expanded:g,defaultExpanded:h}=r,m=u(r,["children","title","selected","type","level","disabled","expanded","defaultExpanded"]);const A=c(),[f,x]=t.useState(h),[b,v]=t.useState(0),y=t.useRef(null),C=void 0!==g?g:f,w=l("dgaui dgaui_ndi"+(p?" disabled":"")+("parent"===s?" parent":""),m.className);return t.useEffect((()=>{var e;(null===(e=y.current)||void 0===e?void 0:e.clientHeight)&&v(y.current.clientHeight+10)}),[null===(o=y.current)||void 0===o?void 0:o.clientHeight]),"divider"===s?e.jsx(ln,{}):e.jsxs(e.Fragment,{children:[e.jsxs(an,Object.assign({},m,{className:w,$theme:A,$selected:a,$level:d,$type:s,tabIndex:0,onClick:()=>{x(!C)},children:[i,"parent"===s&&e.jsx("img",{src:or,style:{transition:"all 0.2s",transform:C?"rotateZ(180deg)":"none"}})]})),"parent"===s&&e.jsx("div",{className:"dgaui_ndiContent",style:{direction:A.direction,height:C?b:0,overflow:"hidden",transition:"all 0.2s"},children:e.jsx("div",{ref:y,children:n})})]})},exports.Notification=r=>{var{style:o="neutral",icon:n=!0,leadText:i,link:a,dismissible:s=!0,button:d,helpText:p,onClose:g}=r,h=u(r,["style","icon","leadText","link","dismissible","button","helpText","onClose"]);const m=c(),A=o,[f,x]=t.useState(!0);return f?e.jsx(No,Object.assign({$theme:m,$colors:(b=m,{neutral:{bg:b.palette.neutral[50],text:b.palette.neutral[700],border:b.textColor,icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgBvVU7UsMwEH0SKUiXioHOnADKlA4nyNBShI6S3CDODUJJFwpaxicAp0uZG6AOhspdQmGbXUX22CH4MxZ5M7Zkr/Y9rVZaAf8MUWZ03WFvfYSRTOAmwCX9coxJkaeido4Ii2Xgq0YCTLyRuCfSMQ3ooRre8tWf1hLou0MHEm+52daFQozBbjTCEvmfIrJgbkcO7UscvMS/BPpXwwnakWcilL9x+qGXyCzNe5Xny/Ojbq9v7krH0eYIuzHOg8APtxFIuLAI3nlriVvud4zkqPxEbFE184JIoic9k0bSgW0IXHCTJtmp48M5SPNQAw6/OmiAs9MTNEUagYJ9qEyA8ruCbYicQAwsYBsRVdpU4DvGPEkQVvl8fH7ppyb0pLPdT6XCo2YCO5hS+fa4k9WiTYwZHTiFtiCOlLwgsKK6QcZBKxH2ZY4c9l84gsp209NtyEsvnIJQzZzw5hACD8e0xFw9d+2lJU5HQ1c0jRqZiBxjUgmfHYGgG+FpH/HB8ANrR4JKA6DRAwAAAABJRU5ErkJggg=="},critical:{bg:b.palette.error[50],text:b.palette.error[700],border:b.palette.error[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGYSURBVHgBvVW9UsJAEN5NQLBLmUJnDsZeK1vB1qHgCfAN5A2AN9A3wCegYGz5aW30AfzJjONMynSKhKy3CYEDHS6YyDeT3N/efne3t98B/DNw02BPWNaeUWhIq0pAeIIIgvuJwJF1R1a70xmM647rbEUQOS5eEVJTmligWyVB++LF7SQi6Alb5AwYxqtNCgJw/BlU13eDWTjfRGKoBmmcM+RqRc6EIR/xD4K7st1K43yFxCg2lXZ0NHkTXnWTz0f3YTmonGosyZvOJqW643nhDkwTKpAA+weH4acHWnmjcMk1Y/5rQNbAaNEhgUwcARmDAI8XBFkEdx0cbC5z20z6eH+DbRESzLVF6IwHZ7rbswQnHZdRkJEeIWOgSiB3ME4yifMgzoUE6C4IpsGky8mhnYKgEfglWMZBNe+X7baMQwsyACF0ak9ue4WABUpqyEPaK8vBrT27pbi9EDvWDT+AKt8o+CNiuVb7dvvgqOgfyZhQkpiQR4g3vv95zaewPqp59G3BSstiyHqlPvph7hCMvoLJ7W+Od4Zv9VKZiJJSgxIAAAAASUVORK5CYII="},warning:{bg:b.palette.warning[50],text:b.palette.warning[700],border:b.palette.warning[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFzSURBVHgB5ZS7TsMwFECvA6ipukSsLOUHEIiFBSkMgQjEwAcgOjGXLwgzEhJ8AQMbC0OVQGFoNkbEF3RiYCIbBCk2sZWkzsOPCDEgzuI8fH2de3wD8K/wHXMQbJtHbWKQ7sQ71+xjAlN6jRFs7d9/hjpxBmiSLj7Jr+cIeLpxWgloadKhn98TADvY6Qx1YpUlykoz4RNkaaKvuLt8EEaRLF75BQmG0/ribG9Wp/OhLJX0C3ixlMWVTVjoWfD2NCrmqITPgwReLGXj7IGNgdstnmXCQ9EawhJVxYpQCW9MQEuTvtE+imkS79a2LO0EYrEixMJrCejuEYJWvwMKATQcuaZdfV6TXBXL83J+DDKahJeOKRNrwBX8AATkZHccX8zuM8QdO6OpD+qUO7xwoCOW9sG6dwNyysIRt/upIhKWnEM2vj5eq6YWHc4ky8Ty6CyckwtHvtNbBSN5ht8AJ2usRL5rDjBu01hqDETe98bxJfx5vgHxJocZugq6oAAAAABJRU5ErkJggg=="},success:{bg:b.palette.success[50],text:b.palette.success[700],border:b.palette.success[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH9SURBVHgBvVU9S/NQFD4n79vb+gHWSXQxRWcVnNzqoPYXuEndXAQF8WOzjtalIg6Cg/4CwcmPQR3EwUUFF1EaF8HJCgoxxV7PSdIa07QmtvrATXI5l+e55+Te5wD8MrBqdDoeDYXCSUSI06yPhmpHNClBA5RbeVROYHlPCyZAxEKIKUlfCBiFbyFTRvpgyZ/AfEIVUh45dusXmoE46M4G60ReUURxRmskZ1gbpBKXCYi54cUayT9FQmK6OLFKZJUmC/VDzjDeYpA5zpkZhArvcfgBNkdn4GZhG6KRJncoGhbhcf6wS6QkISCYfKx/CFoams3hBt2TeEmALpLqRdLZ2laVPKe/wtDGHNw/PZYvQugtCYDHz2VyTv98av1LCdzkVw93UAGqU6AMz/qLubOeji44nEibIgHIHYkAH9GRLFTIgsn5zaQsEoBcM9L7MTsDeeG1gjMo1jggOZhmSPjHj/8D3e2US8Jr4TOR7l6fQUukGSZ31nyRm0BMFU5vL62LxrYsRNafc/qDghjTyZOsEtGNQwmrUC9IXNJtwyudIiNvZOilQe3QjJW9VHHyeUzZN9hqaxPRbI4SyhpOhIyv8MOGw+R61YbjgJhNpKjnLsI3kCDp/ymrjXk9k6MquONVmz5n815g05JJ26/U4m5pXNBZP27Kv217Ef8ZPgAOAtiZl+lFiAAAAABJRU5ErkJggg=="},info:{bg:"#EFF8FF",text:b.palette.info[700],border:b.palette.info[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVHgBvZU/TsMwFMbfc9J2zYAqFqSysKHSoXt6C4ZK7Q0oXKDtCSg3CFIHRm5QOjMUCbGwEImlgiVDB9o4edhuEjUU5Y8S+ElxbCXv+2y/5Bngj8Gkh0Z/YdS43hNdExDPgKixjUJb9G2f0NIq7nxptexcBlK4yvUL0R2IFwxIgQBGH9PTcSaDw/6iQW5lBhjMNiuENlbczs/VYCniCSYs9ryIuETESg25xXsG9e7LsJD4jkmVs0E0lI3aGq6/pcU+Xp+oe/vyNe1VZ63zY8dqOWoF3kYzIQsUXOkYNZf1ZUeXDWPYyxLVvkqd+Q5oimayzQFiA8qGsaa6qQFlS67MQZiHVAJNHXJwdFCFvIRbZEPZBJrKgIieoGxEMYwMkPw5lAyKShsZrCu+RUBOWtD750ZdmfBcNemo2NW7zyMxGEIJIPjj5bQ5kv2oFm10Pgn3rRBCIxSPGci6gZ7XKWQiYpXGDvsHzrkofJo2y/13B+LLu4QDJ2YkckIZciI/DgZ487XiE+e+tfehJB76cjXANJNkMZQrih/68t95WK/47W/C/8Y3LR2435JQAzIAAAAASUVORK5CYII="}})[A]},h,{className:l("dgaui dgaui_notification",h.className),children:e.jsxs("div",{className:"contentContainer",children:[n&&e.jsx("div",{className:"icon"}),e.jsxs("div",{className:"content",children:[i&&e.jsx("span",{className:"title",children:i}),p&&e.jsx("span",{className:"message",children:p})]}),e.jsxs("div",{className:"actions",children:[a&&a,d&&d,s&&e.jsx("div",{className:"close",onClick:()=>{x(!1),null==g||g()}})]})]})})):null;var b},exports.Pagination=t=>{var{count:r,currentPage:o,siblingCount:n=1,onPageChange:i,size:a="small"}=t,s=u(t,["count","currentPage","siblingCount","onPageChange","size"]);const d=c(),p=r<=1e3?e.jsx(Gr,{onOpen:()=>{var e,t;const r=document.getElementsByClassName("menueItemsContainer");for(let o=0;o<r.length;o++)null===(e=r[o])||void 0===e||e.scrollTo(0,(null===(t=document.getElementsByClassName("selectedMenueItem")[0])||void 0===t?void 0:t.offsetTop)||0)},menuItems:Array(r).fill("").map(((t,r)=>e.jsx(ko,{onClick:()=>null==i?void 0:i(r+1),trailIcon:o===r+1?e.jsx("img",{src:lr}):void 0,className:o===r+1?"selectedMenueItem":void 0,children:r+1},r))),children:e.jsx(Io,{size:a,children:"..."})}):e.jsx(Io,{size:a,children:"..."}),g=2*n>=r?1:n,h=1===g?o<=2*g+1:o<2*g+1,m=!h&&o>r-2*g,A=!h&&!m,f=!h,x=!m;let b=1+2*g;const v=Array(b).fill(0).map(((e,t)=>t+1)),y=Array(b).fill(0).map(((e,t)=>o-g+t)),C=Array(b).fill(0).map(((e,t)=>r-t)).reverse(),w=r<=5;return e.jsxs(Ro,Object.assign({$theme:d},s,{className:l("dgaui dgaui_pagination",s.className),children:[e.jsx(Io,{className:"noAfter",size:a,onClick:()=>o>1?null==i?void 0:i(o-1):void 0,children:"<"}),w&&Array(r).fill(0).map(((e,t)=>t+1)).map((t=>e.jsx(Io,{size:a,selected:t===o,onClick:()=>null==i?void 0:i(t),children:t},t))),!w&&e.jsxs(e.Fragment,{children:[!h&&e.jsx(Io,{size:a,selected:1===o,onClick:()=>null==i?void 0:i(1),children:"1"}),f&&p,h&&v.map((t=>e.jsx(Io,{size:a,selected:t===o,onClick:()=>null==i?void 0:i(t),children:t},t))),A&&y.map((t=>e.jsx(Io,{size:a,selected:t===o,onClick:()=>null==i?void 0:i(t),children:t},t))),x&&p,m&&C.map((t=>e.jsx(Io,{size:a,selected:t===o,onClick:()=>null==i?void 0:i(t),children:t},t))),!m&&e.jsx(Io,{size:a,selected:o===r,onClick:()=>null==i?void 0:i(r),children:r})]}),e.jsx(Io,{className:"noAfter",size:a,onClick:()=>o<r?null==i?void 0:i(o+1):void 0,children:">"})]}))},exports.ProgressBar=t=>{var{label:r="",helperText:o="",size:n="medium",style:i="primary",percentage:a=0,error:s=!1,success:d=!1}=t,p=u(t,["label","helperText","size","style","percentage","error","success"]);const g=c();return e.jsxs(jn,Object.assign({$size:n,$theme:g,$percentage:a,$error:s,$success:d,$style:i,className:l("dgaui dgaui_progressBar"+("neutral"===i?" neutral ":""),p.className)},p,{children:[r&&e.jsx("label",{children:r}),e.jsx("div",{className:"dgaui indicator"}),o&&e.jsx("div",{className:"helperText",children:o})]}))},exports.ProgressIndicator=t=>{var{children:r,alignment:o,steps:n,activeStepIndex:i,dot:a,onStepClick:s}=t,d=u(t,["children","alignment","steps","activeStepIndex","dot","onStepClick"]);const p=c();return e.jsx(Yo,Object.assign({},d,{className:l("dgaui dgaui_progressIndicator",d.className),$theme:p,$alignment:o||"horizontal",$dot:a,children:n.map(((t,r)=>{const o=r<i?"completed":r===i?"active":"upComing";return e.jsxs("div",{className:"step "+o,onClick:()=>null==s?void 0:s(r),children:[e.jsx(Uo,{dot:a,status:o,children:a?void 0:r+1}),e.jsxs("div",{className:"stepContent",children:[e.jsx("div",{className:"title",children:t.title}),e.jsx("div",{className:"description",children:t.description})]})]},r)}))}))},exports.RadialStepper=t=>{var{size:r="64px",style:o="primary",onColor:n=!1,stepsCount:i,activeStep:a,innerCircleText:s,description:d,preStepName:p,stepName:g,nextStepName:h}=t,m=u(t,["size","style","onColor","stepsCount","activeStep","innerCircleText","description","preStepName","stepName","nextStepName"]);const A=c(),f=Sn[r].circleRadius;return e.jsxs(Bn,Object.assign({$size:r,$circleRadius:f,$theme:A,className:l("dgaui dgaui_radialStepper"+("neutral"===o?" neutral":"")+(n?" onColor":""),m.className)},m,{$stepsCount:i,$activeStep:a,children:[e.jsxs("div",{className:"dgaui dgaui_circle",children:[e.jsx("div",{className:"innerCircleText",children:s}),e.jsx("svg",{className:"dgaui_circle-svg",width:Sn[r].width,height:Sn[r].width,children:e.jsx("circle",{className:"dgaui_circle-path",cx:Sn[r].width/2,cy:Sn[r].width/2,r:Sn[r].width/2-f/2,strokeWidth:Sn[r].borderWidth})})]}),e.jsxs("div",{className:"dgaui_content",children:[e.jsx("div",{className:"preStepName",children:p}),e.jsx("div",{className:"stepName",children:g}),e.jsx("div",{className:"description",children:d}),e.jsx("div",{className:"nextStepName",children:h})]})]}))},exports.Radio=t=>{var{label:r,description:o,error:n,onChange:i,value:a,groupValue:s,style:d="primary"}=t,p=u(t,["label","description","error","onChange","value","groupValue","style"]);const g=c(),h={neutral:{default:(m=g).palette.neutral[600],hovered:m.palette.neutral[800],active:m.palette.neutral[900],disabled:m.palette.neutral[200]},primary:{default:m.palette.primary[600],hovered:m.palette.primary[800],active:m.palette.primary[900],disabled:m.palette.neutral[200]}};var m;const A=null!=d?d:"primary";let f=g.textColor,x=h[A].default,b=h[A].hovered,v=h[A].active,y=g.palette.neutral[950],C=g.palette.neutral[600],w=g.palette.neutral[500],$=g.palette.neutral[300];const k=p.id;return e.jsxs(Mo,{$customStyle:{theme:g,fontColor:f,backgroundColor:x,backgroundColorHovered:b,backgroundColorActive:v,sliderBg:y,sliderBgHovered:C,sliderBgActive:w,sliderBgDisabled:$},className:l("dgaui dgaui_radioContainer",p.className),children:[e.jsxs("div",{className:"dgaui_radioHead",children:[e.jsxs("label",{className:"dgaui_radio",children:[e.jsx("input",Object.assign({id:k,type:"radio"},p,{checked:s===a,onChange:e=>i&&i(e,a)})),e.jsx("span",{className:"dgaui_radioDot"})]}),e.jsx("label",{htmlFor:k,className:"dgaui_radioLabel",children:r})]}),e.jsxs("div",{className:"dgaui_radioDescription",children:[o&&e.jsx("div",{className:"dgaui_radioDescriptionText",children:o}),n&&e.jsx("div",{className:"dgaui_radioDescriptionError",children:n})]})]})},exports.RadioGroup=r=>{var{onChange:o,name:n,value:i,layout:a,children:l}=r,d=u(r,["onChange","name","value","layout","children"]);const p=c(),g=n||s(),h=t.Children.map(l,((e,r)=>t.cloneElement(e,{onChange:o,name:g,id:g+"_"+r,groupValue:i})));return e.jsx(Ho,Object.assign({className:`dgaui dgaui_radioGroup_${null!=a?a:"horizontal"}`,$direction:p.direction},d,{children:h}))},exports.Rating=r=>{var{size:o="medium",brand:n=!1,value:i=0,onChange:a}=r,s=u(r,["size","brand","value","onChange"]);const d=c(),[p,g]=t.useState(!1),[h,m]=t.useState(0),A=n?"data:image/png;base64,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":"data:image/png;base64,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",f=n?"data:image/png;base64,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":"data:image/png;base64,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",x="large"===o?48:"medium"===o?32:24,b=(e,t)=>{const r=e.nativeEvent.offsetX<x/2;m(r?t-.5:t)},v=p?h:i;return e.jsxs(wn,{$size:o,$theme:d,className:l("dgaui dgaui_rating",s.className),onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),onClick:()=>{null==a||a(h)},children:[e.jsx("img",{src:.5===v?f:v>.5?A:Cn,onMouseMove:e=>b(e,1)}),e.jsx("img",{src:1.5===v?f:v>1.5?A:Cn,onMouseMove:e=>b(e,2)}),e.jsx("img",{src:2.5===v?f:v>2.5?A:Cn,onMouseMove:e=>b(e,3)}),e.jsx("img",{src:3.5===v?f:v>3.5?A:Cn,onMouseMove:e=>b(e,4)}),e.jsx("img",{src:4.5===v?f:v>4.5?A:Cn,onMouseMove:e=>b(e,5)})]})},exports.SearchBox=t=>{var{label:r,icon:o,showTrailingIcon:n=!0,showLabel:i=!0,helperText:a,onSearchByVoiceClicked:s}=t,d=u(t,["label","icon","showTrailingIcon","showLabel","helperText","onSearchByVoiceClicked"]);const p=c();return e.jsxs(sn,{className:l("dgaui dgaui_searchBox",d.className),$showTrailingIcon:n,$showLabel:i&&!!r,$disabled:d.disabled,$theme:p,children:[i&&e.jsx("label",{style:{marginBottom:13,textAlign:"start"},htmlFor:d.id,children:r}),e.jsx(Pr,Object.assign({},d,{icon:o})),n&&e.jsx("img",{className:"dgaui_searchBox_trailIcon",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAYAAACe0YppAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOTSURBVHgB5Ve9UttAED7LhuFnYFwAQ4fyBuYJEF26mDJVRJeOuEqJ6dLhNwA6OpwylZ0uHeYJEB3mZ0bMAMPw53yf2GMOYZ1PTjIp2Bnp7la7t7+3tyqonDAzMxMUCoUqniUsy8T1er0IQ4Rx5+zsrO2yT0E5wuzsbAXDJgQGA0ij29vb5TiOI/WngiF0DQIbeg3LYgwdChGUn1YI61q3220MLXhubq6KYc9AbcCiBiyKTbr5+Xn/8fExxHTdUDA8PT3dyS24XC77IyMj+9C+LFYuY6OOjUdC0iIPxhhKLvZzu2fbBELrsgFdtzpIKIE0UHJF64491vvRZVpMa0dHRw9luX1ycrKqcgAsb0ncafW7dGgyLS4WixU9R+x2VE6A1RsypdXV9PeSchDscjYltmt6rUMkc99ZMEATR8oNtiCgkvFtQeUQnAsg9LuSSmaAn0X/1wQj+eoY6iYONeAwS7j1OP1LeHuCkxhLPd5UT4ViQw0B2IMVKkyh/Qy6qra4KkShGh5C2cN8sugqOqsj9VrDZxzKZzld8tLw8PBQ8zzvg4nDEQtlemSgfb4SwSiJMZgSLK+34+NjdhMRGBNcqVRiYWgrC5yfnzcxNPVaOpVQFNjnyPqvv2tXdwzNA453d3dNuQrJuK5ygmEt5wcczTKcCL6/v+8YQhJ30bVSjYgLaIFyBCYreD7JcpseTIR5nr4sYi8tBBAwpkJY1wphvicXgRVIA54tzskLvuSU0M2GMs2iZhgfH4/FPWMgHru+vv5xeXkZT05OdtlVEo/xM9ZsEI5ubm5eJBuVnZ6e/gqaXTxj4qmP6Lt+cT41NdXQlwhyqlZIaasvb35c1tch3PwFymyatLCG3yJZ+ngqqavwudlL9W1JU/FCMDMaybXfr1+SZq6lLDeOoVBNt0nSySR8dD0SbJExf9X6wOoQgrdkyWO1YvZaTDJYHwK/oC94yYOfGJtm08B4g2ZPK2vrOpW4po6nZzy5jhPjTZ7UHnWTptiP8erqqo1ku4C27wUVIKnCiYmJGG67SCeWKZAJBo/sGrxJvBHXbyatta+2xDX5i9BHTTYP+tGBpm9b7PoLE0r18pUbUGDDFk/nnzaCJFaATZcksXz5FKknLxzAQ23XP8ahgEroxMlTTjX8tw4kz/8xm/XnWi1FJin6qSpGaFvPq6tgiW1L5QAos2j7yXPqq3lt4mLomLV4gNAI93lko/kNLXmsYTAB8fwAAAAASUVORK5CYII=",onClick:()=>null==s?void 0:s()}),a&&e.jsx("div",{className:"dgaui dgaui_searchBox_helperText",children:a})]})},exports.Skeleton=t=>{var{type:r="chartAndContent"}=t,o=u(t,["type"]);return"chartAndContent"===r?e.jsxs(vn,Object.assign({},o,{children:[e.jsx(un,{style:{marginBottom:24},size:"240px"}),e.jsx(hn,{}),e.jsx(hn,{}),e.jsx(hn,{})]})):"imageContentAndButton"===r?e.jsxs(vn,Object.assign({},o,{children:[e.jsx(An,{style:{marginBottom:24},size:"240px"}),e.jsx(hn,{}),e.jsx(hn,{}),e.jsx(hn,{}),e.jsx(xn,{size:"small",style:{width:59,marginTop:24}})]})):"imageProfileContentAndButton"===r?e.jsxs(vn,Object.assign({},o,{children:[e.jsx(An,{style:{marginBottom:24},size:"240px"}),e.jsxs("div",{className:"circleAndLine",children:[e.jsx(un,{size:"24px"}),e.jsx(hn,{size:"small"})]}),e.jsx(hn,{}),e.jsx(hn,{}),e.jsx(hn,{}),e.jsx(xn,{size:"small",style:{width:59,marginTop:24}})]})):"imageButtonAndText"===r?e.jsx(vn,Object.assign({},o,{style:{minWidth:200},children:e.jsxs("div",{className:"imageButtonAndText",children:[e.jsx(un,{size:"48px"}),e.jsxs("div",{className:"rightSection",children:[e.jsx(hn,{size:"small"}),e.jsx(xn,{size:"small",style:{width:59}})]})]})})):e.jsx(vn,Object.assign({},o,{style:{minWidth:200},children:e.jsxs("div",{className:"iconAndList",children:[e.jsx(An,{size:"48px"}),e.jsxs("div",{className:"rightSection",children:[e.jsx(hn,{size:"small"}),e.jsx(hn,{size:"small"}),e.jsx(hn,{size:"small"})]})]})}))},exports.SkeletonCircle=un,exports.SkeletonLine=hn,exports.SkeletonRectangle=xn,exports.SkeletonSquare=An,exports.StatusTag=t=>{var r,o,n,{children:i,status:a,size:s,style:d}=t,p=u(t,["children","status","size","style"]);const g=c(),h=null!=d?d:"neutral",m=null!=s?s:"medium",A=a||"subtle",f={neutral:{subtle:{bg:(x=g).palette.neutral[50],iconBg:x.palette.neutral[600],font:x.palette.neutral[800]},inverted:{bg:x.palette.neutral[600],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:x.palette.neutral[600],font:x.palette.neutral[800]}},blue:{subtle:{bg:"#EFF8FF",iconBg:x.palette.info[800],font:x.palette.info[800]},inverted:{bg:x.palette.info[600],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:x.palette.info[800],font:x.palette.neutral[800]}},green:{subtle:{bg:x.palette.success[50],iconBg:x.palette.success[800],font:x.palette.success[800]},inverted:{bg:x.palette.success[700],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:x.palette.success[800],font:x.palette.neutral[800]}},red:{subtle:{bg:x.palette.error[50],iconBg:x.palette.error[800],font:x.palette.error[800]},inverted:{bg:x.palette.error[600],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:x.palette.error[800],font:x.palette.neutral[800]}},yellow:{subtle:{bg:x.palette.warning[50],iconBg:x.palette.warning[800],font:x.palette.warning[800]},inverted:{bg:x.palette.warning[700],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:x.palette.warning[800],font:x.palette.neutral[800]}}};var x;let b=null===(r=f[h][A])||void 0===r?void 0:r.bg,v=null===(o=f[h][A])||void 0===o?void 0:o.iconBg,y=null===(n=f[h][A])||void 0===n?void 0:n.font;return e.jsxs(Po,{className:l("dgaui dgaui_statusTag",p.className),$customStyle:{direction:g.direction,height:Qo[m].h,paddingY:Qo[m].py,fontSize:Qo[m].f,fontColor:y,backgroundColor:b,iconBackgroundColor:v},children:[e.jsx("i",{className:"dgaui_icon"}),i]})},exports.Switch=t=>{var{label:r,helperText:o,color:n,alertMessage:i,checked:a,trailSwitch:d,icon:p,onChange:g}=t,h=u(t,["label","helperText","color","alertMessage","checked","trailSwitch","icon","onChange"]);const m=c(),A={neutral:{default:(f=m).palette.neutral[600],hovered:f.palette.neutral[800],active:f.palette.neutral[900],disabled:f.palette.neutral[200]},primary:{default:f.palette.primary[600],hovered:f.palette.primary[800],active:f.palette.primary[900],disabled:f.palette.neutral[200]},secondary:{default:f.palette.secondary[600],hovered:f.palette.secondary[800],active:f.palette.secondary[900],disabled:f.palette.neutral[200]},error:{default:f.palette.error[600],hovered:f.palette.error[800],active:f.palette.error[900],disabled:f.palette.neutral[200]},warning:{default:f.palette.warning[600],hovered:f.palette.warning[800],active:f.palette.warning[900],disabled:f.palette.neutral[200]},success:{default:f.palette.success[600],hovered:f.palette.success[800],active:f.palette.success[900],disabled:f.palette.neutral[200]},info:{default:f.palette.info[600],hovered:f.palette.info[800],active:f.palette.info[900],disabled:f.palette.neutral[200]}};var f;const x=null!=n?n:"primary";let b=m.textColor,v=A[x].default,y=A[x].hovered,C=A[x].active,w=m.palette.neutral[950],$=m.palette.neutral[600],k=m.palette.neutral[500],S=m.palette.neutral[300];const B=h.id||s();return e.jsxs(Lo,{$customStyle:{theme:m,fontColor:b,backgroundColor:v,backgroundColorHovered:y,backgroundColorActive:C,sliderBg:w,sliderBgHovered:$,sliderBgActive:k,sliderBgDisabled:S},className:l("dgaui dgaui_switchContainer "+(d?"endSwitch":""),h.className),children:[e.jsxs("div",{className:"dgaui_switchHead",children:[e.jsxs("label",{className:"dgaui_switch",children:[e.jsx("input",Object.assign({id:B,type:"checkbox"},h,{checked:a,onChange:e=>g&&g(e,e.target.checked)})),e.jsx("span",{className:"dgaui_switchSlider",children:p&&e.jsx("span",{className:"icon",children:p})})]}),e.jsx("label",{htmlFor:B,className:"dgaui_switchLabel",children:r})]}),e.jsxs("div",{className:"dgaui_switchDescription",children:[o&&e.jsx("div",{className:"dgaui_switchDescriptionText",children:o}),i&&e.jsx("div",{className:"dgaui_switchDescriptionError",children:i})]})]})},exports.Tab=Io,exports.TabList=t=>{var{children:r,size:o="large",flush:n,vertical:i=!1}=t,a=u(t,["children","size","flush","vertical"]);const s=c(),d=Go(r,o,i);return e.jsx(Xo,Object.assign({},a,{className:l("dgaui dgaui_tabList",a.className),$theme:s,$flush:n,$vertical:i,children:d}))},exports.Table=({contained:r,compact:o,alternatingRows:n,selectable:i,className:a,labels:s,values:d,onRowClick:p,onCheck:u,responsiveThreshold:g,columnDivider:h,headerColumnDivider:m=!0,lastColumnWidthMultiply:A})=>{const f=c(),[x,b]=t.useState(!1),[v,y]=t.useState(!1),C=e=>{null==u||u(d.map((t=>t===e?Object.assign(Object.assign({},t),{selected:!(null==t?void 0:t.selected)}):t)))};return t.useEffect((()=>{if(i){let e=!0;d.forEach((t=>{(null==t?void 0:t.selected)||(e=!1)})),b(e)}}),[d]),t.useEffect((()=>{const e=()=>y(window.innerWidth<=(g||768));return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]),v?e.jsx(Ko,{$theme:f,$compact:o,$contained:r,$alternatingRows:n,$onRowClick:!!p,className:l("dgaui dgaui_table",a),children:d.map(((t,r)=>{const a=null==t?void 0:t.selected,l=a?"checked ":"";return e.jsxs("div",{className:"mobileRow "+l,onClick:e=>{if(!(e.target instanceof HTMLElement))return;"DIV"===e.target.nodeName&&(null==p||p(t))},children:[i&&e.jsx("div",{className:"cell selectable",children:e.jsx(pr,{size:o?"small":"medium",value:a,onChange:()=>C(t),onClick:e=>e.stopPropagation()})}),Object.keys(s).filter((e=>!!s[e])).map(((r,o)=>e.jsxs("div",{className:"mobileRowContainer",children:[e.jsx("div",{className:"cell label",children:s[r]}),e.jsx("div",{className:"cell value "+(n?(o+1)%2==0?"even":"odd":""),children:t[r]})]},o)))]},r)}))}):e.jsxs(Vo,{$theme:f,$headerColumnDivider:m,$compact:o,$contained:r,$alternatingRows:n,$onRowClick:!!p,className:l("dgaui dgaui_table"+(h?" columnDivider":""),a),cellPadding:0,cellSpacing:0,children:[e.jsx("thead",{children:e.jsxs("tr",{children:[i&&e.jsx("th",{className:"selectable",children:e.jsx(pr,{value:x,onChange:(e,t)=>{if(b(t),u){let e=[];e=t?d.map((e=>Object.assign(Object.assign({},e),{selected:!0}))):d.map((e=>Object.assign(Object.assign({},e),{selected:!1}))),u(e)}}})}),Object.keys(s).filter((e=>!!s[e])).map(((t,r)=>e.jsx("th",{style:{flex:A&&r===Object.keys(s).length-1?A:void 0},children:s[t]},r)))]})}),d&&d.length>0&&e.jsx("tbody",{children:d.map(((t,r)=>{const o=null==t?void 0:t.selected,a=o?"checked ":"";return e.jsxs("tr",{onClick:e=>{if(!(e.target instanceof HTMLElement))return;const r=e.target.nodeName;"TR"!==r&&"TD"!==r||null==p||p(t)},className:a+(n?(r+1)%2==0?"even":"odd":""),children:[i&&e.jsx("td",{className:"selectable",children:e.jsx(pr,{value:o,onChange:()=>C(t),onClick:e=>e.stopPropagation()})}),Object.entries(t).filter((e=>!!s[e[0]])).map((([t,r],o)=>s[t]&&e.jsx("td",{style:{flex:A&&o===Object.keys(s).length-1?A:void 0},children:r},t)))]},r)}))})]})},exports.Tag=Ar,exports.TextInput=Pr,exports.Textarea=Jo,exports.ThemeProvider=i,exports.Tooltip=r=>{var{title:o,content:n,jsxContents:i,children:a,beakPlacement:s="top",beakAlignment:d="center",noBeak:p,inverted:g,backgroundColor:h,icon:m=!1}=r,A=u(r,["title","content","jsxContents","children","beakPlacement","beakAlignment","noBeak","inverted","backgroundColor","icon"]);const f=c(),[x,b]=t.useState(!1),[v,y]=t.useState(!1),C=t.useRef(null),w=t.useRef(null),[$,k]=t.useState({top:0,left:0,caret:{top:0,left:0,color:""}}),S=x||v;let B=g?f.palette.neutral[800]:"#fff";h&&(B=h);const j={toBottom:`${B} transparent transparent transparent`,toTop:`transparent transparent ${B} transparent`,toLeft:`transparent ${B} transparent transparent`,toRight:`transparent transparent transparent ${B}`},E=()=>{if(C.current&&w.current){let e=0,t=0,r={top:0,left:0,color:""};const o=C.current.clientWidth,n=C.current.clientHeight,i=C.current.offsetTop,a=C.current.offsetLeft,l=w.current.clientWidth,c=w.current.clientHeight;"top"===s&&"start"===d&&(e=i-c-6,t=a,r={top:i-6,left:a+6,color:j.toBottom}),"top"===s&&"center"===d&&(e=i-c-6,t=a-l/2,r={top:i-6,left:a,color:j.toBottom}),"top"===s&&"end"===d&&(e=i-c-6,t=a+18-l,r={top:i-6,left:a,color:j.toBottom}),"bottom"===s&&"start"===d&&(e=i+n+6,t=a,r={top:i+n-6,left:a+6,color:j.toTop}),"bottom"===s&&"center"===d&&(e=i+n+6,t=a-l/2,r={top:i+n-6,left:a,color:j.toTop}),"bottom"===s&&"end"===d&&(e=i+n+6,t=a+24-l,r={top:i+n-6,left:a+6,color:j.toTop}),"left"===s&&"start"===d&&(e=i,t=a-l-6,r={top:i+6,left:a-6,color:j.toRight}),"left"===s&&"center"===d&&(e=i+9-c/2,t=a-l-6,r={top:i+6,left:a-6,color:j.toRight}),"left"===s&&"end"===d&&(e=i-c+24,t=a-l-6,r={top:i+6,left:a-6,color:j.toRight}),"right"===s&&"start"===d&&(e=i,t=a+o+6,r={top:i+6,left:a+o-6,color:j.toLeft}),"right"===s&&"center"===d&&(e=i-c/2+12,t=a+o+6,r={top:i+6,left:a+o-6,color:j.toLeft}),"right"===s&&"end"===d&&(e=i-c+24,t=a+o+6,r={top:i+6,left:a+o-6,color:j.toLeft}),k({top:e,left:t,caret:r})}};return t.useEffect((()=>{if(C.current){E();const e=()=>{E()},t=e=>{var t;(null===(t=C.current)||void 0===t?void 0:t.contains(e.target))||(b(!1),y(!1))},r=e=>{E(),b(!0)},o=()=>{b(!1)};return window.addEventListener("click",t),window.addEventListener("resize",e),C.current.addEventListener("mouseover",r),C.current.addEventListener("mouseleave",o),C.current.addEventListener("click",r),()=>{var n,i,a;window.removeEventListener("resize",e),window.removeEventListener("click",t),null===(n=null==C?void 0:C.current)||void 0===n||n.removeEventListener("mouseover",r),null===(i=null==C?void 0:C.current)||void 0===i||i.removeEventListener("mouseleave",o),null===(a=null==C?void 0:C.current)||void 0===a||a.removeEventListener("click",r)}}}),[C,w,s,d]),e.jsxs(rn,Object.assign({className:l("dgaui dgaui_tooltip",A.className),$theme:f,$inverted:g},A,{ref:C,onClick:()=>{y(!0)},$position:$,children:[a,e.jsxs(on,{ref:w,$theme:f,$position:$,$inverted:g,$backgroundColor:h,className:"dgaui_tooltipContent"+(S?" show-tooltip":""),children:[i&&i,!i&&e.jsxs(e.Fragment,{children:[m&&e.jsx("div",{className:"dgaui_tooltipContentIcon",children:e.jsx("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHaSURBVHgBjVQ9SMNAFP4SOxR0cHAQFJv6Ax3rIAqK1CIqiFh0UFC04uAgojiog2JxchJdBEGFujmZxcFBzVgQtIKCqGA2fwYpmEqp0PjuMDWkSdoPrne59/L1fXffiwAXtIUiEk1swAskFUVOOeUK1o1QKFKZETFPy6hBYoJKb8QS53LclaglFAmWiTixIUABYQ5dCUVWC4iYDF3EDW1UogToQCpHZFeKnGTPZUagtj7ASKrNyU0NfnSHO+Crq4GmfUNLp81SvKKAvkZfIK6qDxkPryYciVrl9PeGsbo0l39+ffvA7OIaXt8/zGkSnecCzTHxb2PdWvr0xAienl/QMziOobEZVFSUY3V5DjaYZD+eIN0SbA734OgY17d3+NLSfNzQmkm1gcTOVyR/BO2ip2cXXA7DyPAAOttbObEDJA+K4GhvC02Nflwn77Cze+iYx4hUN6J9kqiRNJdquOu5j+jWXlDchPbQoSYuZb9xa3GnvM2NFX6DLkQxNnFDVvkCSdI4Si4rcHU2+4P7h0d8fqbsq1HkKbbMtwjrM3LqpSCU2CI6UoKOZqPfDGlgPcMC7F+Ks0DN6Q5NawYZLEqRdRqSJcRejHtz2LZ+m2yJDPBv079hVXMFVvwCXOukAPYYzukAAAAASUVORK5CYII="})}),e.jsxs("div",{className:"dgaui_tooltipContentText",children:[e.jsx("div",{className:"dgaui_tooltipTitle",children:o}),e.jsx("div",{className:"dgaui_tooltipDescription",children:n})]})]})]}),!p&&e.jsx("span",{className:S?"show":""})]}))},exports.toast=t=>{var{position:r="bottom-left",duration:n=993e3,rtl:i}=t,a=u(t,["position","duration","rtl"]);const l=document.createElement("div");l.className="dgaui dgaui_toastContainer";document.getElementsByTagName("body")[0].appendChild(l);const s=o.createRoot(l),d=()=>{var e;null===(e=a.onClose)||void 0===e||e.call(a),s.unmount(),l.remove()},c=()=>{l.childNodes[0]&&l.childNodes[0]instanceof Element&&(l.childNodes[0].className=l.childNodes[0].className+" toastClose")};setTimeout(c,+n),setTimeout(d,+n+200),s.render(e.jsx(tn,{className:"dgaui_toast",$position:r,children:e.jsx(qo,Object.assign({},a,{onClose:()=>{c(),setTimeout(d,200)},closeButton:a.closeButton,style:{direction:i?"rtl":"ltr"}}))}))},exports.useTheme=c,exports.withRtl=t=>()=>e.jsx(i,{theme:{direction:"rtl"},children:e.jsx(t,{})});
|
|
3888
|
+
//# sourceMappingURL=index.js.map
|