@class101/cdn-ui-system 0.0.3 → 0.0.7
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/@types/theme.d.js +1 -9
- package/contexts/UiSystemProvider.js +1 -1796
- package/core/props/action.js +1 -1045
- package/core/props/animator.js +1 -1045
- package/core/props/background.js +1 -1043
- package/core/props/border.js +3 -1047
- package/core/props/color.js +1 -1043
- package/core/props/flexbox.js +1 -1043
- package/core/props/icon.js +1 -1045
- package/core/props/image.js +1 -1045
- package/core/props/index.js +21 -2063
- package/core/props/layout.js +3 -1047
- package/core/props/position.js +1 -1043
- package/core/props/shadow.js +1 -1043
- package/core/props/space.js +1 -1043
- package/core/props/transform.js +1 -1045
- package/core/props/transition.js +1 -1045
- package/core/props/typography.js +3 -1047
- package/core/props/utils/getResponsiveValue.js +4 -5454
- package/core/props/utils/skipForwardProps.js +2 -12
- package/core/props/video.js +1 -1045
- package/core/variants/styleVariant/styleVariant.js +6 -214
- package/core/variants/system/system.js +6 -2080
- package/hooks/useResponsiveValue/useResponsiveValue.js +1 -1746
- package/lib/Animation/Animator/Animator.stories.js +1 -1761
- package/lib/Animation/FadeAnimation/FadeAnimation.js +1 -1761
- package/lib/Animation/RotateAnimation/RotateAnimation.js +1 -1761
- package/lib/Animation/SlideAnimation/SlideAnimation.js +5 -1765
- package/lib/Animation/Transition/Transition.stories.js +2 -2074
- package/lib/Avatar/Avatar.js +8 -3092
- package/lib/BreadCrumb/BreadCrumb.js +3 -2076
- package/lib/Button/ButtonIcon/ButtonIcon.js +6 -2287
- package/lib/Button/TextButton/TextButton.js +7 -3091
- package/lib/Elevation/Elevation.js +3 -3087
- package/lib/Form/CheckBox/CheckBox.js +4 -2076
- package/lib/Form/CheckBoxField/CheckBoxField.js +2 -206
- package/lib/Form/Description/Description.js +3 -3087
- package/lib/Form/HiddenInput/HiddenInput.js +2 -2074
- package/lib/Form/InlineTextLabel/InlineTextLabel.stories.js +2 -206
- package/lib/Form/Input/Input.js +4 -3088
- package/lib/Form/Label/Label.stories.js +4 -2250
- package/lib/Form/Select/Select.js +5 -3089
- package/lib/GlobalStyle/GlobalStyle.js +1 -1749
- package/lib/GridList/GridList.js +6 -7178
- package/lib/HtmlContentStyle/HtmlContentStyle.js +2 -2074
- package/lib/Layout/Center/Center.js +2 -2081
- package/lib/Media/Image/useActualSizes.js +14 -1727
- package/lib/Menu/MenuText/MenuText.js +3 -3087
- package/lib/Pagination/Pagination.js +5 -2440
- package/lib/Portal/Portal.js +1 -1740
- package/lib/ProfileLabel/ProfileLabel.js +11 -3096
- package/lib/Progress/ProgressStep/ProgressStep.js +3 -3087
- package/lib/Ratio/Ratio.js +4 -3088
- package/lib/Section/Section.js +2 -2074
- package/lib/SlideList/SlideList.js +2 -5452
- package/lib/Slider/Slider.js +7 -2537
- package/lib/SliderSection/SliderSection.js +2 -2074
- package/lib/Tag/Chip/Chip.js +3 -3087
- package/lib/Underline/Underline.js +3 -2179
- package/lib/deprecated/Swiper/Swiper.js +2 -2074
- package/lib/deprecated/Swiper/Swiper.stories.js +3 -2075
- package/lib/deprecated/Swiper/hooks/useSwiper.js +2 -455
- package/package.json +1 -1
- package/private/Box/Box.js +2 -2074
- package/private/ForwardStyle/ForwardStyle.js +7 -3141
- package/private/Stack/Stack.js +3 -1748
@@ -1,461 +1,8 @@
|
|
1
1
|
// tools/builders/framer-esm/build/react-shim.js
|
2
2
|
import * as React from "react";
|
3
3
|
|
4
|
-
// node_modules/keen-slider/react.esm.js
|
5
|
-
import {useRef as t, useState as e, useEffect as n} from "react";
|
6
|
-
function r(t3, e2, n2) {
|
7
|
-
return e2 in t3 ? Object.defineProperty(t3, e2, {value: n2, enumerable: true, configurable: true, writable: true}) : t3[e2] = n2, t3;
|
8
|
-
}
|
9
|
-
function i(t3, e2) {
|
10
|
-
var n2 = Object.keys(t3);
|
11
|
-
if (Object.getOwnPropertySymbols) {
|
12
|
-
var r2 = Object.getOwnPropertySymbols(t3);
|
13
|
-
e2 && (r2 = r2.filter(function(e3) {
|
14
|
-
return Object.getOwnPropertyDescriptor(t3, e3).enumerable;
|
15
|
-
})), n2.push.apply(n2, r2);
|
16
|
-
}
|
17
|
-
return n2;
|
18
|
-
}
|
19
|
-
function o(t3) {
|
20
|
-
for (var e2 = 1; e2 < arguments.length; e2++) {
|
21
|
-
var n2 = arguments[e2] != null ? arguments[e2] : {};
|
22
|
-
e2 % 2 ? i(Object(n2), true).forEach(function(e3) {
|
23
|
-
r(t3, e3, n2[e3]);
|
24
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t3, Object.getOwnPropertyDescriptors(n2)) : i(Object(n2)).forEach(function(e3) {
|
25
|
-
Object.defineProperty(t3, e3, Object.getOwnPropertyDescriptor(n2, e3));
|
26
|
-
});
|
27
|
-
}
|
28
|
-
return t3;
|
29
|
-
}
|
30
|
-
function a(t3, e2) {
|
31
|
-
return function(t4) {
|
32
|
-
if (Array.isArray(t4))
|
33
|
-
return t4;
|
34
|
-
}(t3) || function(t4, e3) {
|
35
|
-
if (typeof Symbol == "undefined" || !(Symbol.iterator in Object(t4)))
|
36
|
-
return;
|
37
|
-
var n2 = [], r2 = true, i2 = false, o2 = void 0;
|
38
|
-
try {
|
39
|
-
for (var a2, u2 = t4[Symbol.iterator](); !(r2 = (a2 = u2.next()).done) && (n2.push(a2.value), !e3 || n2.length !== e3); r2 = true)
|
40
|
-
;
|
41
|
-
} catch (t5) {
|
42
|
-
i2 = true, o2 = t5;
|
43
|
-
} finally {
|
44
|
-
try {
|
45
|
-
r2 || u2.return == null || u2.return();
|
46
|
-
} finally {
|
47
|
-
if (i2)
|
48
|
-
throw o2;
|
49
|
-
}
|
50
|
-
}
|
51
|
-
return n2;
|
52
|
-
}(t3, e2) || c(t3, e2) || function() {
|
53
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
54
|
-
}();
|
55
|
-
}
|
56
|
-
function u(t3) {
|
57
|
-
return function(t4) {
|
58
|
-
if (Array.isArray(t4))
|
59
|
-
return f(t4);
|
60
|
-
}(t3) || function(t4) {
|
61
|
-
if (typeof Symbol != "undefined" && Symbol.iterator in Object(t4))
|
62
|
-
return Array.from(t4);
|
63
|
-
}(t3) || c(t3) || function() {
|
64
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
65
|
-
}();
|
66
|
-
}
|
67
|
-
function c(t3, e2) {
|
68
|
-
if (t3) {
|
69
|
-
if (typeof t3 == "string")
|
70
|
-
return f(t3, e2);
|
71
|
-
var n2 = Object.prototype.toString.call(t3).slice(8, -1);
|
72
|
-
return n2 === "Object" && t3.constructor && (n2 = t3.constructor.name), n2 === "Map" || n2 === "Set" ? Array.from(t3) : n2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2) ? f(t3, e2) : void 0;
|
73
|
-
}
|
74
|
-
}
|
75
|
-
function f(t3, e2) {
|
76
|
-
(e2 == null || e2 > t3.length) && (e2 = t3.length);
|
77
|
-
for (var n2 = 0, r2 = new Array(e2); n2 < e2; n2++)
|
78
|
-
r2[n2] = t3[n2];
|
79
|
-
return r2;
|
80
|
-
}
|
81
|
-
function s(t3) {
|
82
|
-
var e2, n2, r2, i2, a2, c2, f2, s2, l2, h2, p2, b, m, g, y, w, M, O, j, S, A, x, k, P, E, T, D, C, L, I, V, X, Y, z, F = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, H = "data-keen-slider-moves", q = "data-keen-slider-v", W = [], _ = null, N = false, R = false, U = 0, $ = [];
|
83
|
-
function B(t4, e3, n3) {
|
84
|
-
var r3 = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
|
85
|
-
t4.addEventListener(e3, n3, r3), W.push([t4, e3, n3, r3]);
|
86
|
-
}
|
87
|
-
function G(t4) {
|
88
|
-
if (O && j === Z(t4) && ft()) {
|
89
|
-
var n3 = et(t4).x;
|
90
|
-
if (!rt(t4) && P)
|
91
|
-
return K(t4);
|
92
|
-
P && (Nt(), S = n3, P = false), t4.cancelable && t4.preventDefault();
|
93
|
-
var r3 = S - n3;
|
94
|
-
E += Math.abs(r3), !T && E > 5 && (T = true, e2.setAttribute(H, true)), Xt(k(r3, Jt) * (lt() ? -1 : 1), t4.timeStamp), S = n3;
|
95
|
-
}
|
96
|
-
}
|
97
|
-
function J(t4) {
|
98
|
-
O || !ft() || nt(t4.target) || (O = true, P = true, j = Z(t4), T = false, E = 0, rt(t4), pt(), M = h2, S = et(t4).x, Xt(0, t4.timeStamp), ut("dragStart"));
|
99
|
-
}
|
100
|
-
function K(t4) {
|
101
|
-
O && j === Z(t4, true) && ft() && (e2.removeAttribute(H), O = false, gt(), ut("dragEnd"));
|
102
|
-
}
|
103
|
-
function Q(t4) {
|
104
|
-
return t4.changedTouches;
|
105
|
-
}
|
106
|
-
function Z(t4) {
|
107
|
-
var e3 = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n3 = e3 ? Q(t4) : tt(t4);
|
108
|
-
return n3 ? n3[0] ? n3[0].identifier : "error" : "default";
|
109
|
-
}
|
110
|
-
function tt(t4) {
|
111
|
-
return t4.targetTouches;
|
112
|
-
}
|
113
|
-
function et(t4) {
|
114
|
-
var e3 = tt(t4);
|
115
|
-
return {x: vt() ? e3 ? e3[0].screenY : t4.pageY : e3 ? e3[0].screenX : t4.pageX, timestamp: t4.timeStamp};
|
116
|
-
}
|
117
|
-
function nt(t4) {
|
118
|
-
return t4.hasAttribute(w.preventEvent);
|
119
|
-
}
|
120
|
-
function rt(t4) {
|
121
|
-
var e3 = tt(t4);
|
122
|
-
if (!e3)
|
123
|
-
return true;
|
124
|
-
var n3 = e3[0], r3 = vt() ? n3.clientY : n3.clientX, i3 = vt() ? n3.clientX : n3.clientY, o2 = A !== void 0 && x !== void 0 && Math.abs(x - i3) <= Math.abs(A - r3);
|
125
|
-
return A = r3, x = i3, o2;
|
126
|
-
}
|
127
|
-
function it(t4) {
|
128
|
-
ft() && O && t4.preventDefault();
|
129
|
-
}
|
130
|
-
function ot() {
|
131
|
-
B(window, "orientationchange", Dt), B(window, "resize", function() {
|
132
|
-
return Tt();
|
133
|
-
}), B(e2, "dragstart", function(t4) {
|
134
|
-
ft() && t4.preventDefault();
|
135
|
-
}), B(e2, "mousedown", J), B(w.cancelOnLeave ? e2 : window, "mousemove", G), w.cancelOnLeave && B(e2, "mouseleave", K), B(window, "mouseup", K), B(e2, "touchstart", J, {passive: true}), B(e2, "touchmove", G, {passive: false}), B(e2, "touchend", K, {passive: true}), B(e2, "touchcancel", K, {passive: true}), B(window, "wheel", it, {passive: false});
|
136
|
-
}
|
137
|
-
function at() {
|
138
|
-
W.forEach(function(t4) {
|
139
|
-
t4[0].removeEventListener(t4[1], t4[2], t4[3]);
|
140
|
-
}), W = [];
|
141
|
-
}
|
142
|
-
function ut(t4) {
|
143
|
-
w[t4] && w[t4](Jt);
|
144
|
-
}
|
145
|
-
function ct() {
|
146
|
-
return w.centered;
|
147
|
-
}
|
148
|
-
function ft() {
|
149
|
-
return n2 !== void 0 ? n2 : w.controls;
|
150
|
-
}
|
151
|
-
function st() {
|
152
|
-
return w.loop && r2 > 1;
|
153
|
-
}
|
154
|
-
function lt() {
|
155
|
-
return w.rtl;
|
156
|
-
}
|
157
|
-
function dt() {
|
158
|
-
return !w.loop && w.rubberband;
|
159
|
-
}
|
160
|
-
function vt() {
|
161
|
-
return !!w.vertical;
|
162
|
-
}
|
163
|
-
function ht() {
|
164
|
-
D = window.requestAnimationFrame(bt);
|
165
|
-
}
|
166
|
-
function pt() {
|
167
|
-
D && (window.cancelAnimationFrame(D), D = null), C = null;
|
168
|
-
}
|
169
|
-
function bt(t4) {
|
170
|
-
C || (C = t4);
|
171
|
-
var e3 = t4 - C, n3 = mt(e3);
|
172
|
-
if (e3 >= I)
|
173
|
-
return Xt(L - X, false), z ? z() : void ut("afterChange");
|
174
|
-
var r3 = Yt(n3);
|
175
|
-
if (r3 === 0 || st() || dt() || Y) {
|
176
|
-
if (r3 !== 0 && dt() && !Y)
|
177
|
-
return jt();
|
178
|
-
X += n3, Xt(n3, false), ht();
|
179
|
-
} else
|
180
|
-
Xt(n3 - r3, false);
|
181
|
-
}
|
182
|
-
function mt(t4) {
|
183
|
-
return L * V(t4 / I) - X;
|
184
|
-
}
|
185
|
-
function gt() {
|
186
|
-
switch (ut("beforeChange"), w.mode) {
|
187
|
-
case "free":
|
188
|
-
Mt();
|
189
|
-
break;
|
190
|
-
case "free-snap":
|
191
|
-
Ot();
|
192
|
-
break;
|
193
|
-
case "snap":
|
194
|
-
default:
|
195
|
-
yt();
|
196
|
-
}
|
197
|
-
}
|
198
|
-
function yt() {
|
199
|
-
wt((f2 === 1 && p2 !== 0 ? M : h2) + Math.sign(p2));
|
200
|
-
}
|
201
|
-
function wt(t4, e3) {
|
202
|
-
var n3 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : w.duration, r3 = arguments.length > 3 && arguments[3] !== void 0 && arguments[3], i3 = arguments.length > 4 && arguments[4] !== void 0 && arguments[4], o2 = function(t5) {
|
203
|
-
return 1 + --t5 * t5 * t5 * t5 * t5;
|
204
|
-
};
|
205
|
-
St(qt(t4 = Ht(t4, r3, i3)), n3, o2, e3);
|
206
|
-
}
|
207
|
-
function Mt() {
|
208
|
-
if (m === 0)
|
209
|
-
return !(!Yt(0) || st()) && wt(h2);
|
210
|
-
var t4 = w.friction / Math.pow(Math.abs(m), -0.5);
|
211
|
-
St(Math.pow(m, 2) / t4 * Math.sign(m), 6 * Math.abs(m / t4), function(t5) {
|
212
|
-
return 1 - Math.pow(1 - t5, 5);
|
213
|
-
});
|
214
|
-
}
|
215
|
-
function Ot() {
|
216
|
-
if (m === 0)
|
217
|
-
return wt(h2);
|
218
|
-
var t4 = w.friction / Math.pow(Math.abs(m), -0.5), e3 = Math.pow(m, 2) / t4 * Math.sign(m), n3 = 6 * Math.abs(m / t4), r3 = (U + e3) / (c2 / f2);
|
219
|
-
St((p2 === -1 ? Math.floor(r3) : Math.ceil(r3)) * (c2 / f2) - U, n3, function(t5) {
|
220
|
-
return 1 - Math.pow(1 - t5, 5);
|
221
|
-
});
|
222
|
-
}
|
223
|
-
function jt() {
|
224
|
-
if (pt(), m === 0)
|
225
|
-
return wt(h2, true);
|
226
|
-
var t4 = 0.04 / Math.pow(Math.abs(m), -0.5), e3 = Math.pow(m, 2) / t4 * Math.sign(m), n3 = function(t5) {
|
227
|
-
return --t5 * t5 * t5 + 1;
|
228
|
-
}, r3 = m;
|
229
|
-
St(e3, 3 * Math.abs(r3 / t4), n3, true, function() {
|
230
|
-
St(qt(Ht(h2)), 500, n3, true);
|
231
|
-
});
|
232
|
-
}
|
233
|
-
function St(t4, e3, n3, r3, i3) {
|
234
|
-
pt(), L = t4, X = 0, I = e3, V = n3, Y = r3, z = i3, C = null, ht();
|
235
|
-
}
|
236
|
-
function At(n3) {
|
237
|
-
var r3 = d(t3);
|
238
|
-
r3.length && (e2 = r3[0], Tt(n3), ot(), ut("mounted"));
|
239
|
-
}
|
240
|
-
function xt() {
|
241
|
-
var t4, e3 = F.breakpoints || [];
|
242
|
-
for (var n3 in e3)
|
243
|
-
window.matchMedia(n3).matches && (t4 = n3);
|
244
|
-
if (t4 === _)
|
245
|
-
return true;
|
246
|
-
var r3 = (_ = t4) ? e3[_] : F;
|
247
|
-
r3.breakpoints && _ && delete r3.breakpoints, w = o(o(o({}, Gt), F), r3), N = true, l2 = null, ut("optionsChanged"), Et();
|
248
|
-
}
|
249
|
-
function kt(t4) {
|
250
|
-
if (typeof t4 == "function")
|
251
|
-
return t4();
|
252
|
-
var e3 = w.autoAdjustSlidesPerView;
|
253
|
-
e3 || (r2 = Math.max(t4, r2));
|
254
|
-
var n3 = st() && e3 ? r2 - 1 : r2;
|
255
|
-
return v(t4, 1, Math.max(n3, 1));
|
256
|
-
}
|
257
|
-
function Pt() {
|
258
|
-
xt(), R = true, ut("created");
|
259
|
-
}
|
260
|
-
function Et(t4, e3) {
|
261
|
-
t4 && (F = t4), e3 && (_ = null), Ct(), At(e3);
|
262
|
-
}
|
263
|
-
function Tt(t4) {
|
264
|
-
var n3 = window.innerWidth;
|
265
|
-
if (xt() && (n3 !== l2 || t4)) {
|
266
|
-
l2 = n3;
|
267
|
-
var o2 = w.slides;
|
268
|
-
typeof o2 == "number" ? (a2 = null, r2 = o2) : (a2 = d(o2, e2), r2 = a2 ? a2.length : 0);
|
269
|
-
var u2 = w.dragSpeed;
|
270
|
-
k = typeof u2 == "function" ? u2 : function(t5) {
|
271
|
-
return t5 * u2;
|
272
|
-
}, c2 = vt() ? e2.offsetHeight : e2.offsetWidth, f2 = kt(w.slidesPerView), s2 = v(w.spacing, 0, c2 / (f2 - 1) - 1), c2 += s2, i2 = ct() ? (c2 / 2 - c2 / f2 / 2) / c2 : 0, It();
|
273
|
-
var p3 = !R || N && w.resetSlide ? w.initial : h2;
|
274
|
-
Bt(st() ? p3 : zt(p3)), vt() && e2.setAttribute(q, true), N = false;
|
275
|
-
}
|
276
|
-
}
|
277
|
-
function Dt(t4) {
|
278
|
-
Tt(), setTimeout(Tt, 500), setTimeout(Tt, 2e3);
|
279
|
-
}
|
280
|
-
function Ct() {
|
281
|
-
at(), Vt(), e2 && e2.hasAttribute(q) && e2.removeAttribute(q), ut("destroyed");
|
282
|
-
}
|
283
|
-
function Lt() {
|
284
|
-
a2 && a2.forEach(function(t4, e3) {
|
285
|
-
var n3 = g[e3].distance * c2 - e3 * (c2 / f2 - s2 / f2 - s2 / f2 * (f2 - 1)), r3 = vt() ? 0 : n3, i3 = vt() ? n3 : 0, o2 = "translate3d(".concat(r3, "px, ").concat(i3, "px, 0)");
|
286
|
-
t4.style.transform = o2, t4.style["-webkit-transform"] = o2;
|
287
|
-
});
|
288
|
-
}
|
289
|
-
function It() {
|
290
|
-
a2 && a2.forEach(function(t4) {
|
291
|
-
var e3 = "calc(".concat(100 / f2, "% - ").concat(s2 / f2 * (f2 - 1), "px)");
|
292
|
-
vt() ? (t4.style["min-height"] = e3, t4.style["max-height"] = e3) : (t4.style["min-width"] = e3, t4.style["max-width"] = e3);
|
293
|
-
});
|
294
|
-
}
|
295
|
-
function Vt() {
|
296
|
-
if (a2) {
|
297
|
-
var t4 = ["transform", "-webkit-transform"];
|
298
|
-
t4 = [].concat(u(t4), vt ? ["min-height", "max-height"] : ["min-width", "max-width"]), a2.forEach(function(e3) {
|
299
|
-
t4.forEach(function(t5) {
|
300
|
-
e3.style.removeProperty(t5);
|
301
|
-
});
|
302
|
-
});
|
303
|
-
}
|
304
|
-
}
|
305
|
-
function Xt(t4) {
|
306
|
-
var e3 = !(arguments.length > 1 && arguments[1] !== void 0) || arguments[1], n3 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Date.now();
|
307
|
-
_t(t4, n3), e3 && (t4 = Ut(t4)), U += t4, Rt();
|
308
|
-
}
|
309
|
-
function Yt(t4) {
|
310
|
-
var e3 = c2 * (r2 - 1 * (ct() ? 1 : f2)) / f2, n3 = U + t4;
|
311
|
-
return n3 > e3 ? n3 - e3 : n3 < 0 ? n3 : 0;
|
312
|
-
}
|
313
|
-
function zt(t4) {
|
314
|
-
return v(t4, 0, r2 - 1 - (ct() ? 0 : f2 - 1));
|
315
|
-
}
|
316
|
-
function Ft() {
|
317
|
-
var t4 = Math.abs(y), e3 = U < 0 ? 1 - t4 : t4;
|
318
|
-
return {direction: p2, progressTrack: e3, progressSlides: e3 * r2 / (r2 - 1), positions: g, position: U, speed: m, relativeSlide: (h2 % r2 + r2) % r2, absoluteSlide: h2, size: r2, slidesPerView: f2, widthOrHeight: c2};
|
319
|
-
}
|
320
|
-
function Ht(t4) {
|
321
|
-
var e3 = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n3 = arguments.length > 2 && arguments[2] !== void 0 && arguments[2];
|
322
|
-
return st() ? e3 ? Wt(t4, n3) : t4 : zt(t4);
|
323
|
-
}
|
324
|
-
function qt(t4) {
|
325
|
-
return -(-c2 / f2 * t4 + U);
|
326
|
-
}
|
327
|
-
function Wt(t4, e3) {
|
328
|
-
var n3 = (h2 % r2 + r2) % r2, i3 = n3 < (t4 = (t4 % r2 + r2) % r2) ? -n3 - r2 + t4 : -(n3 - t4), o2 = n3 > t4 ? r2 - n3 + t4 : t4 - n3, a3 = e3 ? Math.abs(i3) <= o2 ? i3 : o2 : t4 < n3 ? i3 : o2;
|
329
|
-
return h2 + a3;
|
330
|
-
}
|
331
|
-
function _t(t4, e3) {
|
332
|
-
clearTimeout(b);
|
333
|
-
var n3 = Math.sign(t4);
|
334
|
-
if (n3 !== p2 && Nt(), p2 = n3, $.push({distance: t4, time: e3}), b = setTimeout(function() {
|
335
|
-
$ = [], m = 0;
|
336
|
-
}, 50), ($ = $.slice(-6)).length <= 1 || p2 === 0)
|
337
|
-
return m = 0;
|
338
|
-
var r3 = $.slice(0, -1).reduce(function(t5, e4) {
|
339
|
-
return t5 + e4.distance;
|
340
|
-
}, 0), i3 = $[$.length - 1].time, o2 = $[0].time;
|
341
|
-
m = v(r3 / (i3 - o2), -10, 10);
|
342
|
-
}
|
343
|
-
function Nt() {
|
344
|
-
$ = [];
|
345
|
-
}
|
346
|
-
function Rt() {
|
347
|
-
y = st() ? U % (c2 * r2 / f2) / (c2 * r2 / f2) : U / (c2 * r2 / f2), $t();
|
348
|
-
for (var t4 = [], e3 = 0; e3 < r2; e3++) {
|
349
|
-
var n3 = (1 / r2 * e3 - (y < 0 && st() ? y + 1 : y)) * r2 / f2 + i2;
|
350
|
-
st() && (n3 += n3 > (r2 - 1) / f2 ? -r2 / f2 : n3 < -r2 / f2 + 1 ? r2 / f2 : 0);
|
351
|
-
var o2 = 1 / f2, a3 = n3 + o2, u2 = a3 < o2 ? a3 / o2 : a3 > 1 ? 1 - (a3 - 1) * f2 / 1 : 1;
|
352
|
-
t4.push({portion: u2 < 0 || u2 > 1 ? 0 : u2, distance: lt() ? -1 * n3 + 1 - o2 : n3});
|
353
|
-
}
|
354
|
-
g = t4, Lt(), ut("move");
|
355
|
-
}
|
356
|
-
function Ut(t4) {
|
357
|
-
if (st())
|
358
|
-
return t4;
|
359
|
-
var e3 = Yt(t4);
|
360
|
-
if (!dt())
|
361
|
-
return t4 - e3;
|
362
|
-
if (e3 === 0)
|
363
|
-
return t4;
|
364
|
-
var n3;
|
365
|
-
return t4 * (n3 = e3 / c2, (1 - Math.abs(n3)) * (1 - Math.abs(n3)));
|
366
|
-
}
|
367
|
-
function $t() {
|
368
|
-
var t4 = Math.round(U / (c2 / f2));
|
369
|
-
t4 !== h2 && (!st() && (t4 < 0 || t4 > r2 - 1) || (h2 = t4, ut("slideChanged")));
|
370
|
-
}
|
371
|
-
function Bt(t4) {
|
372
|
-
ut("beforeChange"), Xt(qt(t4), false), ut("afterChange");
|
373
|
-
}
|
374
|
-
var Gt = {autoAdjustSlidesPerView: true, centered: false, breakpoints: null, controls: true, dragSpeed: 1, friction: 25e-4, loop: false, initial: 0, duration: 500, preventEvent: "data-keen-slider-pe", slides: ".keen-slider__slide", vertical: false, resetSlide: false, slidesPerView: 1, spacing: 0, mode: "snap", rtl: false, rubberband: true, cancelOnLeave: true}, Jt = {controls: function(t4) {
|
375
|
-
n2 = t4;
|
376
|
-
}, destroy: Ct, refresh: function(t4) {
|
377
|
-
Et(t4, true);
|
378
|
-
}, next: function() {
|
379
|
-
wt(h2 + 1, true);
|
380
|
-
}, prev: function() {
|
381
|
-
wt(h2 - 1, true);
|
382
|
-
}, moveToSlide: function(t4, e3) {
|
383
|
-
wt(t4, true, e3);
|
384
|
-
}, moveToSlideRelative: function(t4) {
|
385
|
-
var e3 = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n3 = arguments.length > 2 ? arguments[2] : void 0;
|
386
|
-
wt(t4, true, n3, true, e3);
|
387
|
-
}, resize: function() {
|
388
|
-
Tt(true);
|
389
|
-
}, details: function() {
|
390
|
-
return Ft();
|
391
|
-
}, options: function() {
|
392
|
-
var t4 = o({}, w);
|
393
|
-
return delete t4.breakpoints, t4;
|
394
|
-
}};
|
395
|
-
return Pt(), Jt;
|
396
|
-
}
|
397
|
-
function l(t3) {
|
398
|
-
return Array.prototype.slice.call(t3);
|
399
|
-
}
|
400
|
-
function d(t3) {
|
401
|
-
var e2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : document;
|
402
|
-
return typeof t3 == "function" ? l(t3()) : typeof t3 == "string" ? l(e2.querySelectorAll(t3)) : t3 instanceof HTMLElement != false ? [t3] : t3 instanceof NodeList != false ? t3 : [];
|
403
|
-
}
|
404
|
-
function v(t3, e2, n2) {
|
405
|
-
return Math.min(Math.max(t3, e2), n2);
|
406
|
-
}
|
407
|
-
function h() {
|
408
|
-
var r2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i2 = t(), o2 = t();
|
409
|
-
function u2(t3) {
|
410
|
-
return p(o2.current, t3) || (o2.current = t3), o2.current;
|
411
|
-
}
|
412
|
-
var c2 = e(null), f2 = a(c2, 2), l2 = f2[0], d2 = f2[1];
|
413
|
-
return n(function() {
|
414
|
-
var t3 = new s(i2.current, o2.current);
|
415
|
-
return d2(t3), function() {
|
416
|
-
t3.destroy();
|
417
|
-
};
|
418
|
-
}, [u2(r2)]), [i2, l2];
|
419
|
-
}
|
420
|
-
Math.sign || (Math.sign = function(t3) {
|
421
|
-
return (t3 > 0) - (t3 < 0) || +t3;
|
422
|
-
});
|
423
|
-
var p = function t2(e2, n2) {
|
424
|
-
var r2 = Object.prototype.toString.call(e2);
|
425
|
-
if (r2 !== Object.prototype.toString.call(n2))
|
426
|
-
return false;
|
427
|
-
if (["[object Array]", "[object Object]"].indexOf(r2) < 0)
|
428
|
-
return false;
|
429
|
-
var i2 = r2 === "[object Array]" ? e2.length : Object.keys(e2).length;
|
430
|
-
if (i2 !== (r2 === "[object Array]" ? n2.length : Object.keys(n2).length))
|
431
|
-
return false;
|
432
|
-
var o2 = function(e3, n3) {
|
433
|
-
var r3 = Object.prototype.toString.call(e3);
|
434
|
-
if (["[object Array]", "[object Object]"].indexOf(r3) >= 0) {
|
435
|
-
if (!t2(e3, n3))
|
436
|
-
return false;
|
437
|
-
} else {
|
438
|
-
if (r3 !== Object.prototype.toString.call(n3))
|
439
|
-
return false;
|
440
|
-
if (r3 === "[object Function]") {
|
441
|
-
if (e3.toString() !== n3.toString())
|
442
|
-
return false;
|
443
|
-
} else if (e3 !== n3)
|
444
|
-
return false;
|
445
|
-
}
|
446
|
-
};
|
447
|
-
if (r2 === "[object Array]") {
|
448
|
-
for (var a2 = 0; a2 < i2; a2++)
|
449
|
-
if (o2(e2[a2], n2[a2]) === false)
|
450
|
-
return false;
|
451
|
-
} else
|
452
|
-
for (var u2 in e2)
|
453
|
-
if (e2.hasOwnProperty(u2) && o2(e2[u2], n2[u2]) === false)
|
454
|
-
return false;
|
455
|
-
return true;
|
456
|
-
};
|
457
|
-
|
458
4
|
// libs/shared/ui-system/src/lib/deprecated/Swiper/hooks/useSwiper.ts
|
5
|
+
import {useKeenSlider} from "https://jspm.dev/keen-slider@5.5.1/react.esm";
|
459
6
|
import {useState} from "react";
|
460
7
|
import {useAutoPlay} from "./useAutoPlay.js";
|
461
8
|
var useSwiper = (options) => {
|
@@ -464,7 +11,7 @@ var useSwiper = (options) => {
|
|
464
11
|
const togglePaused = () => {
|
465
12
|
setPaused((value) => !value);
|
466
13
|
};
|
467
|
-
const [sliderRef, slider] =
|
14
|
+
const [sliderRef, slider] = useKeenSlider({
|
468
15
|
...options,
|
469
16
|
...autoPlay && {dragStart: togglePaused, dragEnd: togglePaused}
|
470
17
|
});
|