mimir-ui-kit 1.41.3 → 1.41.4
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/CardTrail.css +1 -1
- package/dist/assets/Image.css +1 -1
- package/dist/assets/MergedButton.css +1 -1
- package/dist/assets/PromoSlider.css +1 -1
- package/dist/components/CardTrail/CardTrail.d.ts +4 -0
- package/dist/components/CardTrail/CardTrail.js +75 -66
- package/dist/components/Image/Image.js +29 -34
- package/dist/components/MergedButton/MergedButton.d.ts +4 -4
- package/dist/components/MergedButton/MergedButton.js +35 -27
- package/dist/components/PromoSlider/PromoSlider.d.ts +1 -5
- package/dist/components/PromoSlider/PromoSlider.js +190 -200
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
._card-
|
|
1
|
+
._card-trail_vv8gl_3{display:flex;flex-direction:column}._card-trail-header_vv8gl_7{display:flex;align-items:flex-end;justify-content:space-between}._card-trail-header_vv8gl_7:not(:last-child){margin-bottom:var(--mimir-space-xs)}._card-trail-header-title_vv8gl_15{margin-bottom:0;font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-s1);letter-spacing:calc(var(--mimir-size-text-l) * -.02)}@media (max-width: 600px){._card-trail-header-title_vv8gl_15{font-size:var(--mimir-size-text-m);letter-spacing:calc(var(--mimir-size-text-m) * -.02)}}._card-trail-header-merged-button_vv8gl_29{margin-left:auto}._card-trail-list_vv8gl_32{display:flex;margin-bottom:0;padding:0;overflow:auto;white-space:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}._card-trail-list_vv8gl_32::-webkit-scrollbar{display:none}._card-trail-list-item_vv8gl_45{white-space:normal;white-space:initial;scroll-snap-align:start}._card-trail-list-item_vv8gl_45._pointer_vv8gl_49{cursor:pointer}
|
package/dist/assets/Image.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._picture_1jvym_2,._image_1jvym_3{display:block;width:100%;height:100%}._loading_1jvym_9{filter:blur(20px);transition:.3s filter ease}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._buttons_8yyst_2{display:inline-flex}._merged-button_8yyst_6{--button-height: var(--button-height-m);--button-space: var(--mimir-control-space-xs)}._merged-button_8yyst_6:first-child{border-radius:0;border-top-left-radius:var(--mimir-control-radius);border-bottom-left-radius:var(--mimir-control-radius)}._merged-button_8yyst_6:last-child{border-radius:0;border-top-right-radius:var(--mimir-control-radius);border-bottom-right-radius:var(--mimir-control-radius)}._merged-button_8yyst_6:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._merged-button_8yyst_6:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._merged-button_8yyst_6._gray_8yyst_28{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_8yyst_6._white_8yyst_36{--button-bg-color: var(--white-normal);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-hover: var(--white-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_8yyst_6._transparent_8yyst_44{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_8yyst_6._is-icon_8yyst_53{width:var(--button-height);min-width:var(--button-height);padding:0}._merged-button_8yyst_6._is-icon_8yyst_53._s_8yyst_58{--button-height: 32px;width:32px;width:var(--button-height)}._merged-button_8yyst_6._is-icon_8yyst_53._m_8yyst_6{--button-height: 40px;width:40px;width:var(--button-height)}._merged-button_8yyst_6._one-button_8yyst_66{border-radius:var(--mimir-control-radius)}._merged-button_8yyst_6:disabled{--button-cursor: not-allowed;color:var(--disabled-color);background-color:var(--black-5)}._merged-button_8yyst_6:disabled:hover,._merged-button_8yyst_6:disabled:active,._merged-button_8yyst_6:disabled:focus{color:var(--disabled-color);background-color:var(--black-5);box-shadow:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:ease;transition-timing-function:initial;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-left:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-top:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid #007aff;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.
|
|
1
|
+
@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:ease;transition-timing-function:initial;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-left:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-top:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid #007aff;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._swiper_f3z07_2{position:relative;width:100%}._slide_f3z07_7{position:relative;overflow:hidden;border-radius:var(--mimir-control-radius);cursor:pointer}._image_f3z07_14{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._chip_f3z07_21{position:absolute;top:var(--mimir-space-m);left:var(--mimir-space-m)}._content_f3z07_27{position:absolute;bottom:var(--mimir-space-2xxl);left:var(--mimir-space-m);color:var(--white)}._custom-pagination_f3z07_34{position:absolute;bottom:var(--mimir-space-2m);left:50%;z-index:100;display:flex;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;transform:translate(-50%)}._bullet_f3z07_46,._bullet-active_f3z07_47,._bullet-s_f3z07_48,._bullet-xs_f3z07_49{transition:all .3s ease}._bullet_f3z07_46,._bullet-active_f3z07_47,._bullet-s_f3z07_48,._bullet-xs_f3z07_49{width:6px;height:6px;background-color:var(--black-15);border-radius:50%}._bullet-xs_f3z07_49{scale:.5}._bullet-s_f3z07_48{scale:.75}._bullet-active_f3z07_47{scale:1.333;background-color:var(--black-60)}
|
|
@@ -17,6 +17,10 @@ export type TProps = {
|
|
|
17
17
|
* Флаг, определяющий, нужно ли при клике на карточку скроллиться до нее.
|
|
18
18
|
*/
|
|
19
19
|
scrollToCard?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Флаг, определяющий, нужны ли кнопки для перелистывания.
|
|
22
|
+
*/
|
|
23
|
+
needButtons?: boolean;
|
|
20
24
|
/**
|
|
21
25
|
* Дополнительные пропсы для кнопок переключения.
|
|
22
26
|
*/
|
|
@@ -1,105 +1,114 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as v, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { c as i } from "../../index-DIxK0V-G.js";
|
|
3
|
-
import { forwardRef as
|
|
3
|
+
import { forwardRef as x, useRef as p, useState as B, useEffect as H, Children as O } from "react";
|
|
4
4
|
import { DEFAULT_SPACE_BETWEEN as R, DEFAULT_SCROLL_STEP as j } from "./constants.js";
|
|
5
|
-
import { hasHorizontalScroll as
|
|
5
|
+
import { hasHorizontalScroll as u, isScrollAtEdge as C } from "./utils.js";
|
|
6
6
|
import { useMergeRefs as F } from "../../hooks/useMergeRefs/useMergeRefs.js";
|
|
7
7
|
import { useThrottledCallback as U } from "../../hooks/useThrottledCallback/index.js";
|
|
8
8
|
import { MergedButton as $ } from "../MergedButton/MergedButton.js";
|
|
9
|
-
import '../../assets/CardTrail.css';const q = "
|
|
10
|
-
"card-trail": "_card-
|
|
11
|
-
"card-trail-header": "_card-trail-
|
|
12
|
-
"card-trail-header-title": "_card-trail-header-
|
|
13
|
-
"card-trail-header-merged-button": "_card-trail-header-merged-
|
|
14
|
-
"card-trail-list": "_card-trail-
|
|
15
|
-
"card-trail-list-item": "_card-trail-list-
|
|
9
|
+
import '../../assets/CardTrail.css';const q = "_pointer_vv8gl_49", l = {
|
|
10
|
+
"card-trail": "_card-trail_vv8gl_3",
|
|
11
|
+
"card-trail-header": "_card-trail-header_vv8gl_7",
|
|
12
|
+
"card-trail-header-title": "_card-trail-header-title_vv8gl_15",
|
|
13
|
+
"card-trail-header-merged-button": "_card-trail-header-merged-button_vv8gl_29",
|
|
14
|
+
"card-trail-list": "_card-trail-list_vv8gl_32",
|
|
15
|
+
"card-trail-list-item": "_card-trail-list-item_vv8gl_45",
|
|
16
16
|
pointer: q
|
|
17
|
-
},
|
|
17
|
+
}, P = x((b, N) => {
|
|
18
18
|
const {
|
|
19
|
-
cardClassName:
|
|
20
|
-
cardTrailClassName:
|
|
21
|
-
cardTrailHeaderClassName:
|
|
22
|
-
cardTrailListClassName:
|
|
23
|
-
cardTrailMergedButtonClassName:
|
|
24
|
-
children:
|
|
19
|
+
cardClassName: S,
|
|
20
|
+
cardTrailClassName: E,
|
|
21
|
+
cardTrailHeaderClassName: T,
|
|
22
|
+
cardTrailListClassName: k,
|
|
23
|
+
cardTrailMergedButtonClassName: L,
|
|
24
|
+
children: h,
|
|
25
25
|
title: m,
|
|
26
|
-
spaceBetween:
|
|
27
|
-
scrollStep:
|
|
26
|
+
spaceBetween: d = R,
|
|
27
|
+
scrollStep: f = j,
|
|
28
28
|
mergedButtonProps: c,
|
|
29
|
-
scrollToCard:
|
|
30
|
-
|
|
29
|
+
scrollToCard: _ = !1,
|
|
30
|
+
needButtons: w = !0
|
|
31
|
+
} = b, r = p(null), n = p(null), [o, y] = B({
|
|
31
32
|
leftButton: !0,
|
|
32
33
|
rightButton: !1
|
|
33
|
-
}), [
|
|
34
|
-
() =>
|
|
35
|
-
),
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
leftButton: !
|
|
39
|
-
rightButton: !
|
|
34
|
+
}), [A, g] = B(
|
|
35
|
+
() => u(r == null ? void 0 : r.current)
|
|
36
|
+
), W = F(r, N), z = U(() => {
|
|
37
|
+
const t = !C(r.current, "left"), e = !C(r.current, "right");
|
|
38
|
+
y({
|
|
39
|
+
leftButton: !t,
|
|
40
|
+
rightButton: !e
|
|
40
41
|
});
|
|
41
|
-
}, 300),
|
|
42
|
+
}, 300), M = (t) => () => {
|
|
42
43
|
var a;
|
|
43
|
-
if (!
|
|
44
|
+
if (!_)
|
|
44
45
|
return;
|
|
45
|
-
const
|
|
46
|
-
`[data-active-card='${
|
|
46
|
+
const e = (a = r == null ? void 0 : r.current) == null ? void 0 : a.querySelector(
|
|
47
|
+
`[data-active-card='${t}']`
|
|
47
48
|
);
|
|
48
|
-
|
|
49
|
+
e && (e == null || e.scrollIntoView({
|
|
49
50
|
behavior: "smooth",
|
|
50
51
|
block: "nearest",
|
|
51
52
|
inline: "center"
|
|
52
53
|
}));
|
|
53
|
-
},
|
|
54
|
+
}, D = () => {
|
|
54
55
|
var a;
|
|
55
|
-
if (!
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
left: -(
|
|
56
|
+
if (!r.current || o.leftButton) return;
|
|
57
|
+
const t = r.current, e = ((a = t.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
|
|
58
|
+
t.scrollBy({
|
|
59
|
+
left: -(e + d) * f,
|
|
59
60
|
behavior: "smooth"
|
|
60
61
|
});
|
|
61
|
-
},
|
|
62
|
+
}, I = () => {
|
|
62
63
|
var a;
|
|
63
|
-
if (!
|
|
64
|
-
const
|
|
65
|
-
|
|
66
|
-
left: (
|
|
64
|
+
if (!r.current || o.rightButton) return;
|
|
65
|
+
const t = r.current, e = ((a = t.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
|
|
66
|
+
t.scrollBy({
|
|
67
|
+
left: (e + d) * f,
|
|
67
68
|
behavior: "smooth"
|
|
68
69
|
});
|
|
69
70
|
};
|
|
70
|
-
return
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
71
|
+
return H(() => {
|
|
72
|
+
const t = r.current;
|
|
73
|
+
if (t)
|
|
74
|
+
return n.current = new ResizeObserver(() => {
|
|
75
|
+
g(u(r == null ? void 0 : r.current));
|
|
76
|
+
}), n.current.observe(t), g(u(r == null ? void 0 : r.current)), () => {
|
|
77
|
+
n.current && n.current.disconnect();
|
|
78
|
+
};
|
|
79
|
+
}, [h]), /* @__PURE__ */ v("section", { className: i(l["card-trail"], E), children: [
|
|
80
|
+
/* @__PURE__ */ v(
|
|
74
81
|
"header",
|
|
75
82
|
{
|
|
76
83
|
className: i(
|
|
77
84
|
l["card-trail-header"],
|
|
78
|
-
|
|
85
|
+
T
|
|
79
86
|
),
|
|
80
87
|
children: [
|
|
81
|
-
m && /* @__PURE__ */
|
|
82
|
-
|
|
88
|
+
m && /* @__PURE__ */ s("h3", { className: l["card-trail-header-title"], children: m }),
|
|
89
|
+
A && w && /* @__PURE__ */ s(
|
|
83
90
|
$,
|
|
84
91
|
{
|
|
85
92
|
buttonsWrapperClassName: i(
|
|
86
93
|
l["card-trail-header-merged-button"],
|
|
87
|
-
|
|
94
|
+
L
|
|
88
95
|
),
|
|
89
96
|
buttons: [
|
|
90
97
|
{
|
|
91
98
|
isIconButton: !0,
|
|
92
99
|
iconName: "ArrowLeft16px",
|
|
93
100
|
variant: "gray",
|
|
94
|
-
onClick:
|
|
101
|
+
onClick: D,
|
|
95
102
|
disabled: o.leftButton,
|
|
103
|
+
size: "s",
|
|
96
104
|
...c == null ? void 0 : c.leftButton
|
|
97
105
|
},
|
|
98
106
|
{
|
|
99
107
|
isIconButton: !0,
|
|
100
108
|
iconName: "ArrowRight16px",
|
|
101
109
|
variant: "gray",
|
|
102
|
-
onClick:
|
|
110
|
+
onClick: I,
|
|
111
|
+
size: "s",
|
|
103
112
|
disabled: o.rightButton,
|
|
104
113
|
...c == null ? void 0 : c.rightButton
|
|
105
114
|
}
|
|
@@ -109,25 +118,25 @@ import '../../assets/CardTrail.css';const q = "_pointer_pmokd_47", l = {
|
|
|
109
118
|
]
|
|
110
119
|
}
|
|
111
120
|
),
|
|
112
|
-
/* @__PURE__ */
|
|
121
|
+
/* @__PURE__ */ s(
|
|
113
122
|
"ul",
|
|
114
123
|
{
|
|
115
|
-
onScroll:
|
|
116
|
-
style: { gap:
|
|
117
|
-
className: i(l["card-trail-list"],
|
|
118
|
-
ref:
|
|
119
|
-
children:
|
|
124
|
+
onScroll: z,
|
|
125
|
+
style: { gap: d },
|
|
126
|
+
className: i(l["card-trail-list"], k),
|
|
127
|
+
ref: W,
|
|
128
|
+
children: O.map(h, (t, e) => /* @__PURE__ */ s(
|
|
120
129
|
"li",
|
|
121
130
|
{
|
|
122
|
-
onClick:
|
|
123
|
-
"data-active-card":
|
|
124
|
-
"data-testid": `card-trail-item-${
|
|
131
|
+
onClick: M(e),
|
|
132
|
+
"data-active-card": e,
|
|
133
|
+
"data-testid": `card-trail-item-${e}`,
|
|
125
134
|
className: i(
|
|
126
135
|
l["card-trail-list-item"],
|
|
127
|
-
{ [l.pointer]:
|
|
128
|
-
|
|
136
|
+
{ [l.pointer]: _ },
|
|
137
|
+
S
|
|
129
138
|
),
|
|
130
|
-
children:
|
|
139
|
+
children: t
|
|
131
140
|
}
|
|
132
141
|
))
|
|
133
142
|
}
|
|
@@ -135,5 +144,5 @@ import '../../assets/CardTrail.css';const q = "_pointer_pmokd_47", l = {
|
|
|
135
144
|
] });
|
|
136
145
|
});
|
|
137
146
|
export {
|
|
138
|
-
|
|
147
|
+
P as CardTrail
|
|
139
148
|
};
|
|
@@ -1,54 +1,49 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { memo as
|
|
4
|
-
import { EMediaQuery as
|
|
5
|
-
import '../../assets/Image.css';const
|
|
6
|
-
picture:
|
|
7
|
-
image:
|
|
8
|
-
loading:
|
|
9
|
-
}, w =
|
|
1
|
+
import { jsxs as E, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { c as l } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { memo as I, useState as g, useLayoutEffect as N } from "react";
|
|
4
|
+
import { EMediaQuery as S, EMinMediaQuery as b } from "../../hooks/useMediaQuery/constants.js";
|
|
5
|
+
import '../../assets/Image.css';const h = "_picture_1jvym_2", k = "_image_1jvym_3", v = "_loading_1jvym_9", r = {
|
|
6
|
+
picture: h,
|
|
7
|
+
image: k,
|
|
8
|
+
loading: v
|
|
9
|
+
}, w = I((u) => {
|
|
10
10
|
const {
|
|
11
|
-
className:
|
|
12
|
-
src:
|
|
13
|
-
alt:
|
|
11
|
+
className: d,
|
|
12
|
+
src: s,
|
|
13
|
+
alt: p = "image",
|
|
14
14
|
desktopImage: e,
|
|
15
|
-
mobileImage:
|
|
15
|
+
mobileImage: a,
|
|
16
16
|
pictureClassName: f,
|
|
17
|
-
errorFallback:
|
|
18
|
-
fallback:
|
|
17
|
+
errorFallback: m,
|
|
18
|
+
fallback: c,
|
|
19
19
|
..._
|
|
20
|
-
} = u, [
|
|
21
|
-
return
|
|
20
|
+
} = u, [o, n] = g(!0), [y, j] = g(!1);
|
|
21
|
+
return N(() => {
|
|
22
22
|
const t = new Image();
|
|
23
|
-
t.src =
|
|
24
|
-
|
|
23
|
+
t.src = s ?? e ?? a ?? "", t.onload = () => {
|
|
24
|
+
n(!1);
|
|
25
25
|
}, t.onerror = () => {
|
|
26
|
-
|
|
26
|
+
n(!1), j(!0);
|
|
27
27
|
};
|
|
28
|
-
}, [
|
|
28
|
+
}, [s, e, a]), o && c ? c : y && m ? m : /* @__PURE__ */ E(
|
|
29
29
|
"picture",
|
|
30
30
|
{
|
|
31
|
-
className:
|
|
32
|
-
[
|
|
31
|
+
className: l(r.picture, f, {
|
|
32
|
+
[r.loading]: o
|
|
33
33
|
}),
|
|
34
34
|
children: [
|
|
35
|
-
|
|
36
|
-
e && /* @__PURE__ */ i("source", { srcSet: e, media:
|
|
35
|
+
a && /* @__PURE__ */ i("source", { srcSet: a, media: S.XS1 }),
|
|
36
|
+
e && /* @__PURE__ */ i("source", { srcSet: e, media: b.S }),
|
|
37
37
|
/* @__PURE__ */ i(
|
|
38
38
|
"img",
|
|
39
39
|
{
|
|
40
40
|
..._,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
filter: `${a ? "blur(20px)" : ""}`,
|
|
44
|
-
transition: ".3s filter ease"
|
|
45
|
-
},
|
|
46
|
-
className: n(s.image, p, {
|
|
47
|
-
[s.loading]: a
|
|
41
|
+
className: l(r.image, d, {
|
|
42
|
+
[r.loading]: o
|
|
48
43
|
}),
|
|
49
44
|
loading: "lazy",
|
|
50
|
-
src:
|
|
51
|
-
alt:
|
|
45
|
+
src: s,
|
|
46
|
+
alt: p
|
|
52
47
|
}
|
|
53
48
|
)
|
|
54
49
|
]
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { EMergedButtonVariantRound } from './constants';
|
|
2
|
-
import { TButtonProps } from '../Button';
|
|
2
|
+
import { TButtonProps, EButtonSize } from '../Button';
|
|
3
3
|
|
|
4
|
-
export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' | 'form'> & {
|
|
4
|
+
export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' | 'form' | 'size'> & {
|
|
5
5
|
variant?: `${EMergedButtonVariantRound}` | EMergedButtonVariantRound;
|
|
6
6
|
'data-testid'?: string;
|
|
7
|
+
size?: Exclude<EButtonSize, 'xl' | 'l' | 'ms' | 'xs' | 'xxl' | 'm-s'> | `${Exclude<EButtonSize, 'xl' | 'l' | 'ms' | 'xs' | 'xxl' | 'm-s'>}`;
|
|
7
8
|
};
|
|
8
|
-
type TProps = {
|
|
9
|
+
export type TProps = {
|
|
9
10
|
/**
|
|
10
11
|
* Массив кнопок, который отрисуется в контейнере
|
|
11
12
|
* */
|
|
@@ -19,4 +20,3 @@ type TProps = {
|
|
|
19
20
|
* Компонент объединенных кнопок, с округлением у первой и последней кнопки, а так же с другими variant, нежели у обычного Button.
|
|
20
21
|
*/
|
|
21
22
|
export declare const MergedButton: import('react').MemoExoticComponent<({ buttons, buttonsWrapperClassName }: TProps) => import("react/jsx-runtime").JSX.Element>;
|
|
22
|
-
export {};
|
|
@@ -1,50 +1,58 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { memo as
|
|
4
|
-
import { EMergedButtonVariantRound as
|
|
5
|
-
import { Button as
|
|
6
|
-
import '../../assets/MergedButton.css';const
|
|
7
|
-
buttons:
|
|
8
|
-
"merged-button": "_merged-
|
|
2
|
+
import { c as r } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { memo as g } from "react";
|
|
4
|
+
import { EMergedButtonVariantRound as p } from "./constants.js";
|
|
5
|
+
import { Button as d } from "../Button/Button.js";
|
|
6
|
+
import '../../assets/MergedButton.css';const l = "_buttons_8yyst_2", B = "_gray_8yyst_28", I = "_white_8yyst_36", f = "_transparent_8yyst_44", h = "_s_8yyst_58", N = "_m_8yyst_6", o = {
|
|
7
|
+
buttons: l,
|
|
8
|
+
"merged-button": "_merged-button_8yyst_6",
|
|
9
9
|
gray: B,
|
|
10
10
|
white: I,
|
|
11
11
|
transparent: f,
|
|
12
|
-
"is-icon": "_is-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
"is-icon": "_is-icon_8yyst_53",
|
|
13
|
+
s: h,
|
|
14
|
+
m: N,
|
|
15
|
+
"one-button": "_one-button_8yyst_66"
|
|
16
|
+
}, v = g(
|
|
17
|
+
({ buttons: s, buttonsWrapperClassName: c }) => /* @__PURE__ */ e("div", { className: r(o.buttons, c), children: s.map(
|
|
16
18
|
({
|
|
17
|
-
variant: i =
|
|
19
|
+
variant: i = p.White,
|
|
18
20
|
disabled: n,
|
|
19
|
-
className:
|
|
21
|
+
className: m,
|
|
22
|
+
size: _ = "m",
|
|
20
23
|
...t
|
|
21
|
-
},
|
|
22
|
-
const
|
|
24
|
+
}, a) => {
|
|
25
|
+
const y = {
|
|
23
26
|
...t,
|
|
24
27
|
isIconButton: t.isIconButton ?? !1,
|
|
25
28
|
iconName: t.isIconButton ? t.iconName : void 0,
|
|
26
29
|
leftIcon: t.isIconButton ? void 0 : t.leftIcon,
|
|
27
30
|
rightIcon: t.isIconButton ? void 0 : t.rightIcon
|
|
28
|
-
},
|
|
29
|
-
|
|
30
|
-
[
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
}, u = r(
|
|
32
|
+
o["merged-button"],
|
|
33
|
+
o[_ ?? "m"],
|
|
34
|
+
m,
|
|
35
|
+
{
|
|
36
|
+
[o[i]]: !n,
|
|
37
|
+
[o.disabled]: n,
|
|
38
|
+
[o["is-icon"]]: t.isIconButton,
|
|
39
|
+
[o["one-button"]]: s.length === 1
|
|
40
|
+
}
|
|
41
|
+
);
|
|
34
42
|
return /* @__PURE__ */ e(
|
|
35
|
-
|
|
43
|
+
d,
|
|
36
44
|
{
|
|
37
45
|
clear: !0,
|
|
38
46
|
disabled: n,
|
|
39
|
-
className:
|
|
40
|
-
...
|
|
47
|
+
className: u,
|
|
48
|
+
...y
|
|
41
49
|
},
|
|
42
|
-
|
|
50
|
+
a
|
|
43
51
|
);
|
|
44
52
|
}
|
|
45
53
|
) })
|
|
46
54
|
);
|
|
47
|
-
|
|
55
|
+
v.displayName = "MergedButton";
|
|
48
56
|
export {
|
|
49
|
-
|
|
57
|
+
v as MergedButton
|
|
50
58
|
};
|
|
@@ -26,10 +26,6 @@ type TProps = {
|
|
|
26
26
|
* Массив слайдов.
|
|
27
27
|
*/
|
|
28
28
|
slides: TPromoSlide[];
|
|
29
|
-
/**
|
|
30
|
-
* Дополнительные классы для враппера слайдера.
|
|
31
|
-
*/
|
|
32
|
-
promoSliderWrapperClassName?: string;
|
|
33
29
|
/**
|
|
34
30
|
* Дополнительные классы для слайдов.
|
|
35
31
|
*/
|
|
@@ -55,5 +51,5 @@ type TProps = {
|
|
|
55
51
|
*/
|
|
56
52
|
spaceBetween?: number;
|
|
57
53
|
};
|
|
58
|
-
export declare const PromoSlider: ({ slides, delay, spaceBetween, imageClassName, slideClassName, swiperClassName, contentClassName
|
|
54
|
+
export declare const PromoSlider: ({ slides, delay, spaceBetween, imageClassName, slideClassName, swiperClassName, contentClassName }: TProps) => import("react/jsx-runtime").JSX.Element;
|
|
59
55
|
export {};
|
|
@@ -1,80 +1,80 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsxs as Y, jsx as L, Fragment as K } from "react/jsx-runtime";
|
|
2
|
+
import { c as A } from "../../index-DIxK0V-G.js";
|
|
3
3
|
import { useState as j } from "react";
|
|
4
|
-
import { g as R, b as
|
|
4
|
+
import { g as R, b as G, e as U, c as $, n as B, d as C, S as q, A as Z, a as J } from "../../swiper-react-BvAw14a4.js";
|
|
5
5
|
import { Chip as Q } from "../Chip/Chip.js";
|
|
6
6
|
import { AppImage as ee } from "../Image/Image.js";
|
|
7
|
-
import '../../assets/PromoSlider.css';function te(
|
|
7
|
+
import '../../assets/PromoSlider.css';function te(P) {
|
|
8
8
|
let {
|
|
9
9
|
swiper: e,
|
|
10
|
-
extendParams:
|
|
11
|
-
on:
|
|
10
|
+
extendParams: S,
|
|
11
|
+
on: w,
|
|
12
12
|
emit: _
|
|
13
|
-
} =
|
|
14
|
-
const
|
|
13
|
+
} = P;
|
|
14
|
+
const c = R(), b = G();
|
|
15
15
|
e.keyboard = {
|
|
16
16
|
enabled: !1
|
|
17
|
-
},
|
|
17
|
+
}, S({
|
|
18
18
|
keyboard: {
|
|
19
19
|
enabled: !1,
|
|
20
20
|
onlyInViewport: !0,
|
|
21
21
|
pageUpDown: !0
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
function I(
|
|
24
|
+
function I(E) {
|
|
25
25
|
if (!e.enabled) return;
|
|
26
26
|
const {
|
|
27
|
-
rtlTranslate:
|
|
27
|
+
rtlTranslate: x
|
|
28
28
|
} = e;
|
|
29
|
-
let
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
if (!e.allowSlideNext && (e.isHorizontal() && M || e.isVertical() && s ||
|
|
29
|
+
let l = E;
|
|
30
|
+
l.originalEvent && (l = l.originalEvent);
|
|
31
|
+
const T = l.keyCode || l.charCode, H = e.params.keyboard.pageUpDown, h = H && T === 33, v = H && T === 34, y = T === 37, M = T === 39, n = T === 38, s = T === 40;
|
|
32
|
+
if (!e.allowSlideNext && (e.isHorizontal() && M || e.isVertical() && s || v) || !e.allowSlidePrev && (e.isHorizontal() && y || e.isVertical() && n || h))
|
|
33
33
|
return !1;
|
|
34
|
-
if (!(
|
|
35
|
-
if (e.params.keyboard.onlyInViewport && (
|
|
36
|
-
let
|
|
37
|
-
if (
|
|
34
|
+
if (!(l.shiftKey || l.altKey || l.ctrlKey || l.metaKey) && !(c.activeElement && c.activeElement.nodeName && (c.activeElement.nodeName.toLowerCase() === "input" || c.activeElement.nodeName.toLowerCase() === "textarea"))) {
|
|
35
|
+
if (e.params.keyboard.onlyInViewport && (h || v || y || M || n || s)) {
|
|
36
|
+
let N = !1;
|
|
37
|
+
if (U(e.el, `.${e.params.slideClass}, swiper-slide`).length > 0 && U(e.el, `.${e.params.slideActiveClass}`).length === 0)
|
|
38
38
|
return;
|
|
39
|
-
const
|
|
40
|
-
|
|
41
|
-
const D = [[
|
|
39
|
+
const p = e.el, d = p.clientWidth, u = p.clientHeight, a = b.innerWidth, o = b.innerHeight, i = $(p);
|
|
40
|
+
x && (i.left -= p.scrollLeft);
|
|
41
|
+
const D = [[i.left, i.top], [i.left + d, i.top], [i.left, i.top + u], [i.left + d, i.top + u]];
|
|
42
42
|
for (let r = 0; r < D.length; r += 1) {
|
|
43
|
-
const
|
|
44
|
-
if (
|
|
45
|
-
if (
|
|
46
|
-
|
|
43
|
+
const f = D[r];
|
|
44
|
+
if (f[0] >= 0 && f[0] <= a && f[1] >= 0 && f[1] <= o) {
|
|
45
|
+
if (f[0] === 0 && f[1] === 0) continue;
|
|
46
|
+
N = !0;
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
if (!
|
|
49
|
+
if (!N) return;
|
|
50
50
|
}
|
|
51
|
-
e.isHorizontal() ? ((
|
|
51
|
+
e.isHorizontal() ? ((h || v || y || M) && (l.preventDefault ? l.preventDefault() : l.returnValue = !1), ((v || M) && !x || (h || y) && x) && e.slideNext(), ((h || y) && !x || (v || M) && x) && e.slidePrev()) : ((h || v || n || s) && (l.preventDefault ? l.preventDefault() : l.returnValue = !1), (v || s) && e.slideNext(), (h || n) && e.slidePrev()), _("keyPress", T);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
function
|
|
55
|
-
e.keyboard.enabled || (
|
|
54
|
+
function m() {
|
|
55
|
+
e.keyboard.enabled || (c.addEventListener("keydown", I), e.keyboard.enabled = !0);
|
|
56
56
|
}
|
|
57
|
-
function
|
|
58
|
-
e.keyboard.enabled && (
|
|
57
|
+
function t() {
|
|
58
|
+
e.keyboard.enabled && (c.removeEventListener("keydown", I), e.keyboard.enabled = !1);
|
|
59
59
|
}
|
|
60
|
-
|
|
61
|
-
e.params.keyboard.enabled &&
|
|
62
|
-
}),
|
|
63
|
-
e.keyboard.enabled &&
|
|
60
|
+
w("init", () => {
|
|
61
|
+
e.params.keyboard.enabled && m();
|
|
62
|
+
}), w("destroy", () => {
|
|
63
|
+
e.keyboard.enabled && t();
|
|
64
64
|
}), Object.assign(e.keyboard, {
|
|
65
|
-
enable:
|
|
66
|
-
disable:
|
|
65
|
+
enable: m,
|
|
66
|
+
disable: t
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
|
-
function ne(
|
|
69
|
+
function ne(P) {
|
|
70
70
|
let {
|
|
71
71
|
swiper: e,
|
|
72
|
-
extendParams:
|
|
73
|
-
on:
|
|
72
|
+
extendParams: S,
|
|
73
|
+
on: w,
|
|
74
74
|
emit: _
|
|
75
|
-
} =
|
|
76
|
-
const
|
|
77
|
-
|
|
75
|
+
} = P;
|
|
76
|
+
const c = G();
|
|
77
|
+
S({
|
|
78
78
|
mousewheel: {
|
|
79
79
|
enabled: !1,
|
|
80
80
|
releaseOnEdges: !1,
|
|
@@ -89,232 +89,222 @@ function ne(S) {
|
|
|
89
89
|
}), e.mousewheel = {
|
|
90
90
|
enabled: !1
|
|
91
91
|
};
|
|
92
|
-
let
|
|
93
|
-
const
|
|
94
|
-
function n
|
|
95
|
-
let
|
|
96
|
-
return "detail" in
|
|
97
|
-
spinX:
|
|
98
|
-
spinY:
|
|
92
|
+
let b, I = C(), m;
|
|
93
|
+
const t = [];
|
|
94
|
+
function E(n) {
|
|
95
|
+
let d = 0, u = 0, a = 0, o = 0;
|
|
96
|
+
return "detail" in n && (u = n.detail), "wheelDelta" in n && (u = -n.wheelDelta / 120), "wheelDeltaY" in n && (u = -n.wheelDeltaY / 120), "wheelDeltaX" in n && (d = -n.wheelDeltaX / 120), "axis" in n && n.axis === n.HORIZONTAL_AXIS && (d = u, u = 0), a = d * 10, o = u * 10, "deltaY" in n && (o = n.deltaY), "deltaX" in n && (a = n.deltaX), n.shiftKey && !a && (a = o, o = 0), (a || o) && n.deltaMode && (n.deltaMode === 1 ? (a *= 40, o *= 40) : (a *= 800, o *= 800)), a && !d && (d = a < 1 ? -1 : 1), o && !u && (u = o < 1 ? -1 : 1), {
|
|
97
|
+
spinX: d,
|
|
98
|
+
spinY: u,
|
|
99
99
|
pixelX: a,
|
|
100
|
-
pixelY:
|
|
100
|
+
pixelY: o
|
|
101
101
|
};
|
|
102
102
|
}
|
|
103
|
-
function
|
|
103
|
+
function x() {
|
|
104
104
|
e.enabled && (e.mouseEntered = !0);
|
|
105
105
|
}
|
|
106
|
-
function
|
|
106
|
+
function l() {
|
|
107
107
|
e.enabled && (e.mouseEntered = !1);
|
|
108
108
|
}
|
|
109
|
-
function
|
|
110
|
-
return e.params.mousewheel.thresholdDelta &&
|
|
109
|
+
function T(n) {
|
|
110
|
+
return e.params.mousewheel.thresholdDelta && n.delta < e.params.mousewheel.thresholdDelta || e.params.mousewheel.thresholdTime && C() - I < e.params.mousewheel.thresholdTime ? !1 : n.delta >= 6 && C() - I < 60 ? !0 : (n.direction < 0 ? (!e.isEnd || e.params.loop) && !e.animating && (e.slideNext(), _("scroll", n.raw)) : (!e.isBeginning || e.params.loop) && !e.animating && (e.slidePrev(), _("scroll", n.raw)), I = new c.Date().getTime(), !1);
|
|
111
111
|
}
|
|
112
|
-
function H(
|
|
112
|
+
function H(n) {
|
|
113
113
|
const s = e.params.mousewheel;
|
|
114
|
-
if (
|
|
114
|
+
if (n.direction < 0) {
|
|
115
115
|
if (e.isEnd && !e.params.loop && s.releaseOnEdges)
|
|
116
116
|
return !0;
|
|
117
117
|
} else if (e.isBeginning && !e.params.loop && s.releaseOnEdges)
|
|
118
118
|
return !0;
|
|
119
119
|
return !1;
|
|
120
120
|
}
|
|
121
|
-
function
|
|
122
|
-
let s =
|
|
123
|
-
if (!e.enabled ||
|
|
124
|
-
const
|
|
121
|
+
function h(n) {
|
|
122
|
+
let s = n, N = !0;
|
|
123
|
+
if (!e.enabled || n.target.closest(`.${e.params.mousewheel.noMousewheelClass}`)) return;
|
|
124
|
+
const p = e.params.mousewheel;
|
|
125
125
|
e.params.cssMode && s.preventDefault();
|
|
126
|
-
let
|
|
127
|
-
e.params.mousewheel.eventsTarget !== "container" && (
|
|
128
|
-
const
|
|
129
|
-
if (!e.mouseEntered && !
|
|
126
|
+
let d = e.el;
|
|
127
|
+
e.params.mousewheel.eventsTarget !== "container" && (d = document.querySelector(e.params.mousewheel.eventsTarget));
|
|
128
|
+
const u = d && d.contains(s.target);
|
|
129
|
+
if (!e.mouseEntered && !u && !p.releaseOnEdges) return !0;
|
|
130
130
|
s.originalEvent && (s = s.originalEvent);
|
|
131
131
|
let a = 0;
|
|
132
|
-
const
|
|
133
|
-
if (
|
|
132
|
+
const o = e.rtlTranslate ? -1 : 1, i = E(s);
|
|
133
|
+
if (p.forceToAxis)
|
|
134
134
|
if (e.isHorizontal())
|
|
135
|
-
if (Math.abs(
|
|
135
|
+
if (Math.abs(i.pixelX) > Math.abs(i.pixelY)) a = -i.pixelX * o;
|
|
136
136
|
else return !0;
|
|
137
|
-
else if (Math.abs(
|
|
137
|
+
else if (Math.abs(i.pixelY) > Math.abs(i.pixelX)) a = -i.pixelY;
|
|
138
138
|
else return !0;
|
|
139
139
|
else
|
|
140
|
-
a = Math.abs(
|
|
140
|
+
a = Math.abs(i.pixelX) > Math.abs(i.pixelY) ? -i.pixelX * o : -i.pixelY;
|
|
141
141
|
if (a === 0) return !0;
|
|
142
|
-
|
|
143
|
-
let D = e.getTranslate() + a *
|
|
144
|
-
if (D >= e.minTranslate() && (D = e.minTranslate()), D <= e.maxTranslate() && (D = e.maxTranslate()),
|
|
142
|
+
p.invert && (a = -a);
|
|
143
|
+
let D = e.getTranslate() + a * p.sensitivity;
|
|
144
|
+
if (D >= e.minTranslate() && (D = e.minTranslate()), D <= e.maxTranslate() && (D = e.maxTranslate()), N = e.params.loop ? !0 : !(D === e.minTranslate() || D === e.maxTranslate()), N && e.params.nested && s.stopPropagation(), !e.params.freeMode || !e.params.freeMode.enabled) {
|
|
145
145
|
const r = {
|
|
146
146
|
time: C(),
|
|
147
147
|
delta: Math.abs(a),
|
|
148
148
|
direction: Math.sign(a),
|
|
149
|
-
raw:
|
|
149
|
+
raw: n
|
|
150
150
|
};
|
|
151
|
-
|
|
152
|
-
const
|
|
153
|
-
if (
|
|
151
|
+
t.length >= 2 && t.shift();
|
|
152
|
+
const f = t.length ? t[t.length - 1] : void 0;
|
|
153
|
+
if (t.push(r), f ? (r.direction !== f.direction || r.delta > f.delta || r.time > f.time + 150) && T(r) : T(r), H(r))
|
|
154
154
|
return !0;
|
|
155
155
|
} else {
|
|
156
156
|
const r = {
|
|
157
157
|
time: C(),
|
|
158
158
|
delta: Math.abs(a),
|
|
159
159
|
direction: Math.sign(a)
|
|
160
|
-
},
|
|
161
|
-
if (!
|
|
162
|
-
|
|
163
|
-
let
|
|
164
|
-
const
|
|
165
|
-
if (
|
|
160
|
+
}, f = m && r.time < m.time + 500 && r.delta <= m.delta && r.direction === m.direction;
|
|
161
|
+
if (!f) {
|
|
162
|
+
m = void 0;
|
|
163
|
+
let k = e.getTranslate() + a * p.sensitivity;
|
|
164
|
+
const W = e.isBeginning, F = e.isEnd;
|
|
165
|
+
if (k >= e.minTranslate() && (k = e.minTranslate()), k <= e.maxTranslate() && (k = e.maxTranslate()), e.setTransition(0), e.setTranslate(k), e.updateProgress(), e.updateActiveIndex(), e.updateSlidesClasses(), (!W && e.isBeginning || !F && e.isEnd) && e.updateSlidesClasses(), e.params.loop && e.loopFix({
|
|
166
166
|
direction: r.direction < 0 ? "next" : "prev",
|
|
167
167
|
byMousewheel: !0
|
|
168
168
|
}), e.params.freeMode.sticky) {
|
|
169
|
-
clearTimeout(
|
|
170
|
-
const X =
|
|
171
|
-
if (
|
|
172
|
-
|
|
173
|
-
else if (
|
|
174
|
-
const
|
|
175
|
-
|
|
176
|
-
e.slideToClosest(e.params.speed, !0, void 0,
|
|
169
|
+
clearTimeout(b), b = void 0, t.length >= 15 && t.shift();
|
|
170
|
+
const X = t.length ? t[t.length - 1] : void 0, z = t[0];
|
|
171
|
+
if (t.push(r), X && (r.delta > X.delta || r.direction !== X.direction))
|
|
172
|
+
t.splice(0);
|
|
173
|
+
else if (t.length >= 15 && r.time - z.time < 500 && z.delta - r.delta >= 1 && r.delta <= 6) {
|
|
174
|
+
const O = a > 0 ? 0.8 : 0.2;
|
|
175
|
+
m = r, t.splice(0), b = B(() => {
|
|
176
|
+
e.slideToClosest(e.params.speed, !0, void 0, O);
|
|
177
177
|
}, 0);
|
|
178
178
|
}
|
|
179
|
-
|
|
180
|
-
|
|
179
|
+
b || (b = B(() => {
|
|
180
|
+
m = r, t.splice(0), e.slideToClosest(e.params.speed, !0, void 0, 0.5);
|
|
181
181
|
}, 500));
|
|
182
182
|
}
|
|
183
|
-
if (
|
|
183
|
+
if (f || _("scroll", s), e.params.autoplay && e.params.autoplayDisableOnInteraction && e.autoplay.stop(), p.releaseOnEdges && (k === e.minTranslate() || k === e.maxTranslate()))
|
|
184
184
|
return !0;
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
187
|
return s.preventDefault ? s.preventDefault() : s.returnValue = !1, !1;
|
|
188
188
|
}
|
|
189
|
-
function
|
|
189
|
+
function v(n) {
|
|
190
190
|
let s = e.el;
|
|
191
|
-
e.params.mousewheel.eventsTarget !== "container" && (s = document.querySelector(e.params.mousewheel.eventsTarget)), s[
|
|
191
|
+
e.params.mousewheel.eventsTarget !== "container" && (s = document.querySelector(e.params.mousewheel.eventsTarget)), s[n]("mouseenter", x), s[n]("mouseleave", l), s[n]("wheel", h);
|
|
192
192
|
}
|
|
193
|
-
function
|
|
194
|
-
return e.params.cssMode ? (e.wrapperEl.removeEventListener("wheel",
|
|
193
|
+
function y() {
|
|
194
|
+
return e.params.cssMode ? (e.wrapperEl.removeEventListener("wheel", h), !0) : e.mousewheel.enabled ? !1 : (v("addEventListener"), e.mousewheel.enabled = !0, !0);
|
|
195
195
|
}
|
|
196
196
|
function M() {
|
|
197
|
-
return e.params.cssMode ? (e.wrapperEl.addEventListener(event,
|
|
197
|
+
return e.params.cssMode ? (e.wrapperEl.addEventListener(event, h), !0) : e.mousewheel.enabled ? (v("removeEventListener"), e.mousewheel.enabled = !1, !0) : !1;
|
|
198
198
|
}
|
|
199
|
-
|
|
200
|
-
!e.params.mousewheel.enabled && e.params.cssMode && M(), e.params.mousewheel.enabled &&
|
|
201
|
-
}),
|
|
202
|
-
e.params.cssMode &&
|
|
199
|
+
w("init", () => {
|
|
200
|
+
!e.params.mousewheel.enabled && e.params.cssMode && M(), e.params.mousewheel.enabled && y();
|
|
201
|
+
}), w("destroy", () => {
|
|
202
|
+
e.params.cssMode && y(), e.mousewheel.enabled && M();
|
|
203
203
|
}), Object.assign(e.mousewheel, {
|
|
204
|
-
enable:
|
|
204
|
+
enable: y,
|
|
205
205
|
disable: M
|
|
206
206
|
});
|
|
207
207
|
}
|
|
208
|
-
const ae = "
|
|
209
|
-
"promo-slider-wrapper": "_promo-slider-wrapper_1sy27_2",
|
|
208
|
+
const ae = "_swiper_f3z07_2", se = "_slide_f3z07_7", re = "_image_f3z07_14", ie = "_chip_f3z07_21", le = "_content_f3z07_27", oe = "_bullet_f3z07_46", g = {
|
|
210
209
|
swiper: ae,
|
|
211
210
|
slide: se,
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
"bullet-
|
|
218
|
-
"bullet-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
211
|
+
image: re,
|
|
212
|
+
chip: ie,
|
|
213
|
+
content: le,
|
|
214
|
+
"custom-pagination": "_custom-pagination_f3z07_34",
|
|
215
|
+
bullet: oe,
|
|
216
|
+
"bullet-active": "_bullet-active_f3z07_47",
|
|
217
|
+
"bullet-s": "_bullet-s_f3z07_48",
|
|
218
|
+
"bullet-xs": "_bullet-xs_f3z07_49"
|
|
219
|
+
}, V = 5, ue = 5e3, fe = 8, de = (P, e) => {
|
|
220
|
+
const S = e % V, w = Math.abs(P - S), _ = 0, c = 1;
|
|
221
|
+
return w === _ ? g["bullet-active"] : w === c ? g["bullet-s"] : g["bullet-xs"];
|
|
222
|
+
}, be = ({
|
|
223
|
+
slides: P,
|
|
224
|
+
delay: e = ue,
|
|
225
|
+
spaceBetween: S = fe,
|
|
226
|
+
imageClassName: w,
|
|
227
227
|
slideClassName: _,
|
|
228
|
-
swiperClassName:
|
|
229
|
-
contentClassName:
|
|
230
|
-
promoSliderWrapperClassName: I
|
|
228
|
+
swiperClassName: c,
|
|
229
|
+
contentClassName: b
|
|
231
230
|
}) => {
|
|
232
|
-
const [
|
|
233
|
-
return /* @__PURE__ */
|
|
234
|
-
|
|
231
|
+
const [I, m] = j(0);
|
|
232
|
+
return /* @__PURE__ */ Y(
|
|
233
|
+
q,
|
|
235
234
|
{
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
),
|
|
235
|
+
direction: "horizontal",
|
|
236
|
+
spaceBetween: S,
|
|
237
|
+
modules: [Z, te, ne],
|
|
238
|
+
onSlideChange: (t) => m(t.realIndex),
|
|
239
|
+
loop: !0,
|
|
240
|
+
mousewheel: !0,
|
|
241
|
+
keyboard: {
|
|
242
|
+
enabled: !0,
|
|
243
|
+
onlyInViewport: !0
|
|
244
|
+
},
|
|
245
|
+
autoplay: {
|
|
246
|
+
delay: e,
|
|
247
|
+
disableOnInteraction: !1,
|
|
248
|
+
pauseOnMouseEnter: !0
|
|
249
|
+
},
|
|
250
|
+
className: A(g.swiper, c),
|
|
240
251
|
children: [
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
252
|
+
P.map((t) => {
|
|
253
|
+
if (!t) return null;
|
|
254
|
+
const E = t != null && t.imageUrl ? /* @__PURE__ */ L(
|
|
255
|
+
ee,
|
|
256
|
+
{
|
|
257
|
+
className: A(g.image, w),
|
|
258
|
+
src: t.imageUrl,
|
|
259
|
+
desktopImage: t.imageDesktop,
|
|
260
|
+
mobileImage: t.imageMobile,
|
|
261
|
+
alt: t.title
|
|
262
|
+
}
|
|
263
|
+
) : null, x = /* @__PURE__ */ L(
|
|
264
|
+
"a",
|
|
265
|
+
{
|
|
266
|
+
className: g.link,
|
|
267
|
+
href: t.url,
|
|
268
|
+
rel: "noopener noreferrer",
|
|
269
|
+
target: "_blank",
|
|
270
|
+
children: E
|
|
271
|
+
}
|
|
272
|
+
), l = () => t.url ? x : E;
|
|
273
|
+
return /* @__PURE__ */ L(
|
|
274
|
+
J,
|
|
275
|
+
{
|
|
276
|
+
className: A(g.slide, _),
|
|
277
|
+
children: /* @__PURE__ */ Y(K, { children: [
|
|
278
|
+
t.isPromotion && /* @__PURE__ */ L(
|
|
279
|
+
Q,
|
|
280
|
+
{
|
|
281
|
+
...t.promotionProps,
|
|
282
|
+
className: A(
|
|
283
|
+
t.promotionProps.className,
|
|
284
|
+
g.chip
|
|
285
|
+
)
|
|
286
|
+
}
|
|
287
|
+
),
|
|
288
|
+
l(),
|
|
289
|
+
(t == null ? void 0 : t.content) && /* @__PURE__ */ L("div", { className: A(g.content, b), children: t == null ? void 0 : t.content })
|
|
290
|
+
] })
|
|
253
291
|
},
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
},
|
|
259
|
-
className: L(b.swiper, m),
|
|
260
|
-
children: S.map((n) => {
|
|
261
|
-
if (!n) return null;
|
|
262
|
-
const d = n != null && n.imageUrl ? /* @__PURE__ */ P(
|
|
263
|
-
ee,
|
|
264
|
-
{
|
|
265
|
-
className: L(b.image, v),
|
|
266
|
-
src: n.imageUrl,
|
|
267
|
-
desktopImage: n.imageDesktop,
|
|
268
|
-
mobileImage: n.imageMobile,
|
|
269
|
-
alt: n.title
|
|
270
|
-
}
|
|
271
|
-
) : null, o = /* @__PURE__ */ P(
|
|
272
|
-
"a",
|
|
273
|
-
{
|
|
274
|
-
className: b.link,
|
|
275
|
-
href: n.url,
|
|
276
|
-
rel: "noopener noreferrer",
|
|
277
|
-
target: "_blank",
|
|
278
|
-
children: d
|
|
279
|
-
}
|
|
280
|
-
), w = () => n.url ? o : d;
|
|
281
|
-
return /* @__PURE__ */ P(
|
|
282
|
-
J,
|
|
283
|
-
{
|
|
284
|
-
className: L(b.slide, _),
|
|
285
|
-
children: /* @__PURE__ */ U(K, { children: [
|
|
286
|
-
n.isPromotion && /* @__PURE__ */ P(
|
|
287
|
-
Q,
|
|
288
|
-
{
|
|
289
|
-
...n.promotionProps,
|
|
290
|
-
className: L(
|
|
291
|
-
n.promotionProps.className,
|
|
292
|
-
b.chip
|
|
293
|
-
)
|
|
294
|
-
}
|
|
295
|
-
),
|
|
296
|
-
w(),
|
|
297
|
-
(n == null ? void 0 : n.content) && /* @__PURE__ */ P("div", { className: L(b.content, T), children: n == null ? void 0 : n.content })
|
|
298
|
-
] })
|
|
299
|
-
},
|
|
300
|
-
n.id
|
|
301
|
-
);
|
|
302
|
-
})
|
|
303
|
-
}
|
|
304
|
-
),
|
|
305
|
-
/* @__PURE__ */ P("div", { className: b["custom-pagination"], children: Array.from({ length: W }).map((n, d) => /* @__PURE__ */ P(
|
|
292
|
+
t.id
|
|
293
|
+
);
|
|
294
|
+
}),
|
|
295
|
+
/* @__PURE__ */ L("div", { className: g["custom-pagination"], children: Array.from({ length: V }).map((t, E) => /* @__PURE__ */ L(
|
|
306
296
|
"button",
|
|
307
297
|
{
|
|
308
298
|
type: "button",
|
|
309
|
-
autoFocus:
|
|
310
|
-
className:
|
|
299
|
+
autoFocus: E === 0,
|
|
300
|
+
className: A(g.bullet, de(E, I))
|
|
311
301
|
},
|
|
312
|
-
|
|
302
|
+
E
|
|
313
303
|
)) })
|
|
314
304
|
]
|
|
315
305
|
}
|
|
316
306
|
);
|
|
317
307
|
};
|
|
318
308
|
export {
|
|
319
|
-
|
|
309
|
+
be as PromoSlider
|
|
320
310
|
};
|