md-components-mdigial-azamat 0.0.10 → 0.0.11
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/README.md +4 -0
- package/dist/Banner/Banner.js +25 -15
- package/dist/BannerAndText/index.js +16 -11
- package/dist/CardIconList/CardIconList.js +27 -20
- package/dist/CardImageList/CardImageList.js +19 -13
- package/dist/Cards/CardImage/CardImage.js +9 -6
- package/dist/Cards/ColoredCard/index.js +7 -2
- package/dist/Cards/ContentCard/ContentCard.js +14 -11
- package/dist/Cards/FeaturesCard/index.js +1 -1
- package/dist/Cards/WarningCard/WarningCard.js +28 -22
- package/dist/ConfigProvider/index.js +7 -3
- package/dist/ContentCardList/ContentCardList.js +15 -12
- package/dist/DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js +14 -11
- package/dist/DownloadFile/components/DownloadFileFull/DownloadFileFull.js +14 -11
- package/dist/DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js +19 -16
- package/dist/DownloadFile/components/DownloadFileMini/DownloadFileMini.js +17 -14
- package/dist/Faq/Faq.js +18 -14
- package/dist/Faq/components/Collapse/Collapse.js +12 -8
- package/dist/HeroPossibilityBanner/index.js +24 -16
- package/dist/HtmlContent/HtmlContent.js +9 -5
- package/dist/InstructionList/InstructionList.js +18 -13
- package/dist/InstructionList/components/InstructionCard/InstructionCard.js +15 -12
- package/dist/MainBanner/MainBanner.js +27 -18
- package/dist/MultiCards/index.js +33 -25
- package/dist/Partners/Partners.js +8 -5
- package/dist/PartnersColors/PartnersColors.js +24 -18
- package/dist/PreviewList/PreviewList.js +23 -16
- package/dist/PreviewList/components/PreviewCard/PreviewCard.js +12 -9
- package/dist/Segments/Segments.js +17 -13
- package/dist/Stepper/Stepper.js +18 -13
- package/dist/SwiperList/SwiperList.js +10 -2
- package/dist/Video/VideoFull/VideoFull.js +5 -2
- package/dist/Video/VideoList/VideoList.js +11 -8
- package/dist/Video/VideoListMini/VideoListMini.js +9 -6
- package/dist/{index-cd468670.js → index-b52a1a9d.js} +12 -7
- package/dist/main.js +1 -1
- package/package.json +1 -1
- package/dist/main.d.ts +0 -39
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { I as
|
|
1
|
+
import { jsx as e, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
import { I as t } from "../../../Icon-70ea6cb8.js";
|
|
3
3
|
import { p as r } from "../../../palette-52b06a82.js";
|
|
4
|
-
import { B as
|
|
5
|
-
import { C as
|
|
6
|
-
const
|
|
7
|
-
|
|
4
|
+
import { B as n, a as s } from "../../../index-89dcf24f.js";
|
|
5
|
+
import { C as i } from "../../../ComponentContainer-41408843.js";
|
|
6
|
+
const c = [
|
|
7
|
+
"data"
|
|
8
|
+
], p = ({ data: a }) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: a == null ? void 0 : a.map((l) => /* @__PURE__ */ o("div", { className: "px-[48px] py-8 bg-white rounded-[20px] flex justify-between items-center gap-[64px]", children: [
|
|
9
|
+
/* @__PURE__ */ o("div", { className: "flex items-center gap-4 max-tablet:flex-col max-tablet:items-start", children: [
|
|
8
10
|
/* @__PURE__ */ e(
|
|
9
|
-
|
|
11
|
+
t,
|
|
10
12
|
{
|
|
11
13
|
className: "flex-shrink-0",
|
|
12
14
|
name: "file",
|
|
@@ -14,17 +16,17 @@ const f = ({ data: a }) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("d
|
|
|
14
16
|
size: 44
|
|
15
17
|
}
|
|
16
18
|
),
|
|
17
|
-
/* @__PURE__ */
|
|
19
|
+
/* @__PURE__ */ o("div", { className: "flex flex-col max-tablet:gap-2 ", children: [
|
|
18
20
|
/* @__PURE__ */ e("p", { className: "text-[20px] leading-7 font-bold", children: l == null ? void 0 : l.title }),
|
|
19
21
|
/* @__PURE__ */ e("p", { className: "text-[16px] leading-6", children: l == null ? void 0 : l.text })
|
|
20
22
|
] })
|
|
21
23
|
] }),
|
|
22
24
|
/* @__PURE__ */ e(
|
|
23
|
-
|
|
25
|
+
n,
|
|
24
26
|
{
|
|
25
27
|
variant: s.Secondary,
|
|
26
28
|
iconRight: /* @__PURE__ */ e(
|
|
27
|
-
|
|
29
|
+
t,
|
|
28
30
|
{
|
|
29
31
|
name: "download",
|
|
30
32
|
size: 20,
|
|
@@ -34,6 +36,7 @@ const f = ({ data: a }) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("d
|
|
|
34
36
|
}
|
|
35
37
|
)
|
|
36
38
|
] })) }) });
|
|
39
|
+
p.propsToEdit = c;
|
|
37
40
|
export {
|
|
38
|
-
|
|
41
|
+
p as DownloadFileFull
|
|
39
42
|
};
|
|
@@ -1,25 +1,27 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { I as
|
|
3
|
-
import { p as
|
|
1
|
+
import { jsx as l, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
import { I as n } from "../../../Icon-70ea6cb8.js";
|
|
3
|
+
import { p as e } from "../../../palette-52b06a82.js";
|
|
4
4
|
import { B as s, a as c } from "../../../index-89dcf24f.js";
|
|
5
5
|
import { C as i } from "../../../ComponentContainer-41408843.js";
|
|
6
|
-
const
|
|
6
|
+
const d = [
|
|
7
|
+
"data"
|
|
8
|
+
], p = ({ data: r }) => /* @__PURE__ */ l(i, { children: /* @__PURE__ */ l("div", { className: "grid grid-cols-2 gap-6 max-tablet:grid-cols-1", children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ a(
|
|
7
9
|
"div",
|
|
8
10
|
{
|
|
9
11
|
className: "p-[32px] bg-white rounded-[20px] flex justify-between gap-[40px]",
|
|
10
12
|
children: [
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */
|
|
14
|
-
/* @__PURE__ */
|
|
13
|
+
/* @__PURE__ */ l("div", { className: "flex flex-col ", children: /* @__PURE__ */ a("div", { children: [
|
|
14
|
+
/* @__PURE__ */ l("p", { className: "text-[24px] leading-8 font-bold mb-4", children: o == null ? void 0 : o.title }),
|
|
15
|
+
/* @__PURE__ */ l("p", { className: "text-[16px] leading-6", children: o == null ? void 0 : o.text }),
|
|
16
|
+
/* @__PURE__ */ l(
|
|
15
17
|
s,
|
|
16
18
|
{
|
|
17
|
-
iconRight: /* @__PURE__ */
|
|
18
|
-
|
|
19
|
+
iconRight: /* @__PURE__ */ l(
|
|
20
|
+
n,
|
|
19
21
|
{
|
|
20
22
|
name: "download",
|
|
21
23
|
size: 20,
|
|
22
|
-
color:
|
|
24
|
+
color: e.blackBG
|
|
23
25
|
}
|
|
24
26
|
),
|
|
25
27
|
className: "mt-8",
|
|
@@ -28,19 +30,20 @@ const h = ({ data: r }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o("d
|
|
|
28
30
|
}
|
|
29
31
|
)
|
|
30
32
|
] }) }),
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
|
|
33
|
+
/* @__PURE__ */ l(
|
|
34
|
+
n,
|
|
33
35
|
{
|
|
34
36
|
className: "flex-shrink-0",
|
|
35
37
|
name: "file",
|
|
36
|
-
color:
|
|
38
|
+
color: e.greenLight,
|
|
37
39
|
size: 48
|
|
38
40
|
}
|
|
39
41
|
)
|
|
40
42
|
]
|
|
41
43
|
},
|
|
42
|
-
|
|
44
|
+
o == null ? void 0 : o.id
|
|
43
45
|
)) }) });
|
|
46
|
+
p.propsToEdit = d;
|
|
44
47
|
export {
|
|
45
|
-
|
|
48
|
+
p as DownloadFileHalf
|
|
46
49
|
};
|
|
@@ -1,30 +1,32 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { I as
|
|
1
|
+
import { jsx as l, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
import { I as n } from "../../../Icon-70ea6cb8.js";
|
|
3
3
|
import { p as e } from "../../../palette-52b06a82.js";
|
|
4
4
|
import { B as s, a as c } from "../../../index-89dcf24f.js";
|
|
5
|
-
import { C as
|
|
6
|
-
const
|
|
5
|
+
import { C as p } from "../../../ComponentContainer-41408843.js";
|
|
6
|
+
const i = [
|
|
7
|
+
"data"
|
|
8
|
+
], d = ({ data: r }) => /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l("div", { className: "grid grid-cols-4 gap-6 max-tablet:grid-cols-1", children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ a(
|
|
7
9
|
"div",
|
|
8
10
|
{
|
|
9
11
|
className: "p-[24px] bg-white rounded-[20px] flex flex-col gap-8",
|
|
10
12
|
children: [
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
|
|
13
|
+
/* @__PURE__ */ l(
|
|
14
|
+
n,
|
|
13
15
|
{
|
|
14
16
|
name: "file",
|
|
15
17
|
color: e.greenLight,
|
|
16
18
|
size: 44
|
|
17
19
|
}
|
|
18
20
|
),
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
/* @__PURE__ */
|
|
21
|
-
/* @__PURE__ */
|
|
21
|
+
/* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
|
|
22
|
+
/* @__PURE__ */ l("p", { className: "text-[20px] leading-[28px] font-bold", children: o == null ? void 0 : o.title }),
|
|
23
|
+
/* @__PURE__ */ l("p", { className: "text-[16px] leading-6", children: o == null ? void 0 : o.text })
|
|
22
24
|
] }),
|
|
23
|
-
/* @__PURE__ */
|
|
25
|
+
/* @__PURE__ */ l(
|
|
24
26
|
s,
|
|
25
27
|
{
|
|
26
|
-
iconRight: /* @__PURE__ */
|
|
27
|
-
|
|
28
|
+
iconRight: /* @__PURE__ */ l(
|
|
29
|
+
n,
|
|
28
30
|
{
|
|
29
31
|
name: "download",
|
|
30
32
|
size: 20,
|
|
@@ -38,8 +40,9 @@ const g = ({ data: r }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o("d
|
|
|
38
40
|
)
|
|
39
41
|
]
|
|
40
42
|
},
|
|
41
|
-
|
|
43
|
+
o == null ? void 0 : o.id
|
|
42
44
|
)) }) });
|
|
45
|
+
d.propsToEdit = i;
|
|
43
46
|
export {
|
|
44
|
-
|
|
47
|
+
d as DownloadFileMini
|
|
45
48
|
};
|
package/dist/Faq/Faq.js
CHANGED
|
@@ -1,24 +1,27 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Collapse as
|
|
3
|
-
import { FeedbackForm as
|
|
4
|
-
import { HtmlContent as
|
|
1
|
+
import { jsx as r, jsxs as p } from "react/jsx-runtime";
|
|
2
|
+
import { Collapse as x } from "./components/Collapse/Collapse.js";
|
|
3
|
+
import { FeedbackForm as a } from "./components/FeedbackForm/FeedbackForm.js";
|
|
4
|
+
import { HtmlContent as c } from "../HtmlContent/HtmlContent.js";
|
|
5
5
|
import { C as e } from "../ComponentContainer-41408843.js";
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
const s = [
|
|
7
|
+
"data",
|
|
8
|
+
"title"
|
|
9
|
+
], d = ({ data: o, title: n }) => o != null && o.length ? /* @__PURE__ */ r(e, { children: /* @__PURE__ */ p("div", { className: "w-full mx-auto flex flex-col gap-[48px] transition-all duration-1000 max-tablet:gap-[30px]", children: [
|
|
10
|
+
n && /* @__PURE__ */ r("p", { className: "text-[44px] leading-[55px] font-bold text-center text-black2 max-tablet:text-[24px] max-tablet:leading-[30px] m-0", children: n }),
|
|
11
|
+
/* @__PURE__ */ r("div", { className: "flex flex-col bg-white p-12 rounded-[20px] max-tablet:p-6", children: o == null ? void 0 : o.map((l) => /* @__PURE__ */ r(
|
|
12
|
+
x,
|
|
10
13
|
{
|
|
11
14
|
title: l == null ? void 0 : l.title,
|
|
12
|
-
children: /* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */
|
|
14
|
-
|
|
15
|
+
children: /* @__PURE__ */ p("div", { children: [
|
|
16
|
+
/* @__PURE__ */ r(
|
|
17
|
+
c,
|
|
15
18
|
{
|
|
16
19
|
data: l == null ? void 0 : l.description,
|
|
17
20
|
className: "text-[18px] leading-[26px] text-blackBG "
|
|
18
21
|
}
|
|
19
22
|
),
|
|
20
|
-
/* @__PURE__ */
|
|
21
|
-
|
|
23
|
+
/* @__PURE__ */ r(
|
|
24
|
+
a,
|
|
22
25
|
{
|
|
23
26
|
faqId: l == null ? void 0 : l.id,
|
|
24
27
|
percent: l == null ? void 0 : l.percentage
|
|
@@ -30,6 +33,7 @@ const g = ({ data: r, title: o }) => r != null && r.length ? /* @__PURE__ */ n(e
|
|
|
30
33
|
l == null ? void 0 : l.id
|
|
31
34
|
)) })
|
|
32
35
|
] }) }) : null;
|
|
36
|
+
d.propsToEdit = s;
|
|
33
37
|
export {
|
|
34
|
-
|
|
38
|
+
d as Faq
|
|
35
39
|
};
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { jsxs as i, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as m, useState as
|
|
3
|
-
import { PlusMinusIcon as
|
|
4
|
-
const
|
|
2
|
+
import { useRef as m, useState as o, useEffect as u } from "react";
|
|
3
|
+
import { PlusMinusIcon as h } from "../PlusMinusIcon/PlusMinusIcon.js";
|
|
4
|
+
const x = [
|
|
5
|
+
"title",
|
|
6
|
+
"children"
|
|
7
|
+
], b = ({ title: l, children: n }) => {
|
|
5
8
|
var r;
|
|
6
|
-
const e = m(null), [s, c] =
|
|
9
|
+
const e = m(null), [s, c] = o(!1), [a, p] = o("0px"), d = () => c((f) => !f);
|
|
7
10
|
return u(() => {
|
|
8
11
|
e.current && p(s ? `${e.current.scrollHeight + 16}px` : "0px");
|
|
9
12
|
}, [s, (r = e.current) == null ? void 0 : r.scrollHeight]), /* @__PURE__ */ i(
|
|
@@ -17,8 +20,8 @@ const v = ({ title: n, children: o }) => {
|
|
|
17
20
|
onClick: d,
|
|
18
21
|
className: "cursor-pointer flex justify-between items-center font-semibold leading-[26px] text-[18px] text-blackBG py-8 max-tablet:py-6",
|
|
19
22
|
children: [
|
|
20
|
-
/* @__PURE__ */ t("p", { className: "flex items-center gap-3", children:
|
|
21
|
-
/* @__PURE__ */ t(
|
|
23
|
+
/* @__PURE__ */ t("p", { className: "flex items-center gap-3", children: l }),
|
|
24
|
+
/* @__PURE__ */ t(h, { isActive: s })
|
|
22
25
|
]
|
|
23
26
|
}
|
|
24
27
|
),
|
|
@@ -30,13 +33,14 @@ const v = ({ title: n, children: o }) => {
|
|
|
30
33
|
style: {
|
|
31
34
|
height: a
|
|
32
35
|
},
|
|
33
|
-
children: /* @__PURE__ */ t("div", { className: "pt-2 pb-4", children:
|
|
36
|
+
children: /* @__PURE__ */ t("div", { className: "pt-2 pb-4", children: n })
|
|
34
37
|
}
|
|
35
38
|
)
|
|
36
39
|
]
|
|
37
40
|
}
|
|
38
41
|
);
|
|
39
42
|
};
|
|
43
|
+
b.propsToEdit = x;
|
|
40
44
|
export {
|
|
41
|
-
|
|
45
|
+
b as Collapse
|
|
42
46
|
};
|
|
@@ -1,26 +1,34 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { ColoredCard as
|
|
3
|
-
import { c as
|
|
4
|
-
const
|
|
5
|
-
data
|
|
6
|
-
title
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { jsxs as n, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { ColoredCard as p } from "../Cards/ColoredCard/index.js";
|
|
3
|
+
import { c as m } from "../cn-eacd4725.js";
|
|
4
|
+
const x = [
|
|
5
|
+
"data",
|
|
6
|
+
"title",
|
|
7
|
+
"largeCards",
|
|
8
|
+
"listStyle",
|
|
9
|
+
"cardStyle",
|
|
10
|
+
"extraButton"
|
|
11
|
+
], f = ({
|
|
12
|
+
data: t,
|
|
13
|
+
title: s,
|
|
14
|
+
listStyle: o,
|
|
15
|
+
cardStyle: l,
|
|
9
16
|
extraButton: c,
|
|
10
|
-
largeCards:
|
|
11
|
-
}) => /* @__PURE__ */
|
|
12
|
-
|
|
13
|
-
/* @__PURE__ */
|
|
14
|
-
|
|
17
|
+
largeCards: i = !0
|
|
18
|
+
}) => /* @__PURE__ */ n("div", { className: "w-full flex flex-col items-center gap-[24px]", children: [
|
|
19
|
+
s && /* @__PURE__ */ r("p", { className: "font-bold text-[44px] leading-[42px] mb-[24px] font-variant-numeric font-feature-settings", children: s }),
|
|
20
|
+
/* @__PURE__ */ r("div", { className: m(i ? "grid grid-cols-2 items-stretch max-tablet:grid-cols-1" : "flex items-stretch max-tablet:flex-col flex-wrap ", "gap-[24px]", o), children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ r(
|
|
21
|
+
p,
|
|
15
22
|
{
|
|
16
23
|
data: e,
|
|
17
|
-
cardStyle:
|
|
18
|
-
largeCards:
|
|
24
|
+
cardStyle: l,
|
|
25
|
+
largeCards: i
|
|
19
26
|
},
|
|
20
27
|
e == null ? void 0 : e.id
|
|
21
28
|
)) }),
|
|
22
29
|
c
|
|
23
30
|
] });
|
|
31
|
+
f.propsToEdit = x;
|
|
24
32
|
export {
|
|
25
|
-
|
|
33
|
+
f as HeroPossibilityBanner
|
|
26
34
|
};
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
const
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { c as s } from "../cn-eacd4725.js";
|
|
3
|
+
const n = [
|
|
4
|
+
"data",
|
|
5
|
+
"className"
|
|
6
|
+
], a = ({ data: t, className: o }) => /* @__PURE__ */ r(
|
|
4
7
|
"div",
|
|
5
8
|
{
|
|
6
|
-
className: o
|
|
9
|
+
className: s(o),
|
|
7
10
|
dangerouslySetInnerHTML: { __html: t }
|
|
8
11
|
}
|
|
9
12
|
);
|
|
13
|
+
a.propsToEdit = n;
|
|
10
14
|
export {
|
|
11
|
-
|
|
15
|
+
a as HtmlContent
|
|
12
16
|
};
|
|
@@ -1,19 +1,23 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { B as
|
|
3
|
-
import { C as
|
|
1
|
+
import { jsxs as m, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { B as p } from "../index-89dcf24f.js";
|
|
3
|
+
import { C as x } from "../ComponentContainer-41408843.js";
|
|
4
4
|
import { InstructionCard as a } from "./components/InstructionCard/InstructionCard.js";
|
|
5
|
-
const
|
|
6
|
-
title
|
|
7
|
-
cards
|
|
5
|
+
const c = [
|
|
6
|
+
"title",
|
|
7
|
+
"cards",
|
|
8
|
+
"button"
|
|
9
|
+
], f = ({
|
|
10
|
+
title: l,
|
|
11
|
+
cards: r,
|
|
8
12
|
button: e
|
|
9
|
-
}) => /* @__PURE__ */
|
|
10
|
-
|
|
11
|
-
/* @__PURE__ */ i("div", { className: "flex items-stretch gap-[24px]", children:
|
|
13
|
+
}) => /* @__PURE__ */ m(x, { className: "flex flex-col items-center", children: [
|
|
14
|
+
l && /* @__PURE__ */ i("p", { className: "text-[44px] leading-[54px] font-bold text-center mb-[48px]", children: l }),
|
|
15
|
+
/* @__PURE__ */ i("div", { className: "flex items-stretch gap-[24px]", children: r == null ? void 0 : r.map((s) => /* @__PURE__ */ i(
|
|
12
16
|
a,
|
|
13
17
|
{
|
|
14
|
-
data:
|
|
18
|
+
data: s
|
|
15
19
|
},
|
|
16
|
-
|
|
20
|
+
s == null ? void 0 : s.id
|
|
17
21
|
)) }),
|
|
18
22
|
(e == null ? void 0 : e.link) && (e == null ? void 0 : e.text) && /* @__PURE__ */ i(
|
|
19
23
|
"a",
|
|
@@ -21,10 +25,11 @@ const C = ({
|
|
|
21
25
|
href: e == null ? void 0 : e.link,
|
|
22
26
|
target: "_blank",
|
|
23
27
|
className: "mt-[24px]",
|
|
24
|
-
children: /* @__PURE__ */ i(
|
|
28
|
+
children: /* @__PURE__ */ i(p, { children: e == null ? void 0 : e.text })
|
|
25
29
|
}
|
|
26
30
|
)
|
|
27
31
|
] });
|
|
32
|
+
f.propsToEdit = c;
|
|
28
33
|
export {
|
|
29
|
-
|
|
34
|
+
f as InstructionList
|
|
30
35
|
};
|
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { I as
|
|
4
|
-
import { InstructionModal as
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { useState as s } from "react";
|
|
3
|
+
import { I as N } from "../../../index-fb8c9446.js";
|
|
4
|
+
import { InstructionModal as I } from "../InstructionModal/InstructionModal.js";
|
|
5
|
+
const z = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYxODBfMjc4KSI+CjxwYXRoIGQ9Ik0xNS4zMzM3IDQuNjY2NjlIMTIuNjY3QzEyLjAzODUgNC42NjY2OSAxMS43MjQyIDQuNjY2NjkgMTEuNTI4OSA0LjQ3MTQyQzExLjMzMzcgNC4yNzYxNiAxMS4zMzM3IDMuOTYxODkgMTEuMzMzNyAzLjMzMzM1VjAuNjY2Njg3TTE1LjMzMzcgMTEuMzMzNEgxMi42NjdDMTIuMDM4NSAxMS4zMzM0IDExLjcyNDIgMTEuMzMzNCAxMS41Mjg5IDExLjUyODZDMTEuMzMzNyAxMS43MjM5IDExLjMzMzcgMTIuMDM4MSAxMS4zMzM3IDEyLjY2NjdWMTUuMzMzNE00LjY2Njk5IDE1LjMzMzRWMTIuNjY2N0M0LjY2Njk5IDEyLjAzODEgNC42NjY5OSAxMS43MjM5IDQuNDcxNzMgMTEuNTI4NkM0LjI3NjQ3IDExLjMzMzQgMy45NjIyIDExLjMzMzQgMy4zMzM2NiAxMS4zMzM0SDAuNjY2OTkyTTQuNjY2OTkgMC42NjY2ODdWMy4zMzMzNUM0LjY2Njk5IDMuOTYxODkgNC42NjY5OSA0LjI3NjE2IDQuNDcxNzMgNC40NzE0MkM0LjI3NjQ3IDQuNjY2NjkgMy45NjIyIDQuNjY2NjkgMy4zMzM2NiA0LjY2NjY5SDAuNjY2OTkyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82MTgwXzI3OCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K", c = [
|
|
6
|
+
"data"
|
|
7
|
+
], p = ({ data: M }) => {
|
|
8
|
+
const [x, o] = s(!1), i = () => {
|
|
9
|
+
M != null && M.image && (o(!0), document.body.style.overflow = "hidden");
|
|
8
10
|
}, j = () => {
|
|
9
|
-
|
|
11
|
+
o(!1), document.body.style.overflow = "auto";
|
|
10
12
|
};
|
|
11
13
|
return /* @__PURE__ */ l("div", { className: "w-full flex flex-col rounded-[20px] overflow-hidden", children: [
|
|
12
14
|
/* @__PURE__ */ l("div", { className: "relative w-full h-[256px]", children: [
|
|
13
15
|
/* @__PURE__ */ e(
|
|
14
|
-
|
|
16
|
+
N,
|
|
15
17
|
{
|
|
16
18
|
src: M == null ? void 0 : M.image,
|
|
17
19
|
alt: M == null ? void 0 : M.title,
|
|
@@ -37,9 +39,9 @@ const s = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXd
|
|
|
37
39
|
children: [
|
|
38
40
|
/* @__PURE__ */ e("p", { className: "text-[14px] leading-[20px] text-white", children: "Показать" }),
|
|
39
41
|
/* @__PURE__ */ e(
|
|
40
|
-
|
|
42
|
+
N,
|
|
41
43
|
{
|
|
42
|
-
src:
|
|
44
|
+
src: z,
|
|
43
45
|
alt: "show"
|
|
44
46
|
}
|
|
45
47
|
)
|
|
@@ -52,7 +54,7 @@ const s = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXd
|
|
|
52
54
|
(M == null ? void 0 : M.subtitle) && /* @__PURE__ */ e("p", { className: "text-[18px] leading-[26px] text-graySoft2", children: M == null ? void 0 : M.subtitle })
|
|
53
55
|
] }),
|
|
54
56
|
/* @__PURE__ */ e(
|
|
55
|
-
|
|
57
|
+
I,
|
|
56
58
|
{
|
|
57
59
|
show: x,
|
|
58
60
|
image: M == null ? void 0 : M.image,
|
|
@@ -62,6 +64,7 @@ const s = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXd
|
|
|
62
64
|
)
|
|
63
65
|
] });
|
|
64
66
|
};
|
|
67
|
+
p.propsToEdit = c;
|
|
65
68
|
export {
|
|
66
|
-
|
|
69
|
+
p as InstructionCard
|
|
67
70
|
};
|
|
@@ -1,20 +1,28 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as o, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { B as b } from "../index-89dcf24f.js";
|
|
3
3
|
import { C as f } from "../ComponentContainer-41408843.js";
|
|
4
4
|
import { I as m } from "../index-fb8c9446.js";
|
|
5
|
-
import { c as
|
|
6
|
-
const
|
|
5
|
+
import { c as d } from "../cn-eacd4725.js";
|
|
6
|
+
const h = [
|
|
7
|
+
"title",
|
|
8
|
+
"description",
|
|
9
|
+
"buttons",
|
|
10
|
+
"image",
|
|
11
|
+
"image_mob",
|
|
12
|
+
"logo",
|
|
13
|
+
"grid"
|
|
14
|
+
], g = ({
|
|
7
15
|
title: l,
|
|
8
|
-
description:
|
|
9
|
-
buttons:
|
|
10
|
-
image:
|
|
16
|
+
description: p,
|
|
17
|
+
buttons: t,
|
|
18
|
+
image: c,
|
|
11
19
|
image_mob: r,
|
|
12
20
|
logo: s,
|
|
13
|
-
grid:
|
|
21
|
+
grid: i
|
|
14
22
|
}) => {
|
|
15
|
-
const
|
|
16
|
-
return /* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */
|
|
23
|
+
const n = (e, x) => x.length % 2 !== 0 && e === x.length - 1;
|
|
24
|
+
return /* @__PURE__ */ o("section", { children: [
|
|
25
|
+
/* @__PURE__ */ o(f, { className: "flex flex-col items-center", children: [
|
|
18
26
|
s && /* @__PURE__ */ a(
|
|
19
27
|
m,
|
|
20
28
|
{
|
|
@@ -25,18 +33,18 @@ const k = ({
|
|
|
25
33
|
}
|
|
26
34
|
),
|
|
27
35
|
/* @__PURE__ */ a("h1", { className: "text-black2 text-[40px] font-bold leading-[50px] mb-[24px] text-center max-tablet:text-[26px] max-tablet:leading-[32px] max-tablet:mb-[20px]", children: l }),
|
|
28
|
-
|
|
36
|
+
p && /* @__PURE__ */ a("p", { className: "text-black2 text-center text-[20px] font-normal leading-[25px] mb-[32px] w-[75%] max-tablet:text-[16px] max-tablet:leading-[20px] max-tablet:w-full", children: p }),
|
|
29
37
|
/* @__PURE__ */ a(
|
|
30
38
|
"div",
|
|
31
39
|
{
|
|
32
|
-
className: `grid grid-cols-${
|
|
40
|
+
className: `grid grid-cols-${i} items-center gap-[16px] mb-[60px]
|
|
33
41
|
max-tablet:grid-cols-1 max-tablet:w-full max-tablet:mb-[40px]`,
|
|
34
|
-
children:
|
|
42
|
+
children: t == null ? void 0 : t.map((e, x) => /* @__PURE__ */ a(
|
|
35
43
|
"a",
|
|
36
44
|
{
|
|
37
45
|
href: e == null ? void 0 : e.button_link,
|
|
38
|
-
className:
|
|
39
|
-
[`col-span-${
|
|
46
|
+
className: d("flex items-center", {
|
|
47
|
+
[`col-span-${i}`]: n(x, t)
|
|
40
48
|
}),
|
|
41
49
|
target: "_blank",
|
|
42
50
|
children: /* @__PURE__ */ a(b, { className: "font-[Inter] h-[56px] mx-auto px-[32px] py-[12px] max-tablet:px-[32px] max-tablet:py-[12px]", children: e == null ? void 0 : e.button_text })
|
|
@@ -45,10 +53,10 @@ const k = ({
|
|
|
45
53
|
}
|
|
46
54
|
)
|
|
47
55
|
] }),
|
|
48
|
-
|
|
56
|
+
c && /* @__PURE__ */ a(
|
|
49
57
|
m,
|
|
50
58
|
{
|
|
51
|
-
src:
|
|
59
|
+
src: c,
|
|
52
60
|
alt: l,
|
|
53
61
|
className: "w-full h-[450px] max-mobile:h-[320px] mb-[64px] block max-mobile::block",
|
|
54
62
|
imageStyles: "w-full h-full object-contain max-mobile:object-cover"
|
|
@@ -65,6 +73,7 @@ const k = ({
|
|
|
65
73
|
)
|
|
66
74
|
] });
|
|
67
75
|
};
|
|
76
|
+
g.propsToEdit = h;
|
|
68
77
|
export {
|
|
69
|
-
|
|
78
|
+
g as MainBanner
|
|
70
79
|
};
|
package/dist/MultiCards/index.js
CHANGED
|
@@ -1,48 +1,56 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { BannerAndText as
|
|
3
|
-
import { CardIconList as
|
|
4
|
-
import { C as
|
|
5
|
-
const
|
|
6
|
-
title
|
|
7
|
-
banner_card
|
|
8
|
-
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { BannerAndText as i } from "../BannerAndText/index.js";
|
|
3
|
+
import { CardIconList as x } from "../CardIconList/CardIconList.js";
|
|
4
|
+
import { C as p } from "../ComponentContainer-41408843.js";
|
|
5
|
+
const m = [
|
|
6
|
+
"title",
|
|
7
|
+
"banner_card",
|
|
8
|
+
"cards",
|
|
9
|
+
"text_card",
|
|
10
|
+
"is_banner_first",
|
|
11
|
+
"is_cards_first"
|
|
12
|
+
], f = ({
|
|
13
|
+
title: r,
|
|
14
|
+
banner_card: a,
|
|
15
|
+
text_card: t,
|
|
9
16
|
cards: n,
|
|
10
|
-
is_banner_first:
|
|
11
|
-
is_cards_first:
|
|
12
|
-
}) => /* @__PURE__ */
|
|
13
|
-
|
|
17
|
+
is_banner_first: s,
|
|
18
|
+
is_cards_first: l
|
|
19
|
+
}) => /* @__PURE__ */ o(p, { className: "flex flex-col items-center gap-[24px]", children: [
|
|
20
|
+
r && /* @__PURE__ */ e(
|
|
14
21
|
"p",
|
|
15
22
|
{
|
|
16
23
|
className: `font-bold max-tablet:text-[26px] text-[44px] max-tablet:leading-[32px] leading-[42px]
|
|
17
24
|
mb-[24px] font-variant-numeric font-feature-settings`,
|
|
18
|
-
children:
|
|
25
|
+
children: r
|
|
19
26
|
}
|
|
20
27
|
),
|
|
21
|
-
/* @__PURE__ */
|
|
28
|
+
/* @__PURE__ */ o(
|
|
22
29
|
"div",
|
|
23
30
|
{
|
|
24
|
-
className: `w-full flex ${!
|
|
31
|
+
className: `w-full flex ${!t || !a ? "flex-row max-tablet:flex-col" : "flex-col"} gap-[24px]`,
|
|
25
32
|
children: [
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
|
|
33
|
+
/* @__PURE__ */ e(
|
|
34
|
+
i,
|
|
28
35
|
{
|
|
29
|
-
banner_card:
|
|
30
|
-
text_card:
|
|
31
|
-
is_banner_first:
|
|
36
|
+
banner_card: a,
|
|
37
|
+
text_card: t,
|
|
38
|
+
is_banner_first: s
|
|
32
39
|
}
|
|
33
40
|
),
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
|
|
41
|
+
/* @__PURE__ */ e(
|
|
42
|
+
x,
|
|
36
43
|
{
|
|
37
44
|
cards: n,
|
|
38
|
-
is_cards_first:
|
|
39
|
-
multiHasText: !
|
|
45
|
+
is_cards_first: l,
|
|
46
|
+
multiHasText: !t
|
|
40
47
|
}
|
|
41
48
|
)
|
|
42
49
|
]
|
|
43
50
|
}
|
|
44
51
|
)
|
|
45
52
|
] });
|
|
53
|
+
f.propsToEdit = m;
|
|
46
54
|
export {
|
|
47
|
-
|
|
55
|
+
f as MultiCards
|
|
48
56
|
};
|