se-design 0.0.107 → 0.0.108
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/dist/assets/style.css +1 -1
- package/dist/components/CustomModal/index.d.ts +9 -0
- package/dist/components/LoadingModal/index.d.ts +5 -0
- package/dist/components/Spinner/index.d.ts +2 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/index.js +68 -62
- package/dist/index.js.map +1 -1
- package/dist/index10.js +16 -30
- package/dist/index10.js.map +1 -1
- package/dist/index100.js +152 -0
- package/dist/index100.js.map +1 -0
- package/dist/index11.js +14 -29
- package/dist/index11.js.map +1 -1
- package/dist/index116.js +1233 -11
- package/dist/index116.js.map +1 -1
- package/dist/index117.js +9 -5
- package/dist/index117.js.map +1 -1
- package/dist/index118.js +9 -5
- package/dist/index118.js.map +1 -1
- package/dist/index119.js +4 -37
- package/dist/index119.js.map +1 -1
- package/dist/index12.js +6 -19
- package/dist/index12.js.map +1 -1
- package/dist/index120.js +170 -2
- package/dist/index120.js.map +1 -1
- package/dist/index121.js +11 -8
- package/dist/index121.js.map +1 -1
- package/dist/index122.js +5 -326
- package/dist/index122.js.map +1 -1
- package/dist/index123.js +5 -49
- package/dist/index123.js.map +1 -1
- package/dist/index124.js +38 -2
- package/dist/index124.js.map +1 -1
- package/dist/index125.js +2 -76
- package/dist/index125.js.map +1 -1
- package/dist/index126.js +7 -92
- package/dist/index126.js.map +1 -1
- package/dist/index127.js +323 -48
- package/dist/index127.js.map +1 -1
- package/dist/index128.js +49 -7
- package/dist/index128.js.map +1 -1
- package/dist/index129.js +2 -5
- package/dist/index129.js.map +1 -1
- package/dist/index13.js +30 -123
- package/dist/index13.js.map +1 -1
- package/dist/index130.js +72 -48
- package/dist/index130.js.map +1 -1
- package/dist/index131.js +93 -2
- package/dist/index131.js.map +1 -1
- package/dist/index132.js +52 -2
- package/dist/index132.js.map +1 -1
- package/dist/index133.js +11 -0
- package/dist/index133.js.map +1 -0
- package/dist/index134.js +8 -0
- package/dist/index134.js.map +1 -0
- package/dist/index135.js +55 -0
- package/dist/index135.js.map +1 -0
- package/dist/index136.js +5 -0
- package/dist/index136.js.map +1 -0
- package/dist/index137.js +5 -0
- package/dist/index137.js.map +1 -0
- package/dist/index14.js +30 -28
- package/dist/index14.js.map +1 -1
- package/dist/index15.js +19 -27
- package/dist/index15.js.map +1 -1
- package/dist/index16.js +116 -71
- package/dist/index16.js.map +1 -1
- package/dist/index17.js +28 -38
- package/dist/index17.js.map +1 -1
- package/dist/index18.js +26 -22
- package/dist/index18.js.map +1 -1
- package/dist/index19.js +77 -67
- package/dist/index19.js.map +1 -1
- package/dist/index20.js +36 -132
- package/dist/index20.js.map +1 -1
- package/dist/index21.js +20 -16
- package/dist/index21.js.map +1 -1
- package/dist/index22.js +67 -44
- package/dist/index22.js.map +1 -1
- package/dist/index23.js +133 -28
- package/dist/index23.js.map +1 -1
- package/dist/index24.js +15 -60
- package/dist/index24.js.map +1 -1
- package/dist/index25.js +44 -41
- package/dist/index25.js.map +1 -1
- package/dist/index26.js +28 -97
- package/dist/index26.js.map +1 -1
- package/dist/index27.js +61 -55
- package/dist/index27.js.map +1 -1
- package/dist/index28.js +42 -38
- package/dist/index28.js.map +1 -1
- package/dist/index29.js +95 -31
- package/dist/index29.js.map +1 -1
- package/dist/index30.js +58 -33
- package/dist/index30.js.map +1 -1
- package/dist/index31.js +36 -44
- package/dist/index31.js.map +1 -1
- package/dist/index32.js +35 -38
- package/dist/index32.js.map +1 -1
- package/dist/index33.js +29 -30
- package/dist/index33.js.map +1 -1
- package/dist/index34.js +44 -49
- package/dist/index34.js.map +1 -1
- package/dist/index35.js +36 -69
- package/dist/index35.js.map +1 -1
- package/dist/index36.js +27 -47
- package/dist/index36.js.map +1 -1
- package/dist/index37.js +48 -68
- package/dist/index37.js.map +1 -1
- package/dist/index38.js +67 -83
- package/dist/index38.js.map +1 -1
- package/dist/index39.js +48 -32
- package/dist/index39.js.map +1 -1
- package/dist/index4.js +58 -58
- package/dist/index40.js +74 -2
- package/dist/index40.js.map +1 -1
- package/dist/index41.js +87 -2
- package/dist/index41.js.map +1 -1
- package/dist/index42.js +38 -2
- package/dist/index42.js.map +1 -1
- package/dist/index43.js +1 -1
- package/dist/index43.js.map +1 -1
- package/dist/index44.js +1 -1
- package/dist/index44.js.map +1 -1
- package/dist/index45.js +1 -1
- package/dist/index45.js.map +1 -1
- package/dist/index46.js +1 -1
- package/dist/index46.js.map +1 -1
- package/dist/index47.js +1 -1
- package/dist/index47.js.map +1 -1
- package/dist/index48.js +1 -1
- package/dist/index48.js.map +1 -1
- package/dist/index49.js +1 -1
- package/dist/index49.js.map +1 -1
- package/dist/index5.js +1 -1
- package/dist/index50.js +1 -1
- package/dist/index50.js.map +1 -1
- package/dist/index51.js +1 -1
- package/dist/index51.js.map +1 -1
- package/dist/index52.js +1 -1
- package/dist/index52.js.map +1 -1
- package/dist/index53.js +1 -1
- package/dist/index53.js.map +1 -1
- package/dist/index54.js +1 -1
- package/dist/index54.js.map +1 -1
- package/dist/index55.js +2 -2
- package/dist/index55.js.map +1 -1
- package/dist/index56.js +1 -1
- package/dist/index56.js.map +1 -1
- package/dist/index57.js +1 -1
- package/dist/index57.js.map +1 -1
- package/dist/index58.js +2 -2
- package/dist/index58.js.map +1 -1
- package/dist/index59.js +1 -1
- package/dist/index59.js.map +1 -1
- package/dist/index60.js +1 -1
- package/dist/index60.js.map +1 -1
- package/dist/index61.js +2 -2
- package/dist/index61.js.map +1 -1
- package/dist/index62.js +1 -1
- package/dist/index62.js.map +1 -1
- package/dist/index63.js +1 -1
- package/dist/index63.js.map +1 -1
- package/dist/index64.js +2 -2
- package/dist/index64.js.map +1 -1
- package/dist/index65.js +1 -1
- package/dist/index65.js.map +1 -1
- package/dist/index66.js +1 -1
- package/dist/index66.js.map +1 -1
- package/dist/index67.js +1 -1
- package/dist/index67.js.map +1 -1
- package/dist/index68.js +1 -1
- package/dist/index68.js.map +1 -1
- package/dist/index69.js +1 -1
- package/dist/index69.js.map +1 -1
- package/dist/index70.js +1 -1
- package/dist/index70.js.map +1 -1
- package/dist/index71.js +1 -1
- package/dist/index71.js.map +1 -1
- package/dist/index72.js +1 -1
- package/dist/index72.js.map +1 -1
- package/dist/index73.js +1 -1
- package/dist/index73.js.map +1 -1
- package/dist/index74.js +1 -1
- package/dist/index74.js.map +1 -1
- package/dist/index75.js +1 -1
- package/dist/index75.js.map +1 -1
- package/dist/index76.js +1 -1
- package/dist/index76.js.map +1 -1
- package/dist/index77.js +1 -1
- package/dist/index77.js.map +1 -1
- package/dist/index78.js +2 -2
- package/dist/index78.js.map +1 -1
- package/dist/index79.js +2 -2
- package/dist/index79.js.map +1 -1
- package/dist/index80.js +1 -1
- package/dist/index80.js.map +1 -1
- package/dist/index81.js +2 -2
- package/dist/index81.js.map +1 -1
- package/dist/index82.js +2 -2
- package/dist/index82.js.map +1 -1
- package/dist/index83.js +1 -1
- package/dist/index83.js.map +1 -1
- package/dist/index84.js +2 -2
- package/dist/index84.js.map +1 -1
- package/dist/index85.js +1 -1
- package/dist/index85.js.map +1 -1
- package/dist/index86.js +1 -1
- package/dist/index86.js.map +1 -1
- package/dist/index87.js +2 -2
- package/dist/index87.js.map +1 -1
- package/dist/index88.js +1 -1
- package/dist/index88.js.map +1 -1
- package/dist/index89.js +2 -2
- package/dist/index89.js.map +1 -1
- package/dist/index90.js +2 -2
- package/dist/index90.js.map +1 -1
- package/dist/index91.js +1 -1
- package/dist/index91.js.map +1 -1
- package/dist/index92.js +2 -2
- package/dist/index92.js.map +1 -1
- package/dist/index93.js +1 -1
- package/dist/index93.js.map +1 -1
- package/dist/index94.js +2 -2
- package/dist/index94.js.map +1 -1
- package/dist/index95.js +1 -1
- package/dist/index95.js.map +1 -1
- package/dist/index96.js +2 -2
- package/dist/index96.js.map +1 -1
- package/dist/index97.js +2 -149
- package/dist/index97.js.map +1 -1
- package/dist/index98.js +5 -0
- package/dist/index98.js.map +1 -0
- package/dist/index99.js +5 -0
- package/dist/index99.js.map +1 -0
- package/package.json +1 -1
- package/dist/index111.js +0 -1236
- package/dist/index111.js.map +0 -1
- package/dist/index112.js +0 -13
- package/dist/index112.js.map +0 -1
- package/dist/index113.js +0 -13
- package/dist/index113.js.map +0 -1
- package/dist/index114.js +0 -8
- package/dist/index114.js.map +0 -1
- package/dist/index115.js +0 -173
- package/dist/index115.js.map +0 -1
package/dist/index39.js
CHANGED
@@ -1,41 +1,57 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
1
|
+
import e, { useState as f, useEffect as g } from "react";
|
2
|
+
import { Icon as o } from "./index4.js";
|
3
|
+
/* empty css */
|
4
|
+
const t = {
|
5
|
+
toastBarCtn: "min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap",
|
6
|
+
success: "linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)",
|
7
|
+
error: "linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)",
|
8
|
+
info: "var(--color-gray-700)",
|
9
|
+
toastMessageCtn: "flex items-center gap-2",
|
10
|
+
toastMessage: "text-[var(--color-white)] text-center word-break",
|
11
|
+
closeIconCtn: "absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1"
|
12
|
+
}, x = ({
|
13
|
+
toastBarCtnClassName: c = "",
|
14
|
+
toastType: a,
|
15
|
+
toastMessage: n = "",
|
16
|
+
shouldAutoClose: i = !1,
|
17
|
+
delay: l = 5e3,
|
18
|
+
onClose: r = () => {
|
19
|
+
}
|
8
20
|
}) => {
|
9
|
-
const
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
21
|
+
const [m, u] = f(!0);
|
22
|
+
g(() => {
|
23
|
+
if (i) {
|
24
|
+
const d = setTimeout(() => {
|
25
|
+
s();
|
26
|
+
}, l);
|
27
|
+
return () => clearTimeout(d);
|
15
28
|
}
|
16
|
-
},
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
}
|
24
|
-
|
25
|
-
|
26
|
-
r: t,
|
27
|
-
stroke: s,
|
28
|
-
strokeWidth: r,
|
29
|
-
strokeDasharray: c,
|
30
|
-
strokeDashoffset: l,
|
31
|
-
fill: "none",
|
32
|
-
strokeLinecap: "round",
|
29
|
+
}, []);
|
30
|
+
const s = () => {
|
31
|
+
setTimeout(() => {
|
32
|
+
u(!1), setTimeout(() => {
|
33
|
+
r == null || r();
|
34
|
+
}, 300);
|
35
|
+
}, 300);
|
36
|
+
};
|
37
|
+
return /* @__PURE__ */ e.createElement("div", {
|
38
|
+
className: `se-design-toast-bar ${c} ${t.toastBarCtn} ${m ? "show" : "hide"}`,
|
33
39
|
style: {
|
34
|
-
|
40
|
+
background: t[a]
|
35
41
|
}
|
42
|
+
}, /* @__PURE__ */ e.createElement("div", {
|
43
|
+
className: t.toastMessageCtn
|
44
|
+
}, /* @__PURE__ */ e.createElement(o, {
|
45
|
+
name: a === "info" ? "info-white" : "checked-circle-white"
|
46
|
+
}), /* @__PURE__ */ e.createElement("span", {
|
47
|
+
className: t.toastMessage
|
48
|
+
}, n)), /* @__PURE__ */ e.createElement(o, {
|
49
|
+
name: "white-close",
|
50
|
+
className: t.closeIconCtn,
|
51
|
+
onClick: s
|
36
52
|
}));
|
37
53
|
};
|
38
54
|
export {
|
39
|
-
|
55
|
+
x as ToastBar
|
40
56
|
};
|
41
57
|
//# sourceMappingURL=index39.js.map
|
package/dist/index39.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index39.js","sources":["../src/components/
|
1
|
+
{"version":3,"file":"index39.js","sources":["../src/components/ToastBar/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { Map } from \"../../utils/common.types\";\nimport { Icon } from \"../Icon\";\nimport \"./style.scss\";\n\nexport interface ToastBarProps {\n toastBarCtnClassName?: string;\n toastType: \"success\" | \"error\" | \"info\";\n toastMessage: string;\n shouldAutoClose?: boolean;\n delay?: number;\n onClose?: () => void;\n}\n\nconst classNames: Map = {\n toastBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap\",\n success: \"linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)\",\n error: \"linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)\",\n info: \"var(--color-gray-700)\", \n toastMessageCtn: \"flex items-center gap-2\",\n toastMessage: \"text-[var(--color-white)] text-center word-break\",\n closeIconCtn: \"absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1\",\n};\n\nexport const ToastBar: FC<ToastBarProps> = ({\n toastBarCtnClassName = \"\",\n toastType,\n toastMessage = \"\",\n shouldAutoClose = false,\n delay = 5000,\n onClose = () => {}\n}) => {\n const [visible, setVisible] = useState(true);\n\n useEffect(() => {\n if (shouldAutoClose) {\n const timer = setTimeout(() => {\n handleClose();\n }, delay);\n return () => clearTimeout(timer);\n }\n }, []);\n\n const handleClose = () => {\n setTimeout(() => {\n setVisible(false);\n setTimeout(() => {\n onClose?.();\n }, 300);\n }, 300);\n };\n\n return (\n <div\n className={`se-design-toast-bar ${toastBarCtnClassName} ${classNames.toastBarCtn} ${visible ? \"show\" : \"hide\"}`}\n style={{ background: classNames[toastType] }}\n >\n <div className={classNames.toastMessageCtn} >\n <Icon name={toastType === \"info\" ? \"info-white\" : \"checked-circle-white\"} />\n <span className={classNames.toastMessage}>{toastMessage}</span>\n </div>\n <Icon name=\"white-close\" className={classNames.closeIconCtn} onClick={handleClose} />\n </div>\n );\n};"],"names":["React__default","useState","useEffect","Icon","classNames","toastBarCtn","success","error","info","toastMessageCtn","toastMessage","closeIconCtn","ToastBar","toastBarCtnClassName","toastType","shouldAutoClose","delay","onClose","visible","setVisible","timer","setTimeout","handleClose","clearTimeout","React","createElement","className","style","background","name","onClick"],"mappings":"AAcA,OAAAA,KAAA,YAAAC,GAAA,aAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,iBAAiB;AAAA,EACjBC,cAAc;AAAA,EACdC,cAAc;AAChB,GAEaC,IAA8BA,CAAC;AAAA,EAC1CC,sBAAAA,IAAuB;AAAA,EACvBC,WAAAA;AAAAA,EACAJ,cAAAA,IAAe;AAAA,EACfK,iBAAAA,IAAkB;AAAA,EAClBC,OAAAA,IAAQ;AAAA,EACRC,SAAAA,IAAUA,MAAM;AAAA,EAAA;AAClB,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIlB,EAAS,EAAI;AAE3CC,EAAAA,EAAU,MAAM;AACd,QAAIa,GAAiB;AACbK,YAAAA,IAAQC,WAAW,MAAM;AACjB,QAAAC,EAAA;AAAA,SACXN,CAAK;AACD,aAAA,MAAMO,aAAaH,CAAK;AAAA,IAAA;AAAA,EAEnC,GAAG,EAAE;AAEL,QAAME,IAAcA,MAAM;AACxBD,eAAW,MAAM;AACfF,MAAAA,EAAW,EAAK,GAChBE,WAAW,MAAM;AACL,QAAAJ,KAAA,QAAAA;AAAA,SACT,GAAG;AAAA,OACL,GAAG;AAAA,EACR;AAGEO,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,uBAAuBb,CAAoB,IAAIT,EAAWC,WAAW,IAAIa,IAAU,SAAS,MAAM;AAAA,IAC7GS,OAAO;AAAA,MAAEC,YAAYxB,EAAWU,CAAS;AAAA,IAAA;AAAA,EAAE,GAE3CW,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAWtB,EAAWK;AAAAA,EAAAA,GACzBgB,gBAAAA,EAAAA,cAACtB,GAAI;AAAA,IAAC0B,MAAMf,MAAc,SAAS,eAAe;AAAA,EAAA,CAAyB,GAC3EW,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAWtB,EAAWM;AAAAA,KAAeA,CAAmB,CAC3D,GACLc,gBAAAA,EAAAC,cAACtB,GAAI;AAAA,IAAC0B,MAAK;AAAA,IAAcH,WAAWtB,EAAWO;AAAAA,IAAcmB,SAASR;AAAAA,EAAAA,CAAc,CACjF;AAET;"}
|
package/dist/index4.js
CHANGED
@@ -1,62 +1,62 @@
|
|
1
|
-
import v from "./
|
2
|
-
import l from "./
|
3
|
-
import a from "./
|
4
|
-
import n from "./
|
5
|
-
import b from "./
|
6
|
-
import f from "./
|
7
|
-
import p from "./
|
8
|
-
import d from "./
|
9
|
-
import h from "./
|
10
|
-
import k from "./
|
11
|
-
import u from "./
|
12
|
-
import x from "./
|
13
|
-
import w from "./
|
14
|
-
import A from "./
|
15
|
-
import I from "./
|
16
|
-
import E from "./
|
17
|
-
import F from "./
|
18
|
-
import N from "./
|
19
|
-
import C from "./
|
20
|
-
import O from "./
|
21
|
-
import $ from "./
|
22
|
-
import j from "./
|
23
|
-
import y from "./
|
24
|
-
import M from "./
|
25
|
-
import P from "./
|
26
|
-
import R from "./
|
27
|
-
import S from "./
|
28
|
-
import G from "./
|
29
|
-
import T from "./
|
30
|
-
import V from "./
|
31
|
-
import q from "./
|
32
|
-
import z from "./
|
33
|
-
import B from "./
|
34
|
-
import D from "./
|
35
|
-
import H from "./
|
36
|
-
import J from "./
|
37
|
-
import K from "./
|
38
|
-
import L from "./
|
39
|
-
import Q from "./
|
40
|
-
import U from "./
|
41
|
-
import W from "./
|
42
|
-
import X from "./
|
43
|
-
import Y from "./
|
44
|
-
import Z from "./
|
45
|
-
import ss from "./
|
46
|
-
import os from "./
|
47
|
-
import _s from "./
|
48
|
-
import is from "./
|
49
|
-
import ts from "./
|
50
|
-
import rs from "./
|
51
|
-
import es from "./
|
52
|
-
import cs from "./
|
53
|
-
import ms from "./
|
54
|
-
import gs from "./
|
55
|
-
import vs from "./
|
56
|
-
import ls from "./
|
57
|
-
import as from "./
|
1
|
+
import v from "./index43.js";
|
2
|
+
import l from "./index44.js";
|
3
|
+
import a from "./index45.js";
|
4
|
+
import n from "./index46.js";
|
5
|
+
import b from "./index47.js";
|
6
|
+
import f from "./index48.js";
|
7
|
+
import p from "./index49.js";
|
8
|
+
import d from "./index50.js";
|
9
|
+
import h from "./index51.js";
|
10
|
+
import k from "./index52.js";
|
11
|
+
import u from "./index53.js";
|
12
|
+
import x from "./index54.js";
|
13
|
+
import w from "./index55.js";
|
14
|
+
import A from "./index56.js";
|
15
|
+
import I from "./index57.js";
|
16
|
+
import E from "./index58.js";
|
17
|
+
import F from "./index59.js";
|
18
|
+
import N from "./index60.js";
|
19
|
+
import C from "./index61.js";
|
20
|
+
import O from "./index62.js";
|
21
|
+
import $ from "./index63.js";
|
22
|
+
import j from "./index64.js";
|
23
|
+
import y from "./index65.js";
|
24
|
+
import M from "./index66.js";
|
25
|
+
import P from "./index67.js";
|
26
|
+
import R from "./index68.js";
|
27
|
+
import S from "./index69.js";
|
28
|
+
import G from "./index70.js";
|
29
|
+
import T from "./index71.js";
|
30
|
+
import V from "./index72.js";
|
31
|
+
import q from "./index73.js";
|
32
|
+
import z from "./index74.js";
|
33
|
+
import B from "./index75.js";
|
34
|
+
import D from "./index76.js";
|
35
|
+
import H from "./index77.js";
|
36
|
+
import J from "./index78.js";
|
37
|
+
import K from "./index79.js";
|
38
|
+
import L from "./index80.js";
|
39
|
+
import Q from "./index81.js";
|
40
|
+
import U from "./index82.js";
|
41
|
+
import W from "./index83.js";
|
42
|
+
import X from "./index84.js";
|
43
|
+
import Y from "./index85.js";
|
44
|
+
import Z from "./index86.js";
|
45
|
+
import ss from "./index87.js";
|
46
|
+
import os from "./index88.js";
|
47
|
+
import _s from "./index89.js";
|
48
|
+
import is from "./index90.js";
|
49
|
+
import ts from "./index91.js";
|
50
|
+
import rs from "./index92.js";
|
51
|
+
import es from "./index93.js";
|
52
|
+
import cs from "./index94.js";
|
53
|
+
import ms from "./index95.js";
|
54
|
+
import gs from "./index96.js";
|
55
|
+
import vs from "./index97.js";
|
56
|
+
import ls from "./index98.js";
|
57
|
+
import as from "./index99.js";
|
58
58
|
import r from "react";
|
59
|
-
import { ReactSVG as ns } from "./
|
59
|
+
import { ReactSVG as ns } from "./index100.js";
|
60
60
|
const bs = /* @__PURE__ */ Object.assign({
|
61
61
|
"/src/assets/icons/attachment.svg": v,
|
62
62
|
"/src/assets/icons/back.svg": l,
|
package/dist/index40.js
CHANGED
@@ -1,5 +1,77 @@
|
|
1
|
-
|
1
|
+
import e, { useRef as B, useEffect as C } from "react";
|
2
|
+
/* empty css */
|
3
|
+
const _ = /* @__PURE__ */ e.memo(({
|
4
|
+
value: f,
|
5
|
+
onChange: n,
|
6
|
+
disabled: p = !1,
|
7
|
+
maxLength: c,
|
8
|
+
tag: k = "input",
|
9
|
+
error: i = !1,
|
10
|
+
errorMessage: b,
|
11
|
+
label: u,
|
12
|
+
placeholder: x,
|
13
|
+
suggestions: l = [],
|
14
|
+
customRenderSuggestions: r,
|
15
|
+
onSuggestionClick: E
|
16
|
+
}) => {
|
17
|
+
const [o, m] = e.useState([...l]), [h, s] = e.useState(!1), d = B(null), I = e.useCallback((a) => {
|
18
|
+
const t = a.target.value;
|
19
|
+
if (r)
|
20
|
+
n(t, !1);
|
21
|
+
else if (n(t), t === "")
|
22
|
+
m([...l]);
|
23
|
+
else if (t) {
|
24
|
+
const y = l == null ? void 0 : l.filter((N) => {
|
25
|
+
var w;
|
26
|
+
return typeof N == "string" && N.toLowerCase().includes((w = t == null ? void 0 : t.toLowerCase()) != null ? w : "");
|
27
|
+
});
|
28
|
+
m(y);
|
29
|
+
}
|
30
|
+
}, [n, l, r]);
|
31
|
+
C(() => {
|
32
|
+
r && m([...l]);
|
33
|
+
}, [l]), C(() => {
|
34
|
+
const a = (t) => {
|
35
|
+
d.current && !d.current.contains(t.target) && s(!1);
|
36
|
+
};
|
37
|
+
return document.addEventListener("mousedown", a), () => {
|
38
|
+
document.removeEventListener("mousedown", a);
|
39
|
+
};
|
40
|
+
}, []);
|
41
|
+
const $ = () => {
|
42
|
+
s(!0);
|
43
|
+
}, v = (a) => {
|
44
|
+
n(a, !0), s(!1), E && E(a);
|
45
|
+
};
|
46
|
+
return /* @__PURE__ */ e.createElement("div", {
|
47
|
+
className: "main-container-autocomplete-se-design",
|
48
|
+
ref: d
|
49
|
+
}, u && /* @__PURE__ */ e.createElement("label", {
|
50
|
+
className: "label-container"
|
51
|
+
}, u), /* @__PURE__ */ e.createElement(k, {
|
52
|
+
value: f,
|
53
|
+
onChange: I,
|
54
|
+
onClick: $,
|
55
|
+
disabled: p,
|
56
|
+
className: `${i ? "input-container-error" : "input-container-default"} ${p ? "input-container-disabled" : ""}`,
|
57
|
+
maxLength: c,
|
58
|
+
placeholder: x
|
59
|
+
}), /* @__PURE__ */ e.createElement("div", {
|
60
|
+
className: `${i ? "error-and-max-word" : "max-word-container"}`
|
61
|
+
}, i && /* @__PURE__ */ e.createElement("div", {
|
62
|
+
id: "error-message",
|
63
|
+
className: "error-message"
|
64
|
+
}, b), c && /* @__PURE__ */ e.createElement("div", {
|
65
|
+
className: "max-word"
|
66
|
+
}, f.length, "/", c)), h && o.length > 0 && /* @__PURE__ */ e.createElement("div", {
|
67
|
+
className: "suggestions-list"
|
68
|
+
}, r ? r(o, v) : o.map((a, t) => /* @__PURE__ */ e.createElement("div", {
|
69
|
+
key: t,
|
70
|
+
className: "suggestion-item",
|
71
|
+
onClick: () => v(a)
|
72
|
+
}, a))));
|
73
|
+
});
|
2
74
|
export {
|
3
|
-
|
75
|
+
_ as AutoCompleteInput
|
4
76
|
};
|
5
77
|
//# sourceMappingURL=index40.js.map
|
package/dist/index40.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index40.js","sources":["../src/
|
1
|
+
{"version":3,"file":"index40.js","sources":["../src/components/AutoCompleteInput/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport './style.scss';\n\nexport interface AutoCompleteInputProps {\n value: string;\n disabled?: boolean;\n maxLength?: number;\n onChange: (value: string, fromSuggestion?: boolean) => void;\n tag?: string;\n error?: boolean;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n suggestions?: string[];\n customRenderSuggestions?: (suggestions: any, handleSuggestionClick: (suggestion: string) => void) => any;\n onSuggestionClick?: (suggestion: string) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = React.memo(\n ({\n value,\n onChange,\n disabled = false,\n maxLength,\n tag = 'input',\n error = false,\n errorMessage,\n label,\n placeholder,\n suggestions = [],\n customRenderSuggestions,\n onSuggestionClick\n }) => {\n const [filteredSuggestions, setFilteredSuggestions] = React.useState<string[]>([...suggestions]);\n const [isSuggestionBoxVisible, setSuggestionBoxVisible] = React.useState<boolean>(false);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n\n if (customRenderSuggestions) {\n onChange(inputValue, false);\n } else {\n onChange(inputValue);\n if (inputValue === '') {\n setFilteredSuggestions([...suggestions]);\n } else if (inputValue) {\n const filtered = suggestions?.filter((suggestion) =>\n typeof suggestion === 'string' &&\n suggestion.toLowerCase().includes(inputValue?.toLowerCase() ?? '')\n );\n setFilteredSuggestions(filtered);\n }\n }\n },\n [onChange, suggestions, customRenderSuggestions]\n );\n\n useEffect(() => {\n if (customRenderSuggestions) {\n setFilteredSuggestions([...suggestions]);\n }\n }, [suggestions]);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setSuggestionBoxVisible(false);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n\n const handleInputClick = () => {\n setSuggestionBoxVisible(true);\n };\n\n const handleSuggestionClick = (suggestion: string) => {\n onChange(suggestion, true);\n setSuggestionBoxVisible(false);\n onSuggestionClick && onSuggestionClick(suggestion);\n };\n\n return (\n <div className=\"main-container-autocomplete-se-design\" ref={containerRef}>\n {label && <label className=\"label-container\">{label}</label>}\n {React.createElement(tag, {\n value: value,\n onChange: handleInputChange,\n onClick: handleInputClick,\n disabled,\n className: `${error ? 'input-container-error' : 'input-container-default'} ${disabled ? 'input-container-disabled' : ''}`,\n maxLength,\n placeholder\n })}\n <div className={`${error ? 'error-and-max-word' : 'max-word-container'}`}>\n {error && (\n <div id=\"error-message\" className=\"error-message\">\n {errorMessage}\n </div>\n )}\n {maxLength && (\n <div className=\"max-word\">\n {value.length}/{maxLength}\n </div>\n )}\n </div>\n {isSuggestionBoxVisible && filteredSuggestions.length > 0 && (\n <div className=\"suggestions-list\">\n {customRenderSuggestions\n ? customRenderSuggestions(filteredSuggestions, handleSuggestionClick)\n : filteredSuggestions.map((suggestion, index) => (\n <div key={index} className=\"suggestion-item\" onClick={() => handleSuggestionClick(suggestion)}>\n {suggestion}\n </div>\n ))}\n </div>\n )}\n </div>\n );\n }\n);\n"],"names":["AutoCompleteInput","memo","value","onChange","disabled","maxLength","tag","error","errorMessage","label","placeholder","suggestions","customRenderSuggestions","onSuggestionClick","filteredSuggestions","setFilteredSuggestions","React","useState","isSuggestionBoxVisible","setSuggestionBoxVisible","containerRef","useRef","handleInputChange","useCallback","e","inputValue","target","filtered","filter","suggestion","toLowerCase","includes","useEffect","handleClickOutside","event","current","contains","addEventListener","removeEventListener","handleInputClick","handleSuggestionClick","createElement","className","ref","onClick","id","length","map","index","key"],"mappings":"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"}
|
package/dist/index41.js
CHANGED
@@ -1,5 +1,90 @@
|
|
1
|
-
|
1
|
+
import t, { useState as o, useRef as R, useEffect as C } from "react";
|
2
|
+
/* empty css */
|
3
|
+
import c from "./index116.js";
|
4
|
+
import { Icon as g } from "./index4.js";
|
5
|
+
const O = ({
|
6
|
+
onCountrycodeChange: E,
|
7
|
+
onNumberChange: f,
|
8
|
+
error: m,
|
9
|
+
errorMessage: N,
|
10
|
+
value: s
|
11
|
+
}) => {
|
12
|
+
const [w, u] = o((s == null ? void 0 : s.countryCode) || c[0].dial_code), [r, i] = o(!1), [p, v] = o(c), [L, _] = o(""), [S, h] = o(""), l = R(null), a = c.find((e) => e.dial_code === w), b = (e) => {
|
13
|
+
e && (u(e), E(e)), i(!1);
|
14
|
+
}, V = (e) => {
|
15
|
+
const n = e.target.value;
|
16
|
+
_(n);
|
17
|
+
const y = c.filter((d) => d.name.toLowerCase().includes(n.toLowerCase()) || d.dial_code.toLowerCase().includes(n.toLowerCase()) || d.code.toLowerCase().includes(n.toLowerCase()));
|
18
|
+
v(y);
|
19
|
+
};
|
20
|
+
C(() => {
|
21
|
+
const e = (n) => {
|
22
|
+
l.current && !l.current.contains(n.target) && i(!1);
|
23
|
+
};
|
24
|
+
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
25
|
+
}, []), C(() => {
|
26
|
+
s && (u(s.countryCode), h(s.number));
|
27
|
+
}, [s]);
|
28
|
+
const k = (e) => {
|
29
|
+
const n = e.replace(/\D/g, "");
|
30
|
+
console.log("numericValue", n), h(n), f(n);
|
31
|
+
};
|
32
|
+
return /* @__PURE__ */ t.createElement("div", {
|
33
|
+
className: "phone-input-container-se-design-main-container"
|
34
|
+
}, /* @__PURE__ */ t.createElement("div", {
|
35
|
+
className: `phone-input-container-se-design-main ${m ? "error" : ""}`,
|
36
|
+
ref: l
|
37
|
+
}, /* @__PURE__ */ t.createElement("div", {
|
38
|
+
className: "phone-input-container-se-design"
|
39
|
+
}, /* @__PURE__ */ t.createElement("div", {
|
40
|
+
className: "phone-input-container-se-design-country-code",
|
41
|
+
onClick: () => {
|
42
|
+
i(!r);
|
43
|
+
}
|
44
|
+
}, /* @__PURE__ */ t.createElement("img", {
|
45
|
+
src: `https://flagcdn.com/${a == null ? void 0 : a.code.toLowerCase()}.svg`,
|
46
|
+
alt: a == null ? void 0 : a.name,
|
47
|
+
width: "16"
|
48
|
+
}), a == null ? void 0 : a.dial_code, /* @__PURE__ */ t.createElement(g, {
|
49
|
+
name: "down",
|
50
|
+
className: r ? "rotate-180" : ""
|
51
|
+
})), /* @__PURE__ */ t.createElement("span", {
|
52
|
+
className: "divider"
|
53
|
+
}), /* @__PURE__ */ t.createElement("input", {
|
54
|
+
type: "tel",
|
55
|
+
placeholder: "Enter phone number",
|
56
|
+
className: "phone-input-container-se-design-phone-number-input",
|
57
|
+
onChange: (e) => k(e.target.value),
|
58
|
+
value: S,
|
59
|
+
pattern: "[0-9]*"
|
60
|
+
})), r && /* @__PURE__ */ t.createElement("div", {
|
61
|
+
className: "phone-input-container-se-design-country-code-list"
|
62
|
+
}, /* @__PURE__ */ t.createElement("div", {
|
63
|
+
className: "search-input-wrapper"
|
64
|
+
}, /* @__PURE__ */ t.createElement(g, {
|
65
|
+
name: "search",
|
66
|
+
className: "search-icon"
|
67
|
+
}), /* @__PURE__ */ t.createElement("input", {
|
68
|
+
type: "text",
|
69
|
+
placeholder: "Search",
|
70
|
+
className: "phone-input-container-se-design-country-code-list-item-input",
|
71
|
+
onChange: V,
|
72
|
+
value: L
|
73
|
+
})), p.length > 0 ? p.map((e) => /* @__PURE__ */ t.createElement("div", {
|
74
|
+
key: e.code,
|
75
|
+
className: "phone-input-container-se-design-country-code-list-item",
|
76
|
+
onClick: () => b(e.dial_code)
|
77
|
+
}, /* @__PURE__ */ t.createElement("img", {
|
78
|
+
src: `https://flagcdn.com/${e.code.toLowerCase()}.svg`,
|
79
|
+
alt: e.name,
|
80
|
+
width: "16"
|
81
|
+
}), /* @__PURE__ */ t.createElement("span", null, e.name), /* @__PURE__ */ t.createElement("span", null, "(", e.dial_code, ")"))) : /* @__PURE__ */ t.createElement("div", {
|
82
|
+
className: "phone-input-container-se-design-country-code-list-item-no-resuts"
|
83
|
+
}, "No results found"))), m && /* @__PURE__ */ t.createElement("div", {
|
84
|
+
className: "error-message"
|
85
|
+
}, N));
|
86
|
+
};
|
2
87
|
export {
|
3
|
-
|
88
|
+
O as PhoneInput
|
4
89
|
};
|
5
90
|
//# sourceMappingURL=index41.js.map
|
package/dist/index41.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index41.js","sources":["../src/
|
1
|
+
{"version":3,"file":"index41.js","sources":["../src/components/PhoneInput/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport './style.scss';\nimport countriesInfoJson from './countriesInfo.json';\nimport { Icon } from '../Icon';\n\nexport interface PhoneInputProps {\n onCountrycodeChange: (countryCode: string) => void;\n onNumberChange: (number: string) => void;\n error?: boolean;\n errorMessage?: string;\n value?: {\n countryCode: string;\n number: string;\n };\n}\n\nexport const PhoneInput: React.FC<PhoneInputProps> = ({\n onCountrycodeChange,\n onNumberChange,\n error,\n errorMessage,\n value\n}) => {\n const [countryCode, setCountryCode] = useState(value?.countryCode || countriesInfoJson[0].dial_code);\n const [displaySelectCountryCode, setDisplaySelectCountryCode] = useState(false);\n const [countriesInfo, setCountriesInfo] = useState(countriesInfoJson);\n const [searchValue, setSearchValue] = useState('');\n const [enteredNumber, setEnteredNumber] = useState('');\n const containerRef = useRef<HTMLDivElement>(null);\n\n const countryInfo = countriesInfoJson.find((country) => country.dial_code === countryCode);\n\n const handleCountryCodeSelect = (country: string) => {\n if (country) {\n setCountryCode(country);\n onCountrycodeChange(country);\n }\n setDisplaySelectCountryCode(false);\n };\n\n const handleCountryCodeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n const searchValue = event.target.value;\n setSearchValue(searchValue);\n const filteredCountries = countriesInfoJson.filter(\n (country) =>\n country.name.toLowerCase().includes(searchValue.toLowerCase()) ||\n country.dial_code.toLowerCase().includes(searchValue.toLowerCase()) ||\n country.code.toLowerCase().includes(searchValue.toLowerCase())\n );\n setCountriesInfo(filteredCountries);\n };\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setDisplaySelectCountryCode(false);\n }\n };\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, []);\n\n useEffect(() => {\n if (value) {\n setCountryCode(value.countryCode);\n setEnteredNumber(value.number);\n }\n }, [value]);\n\n const handleEnteredNumberChange = (value: string) => {\n const numericValue = value.replace(/\\D/g, ''); // Remove non-numeric characters\n console.log('numericValue', numericValue);\n setEnteredNumber(numericValue);\n onNumberChange(numericValue);\n };\n\n return (\n <div className=\"phone-input-container-se-design-main-container\">\n <div className={`phone-input-container-se-design-main ${error ? 'error' : ''}`} ref={containerRef}>\n <div className=\"phone-input-container-se-design\">\n <div\n className=\"phone-input-container-se-design-country-code\"\n onClick={() => {\n setDisplaySelectCountryCode(!displaySelectCountryCode);\n }}\n >\n <img\n src={`https://flagcdn.com/${countryInfo?.code.toLowerCase()}.svg`}\n alt={countryInfo?.name}\n width=\"16\"\n />\n {countryInfo?.dial_code}\n <Icon name=\"down\" className={!displaySelectCountryCode ? '' : 'rotate-180'} />\n </div>\n <span className=\"divider\" />\n <input\n type=\"tel\"\n placeholder=\"Enter phone number\"\n className=\"phone-input-container-se-design-phone-number-input\"\n onChange={(event) => handleEnteredNumberChange(event.target.value)}\n value={enteredNumber}\n pattern=\"[0-9]*\"\n />\n </div>\n\n {displaySelectCountryCode && (\n <div className=\"phone-input-container-se-design-country-code-list\">\n <div className=\"search-input-wrapper\">\n <Icon name=\"search\" className=\"search-icon\" />\n <input\n type=\"text\"\n placeholder=\"Search\"\n className=\"phone-input-container-se-design-country-code-list-item-input\"\n onChange={handleCountryCodeSearch}\n value={searchValue}\n />\n </div>\n {countriesInfo.length > 0 ? (\n countriesInfo.map((country) => (\n <div\n key={country.code}\n className=\"phone-input-container-se-design-country-code-list-item\"\n onClick={() => handleCountryCodeSelect(country.dial_code)}\n >\n <img src={`https://flagcdn.com/${country.code.toLowerCase()}.svg`} alt={country.name} width=\"16\" />\n <span>{country.name}</span>\n <span>({country.dial_code})</span>\n </div>\n ))\n ) : (\n <div className=\"phone-input-container-se-design-country-code-list-item-no-resuts\">No results found</div>\n )}\n </div>\n )}\n </div>\n {error && <div className=\"error-message\">{errorMessage}</div>}\n </div>\n );\n};\n"],"names":["PhoneInput","onCountrycodeChange","onNumberChange","error","errorMessage","value","countryCode","setCountryCode","useState","countriesInfoJson","dial_code","displaySelectCountryCode","setDisplaySelectCountryCode","countriesInfo","setCountriesInfo","searchValue","setSearchValue","enteredNumber","setEnteredNumber","containerRef","useRef","countryInfo","find","country","handleCountryCodeSelect","handleCountryCodeSearch","event","target","filteredCountries","filter","name","toLowerCase","includes","code","useEffect","handleClickOutside","current","contains","addEventListener","document","removeEventListener","number","handleEnteredNumberChange","numericValue","replace","log","React","createElement","className","ref","onClick","src","alt","width","Icon","type","placeholder","onChange","pattern","length","map","key"],"mappings":"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"}
|
package/dist/index42.js
CHANGED
@@ -1,5 +1,41 @@
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='240'%20height='150'%20viewBox='0%200%20240%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_960_1142)'%3e%3crect%20x='159.789'%20y='2'%20width='60.7392'%20height='109.607'%20rx='8.2826'%20fill='%231088E7'/%3e%3crect%20x='182.156'%20y='5.58984'%20width='16.0125'%20height='2.20862'%20rx='1.10431'%20fill='white'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6609'%20fill='%23DAE9FB'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6603'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M176.077%2044.2553C175.082%2044.3146%20174.305%2045.1424%20174.305%2046.1442V54.9831C174.305%2064.6478%20180.446%2073.2345%20189.567%2076.3208C189.957%2076.4529%20190.38%2076.4529%20190.77%2076.3208C199.89%2073.2345%20206.032%2064.6478%20206.032%2054.9831V46.1442C206.032%2045.1424%20205.254%2044.3145%20204.259%2044.2552L204.248%2044.2545C204.233%2044.2534%20204.207%2044.2513%20204.169%2044.2477C204.092%2044.2406%20203.97%2044.2277%20203.805%2044.2056C203.476%2044.1614%20202.983%2044.0807%20202.363%2043.9374C201.122%2043.6505%20199.39%2043.1152%20197.47%2042.1266C195.536%2041.1303%20194.041%2040.0318%20193.036%2039.1887C192.535%2038.7679%20192.158%2038.413%20191.912%2038.1699C191.79%2038.0484%20191.7%2037.9551%20191.644%2037.8958C191.616%2037.8661%20191.597%2037.8449%20191.586%2037.833L191.578%2037.8241C191.22%2037.4192%20190.707%2037.1875%20190.168%2037.1875C189.63%2037.1875%20189.118%2037.4182%20188.76%2037.8222L188.758%2037.8245L188.751%2037.833C188.74%2037.8449%20188.72%2037.8661%20188.692%2037.8958C188.637%2037.9551%20188.547%2038.0484%20188.424%2038.1699C188.179%2038.413%20187.802%2038.7679%20187.3%2039.1887C186.295%2040.0318%20184.8%2041.1303%20182.866%2042.1266C181.089%2043.0423%20179.471%2043.5691%20178.256%2043.8698C178.159%2043.8938%20178.065%2043.9163%20177.973%2043.9374C177.354%2044.0807%20176.86%2044.1614%20176.531%2044.2056C176.367%2044.2277%20176.244%2044.2406%20176.168%2044.2477C176.13%2044.2513%20176.103%2044.2534%20176.089%2044.2545L176.077%2044.2553Z'%20fill='%231088E7'/%3e%3cpath%20d='M195.894%2055.165H184.433C184.053%2055.165%20183.689%2055.3147%20183.42%2055.581C183.151%2055.8474%20183%2056.2087%20183%2056.5854V65.1031C183%2065.4798%20183.151%2065.841%20183.42%2066.1074C183.689%2066.3738%20184.053%2066.5234%20184.433%2066.5234H195.896C196.276%2066.5234%20196.64%2066.3738%20196.909%2066.1074C197.178%2065.841%20197.329%2065.4798%20197.329%2065.1031V56.5854C197.329%2056.2087%20197.178%2055.8474%20196.909%2055.581C196.64%2055.3147%20196.276%2055.165%20195.896%2055.165H195.894Z'%20fill='white'%20stroke='white'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M195.055%2055.1645V53.015C195.055%2051.685%20194.53%2050.4094%20193.596%2049.4689C192.662%2048.5284%20191.395%2048%20190.074%2048C188.754%2048%20187.487%2048.5284%20186.553%2049.4689C185.619%2050.4094%20185.094%2051.685%20185.094%2053.015V55.1645'%20stroke='white'%20stroke-width='1.58454'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M190.165%2062.6287C190.662%2062.6287%20191.139%2062.4312%20191.491%2062.0795C191.843%2061.7279%20192.04%2061.251%20192.04%2060.7537C192.04%2060.2564%20191.843%2059.7795%20191.491%2059.4279C191.139%2059.0762%20190.662%2058.8787%20190.165%2058.8787C189.668%2058.8787%20189.191%2059.0762%20188.839%2059.4279C188.488%2059.7795%20188.29%2060.2564%20188.29%2060.7537C188.29%2061.251%20188.488%2061.7279%20188.839%2062.0795C189.191%2062.4312%20189.668%2062.6287%20190.165%2062.6287Z'%20fill='%231088E7'%20stroke='%231088E7'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M79.8662%20104.325C80.0261%20104.196%20108.297%20104.568%20124.752%20121.693C141.206%20138.818%20139.159%20151.964%20139.159%20151.964L15.6779%20151.909C15.6779%20151.909%207.69057%20133.341%2046.551%20109.367L79.8662%20104.325Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M100.204%2088.1076C100.965%2087.0277%20102.375%2086.6832%20103.587%2086.1564C104.599%2085.7179%20105.636%2084.8716%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C87.3884%20108.419%2091.9332%20109.451%2095.398%20105.079C98.481%20101.19%2099.0882%2095.5649%2099.4852%2090.7804C99.5626%2089.8507%2099.6581%2088.8757%20100.195%2088.1101L100.204%2088.1076Z'%20fill='white'/%3e%3cpath%20d='M100.204%2088.1076C101.541%2086.2212%20105.28%2086.4551%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C95.4845%20112.341%2098.8652%20101.09%2099.4894%2090.7813C99.5669%2089.8515%2099.6624%2088.8766%20100.199%2088.111L100.204%2088.1076Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.7732%2063.816C81.0717%2063.0895%2077.9917%2064.0248%2076.1558%2066.1347'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.8328%2076.999C93.5066%2076.7858%2093.028%2077.2339%2093.1933%2077.582C93.3587%2077.93%2093.9721%2077.8865%2094.1113%2077.5211C94.2505%2077.1556%2093.872%2076.7249%2093.4892%2076.7815C93.1063%2076.838%2092.8584%2077.3122%2093.0063%2077.6733C93.202%2078.1518%2093.9938%2078.2041%2094.2505%2077.7516C94.3505%2077.5733%2094.3679%2077.347%2094.2766%2077.1643C94.1461%2076.9033%2093.8067%2076.7771%2093.5327%2076.8685C93.2977%2076.9468%2093.1107%2077.2252%2093.2194%2077.4514C93.3282%2077.6777%2093.7632%2077.6081%2093.7371%2077.3601C93.4892%2077.2122%2093.1803%2077.6472%2093.3978%2077.8343'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.3931%2094.916C89.0245%2097.0651%2092.1132%2097.9612%2094.6408%2097.0259'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.7775%2099.7675C56.4761%20102.604%2050.981%20107.575%2048.123%20109.85C52.9562%20117.914%2060.8252%20124.556%2066.6866%20131.904C69.8496%20127.401%2073.1558%20123.002%2076.5956%20118.71L58.7775%2099.7675Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.7317%20118.501C76.6641%20118.594%2086.2381%20127.401%2085.9792%20126.554C85.7203%20125.707%2083.161%20106.488%2083.161%20106.488L76.7317%20118.501Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M89.7389%2057.58C87.1561%2052.9774%2078.5558%2050.449%2073.8458%2050.9549C66.9443%2051.6958%2060.1427%2055.098%2057.2613%2061.585C57.1051%2061.9396%2057.4172%2062.3268%2057.7971%2062.2485C57.9311%2062.2223%2058.0643%2062.2005%2058.2034%2062.1932C58.8101%2062.1563%2058.8777%2063.0711%2058.2717%2063.1481C53.4191%2063.7449%2048.9054%2066.9183%2046.7818%2071.3306C46.6145%2071.674%2046.8968%2072.0553%2047.2766%2072.0212C48.7435%2071.8791%2050.252%2072.167%2051.5625%2072.8409C51.8999%2073.0159%2051.926%2073.4783%2051.6056%2073.6797C50.5383%2074.3468%2049.7778%2075.4932%2049.4274%2076.7183C48.9996%2078.2162%2049.115%2079.8154%2049.4037%2081.3476C50.5737%2087.6213%2055.0764%2093.4608%2061.1276%2095.273C61.5547%2095.3995%2061.9108%2094.9345%2061.6763%2094.5585C60.3465%2092.4248%2060.3649%2089.53%2061.0564%2087.038C61.3853%2085.8529%2061.8601%2084.6708%2062.7061%2083.7813C64.7755%2081.6084%2068.232%2081.8339%2071.1119%2080.9838C74.0584%2080.1117%2076.5859%2077.9118%2077.8592%2075.1115C78.9651%2072.6768%2079.5138%2069.9472%2080.9504%2067.6328C81.6101%2066.568%2082.4804%2065.5149%2083.7092%2065.1025C84.2429%2064.9221%2084.4909%2064.3554%2088.865%2065.7478C89.0022%2065.7934%2089.1524%2065.775%2089.2746%2065.6976C90.066%2065.1877%2092.7634%2062.9601%2089.7457%2057.5903L89.7389%2057.58Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20fill='white'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M69.0261%2076.2248C71.4972%2076.7567%2073.6307%2078.6387%2074.4601%2081.0235'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M72.468%2078.3498C71.6255%2079.0323%2070.9294%2079.8925%2070.4399%2080.8642'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.2853%2083.1018C95.4617%2082.759%2096.779%2079.6433%2096.2277%2076.1426C95.6764%2072.6419%2093.4651%2070.0818%2091.2888%2070.4246C89.1124%2070.7673%2087.795%2073.8831%2088.3463%2077.3838C88.8977%2080.8845%2091.1089%2083.4445%2093.2853%2083.1018Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.9007%2077.6247L76.7639%2077.8335'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M71.0514%20126.027C71.0514%20126.027%2071.3977%20129.049%2074.5965%20129.571L69.5018%20142.672L78.1302%20150.157L85.1939%20150.135L88.6296%20145.078L80.1423%20130.053C80.1423%20130.053%2083.0334%20127.933%2083.3381%20124.953L76.4662%20118.353L71.0486%20126.023L71.0514%20126.027Z'%20fill='%231088E7'/%3e%3cpath%20d='M94.2024%2074.5686C91.4811%2073.3197%2088.0637%2073.757%2085.7497%2075.6559'%20stroke='%231088E7'%20stroke-width='0.937456'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20clip-path='url(%23clip1_960_1142)'%3e%3cpath%20d='M161.19%20119.089C161.349%20118.973%20187.606%20121.05%20203.843%20136.604C220.08%20152.158%20217.286%20157.025%20217.286%20157.025H95.5639C95.5639%20157.025%2093.9829%20136.95%20132.328%20115.176L161.186%20119.093L161.19%20119.089Z'%20fill='%23CDE9FC'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.615%2079.5903C148.837%2077.134%20155.204%2077.2714%20160.314%2079.9484C164.729%2082.2632%20168.47%2086.4098%20173.368%2086.9552C173.705%2086.9927%20174.009%2087.2092%20174.092%2087.5381C174.337%2088.4956%20173.742%2089.6281%20173.014%2090.3941C172.144%2091.3142%20171.037%2092.1469%20170.775%2093.3834C170.588%2094.2577%20170.875%2095.1528%20171.154%2095.9979C172.602%20100.361%20174.179%20105.54%20172.931%20110.12C171.524%20115.266%20167.138%20116.069%20162.528%20116.161L162.174%20136.599L138.93%20120.037L143.615%2079.5903Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.681%2079.7577C137.343%2080.6778%20133.332%2087.0351%20131.193%2093.0719C129.054%2099.1087%20127.702%20105.799%20123.174%20110.329C120.037%20113.464%20115.697%20115.192%20112.622%20118.385C110.816%20120.258%20109.505%20122.606%20108.856%20125.125C108.04%20128.289%20108.506%20132.145%20111.153%20134.056C113.803%20135.967%20118.58%20134.093%20118.222%20130.841C118.177%20130.429%20118.044%20130.009%20117.752%20129.713C117.419%20129.38%20116.937%20129.264%20116.471%20129.184C113.033%20128.622%20109.359%20129.796%20106.883%20132.249C104.411%20134.701%20103.201%20138.369%20103.733%20141.812C104.195%20144.793%20105.86%20147.478%20107.911%20149.693C110.766%20152.774%20114.507%20155.126%20118.639%20155.863C123.345%20156.704%20128.401%20155.322%20132.033%20152.208C135.662%20149.093%20137.793%20144.301%20137.68%20139.518C137.643%20138.002%20137.36%20136.416%20136.399%20135.242C135.437%20134.068%20133.644%20133.481%20132.346%20134.264C133.12%20137.503%20134.218%20140.738%20136.257%20143.369C138.296%20146%20141.421%20147.957%20144.75%20147.907C148.366%20147.857%20151.724%20145.346%20153.168%20142.032C154.612%20138.714%20154.254%20134.763%20152.598%20131.549C151.47%20129.359%20149.061%20127.274%20146.777%20128.198C144.184%20129.247%20144.334%20133.123%20145.865%20135.463C149.569%20141.121%20158.732%20141.92%20163.492%20137.12C168.257%20132.319%20167.529%20123.352%20162.177%20119.222C158.257%20116.195%20152.461%20115.45%20149.873%20111.228C147.184%20106.84%20149.419%20101.265%20150.089%2096.1611C150.884%2090.1035%20149.032%2083.4755%20144.338%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20fill='white'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.414%2097.1353C147.312%2096.1319%20149.733%2096.1902%20151.577%2097.2893'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.83%2096.6406C148.655%2097.5441%20148.672%2098.4891%20148.884%2099.3884'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M156.865%2079.9375C154.352%2080.8534%20152.458%2083.2848%20152.18%2085.9452'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M159.22%2083.3452C158.874%2083.2078%20158.512%2083.7198%20158.737%2084.0154C158.962%2084.311%20159.527%2084.1487%20159.582%2083.7823C159.636%2083.4159%20159.203%2083.0829%20158.853%2083.2119C158.504%2083.341%20158.367%2083.8323%20158.575%2084.1403C158.849%2084.5525%20159.602%2084.4443%20159.756%2083.9738C159.815%2083.7865%20159.785%2083.5741%20159.665%2083.4201C159.494%2083.1994%20159.149%2083.1453%20158.907%2083.2869C158.704%2083.4076%20158.583%2083.7032%20158.724%2083.8905C158.866%2084.0779%20159.265%2083.9322%20159.19%2083.7032C158.928%2083.6116%20158.724%2084.0779%20158.966%2084.2111'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M161.852%20102.555C163.795%20104.253%20166.862%20104.495%20169.05%20103.129'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_960_1142'%3e%3crect%20width='240'%20height='150'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_960_1142'%3e%3crect%20width='122.09'%20height='79.0696'%20fill='white'%20transform='translate(95.7031%2077.4258)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
1
|
+
import o from "react";
|
2
|
+
const m = ({
|
3
|
+
progress: a,
|
4
|
+
backgroundColor: n = "#E8E8E8",
|
5
|
+
progressColor: s = "#0066FF",
|
6
|
+
size: e = 40,
|
7
|
+
strokeWidth: r = 4
|
8
|
+
}) => {
|
9
|
+
const t = (e - r) / 2, c = t * 2 * Math.PI, l = c - a / 100 * c;
|
10
|
+
return /* @__PURE__ */ o.createElement("svg", {
|
11
|
+
width: e,
|
12
|
+
height: e,
|
13
|
+
style: {
|
14
|
+
transform: "rotate(-90deg)"
|
15
|
+
}
|
16
|
+
}, /* @__PURE__ */ o.createElement("circle", {
|
17
|
+
cx: e / 2,
|
18
|
+
cy: e / 2,
|
19
|
+
r: t,
|
20
|
+
stroke: n,
|
21
|
+
strokeWidth: r,
|
22
|
+
fill: "none"
|
23
|
+
}), /* @__PURE__ */ o.createElement("circle", {
|
24
|
+
cx: e / 2,
|
25
|
+
cy: e / 2,
|
26
|
+
r: t,
|
27
|
+
stroke: s,
|
28
|
+
strokeWidth: r,
|
29
|
+
strokeDasharray: c,
|
30
|
+
strokeDashoffset: l,
|
31
|
+
fill: "none",
|
32
|
+
strokeLinecap: "round",
|
33
|
+
style: {
|
34
|
+
transition: "stroke-dashoffset 0.3s ease"
|
35
|
+
}
|
36
|
+
}));
|
37
|
+
};
|
2
38
|
export {
|
3
|
-
|
39
|
+
m as CircularProgressBar
|
4
40
|
};
|
5
41
|
//# sourceMappingURL=index42.js.map
|
package/dist/index42.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index42.js","sources":["../src/assets/icons/banner-demo-img.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='240'%20height='150'%20viewBox='0%200%20240%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_960_1142)'%3e%3crect%20x='159.789'%20y='2'%20width='60.7392'%20height='109.607'%20rx='8.2826'%20fill='%231088E7'/%3e%3crect%20x='182.156'%20y='5.58984'%20width='16.0125'%20height='2.20862'%20rx='1.10431'%20fill='white'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6609'%20fill='%23DAE9FB'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6603'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M176.077%2044.2553C175.082%2044.3146%20174.305%2045.1424%20174.305%2046.1442V54.9831C174.305%2064.6478%20180.446%2073.2345%20189.567%2076.3208C189.957%2076.4529%20190.38%2076.4529%20190.77%2076.3208C199.89%2073.2345%20206.032%2064.6478%20206.032%2054.9831V46.1442C206.032%2045.1424%20205.254%2044.3145%20204.259%2044.2552L204.248%2044.2545C204.233%2044.2534%20204.207%2044.2513%20204.169%2044.2477C204.092%2044.2406%20203.97%2044.2277%20203.805%2044.2056C203.476%2044.1614%20202.983%2044.0807%20202.363%2043.9374C201.122%2043.6505%20199.39%2043.1152%20197.47%2042.1266C195.536%2041.1303%20194.041%2040.0318%20193.036%2039.1887C192.535%2038.7679%20192.158%2038.413%20191.912%2038.1699C191.79%2038.0484%20191.7%2037.9551%20191.644%2037.8958C191.616%2037.8661%20191.597%2037.8449%20191.586%2037.833L191.578%2037.8241C191.22%2037.4192%20190.707%2037.1875%20190.168%2037.1875C189.63%2037.1875%20189.118%2037.4182%20188.76%2037.8222L188.758%2037.8245L188.751%2037.833C188.74%2037.8449%20188.72%2037.8661%20188.692%2037.8958C188.637%2037.9551%20188.547%2038.0484%20188.424%2038.1699C188.179%2038.413%20187.802%2038.7679%20187.3%2039.1887C186.295%2040.0318%20184.8%2041.1303%20182.866%2042.1266C181.089%2043.0423%20179.471%2043.5691%20178.256%2043.8698C178.159%2043.8938%20178.065%2043.9163%20177.973%2043.9374C177.354%2044.0807%20176.86%2044.1614%20176.531%2044.2056C176.367%2044.2277%20176.244%2044.2406%20176.168%2044.2477C176.13%2044.2513%20176.103%2044.2534%20176.089%2044.2545L176.077%2044.2553Z'%20fill='%231088E7'/%3e%3cpath%20d='M195.894%2055.165H184.433C184.053%2055.165%20183.689%2055.3147%20183.42%2055.581C183.151%2055.8474%20183%2056.2087%20183%2056.5854V65.1031C183%2065.4798%20183.151%2065.841%20183.42%2066.1074C183.689%2066.3738%20184.053%2066.5234%20184.433%2066.5234H195.896C196.276%2066.5234%20196.64%2066.3738%20196.909%2066.1074C197.178%2065.841%20197.329%2065.4798%20197.329%2065.1031V56.5854C197.329%2056.2087%20197.178%2055.8474%20196.909%2055.581C196.64%2055.3147%20196.276%2055.165%20195.896%2055.165H195.894Z'%20fill='white'%20stroke='white'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M195.055%2055.1645V53.015C195.055%2051.685%20194.53%2050.4094%20193.596%2049.4689C192.662%2048.5284%20191.395%2048%20190.074%2048C188.754%2048%20187.487%2048.5284%20186.553%2049.4689C185.619%2050.4094%20185.094%2051.685%20185.094%2053.015V55.1645'%20stroke='white'%20stroke-width='1.58454'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M190.165%2062.6287C190.662%2062.6287%20191.139%2062.4312%20191.491%2062.0795C191.843%2061.7279%20192.04%2061.251%20192.04%2060.7537C192.04%2060.2564%20191.843%2059.7795%20191.491%2059.4279C191.139%2059.0762%20190.662%2058.8787%20190.165%2058.8787C189.668%2058.8787%20189.191%2059.0762%20188.839%2059.4279C188.488%2059.7795%20188.29%2060.2564%20188.29%2060.7537C188.29%2061.251%20188.488%2061.7279%20188.839%2062.0795C189.191%2062.4312%20189.668%2062.6287%20190.165%2062.6287Z'%20fill='%231088E7'%20stroke='%231088E7'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M79.8662%20104.325C80.0261%20104.196%20108.297%20104.568%20124.752%20121.693C141.206%20138.818%20139.159%20151.964%20139.159%20151.964L15.6779%20151.909C15.6779%20151.909%207.69057%20133.341%2046.551%20109.367L79.8662%20104.325Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M100.204%2088.1076C100.965%2087.0277%20102.375%2086.6832%20103.587%2086.1564C104.599%2085.7179%20105.636%2084.8716%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C87.3884%20108.419%2091.9332%20109.451%2095.398%20105.079C98.481%20101.19%2099.0882%2095.5649%2099.4852%2090.7804C99.5626%2089.8507%2099.6581%2088.8757%20100.195%2088.1101L100.204%2088.1076Z'%20fill='white'/%3e%3cpath%20d='M100.204%2088.1076C101.541%2086.2212%20105.28%2086.4551%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C95.4845%20112.341%2098.8652%20101.09%2099.4894%2090.7813C99.5669%2089.8515%2099.6624%2088.8766%20100.199%2088.111L100.204%2088.1076Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.7732%2063.816C81.0717%2063.0895%2077.9917%2064.0248%2076.1558%2066.1347'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.8328%2076.999C93.5066%2076.7858%2093.028%2077.2339%2093.1933%2077.582C93.3587%2077.93%2093.9721%2077.8865%2094.1113%2077.5211C94.2505%2077.1556%2093.872%2076.7249%2093.4892%2076.7815C93.1063%2076.838%2092.8584%2077.3122%2093.0063%2077.6733C93.202%2078.1518%2093.9938%2078.2041%2094.2505%2077.7516C94.3505%2077.5733%2094.3679%2077.347%2094.2766%2077.1643C94.1461%2076.9033%2093.8067%2076.7771%2093.5327%2076.8685C93.2977%2076.9468%2093.1107%2077.2252%2093.2194%2077.4514C93.3282%2077.6777%2093.7632%2077.6081%2093.7371%2077.3601C93.4892%2077.2122%2093.1803%2077.6472%2093.3978%2077.8343'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.3931%2094.916C89.0245%2097.0651%2092.1132%2097.9612%2094.6408%2097.0259'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.7775%2099.7675C56.4761%20102.604%2050.981%20107.575%2048.123%20109.85C52.9562%20117.914%2060.8252%20124.556%2066.6866%20131.904C69.8496%20127.401%2073.1558%20123.002%2076.5956%20118.71L58.7775%2099.7675Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.7317%20118.501C76.6641%20118.594%2086.2381%20127.401%2085.9792%20126.554C85.7203%20125.707%2083.161%20106.488%2083.161%20106.488L76.7317%20118.501Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M89.7389%2057.58C87.1561%2052.9774%2078.5558%2050.449%2073.8458%2050.9549C66.9443%2051.6958%2060.1427%2055.098%2057.2613%2061.585C57.1051%2061.9396%2057.4172%2062.3268%2057.7971%2062.2485C57.9311%2062.2223%2058.0643%2062.2005%2058.2034%2062.1932C58.8101%2062.1563%2058.8777%2063.0711%2058.2717%2063.1481C53.4191%2063.7449%2048.9054%2066.9183%2046.7818%2071.3306C46.6145%2071.674%2046.8968%2072.0553%2047.2766%2072.0212C48.7435%2071.8791%2050.252%2072.167%2051.5625%2072.8409C51.8999%2073.0159%2051.926%2073.4783%2051.6056%2073.6797C50.5383%2074.3468%2049.7778%2075.4932%2049.4274%2076.7183C48.9996%2078.2162%2049.115%2079.8154%2049.4037%2081.3476C50.5737%2087.6213%2055.0764%2093.4608%2061.1276%2095.273C61.5547%2095.3995%2061.9108%2094.9345%2061.6763%2094.5585C60.3465%2092.4248%2060.3649%2089.53%2061.0564%2087.038C61.3853%2085.8529%2061.8601%2084.6708%2062.7061%2083.7813C64.7755%2081.6084%2068.232%2081.8339%2071.1119%2080.9838C74.0584%2080.1117%2076.5859%2077.9118%2077.8592%2075.1115C78.9651%2072.6768%2079.5138%2069.9472%2080.9504%2067.6328C81.6101%2066.568%2082.4804%2065.5149%2083.7092%2065.1025C84.2429%2064.9221%2084.4909%2064.3554%2088.865%2065.7478C89.0022%2065.7934%2089.1524%2065.775%2089.2746%2065.6976C90.066%2065.1877%2092.7634%2062.9601%2089.7457%2057.5903L89.7389%2057.58Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20fill='white'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M69.0261%2076.2248C71.4972%2076.7567%2073.6307%2078.6387%2074.4601%2081.0235'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M72.468%2078.3498C71.6255%2079.0323%2070.9294%2079.8925%2070.4399%2080.8642'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.2853%2083.1018C95.4617%2082.759%2096.779%2079.6433%2096.2277%2076.1426C95.6764%2072.6419%2093.4651%2070.0818%2091.2888%2070.4246C89.1124%2070.7673%2087.795%2073.8831%2088.3463%2077.3838C88.8977%2080.8845%2091.1089%2083.4445%2093.2853%2083.1018Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.9007%2077.6247L76.7639%2077.8335'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M71.0514%20126.027C71.0514%20126.027%2071.3977%20129.049%2074.5965%20129.571L69.5018%20142.672L78.1302%20150.157L85.1939%20150.135L88.6296%20145.078L80.1423%20130.053C80.1423%20130.053%2083.0334%20127.933%2083.3381%20124.953L76.4662%20118.353L71.0486%20126.023L71.0514%20126.027Z'%20fill='%231088E7'/%3e%3cpath%20d='M94.2024%2074.5686C91.4811%2073.3197%2088.0637%2073.757%2085.7497%2075.6559'%20stroke='%231088E7'%20stroke-width='0.937456'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20clip-path='url(%23clip1_960_1142)'%3e%3cpath%20d='M161.19%20119.089C161.349%20118.973%20187.606%20121.05%20203.843%20136.604C220.08%20152.158%20217.286%20157.025%20217.286%20157.025H95.5639C95.5639%20157.025%2093.9829%20136.95%20132.328%20115.176L161.186%20119.093L161.19%20119.089Z'%20fill='%23CDE9FC'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.615%2079.5903C148.837%2077.134%20155.204%2077.2714%20160.314%2079.9484C164.729%2082.2632%20168.47%2086.4098%20173.368%2086.9552C173.705%2086.9927%20174.009%2087.2092%20174.092%2087.5381C174.337%2088.4956%20173.742%2089.6281%20173.014%2090.3941C172.144%2091.3142%20171.037%2092.1469%20170.775%2093.3834C170.588%2094.2577%20170.875%2095.1528%20171.154%2095.9979C172.602%20100.361%20174.179%20105.54%20172.931%20110.12C171.524%20115.266%20167.138%20116.069%20162.528%20116.161L162.174%20136.599L138.93%20120.037L143.615%2079.5903Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.681%2079.7577C137.343%2080.6778%20133.332%2087.0351%20131.193%2093.0719C129.054%2099.1087%20127.702%20105.799%20123.174%20110.329C120.037%20113.464%20115.697%20115.192%20112.622%20118.385C110.816%20120.258%20109.505%20122.606%20108.856%20125.125C108.04%20128.289%20108.506%20132.145%20111.153%20134.056C113.803%20135.967%20118.58%20134.093%20118.222%20130.841C118.177%20130.429%20118.044%20130.009%20117.752%20129.713C117.419%20129.38%20116.937%20129.264%20116.471%20129.184C113.033%20128.622%20109.359%20129.796%20106.883%20132.249C104.411%20134.701%20103.201%20138.369%20103.733%20141.812C104.195%20144.793%20105.86%20147.478%20107.911%20149.693C110.766%20152.774%20114.507%20155.126%20118.639%20155.863C123.345%20156.704%20128.401%20155.322%20132.033%20152.208C135.662%20149.093%20137.793%20144.301%20137.68%20139.518C137.643%20138.002%20137.36%20136.416%20136.399%20135.242C135.437%20134.068%20133.644%20133.481%20132.346%20134.264C133.12%20137.503%20134.218%20140.738%20136.257%20143.369C138.296%20146%20141.421%20147.957%20144.75%20147.907C148.366%20147.857%20151.724%20145.346%20153.168%20142.032C154.612%20138.714%20154.254%20134.763%20152.598%20131.549C151.47%20129.359%20149.061%20127.274%20146.777%20128.198C144.184%20129.247%20144.334%20133.123%20145.865%20135.463C149.569%20141.121%20158.732%20141.92%20163.492%20137.12C168.257%20132.319%20167.529%20123.352%20162.177%20119.222C158.257%20116.195%20152.461%20115.45%20149.873%20111.228C147.184%20106.84%20149.419%20101.265%20150.089%2096.1611C150.884%2090.1035%20149.032%2083.4755%20144.338%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20fill='white'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.414%2097.1353C147.312%2096.1319%20149.733%2096.1902%20151.577%2097.2893'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.83%2096.6406C148.655%2097.5441%20148.672%2098.4891%20148.884%2099.3884'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M156.865%2079.9375C154.352%2080.8534%20152.458%2083.2848%20152.18%2085.9452'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M159.22%2083.3452C158.874%2083.2078%20158.512%2083.7198%20158.737%2084.0154C158.962%2084.311%20159.527%2084.1487%20159.582%2083.7823C159.636%2083.4159%20159.203%2083.0829%20158.853%2083.2119C158.504%2083.341%20158.367%2083.8323%20158.575%2084.1403C158.849%2084.5525%20159.602%2084.4443%20159.756%2083.9738C159.815%2083.7865%20159.785%2083.5741%20159.665%2083.4201C159.494%2083.1994%20159.149%2083.1453%20158.907%2083.2869C158.704%2083.4076%20158.583%2083.7032%20158.724%2083.8905C158.866%2084.0779%20159.265%2083.9322%20159.19%2083.7032C158.928%2083.6116%20158.724%2084.0779%20158.966%2084.2111'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M161.852%20102.555C163.795%20104.253%20166.862%20104.495%20169.05%20103.129'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_960_1142'%3e%3crect%20width='240'%20height='150'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_960_1142'%3e%3crect%20width='122.09'%20height='79.0696'%20fill='white'%20transform='translate(95.7031%2077.4258)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_2"],"mappings":"AAAA,MAAeA,IAAA;"}
|
1
|
+
{"version":3,"file":"index42.js","sources":["../src/components/CircularProgressBar/index.tsx"],"sourcesContent":["import React from 'react';\n\ninterface CircularProgressBarProps {\n progress: number;\n backgroundColor?: string;\n progressColor?: string;\n size?: number;\n strokeWidth?: number;\n}\n\nexport const CircularProgressBar = ({\n progress,\n backgroundColor = '#E8E8E8',\n progressColor = '#0066FF',\n size = 40,\n strokeWidth = 4\n}: CircularProgressBarProps) => {\n const radius = (size - strokeWidth) / 2;\n const circumference = radius * 2 * Math.PI;\n const strokeDashoffset = circumference - (progress / 100) * circumference;\n\n return (\n <svg width={size} height={size} style={{ transform: 'rotate(-90deg)' }}>\n {/* Background circle */}\n <circle cx={size / 2} cy={size / 2} r={radius} stroke={backgroundColor} strokeWidth={strokeWidth} fill=\"none\" />\n {/* Progress circle */}\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n stroke={progressColor}\n strokeWidth={strokeWidth}\n strokeDasharray={circumference}\n strokeDashoffset={strokeDashoffset}\n fill=\"none\"\n strokeLinecap=\"round\"\n style={{ transition: 'stroke-dashoffset 0.3s ease' }}\n />\n </svg>\n );\n};\n"],"names":["CircularProgressBar","progress","backgroundColor","progressColor","size","strokeWidth","radius","circumference","Math","PI","strokeDashoffset","React","createElement","width","height","style","transform","cx","cy","r","stroke","fill","strokeDasharray","strokeLinecap","transition"],"mappings":";AAUO,MAAMA,IAAsBA,CAAC;AAAA,EAClCC,UAAAA;AAAAA,EACAC,iBAAAA,IAAkB;AAAA,EAClBC,eAAAA,IAAgB;AAAA,EAChBC,MAAAA,IAAO;AAAA,EACPC,aAAAA,IAAc;AACU,MAAM;AACxBC,QAAAA,KAAUF,IAAOC,KAAe,GAChCE,IAAgBD,IAAS,IAAIE,KAAKC,IAClCC,IAAmBH,IAAiBN,IAAW,MAAOM;AAG1DI,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,OAAOT;AAAAA,IAAMU,QAAQV;AAAAA,IAAMW,OAAO;AAAA,MAAEC,WAAW;AAAA,IAAA;AAAA,EAAiB,GAEnEJ,gBAAAA,EAAAA,cAAA,UAAA;AAAA,IAAQK,IAAIb,IAAO;AAAA,IAAGc,IAAId,IAAO;AAAA,IAAGe,GAAGb;AAAAA,IAAQc,QAAQlB;AAAAA,IAAiBG,aAAAA;AAAAA,IAA0BgB,MAAK;AAAA,EAAA,CAAQ,GAE/GT,gBAAAA,EAAAA,cAAA,UAAA;AAAA,IACEK,IAAIb,IAAO;AAAA,IACXc,IAAId,IAAO;AAAA,IACXe,GAAGb;AAAAA,IACHc,QAAQjB;AAAAA,IACRE,aAAAA;AAAAA,IACAiB,iBAAiBf;AAAAA,IACjBG,kBAAAA;AAAAA,IACAW,MAAK;AAAA,IACLE,eAAc;AAAA,IACdR,OAAO;AAAA,MAAES,YAAY;AAAA,IAAA;AAAA,EAA8B,CACpD,CACE;AAET;"}
|