@leaflink/stash 45.0.0 → 45.1.0
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/Carousel.js +231 -219
- package/dist/Carousel.js.map +1 -1
- package/dist/Carousel.vue.d.ts +12 -0
- package/package.json +1 -1
package/dist/Carousel.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as Y, inject as
|
|
2
|
-
import { t as
|
|
1
|
+
import { defineComponent as Y, inject as b, reactive as L, ref as d, h as y, provide as C, onMounted as Le, nextTick as Ie, onUnmounted as Ee, computed as ye, watch as oe, cloneVNode as xe, Fragment as B, useAttrs as Be, useCssModule as De, openBlock as k, createElementBlock as j, createVNode as Re, unref as S, mergeProps as Pe, withCtx as ae, createBlock as ke, createCommentVNode as Te, renderList as le, renderSlot as Ve, createElementVNode as Ae, normalizeClass as H } from "vue";
|
|
2
|
+
import { t as E } from "./locale.js";
|
|
3
3
|
import { _ as $e } from "./_plugin-vue_export-helper-dad06003.js";
|
|
4
4
|
import "lodash-es/get";
|
|
5
5
|
/**
|
|
@@ -7,7 +7,7 @@ import "lodash-es/get";
|
|
|
7
7
|
* (c) 2023
|
|
8
8
|
* @license MIT
|
|
9
9
|
*/
|
|
10
|
-
const
|
|
10
|
+
const p = {
|
|
11
11
|
itemsToShow: 1,
|
|
12
12
|
itemsToScroll: 1,
|
|
13
13
|
modelValue: 0,
|
|
@@ -35,49 +35,49 @@ const f = {
|
|
|
35
35
|
}, Ce = {
|
|
36
36
|
// count of items to showed per view
|
|
37
37
|
itemsToShow: {
|
|
38
|
-
default:
|
|
38
|
+
default: p.itemsToShow,
|
|
39
39
|
type: Number
|
|
40
40
|
},
|
|
41
41
|
// count of items to be scrolled
|
|
42
42
|
itemsToScroll: {
|
|
43
|
-
default:
|
|
43
|
+
default: p.itemsToScroll,
|
|
44
44
|
type: Number
|
|
45
45
|
},
|
|
46
46
|
// control infinite scrolling mode
|
|
47
47
|
wrapAround: {
|
|
48
|
-
default:
|
|
48
|
+
default: p.wrapAround,
|
|
49
49
|
type: Boolean
|
|
50
50
|
},
|
|
51
51
|
// control max drag
|
|
52
52
|
throttle: {
|
|
53
|
-
default:
|
|
53
|
+
default: p.throttle,
|
|
54
54
|
type: Number
|
|
55
55
|
},
|
|
56
56
|
// control snap position alignment
|
|
57
57
|
snapAlign: {
|
|
58
|
-
default:
|
|
58
|
+
default: p.snapAlign,
|
|
59
59
|
validator(t) {
|
|
60
60
|
return ["start", "end", "center", "center-even", "center-odd"].includes(t);
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
// sliding transition time in ms
|
|
64
64
|
transition: {
|
|
65
|
-
default:
|
|
65
|
+
default: p.transition,
|
|
66
66
|
type: Number
|
|
67
67
|
},
|
|
68
68
|
// an object to store breakpoints
|
|
69
69
|
breakpoints: {
|
|
70
|
-
default:
|
|
70
|
+
default: p.breakpoints,
|
|
71
71
|
type: Object
|
|
72
72
|
},
|
|
73
73
|
// time to auto advance slides in ms
|
|
74
74
|
autoplay: {
|
|
75
|
-
default:
|
|
75
|
+
default: p.autoplay,
|
|
76
76
|
type: Number
|
|
77
77
|
},
|
|
78
78
|
// pause autoplay when mouse hover over the carousel
|
|
79
79
|
pauseAutoplayOnHover: {
|
|
80
|
-
default:
|
|
80
|
+
default: p.pauseAutoplayOnHover,
|
|
81
81
|
type: Boolean
|
|
82
82
|
},
|
|
83
83
|
// slide number number of initial slide
|
|
@@ -87,24 +87,24 @@ const f = {
|
|
|
87
87
|
},
|
|
88
88
|
// toggle mouse dragging.
|
|
89
89
|
mouseDrag: {
|
|
90
|
-
default:
|
|
90
|
+
default: p.mouseDrag,
|
|
91
91
|
type: Boolean
|
|
92
92
|
},
|
|
93
93
|
// toggle mouse dragging.
|
|
94
94
|
touchDrag: {
|
|
95
|
-
default:
|
|
95
|
+
default: p.touchDrag,
|
|
96
96
|
type: Boolean
|
|
97
97
|
},
|
|
98
98
|
// control snap position alignment
|
|
99
99
|
dir: {
|
|
100
|
-
default:
|
|
100
|
+
default: p.dir,
|
|
101
101
|
validator(t) {
|
|
102
102
|
return ["rtl", "ltr"].includes(t);
|
|
103
103
|
}
|
|
104
104
|
},
|
|
105
105
|
// aria-labels and additional text labels
|
|
106
106
|
i18n: {
|
|
107
|
-
default:
|
|
107
|
+
default: p.i18n,
|
|
108
108
|
type: Object
|
|
109
109
|
},
|
|
110
110
|
// an object to pass all settings
|
|
@@ -116,110 +116,110 @@ const f = {
|
|
|
116
116
|
}
|
|
117
117
|
};
|
|
118
118
|
function Ue({ config: t, slidesCount: n }) {
|
|
119
|
-
const { snapAlign: e, wrapAround:
|
|
120
|
-
if (
|
|
119
|
+
const { snapAlign: e, wrapAround: a, itemsToShow: r = 1 } = t;
|
|
120
|
+
if (a)
|
|
121
121
|
return Math.max(n - 1, 0);
|
|
122
|
-
let
|
|
122
|
+
let i;
|
|
123
123
|
switch (e) {
|
|
124
124
|
case "start":
|
|
125
|
-
|
|
125
|
+
i = n - r;
|
|
126
126
|
break;
|
|
127
127
|
case "end":
|
|
128
|
-
|
|
128
|
+
i = n - 1;
|
|
129
129
|
break;
|
|
130
130
|
case "center":
|
|
131
131
|
case "center-odd":
|
|
132
|
-
|
|
132
|
+
i = n - Math.ceil((r - 0.5) / 2);
|
|
133
133
|
break;
|
|
134
134
|
case "center-even":
|
|
135
|
-
|
|
135
|
+
i = n - Math.ceil(r / 2);
|
|
136
136
|
break;
|
|
137
137
|
default:
|
|
138
|
-
|
|
138
|
+
i = 0;
|
|
139
139
|
break;
|
|
140
140
|
}
|
|
141
|
-
return Math.max(
|
|
141
|
+
return Math.max(i, 0);
|
|
142
142
|
}
|
|
143
143
|
function Xe({ config: t, slidesCount: n }) {
|
|
144
|
-
const { wrapAround: e, snapAlign:
|
|
145
|
-
let
|
|
146
|
-
if (e ||
|
|
147
|
-
return
|
|
148
|
-
switch (
|
|
144
|
+
const { wrapAround: e, snapAlign: a, itemsToShow: r = 1 } = t;
|
|
145
|
+
let i = 0;
|
|
146
|
+
if (e || r > n)
|
|
147
|
+
return i;
|
|
148
|
+
switch (a) {
|
|
149
149
|
case "start":
|
|
150
|
-
|
|
150
|
+
i = 0;
|
|
151
151
|
break;
|
|
152
152
|
case "end":
|
|
153
|
-
|
|
153
|
+
i = r - 1;
|
|
154
154
|
break;
|
|
155
155
|
case "center":
|
|
156
156
|
case "center-odd":
|
|
157
|
-
|
|
157
|
+
i = Math.floor((r - 1) / 2);
|
|
158
158
|
break;
|
|
159
159
|
case "center-even":
|
|
160
|
-
|
|
160
|
+
i = Math.floor((r - 2) / 2);
|
|
161
161
|
break;
|
|
162
162
|
default:
|
|
163
|
-
|
|
163
|
+
i = 0;
|
|
164
164
|
break;
|
|
165
165
|
}
|
|
166
|
-
return
|
|
166
|
+
return i;
|
|
167
167
|
}
|
|
168
|
-
function
|
|
168
|
+
function ie({ val: t, max: n, min: e }) {
|
|
169
169
|
return n < e ? t : Math.min(Math.max(t, e), n);
|
|
170
170
|
}
|
|
171
171
|
function ze({ config: t, currentSlide: n, slidesCount: e }) {
|
|
172
|
-
const { snapAlign:
|
|
173
|
-
let
|
|
174
|
-
switch (
|
|
172
|
+
const { snapAlign: a, wrapAround: r, itemsToShow: i = 1 } = t;
|
|
173
|
+
let m = n;
|
|
174
|
+
switch (a) {
|
|
175
175
|
case "center":
|
|
176
176
|
case "center-odd":
|
|
177
|
-
|
|
177
|
+
m -= (i - 1) / 2;
|
|
178
178
|
break;
|
|
179
179
|
case "center-even":
|
|
180
|
-
|
|
180
|
+
m -= (i - 2) / 2;
|
|
181
181
|
break;
|
|
182
182
|
case "end":
|
|
183
|
-
|
|
183
|
+
m -= i - 1;
|
|
184
184
|
break;
|
|
185
185
|
}
|
|
186
|
-
return
|
|
187
|
-
val:
|
|
188
|
-
max: e -
|
|
186
|
+
return r ? m : ie({
|
|
187
|
+
val: m,
|
|
188
|
+
max: e - i,
|
|
189
189
|
min: 0
|
|
190
190
|
});
|
|
191
191
|
}
|
|
192
192
|
function je(t) {
|
|
193
193
|
return t ? t.reduce((n, e) => {
|
|
194
|
-
var
|
|
195
|
-
return e.type === B ? [...n, ...je(e.children)] : ((
|
|
194
|
+
var a;
|
|
195
|
+
return e.type === B ? [...n, ...je(e.children)] : ((a = e.type) === null || a === void 0 ? void 0 : a.name) === "CarouselSlide" ? [...n, e] : n;
|
|
196
196
|
}, []) : [];
|
|
197
197
|
}
|
|
198
|
-
function
|
|
199
|
-
return t > n ?
|
|
198
|
+
function re({ val: t, max: n, min: e = 0 }) {
|
|
199
|
+
return t > n ? re({ val: t - (n + 1), max: n, min: e }) : t < e ? re({ val: t + (n + 1), max: n, min: e }) : t;
|
|
200
200
|
}
|
|
201
201
|
function He(t, n) {
|
|
202
202
|
let e;
|
|
203
|
-
return n ? function(...
|
|
204
|
-
const
|
|
205
|
-
e || (t.apply(
|
|
203
|
+
return n ? function(...a) {
|
|
204
|
+
const r = this;
|
|
205
|
+
e || (t.apply(r, a), e = !0, setTimeout(() => e = !1, n));
|
|
206
206
|
} : t;
|
|
207
207
|
}
|
|
208
208
|
function Ye(t, n) {
|
|
209
209
|
let e;
|
|
210
|
-
return function(...
|
|
210
|
+
return function(...a) {
|
|
211
211
|
e && clearTimeout(e), e = setTimeout(() => {
|
|
212
|
-
t(...
|
|
212
|
+
t(...a), e = null;
|
|
213
213
|
}, n);
|
|
214
214
|
};
|
|
215
215
|
}
|
|
216
216
|
function We(t = "", n = {}) {
|
|
217
|
-
return Object.entries(n).reduce((e, [
|
|
217
|
+
return Object.entries(n).reduce((e, [a, r]) => e.replace(`{${a}}`, String(r)), t);
|
|
218
218
|
}
|
|
219
219
|
var Ge = Y({
|
|
220
220
|
name: "ARIA",
|
|
221
221
|
setup() {
|
|
222
|
-
const t =
|
|
222
|
+
const t = b("config", L(Object.assign({}, p))), n = b("currentSlide", d(0)), e = b("slidesCount", d(0));
|
|
223
223
|
return () => y("div", {
|
|
224
224
|
class: ["carousel__liveregion", "carousel__sr-only"],
|
|
225
225
|
"aria-live": "polite",
|
|
@@ -232,113 +232,113 @@ var Ge = Y({
|
|
|
232
232
|
}), Fe = Y({
|
|
233
233
|
name: "Carousel",
|
|
234
234
|
props: Ce,
|
|
235
|
-
setup(t, { slots: n, emit: e, expose:
|
|
236
|
-
var
|
|
237
|
-
const
|
|
238
|
-
let
|
|
239
|
-
const u =
|
|
240
|
-
let
|
|
241
|
-
C("config", l), C("slidesCount", v), C("currentSlide", u), C("maxSlide",
|
|
235
|
+
setup(t, { slots: n, emit: e, expose: a }) {
|
|
236
|
+
var r;
|
|
237
|
+
const i = d(null), m = d([]), c = d(0), v = d(0), l = L(Object.assign({}, p));
|
|
238
|
+
let w = Object.assign({}, p), s;
|
|
239
|
+
const u = d((r = t.modelValue) !== null && r !== void 0 ? r : 0), g = d(0), _ = d(0), T = d(0), D = d(0);
|
|
240
|
+
let I, W;
|
|
241
|
+
C("config", l), C("slidesCount", v), C("currentSlide", u), C("maxSlide", T), C("minSlide", D), C("slideWidth", c);
|
|
242
242
|
function G() {
|
|
243
|
-
s = Object.assign({}, t.breakpoints),
|
|
243
|
+
s = Object.assign({}, t.breakpoints), w = Object.assign(Object.assign(Object.assign({}, w), t), { i18n: Object.assign(Object.assign({}, w.i18n), t.i18n), breakpoints: void 0 }), ce(w);
|
|
244
244
|
}
|
|
245
245
|
function V() {
|
|
246
246
|
if (!s || !Object.keys(s).length)
|
|
247
247
|
return;
|
|
248
|
-
const
|
|
249
|
-
let h = Object.assign({},
|
|
250
|
-
|
|
251
|
-
const
|
|
252
|
-
return
|
|
248
|
+
const o = Object.keys(s).map((f) => Number(f)).sort((f, A) => +A - +f);
|
|
249
|
+
let h = Object.assign({}, w);
|
|
250
|
+
o.some((f) => {
|
|
251
|
+
const A = window.matchMedia(`(min-width: ${f}px)`).matches;
|
|
252
|
+
return A && (h = Object.assign(Object.assign({}, h), s[f])), A;
|
|
253
253
|
}), ce(h);
|
|
254
254
|
}
|
|
255
|
-
function ce(
|
|
256
|
-
Object.entries(
|
|
255
|
+
function ce(o) {
|
|
256
|
+
Object.entries(o).forEach(([h, f]) => l[h] = f);
|
|
257
257
|
}
|
|
258
258
|
const de = Ye(() => {
|
|
259
259
|
V(), R();
|
|
260
260
|
}, 16);
|
|
261
261
|
function R() {
|
|
262
|
-
if (!
|
|
262
|
+
if (!i.value)
|
|
263
263
|
return;
|
|
264
|
-
const
|
|
265
|
-
|
|
264
|
+
const o = i.value.getBoundingClientRect();
|
|
265
|
+
c.value = o.width / l.itemsToShow;
|
|
266
266
|
}
|
|
267
267
|
function F() {
|
|
268
|
-
v.value <= 0 || (
|
|
268
|
+
v.value <= 0 || (_.value = Math.ceil((v.value - 1) / 2), T.value = Ue({ config: l, slidesCount: v.value }), D.value = Xe({ config: l, slidesCount: v.value }), l.wrapAround || (u.value = ie({
|
|
269
269
|
val: u.value,
|
|
270
|
-
max:
|
|
270
|
+
max: T.value,
|
|
271
271
|
min: D.value
|
|
272
272
|
})));
|
|
273
273
|
}
|
|
274
274
|
Le(() => {
|
|
275
|
-
|
|
276
|
-
}),
|
|
277
|
-
W && clearTimeout(W),
|
|
275
|
+
Ie(() => R()), setTimeout(() => R(), 1e3), V(), me(), window.addEventListener("resize", de, { passive: !0 }), e("init");
|
|
276
|
+
}), Ee(() => {
|
|
277
|
+
W && clearTimeout(W), I && clearInterval(I), window.removeEventListener("resize", de, {
|
|
278
278
|
passive: !0
|
|
279
279
|
});
|
|
280
280
|
});
|
|
281
281
|
let x = !1;
|
|
282
|
-
const $ = { x: 0, y: 0 }, U = { x: 0, y: 0 }, M = L({ x: 0, y: 0 }), X =
|
|
282
|
+
const $ = { x: 0, y: 0 }, U = { x: 0, y: 0 }, M = L({ x: 0, y: 0 }), X = d(!1), q = d(!1), Me = () => {
|
|
283
283
|
X.value = !0;
|
|
284
284
|
}, Ne = () => {
|
|
285
285
|
X.value = !1;
|
|
286
286
|
};
|
|
287
|
-
function ve(
|
|
288
|
-
["INPUT", "TEXTAREA", "SELECT"].includes(
|
|
287
|
+
function ve(o) {
|
|
288
|
+
["INPUT", "TEXTAREA", "SELECT"].includes(o.target.tagName) || (x = o.type === "touchstart", x || o.preventDefault(), !(!x && o.button !== 0 || N.value) && ($.x = x ? o.touches[0].clientX : o.clientX, $.y = x ? o.touches[0].clientY : o.clientY, document.addEventListener(x ? "touchmove" : "mousemove", fe, !0), document.addEventListener(x ? "touchend" : "mouseup", pe, !0)));
|
|
289
289
|
}
|
|
290
|
-
const
|
|
291
|
-
q.value = !0, U.x = x ?
|
|
292
|
-
const h = U.x - $.x,
|
|
293
|
-
M.y =
|
|
290
|
+
const fe = He((o) => {
|
|
291
|
+
q.value = !0, U.x = x ? o.touches[0].clientX : o.clientX, U.y = x ? o.touches[0].clientY : o.clientY;
|
|
292
|
+
const h = U.x - $.x, f = U.y - $.y;
|
|
293
|
+
M.y = f, M.x = h;
|
|
294
294
|
}, l.throttle);
|
|
295
|
-
function
|
|
296
|
-
const
|
|
297
|
-
if (
|
|
298
|
-
const
|
|
299
|
-
Z.stopPropagation(), window.removeEventListener("click",
|
|
295
|
+
function pe() {
|
|
296
|
+
const o = l.dir === "rtl" ? -1 : 1, h = Math.sign(M.x) * 0.4, f = Math.round(M.x / c.value + h) * o;
|
|
297
|
+
if (f && !x) {
|
|
298
|
+
const A = (Z) => {
|
|
299
|
+
Z.stopPropagation(), window.removeEventListener("click", A, !0);
|
|
300
300
|
};
|
|
301
|
-
window.addEventListener("click",
|
|
301
|
+
window.addEventListener("click", A, !0);
|
|
302
302
|
}
|
|
303
|
-
O(u.value -
|
|
303
|
+
O(u.value - f), M.x = 0, M.y = 0, q.value = !1, document.removeEventListener(x ? "touchmove" : "mousemove", fe, !0), document.removeEventListener(x ? "touchend" : "mouseup", pe, !0);
|
|
304
304
|
}
|
|
305
|
-
function
|
|
306
|
-
!l.autoplay || l.autoplay <= 0 || (
|
|
305
|
+
function me() {
|
|
306
|
+
!l.autoplay || l.autoplay <= 0 || (I = setInterval(() => {
|
|
307
307
|
l.pauseAutoplayOnHover && X.value || z();
|
|
308
308
|
}, l.autoplay));
|
|
309
309
|
}
|
|
310
|
-
function
|
|
311
|
-
|
|
310
|
+
function ge() {
|
|
311
|
+
I && (clearInterval(I), I = null), me();
|
|
312
312
|
}
|
|
313
|
-
const N =
|
|
314
|
-
function O(
|
|
315
|
-
const h = l.wrapAround ?
|
|
316
|
-
val:
|
|
317
|
-
max:
|
|
313
|
+
const N = d(!1);
|
|
314
|
+
function O(o) {
|
|
315
|
+
const h = l.wrapAround ? o : ie({
|
|
316
|
+
val: o,
|
|
317
|
+
max: T.value,
|
|
318
318
|
min: D.value
|
|
319
319
|
});
|
|
320
320
|
u.value === h || N.value || (e("slide-start", {
|
|
321
|
-
slidingToIndex:
|
|
321
|
+
slidingToIndex: o,
|
|
322
322
|
currentSlideIndex: u.value,
|
|
323
|
-
prevSlideIndex:
|
|
323
|
+
prevSlideIndex: g.value,
|
|
324
324
|
slidesCount: v.value
|
|
325
|
-
}), N.value = !0,
|
|
325
|
+
}), N.value = !0, g.value = u.value, u.value = h, W = setTimeout(() => {
|
|
326
326
|
if (l.wrapAround) {
|
|
327
|
-
const
|
|
327
|
+
const f = re({
|
|
328
328
|
val: h,
|
|
329
|
-
max:
|
|
329
|
+
max: T.value,
|
|
330
330
|
min: 0
|
|
331
331
|
});
|
|
332
|
-
|
|
332
|
+
f !== u.value && (u.value = f, e("loop", {
|
|
333
333
|
currentSlideIndex: u.value,
|
|
334
|
-
slidingToIndex:
|
|
334
|
+
slidingToIndex: o
|
|
335
335
|
}));
|
|
336
336
|
}
|
|
337
337
|
e("update:modelValue", u.value), e("slide-end", {
|
|
338
338
|
currentSlideIndex: u.value,
|
|
339
|
-
prevSlideIndex:
|
|
339
|
+
prevSlideIndex: g.value,
|
|
340
340
|
slidesCount: v.value
|
|
341
|
-
}), N.value = !1,
|
|
341
|
+
}), N.value = !1, ge();
|
|
342
342
|
}, l.transition));
|
|
343
343
|
}
|
|
344
344
|
function z() {
|
|
@@ -349,79 +349,79 @@ var Ge = Y({
|
|
|
349
349
|
}
|
|
350
350
|
const he = { slideTo: O, next: z, prev: J };
|
|
351
351
|
C("nav", he), C("isSliding", N);
|
|
352
|
-
const
|
|
352
|
+
const we = ye(() => ze({
|
|
353
353
|
config: l,
|
|
354
354
|
currentSlide: u.value,
|
|
355
355
|
slidesCount: v.value
|
|
356
356
|
}));
|
|
357
|
-
C("slidesToScroll",
|
|
357
|
+
C("slidesToScroll", we);
|
|
358
358
|
const Oe = ye(() => {
|
|
359
|
-
const
|
|
359
|
+
const o = l.dir === "rtl" ? -1 : 1, h = we.value * c.value * o;
|
|
360
360
|
return {
|
|
361
361
|
transform: `translateX(${M.x - h}px)`,
|
|
362
362
|
transition: `${N.value ? l.transition : 0}ms`,
|
|
363
|
-
margin: l.wrapAround ? `0 -${v.value *
|
|
363
|
+
margin: l.wrapAround ? `0 -${v.value * c.value}px` : "",
|
|
364
364
|
width: "100%"
|
|
365
365
|
};
|
|
366
366
|
});
|
|
367
|
-
function
|
|
368
|
-
G(), V(), F(), R(),
|
|
367
|
+
function _e() {
|
|
368
|
+
G(), V(), F(), R(), ge();
|
|
369
369
|
}
|
|
370
|
-
Object.keys(Ce).forEach((
|
|
371
|
-
["modelValue"].includes(
|
|
372
|
-
}),
|
|
373
|
-
|
|
374
|
-
}),
|
|
375
|
-
const
|
|
370
|
+
Object.keys(Ce).forEach((o) => {
|
|
371
|
+
["modelValue"].includes(o) || oe(() => t[o], _e);
|
|
372
|
+
}), oe(() => t.modelValue, (o) => {
|
|
373
|
+
o !== u.value && O(Number(o));
|
|
374
|
+
}), oe(v, F), e("before-init"), G();
|
|
375
|
+
const Se = {
|
|
376
376
|
config: l,
|
|
377
377
|
slidesCount: v,
|
|
378
|
-
slideWidth:
|
|
378
|
+
slideWidth: c,
|
|
379
379
|
next: z,
|
|
380
380
|
prev: J,
|
|
381
381
|
slideTo: O,
|
|
382
382
|
currentSlide: u,
|
|
383
|
-
maxSlide:
|
|
383
|
+
maxSlide: T,
|
|
384
384
|
minSlide: D,
|
|
385
|
-
middleSlide:
|
|
385
|
+
middleSlide: _
|
|
386
386
|
};
|
|
387
|
-
|
|
387
|
+
a({
|
|
388
388
|
updateBreakpointsConfigs: V,
|
|
389
389
|
updateSlidesData: F,
|
|
390
390
|
updateSlideWidth: R,
|
|
391
391
|
initDefaultConfigs: G,
|
|
392
|
-
restartCarousel:
|
|
392
|
+
restartCarousel: _e,
|
|
393
393
|
slideTo: O,
|
|
394
394
|
next: z,
|
|
395
395
|
prev: J,
|
|
396
396
|
nav: he,
|
|
397
|
-
data:
|
|
397
|
+
data: Se
|
|
398
398
|
});
|
|
399
|
-
const K = n.default || n.slides, Q = n.addons,
|
|
399
|
+
const K = n.default || n.slides, Q = n.addons, be = L(Se);
|
|
400
400
|
return () => {
|
|
401
|
-
const
|
|
402
|
-
|
|
403
|
-
let
|
|
401
|
+
const o = je(K == null ? void 0 : K(be)), h = (Q == null ? void 0 : Q(be)) || [];
|
|
402
|
+
o.forEach((ee, te) => ee.props.index = te);
|
|
403
|
+
let f = o;
|
|
404
404
|
if (l.wrapAround) {
|
|
405
|
-
const ee =
|
|
406
|
-
index: -
|
|
405
|
+
const ee = o.map((ne, P) => xe(ne, {
|
|
406
|
+
index: -o.length + P,
|
|
407
407
|
isClone: !0,
|
|
408
408
|
key: `clone-before-${P}`
|
|
409
|
-
})), te =
|
|
410
|
-
index:
|
|
409
|
+
})), te = o.map((ne, P) => xe(ne, {
|
|
410
|
+
index: o.length + P,
|
|
411
411
|
isClone: !0,
|
|
412
412
|
key: `clone-after-${P}`
|
|
413
413
|
}));
|
|
414
|
-
|
|
414
|
+
f = [...ee, ...o, ...te];
|
|
415
415
|
}
|
|
416
|
-
|
|
417
|
-
const
|
|
416
|
+
m.value = o, v.value = Math.max(o.length, 1);
|
|
417
|
+
const A = y("ol", {
|
|
418
418
|
class: "carousel__track",
|
|
419
419
|
style: Oe.value,
|
|
420
420
|
onMousedownCapture: l.mouseDrag ? ve : null,
|
|
421
421
|
onTouchstartPassiveCapture: l.touchDrag ? ve : null
|
|
422
|
-
},
|
|
422
|
+
}, f), Z = y("div", { class: "carousel__viewport" }, A);
|
|
423
423
|
return y("section", {
|
|
424
|
-
ref:
|
|
424
|
+
ref: i,
|
|
425
425
|
class: {
|
|
426
426
|
carousel: !0,
|
|
427
427
|
"is-sliding": N.value,
|
|
@@ -451,39 +451,39 @@ function Je(t) {
|
|
|
451
451
|
return t in se;
|
|
452
452
|
}
|
|
453
453
|
const ue = (t) => {
|
|
454
|
-
const n =
|
|
454
|
+
const n = b("config", L(Object.assign({}, p))), e = String(t.name), a = `icon${e.charAt(0).toUpperCase() + e.slice(1)}`;
|
|
455
455
|
if (!e || typeof e != "string" || !Je(e))
|
|
456
456
|
return;
|
|
457
|
-
const
|
|
457
|
+
const r = qe[e], i = y("path", { d: r }), m = n.i18n[a] || t.title || e, c = y("title", m);
|
|
458
458
|
return y("svg", {
|
|
459
459
|
class: "carousel__icon",
|
|
460
460
|
viewBox: "0 0 24 24",
|
|
461
461
|
role: "img",
|
|
462
|
-
"aria-label":
|
|
463
|
-
}, [
|
|
462
|
+
"aria-label": m
|
|
463
|
+
}, [c, i]);
|
|
464
464
|
};
|
|
465
465
|
ue.props = { name: String, title: String };
|
|
466
466
|
const Ke = (t, { slots: n, attrs: e }) => {
|
|
467
|
-
const { next:
|
|
467
|
+
const { next: a, prev: r } = n || {}, i = b("config", L(Object.assign({}, p))), m = b("maxSlide", d(1)), c = b("minSlide", d(1)), v = b("currentSlide", d(1)), l = b("nav", {}), { dir: w, wrapAround: s, i18n: u } = i, g = w === "rtl", _ = y("button", {
|
|
468
468
|
type: "button",
|
|
469
469
|
class: [
|
|
470
470
|
"carousel__prev",
|
|
471
|
-
!s && v.value <=
|
|
471
|
+
!s && v.value <= c.value && "carousel__prev--disabled",
|
|
472
472
|
e == null ? void 0 : e.class
|
|
473
473
|
],
|
|
474
474
|
"aria-label": u.ariaPreviousSlide,
|
|
475
475
|
onClick: l.prev
|
|
476
|
-
}, (
|
|
476
|
+
}, (r == null ? void 0 : r()) || y(ue, { name: g ? "arrowRight" : "arrowLeft" })), T = y("button", {
|
|
477
477
|
type: "button",
|
|
478
478
|
class: [
|
|
479
479
|
"carousel__next",
|
|
480
|
-
!s && v.value >=
|
|
480
|
+
!s && v.value >= m.value && "carousel__next--disabled",
|
|
481
481
|
e == null ? void 0 : e.class
|
|
482
482
|
],
|
|
483
483
|
"aria-label": u.ariaNextSlide,
|
|
484
484
|
onClick: l.next
|
|
485
|
-
}, (
|
|
486
|
-
return [
|
|
485
|
+
}, (a == null ? void 0 : a()) || y(ue, { name: g ? "arrowLeft" : "arrowRight" }));
|
|
486
|
+
return [_, T];
|
|
487
487
|
};
|
|
488
488
|
var Qe = Y({
|
|
489
489
|
name: "CarouselSlide",
|
|
@@ -498,25 +498,25 @@ var Qe = Y({
|
|
|
498
498
|
}
|
|
499
499
|
},
|
|
500
500
|
setup(t, { slots: n }) {
|
|
501
|
-
const e =
|
|
502
|
-
const
|
|
503
|
-
return t.index >=
|
|
501
|
+
const e = b("config", L(Object.assign({}, p))), a = b("currentSlide", d(0)), r = b("slidesToScroll", d(0)), i = b("isSliding", d(!1)), m = () => t.index === a.value, c = () => t.index === a.value - 1, v = () => t.index === a.value + 1, l = () => {
|
|
502
|
+
const w = Math.floor(r.value), s = Math.ceil(r.value + e.itemsToShow - 1);
|
|
503
|
+
return t.index >= w && t.index <= s;
|
|
504
504
|
};
|
|
505
505
|
return () => {
|
|
506
|
-
var
|
|
506
|
+
var w;
|
|
507
507
|
return y("li", {
|
|
508
508
|
style: { width: `${100 / e.itemsToShow}%` },
|
|
509
509
|
class: {
|
|
510
510
|
carousel__slide: !0,
|
|
511
511
|
"carousel__slide--clone": t.isClone,
|
|
512
512
|
"carousel__slide--visible": l(),
|
|
513
|
-
"carousel__slide--active":
|
|
514
|
-
"carousel__slide--prev":
|
|
513
|
+
"carousel__slide--active": m(),
|
|
514
|
+
"carousel__slide--prev": c(),
|
|
515
515
|
"carousel__slide--next": v(),
|
|
516
|
-
"carousel__slide--sliding":
|
|
516
|
+
"carousel__slide--sliding": i.value
|
|
517
517
|
},
|
|
518
518
|
"aria-hidden": !l()
|
|
519
|
-
}, (
|
|
519
|
+
}, (w = n.default) === null || w === void 0 ? void 0 : w.call(n));
|
|
520
520
|
};
|
|
521
521
|
}
|
|
522
522
|
});
|
|
@@ -524,7 +524,7 @@ const Ze = ["src", "title"], et = {
|
|
|
524
524
|
key: 0,
|
|
525
525
|
class: "tw-flex tw-list-none",
|
|
526
526
|
"data-test": "stash-carousel|pagination-tiles"
|
|
527
|
-
}, tt = ["aria-current", "onClick"], nt = ["data-test", "src", "title"],
|
|
527
|
+
}, tt = ["aria-current", "onClick"], nt = ["data-test", "src", "title"], ot = /* @__PURE__ */ Y({
|
|
528
528
|
inheritAttrs: !1,
|
|
529
529
|
__name: "Carousel",
|
|
530
530
|
props: {
|
|
@@ -532,6 +532,8 @@ const Ze = ["src", "title"], et = {
|
|
|
532
532
|
autoplayInterval: { default: 0 },
|
|
533
533
|
hideNavigation: { type: Boolean, default: !1 },
|
|
534
534
|
hidePagination: { type: Boolean, default: !1 },
|
|
535
|
+
itemsToScroll: { default: 1 },
|
|
536
|
+
itemsToShow: { default: 1 },
|
|
535
537
|
loop: { type: Boolean, default: !1 },
|
|
536
538
|
pagination: { default: "tile" },
|
|
537
539
|
paginationTileRadius: { default: "standard" },
|
|
@@ -539,68 +541,78 @@ const Ze = ["src", "title"], et = {
|
|
|
539
541
|
roundBorders: { type: Boolean, default: !1 },
|
|
540
542
|
staticPaginationDots: { type: Boolean, default: !1 }
|
|
541
543
|
},
|
|
542
|
-
emits: ["click", "transition"],
|
|
544
|
+
emits: ["click", "transition", "transition:multi"],
|
|
543
545
|
setup(t, { expose: n, emit: e }) {
|
|
544
|
-
const
|
|
546
|
+
const a = t, r = Be(), i = De(), m = d();
|
|
545
547
|
n({
|
|
546
548
|
next: () => {
|
|
547
549
|
var s;
|
|
548
|
-
return (s =
|
|
550
|
+
return (s = m.value) == null ? void 0 : s.next();
|
|
549
551
|
},
|
|
550
552
|
prev: () => {
|
|
551
553
|
var s;
|
|
552
|
-
return (s =
|
|
554
|
+
return (s = m.value) == null ? void 0 : s.prev();
|
|
553
555
|
}
|
|
554
556
|
});
|
|
555
|
-
const
|
|
556
|
-
|
|
557
|
+
const c = d(0), v = () => {
|
|
558
|
+
w();
|
|
557
559
|
}, l = () => {
|
|
558
|
-
e("click",
|
|
559
|
-
},
|
|
560
|
-
|
|
560
|
+
e("click", a.slides[c.value]);
|
|
561
|
+
}, w = () => {
|
|
562
|
+
if (a.itemsToShow === 1) {
|
|
563
|
+
e("transition", a.slides[c.value]);
|
|
564
|
+
return;
|
|
565
|
+
}
|
|
566
|
+
const s = a.slides.slice(c.value, c.value + a.itemsToShow);
|
|
567
|
+
e("transition:multi", s);
|
|
561
568
|
};
|
|
562
569
|
return (s, u) => (k(), j(B, null, [
|
|
563
|
-
Re(
|
|
570
|
+
Re(S(Fe), Pe({
|
|
564
571
|
ref_key: "carouselRef",
|
|
565
|
-
ref:
|
|
566
|
-
modelValue:
|
|
567
|
-
"onUpdate:modelValue": u[0] || (u[0] = (
|
|
572
|
+
ref: m,
|
|
573
|
+
modelValue: c.value,
|
|
574
|
+
"onUpdate:modelValue": u[0] || (u[0] = (g) => c.value = g),
|
|
568
575
|
"aria-live": "polite",
|
|
569
576
|
"aria-roledescription": "carousel",
|
|
570
|
-
class: ["stash-carousel tw-mb-6",
|
|
577
|
+
class: ["stash-carousel tw-mb-6", S(i).root],
|
|
571
578
|
"data-test": "stash-carousel",
|
|
579
|
+
autoplay: s.autoplayInterval,
|
|
572
580
|
i18n: {
|
|
573
|
-
ariaNextSlide:
|
|
574
|
-
ariaPreviousSlide:
|
|
575
|
-
iconArrowLeft:
|
|
576
|
-
iconArrowRight:
|
|
581
|
+
ariaNextSlide: S(E)("ll.next"),
|
|
582
|
+
ariaPreviousSlide: S(E)("ll.previous"),
|
|
583
|
+
iconArrowLeft: S(E)("ll.previous"),
|
|
584
|
+
iconArrowRight: S(E)("ll.next")
|
|
577
585
|
},
|
|
578
|
-
|
|
586
|
+
"items-to-scroll": a.itemsToScroll,
|
|
587
|
+
"items-to-show": a.itemsToShow,
|
|
579
588
|
"pause-autoplay-on-hover": s.pauseAutoplayOnHover,
|
|
580
|
-
"wrap-around":
|
|
581
|
-
},
|
|
589
|
+
"wrap-around": a.loop
|
|
590
|
+
}, S(r), {
|
|
582
591
|
onInit: v,
|
|
583
|
-
onSlideEnd:
|
|
592
|
+
onSlideEnd: w
|
|
584
593
|
}), {
|
|
585
|
-
addons:
|
|
586
|
-
|
|
594
|
+
addons: ae(() => [
|
|
595
|
+
a.slides.length > 1 && !a.hideNavigation ? (k(), ke(S(Ke), { key: 0 })) : Te("", !0)
|
|
587
596
|
]),
|
|
588
|
-
default:
|
|
589
|
-
(k(!0), j(B, null, le(
|
|
590
|
-
key:
|
|
597
|
+
default: ae(() => [
|
|
598
|
+
(k(!0), j(B, null, le(a.slides, (g, _) => (k(), ke(S(Qe), {
|
|
599
|
+
key: g.id,
|
|
591
600
|
"data-test": "stash-carousel|slide",
|
|
592
601
|
class: "tw-cursor-pointer",
|
|
593
602
|
onClick: l
|
|
594
603
|
}, {
|
|
595
|
-
default:
|
|
604
|
+
default: ae(() => [
|
|
596
605
|
Ve(s.$slots, "slide", {
|
|
597
|
-
slide:
|
|
598
|
-
index:
|
|
606
|
+
slide: g,
|
|
607
|
+
index: _
|
|
599
608
|
}, () => [
|
|
600
|
-
|
|
601
|
-
class: H(["tw-h-full tw-w-full", [{ "tw-rounded":
|
|
602
|
-
src:
|
|
603
|
-
title:
|
|
609
|
+
Ae("img", {
|
|
610
|
+
class: H(["tw-h-full tw-w-full", [{ "tw-rounded": a.roundBorders }]]),
|
|
611
|
+
src: g.imageUrl,
|
|
612
|
+
title: S(E)("ll.carousel.imageLabel", {
|
|
613
|
+
index: _ + 1,
|
|
614
|
+
total: s.slides.length
|
|
615
|
+
})
|
|
604
616
|
}, null, 10, Ze)
|
|
605
617
|
])
|
|
606
618
|
]),
|
|
@@ -608,26 +620,26 @@ const Ze = ["src", "title"], et = {
|
|
|
608
620
|
}, 1024))), 128))
|
|
609
621
|
]),
|
|
610
622
|
_: 3
|
|
611
|
-
}, 16, ["modelValue", "class", "i18n", "
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
(k(!0), j(B, null, le(s.slides, (
|
|
615
|
-
key:
|
|
623
|
+
}, 16, ["modelValue", "autoplay", "class", "i18n", "items-to-scroll", "items-to-show", "pause-autoplay-on-hover", "wrap-around"]),
|
|
624
|
+
a.hidePagination ? Te("", !0) : (k(), j(B, { key: 0 }, [
|
|
625
|
+
a.pagination === "tile" ? (k(), j("ul", et, [
|
|
626
|
+
(k(!0), j(B, null, le(s.slides, (g, _) => (k(), j("li", {
|
|
627
|
+
key: g.imageUrl,
|
|
616
628
|
class: "tw-mr-3 tw-cursor-pointer",
|
|
617
|
-
"aria-current":
|
|
618
|
-
onClick: (
|
|
629
|
+
"aria-current": c.value === _,
|
|
630
|
+
onClick: (T) => c.value = _
|
|
619
631
|
}, [
|
|
620
|
-
|
|
632
|
+
Ae("img", {
|
|
621
633
|
class: H(["tw-rounded", [
|
|
622
|
-
|
|
634
|
+
S(i)["pagination-tile"],
|
|
623
635
|
{
|
|
624
|
-
"is-current-tile":
|
|
625
|
-
"tw-rounded-full":
|
|
636
|
+
"is-current-tile": c.value === _,
|
|
637
|
+
"tw-rounded-full": a.paginationTileRadius === "full"
|
|
626
638
|
}
|
|
627
639
|
]]),
|
|
628
|
-
"data-test": `stash-carousel|pagination-tile-${
|
|
629
|
-
src:
|
|
630
|
-
title:
|
|
640
|
+
"data-test": `stash-carousel|pagination-tile-${_}`,
|
|
641
|
+
src: g.imageUrl,
|
|
642
|
+
title: S(E)("ll.carousel.paginationLabel", { index: _ + 1 })
|
|
631
643
|
}, null, 10, nt)
|
|
632
644
|
], 8, tt))), 128))
|
|
633
645
|
])) : (k(), j("ul", {
|
|
@@ -635,28 +647,28 @@ const Ze = ["src", "title"], et = {
|
|
|
635
647
|
class: H(["tw-text-center", [!s.staticPaginationDots && "lg:tw-hidden"]]),
|
|
636
648
|
"data-test": "stash-carousel|pagination-dots"
|
|
637
649
|
}, [
|
|
638
|
-
(k(!0), j(B, null, le(s.slides, (
|
|
639
|
-
key:
|
|
640
|
-
class: H(["tw-inline-block tw-rounded-full", [
|
|
650
|
+
(k(!0), j(B, null, le(s.slides, (g, _) => (k(), j("li", {
|
|
651
|
+
key: g.imageUrl,
|
|
652
|
+
class: H(["tw-inline-block tw-rounded-full", [S(i)["pagination-dot"], [c.value === _ ? "tw-bg-blue-500" : "tw-bg-blue-100"]]])
|
|
641
653
|
}, null, 2))), 128))
|
|
642
654
|
], 2))
|
|
643
655
|
], 64))
|
|
644
656
|
], 64));
|
|
645
657
|
}
|
|
646
|
-
}),
|
|
647
|
-
root:
|
|
658
|
+
}), at = "_root_a92j2_2", lt = "_carousel__icon_a92j2_2", it = "_carousel__next_a92j2_18", rt = "_carousel__prev_a92j2_26", st = {
|
|
659
|
+
root: at,
|
|
648
660
|
carousel__icon: lt,
|
|
649
|
-
carousel__next:
|
|
661
|
+
carousel__next: it,
|
|
650
662
|
"carousel__next--disabled": "_carousel__next--disabled_a92j2_22",
|
|
651
|
-
carousel__prev:
|
|
663
|
+
carousel__prev: rt,
|
|
652
664
|
"carousel__prev--disabled": "_carousel__prev--disabled_a92j2_30",
|
|
653
665
|
"pagination-dot": "_pagination-dot_a92j2_34",
|
|
654
666
|
"pagination-tile": "_pagination-tile_a92j2_40",
|
|
655
667
|
"is-current-tile": "_is-current-tile_a92j2_47"
|
|
656
668
|
}, ut = {
|
|
657
669
|
$style: st
|
|
658
|
-
},
|
|
670
|
+
}, pt = /* @__PURE__ */ $e(ot, [["__cssModules", ut]]);
|
|
659
671
|
export {
|
|
660
|
-
|
|
672
|
+
pt as default
|
|
661
673
|
};
|
|
662
674
|
//# sourceMappingURL=Carousel.js.map
|
package/dist/Carousel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sources":["../node_modules/vue3-carousel/dist/carousel.es.js","../src/components/Carousel/Carousel.vue"],"sourcesContent":["/**\n * Vue 3 Carousel 0.3.1\n * (c) 2023\n * @license MIT\n */\nimport { Fragment, defineComponent, inject, reactive, ref, h, provide, onMounted, nextTick, onUnmounted, computed, watch, cloneVNode } from 'vue';\n\nconst defaultConfigs = {\r\n itemsToShow: 1,\r\n itemsToScroll: 1,\r\n modelValue: 0,\r\n transition: 300,\r\n autoplay: 0,\r\n snapAlign: 'center',\r\n wrapAround: false,\r\n throttle: 16,\r\n pauseAutoplayOnHover: false,\r\n mouseDrag: true,\r\n touchDrag: true,\r\n dir: 'ltr',\r\n breakpoints: undefined,\r\n i18n: {\r\n ariaNextSlide: 'Navigate to next slide',\r\n ariaPreviousSlide: 'Navigate to previous slide',\r\n ariaNavigateToSlide: 'Navigate to slide {slideNumber}',\r\n ariaGallery: 'Gallery',\r\n itemXofY: 'Item {currentSlide} of {slidesCount}',\r\n iconArrowUp: 'Arrow pointing upwards',\r\n iconArrowDown: 'Arrow pointing downwards',\r\n iconArrowRight: 'Arrow pointing to the right',\r\n iconArrowLeft: 'Arrow pointing to the left',\r\n },\r\n};\n\nconst carouselProps = {\r\n // count of items to showed per view\r\n itemsToShow: {\r\n default: defaultConfigs.itemsToShow,\r\n type: Number,\r\n },\r\n // count of items to be scrolled\r\n itemsToScroll: {\r\n default: defaultConfigs.itemsToScroll,\r\n type: Number,\r\n },\r\n // control infinite scrolling mode\r\n wrapAround: {\r\n default: defaultConfigs.wrapAround,\r\n type: Boolean,\r\n },\r\n // control max drag\r\n throttle: {\r\n default: defaultConfigs.throttle,\r\n type: Number,\r\n },\r\n // control snap position alignment\r\n snapAlign: {\r\n default: defaultConfigs.snapAlign,\r\n validator(value) {\r\n // The value must match one of these strings\r\n return ['start', 'end', 'center', 'center-even', 'center-odd'].includes(value);\r\n },\r\n },\r\n // sliding transition time in ms\r\n transition: {\r\n default: defaultConfigs.transition,\r\n type: Number,\r\n },\r\n // an object to store breakpoints\r\n breakpoints: {\r\n default: defaultConfigs.breakpoints,\r\n type: Object,\r\n },\r\n // time to auto advance slides in ms\r\n autoplay: {\r\n default: defaultConfigs.autoplay,\r\n type: Number,\r\n },\r\n // pause autoplay when mouse hover over the carousel\r\n pauseAutoplayOnHover: {\r\n default: defaultConfigs.pauseAutoplayOnHover,\r\n type: Boolean,\r\n },\r\n // slide number number of initial slide\r\n modelValue: {\r\n default: undefined,\r\n type: Number,\r\n },\r\n // toggle mouse dragging.\r\n mouseDrag: {\r\n default: defaultConfigs.mouseDrag,\r\n type: Boolean,\r\n },\r\n // toggle mouse dragging.\r\n touchDrag: {\r\n default: defaultConfigs.touchDrag,\r\n type: Boolean,\r\n },\r\n // control snap position alignment\r\n dir: {\r\n default: defaultConfigs.dir,\r\n validator(value) {\r\n // The value must match one of these strings\r\n return ['rtl', 'ltr'].includes(value);\r\n },\r\n },\r\n // aria-labels and additional text labels\r\n i18n: {\r\n default: defaultConfigs.i18n,\r\n type: Object,\r\n },\r\n // an object to pass all settings\r\n settings: {\r\n default() {\r\n return {};\r\n },\r\n type: Object,\r\n },\r\n};\n\nfunction getMaxSlideIndex({ config, slidesCount }) {\r\n const { snapAlign, wrapAround, itemsToShow = 1 } = config;\r\n if (wrapAround) {\r\n return Math.max(slidesCount - 1, 0);\r\n }\r\n let output;\r\n switch (snapAlign) {\r\n case 'start':\r\n output = slidesCount - itemsToShow;\r\n break;\r\n case 'end':\r\n output = slidesCount - 1;\r\n break;\r\n case 'center':\r\n case 'center-odd':\r\n output = slidesCount - Math.ceil((itemsToShow - 0.5) / 2);\r\n break;\r\n case 'center-even':\r\n output = slidesCount - Math.ceil(itemsToShow / 2);\r\n break;\r\n default:\r\n output = 0;\r\n break;\r\n }\r\n return Math.max(output, 0);\r\n}\n\nfunction getMinSlideIndex({ config, slidesCount }) {\r\n const { wrapAround, snapAlign, itemsToShow = 1 } = config;\r\n let output = 0;\r\n if (wrapAround || itemsToShow > slidesCount) {\r\n return output;\r\n }\r\n switch (snapAlign) {\r\n case 'start':\r\n output = 0;\r\n break;\r\n case 'end':\r\n output = itemsToShow - 1;\r\n break;\r\n case 'center':\r\n case 'center-odd':\r\n output = Math.floor((itemsToShow - 1) / 2);\r\n break;\r\n case 'center-even':\r\n output = Math.floor((itemsToShow - 2) / 2);\r\n break;\r\n default:\r\n output = 0;\r\n break;\r\n }\r\n return output;\r\n}\n\nfunction getNumberInRange({ val, max, min }) {\r\n if (max < min) {\r\n return val;\r\n }\r\n return Math.min(Math.max(val, min), max);\r\n}\n\nfunction getSlidesToScroll({ config, currentSlide, slidesCount }) {\r\n const { snapAlign, wrapAround, itemsToShow = 1 } = config;\r\n let output = currentSlide;\r\n switch (snapAlign) {\r\n case 'center':\r\n case 'center-odd':\r\n output -= (itemsToShow - 1) / 2;\r\n break;\r\n case 'center-even':\r\n output -= (itemsToShow - 2) / 2;\r\n break;\r\n case 'end':\r\n output -= itemsToShow - 1;\r\n break;\r\n }\r\n if (wrapAround) {\r\n return output;\r\n }\r\n return getNumberInRange({\r\n val: output,\r\n max: slidesCount - itemsToShow,\r\n min: 0,\r\n });\r\n}\n\nfunction getSlidesVNodes(vNode) {\r\n if (!vNode)\r\n return [];\r\n return vNode.reduce((acc, node) => {\r\n var _a;\r\n if (node.type === Fragment) {\r\n return [...acc, ...getSlidesVNodes(node.children)];\r\n }\r\n if (((_a = node.type) === null || _a === void 0 ? void 0 : _a.name) === 'CarouselSlide') {\r\n return [...acc, node];\r\n }\r\n return acc;\r\n }, []);\r\n}\n\nfunction mapNumberToRange({ val, max, min = 0 }) {\r\n if (val > max) {\r\n return mapNumberToRange({ val: val - (max + 1), max, min });\r\n }\r\n if (val < min) {\r\n return mapNumberToRange({ val: val + (max + 1), max, min });\r\n }\r\n return val;\r\n}\n\n/**\r\n * return a throttle version of the function\r\n * Throttling\r\n *\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction throttle(fn, limit) {\r\n let inThrottle;\r\n if (!limit) {\r\n return fn;\r\n }\r\n return function (...args) {\r\n const self = this;\r\n if (!inThrottle) {\r\n fn.apply(self, args);\r\n inThrottle = true;\r\n setTimeout(() => (inThrottle = false), limit);\r\n }\r\n };\r\n}\n\n/**\r\n * return a debounced version of the function\r\n * @param fn\r\n * @param delay\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction debounce(fn, delay) {\r\n let timerId;\r\n return function (...args) {\r\n if (timerId) {\r\n clearTimeout(timerId);\r\n }\r\n timerId = setTimeout(() => {\r\n fn(...args);\r\n timerId = null;\r\n }, delay);\r\n };\r\n}\n\nfunction i18nFormatter(string = '', values = {}) {\r\n return Object.entries(values).reduce((acc, [key, value]) => acc.replace(`{${key}}`, String(value)), string);\r\n}\n\nvar ARIAComponent = defineComponent({\r\n name: 'ARIA',\r\n setup() {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const currentSlide = inject('currentSlide', ref(0));\r\n const slidesCount = inject('slidesCount', ref(0));\r\n return () => h('div', {\r\n class: ['carousel__liveregion', 'carousel__sr-only'],\r\n 'aria-live': 'polite',\r\n 'aria-atomic': 'true',\r\n }, i18nFormatter(config.i18n['itemXofY'], {\r\n currentSlide: currentSlide.value + 1,\r\n slidesCount: slidesCount.value,\r\n }));\r\n },\r\n});\n\nvar Carousel = defineComponent({\r\n name: 'Carousel',\r\n props: carouselProps,\r\n setup(props, { slots, emit, expose }) {\r\n var _a;\r\n const root = ref(null);\r\n const slides = ref([]);\r\n const slideWidth = ref(0);\r\n const slidesCount = ref(0);\r\n // current config\r\n const config = reactive(Object.assign({}, defaultConfigs));\r\n // default carousel configs\r\n let __defaultConfig = Object.assign({}, defaultConfigs);\r\n // breakpoints configs\r\n let breakpoints;\r\n // slides\r\n const currentSlideIndex = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : 0);\r\n const prevSlideIndex = ref(0);\r\n const middleSlideIndex = ref(0);\r\n const maxSlideIndex = ref(0);\r\n const minSlideIndex = ref(0);\r\n let autoplayTimer;\r\n let transitionTimer;\r\n provide('config', config);\r\n provide('slidesCount', slidesCount);\r\n provide('currentSlide', currentSlideIndex);\r\n provide('maxSlide', maxSlideIndex);\r\n provide('minSlide', minSlideIndex);\r\n provide('slideWidth', slideWidth);\r\n /**\r\n * Configs\r\n */\r\n function initDefaultConfigs() {\r\n breakpoints = Object.assign({}, props.breakpoints);\r\n __defaultConfig = Object.assign(Object.assign(Object.assign({}, __defaultConfig), props), { i18n: Object.assign(Object.assign({}, __defaultConfig.i18n), props.i18n), breakpoints: undefined });\r\n bindConfigs(__defaultConfig);\r\n }\r\n function updateBreakpointsConfigs() {\r\n if (!breakpoints || !Object.keys(breakpoints).length)\r\n return;\r\n const breakpointsArray = Object.keys(breakpoints)\r\n .map((key) => Number(key))\r\n .sort((a, b) => +b - +a);\r\n let newConfig = Object.assign({}, __defaultConfig);\r\n breakpointsArray.some((breakpoint) => {\r\n const isMatched = window.matchMedia(`(min-width: ${breakpoint}px)`).matches;\r\n if (isMatched) {\r\n newConfig = Object.assign(Object.assign({}, newConfig), breakpoints[breakpoint]);\r\n }\r\n return isMatched;\r\n });\r\n bindConfigs(newConfig);\r\n }\r\n function bindConfigs(newConfig) {\r\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\r\n //@ts-ignore\r\n Object.entries(newConfig).forEach(([key, val]) => (config[key] = val));\r\n }\r\n const handleWindowResize = debounce(() => {\r\n updateBreakpointsConfigs();\r\n updateSlideWidth();\r\n }, 16);\r\n /**\r\n * Setup functions\r\n */\r\n function updateSlideWidth() {\r\n if (!root.value)\r\n return;\r\n const rect = root.value.getBoundingClientRect();\r\n slideWidth.value = rect.width / config.itemsToShow;\r\n }\r\n function updateSlidesData() {\r\n if (slidesCount.value <= 0)\r\n return;\r\n middleSlideIndex.value = Math.ceil((slidesCount.value - 1) / 2);\r\n maxSlideIndex.value = getMaxSlideIndex({ config, slidesCount: slidesCount.value });\r\n minSlideIndex.value = getMinSlideIndex({ config, slidesCount: slidesCount.value });\r\n if (!config.wrapAround) {\r\n currentSlideIndex.value = getNumberInRange({\r\n val: currentSlideIndex.value,\r\n max: maxSlideIndex.value,\r\n min: minSlideIndex.value,\r\n });\r\n }\r\n }\r\n onMounted(() => {\r\n nextTick(() => updateSlideWidth());\r\n // Overcome some edge cases\r\n setTimeout(() => updateSlideWidth(), 1000);\r\n updateBreakpointsConfigs();\r\n initAutoplay();\r\n window.addEventListener('resize', handleWindowResize, { passive: true });\r\n emit('init');\r\n });\r\n onUnmounted(() => {\r\n if (transitionTimer) {\r\n clearTimeout(transitionTimer);\r\n }\r\n if (autoplayTimer) {\r\n clearInterval(autoplayTimer);\r\n }\r\n window.removeEventListener('resize', handleWindowResize, {\r\n passive: true,\r\n });\r\n });\r\n /**\r\n * Carousel Event listeners\r\n */\r\n let isTouch = false;\r\n const startPosition = { x: 0, y: 0 };\r\n const endPosition = { x: 0, y: 0 };\r\n const dragged = reactive({ x: 0, y: 0 });\r\n const isHover = ref(false);\r\n const isDragging = ref(false);\r\n const handleMouseEnter = () => {\r\n isHover.value = true;\r\n };\r\n const handleMouseLeave = () => {\r\n isHover.value = false;\r\n };\r\n function handleDragStart(event) {\r\n if (['INPUT', 'TEXTAREA', 'SELECT'].includes(event.target.tagName)) {\r\n return;\r\n }\r\n isTouch = event.type === 'touchstart';\r\n if (!isTouch) {\r\n event.preventDefault();\r\n }\r\n if ((!isTouch && event.button !== 0) || isSliding.value) {\r\n return;\r\n }\r\n startPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\r\n startPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\r\n document.addEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\r\n document.addEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\r\n }\r\n const handleDragging = throttle((event) => {\r\n isDragging.value = true;\r\n endPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\r\n endPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\r\n const deltaX = endPosition.x - startPosition.x;\r\n const deltaY = endPosition.y - startPosition.y;\r\n dragged.y = deltaY;\r\n dragged.x = deltaX;\r\n }, config.throttle);\r\n function handleDragEnd() {\r\n const direction = config.dir === 'rtl' ? -1 : 1;\r\n const tolerance = Math.sign(dragged.x) * 0.4;\r\n const draggedSlides = Math.round(dragged.x / slideWidth.value + tolerance) * direction;\r\n // Prevent clicking if there is clicked slides\r\n if (draggedSlides && !isTouch) {\r\n const captureClick = (e) => {\r\n e.stopPropagation();\r\n window.removeEventListener('click', captureClick, true);\r\n };\r\n window.addEventListener('click', captureClick, true);\r\n }\r\n slideTo(currentSlideIndex.value - draggedSlides);\r\n dragged.x = 0;\r\n dragged.y = 0;\r\n isDragging.value = false;\r\n document.removeEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\r\n document.removeEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\r\n }\r\n /**\r\n * Autoplay\r\n */\r\n function initAutoplay() {\r\n if (!config.autoplay || config.autoplay <= 0) {\r\n return;\r\n }\r\n autoplayTimer = setInterval(() => {\r\n if (config.pauseAutoplayOnHover && isHover.value) {\r\n return;\r\n }\r\n next();\r\n }, config.autoplay);\r\n }\r\n function resetAutoplay() {\r\n if (autoplayTimer) {\r\n clearInterval(autoplayTimer);\r\n autoplayTimer = null;\r\n }\r\n initAutoplay();\r\n }\r\n /**\r\n * Navigation function\r\n */\r\n const isSliding = ref(false);\r\n function slideTo(slideIndex) {\r\n const currentVal = config.wrapAround\r\n ? slideIndex\r\n : getNumberInRange({\r\n val: slideIndex,\r\n max: maxSlideIndex.value,\r\n min: minSlideIndex.value,\r\n });\r\n if (currentSlideIndex.value === currentVal || isSliding.value) {\r\n return;\r\n }\r\n emit('slide-start', {\r\n slidingToIndex: slideIndex,\r\n currentSlideIndex: currentSlideIndex.value,\r\n prevSlideIndex: prevSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n });\r\n isSliding.value = true;\r\n prevSlideIndex.value = currentSlideIndex.value;\r\n currentSlideIndex.value = currentVal;\r\n transitionTimer = setTimeout(() => {\r\n if (config.wrapAround) {\r\n const mappedNumber = mapNumberToRange({\r\n val: currentVal,\r\n max: maxSlideIndex.value,\r\n min: 0,\r\n });\r\n if (mappedNumber !== currentSlideIndex.value) {\r\n currentSlideIndex.value = mappedNumber;\r\n emit('loop', {\r\n currentSlideIndex: currentSlideIndex.value,\r\n slidingToIndex: slideIndex,\r\n });\r\n }\r\n }\r\n emit('update:modelValue', currentSlideIndex.value);\r\n emit('slide-end', {\r\n currentSlideIndex: currentSlideIndex.value,\r\n prevSlideIndex: prevSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n });\r\n isSliding.value = false;\r\n resetAutoplay();\r\n }, config.transition);\r\n }\r\n function next() {\r\n slideTo(currentSlideIndex.value + config.itemsToScroll);\r\n }\r\n function prev() {\r\n slideTo(currentSlideIndex.value - config.itemsToScroll);\r\n }\r\n const nav = { slideTo, next, prev };\r\n provide('nav', nav);\r\n provide('isSliding', isSliding);\r\n /**\r\n * Track style\r\n */\r\n const slidesToScroll = computed(() => getSlidesToScroll({\r\n config,\r\n currentSlide: currentSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n }));\r\n provide('slidesToScroll', slidesToScroll);\r\n const trackStyle = computed(() => {\r\n const direction = config.dir === 'rtl' ? -1 : 1;\r\n const xScroll = slidesToScroll.value * slideWidth.value * direction;\r\n return {\r\n transform: `translateX(${dragged.x - xScroll}px)`,\r\n transition: `${isSliding.value ? config.transition : 0}ms`,\r\n margin: config.wrapAround ? `0 -${slidesCount.value * slideWidth.value}px` : '',\r\n width: `100%`,\r\n };\r\n });\r\n function restartCarousel() {\r\n initDefaultConfigs();\r\n updateBreakpointsConfigs();\r\n updateSlidesData();\r\n updateSlideWidth();\r\n resetAutoplay();\r\n }\r\n // Update the carousel on props change\r\n Object.keys(carouselProps).forEach((prop) => {\r\n if (['modelValue'].includes(prop))\r\n return;\r\n watch(() => props[prop], restartCarousel);\r\n });\r\n // Handle changing v-model value\r\n watch(() => props['modelValue'], (val) => {\r\n if (val === currentSlideIndex.value) {\r\n return;\r\n }\r\n slideTo(Number(val));\r\n });\r\n // Handel when slides added/removed\r\n watch(slidesCount, updateSlidesData);\r\n // Init carousel\r\n emit('before-init');\r\n initDefaultConfigs();\r\n const data = {\r\n config,\r\n slidesCount,\r\n slideWidth,\r\n next,\r\n prev,\r\n slideTo,\r\n currentSlide: currentSlideIndex,\r\n maxSlide: maxSlideIndex,\r\n minSlide: minSlideIndex,\r\n middleSlide: middleSlideIndex,\r\n };\r\n expose({\r\n updateBreakpointsConfigs,\r\n updateSlidesData,\r\n updateSlideWidth,\r\n initDefaultConfigs,\r\n restartCarousel,\r\n slideTo,\r\n next,\r\n prev,\r\n nav,\r\n data,\r\n });\r\n const slotSlides = slots.default || slots.slides;\r\n const slotAddons = slots.addons;\r\n const slotsProps = reactive(data);\r\n return () => {\r\n const slidesElements = getSlidesVNodes(slotSlides === null || slotSlides === void 0 ? void 0 : slotSlides(slotsProps));\r\n const addonsElements = (slotAddons === null || slotAddons === void 0 ? void 0 : slotAddons(slotsProps)) || [];\r\n slidesElements.forEach((el, index) => (el.props.index = index));\r\n let output = slidesElements;\r\n if (config.wrapAround) {\r\n const slidesBefore = slidesElements.map((el, index) => cloneVNode(el, {\r\n index: -slidesElements.length + index,\r\n isClone: true,\r\n key: `clone-before-${index}`,\r\n }));\r\n const slidesAfter = slidesElements.map((el, index) => cloneVNode(el, {\r\n index: slidesElements.length + index,\r\n isClone: true,\r\n key: `clone-after-${index}`,\r\n }));\r\n output = [...slidesBefore, ...slidesElements, ...slidesAfter];\r\n }\r\n slides.value = slidesElements;\r\n slidesCount.value = Math.max(slidesElements.length, 1);\r\n const trackEl = h('ol', {\r\n class: 'carousel__track',\r\n style: trackStyle.value,\r\n onMousedownCapture: config.mouseDrag ? handleDragStart : null,\r\n onTouchstartPassiveCapture: config.touchDrag ? handleDragStart : null,\r\n }, output);\r\n const viewPortEl = h('div', { class: 'carousel__viewport' }, trackEl);\r\n return h('section', {\r\n ref: root,\r\n class: {\r\n carousel: true,\r\n 'is-sliding': isSliding.value,\r\n 'is-dragging': isDragging.value,\r\n 'is-hover': isHover.value,\r\n 'carousel--rtl': config.dir === 'rtl',\r\n },\r\n dir: config.dir,\r\n 'aria-label': config.i18n['ariaGallery'],\r\n tabindex: '0',\r\n onMouseenter: handleMouseEnter,\r\n onMouseleave: handleMouseLeave,\r\n }, [viewPortEl, addonsElements, h(ARIAComponent)]);\r\n };\r\n },\r\n});\n\nvar IconName;\r\n(function (IconName) {\r\n IconName[\"arrowUp\"] = \"arrowUp\";\r\n IconName[\"arrowDown\"] = \"arrowDown\";\r\n IconName[\"arrowRight\"] = \"arrowRight\";\r\n IconName[\"arrowLeft\"] = \"arrowLeft\";\r\n})(IconName || (IconName = {}));\r\nconst icons = {\r\n arrowUp: 'M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z',\r\n arrowDown: 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z',\r\n arrowRight: 'M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z',\r\n arrowLeft: 'M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z',\r\n};\n\nfunction isIconName(candidate) {\r\n return candidate in IconName;\r\n}\r\nconst Icon = (props) => {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const iconName = String(props.name);\r\n const iconI18n = `icon${iconName.charAt(0).toUpperCase() + iconName.slice(1)}`;\r\n if (!iconName || typeof iconName !== 'string' || !isIconName(iconName)) {\r\n return;\r\n }\r\n const path = icons[iconName];\r\n const pathEl = h('path', { d: path });\r\n const iconTitle = config.i18n[iconI18n] || props.title || iconName;\r\n const titleEl = h('title', iconTitle);\r\n return h('svg', {\r\n class: 'carousel__icon',\r\n viewBox: '0 0 24 24',\r\n role: 'img',\r\n 'aria-label': iconTitle,\r\n }, [titleEl, pathEl]);\r\n};\r\nIcon.props = { name: String, title: String };\n\nconst Navigation = (props, { slots, attrs }) => {\r\n const { next: slotNext, prev: slotPrev } = slots || {};\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const maxSlide = inject('maxSlide', ref(1));\r\n const minSlide = inject('minSlide', ref(1));\r\n const currentSlide = inject('currentSlide', ref(1));\r\n const nav = inject('nav', {});\r\n const { dir, wrapAround, i18n } = config;\r\n const isRTL = dir === 'rtl';\r\n const prevButton = h('button', {\r\n type: 'button',\r\n class: [\r\n 'carousel__prev',\r\n !wrapAround && currentSlide.value <= minSlide.value && 'carousel__prev--disabled',\r\n attrs === null || attrs === void 0 ? void 0 : attrs.class,\r\n ],\r\n 'aria-label': i18n['ariaPreviousSlide'],\r\n onClick: nav.prev,\r\n }, (slotPrev === null || slotPrev === void 0 ? void 0 : slotPrev()) || h(Icon, { name: isRTL ? 'arrowRight' : 'arrowLeft' }));\r\n const nextButton = h('button', {\r\n type: 'button',\r\n class: [\r\n 'carousel__next',\r\n !wrapAround && currentSlide.value >= maxSlide.value && 'carousel__next--disabled',\r\n attrs === null || attrs === void 0 ? void 0 : attrs.class,\r\n ],\r\n 'aria-label': i18n['ariaNextSlide'],\r\n onClick: nav.next,\r\n }, (slotNext === null || slotNext === void 0 ? void 0 : slotNext()) || h(Icon, { name: isRTL ? 'arrowLeft' : 'arrowRight' }));\r\n return [prevButton, nextButton];\r\n};\n\nconst Pagination = () => {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const maxSlide = inject('maxSlide', ref(1));\r\n const minSlide = inject('minSlide', ref(1));\r\n const currentSlide = inject('currentSlide', ref(1));\r\n const nav = inject('nav', {});\r\n const isActive = (slide) => mapNumberToRange({\r\n val: currentSlide.value,\r\n max: maxSlide.value,\r\n min: 0,\r\n }) === slide;\r\n const children = [];\r\n for (let slide = minSlide.value; slide < maxSlide.value + 1; slide++) {\r\n const button = h('button', {\r\n type: 'button',\r\n class: {\r\n 'carousel__pagination-button': true,\r\n 'carousel__pagination-button--active': isActive(slide),\r\n },\r\n 'aria-label': i18nFormatter(config.i18n['ariaNavigateToSlide'], {\r\n slideNumber: slide + 1,\r\n }),\r\n onClick: () => nav.slideTo(slide),\r\n });\r\n const item = h('li', { class: 'carousel__pagination-item', key: slide }, button);\r\n children.push(item);\r\n }\r\n return h('ol', { class: 'carousel__pagination' }, children);\r\n};\n\nvar Slide = defineComponent({\r\n name: 'CarouselSlide',\r\n props: {\r\n index: {\r\n type: Number,\r\n default: 1,\r\n },\r\n isClone: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n setup(props, { slots }) {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const currentSlide = inject('currentSlide', ref(0));\r\n const slidesToScroll = inject('slidesToScroll', ref(0));\r\n const isSliding = inject('isSliding', ref(false));\r\n const isActive = () => props.index === currentSlide.value;\r\n const isPrev = () => props.index === currentSlide.value - 1;\r\n const isNext = () => props.index === currentSlide.value + 1;\r\n const isVisible = () => {\r\n const min = Math.floor(slidesToScroll.value);\r\n const max = Math.ceil(slidesToScroll.value + config.itemsToShow - 1);\r\n return props.index >= min && props.index <= max;\r\n };\r\n return () => {\r\n var _a;\r\n return h('li', {\r\n style: { width: `${100 / config.itemsToShow}%` },\r\n class: {\r\n carousel__slide: true,\r\n 'carousel__slide--clone': props.isClone,\r\n 'carousel__slide--visible': isVisible(),\r\n 'carousel__slide--active': isActive(),\r\n 'carousel__slide--prev': isPrev(),\r\n 'carousel__slide--next': isNext(),\r\n 'carousel__slide--sliding': isSliding.value,\r\n },\r\n 'aria-hidden': !isVisible(),\r\n }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));\r\n };\r\n },\r\n});\n\nexport { Carousel, Icon, Navigation, Pagination, Slide };\n","<script setup lang=\"ts\" generic=\"Slide extends CarouselSlide\">\n import 'vue3-carousel/dist/carousel.css';\n import { ref, useAttrs, useCssModule } from 'vue';\n import { Carousel, Navigation, Slide } from 'vue3-carousel';\n\n import { t } from '../../locale';\n import { CarouselInstanceRef, CarouselSlide } from './Carousel.types';\n\n defineOptions({\n inheritAttrs: false,\n });\n\n interface CarouselProps {\n /**\n * The slides to display in the carousel.\n */\n slides: Slide[];\n\n /**\n * Time, in ms, before slides will automatically transition.\n * If not specified, slides are static until manually transitioned.\n */\n autoplayInterval?: number;\n\n /**\n * Hide the navigation buttons\n */\n hideNavigation?: boolean;\n\n /**\n * Hide the pagination dots/tile\n */\n hidePagination?: boolean;\n\n /**\n * Whether the carousel should loop back to the first slide after the last slide.\n */\n loop?: boolean;\n\n /**\n * The type of pagination to display.\n */\n pagination?: 'tile' | 'dot';\n\n /**\n * The radius of the pagination tiles.\n */\n paginationTileRadius?: 'standard' | 'full';\n\n /**\n * Prevents slides from automatically transitioning when hovering over the slide.\n */\n pauseAutoplayOnHover?: boolean;\n\n /**\n * Whether to round the borders of the slides.\n */\n roundBorders?: boolean;\n\n /**\n * Whether to show the pagination dots on all screen sizes.\n */\n staticPaginationDots?: boolean;\n }\n\n const props = withDefaults(defineProps<CarouselProps>(), {\n slides: () => [],\n autoplayInterval: 0,\n hideNavigation: false,\n hidePagination: false,\n loop: false,\n pagination: 'tile',\n paginationTileRadius: 'standard',\n pauseAutoplayOnHover: false,\n roundBorders: false,\n staticPaginationDots: false,\n });\n\n const attrs = useAttrs();\n const classes = useCssModule();\n const carouselRef = ref<CarouselInstanceRef>();\n\n /**\n * Expose the carousel's next and prev methods to the parent component\n */\n defineExpose({\n next: () => carouselRef.value?.next(),\n prev: () => carouselRef.value?.prev(),\n });\n\n const emit =\n defineEmits<{\n (e: 'click', slide: Slide): void;\n (e: 'transition', slide: Slide): void;\n }>();\n\n const currentIndex = ref(0);\n\n const onCarouselInit = () => {\n // carousel does not fire a transition event to the first slide when mounted.\n // subsequent transition events are fired in the slide-end event handler.\n onSlideTransition();\n };\n\n const onSlideClick = () => {\n emit('click', props.slides[currentIndex.value]);\n };\n\n const onSlideTransition = () => {\n emit('transition', props.slides[currentIndex.value]);\n };\n</script>\n\n<template>\n <Carousel\n ref=\"carouselRef\"\n v-model=\"currentIndex\"\n aria-live=\"polite\"\n aria-roledescription=\"carousel\"\n class=\"stash-carousel tw-mb-6\"\n :class=\"classes.root\"\n data-test=\"stash-carousel\"\n :i18n=\"{\n ariaNextSlide: t('ll.next'),\n ariaPreviousSlide: t('ll.previous'),\n iconArrowLeft: t('ll.previous'),\n iconArrowRight: t('ll.next'),\n }\"\n :autoplay=\"autoplayInterval\"\n :pause-autoplay-on-hover=\"pauseAutoplayOnHover\"\n :wrap-around=\"props.loop\"\n v-bind=\"attrs\"\n @init=\"onCarouselInit\"\n @slide-end=\"onSlideTransition\"\n >\n <Slide\n v-for=\"(slide, index) in props.slides\"\n :key=\"slide.id\"\n data-test=\"stash-carousel|slide\"\n class=\"tw-cursor-pointer\"\n @click=\"onSlideClick\"\n >\n <slot name=\"slide\" :slide=\"slide\" :index=\"index\">\n <img\n class=\"tw-h-full tw-w-full\"\n :class=\"[{ 'tw-rounded': props.roundBorders }]\"\n :src=\"slide.imageUrl\"\n :title=\"t('ll.carousel.imageLabel', { index: index + 1, total: slides.length })\"\n />\n </slot>\n </Slide>\n\n <template #addons>\n <Navigation v-if=\"props.slides.length > 1 && !props.hideNavigation\" />\n </template>\n </Carousel>\n\n <template v-if=\"!props.hidePagination\">\n <!-- Pagination Tiles -->\n <ul v-if=\"props.pagination === 'tile'\" class=\"tw-flex tw-list-none\" data-test=\"stash-carousel|pagination-tiles\">\n <li\n v-for=\"(slide, index) in slides\"\n :key=\"slide.imageUrl\"\n class=\"tw-mr-3 tw-cursor-pointer\"\n :aria-current=\"currentIndex === index\"\n @click=\"currentIndex = index\"\n >\n <img\n class=\"tw-rounded\"\n :class=\"[\n classes['pagination-tile'],\n {\n 'is-current-tile': currentIndex === index,\n 'tw-rounded-full': props.paginationTileRadius === 'full',\n },\n ]\"\n :data-test=\"`stash-carousel|pagination-tile-${index}`\"\n :src=\"slide.imageUrl\"\n :title=\"t('ll.carousel.paginationLabel', { index: index + 1 })\"\n />\n </li>\n </ul>\n\n <!-- Pagination Dots -->\n <ul\n v-else\n class=\"tw-text-center\"\n data-test=\"stash-carousel|pagination-dots\"\n :class=\"[!staticPaginationDots && 'lg:tw-hidden']\"\n >\n <li\n v-for=\"(slide, index) in slides\"\n :key=\"slide.imageUrl\"\n class=\"tw-inline-block tw-rounded-full\"\n :class=\"[classes['pagination-dot'], [currentIndex === index ? 'tw-bg-blue-500' : 'tw-bg-blue-100']]\"\n />\n </ul>\n </template>\n</template>\n\n<style module>\n .root :deep(.carousel__icon) {\n background-color: var(--color-white);\n border-radius: theme('borderRadius.DEFAULT');\n color: var(--color-blue-500);\n height: theme('spacing.9');\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: theme('spacing.9');\n }\n\n .root :deep(.carousel__icon:hover) {\n background-color: var(--color-ice-100);\n color: var(--color-blue-700);\n }\n\n .root :deep(.carousel__next) {\n padding-right: theme('spacing.9');\n }\n\n .root :deep(.carousel__next--disabled) {\n display: none;\n }\n\n .root :deep(.carousel__prev) {\n padding-left: theme('spacing.9');\n }\n\n .root :deep(.carousel__prev--disabled) {\n display: none;\n }\n\n .pagination-dot {\n height: 4px;\n margin-right: 2px;\n width: 4px;\n }\n\n .pagination-tile {\n height: theme('spacing.12');\n opacity: 0.4;\n object-fit: cover;\n width: theme('spacing.12');\n }\n\n .pagination-tile.is-current-tile {\n opacity: 1;\n }\n</style>\n"],"names":["defaultConfigs","carouselProps","value","getMaxSlideIndex","config","slidesCount","snapAlign","wrapAround","itemsToShow","output","getMinSlideIndex","getNumberInRange","val","max","min","getSlidesToScroll","currentSlide","getSlidesVNodes","vNode","acc","node","_a","Fragment","mapNumberToRange","throttle","fn","limit","inThrottle","args","self","debounce","delay","timerId","i18nFormatter","string","values","key","ARIAComponent","defineComponent","inject","reactive","ref","h","Carousel","props","slots","emit","expose","root","slides","slideWidth","__defaultConfig","breakpoints","currentSlideIndex","prevSlideIndex","middleSlideIndex","maxSlideIndex","minSlideIndex","autoplayTimer","transitionTimer","provide","initDefaultConfigs","bindConfigs","updateBreakpointsConfigs","breakpointsArray","a","b","newConfig","breakpoint","isMatched","handleWindowResize","updateSlideWidth","rect","updateSlidesData","onMounted","nextTick","initAutoplay","onUnmounted","isTouch","startPosition","endPosition","dragged","isHover","isDragging","handleMouseEnter","handleMouseLeave","handleDragStart","event","isSliding","handleDragging","handleDragEnd","deltaX","deltaY","direction","tolerance","draggedSlides","captureClick","e","slideTo","next","resetAutoplay","slideIndex","currentVal","mappedNumber","prev","nav","slidesToScroll","computed","trackStyle","xScroll","restartCarousel","prop","watch","data","slotSlides","slotAddons","slotsProps","slidesElements","addonsElements","el","index","slidesBefore","cloneVNode","slidesAfter","trackEl","viewPortEl","IconName","icons","isIconName","candidate","Icon","iconName","iconI18n","path","pathEl","iconTitle","titleEl","Navigation","attrs","slotNext","slotPrev","maxSlide","minSlide","dir","i18n","isRTL","prevButton","nextButton","Slide","isActive","isPrev","isNext","isVisible","useAttrs","classes","useCssModule","carouselRef","__expose","currentIndex","onCarouselInit","onSlideTransition","onSlideClick"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Carousel.js","sources":["../node_modules/vue3-carousel/dist/carousel.es.js","../src/components/Carousel/Carousel.vue"],"sourcesContent":["/**\n * Vue 3 Carousel 0.3.1\n * (c) 2023\n * @license MIT\n */\nimport { Fragment, defineComponent, inject, reactive, ref, h, provide, onMounted, nextTick, onUnmounted, computed, watch, cloneVNode } from 'vue';\n\nconst defaultConfigs = {\r\n itemsToShow: 1,\r\n itemsToScroll: 1,\r\n modelValue: 0,\r\n transition: 300,\r\n autoplay: 0,\r\n snapAlign: 'center',\r\n wrapAround: false,\r\n throttle: 16,\r\n pauseAutoplayOnHover: false,\r\n mouseDrag: true,\r\n touchDrag: true,\r\n dir: 'ltr',\r\n breakpoints: undefined,\r\n i18n: {\r\n ariaNextSlide: 'Navigate to next slide',\r\n ariaPreviousSlide: 'Navigate to previous slide',\r\n ariaNavigateToSlide: 'Navigate to slide {slideNumber}',\r\n ariaGallery: 'Gallery',\r\n itemXofY: 'Item {currentSlide} of {slidesCount}',\r\n iconArrowUp: 'Arrow pointing upwards',\r\n iconArrowDown: 'Arrow pointing downwards',\r\n iconArrowRight: 'Arrow pointing to the right',\r\n iconArrowLeft: 'Arrow pointing to the left',\r\n },\r\n};\n\nconst carouselProps = {\r\n // count of items to showed per view\r\n itemsToShow: {\r\n default: defaultConfigs.itemsToShow,\r\n type: Number,\r\n },\r\n // count of items to be scrolled\r\n itemsToScroll: {\r\n default: defaultConfigs.itemsToScroll,\r\n type: Number,\r\n },\r\n // control infinite scrolling mode\r\n wrapAround: {\r\n default: defaultConfigs.wrapAround,\r\n type: Boolean,\r\n },\r\n // control max drag\r\n throttle: {\r\n default: defaultConfigs.throttle,\r\n type: Number,\r\n },\r\n // control snap position alignment\r\n snapAlign: {\r\n default: defaultConfigs.snapAlign,\r\n validator(value) {\r\n // The value must match one of these strings\r\n return ['start', 'end', 'center', 'center-even', 'center-odd'].includes(value);\r\n },\r\n },\r\n // sliding transition time in ms\r\n transition: {\r\n default: defaultConfigs.transition,\r\n type: Number,\r\n },\r\n // an object to store breakpoints\r\n breakpoints: {\r\n default: defaultConfigs.breakpoints,\r\n type: Object,\r\n },\r\n // time to auto advance slides in ms\r\n autoplay: {\r\n default: defaultConfigs.autoplay,\r\n type: Number,\r\n },\r\n // pause autoplay when mouse hover over the carousel\r\n pauseAutoplayOnHover: {\r\n default: defaultConfigs.pauseAutoplayOnHover,\r\n type: Boolean,\r\n },\r\n // slide number number of initial slide\r\n modelValue: {\r\n default: undefined,\r\n type: Number,\r\n },\r\n // toggle mouse dragging.\r\n mouseDrag: {\r\n default: defaultConfigs.mouseDrag,\r\n type: Boolean,\r\n },\r\n // toggle mouse dragging.\r\n touchDrag: {\r\n default: defaultConfigs.touchDrag,\r\n type: Boolean,\r\n },\r\n // control snap position alignment\r\n dir: {\r\n default: defaultConfigs.dir,\r\n validator(value) {\r\n // The value must match one of these strings\r\n return ['rtl', 'ltr'].includes(value);\r\n },\r\n },\r\n // aria-labels and additional text labels\r\n i18n: {\r\n default: defaultConfigs.i18n,\r\n type: Object,\r\n },\r\n // an object to pass all settings\r\n settings: {\r\n default() {\r\n return {};\r\n },\r\n type: Object,\r\n },\r\n};\n\nfunction getMaxSlideIndex({ config, slidesCount }) {\r\n const { snapAlign, wrapAround, itemsToShow = 1 } = config;\r\n if (wrapAround) {\r\n return Math.max(slidesCount - 1, 0);\r\n }\r\n let output;\r\n switch (snapAlign) {\r\n case 'start':\r\n output = slidesCount - itemsToShow;\r\n break;\r\n case 'end':\r\n output = slidesCount - 1;\r\n break;\r\n case 'center':\r\n case 'center-odd':\r\n output = slidesCount - Math.ceil((itemsToShow - 0.5) / 2);\r\n break;\r\n case 'center-even':\r\n output = slidesCount - Math.ceil(itemsToShow / 2);\r\n break;\r\n default:\r\n output = 0;\r\n break;\r\n }\r\n return Math.max(output, 0);\r\n}\n\nfunction getMinSlideIndex({ config, slidesCount }) {\r\n const { wrapAround, snapAlign, itemsToShow = 1 } = config;\r\n let output = 0;\r\n if (wrapAround || itemsToShow > slidesCount) {\r\n return output;\r\n }\r\n switch (snapAlign) {\r\n case 'start':\r\n output = 0;\r\n break;\r\n case 'end':\r\n output = itemsToShow - 1;\r\n break;\r\n case 'center':\r\n case 'center-odd':\r\n output = Math.floor((itemsToShow - 1) / 2);\r\n break;\r\n case 'center-even':\r\n output = Math.floor((itemsToShow - 2) / 2);\r\n break;\r\n default:\r\n output = 0;\r\n break;\r\n }\r\n return output;\r\n}\n\nfunction getNumberInRange({ val, max, min }) {\r\n if (max < min) {\r\n return val;\r\n }\r\n return Math.min(Math.max(val, min), max);\r\n}\n\nfunction getSlidesToScroll({ config, currentSlide, slidesCount }) {\r\n const { snapAlign, wrapAround, itemsToShow = 1 } = config;\r\n let output = currentSlide;\r\n switch (snapAlign) {\r\n case 'center':\r\n case 'center-odd':\r\n output -= (itemsToShow - 1) / 2;\r\n break;\r\n case 'center-even':\r\n output -= (itemsToShow - 2) / 2;\r\n break;\r\n case 'end':\r\n output -= itemsToShow - 1;\r\n break;\r\n }\r\n if (wrapAround) {\r\n return output;\r\n }\r\n return getNumberInRange({\r\n val: output,\r\n max: slidesCount - itemsToShow,\r\n min: 0,\r\n });\r\n}\n\nfunction getSlidesVNodes(vNode) {\r\n if (!vNode)\r\n return [];\r\n return vNode.reduce((acc, node) => {\r\n var _a;\r\n if (node.type === Fragment) {\r\n return [...acc, ...getSlidesVNodes(node.children)];\r\n }\r\n if (((_a = node.type) === null || _a === void 0 ? void 0 : _a.name) === 'CarouselSlide') {\r\n return [...acc, node];\r\n }\r\n return acc;\r\n }, []);\r\n}\n\nfunction mapNumberToRange({ val, max, min = 0 }) {\r\n if (val > max) {\r\n return mapNumberToRange({ val: val - (max + 1), max, min });\r\n }\r\n if (val < min) {\r\n return mapNumberToRange({ val: val + (max + 1), max, min });\r\n }\r\n return val;\r\n}\n\n/**\r\n * return a throttle version of the function\r\n * Throttling\r\n *\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction throttle(fn, limit) {\r\n let inThrottle;\r\n if (!limit) {\r\n return fn;\r\n }\r\n return function (...args) {\r\n const self = this;\r\n if (!inThrottle) {\r\n fn.apply(self, args);\r\n inThrottle = true;\r\n setTimeout(() => (inThrottle = false), limit);\r\n }\r\n };\r\n}\n\n/**\r\n * return a debounced version of the function\r\n * @param fn\r\n * @param delay\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction debounce(fn, delay) {\r\n let timerId;\r\n return function (...args) {\r\n if (timerId) {\r\n clearTimeout(timerId);\r\n }\r\n timerId = setTimeout(() => {\r\n fn(...args);\r\n timerId = null;\r\n }, delay);\r\n };\r\n}\n\nfunction i18nFormatter(string = '', values = {}) {\r\n return Object.entries(values).reduce((acc, [key, value]) => acc.replace(`{${key}}`, String(value)), string);\r\n}\n\nvar ARIAComponent = defineComponent({\r\n name: 'ARIA',\r\n setup() {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const currentSlide = inject('currentSlide', ref(0));\r\n const slidesCount = inject('slidesCount', ref(0));\r\n return () => h('div', {\r\n class: ['carousel__liveregion', 'carousel__sr-only'],\r\n 'aria-live': 'polite',\r\n 'aria-atomic': 'true',\r\n }, i18nFormatter(config.i18n['itemXofY'], {\r\n currentSlide: currentSlide.value + 1,\r\n slidesCount: slidesCount.value,\r\n }));\r\n },\r\n});\n\nvar Carousel = defineComponent({\r\n name: 'Carousel',\r\n props: carouselProps,\r\n setup(props, { slots, emit, expose }) {\r\n var _a;\r\n const root = ref(null);\r\n const slides = ref([]);\r\n const slideWidth = ref(0);\r\n const slidesCount = ref(0);\r\n // current config\r\n const config = reactive(Object.assign({}, defaultConfigs));\r\n // default carousel configs\r\n let __defaultConfig = Object.assign({}, defaultConfigs);\r\n // breakpoints configs\r\n let breakpoints;\r\n // slides\r\n const currentSlideIndex = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : 0);\r\n const prevSlideIndex = ref(0);\r\n const middleSlideIndex = ref(0);\r\n const maxSlideIndex = ref(0);\r\n const minSlideIndex = ref(0);\r\n let autoplayTimer;\r\n let transitionTimer;\r\n provide('config', config);\r\n provide('slidesCount', slidesCount);\r\n provide('currentSlide', currentSlideIndex);\r\n provide('maxSlide', maxSlideIndex);\r\n provide('minSlide', minSlideIndex);\r\n provide('slideWidth', slideWidth);\r\n /**\r\n * Configs\r\n */\r\n function initDefaultConfigs() {\r\n breakpoints = Object.assign({}, props.breakpoints);\r\n __defaultConfig = Object.assign(Object.assign(Object.assign({}, __defaultConfig), props), { i18n: Object.assign(Object.assign({}, __defaultConfig.i18n), props.i18n), breakpoints: undefined });\r\n bindConfigs(__defaultConfig);\r\n }\r\n function updateBreakpointsConfigs() {\r\n if (!breakpoints || !Object.keys(breakpoints).length)\r\n return;\r\n const breakpointsArray = Object.keys(breakpoints)\r\n .map((key) => Number(key))\r\n .sort((a, b) => +b - +a);\r\n let newConfig = Object.assign({}, __defaultConfig);\r\n breakpointsArray.some((breakpoint) => {\r\n const isMatched = window.matchMedia(`(min-width: ${breakpoint}px)`).matches;\r\n if (isMatched) {\r\n newConfig = Object.assign(Object.assign({}, newConfig), breakpoints[breakpoint]);\r\n }\r\n return isMatched;\r\n });\r\n bindConfigs(newConfig);\r\n }\r\n function bindConfigs(newConfig) {\r\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\r\n //@ts-ignore\r\n Object.entries(newConfig).forEach(([key, val]) => (config[key] = val));\r\n }\r\n const handleWindowResize = debounce(() => {\r\n updateBreakpointsConfigs();\r\n updateSlideWidth();\r\n }, 16);\r\n /**\r\n * Setup functions\r\n */\r\n function updateSlideWidth() {\r\n if (!root.value)\r\n return;\r\n const rect = root.value.getBoundingClientRect();\r\n slideWidth.value = rect.width / config.itemsToShow;\r\n }\r\n function updateSlidesData() {\r\n if (slidesCount.value <= 0)\r\n return;\r\n middleSlideIndex.value = Math.ceil((slidesCount.value - 1) / 2);\r\n maxSlideIndex.value = getMaxSlideIndex({ config, slidesCount: slidesCount.value });\r\n minSlideIndex.value = getMinSlideIndex({ config, slidesCount: slidesCount.value });\r\n if (!config.wrapAround) {\r\n currentSlideIndex.value = getNumberInRange({\r\n val: currentSlideIndex.value,\r\n max: maxSlideIndex.value,\r\n min: minSlideIndex.value,\r\n });\r\n }\r\n }\r\n onMounted(() => {\r\n nextTick(() => updateSlideWidth());\r\n // Overcome some edge cases\r\n setTimeout(() => updateSlideWidth(), 1000);\r\n updateBreakpointsConfigs();\r\n initAutoplay();\r\n window.addEventListener('resize', handleWindowResize, { passive: true });\r\n emit('init');\r\n });\r\n onUnmounted(() => {\r\n if (transitionTimer) {\r\n clearTimeout(transitionTimer);\r\n }\r\n if (autoplayTimer) {\r\n clearInterval(autoplayTimer);\r\n }\r\n window.removeEventListener('resize', handleWindowResize, {\r\n passive: true,\r\n });\r\n });\r\n /**\r\n * Carousel Event listeners\r\n */\r\n let isTouch = false;\r\n const startPosition = { x: 0, y: 0 };\r\n const endPosition = { x: 0, y: 0 };\r\n const dragged = reactive({ x: 0, y: 0 });\r\n const isHover = ref(false);\r\n const isDragging = ref(false);\r\n const handleMouseEnter = () => {\r\n isHover.value = true;\r\n };\r\n const handleMouseLeave = () => {\r\n isHover.value = false;\r\n };\r\n function handleDragStart(event) {\r\n if (['INPUT', 'TEXTAREA', 'SELECT'].includes(event.target.tagName)) {\r\n return;\r\n }\r\n isTouch = event.type === 'touchstart';\r\n if (!isTouch) {\r\n event.preventDefault();\r\n }\r\n if ((!isTouch && event.button !== 0) || isSliding.value) {\r\n return;\r\n }\r\n startPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\r\n startPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\r\n document.addEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\r\n document.addEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\r\n }\r\n const handleDragging = throttle((event) => {\r\n isDragging.value = true;\r\n endPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\r\n endPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\r\n const deltaX = endPosition.x - startPosition.x;\r\n const deltaY = endPosition.y - startPosition.y;\r\n dragged.y = deltaY;\r\n dragged.x = deltaX;\r\n }, config.throttle);\r\n function handleDragEnd() {\r\n const direction = config.dir === 'rtl' ? -1 : 1;\r\n const tolerance = Math.sign(dragged.x) * 0.4;\r\n const draggedSlides = Math.round(dragged.x / slideWidth.value + tolerance) * direction;\r\n // Prevent clicking if there is clicked slides\r\n if (draggedSlides && !isTouch) {\r\n const captureClick = (e) => {\r\n e.stopPropagation();\r\n window.removeEventListener('click', captureClick, true);\r\n };\r\n window.addEventListener('click', captureClick, true);\r\n }\r\n slideTo(currentSlideIndex.value - draggedSlides);\r\n dragged.x = 0;\r\n dragged.y = 0;\r\n isDragging.value = false;\r\n document.removeEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\r\n document.removeEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\r\n }\r\n /**\r\n * Autoplay\r\n */\r\n function initAutoplay() {\r\n if (!config.autoplay || config.autoplay <= 0) {\r\n return;\r\n }\r\n autoplayTimer = setInterval(() => {\r\n if (config.pauseAutoplayOnHover && isHover.value) {\r\n return;\r\n }\r\n next();\r\n }, config.autoplay);\r\n }\r\n function resetAutoplay() {\r\n if (autoplayTimer) {\r\n clearInterval(autoplayTimer);\r\n autoplayTimer = null;\r\n }\r\n initAutoplay();\r\n }\r\n /**\r\n * Navigation function\r\n */\r\n const isSliding = ref(false);\r\n function slideTo(slideIndex) {\r\n const currentVal = config.wrapAround\r\n ? slideIndex\r\n : getNumberInRange({\r\n val: slideIndex,\r\n max: maxSlideIndex.value,\r\n min: minSlideIndex.value,\r\n });\r\n if (currentSlideIndex.value === currentVal || isSliding.value) {\r\n return;\r\n }\r\n emit('slide-start', {\r\n slidingToIndex: slideIndex,\r\n currentSlideIndex: currentSlideIndex.value,\r\n prevSlideIndex: prevSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n });\r\n isSliding.value = true;\r\n prevSlideIndex.value = currentSlideIndex.value;\r\n currentSlideIndex.value = currentVal;\r\n transitionTimer = setTimeout(() => {\r\n if (config.wrapAround) {\r\n const mappedNumber = mapNumberToRange({\r\n val: currentVal,\r\n max: maxSlideIndex.value,\r\n min: 0,\r\n });\r\n if (mappedNumber !== currentSlideIndex.value) {\r\n currentSlideIndex.value = mappedNumber;\r\n emit('loop', {\r\n currentSlideIndex: currentSlideIndex.value,\r\n slidingToIndex: slideIndex,\r\n });\r\n }\r\n }\r\n emit('update:modelValue', currentSlideIndex.value);\r\n emit('slide-end', {\r\n currentSlideIndex: currentSlideIndex.value,\r\n prevSlideIndex: prevSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n });\r\n isSliding.value = false;\r\n resetAutoplay();\r\n }, config.transition);\r\n }\r\n function next() {\r\n slideTo(currentSlideIndex.value + config.itemsToScroll);\r\n }\r\n function prev() {\r\n slideTo(currentSlideIndex.value - config.itemsToScroll);\r\n }\r\n const nav = { slideTo, next, prev };\r\n provide('nav', nav);\r\n provide('isSliding', isSliding);\r\n /**\r\n * Track style\r\n */\r\n const slidesToScroll = computed(() => getSlidesToScroll({\r\n config,\r\n currentSlide: currentSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n }));\r\n provide('slidesToScroll', slidesToScroll);\r\n const trackStyle = computed(() => {\r\n const direction = config.dir === 'rtl' ? -1 : 1;\r\n const xScroll = slidesToScroll.value * slideWidth.value * direction;\r\n return {\r\n transform: `translateX(${dragged.x - xScroll}px)`,\r\n transition: `${isSliding.value ? config.transition : 0}ms`,\r\n margin: config.wrapAround ? `0 -${slidesCount.value * slideWidth.value}px` : '',\r\n width: `100%`,\r\n };\r\n });\r\n function restartCarousel() {\r\n initDefaultConfigs();\r\n updateBreakpointsConfigs();\r\n updateSlidesData();\r\n updateSlideWidth();\r\n resetAutoplay();\r\n }\r\n // Update the carousel on props change\r\n Object.keys(carouselProps).forEach((prop) => {\r\n if (['modelValue'].includes(prop))\r\n return;\r\n watch(() => props[prop], restartCarousel);\r\n });\r\n // Handle changing v-model value\r\n watch(() => props['modelValue'], (val) => {\r\n if (val === currentSlideIndex.value) {\r\n return;\r\n }\r\n slideTo(Number(val));\r\n });\r\n // Handel when slides added/removed\r\n watch(slidesCount, updateSlidesData);\r\n // Init carousel\r\n emit('before-init');\r\n initDefaultConfigs();\r\n const data = {\r\n config,\r\n slidesCount,\r\n slideWidth,\r\n next,\r\n prev,\r\n slideTo,\r\n currentSlide: currentSlideIndex,\r\n maxSlide: maxSlideIndex,\r\n minSlide: minSlideIndex,\r\n middleSlide: middleSlideIndex,\r\n };\r\n expose({\r\n updateBreakpointsConfigs,\r\n updateSlidesData,\r\n updateSlideWidth,\r\n initDefaultConfigs,\r\n restartCarousel,\r\n slideTo,\r\n next,\r\n prev,\r\n nav,\r\n data,\r\n });\r\n const slotSlides = slots.default || slots.slides;\r\n const slotAddons = slots.addons;\r\n const slotsProps = reactive(data);\r\n return () => {\r\n const slidesElements = getSlidesVNodes(slotSlides === null || slotSlides === void 0 ? void 0 : slotSlides(slotsProps));\r\n const addonsElements = (slotAddons === null || slotAddons === void 0 ? void 0 : slotAddons(slotsProps)) || [];\r\n slidesElements.forEach((el, index) => (el.props.index = index));\r\n let output = slidesElements;\r\n if (config.wrapAround) {\r\n const slidesBefore = slidesElements.map((el, index) => cloneVNode(el, {\r\n index: -slidesElements.length + index,\r\n isClone: true,\r\n key: `clone-before-${index}`,\r\n }));\r\n const slidesAfter = slidesElements.map((el, index) => cloneVNode(el, {\r\n index: slidesElements.length + index,\r\n isClone: true,\r\n key: `clone-after-${index}`,\r\n }));\r\n output = [...slidesBefore, ...slidesElements, ...slidesAfter];\r\n }\r\n slides.value = slidesElements;\r\n slidesCount.value = Math.max(slidesElements.length, 1);\r\n const trackEl = h('ol', {\r\n class: 'carousel__track',\r\n style: trackStyle.value,\r\n onMousedownCapture: config.mouseDrag ? handleDragStart : null,\r\n onTouchstartPassiveCapture: config.touchDrag ? handleDragStart : null,\r\n }, output);\r\n const viewPortEl = h('div', { class: 'carousel__viewport' }, trackEl);\r\n return h('section', {\r\n ref: root,\r\n class: {\r\n carousel: true,\r\n 'is-sliding': isSliding.value,\r\n 'is-dragging': isDragging.value,\r\n 'is-hover': isHover.value,\r\n 'carousel--rtl': config.dir === 'rtl',\r\n },\r\n dir: config.dir,\r\n 'aria-label': config.i18n['ariaGallery'],\r\n tabindex: '0',\r\n onMouseenter: handleMouseEnter,\r\n onMouseleave: handleMouseLeave,\r\n }, [viewPortEl, addonsElements, h(ARIAComponent)]);\r\n };\r\n },\r\n});\n\nvar IconName;\r\n(function (IconName) {\r\n IconName[\"arrowUp\"] = \"arrowUp\";\r\n IconName[\"arrowDown\"] = \"arrowDown\";\r\n IconName[\"arrowRight\"] = \"arrowRight\";\r\n IconName[\"arrowLeft\"] = \"arrowLeft\";\r\n})(IconName || (IconName = {}));\r\nconst icons = {\r\n arrowUp: 'M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z',\r\n arrowDown: 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z',\r\n arrowRight: 'M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z',\r\n arrowLeft: 'M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z',\r\n};\n\nfunction isIconName(candidate) {\r\n return candidate in IconName;\r\n}\r\nconst Icon = (props) => {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const iconName = String(props.name);\r\n const iconI18n = `icon${iconName.charAt(0).toUpperCase() + iconName.slice(1)}`;\r\n if (!iconName || typeof iconName !== 'string' || !isIconName(iconName)) {\r\n return;\r\n }\r\n const path = icons[iconName];\r\n const pathEl = h('path', { d: path });\r\n const iconTitle = config.i18n[iconI18n] || props.title || iconName;\r\n const titleEl = h('title', iconTitle);\r\n return h('svg', {\r\n class: 'carousel__icon',\r\n viewBox: '0 0 24 24',\r\n role: 'img',\r\n 'aria-label': iconTitle,\r\n }, [titleEl, pathEl]);\r\n};\r\nIcon.props = { name: String, title: String };\n\nconst Navigation = (props, { slots, attrs }) => {\r\n const { next: slotNext, prev: slotPrev } = slots || {};\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const maxSlide = inject('maxSlide', ref(1));\r\n const minSlide = inject('minSlide', ref(1));\r\n const currentSlide = inject('currentSlide', ref(1));\r\n const nav = inject('nav', {});\r\n const { dir, wrapAround, i18n } = config;\r\n const isRTL = dir === 'rtl';\r\n const prevButton = h('button', {\r\n type: 'button',\r\n class: [\r\n 'carousel__prev',\r\n !wrapAround && currentSlide.value <= minSlide.value && 'carousel__prev--disabled',\r\n attrs === null || attrs === void 0 ? void 0 : attrs.class,\r\n ],\r\n 'aria-label': i18n['ariaPreviousSlide'],\r\n onClick: nav.prev,\r\n }, (slotPrev === null || slotPrev === void 0 ? void 0 : slotPrev()) || h(Icon, { name: isRTL ? 'arrowRight' : 'arrowLeft' }));\r\n const nextButton = h('button', {\r\n type: 'button',\r\n class: [\r\n 'carousel__next',\r\n !wrapAround && currentSlide.value >= maxSlide.value && 'carousel__next--disabled',\r\n attrs === null || attrs === void 0 ? void 0 : attrs.class,\r\n ],\r\n 'aria-label': i18n['ariaNextSlide'],\r\n onClick: nav.next,\r\n }, (slotNext === null || slotNext === void 0 ? void 0 : slotNext()) || h(Icon, { name: isRTL ? 'arrowLeft' : 'arrowRight' }));\r\n return [prevButton, nextButton];\r\n};\n\nconst Pagination = () => {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const maxSlide = inject('maxSlide', ref(1));\r\n const minSlide = inject('minSlide', ref(1));\r\n const currentSlide = inject('currentSlide', ref(1));\r\n const nav = inject('nav', {});\r\n const isActive = (slide) => mapNumberToRange({\r\n val: currentSlide.value,\r\n max: maxSlide.value,\r\n min: 0,\r\n }) === slide;\r\n const children = [];\r\n for (let slide = minSlide.value; slide < maxSlide.value + 1; slide++) {\r\n const button = h('button', {\r\n type: 'button',\r\n class: {\r\n 'carousel__pagination-button': true,\r\n 'carousel__pagination-button--active': isActive(slide),\r\n },\r\n 'aria-label': i18nFormatter(config.i18n['ariaNavigateToSlide'], {\r\n slideNumber: slide + 1,\r\n }),\r\n onClick: () => nav.slideTo(slide),\r\n });\r\n const item = h('li', { class: 'carousel__pagination-item', key: slide }, button);\r\n children.push(item);\r\n }\r\n return h('ol', { class: 'carousel__pagination' }, children);\r\n};\n\nvar Slide = defineComponent({\r\n name: 'CarouselSlide',\r\n props: {\r\n index: {\r\n type: Number,\r\n default: 1,\r\n },\r\n isClone: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n setup(props, { slots }) {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const currentSlide = inject('currentSlide', ref(0));\r\n const slidesToScroll = inject('slidesToScroll', ref(0));\r\n const isSliding = inject('isSliding', ref(false));\r\n const isActive = () => props.index === currentSlide.value;\r\n const isPrev = () => props.index === currentSlide.value - 1;\r\n const isNext = () => props.index === currentSlide.value + 1;\r\n const isVisible = () => {\r\n const min = Math.floor(slidesToScroll.value);\r\n const max = Math.ceil(slidesToScroll.value + config.itemsToShow - 1);\r\n return props.index >= min && props.index <= max;\r\n };\r\n return () => {\r\n var _a;\r\n return h('li', {\r\n style: { width: `${100 / config.itemsToShow}%` },\r\n class: {\r\n carousel__slide: true,\r\n 'carousel__slide--clone': props.isClone,\r\n 'carousel__slide--visible': isVisible(),\r\n 'carousel__slide--active': isActive(),\r\n 'carousel__slide--prev': isPrev(),\r\n 'carousel__slide--next': isNext(),\r\n 'carousel__slide--sliding': isSliding.value,\r\n },\r\n 'aria-hidden': !isVisible(),\r\n }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));\r\n };\r\n },\r\n});\n\nexport { Carousel, Icon, Navigation, Pagination, Slide };\n","<script setup lang=\"ts\" generic=\"Slide extends CarouselSlide\">\n import 'vue3-carousel/dist/carousel.css';\n import { ref, useAttrs, useCssModule } from 'vue';\n import { Carousel, Navigation, Slide } from 'vue3-carousel';\n\n import { t } from '../../locale';\n import { CarouselInstanceRef, CarouselSlide } from './Carousel.types';\n\n defineOptions({\n inheritAttrs: false,\n });\n\n interface CarouselProps {\n /**\n * The slides to display in the carousel.\n */\n slides: Slide[];\n\n /**\n * Time, in ms, before slides will automatically transition.\n * If not specified, slides are static until manually transitioned.\n */\n autoplayInterval?: number;\n\n /**\n * Hide the navigation buttons\n */\n hideNavigation?: boolean;\n\n /**\n * Hide the pagination dots/tile\n */\n hidePagination?: boolean;\n\n /**\n * Number of slides to be scrolled at a time\n */\n itemsToScroll?: number;\n\n /**\n * Number of items to show on each slide\n */\n itemsToShow?: number;\n\n /**\n * Whether the carousel should loop back to the first slide after the last slide.\n */\n loop?: boolean;\n\n /**\n * The type of pagination to display.\n */\n pagination?: 'tile' | 'dot';\n\n /**\n * The radius of the pagination tiles.\n */\n paginationTileRadius?: 'standard' | 'full';\n\n /**\n * Prevents slides from automatically transitioning when hovering over the slide.\n */\n pauseAutoplayOnHover?: boolean;\n\n /**\n * Whether to round the borders of the slides.\n */\n roundBorders?: boolean;\n\n /**\n * Whether to show the pagination dots on all screen sizes.\n */\n staticPaginationDots?: boolean;\n }\n\n const props = withDefaults(defineProps<CarouselProps>(), {\n slides: () => [],\n autoplayInterval: 0,\n hideNavigation: false,\n hidePagination: false,\n itemsToScroll: 1,\n itemsToShow: 1,\n loop: false,\n pagination: 'tile',\n paginationTileRadius: 'standard',\n pauseAutoplayOnHover: false,\n roundBorders: false,\n staticPaginationDots: false,\n });\n\n const attrs = useAttrs();\n const classes = useCssModule();\n const carouselRef = ref<CarouselInstanceRef>();\n\n /**\n * Expose the carousel's next and prev methods to the parent component\n */\n defineExpose({\n next: () => carouselRef.value?.next(),\n prev: () => carouselRef.value?.prev(),\n });\n\n const emit =\n defineEmits<{\n (e: 'click', slide: Slide): void;\n (e: 'transition', slide: Slide): void;\n (e: 'transition:multi', slides: Slide[]): void;\n }>();\n\n const currentIndex = ref(0);\n\n const onCarouselInit = () => {\n // carousel does not fire a transition event to the first slide when mounted.\n // subsequent transition events are fired in the slide-end event handler.\n onSlideTransition();\n };\n\n const onSlideClick = () => {\n emit('click', props.slides[currentIndex.value]);\n };\n\n const onSlideTransition = () => {\n // by default only one slide is displayed at a time for each\n // page in the carousel. In this case, we will only emit a\n // transition event with a single slide object.\n if (props.itemsToShow === 1) {\n emit('transition', props.slides[currentIndex.value]);\n return;\n }\n\n // otherwise, we will emit a transition event with an array of\n // slides currently in view on the current page of the carousel.\n const slidesInView = props.slides.slice(currentIndex.value, currentIndex.value + props.itemsToShow);\n\n emit('transition:multi', slidesInView);\n return;\n };\n</script>\n\n<template>\n <Carousel\n ref=\"carouselRef\"\n v-model=\"currentIndex\"\n aria-live=\"polite\"\n aria-roledescription=\"carousel\"\n class=\"stash-carousel tw-mb-6\"\n data-test=\"stash-carousel\"\n :autoplay=\"autoplayInterval\"\n :class=\"classes.root\"\n :i18n=\"{\n ariaNextSlide: t('ll.next'),\n ariaPreviousSlide: t('ll.previous'),\n iconArrowLeft: t('ll.previous'),\n iconArrowRight: t('ll.next'),\n }\"\n :items-to-scroll=\"props.itemsToScroll\"\n :items-to-show=\"props.itemsToShow\"\n :pause-autoplay-on-hover=\"pauseAutoplayOnHover\"\n :wrap-around=\"props.loop\"\n v-bind=\"attrs\"\n @init=\"onCarouselInit\"\n @slide-end=\"onSlideTransition\"\n >\n <Slide\n v-for=\"(slide, index) in props.slides\"\n :key=\"slide.id\"\n data-test=\"stash-carousel|slide\"\n class=\"tw-cursor-pointer\"\n @click=\"onSlideClick\"\n >\n <slot name=\"slide\" :slide=\"slide\" :index=\"index\">\n <img\n class=\"tw-h-full tw-w-full\"\n :class=\"[{ 'tw-rounded': props.roundBorders }]\"\n :src=\"slide.imageUrl\"\n :title=\"\n t('ll.carousel.imageLabel', {\n index: index + 1,\n total: slides.length,\n })\n \"\n />\n </slot>\n </Slide>\n\n <template #addons>\n <Navigation v-if=\"props.slides.length > 1 && !props.hideNavigation\" />\n </template>\n </Carousel>\n\n <template v-if=\"!props.hidePagination\">\n <!-- Pagination Tiles -->\n <ul v-if=\"props.pagination === 'tile'\" class=\"tw-flex tw-list-none\" data-test=\"stash-carousel|pagination-tiles\">\n <li\n v-for=\"(slide, index) in slides\"\n :key=\"slide.imageUrl\"\n class=\"tw-mr-3 tw-cursor-pointer\"\n :aria-current=\"currentIndex === index\"\n @click=\"currentIndex = index\"\n >\n <img\n class=\"tw-rounded\"\n :class=\"[\n classes['pagination-tile'],\n {\n 'is-current-tile': currentIndex === index,\n 'tw-rounded-full': props.paginationTileRadius === 'full',\n },\n ]\"\n :data-test=\"`stash-carousel|pagination-tile-${index}`\"\n :src=\"slide.imageUrl\"\n :title=\"t('ll.carousel.paginationLabel', { index: index + 1 })\"\n />\n </li>\n </ul>\n\n <!-- Pagination Dots -->\n <ul\n v-else\n class=\"tw-text-center\"\n data-test=\"stash-carousel|pagination-dots\"\n :class=\"[!staticPaginationDots && 'lg:tw-hidden']\"\n >\n <li\n v-for=\"(slide, index) in slides\"\n :key=\"slide.imageUrl\"\n class=\"tw-inline-block tw-rounded-full\"\n :class=\"[classes['pagination-dot'], [currentIndex === index ? 'tw-bg-blue-500' : 'tw-bg-blue-100']]\"\n />\n </ul>\n </template>\n</template>\n\n<style module>\n .root :deep(.carousel__icon) {\n background-color: var(--color-white);\n border-radius: theme('borderRadius.DEFAULT');\n color: var(--color-blue-500);\n height: theme('spacing.9');\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: theme('spacing.9');\n }\n\n .root :deep(.carousel__icon:hover) {\n background-color: var(--color-ice-100);\n color: var(--color-blue-700);\n }\n\n .root :deep(.carousel__next) {\n padding-right: theme('spacing.9');\n }\n\n .root :deep(.carousel__next--disabled) {\n display: none;\n }\n\n .root :deep(.carousel__prev) {\n padding-left: theme('spacing.9');\n }\n\n .root :deep(.carousel__prev--disabled) {\n display: none;\n }\n\n .pagination-dot {\n height: 4px;\n margin-right: 2px;\n width: 4px;\n }\n\n .pagination-tile {\n height: theme('spacing.12');\n opacity: 0.4;\n object-fit: cover;\n width: theme('spacing.12');\n }\n\n .pagination-tile.is-current-tile {\n opacity: 1;\n }\n</style>\n"],"names":["defaultConfigs","carouselProps","value","getMaxSlideIndex","config","slidesCount","snapAlign","wrapAround","itemsToShow","output","getMinSlideIndex","getNumberInRange","val","max","min","getSlidesToScroll","currentSlide","getSlidesVNodes","vNode","acc","node","_a","Fragment","mapNumberToRange","throttle","fn","limit","inThrottle","args","self","debounce","delay","timerId","i18nFormatter","string","values","key","ARIAComponent","defineComponent","inject","reactive","ref","h","Carousel","props","slots","emit","expose","root","slides","slideWidth","__defaultConfig","breakpoints","currentSlideIndex","prevSlideIndex","middleSlideIndex","maxSlideIndex","minSlideIndex","autoplayTimer","transitionTimer","provide","initDefaultConfigs","bindConfigs","updateBreakpointsConfigs","breakpointsArray","a","b","newConfig","breakpoint","isMatched","handleWindowResize","updateSlideWidth","rect","updateSlidesData","onMounted","nextTick","initAutoplay","onUnmounted","isTouch","startPosition","endPosition","dragged","isHover","isDragging","handleMouseEnter","handleMouseLeave","handleDragStart","event","isSliding","handleDragging","handleDragEnd","deltaX","deltaY","direction","tolerance","draggedSlides","captureClick","e","slideTo","next","resetAutoplay","slideIndex","currentVal","mappedNumber","prev","nav","slidesToScroll","computed","trackStyle","xScroll","restartCarousel","prop","watch","data","slotSlides","slotAddons","slotsProps","slidesElements","addonsElements","el","index","slidesBefore","cloneVNode","slidesAfter","trackEl","viewPortEl","IconName","icons","isIconName","candidate","Icon","iconName","iconI18n","path","pathEl","iconTitle","titleEl","Navigation","attrs","slotNext","slotPrev","maxSlide","minSlide","dir","i18n","isRTL","prevButton","nextButton","Slide","isActive","isPrev","isNext","isVisible","useAttrs","classes","useCssModule","carouselRef","__expose","currentIndex","onCarouselInit","onSlideTransition","onSlideClick","slidesInView"],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/Carousel.vue.d.ts
CHANGED
|
@@ -17,8 +17,11 @@ declare interface CarouselSlide {
|
|
|
17
17
|
|
|
18
18
|
declare const _default: <Slide extends CarouselSlide>(__VLS_props: {
|
|
19
19
|
onClick?: ((slide: Slide) => any) | undefined;
|
|
20
|
+
itemsToShow?: number | undefined;
|
|
21
|
+
itemsToScroll?: number | undefined;
|
|
20
22
|
pauseAutoplayOnHover?: boolean | undefined;
|
|
21
23
|
onTransition?: ((slide: Slide) => any) | undefined;
|
|
24
|
+
"onTransition:multi"?: ((slides: Slide[]) => any) | undefined;
|
|
22
25
|
slides: Slide[];
|
|
23
26
|
autoplayInterval?: number | undefined;
|
|
24
27
|
hideNavigation?: boolean | undefined;
|
|
@@ -39,6 +42,7 @@ declare const _default: <Slide extends CarouselSlide>(__VLS_props: {
|
|
|
39
42
|
emit: {
|
|
40
43
|
(e: 'click', slide: Slide): void;
|
|
41
44
|
(e: 'transition', slide: Slide): void;
|
|
45
|
+
(e: 'transition:multi', slides: Slide[]): void;
|
|
42
46
|
};
|
|
43
47
|
} | undefined, __VLS_expose?: ((exposed: ShallowUnwrapRef<{
|
|
44
48
|
next: () => void | undefined;
|
|
@@ -46,8 +50,11 @@ declare const _default: <Slide extends CarouselSlide>(__VLS_props: {
|
|
|
46
50
|
}>) => void) | undefined, __VLS_setup?: Promise<{
|
|
47
51
|
props: {
|
|
48
52
|
onClick?: ((slide: Slide) => any) | undefined;
|
|
53
|
+
itemsToShow?: number | undefined;
|
|
54
|
+
itemsToScroll?: number | undefined;
|
|
49
55
|
pauseAutoplayOnHover?: boolean | undefined;
|
|
50
56
|
onTransition?: ((slide: Slide) => any) | undefined;
|
|
57
|
+
"onTransition:multi"?: ((slides: Slide[]) => any) | undefined;
|
|
51
58
|
slides: Slide[];
|
|
52
59
|
autoplayInterval?: number | undefined;
|
|
53
60
|
hideNavigation?: boolean | undefined;
|
|
@@ -72,6 +79,7 @@ declare const _default: <Slide extends CarouselSlide>(__VLS_props: {
|
|
|
72
79
|
emit: {
|
|
73
80
|
(e: 'click', slide: Slide): void;
|
|
74
81
|
(e: 'transition', slide: Slide): void;
|
|
82
|
+
(e: 'transition:multi', slides: Slide[]): void;
|
|
75
83
|
};
|
|
76
84
|
}>) => VNode<RendererNode, RendererElement, {
|
|
77
85
|
[key: string]: any;
|
|
@@ -79,8 +87,11 @@ declare const _default: <Slide extends CarouselSlide>(__VLS_props: {
|
|
|
79
87
|
__ctx?: {
|
|
80
88
|
props: {
|
|
81
89
|
onClick?: ((slide: Slide) => any) | undefined;
|
|
90
|
+
itemsToShow?: number | undefined;
|
|
91
|
+
itemsToScroll?: number | undefined;
|
|
82
92
|
pauseAutoplayOnHover?: boolean | undefined;
|
|
83
93
|
onTransition?: ((slide: Slide) => any) | undefined;
|
|
94
|
+
"onTransition:multi"?: ((slides: Slide[]) => any) | undefined;
|
|
84
95
|
slides: Slide[];
|
|
85
96
|
autoplayInterval?: number | undefined;
|
|
86
97
|
hideNavigation?: boolean | undefined;
|
|
@@ -105,6 +116,7 @@ declare const _default: <Slide extends CarouselSlide>(__VLS_props: {
|
|
|
105
116
|
emit: {
|
|
106
117
|
(e: 'click', slide: Slide): void;
|
|
107
118
|
(e: 'transition', slide: Slide): void;
|
|
119
|
+
(e: 'transition:multi', slides: Slide[]): void;
|
|
108
120
|
};
|
|
109
121
|
} | undefined;
|
|
110
122
|
};
|