mimir-ui-kit 1.41.2 → 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/Image.css +1 -1
- package/dist/assets/PromoSlider.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/components/CardTrail/CardTrail.d.ts +4 -0
- package/dist/components/CardTrail/CardTrail.js +31 -30
- package/dist/components/DatePicker/DatePicker.js +80 -82
- package/dist/components/DatePicker/DatePickerModal.js +1 -1
- package/dist/components/DatePicker/MonthPickerModal.js +1 -1
- package/dist/components/DatePicker/YearPickerModal.js +1 -1
- package/dist/components/Image/Image.js +29 -34
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/PromoSlider/PromoSlider.d.ts +1 -5
- package/dist/components/PromoSlider/PromoSlider.js +190 -200
- package/dist/styles.module-Cuqm31CO.js +28 -0
- package/package.json +1 -1
- package/dist/styles.module-BlOA4RBL.js +0 -28
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
|
-
@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)}
|
package/dist/assets/styles.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._input-field-group-
|
1
|
+
._input-field-group-datePicker_o2gm6_3{display:flex;flex-direction:column;gap:var(--mimir-space-2xs)}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8{--border-color: var(--citrine-100);position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8 ._date-wrapper_o2gm6_15{position:relative;width:100%}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8 ._date-wrapper_o2gm6_15 ._input-wrapper_o2gm6_19{flex:1}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8 ._date-wrapper_o2gm6_15 ._input-wrapper_o2gm6_19 ._right-slot_o2gm6_22{order:2;padding-top:0}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8 ._date-wrapper_o2gm6_15 ._inputBorderControl_o2gm6_26{border:transparent}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8 ._date-wrapper_o2gm6_15:hover ._input-wrapper_o2gm6_19{background-color:var(--input-bg-color-hover)}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8 ._date-wrapper_o2gm6_15:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8 ._date-wrapper_o2gm6_15._editable_o2gm6_39:before{display:none}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8 ._date-wrapper_o2gm6_15 svg{cursor:pointer}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8:has([data-status=error]){--border-color: var(--error-normal)}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8:has([data-status=success]){--border-color: var(--success-normal)}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8:has([data-status=alarm]){--border-color: var(--alarm-normal)}._input-field-group-datePicker_o2gm6_3 ._wrapper_o2gm6_8._active_o2gm6_54{border-bottom:1px solid var(--border-color)}._input-field-group-datePicker_o2gm6_3 ._textError_o2gm6_57{color:var(--gos-znak-diplomatic-background-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-s);font-family:var(--mimir-font-inter);line-height:var(--mimir-size-text-m);text-align:left}._input_o2gm6_3{padding-right:var(--mimir-space-3xl)}[data-disabled=true] ._date-wrapper_o2gm6_15:before{cursor:auto}[data-disabled=true] ._date-wrapper_o2gm6_15 ._input-wrapper_o2gm6_19{background:var(--black-20)}[data-disabled=true] ._date-wrapper_o2gm6_15 ._input-wrapper_o2gm6_19 label,[data-disabled=true] ._date-wrapper_o2gm6_15 ._input-wrapper_o2gm6_19 input{color:var(--white)}[data-disabled=true] ._button-wrapper_o2gm6_80 svg{color:var(--white);cursor:default;fill:var(--white)}._button-wrapper_o2gm6_80{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_o2gm6_80{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_o2gm6_104{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_o2gm6_104 ._h_o2gm6_126{display:flex;width:100%;color:var(--black-100)}._calendar-block_o2gm6_104 ._b_o2gm6_80{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_o2gm6_104 ._d_o2gm6_15{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_o2gm6_104 ._m_o2gm6_148,._calendar-block_o2gm6_104 ._a_o2gm6_54,._calendar-block_o2gm6_104 ._prev_o2gm6_150{width:auto;height:48px;overflow:hidden}._calendar-block_o2gm6_104 ._m_o2gm6_148{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_o2gm6_104 ._orange_o2gm6_164{color:var(--citrine-100)}._calendar-block_o2gm6_104 ._a_o2gm6_54{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_o2gm6_104 ._a_o2gm6_54:hover{background:var(--black-10)}._calendar-block_o2gm6_104 ._a_o2gm6_54:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_o2gm6_104 ._current_o2gm6_181{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_o2gm6_104 ._monthGrid_o2gm6_186{display:grid;grid-template-columns:repeat(3,1fr)}._icon-button_o2gm6_191{display:flex}
|
@@ -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,20 +1,20 @@
|
|
1
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
|
4
|
-
import { DEFAULT_SPACE_BETWEEN as
|
5
|
-
import { hasHorizontalScroll as u, isScrollAtEdge as
|
6
|
-
import { useMergeRefs as
|
7
|
-
import { useThrottledCallback as
|
8
|
-
import { MergedButton as
|
9
|
-
import '../../assets/CardTrail.css';const
|
3
|
+
import { forwardRef as x, useRef as p, useState as B, useEffect as H, Children as O } from "react";
|
4
|
+
import { DEFAULT_SPACE_BETWEEN as R, DEFAULT_SCROLL_STEP as j } from "./constants.js";
|
5
|
+
import { hasHorizontalScroll as u, isScrollAtEdge as C } from "./utils.js";
|
6
|
+
import { useMergeRefs as F } from "../../hooks/useMergeRefs/useMergeRefs.js";
|
7
|
+
import { useThrottledCallback as U } from "../../hooks/useThrottledCallback/index.js";
|
8
|
+
import { MergedButton as $ } from "../MergedButton/MergedButton.js";
|
9
|
+
import '../../assets/CardTrail.css';const q = "_pointer_vv8gl_49", l = {
|
10
10
|
"card-trail": "_card-trail_vv8gl_3",
|
11
11
|
"card-trail-header": "_card-trail-header_vv8gl_7",
|
12
12
|
"card-trail-header-title": "_card-trail-header-title_vv8gl_15",
|
13
13
|
"card-trail-header-merged-button": "_card-trail-header-merged-button_vv8gl_29",
|
14
14
|
"card-trail-list": "_card-trail-list_vv8gl_32",
|
15
15
|
"card-trail-list-item": "_card-trail-list-item_vv8gl_45",
|
16
|
-
pointer:
|
17
|
-
},
|
16
|
+
pointer: q
|
17
|
+
}, P = x((b, N) => {
|
18
18
|
const {
|
19
19
|
cardClassName: S,
|
20
20
|
cardTrailClassName: E,
|
@@ -23,22 +23,23 @@ import '../../assets/CardTrail.css';const $ = "_pointer_vv8gl_49", l = {
|
|
23
23
|
cardTrailMergedButtonClassName: L,
|
24
24
|
children: h,
|
25
25
|
title: m,
|
26
|
-
spaceBetween: d =
|
27
|
-
scrollStep: f =
|
26
|
+
spaceBetween: d = R,
|
27
|
+
scrollStep: f = j,
|
28
28
|
mergedButtonProps: c,
|
29
|
-
scrollToCard: _ = !1
|
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
|
+
}), [A, g] = B(
|
34
35
|
() => u(r == null ? void 0 : r.current)
|
35
|
-
),
|
36
|
-
const t = !
|
37
|
-
|
36
|
+
), W = F(r, N), z = U(() => {
|
37
|
+
const t = !C(r.current, "left"), e = !C(r.current, "right");
|
38
|
+
y({
|
38
39
|
leftButton: !t,
|
39
40
|
rightButton: !e
|
40
41
|
});
|
41
|
-
}, 300),
|
42
|
+
}, 300), M = (t) => () => {
|
42
43
|
var a;
|
43
44
|
if (!_)
|
44
45
|
return;
|
@@ -50,7 +51,7 @@ import '../../assets/CardTrail.css';const $ = "_pointer_vv8gl_49", l = {
|
|
50
51
|
block: "nearest",
|
51
52
|
inline: "center"
|
52
53
|
}));
|
53
|
-
},
|
54
|
+
}, D = () => {
|
54
55
|
var a;
|
55
56
|
if (!r.current || o.leftButton) return;
|
56
57
|
const t = r.current, e = ((a = t.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
|
@@ -58,7 +59,7 @@ import '../../assets/CardTrail.css';const $ = "_pointer_vv8gl_49", l = {
|
|
58
59
|
left: -(e + d) * f,
|
59
60
|
behavior: "smooth"
|
60
61
|
});
|
61
|
-
},
|
62
|
+
}, I = () => {
|
62
63
|
var a;
|
63
64
|
if (!r.current || o.rightButton) return;
|
64
65
|
const t = r.current, e = ((a = t.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
|
@@ -67,7 +68,7 @@ import '../../assets/CardTrail.css';const $ = "_pointer_vv8gl_49", l = {
|
|
67
68
|
behavior: "smooth"
|
68
69
|
});
|
69
70
|
};
|
70
|
-
return
|
71
|
+
return H(() => {
|
71
72
|
const t = r.current;
|
72
73
|
if (t)
|
73
74
|
return n.current = new ResizeObserver(() => {
|
@@ -85,8 +86,8 @@ import '../../assets/CardTrail.css';const $ = "_pointer_vv8gl_49", l = {
|
|
85
86
|
),
|
86
87
|
children: [
|
87
88
|
m && /* @__PURE__ */ s("h3", { className: l["card-trail-header-title"], children: m }),
|
88
|
-
|
89
|
-
|
89
|
+
A && w && /* @__PURE__ */ s(
|
90
|
+
$,
|
90
91
|
{
|
91
92
|
buttonsWrapperClassName: i(
|
92
93
|
l["card-trail-header-merged-button"],
|
@@ -97,7 +98,7 @@ import '../../assets/CardTrail.css';const $ = "_pointer_vv8gl_49", l = {
|
|
97
98
|
isIconButton: !0,
|
98
99
|
iconName: "ArrowLeft16px",
|
99
100
|
variant: "gray",
|
100
|
-
onClick:
|
101
|
+
onClick: D,
|
101
102
|
disabled: o.leftButton,
|
102
103
|
size: "s",
|
103
104
|
...c == null ? void 0 : c.leftButton
|
@@ -106,7 +107,7 @@ import '../../assets/CardTrail.css';const $ = "_pointer_vv8gl_49", l = {
|
|
106
107
|
isIconButton: !0,
|
107
108
|
iconName: "ArrowRight16px",
|
108
109
|
variant: "gray",
|
109
|
-
onClick:
|
110
|
+
onClick: I,
|
110
111
|
size: "s",
|
111
112
|
disabled: o.rightButton,
|
112
113
|
...c == null ? void 0 : c.rightButton
|
@@ -120,14 +121,14 @@ import '../../assets/CardTrail.css';const $ = "_pointer_vv8gl_49", l = {
|
|
120
121
|
/* @__PURE__ */ s(
|
121
122
|
"ul",
|
122
123
|
{
|
123
|
-
onScroll:
|
124
|
+
onScroll: z,
|
124
125
|
style: { gap: d },
|
125
126
|
className: i(l["card-trail-list"], k),
|
126
|
-
ref:
|
127
|
-
children:
|
127
|
+
ref: W,
|
128
|
+
children: O.map(h, (t, e) => /* @__PURE__ */ s(
|
128
129
|
"li",
|
129
130
|
{
|
130
|
-
onClick:
|
131
|
+
onClick: M(e),
|
131
132
|
"data-active-card": e,
|
132
133
|
"data-testid": `card-trail-item-${e}`,
|
133
134
|
className: i(
|
@@ -143,5 +144,5 @@ import '../../assets/CardTrail.css';const $ = "_pointer_vv8gl_49", l = {
|
|
143
144
|
] });
|
144
145
|
});
|
145
146
|
export {
|
146
|
-
|
147
|
+
P as CardTrail
|
147
148
|
};
|
@@ -1,161 +1,159 @@
|
|
1
|
-
import { jsxs as R, jsx as
|
2
|
-
import { c as
|
3
|
-
import { memo as tt, forwardRef as st, useState as
|
1
|
+
import { jsxs as R, jsx as o } from "react/jsx-runtime";
|
2
|
+
import { c as u } from "../../index-DIxK0V-G.js";
|
3
|
+
import { memo as tt, forwardRef as st, useState as w, useEffect as x } from "react";
|
4
4
|
import { MAX_DAY as et, MAX_MONTH as it, DATE_LENGTH as rt } from "./constants.js";
|
5
|
-
import { DatePickerModal as
|
6
|
-
import { MonthPickerModal as
|
7
|
-
import { c as e } from "../../styles.module-
|
5
|
+
import { DatePickerModal as ct } from "./DatePickerModal.js";
|
6
|
+
import { MonthPickerModal as at } from "./MonthPickerModal.js";
|
7
|
+
import { c as e } from "../../styles.module-Cuqm31CO.js";
|
8
8
|
import { formatDatePart as U } from "./utils.js";
|
9
|
-
import { YearPickerModal as
|
9
|
+
import { YearPickerModal as ot } from "./YearPickerModal.js";
|
10
10
|
import { useClickOutside as mt } from "../../hooks/useClickOutside/useClickOutside.js";
|
11
11
|
import { Icon as X } from "../../icons/Icon.js";
|
12
|
-
import { formating as
|
12
|
+
import { formating as n } from "../../utils/index.js";
|
13
13
|
import { I as pt } from "../../Input-DAmc_HxO.js";
|
14
14
|
import { EInputStatus as dt, EInputSize as E } from "../Input/constants.js";
|
15
15
|
const ft = {
|
16
|
-
days:
|
17
|
-
months:
|
18
|
-
years:
|
16
|
+
days: ct,
|
17
|
+
months: at,
|
18
|
+
years: ot
|
19
19
|
}, yt = tt(
|
20
20
|
st(
|
21
21
|
({
|
22
|
-
size:
|
22
|
+
size: S,
|
23
23
|
value: i,
|
24
24
|
onChangeValue: t,
|
25
|
-
name:
|
26
|
-
before:
|
25
|
+
name: c,
|
26
|
+
before: $,
|
27
27
|
type: p = "days",
|
28
|
-
error:
|
28
|
+
error: _,
|
29
29
|
onError: d,
|
30
30
|
onBlur: r,
|
31
31
|
validateImmediately: O,
|
32
32
|
variant: F,
|
33
|
-
disabled:
|
34
|
-
editable:
|
33
|
+
disabled: g = !1,
|
34
|
+
editable: D = !1,
|
35
35
|
openOnInput: Y = !0,
|
36
36
|
sendIntermediateValues: G = !1,
|
37
|
-
...
|
38
|
-
},
|
39
|
-
const [A, m] =
|
37
|
+
...k
|
38
|
+
}, K) => {
|
39
|
+
const [A, m] = w(!1), [j, f] = w(p), [a, I] = w(
|
40
40
|
() => i && !isNaN(new Date(i).getTime()) ? new Date(i) : void 0
|
41
|
-
), [
|
42
|
-
|
43
|
-
|
44
|
-
}, [
|
41
|
+
), [P, b] = w(_), [W, T] = w("");
|
42
|
+
k.status = !!P && dt.Error || k.status, x(() => {
|
43
|
+
b(_);
|
44
|
+
}, [_]), x(() => {
|
45
45
|
I(
|
46
46
|
i && !isNaN(new Date(i).getTime()) ? new Date(i) : void 0
|
47
47
|
);
|
48
|
-
}, [i]),
|
49
|
-
|
50
|
-
}, [
|
48
|
+
}, [i]), x(() => {
|
49
|
+
a && typeof a != "string" && !isNaN(a == null ? void 0 : a.getTime()) ? T(n.Date(a, "dd/mm/yyyy")) : T("");
|
50
|
+
}, [a]);
|
51
51
|
const H = i && new Date(i).getTime;
|
52
|
-
|
53
|
-
O && (H ? (
|
54
|
-
}, [O,
|
52
|
+
x(() => {
|
53
|
+
O && (H ? (b(!1), d == null || d({ name: c, active: !1 })) : (b(!0), d == null || d({ name: c, active: !0 })));
|
54
|
+
}, [O, c, H]), mt({
|
55
55
|
isActive: A,
|
56
56
|
setActive: (s) => {
|
57
57
|
m(s), f(p);
|
58
58
|
},
|
59
59
|
className: e["calendar-block"]
|
60
60
|
});
|
61
|
-
const
|
62
|
-
!
|
61
|
+
const q = () => {
|
62
|
+
!g && (Y || !D) && m(!0);
|
63
63
|
}, J = (s) => {
|
64
64
|
isNaN(s.getTime()) || (I(s), t == null || t({
|
65
|
-
value:
|
66
|
-
name:
|
67
|
-
})),
|
68
|
-
value:
|
69
|
-
name:
|
70
|
-
}), r == null || r(
|
65
|
+
value: n.Date(s, "yyyy-mm-dd"),
|
66
|
+
name: c
|
67
|
+
})), j === "years" && (p === "years" ? (m(!1), f(p)) : f("months")), j === "months" && (p === "months" ? (m(!1), f(p)) : f("days")), I(s), t == null || t({
|
68
|
+
value: n.Date(s, "yyyy-mm-dd"),
|
69
|
+
name: c
|
70
|
+
}), r == null || r(n.Date(s, "yyyy-mm-dd"));
|
71
71
|
}, Q = (s) => {
|
72
|
-
if (
|
73
|
-
const
|
74
|
-
if (
|
75
|
-
|
72
|
+
if (D) {
|
73
|
+
const l = s.target.value.replace(/[^\d]/g, "");
|
74
|
+
if (l.length === 0)
|
75
|
+
T(""), t == null || t({ value: "", name: c }), r == null || r("");
|
76
76
|
else {
|
77
|
-
const [
|
78
|
-
U(
|
79
|
-
U(
|
80
|
-
|
81
|
-
], L = [
|
82
|
-
if (
|
83
|
-
const
|
77
|
+
const [y, M, N] = [
|
78
|
+
U(l.substring(0, 2), et),
|
79
|
+
U(l.substring(2, 4), it),
|
80
|
+
l.substring(4, 8)
|
81
|
+
], L = [y, M, N].filter(Boolean).join("/");
|
82
|
+
if (T(L), G) {
|
83
|
+
const h = N ? `${N}-${M || "00"}-${y || "00"}` : [y, M, N].filter(Boolean).join("-");
|
84
84
|
t == null || t({
|
85
|
-
value:
|
86
|
-
name:
|
85
|
+
value: h,
|
86
|
+
name: c
|
87
87
|
});
|
88
88
|
}
|
89
89
|
if (L.length === rt) {
|
90
|
-
const
|
91
|
-
`${
|
90
|
+
const h = parseInt(N), v = /* @__PURE__ */ new Date(
|
91
|
+
`${h}-${M.padStart(2, "0")}-${y.padStart(2, "0")}`
|
92
92
|
);
|
93
93
|
isNaN(v.getTime()) || (I(v), t == null || t({
|
94
|
-
value:
|
95
|
-
name:
|
96
|
-
}), r == null || r(
|
94
|
+
value: n.Date(v, "yyyy-mm-dd"),
|
95
|
+
name: c
|
96
|
+
}), r == null || r(n.Date(v, "yyyy-mm-dd")));
|
97
97
|
}
|
98
98
|
}
|
99
99
|
}
|
100
|
-
}, Z =
|
100
|
+
}, Z = u(e.wrapper, A && e.active), z = u(e.input, e.inputBorderControl), C = {
|
101
101
|
onChangeValue: J,
|
102
|
-
date:
|
103
|
-
before: typeof
|
102
|
+
date: a || /* @__PURE__ */ new Date(),
|
103
|
+
before: typeof $ == "string" ? new Date($) : $,
|
104
104
|
onChangeType: f,
|
105
105
|
setIsActive: m
|
106
|
-
}, B = ft[
|
107
|
-
|
108
|
-
}, className: e["icon-button"], children: s ? /* @__PURE__ */
|
106
|
+
}, B = ft[j], V = ({ isActive: s }) => /* @__PURE__ */ o("button", { onClick: (y) => {
|
107
|
+
y.stopPropagation(), g || m(!s);
|
108
|
+
}, className: e["icon-button"], children: s ? /* @__PURE__ */ o(
|
109
109
|
X,
|
110
110
|
{
|
111
|
-
iconName:
|
111
|
+
iconName: S === E.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
|
112
112
|
}
|
113
|
-
) : /* @__PURE__ */
|
113
|
+
) : /* @__PURE__ */ o(
|
114
114
|
X,
|
115
115
|
{
|
116
|
-
iconName:
|
116
|
+
iconName: S === E.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
|
117
117
|
}
|
118
118
|
) });
|
119
119
|
return /* @__PURE__ */ R("div", { className: e["input-field-group-datePicker"], children: [
|
120
|
-
/* @__PURE__ */ R("div", { className: Z, "data-disabled":
|
121
|
-
/* @__PURE__ */
|
120
|
+
/* @__PURE__ */ R("div", { className: Z, "data-disabled": g, children: [
|
121
|
+
/* @__PURE__ */ o(
|
122
122
|
"div",
|
123
123
|
{
|
124
124
|
role: "button",
|
125
|
-
"data-
|
126
|
-
className:
|
127
|
-
[e.editable]:
|
125
|
+
"data-status": k.status,
|
126
|
+
className: u(e["date-wrapper"], {
|
127
|
+
[e.editable]: D
|
128
128
|
}),
|
129
|
-
onClick:
|
130
|
-
children: /* @__PURE__ */
|
129
|
+
onClick: q,
|
130
|
+
children: /* @__PURE__ */ o(
|
131
131
|
pt,
|
132
132
|
{
|
133
|
-
ref:
|
133
|
+
ref: K,
|
134
134
|
className: z,
|
135
135
|
wrapperClassName: e["input-wrapper"],
|
136
|
-
size:
|
136
|
+
size: S,
|
137
137
|
type: "text",
|
138
138
|
variant: F,
|
139
|
-
|
140
|
-
value: q,
|
139
|
+
value: W,
|
141
140
|
onChange: Q,
|
142
141
|
rightAddon: {
|
143
142
|
addonType: "react-node",
|
144
|
-
addonContent: /* @__PURE__ */
|
143
|
+
addonContent: /* @__PURE__ */ o(V, { isActive: A })
|
145
144
|
},
|
146
145
|
rightSlotClassName: e["right-slot"],
|
147
146
|
onFocus: () => {
|
148
|
-
Y && !
|
147
|
+
Y && !D && m(!0);
|
149
148
|
},
|
150
|
-
|
151
|
-
...K
|
149
|
+
...k
|
152
150
|
}
|
153
151
|
)
|
154
152
|
}
|
155
153
|
),
|
156
|
-
A && /* @__PURE__ */
|
154
|
+
A && /* @__PURE__ */ o(B, { ...C })
|
157
155
|
] }),
|
158
|
-
|
156
|
+
P && typeof P == "string" && /* @__PURE__ */ o("div", { className: e.textError, children: P })
|
159
157
|
] });
|
160
158
|
}
|
161
159
|
)
|
@@ -3,7 +3,7 @@ import { c as x } from "../../index-DIxK0V-G.js";
|
|
3
3
|
import { useState as O } from "react";
|
4
4
|
import { week as Y, COUNT_WORK_DAYS as j } from "./constants.js";
|
5
5
|
import { useDatePickerPosition as z } from "./hooks.js";
|
6
|
-
import { c as o } from "../../styles.module-
|
6
|
+
import { c as o } from "../../styles.module-Cuqm31CO.js";
|
7
7
|
import { getUpdateDate as M } from "./utils.js";
|
8
8
|
import { Icon as G } from "../../icons/Icon.js";
|
9
9
|
import { formating as s } from "../../utils/index.js";
|
@@ -3,7 +3,7 @@ import { c as k } from "../../index-DIxK0V-G.js";
|
|
3
3
|
import { useState as $ } from "react";
|
4
4
|
import { months as x } from "./constants.js";
|
5
5
|
import { useDatePickerPosition as v } from "./hooks.js";
|
6
|
-
import { c as e } from "../../styles.module-
|
6
|
+
import { c as e } from "../../styles.module-Cuqm31CO.js";
|
7
7
|
import { Icon as B } from "../../icons/Icon.js";
|
8
8
|
import { formating as a } from "../../utils/index.js";
|
9
9
|
import { Button as b } from "../Button/Button.js";
|
@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { c as v } from "../../index-DIxK0V-G.js";
|
3
3
|
import { useState as x } from "react";
|
4
4
|
import { useDatePickerPosition as Y } from "./hooks.js";
|
5
|
-
import { c as t } from "../../styles.module-
|
5
|
+
import { c as t } from "../../styles.module-Cuqm31CO.js";
|
6
6
|
import { formating as n } from "../../utils/index.js";
|
7
7
|
import { Button as y } from "../Button/Button.js";
|
8
8
|
const F = ({
|
@@ -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
|
]
|
@@ -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
|
};
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import './assets/styles.css';const o = "_wrapper_o2gm6_8", t = "_inputBorderControl_o2gm6_26", _ = "_editable_o2gm6_39", r = "_active_o2gm6_54", n = "_textError_o2gm6_57", e = "_input_o2gm6_3", p = "_button_o2gm6_80", c = "_h_o2gm6_126", a = "_b_o2gm6_80", g = "_d_o2gm6_15", m = "_m_o2gm6_148", i = "_a_o2gm6_54", u = "_prev_o2gm6_150", s = "_orange_o2gm6_164", d = "_current_o2gm6_181", b = "_monthGrid_o2gm6_186", l = {
|
2
|
+
"input-field-group-datePicker": "_input-field-group-datePicker_o2gm6_3",
|
3
|
+
wrapper: o,
|
4
|
+
"date-wrapper": "_date-wrapper_o2gm6_15",
|
5
|
+
"input-wrapper": "_input-wrapper_o2gm6_19",
|
6
|
+
"right-slot": "_right-slot_o2gm6_22",
|
7
|
+
inputBorderControl: t,
|
8
|
+
editable: _,
|
9
|
+
active: r,
|
10
|
+
textError: n,
|
11
|
+
input: e,
|
12
|
+
"button-wrapper": "_button-wrapper_o2gm6_80",
|
13
|
+
button: p,
|
14
|
+
"calendar-block": "_calendar-block_o2gm6_104",
|
15
|
+
h: c,
|
16
|
+
b: a,
|
17
|
+
d: g,
|
18
|
+
m,
|
19
|
+
a: i,
|
20
|
+
prev: u,
|
21
|
+
orange: s,
|
22
|
+
current: d,
|
23
|
+
monthGrid: b,
|
24
|
+
"icon-button": "_icon-button_o2gm6_191"
|
25
|
+
};
|
26
|
+
export {
|
27
|
+
l as c
|
28
|
+
};
|
package/package.json
CHANGED
@@ -1,28 +0,0 @@
|
|
1
|
-
import './assets/styles.css';const o = "_wrapper_1ogw2_8", t = "_inputBorderControl_1ogw2_26", _ = "_editable_1ogw2_39", r = "_active_1ogw2_48", n = "_textError_1ogw2_51", e = "_input_1ogw2_3", p = "_button_1ogw2_74", c = "_h_1ogw2_120", w = "_b_1ogw2_74", a = "_d_1ogw2_15", g = "_m_1ogw2_142", i = "_a_1ogw2_48", u = "_prev_1ogw2_144", s = "_orange_1ogw2_158", d = "_current_1ogw2_175", b = "_monthGrid_1ogw2_180", l = {
|
2
|
-
"input-field-group-datePicker": "_input-field-group-datePicker_1ogw2_3",
|
3
|
-
wrapper: o,
|
4
|
-
"date-wrapper": "_date-wrapper_1ogw2_15",
|
5
|
-
"input-wrapper": "_input-wrapper_1ogw2_19",
|
6
|
-
"right-slot": "_right-slot_1ogw2_22",
|
7
|
-
inputBorderControl: t,
|
8
|
-
editable: _,
|
9
|
-
active: r,
|
10
|
-
textError: n,
|
11
|
-
input: e,
|
12
|
-
"button-wrapper": "_button-wrapper_1ogw2_74",
|
13
|
-
button: p,
|
14
|
-
"calendar-block": "_calendar-block_1ogw2_98",
|
15
|
-
h: c,
|
16
|
-
b: w,
|
17
|
-
d: a,
|
18
|
-
m: g,
|
19
|
-
a: i,
|
20
|
-
prev: u,
|
21
|
-
orange: s,
|
22
|
-
current: d,
|
23
|
-
monthGrid: b,
|
24
|
-
"icon-button": "_icon-button_1ogw2_185"
|
25
|
-
};
|
26
|
-
export {
|
27
|
-
l as c
|
28
|
-
};
|