@lanaco/lnc-react-ui 4.0.186 → 4.0.189
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/BannerSectionCarousel.cjs +4 -4
- package/dist/BannerSectionCarousel.js +150 -158
- package/dist/BlogCardsSponsoredSection.cjs +5 -5
- package/dist/BlogCardsSponsoredSection.js +55 -51
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +1 -1
- package/dist/BlogExploreSection.cjs +5 -5
- package/dist/BlogExploreSection.js +182 -215
- package/dist/BlogListSection.cjs +6 -6
- package/dist/BlogListSection.js +134 -116
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +26 -24
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +1 -1
- package/dist/BlogSingleSection.cjs +3 -3
- package/dist/BlogSingleSection.js +21 -19
- package/dist/BlogsSectionDetailed.cjs +4 -4
- package/dist/BlogsSectionDetailed.js +81 -76
- package/dist/BlogsSectionLarge.cjs +6 -6
- package/dist/BlogsSectionLarge.js +34 -31
- package/dist/BlogsSectionSimple.cjs +8 -8
- package/dist/BlogsSectionSimple.js +68 -63
- package/dist/BlogsSectionSimpleCentered.cjs +9 -9
- package/dist/BlogsSectionSimpleCentered.js +67 -54
- package/dist/BlogsSectionWithFilters.cjs +9 -9
- package/dist/BlogsSectionWithFilters.js +98 -84
- package/dist/BrandHitsSection.cjs +7 -7
- package/dist/BrandHitsSection.js +50 -32
- package/dist/{CategorySimpleCard-DRQuoxXu.js → CategorySimpleCard-CEzArySG.js} +18 -17
- package/dist/{CategorySimpleCard-D5N8cx0Z.cjs → CategorySimpleCard-COGlTj06.cjs} +5 -5
- package/dist/DetailedProductsInfinitiveSection.cjs +4 -4
- package/dist/DetailedProductsInfinitiveSection.js +23 -21
- package/dist/DetailedProductsSection.cjs +3 -3
- package/dist/DetailedProductsSection.js +38 -35
- package/dist/FieldOfInterestsMasonrySection.cjs +12 -12
- package/dist/FieldOfInterestsMasonrySection.js +87 -83
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +7 -7
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +47 -43
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +6 -6
- package/dist/FieldOfInterestsWithTagsCardsSection.js +87 -62
- package/dist/GeneralWithTagsCardsSection.cjs +4 -4
- package/dist/GeneralWithTagsCardsSection.js +83 -46
- package/dist/GiftCardsSection.cjs +7 -7
- package/dist/GiftCardsSection.js +56 -47
- package/dist/MasonryGeneralCardsSection.cjs +9 -9
- package/dist/MasonryGeneralCardsSection.js +82 -68
- package/dist/OverlayGeneralCardsSection.cjs +5 -5
- package/dist/OverlayGeneralCardsSection.js +58 -50
- package/dist/ProductsWithBannerSection.cjs +10 -10
- package/dist/ProductsWithBannerSection.js +79 -70
- package/dist/QuattroCardsSection.cjs +8 -8
- package/dist/QuattroCardsSection.js +62 -40
- package/dist/ReviewsSection.cjs +8 -8
- package/dist/ReviewsSection.js +92 -67
- package/dist/SalesCampaignsSection.cjs +18 -18
- package/dist/SalesCampaignsSection.js +304 -298
- package/dist/ShopCardsSection.cjs +3 -3
- package/dist/ShopCardsSection.js +25 -23
- package/dist/SimpleCategoriesSection.cjs +4 -4
- package/dist/SimpleCategoriesSection.js +25 -22
- package/dist/SimpleProductsSection.cjs +3 -3
- package/dist/SimpleProductsSection.js +53 -50
- package/dist/UrgentSaleProductsSection.cjs +4 -4
- package/dist/UrgentSaleProductsSection.js +41 -38
- package/dist/{index-CA59z2ge.js → index-9inVkeN6.js} +46 -40
- package/dist/{index-C8QkdNHi.js → index-BB63Jo6p.js} +42 -36
- package/dist/{index-DHV9awrE.cjs → index-BFc3nxYZ.cjs} +3 -3
- package/dist/{index-MiN854X_.cjs → index-BWE-RCPy.cjs} +6 -6
- package/dist/index-Coo0aVuh.cjs +362 -0
- package/dist/{index-BipuzfLW.js → index-DMHtIdm-.js} +39 -29
- package/dist/{index-0p_3g3pT.cjs → index-D_5jNP-o.cjs} +3 -3
- package/dist/{index-DZ8515cZ.js → index-PhMLWAC1.js} +277 -172
- package/package.json +1 -1
- package/dist/index-Bmr3IeZ_.cjs +0 -308
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { jsx as C, Fragment as
|
|
2
|
-
import A, { Suspense as
|
|
3
|
-
import { c as G, g as
|
|
4
|
-
import { P as D } from "./index-CblbdqjE.js";
|
|
1
|
+
import { jsx as C, Fragment as at, jsxs as z } from "react/jsx-runtime";
|
|
2
|
+
import A, { Suspense as mt, forwardRef as vt } from "react";
|
|
3
|
+
import { c as G, g as gt } from "./_commonjsHelpers-BkfeUUK-.js";
|
|
5
4
|
import St from "./Button.js";
|
|
6
|
-
import { u as
|
|
7
|
-
import { s as
|
|
8
|
-
import { S as
|
|
9
|
-
import { M as
|
|
10
|
-
var
|
|
5
|
+
import { u as yt } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
|
+
import { s as lt } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
7
|
+
import { S as Tt, b as wt } from "./style-CXMUA6cI.js";
|
|
8
|
+
import { M as bt } from "./consts-BuFChS64.js";
|
|
9
|
+
var K = {}, Z = {}, m = {}, B = {};
|
|
11
10
|
(function(o) {
|
|
12
11
|
function i(a, n, l) {
|
|
13
12
|
var h = n.slidesToShow, d = n.currentSlide;
|
|
@@ -23,8 +22,8 @@ var Z = {}, q = {}, m = {}, F = {};
|
|
|
23
22
|
return l;
|
|
24
23
|
}
|
|
25
24
|
l = {};
|
|
26
|
-
var _ = 3 * n.length,
|
|
27
|
-
for (c = 0; c < _; c++) l[c] =
|
|
25
|
+
var _ = 3 * n.length, S = 0;
|
|
26
|
+
for (c = 0; c < _; c++) l[c] = S, ++S === n.length && (S = 0);
|
|
28
27
|
return l;
|
|
29
28
|
}
|
|
30
29
|
function e(a, n) {
|
|
@@ -38,65 +37,65 @@ var Z = {}, q = {}, m = {}, F = {};
|
|
|
38
37
|
return n.length < u ? (g = f = 0, w = h = !1) : n.length > 2 * u ? ((h = d >= b + n.length) && (g = -c * (f = d - n.length)), w && (g = -c * (f = b + (n.length - 2 * u)))) : ((h = d >= 2 * n.length) && (g = -c * (f = d - n.length)), w && (g = l.showDots ? -c * (f = n.length) : -c * (f = p / 3))), { isReachingTheEnd: h, isReachingTheStart: w, nextSlide: f, nextPosition: g };
|
|
39
38
|
}
|
|
40
39
|
Object.defineProperty(o, "__esModule", { value: !0 }), o.getOriginalCounterPart = i, o.getOriginalIndexLookupTableByClones = t, o.getClones = e, o.getInitialSlideInInfiniteMode = r, o.checkClonesPosition = s;
|
|
41
|
-
})(
|
|
40
|
+
})(B);
|
|
42
41
|
var O = {};
|
|
43
42
|
Object.defineProperty(O, "__esModule", { value: !0 });
|
|
44
|
-
var
|
|
45
|
-
function
|
|
43
|
+
var ot = !1;
|
|
44
|
+
function _t(o, i, t, e) {
|
|
46
45
|
var r = 0, s = e || t;
|
|
47
|
-
return i && s && (!
|
|
46
|
+
return i && s && (!ot && process.env.NODE_ENV !== "production" && o[s].paritialVisibilityGutter && (ot = !0, console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")), r = o[s].partialVisibilityGutter || o[s].paritialVisibilityGutter), r;
|
|
48
47
|
}
|
|
49
|
-
function
|
|
48
|
+
function Ct(o, i) {
|
|
50
49
|
var t;
|
|
51
50
|
return i[o] && (t = (100 / i[o].items).toFixed(1)), t;
|
|
52
51
|
}
|
|
53
|
-
function
|
|
52
|
+
function It(o, i, t) {
|
|
54
53
|
return Math.round(t / (i + (o.centerMode ? 1 : 0)));
|
|
55
54
|
}
|
|
56
|
-
O.getPartialVisibilityGutter =
|
|
57
|
-
var
|
|
58
|
-
Object.defineProperty(
|
|
59
|
-
var
|
|
60
|
-
function
|
|
55
|
+
O.getPartialVisibilityGutter = _t, O.getWidthFromDeviceType = Ct, O.getItemClientSideWidth = It;
|
|
56
|
+
var y = {};
|
|
57
|
+
Object.defineProperty(y, "__esModule", { value: !0 });
|
|
58
|
+
var Y = O;
|
|
59
|
+
function q(o) {
|
|
61
60
|
var i = o.slidesToShow;
|
|
62
61
|
return o.totalItems < i;
|
|
63
62
|
}
|
|
64
|
-
function
|
|
63
|
+
function Mt(o, i) {
|
|
65
64
|
var t, e = o.domLoaded, r = o.slidesToShow, s = o.containerWidth, a = o.itemWidth, n = i.deviceType, l = i.responsive, h = i.ssr, d = i.partialVisbile, u = i.partialVisible, c = !!(e && r && s && a);
|
|
66
|
-
h && n && !c && (t =
|
|
65
|
+
h && n && !c && (t = Y.getWidthFromDeviceType(n, l));
|
|
67
66
|
var p = !!(h && n && !c && t);
|
|
68
|
-
return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: c, partialVisibilityGutter:
|
|
67
|
+
return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: c, partialVisibilityGutter: Y.getPartialVisibilityGutter(l, d || u, n, o.deviceType), shouldRenderAtAll: p || c };
|
|
69
68
|
}
|
|
70
|
-
function
|
|
69
|
+
function Pt(o, i) {
|
|
71
70
|
var t = i.currentSlide, e = i.slidesToShow;
|
|
72
71
|
return t <= o && o < t + e;
|
|
73
72
|
}
|
|
74
|
-
function
|
|
73
|
+
function ut(o, i, t) {
|
|
75
74
|
var e = t || o.transform;
|
|
76
|
-
return !i.infinite && o.currentSlide === 0 ||
|
|
75
|
+
return !i.infinite && o.currentSlide === 0 || q(o) ? e : e + o.itemWidth / 2;
|
|
77
76
|
}
|
|
78
|
-
function
|
|
77
|
+
function Et(o) {
|
|
79
78
|
return !(0 < o.currentSlide);
|
|
80
79
|
}
|
|
81
|
-
function
|
|
80
|
+
function ht(o) {
|
|
82
81
|
var i = o.currentSlide, t = o.totalItems;
|
|
83
82
|
return !(i + o.slidesToShow < t);
|
|
84
83
|
}
|
|
85
|
-
function
|
|
84
|
+
function dt(o, i, t, e) {
|
|
86
85
|
i === void 0 && (i = 0);
|
|
87
|
-
var r = o.currentSlide, s = o.slidesToShow, a =
|
|
88
|
-
if (
|
|
86
|
+
var r = o.currentSlide, s = o.slidesToShow, a = ht(o), n = !t.infinite && a, l = e || o.transform;
|
|
87
|
+
if (q(o)) return l;
|
|
89
88
|
var h = l + r * i;
|
|
90
89
|
return n ? h + (o.containerWidth - (o.itemWidth - i) * s) : h;
|
|
91
90
|
}
|
|
92
|
-
function
|
|
91
|
+
function ct(o, i) {
|
|
93
92
|
return o.rtl ? -1 * i : i;
|
|
94
93
|
}
|
|
95
|
-
function
|
|
96
|
-
var e = i.partialVisbile, r = i.partialVisible, s = i.responsive, a = i.deviceType, n = i.centerMode, l = t || o.transform, h =
|
|
97
|
-
return
|
|
94
|
+
function Rt(o, i, t) {
|
|
95
|
+
var e = i.partialVisbile, r = i.partialVisible, s = i.responsive, a = i.deviceType, n = i.centerMode, l = t || o.transform, h = Y.getPartialVisibilityGutter(s, e || r, a, o.deviceType);
|
|
96
|
+
return ct(i, r || e ? dt(o, h, i, t) : n ? ut(o, i, t) : l);
|
|
98
97
|
}
|
|
99
|
-
function
|
|
98
|
+
function xt(o, i) {
|
|
100
99
|
var t = o.domLoaded, e = o.slidesToShow, r = o.containerWidth, s = o.itemWidth, a = i.deviceType, n = i.responsive, l = i.slidesToSlide || 1, h = !!(t && e && r && s);
|
|
101
100
|
return i.ssr && i.deviceType && !h && Object.keys(n).forEach(function(d) {
|
|
102
101
|
var u = n[d].slidesToSlide;
|
|
@@ -106,10 +105,10 @@ function Ot(o, i) {
|
|
|
106
105
|
p && window.innerWidth >= g && window.innerWidth <= f && (l = p);
|
|
107
106
|
}), l;
|
|
108
107
|
}
|
|
109
|
-
|
|
110
|
-
var
|
|
111
|
-
Object.defineProperty(
|
|
112
|
-
var
|
|
108
|
+
y.notEnoughChildren = q, y.getInitialState = Mt, y.getIfSlideIsVisbile = Pt, y.getTransformForCenterMode = ut, y.isInLeftEnd = Et, y.isInRightEnd = ht, y.getTransformForPartialVsibile = dt, y.parsePosition = ct, y.getTransform = Rt, y.getSlidesToSlide = xt;
|
|
109
|
+
var J = {};
|
|
110
|
+
Object.defineProperty(J, "__esModule", { value: !0 });
|
|
111
|
+
var Ot = function(o, i, t) {
|
|
113
112
|
var e;
|
|
114
113
|
return function() {
|
|
115
114
|
var r = arguments;
|
|
@@ -118,8 +117,8 @@ var At = function(o, i, t) {
|
|
|
118
117
|
}, i));
|
|
119
118
|
};
|
|
120
119
|
};
|
|
121
|
-
|
|
122
|
-
var
|
|
120
|
+
J.default = Ot;
|
|
121
|
+
var pt = {};
|
|
123
122
|
(function(o) {
|
|
124
123
|
function i(t, e) {
|
|
125
124
|
var r = e.partialVisbile, s = e.partialVisible, a = e.centerMode, n = e.ssr, l = e.responsive;
|
|
@@ -128,56 +127,56 @@ var ft = {};
|
|
|
128
127
|
if (l && typeof l != "object") throw new Error("responsive prop must be an object");
|
|
129
128
|
}
|
|
130
129
|
Object.defineProperty(o, "__esModule", { value: !0 }), o.default = i;
|
|
131
|
-
})(
|
|
132
|
-
var
|
|
133
|
-
Object.defineProperty(
|
|
134
|
-
var
|
|
135
|
-
function
|
|
130
|
+
})(pt);
|
|
131
|
+
var Q = {};
|
|
132
|
+
Object.defineProperty(Q, "__esModule", { value: !0 });
|
|
133
|
+
var At = y;
|
|
134
|
+
function Wt(o, i, t) {
|
|
136
135
|
t === void 0 && (t = 0);
|
|
137
|
-
var e, r, s = o.slidesToShow, a = o.currentSlide, n = o.itemWidth, l = o.totalItems, h =
|
|
136
|
+
var e, r, s = o.slidesToShow, a = o.currentSlide, n = o.itemWidth, l = o.totalItems, h = At.getSlidesToSlide(o, i), d = a + 1 + t + s + (0 < t ? 0 : h);
|
|
138
137
|
return r = d <= l ? -n * (e = a + t + (0 < t ? 0 : h)) : l < d && a !== l - s ? -n * (e = l - s) : e = void 0, { nextSlides: e, nextPosition: r };
|
|
139
138
|
}
|
|
140
|
-
|
|
141
|
-
var
|
|
142
|
-
Object.defineProperty(
|
|
143
|
-
var
|
|
144
|
-
function
|
|
139
|
+
Q.populateNextSlides = Wt;
|
|
140
|
+
var H = {};
|
|
141
|
+
Object.defineProperty(H, "__esModule", { value: !0 });
|
|
142
|
+
var Dt = A, Lt = y, kt = y;
|
|
143
|
+
function Vt(o, i, t) {
|
|
145
144
|
t === void 0 && (t = 0);
|
|
146
|
-
var e, r, s = o.currentSlide, a = o.itemWidth, n = o.slidesToShow, l = i.children, h = i.showDots, d = i.infinite, u =
|
|
147
|
-
return r = 0 <= c ? (e = c, h && !d && 0 < p &&
|
|
145
|
+
var e, r, s = o.currentSlide, a = o.itemWidth, n = o.slidesToShow, l = i.children, h = i.showDots, d = i.infinite, u = Lt.getSlidesToSlide(o, i), c = s - t - (0 < t ? 0 : u), p = (Dt.Children.toArray(l).length - n) % u;
|
|
146
|
+
return r = 0 <= c ? (e = c, h && !d && 0 < p && kt.isInRightEnd(o) && (e = s - p), -a * e) : e = c < 0 && s !== 0 ? 0 : void 0, { nextSlides: e, nextPosition: r };
|
|
148
147
|
}
|
|
149
|
-
|
|
150
|
-
var
|
|
148
|
+
H.populatePreviousSlides = Vt;
|
|
149
|
+
var ft = {};
|
|
151
150
|
(function(o) {
|
|
152
151
|
function i(t, e, r, s, a, n) {
|
|
153
152
|
var l, h, d = t.itemWidth, u = t.slidesToShow, c = t.totalItems, p = t.currentSlide, f = e.infinite, g = !1, w = Math.round((r - s) / d), b = Math.round((s - r) / d), _ = r < a;
|
|
154
153
|
if (a < r && w <= u) {
|
|
155
154
|
l = "right";
|
|
156
|
-
var
|
|
157
|
-
(Math.abs(M) <=
|
|
155
|
+
var S = Math.abs(-d * (c - u)), M = n - (s - a), I = p === c - u;
|
|
156
|
+
(Math.abs(M) <= S || I && f) && (h = M, g = !0);
|
|
158
157
|
}
|
|
159
158
|
return _ && b <= u && (l = "left", ((M = n + (a - s)) <= 0 || p === 0 && f) && (g = !0, h = M)), { direction: l, nextPosition: h, canContinue: g };
|
|
160
159
|
}
|
|
161
160
|
Object.defineProperty(o, "__esModule", { value: !0 }), o.populateSlidesOnMouseTouchMove = i;
|
|
162
|
-
})(
|
|
161
|
+
})(ft);
|
|
163
162
|
Object.defineProperty(m, "__esModule", { value: !0 });
|
|
164
|
-
var
|
|
165
|
-
m.getOriginalCounterPart =
|
|
166
|
-
var
|
|
167
|
-
m.getWidthFromDeviceType =
|
|
168
|
-
var E =
|
|
163
|
+
var k = B;
|
|
164
|
+
m.getOriginalCounterPart = k.getOriginalCounterPart, m.getClones = k.getClones, m.checkClonesPosition = k.checkClonesPosition, m.getInitialSlideInInfiniteMode = k.getInitialSlideInInfiniteMode;
|
|
165
|
+
var X = O;
|
|
166
|
+
m.getWidthFromDeviceType = X.getWidthFromDeviceType, m.getPartialVisibilityGutter = X.getPartialVisibilityGutter, m.getItemClientSideWidth = X.getItemClientSideWidth;
|
|
167
|
+
var E = y;
|
|
169
168
|
m.getInitialState = E.getInitialState, m.getIfSlideIsVisbile = E.getIfSlideIsVisbile, m.getTransformForCenterMode = E.getTransformForCenterMode, m.getTransformForPartialVsibile = E.getTransformForPartialVsibile, m.isInLeftEnd = E.isInLeftEnd, m.isInRightEnd = E.isInRightEnd, m.notEnoughChildren = E.notEnoughChildren, m.getSlidesToSlide = E.getSlidesToSlide;
|
|
170
|
-
var
|
|
171
|
-
m.throttle =
|
|
172
|
-
var Gt =
|
|
169
|
+
var jt = J;
|
|
170
|
+
m.throttle = jt.default;
|
|
171
|
+
var Gt = pt;
|
|
173
172
|
m.throwError = Gt.default;
|
|
174
|
-
var Nt =
|
|
173
|
+
var Nt = Q;
|
|
175
174
|
m.populateNextSlides = Nt.populateNextSlides;
|
|
176
|
-
var
|
|
177
|
-
m.populatePreviousSlides =
|
|
178
|
-
var
|
|
179
|
-
m.populateSlidesOnMouseTouchMove =
|
|
180
|
-
var
|
|
175
|
+
var Bt = H;
|
|
176
|
+
m.populatePreviousSlides = Bt.populatePreviousSlides;
|
|
177
|
+
var Ft = ft;
|
|
178
|
+
m.populateSlidesOnMouseTouchMove = Ft.populateSlidesOnMouseTouchMove;
|
|
179
|
+
var F = {}, $t = G && G.__extends || /* @__PURE__ */ function() {
|
|
181
180
|
var o = function(i, t) {
|
|
182
181
|
return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
|
|
183
182
|
e.__proto__ = r;
|
|
@@ -192,26 +191,26 @@ var $ = {}, zt = G && G.__extends || /* @__PURE__ */ function() {
|
|
|
192
191
|
o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
|
|
193
192
|
};
|
|
194
193
|
}();
|
|
195
|
-
Object.defineProperty(
|
|
196
|
-
var
|
|
197
|
-
function
|
|
194
|
+
Object.defineProperty(F, "__esModule", { value: !0 });
|
|
195
|
+
var zt = A;
|
|
196
|
+
function Xt(o) {
|
|
198
197
|
return "clientY" in o;
|
|
199
198
|
}
|
|
200
|
-
|
|
201
|
-
var
|
|
199
|
+
F.isMouseMoveEvent = Xt;
|
|
200
|
+
var Ut = function(o) {
|
|
202
201
|
function i() {
|
|
203
202
|
return o !== null && o.apply(this, arguments) || this;
|
|
204
203
|
}
|
|
205
|
-
return
|
|
206
|
-
}(
|
|
207
|
-
|
|
208
|
-
var
|
|
209
|
-
Object.defineProperty(
|
|
210
|
-
var
|
|
211
|
-
function
|
|
212
|
-
var r = {}, s =
|
|
204
|
+
return $t(i, o), i;
|
|
205
|
+
}(zt.Component);
|
|
206
|
+
F.default = Ut;
|
|
207
|
+
var tt = {}, et = {};
|
|
208
|
+
Object.defineProperty(et, "__esModule", { value: !0 });
|
|
209
|
+
var Yt = B, Kt = y;
|
|
210
|
+
function Zt(o, i, t, e) {
|
|
211
|
+
var r = {}, s = Kt.getSlidesToSlide(i, t);
|
|
213
212
|
return Array(o).fill(0).forEach(function(a, n) {
|
|
214
|
-
var l =
|
|
213
|
+
var l = Yt.getOriginalCounterPart(n, i, e);
|
|
215
214
|
if (n === 0) r[0] = l;
|
|
216
215
|
else {
|
|
217
216
|
var h = r[n - 1] + s;
|
|
@@ -219,35 +218,35 @@ function qt(o, i, t, e) {
|
|
|
219
218
|
}
|
|
220
219
|
}), r;
|
|
221
220
|
}
|
|
222
|
-
|
|
223
|
-
Object.defineProperty(
|
|
224
|
-
var
|
|
221
|
+
et.getLookupTableForNextSlides = Zt;
|
|
222
|
+
Object.defineProperty(tt, "__esModule", { value: !0 });
|
|
223
|
+
var D = A, qt = B, Jt = et, rt = y, Qt = function(o) {
|
|
225
224
|
var i = o.props, t = o.state, e = o.goToSlide, r = o.getState, s = i.showDots, a = i.customDot, n = i.dotListClass, l = i.infinite, h = i.children;
|
|
226
|
-
if (!s ||
|
|
227
|
-
var d, u = t.currentSlide, c = t.slidesToShow, p =
|
|
225
|
+
if (!s || rt.notEnoughChildren(t)) return null;
|
|
226
|
+
var d, u = t.currentSlide, c = t.slidesToShow, p = rt.getSlidesToSlide(t, i), f = D.Children.toArray(h);
|
|
228
227
|
d = l ? Math.ceil(f.length / p) : Math.ceil((f.length - c) / p) + 1;
|
|
229
|
-
var g =
|
|
230
|
-
return
|
|
228
|
+
var g = Jt.getLookupTableForNextSlides(d, t, i, f), w = qt.getOriginalIndexLookupTableByClones(c, f), b = w[u];
|
|
229
|
+
return D.createElement("ul", { className: "react-multi-carousel-dot-list " + n }, Array(d).fill(0).map(function(_, S) {
|
|
231
230
|
var M, I;
|
|
232
231
|
if (l) {
|
|
233
|
-
I = g[
|
|
232
|
+
I = g[S];
|
|
234
233
|
var x = w[I];
|
|
235
234
|
M = b === x || x <= b && b < x + p;
|
|
236
235
|
} else {
|
|
237
|
-
var W = f.length - c,
|
|
238
|
-
M = (I = W <
|
|
236
|
+
var W = f.length - c, L = S * p;
|
|
237
|
+
M = (I = W < L ? W : L) === u || I < u && u < I + p && u < f.length - c;
|
|
239
238
|
}
|
|
240
|
-
return a ?
|
|
239
|
+
return a ? D.cloneElement(a, { index: S, active: M, key: S, onClick: function() {
|
|
241
240
|
return e(I);
|
|
242
|
-
}, carouselState: r() }) :
|
|
241
|
+
}, carouselState: r() }) : D.createElement("li", { "data-index": S, key: S, className: "react-multi-carousel-dot " + (M ? "react-multi-carousel-dot--active" : "") }, D.createElement("button", { "aria-label": "Go to slide " + (S + 1), onClick: function() {
|
|
243
242
|
return e(I);
|
|
244
243
|
} }));
|
|
245
244
|
}));
|
|
246
245
|
};
|
|
247
|
-
|
|
248
|
-
var
|
|
249
|
-
Object.defineProperty(
|
|
250
|
-
var N = A,
|
|
246
|
+
tt.default = Qt;
|
|
247
|
+
var $ = {};
|
|
248
|
+
Object.defineProperty($, "__esModule", { value: !0 });
|
|
249
|
+
var N = A, Ht = function(o) {
|
|
251
250
|
var i = o.customLeftArrow, t = o.getState, e = o.previous, r = o.disabled, s = o.rtl;
|
|
252
251
|
if (i) return N.cloneElement(i, { onClick: function() {
|
|
253
252
|
return e();
|
|
@@ -257,8 +256,8 @@ var N = A, te = function(o) {
|
|
|
257
256
|
return e();
|
|
258
257
|
}, type: "button", disabled: r });
|
|
259
258
|
};
|
|
260
|
-
|
|
261
|
-
var
|
|
259
|
+
$.LeftArrow = Ht;
|
|
260
|
+
var te = function(o) {
|
|
262
261
|
var i = o.customRightArrow, t = o.getState, e = o.next, r = o.disabled, s = o.rtl;
|
|
263
262
|
if (i) return N.cloneElement(i, { onClick: function() {
|
|
264
263
|
return e();
|
|
@@ -268,19 +267,19 @@ var ee = function(o) {
|
|
|
268
267
|
return e();
|
|
269
268
|
}, type: "button", disabled: r });
|
|
270
269
|
};
|
|
271
|
-
|
|
272
|
-
var
|
|
273
|
-
Object.defineProperty(
|
|
274
|
-
var
|
|
275
|
-
var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, s = o.notEnoughChildren, a = t.itemWidth, n = i.children, l = i.infinite, h = i.itemClass, d = i.itemAriaLabel, u = i.partialVisbile, c = i.partialVisible, p =
|
|
276
|
-
return p.shouldRenderAtAll ? (u && console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'),
|
|
277
|
-
return
|
|
278
|
-
i.focusOnSelect && e(
|
|
279
|
-
}, "aria-hidden":
|
|
270
|
+
$.RightArrow = te;
|
|
271
|
+
var it = {};
|
|
272
|
+
Object.defineProperty(it, "__esModule", { value: !0 });
|
|
273
|
+
var V = A, U = m, ee = function(o) {
|
|
274
|
+
var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, s = o.notEnoughChildren, a = t.itemWidth, n = i.children, l = i.infinite, h = i.itemClass, d = i.itemAriaLabel, u = i.partialVisbile, c = i.partialVisible, p = U.getInitialState(t, i), f = p.flexBisis, g = p.shouldRenderOnSSR, w = p.domFullyLoaded, b = p.partialVisibilityGutter;
|
|
275
|
+
return p.shouldRenderAtAll ? (u && console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'), V.createElement(V.Fragment, null, (l ? r : V.Children.toArray(n)).map(function(_, S) {
|
|
276
|
+
return V.createElement("li", { key: S, "data-index": S, onClick: function() {
|
|
277
|
+
i.focusOnSelect && e(S);
|
|
278
|
+
}, "aria-hidden": U.getIfSlideIsVisbile(S, t) ? "false" : "true", "aria-label": d || (_.props.ariaLabel ? _.props.ariaLabel : null), style: { flex: g ? "1 0 " + f + "%" : "auto", position: "relative", width: w ? ((u || c) && b && !s ? a - b : a) + "px" : "auto" }, className: "react-multi-carousel-item " + (U.getIfSlideIsVisbile(S, t) ? "react-multi-carousel-item--active" : "") + " " + h }, _);
|
|
280
279
|
}))) : null;
|
|
281
280
|
};
|
|
282
|
-
|
|
283
|
-
var
|
|
281
|
+
it.default = ee;
|
|
282
|
+
var ie = G && G.__extends || /* @__PURE__ */ function() {
|
|
284
283
|
var o = function(i, t) {
|
|
285
284
|
return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
|
|
286
285
|
e.__proto__ = r;
|
|
@@ -295,13 +294,13 @@ var oe = G && G.__extends || /* @__PURE__ */ function() {
|
|
|
295
294
|
o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
|
|
296
295
|
};
|
|
297
296
|
}();
|
|
298
|
-
Object.defineProperty(
|
|
299
|
-
var T = A, v = m, R =
|
|
297
|
+
Object.defineProperty(Z, "__esModule", { value: !0 });
|
|
298
|
+
var T = A, v = m, R = F, oe = tt, nt = $, re = it, j = y, P = 400, st = "transform 400ms ease-in-out", ne = function(o) {
|
|
300
299
|
function i(t) {
|
|
301
300
|
var e = o.call(this, t) || this;
|
|
302
301
|
return e.containerRef = T.createRef(), e.listRef = T.createRef(), e.state = { itemWidth: 0, slidesToShow: 0, currentSlide: 0, totalItems: T.Children.count(t.children), deviceType: "", domLoaded: !1, transform: 0, containerWidth: 0 }, e.onResize = e.onResize.bind(e), e.handleDown = e.handleDown.bind(e), e.handleMove = e.handleMove.bind(e), e.handleOut = e.handleOut.bind(e), e.onKeyUp = e.onKeyUp.bind(e), e.handleEnter = e.handleEnter.bind(e), e.setIsInThrottle = e.setIsInThrottle.bind(e), e.next = v.throttle(e.next.bind(e), t.transitionDuration || P, e.setIsInThrottle), e.previous = v.throttle(e.previous.bind(e), t.transitionDuration || P, e.setIsInThrottle), e.goToSlide = v.throttle(e.goToSlide.bind(e), t.transitionDuration || P, e.setIsInThrottle), e.onMove = !1, e.initialX = 0, e.lastX = 0, e.isAnimationAllowed = !1, e.direction = "", e.initialY = 0, e.isInThrottle = !1, e.transformPlaceHolder = 0, e;
|
|
303
302
|
}
|
|
304
|
-
return
|
|
303
|
+
return ie(i, o), i.prototype.resetTotalItems = function() {
|
|
305
304
|
var t = this, e = T.Children.count(this.props.children), r = v.notEnoughChildren(this.state) ? 0 : Math.max(0, Math.min(this.state.currentSlide, e));
|
|
306
305
|
this.setState({ totalItems: e, currentSlide: r }, function() {
|
|
307
306
|
t.setContainerAndItemWidth(t.state.slidesToShow, !0);
|
|
@@ -311,10 +310,10 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
|
|
|
311
310
|
}, i.prototype.setTransformDirectly = function(t, e) {
|
|
312
311
|
var r = this.props.additionalTransfrom;
|
|
313
312
|
this.transformPlaceHolder = t;
|
|
314
|
-
var s =
|
|
313
|
+
var s = j.getTransform(this.state, this.props, this.transformPlaceHolder);
|
|
315
314
|
this.listRef && this.listRef.current && (this.setAnimationDirectly(e), this.listRef.current.style.transform = "translate3d(" + (s + r) + "px,0,0)");
|
|
316
315
|
}, i.prototype.setAnimationDirectly = function(t) {
|
|
317
|
-
this.listRef && this.listRef.current && (this.listRef.current.style.transition = t ? this.props.customTransition ||
|
|
316
|
+
this.listRef && this.listRef.current && (this.listRef.current.style.transition = t ? this.props.customTransition || st : "none");
|
|
318
317
|
}, i.prototype.componentDidMount = function() {
|
|
319
318
|
this.setState({ domLoaded: !0 }), this.setItemsToShow(), window.addEventListener("resize", this.onResize), this.onResize(!0), this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), this.props.autoPlay && (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed));
|
|
320
319
|
}, i.prototype.setClones = function(t, e, r, s) {
|
|
@@ -399,7 +398,7 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
|
|
|
399
398
|
this.onMove = !1, this.initialX = 0, this.lastX = 0, this.direction = "", this.initialY = 0;
|
|
400
399
|
}, i.prototype.getCords = function(t) {
|
|
401
400
|
var e = t.clientX, r = t.clientY;
|
|
402
|
-
return { clientX:
|
|
401
|
+
return { clientX: j.parsePosition(this.props, e), clientY: j.parsePosition(this.props, r) };
|
|
403
402
|
}, i.prototype.handleDown = function(t) {
|
|
404
403
|
if (!(!R.isMouseMoveEvent(t) && !this.props.swipeable || R.isMouseMoveEvent(t) && !this.props.draggable || this.isInThrottle)) {
|
|
405
404
|
var e = this.getCords(R.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY;
|
|
@@ -457,12 +456,12 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
|
|
|
457
456
|
return this.state;
|
|
458
457
|
}, i.prototype.renderLeftArrow = function(t) {
|
|
459
458
|
var e = this, r = this.props, s = r.customLeftArrow, a = r.rtl;
|
|
460
|
-
return T.createElement(
|
|
459
|
+
return T.createElement(nt.LeftArrow, { customLeftArrow: s, getState: function() {
|
|
461
460
|
return e.getState();
|
|
462
461
|
}, previous: this.previous, disabled: t, rtl: a });
|
|
463
462
|
}, i.prototype.renderRightArrow = function(t) {
|
|
464
463
|
var e = this, r = this.props, s = r.customRightArrow, a = r.rtl;
|
|
465
|
-
return T.createElement(
|
|
464
|
+
return T.createElement(nt.RightArrow, { customRightArrow: s, getState: function() {
|
|
466
465
|
return e.getState();
|
|
467
466
|
}, next: this.next, disabled: t, rtl: a });
|
|
468
467
|
}, i.prototype.renderButtonGroups = function() {
|
|
@@ -476,7 +475,7 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
|
|
|
476
475
|
}, carouselState: this.getState() }) : null;
|
|
477
476
|
}, i.prototype.renderDotsList = function() {
|
|
478
477
|
var t = this;
|
|
479
|
-
return T.createElement(
|
|
478
|
+
return T.createElement(oe.default, { state: this.state, props: this.props, goToSlide: this.goToSlide, getState: function() {
|
|
480
479
|
return t.getState();
|
|
481
480
|
} });
|
|
482
481
|
}, i.prototype.renderCarouselItems = function() {
|
|
@@ -485,20 +484,20 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
|
|
|
485
484
|
var e = T.Children.toArray(this.props.children);
|
|
486
485
|
t = v.getClones(this.state.slidesToShow, e);
|
|
487
486
|
}
|
|
488
|
-
return T.createElement(
|
|
487
|
+
return T.createElement(re.default, { clones: t, goToSlide: this.goToSlide, state: this.state, notEnoughChildren: v.notEnoughChildren(this.state), props: this.props });
|
|
489
488
|
}, i.prototype.render = function() {
|
|
490
489
|
var t = this.props, e = t.deviceType, r = t.arrows, s = t.renderArrowsWhenDisabled, a = t.removeArrowOnDeviceType, n = t.infinite, l = t.containerClass, h = t.sliderClass, d = t.customTransition, u = t.additionalTransfrom, c = t.renderDotsOutside, p = t.renderButtonGroupOutside, f = t.className, g = t.rtl;
|
|
491
490
|
process.env.NODE_ENV !== "production" && v.throwError(this.state, this.props);
|
|
492
|
-
var w = v.getInitialState(this.state, this.props), b = w.shouldRenderOnSSR, _ = w.shouldRenderAtAll,
|
|
493
|
-
return T.createElement(T.Fragment, null, T.createElement("div", { className: "react-multi-carousel-list " + l + " " + f, dir: g ? "rtl" : "ltr", ref: this.containerRef }, T.createElement("ul", { ref: this.listRef, className: "react-multi-carousel-track " + h, style: { transition: this.isAnimationAllowed ? d ||
|
|
491
|
+
var w = v.getInitialState(this.state, this.props), b = w.shouldRenderOnSSR, _ = w.shouldRenderAtAll, S = v.isInLeftEnd(this.state), M = v.isInRightEnd(this.state), I = r && !(a && (e && -1 < a.indexOf(e) || this.state.deviceType && -1 < a.indexOf(this.state.deviceType))) && !v.notEnoughChildren(this.state) && _, x = !n && S, W = !n && M, L = j.getTransform(this.state, this.props);
|
|
492
|
+
return T.createElement(T.Fragment, null, T.createElement("div", { className: "react-multi-carousel-list " + l + " " + f, dir: g ? "rtl" : "ltr", ref: this.containerRef }, T.createElement("ul", { ref: this.listRef, className: "react-multi-carousel-track " + h, style: { transition: this.isAnimationAllowed ? d || st : "none", overflow: b ? "hidden" : "unset", transform: "translate3d(" + (L + u) + "px,0,0)" }, onMouseMove: this.handleMove, onMouseDown: this.handleDown, onMouseUp: this.handleOut, onMouseEnter: this.handleEnter, onMouseLeave: this.handleOut, onTouchStart: this.handleDown, onTouchMove: this.handleMove, onTouchEnd: this.handleOut }, this.renderCarouselItems()), I && (!x || s) && this.renderLeftArrow(x), I && (!W || s) && this.renderRightArrow(W), _ && !p && this.renderButtonGroups(), _ && !c && this.renderDotsList()), _ && c && this.renderDotsList(), _ && p && this.renderButtonGroups());
|
|
494
493
|
}, i.defaultProps = { slidesToSlide: 1, infinite: !1, draggable: !0, swipeable: !0, arrows: !0, renderArrowsWhenDisabled: !1, containerClass: "", sliderClass: "", itemClass: "", keyBoardControl: !0, autoPlaySpeed: 3e3, showDots: !1, renderDotsOutside: !1, renderButtonGroupOutside: !1, minimumTouchDrag: 80, className: "", dotListClass: "", focusOnSelect: !1, centerMode: !1, additionalTransfrom: 0, pauseOnHover: !0, shouldResetAutoplay: !0, rewind: !1, rtl: !1, rewindWithAnimation: !1 }, i;
|
|
495
494
|
}(T.Component);
|
|
496
|
-
|
|
497
|
-
Object.defineProperty(
|
|
498
|
-
var
|
|
499
|
-
|
|
500
|
-
var
|
|
501
|
-
const
|
|
495
|
+
Z.default = ne;
|
|
496
|
+
Object.defineProperty(K, "__esModule", { value: !0 });
|
|
497
|
+
var se = Z;
|
|
498
|
+
K.default = se.default;
|
|
499
|
+
var ae = K;
|
|
500
|
+
const le = /* @__PURE__ */ gt(ae), ue = lt.div`
|
|
502
501
|
&:hover {
|
|
503
502
|
cursor: pointer;
|
|
504
503
|
|
|
@@ -667,25 +666,25 @@ const ue = /* @__PURE__ */ yt(le), he = ut.div`
|
|
|
667
666
|
}
|
|
668
667
|
}
|
|
669
668
|
}
|
|
670
|
-
`,
|
|
671
|
-
@media (max-width: ${
|
|
669
|
+
`, he = lt(Tt)`
|
|
670
|
+
@media (max-width: ${bt + "px"}) {
|
|
672
671
|
& > div {
|
|
673
672
|
height: 100%;
|
|
674
673
|
aspect-ratio: 1 / 1;
|
|
675
674
|
}
|
|
676
675
|
}
|
|
677
|
-
`,
|
|
676
|
+
`, de = ({ keyPrefix: o }) => /* @__PURE__ */ C(he, { noGradient: !0, children: /* @__PURE__ */ C(wt, { keyPrefix: `${o}-1`, height: "22.5rem" }) }), ce = ({
|
|
678
677
|
keyPrefix: o,
|
|
679
678
|
isLoading: i = !1,
|
|
680
|
-
fallbackComponent: t = /* @__PURE__ */ C(
|
|
679
|
+
fallbackComponent: t = /* @__PURE__ */ C(at, {}),
|
|
681
680
|
children: e
|
|
682
|
-
}) => /* @__PURE__ */ C(
|
|
681
|
+
}) => /* @__PURE__ */ C(mt, { fallbackComponent: t, children: i === !0 ? /* @__PURE__ */ C(de, { keyPrefix: o }) : e }), we = vt(
|
|
683
682
|
({
|
|
684
683
|
items: o = [],
|
|
685
684
|
isLoading: i = !1,
|
|
686
685
|
deviceType: t,
|
|
687
686
|
partialVisible: e = !0,
|
|
688
|
-
fallbackComponent: r = /* @__PURE__ */ C(
|
|
687
|
+
fallbackComponent: r = /* @__PURE__ */ C(at, {}),
|
|
689
688
|
onSelectItem: s = () => {
|
|
690
689
|
},
|
|
691
690
|
onButtonAction: a = () => {
|
|
@@ -708,15 +707,15 @@ const ue = /* @__PURE__ */ yt(le), he = ut.div`
|
|
|
708
707
|
items: 1,
|
|
709
708
|
partialVisibilityGutter: 64
|
|
710
709
|
}
|
|
711
|
-
}, d =
|
|
712
|
-
return /* @__PURE__ */ C(
|
|
713
|
-
|
|
710
|
+
}, d = yt();
|
|
711
|
+
return /* @__PURE__ */ C(ue, { ref: l, children: /* @__PURE__ */ C(
|
|
712
|
+
ce,
|
|
714
713
|
{
|
|
715
714
|
fallbackComponent: r,
|
|
716
715
|
keyPrefix: "banner-carousel-skeleton",
|
|
717
716
|
isLoading: i,
|
|
718
717
|
children: /* @__PURE__ */ C(
|
|
719
|
-
|
|
718
|
+
le,
|
|
720
719
|
{
|
|
721
720
|
responsive: h,
|
|
722
721
|
deviceType: t,
|
|
@@ -732,7 +731,7 @@ const ue = /* @__PURE__ */ yt(le), he = ut.div`
|
|
|
732
731
|
rewind: !0,
|
|
733
732
|
rewindWithAnimation: !0,
|
|
734
733
|
...n,
|
|
735
|
-
children: o == null ? void 0 : o.map((u, c) => /* @__PURE__ */
|
|
734
|
+
children: o == null ? void 0 : o.map((u, c) => /* @__PURE__ */ z(
|
|
736
735
|
"div",
|
|
737
736
|
{
|
|
738
737
|
className: "section__card",
|
|
@@ -746,8 +745,8 @@ const ue = /* @__PURE__ */ yt(le), he = ut.div`
|
|
|
746
745
|
className: "section__image"
|
|
747
746
|
}
|
|
748
747
|
),
|
|
749
|
-
/* @__PURE__ */
|
|
750
|
-
/* @__PURE__ */
|
|
748
|
+
/* @__PURE__ */ z("div", { className: "card__content", children: [
|
|
749
|
+
/* @__PURE__ */ z("div", { className: "card__text", children: [
|
|
751
750
|
(u == null ? void 0 : u.title) && /* @__PURE__ */ C("div", { className: "card__title", children: u == null ? void 0 : u.title }),
|
|
752
751
|
(u == null ? void 0 : u.title) && /* @__PURE__ */ C("div", { className: "card__description", children: u == null ? void 0 : u.description })
|
|
753
752
|
] }),
|
|
@@ -773,13 +772,6 @@ const ue = /* @__PURE__ */ yt(le), he = ut.div`
|
|
|
773
772
|
) }, `banner-section-carousel__${d}`);
|
|
774
773
|
}
|
|
775
774
|
);
|
|
776
|
-
fe.propTypes = {
|
|
777
|
-
items: D.array,
|
|
778
|
-
isLoading: D.bool,
|
|
779
|
-
fallbackComponent: D.any,
|
|
780
|
-
onSelectItem: D.func,
|
|
781
|
-
onButtonAction: D.func
|
|
782
|
-
};
|
|
783
775
|
export {
|
|
784
|
-
|
|
776
|
+
we as default
|
|
785
777
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-RnrgDDZP.cjs"),
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-RnrgDDZP.cjs"),y=require("./Icon.cjs"),x=require("./style-CkcozOY6.cjs"),R=require("./index-uwl7BjRF.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./consts-goSZX3xP.cjs"),$=require("./Button.cjs"),z=require("./index-D0IYt1s3.cjs"),I=j.styled.a`
|
|
2
2
|
text-decoration: none;
|
|
3
3
|
color: var(--gray-950);
|
|
4
4
|
display: flex;
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
@media (max-width: ${
|
|
100
|
+
@media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
|
|
101
101
|
flex-direction: column;
|
|
102
102
|
padding: 0;
|
|
103
103
|
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
|
-
|
|
126
|
+
`,q=d.forwardRef(({title:t,imageUrl:p,options:n,publishedAt:m,timeToReadText:g="{0} min read",timeToRead:h=0,numberOfLikes:o=0,numberOfComments:c=0,isSponsored:l=!1,onSelectCard:f=()=>{},metadata:a,titleSlug:_,LinkComponent:u},v)=>{const w=u||"a",i=d.useRef();return r.jsxs(I,{ref:i,isSponsored:l,"data-accessor":a==null?void 0:a.accessor,name:a==null?void 0:a.name,onClick:e=>f(e,i),as:w,...u?{to:`/blog/${_}`}:{href:`/blog/${_}`},children:[l&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(y,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(R.ProductImageWrapper,{src:p,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:t}),r.jsx("div",{className:"wrapper__tags",children:n&&(n==null?void 0:n.map((e,b)=>r.jsx(x.BlogTag,{color:e==null?void 0:e.color,children:e==null?void 0:e.name},b)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(m)} • ${s.formatString(g,h)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(y,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),s.getRoundedNumber(o)]}),r.jsxs("div",{children:[r.jsx(y,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),s.getRoundedNumber(c)]})]})]})]})]})}),k=j.styled.div`
|
|
127
127
|
display: flex;
|
|
128
128
|
flex-direction: column;
|
|
129
129
|
align-items: flex-start;
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
width: 100%;
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
@media (max-width: ${
|
|
196
|
+
@media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
|
|
197
197
|
gap: 1.25rem;
|
|
198
198
|
|
|
199
199
|
& .wrapper__title {
|
|
@@ -207,4 +207,4 @@
|
|
|
207
207
|
gap: 1.5rem;
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
|
-
`,
|
|
210
|
+
`,E=d.memo(q),O=d.forwardRef(({title:t,subtitle:p,icon:n,buttonText:m,buttonLink:g,timeToReadText:h="{0} min read",items:o,onButtonAction:c=()=>{},onSelectCard:l=()=>{},isLoading:f=!1,getImage:a=()=>{},componentName:_,LinkComponent:u},v)=>{const w=d.useMemo(()=>{var i;return(i=o==null?void 0:o.slice(0,4))==null?void 0:i.map((e,b)=>r.jsx(E,{title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:h,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:(B,S)=>l==null?void 0:l(e,S),imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:_,accessor:e==null?void 0:e.accessor},LinkComponent:u},`blog-card-sponsored__${b+1}`))},[o]);return r.jsxs(k,{ref:v,children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[t&&r.jsxs("div",{className:"title__text",children:[s.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:t})]}),s.isDefinedNotEmptyString(m)&&s.isDefinedNotEmptyString(g)&&!f&&r.jsx($,{text:m,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:i=>{var e;(e=i==null?void 0:i.target)==null||e.blur(),c==null||c(g)}})]}),p&&r.jsx("div",{className:"wrapper__subtitle",children:p})]}),r.jsx(z.SuspenseBlogCardsSponsored,{isLoading:f,keyPrefix:"blog-cards-sponsored-skeleton",children:r.jsx("div",{className:"wrapper__cards",children:w})})]})});module.exports=O;
|