@shoper/phoenix_design_system 1.16.1 → 1.17.0-1
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/build/cjs/external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js +541 -0
- package/build/cjs/external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/scroller/scroller-item.js +20 -0
- package/build/cjs/packages/phoenix/src/components/scroller/scroller-item.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/scroller/scroller.js +66 -0
- package/build/cjs/packages/phoenix/src/components/scroller/scroller.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/slider/slider.js +50 -0
- package/build/cjs/packages/phoenix/src/components/slider/slider.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/slider/slider_constants.js +11 -0
- package/build/cjs/packages/phoenix/src/components/slider/slider_constants.js.map +1 -0
- package/build/cjs/packages/phoenix/src/index.js +14 -0
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js +537 -0
- package/build/esm/external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/scroller/scroller-item.d.ts +4 -0
- package/build/esm/packages/phoenix/src/components/scroller/scroller-item.js +18 -0
- package/build/esm/packages/phoenix/src/components/scroller/scroller-item.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/scroller/scroller.d.ts +12 -0
- package/build/esm/packages/phoenix/src/components/scroller/scroller.js +64 -0
- package/build/esm/packages/phoenix/src/components/scroller/scroller.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/scroller/scroller_types.d.ts +14 -0
- package/build/esm/packages/phoenix/src/components/scroller/scroller_types.js +2 -0
- package/build/esm/packages/phoenix/src/components/scroller/scroller_types.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/slider/slider.d.ts +9 -0
- package/build/esm/packages/phoenix/src/components/slider/slider.js +51 -1
- package/build/esm/packages/phoenix/src/components/slider/slider.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/slider/slider_constants.d.ts +4 -0
- package/build/esm/packages/phoenix/src/components/slider/slider_constants.js +7 -0
- package/build/esm/packages/phoenix/src/components/slider/slider_constants.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/slider/slider_types.d.ts +3 -0
- package/build/esm/packages/phoenix/src/components/slider/slider_types.js +2 -0
- package/build/esm/packages/phoenix/src/components/slider/slider_types.js.map +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +3 -0
- package/build/esm/packages/phoenix/src/index.js +2 -0
- package/build/esm/packages/phoenix/src/index.js.map +1 -1
- package/package.json +4 -2
|
@@ -0,0 +1,541 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
/*!
|
|
6
|
+
* @splidejs/splide-extension-auto-scroll
|
|
7
|
+
* Version : 0.5.3
|
|
8
|
+
* License : MIT
|
|
9
|
+
* Copyright: 2022 Naotoshi Fujita
|
|
10
|
+
*/
|
|
11
|
+
function empty(array) {
|
|
12
|
+
array.length = 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
function slice$1(arrayLike, start, end) {
|
|
16
|
+
return Array.prototype.slice.call(arrayLike, start, end);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
function apply$1(func) {
|
|
20
|
+
return func.bind.apply(func, [null].concat(slice$1(arguments, 1)));
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
function raf(func) {
|
|
24
|
+
return requestAnimationFrame(func);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function typeOf$1(type, subject) {
|
|
28
|
+
return typeof subject === type;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
var isArray$1 = Array.isArray;
|
|
32
|
+
apply$1(typeOf$1, "function");
|
|
33
|
+
apply$1(typeOf$1, "string");
|
|
34
|
+
apply$1(typeOf$1, "undefined");
|
|
35
|
+
|
|
36
|
+
function toArray$1(value) {
|
|
37
|
+
return isArray$1(value) ? value : [value];
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
function forEach$1(values, iteratee) {
|
|
41
|
+
toArray$1(values).forEach(iteratee);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
var ownKeys$1 = Object.keys;
|
|
45
|
+
|
|
46
|
+
function forOwn$1(object, iteratee, right) {
|
|
47
|
+
if (object) {
|
|
48
|
+
var keys = ownKeys$1(object);
|
|
49
|
+
keys = right ? keys.reverse() : keys;
|
|
50
|
+
|
|
51
|
+
for (var i = 0; i < keys.length; i++) {
|
|
52
|
+
var key = keys[i];
|
|
53
|
+
|
|
54
|
+
if (key !== "__proto__") {
|
|
55
|
+
if (iteratee(object[key], key) === false) {
|
|
56
|
+
break;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
return object;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
function assign$1(object) {
|
|
66
|
+
slice$1(arguments, 1).forEach(function (source) {
|
|
67
|
+
forOwn$1(source, function (value, key) {
|
|
68
|
+
object[key] = source[key];
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
return object;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
var min$1 = Math.min;
|
|
75
|
+
|
|
76
|
+
function EventBinder() {
|
|
77
|
+
var listeners = [];
|
|
78
|
+
|
|
79
|
+
function bind(targets, events, callback, options) {
|
|
80
|
+
forEachEvent(targets, events, function (target, event, namespace) {
|
|
81
|
+
var isEventTarget = ("addEventListener" in target);
|
|
82
|
+
var remover = isEventTarget ? target.removeEventListener.bind(target, event, callback, options) : target["removeListener"].bind(target, callback);
|
|
83
|
+
isEventTarget ? target.addEventListener(event, callback, options) : target["addListener"](callback);
|
|
84
|
+
listeners.push([target, event, namespace, callback, remover]);
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
function unbind(targets, events, callback) {
|
|
89
|
+
forEachEvent(targets, events, function (target, event, namespace) {
|
|
90
|
+
listeners = listeners.filter(function (listener) {
|
|
91
|
+
if (listener[0] === target && listener[1] === event && listener[2] === namespace && (!callback || listener[3] === callback)) {
|
|
92
|
+
listener[4]();
|
|
93
|
+
return false;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
return true;
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
function dispatch(target, type, detail) {
|
|
102
|
+
var e;
|
|
103
|
+
var bubbles = true;
|
|
104
|
+
|
|
105
|
+
if (typeof CustomEvent === "function") {
|
|
106
|
+
e = new CustomEvent(type, {
|
|
107
|
+
bubbles: bubbles,
|
|
108
|
+
detail: detail
|
|
109
|
+
});
|
|
110
|
+
} else {
|
|
111
|
+
e = document.createEvent("CustomEvent");
|
|
112
|
+
e.initCustomEvent(type, bubbles, false, detail);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
target.dispatchEvent(e);
|
|
116
|
+
return e;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
function forEachEvent(targets, events, iteratee) {
|
|
120
|
+
forEach$1(targets, function (target) {
|
|
121
|
+
target && forEach$1(events, function (events2) {
|
|
122
|
+
events2.split(" ").forEach(function (eventNS) {
|
|
123
|
+
var fragment = eventNS.split(".");
|
|
124
|
+
iteratee(target, fragment[0], fragment[1]);
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
function destroy() {
|
|
131
|
+
listeners.forEach(function (data) {
|
|
132
|
+
data[4]();
|
|
133
|
+
});
|
|
134
|
+
empty(listeners);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
return {
|
|
138
|
+
bind: bind,
|
|
139
|
+
unbind: unbind,
|
|
140
|
+
dispatch: dispatch,
|
|
141
|
+
destroy: destroy
|
|
142
|
+
};
|
|
143
|
+
}
|
|
144
|
+
var EVENT_MOVE = "move";
|
|
145
|
+
var EVENT_MOVED = "moved";
|
|
146
|
+
var EVENT_UPDATED = "updated";
|
|
147
|
+
var EVENT_DRAG = "drag";
|
|
148
|
+
var EVENT_DRAGGED = "dragged";
|
|
149
|
+
var EVENT_SCROLL = "scroll";
|
|
150
|
+
var EVENT_SCROLLED = "scrolled";
|
|
151
|
+
var EVENT_DESTROY = "destroy";
|
|
152
|
+
|
|
153
|
+
function EventInterface(Splide2) {
|
|
154
|
+
var bus = Splide2 ? Splide2.event.bus : document.createDocumentFragment();
|
|
155
|
+
var binder = EventBinder();
|
|
156
|
+
|
|
157
|
+
function on(events, callback) {
|
|
158
|
+
binder.bind(bus, toArray$1(events).join(" "), function (e) {
|
|
159
|
+
callback.apply(callback, isArray$1(e.detail) ? e.detail : []);
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
function emit(event) {
|
|
164
|
+
binder.dispatch(bus, event, slice$1(arguments, 1));
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
if (Splide2) {
|
|
168
|
+
Splide2.event.on(EVENT_DESTROY, binder.destroy);
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
return assign$1(binder, {
|
|
172
|
+
bus: bus,
|
|
173
|
+
on: on,
|
|
174
|
+
off: apply$1(binder.unbind, bus),
|
|
175
|
+
emit: emit
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
function RequestInterval(interval, onInterval, onUpdate, limit) {
|
|
180
|
+
var now = Date.now;
|
|
181
|
+
var startTime;
|
|
182
|
+
var rate = 0;
|
|
183
|
+
var id;
|
|
184
|
+
var paused = true;
|
|
185
|
+
var count = 0;
|
|
186
|
+
|
|
187
|
+
function update() {
|
|
188
|
+
if (!paused) {
|
|
189
|
+
rate = interval ? min$1((now() - startTime) / interval, 1) : 1;
|
|
190
|
+
onUpdate && onUpdate(rate);
|
|
191
|
+
|
|
192
|
+
if (rate >= 1) {
|
|
193
|
+
onInterval();
|
|
194
|
+
startTime = now();
|
|
195
|
+
|
|
196
|
+
if (limit && ++count >= limit) {
|
|
197
|
+
return pause();
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
raf(update);
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
function start(resume) {
|
|
206
|
+
!resume && cancel();
|
|
207
|
+
startTime = now() - (resume ? rate * interval : 0);
|
|
208
|
+
paused = false;
|
|
209
|
+
raf(update);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
function pause() {
|
|
213
|
+
paused = true;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
function rewind() {
|
|
217
|
+
startTime = now();
|
|
218
|
+
rate = 0;
|
|
219
|
+
|
|
220
|
+
if (onUpdate) {
|
|
221
|
+
onUpdate(rate);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
function cancel() {
|
|
226
|
+
id && cancelAnimationFrame(id);
|
|
227
|
+
rate = 0;
|
|
228
|
+
id = 0;
|
|
229
|
+
paused = true;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
function set(time) {
|
|
233
|
+
interval = time;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
function isPaused() {
|
|
237
|
+
return paused;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
return {
|
|
241
|
+
start: start,
|
|
242
|
+
rewind: rewind,
|
|
243
|
+
pause: pause,
|
|
244
|
+
cancel: cancel,
|
|
245
|
+
set: set,
|
|
246
|
+
isPaused: isPaused
|
|
247
|
+
};
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
function Throttle(func, duration) {
|
|
251
|
+
var interval;
|
|
252
|
+
|
|
253
|
+
function throttled() {
|
|
254
|
+
if (!interval) {
|
|
255
|
+
interval = RequestInterval(duration || 0, function () {
|
|
256
|
+
func();
|
|
257
|
+
interval = null;
|
|
258
|
+
}, null, 1);
|
|
259
|
+
interval.start();
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
return throttled;
|
|
264
|
+
}
|
|
265
|
+
var CLASS_ACTIVE = "is-active";
|
|
266
|
+
|
|
267
|
+
var SLIDE = "slide";
|
|
268
|
+
var FADE = "fade";
|
|
269
|
+
|
|
270
|
+
function slice(arrayLike, start, end) {
|
|
271
|
+
return Array.prototype.slice.call(arrayLike, start, end);
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
function apply(func) {
|
|
275
|
+
return func.bind(null, ...slice(arguments, 1));
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
function typeOf(type, subject) {
|
|
279
|
+
return typeof subject === type;
|
|
280
|
+
}
|
|
281
|
+
function isObject(subject) {
|
|
282
|
+
return !isNull(subject) && typeOf("object", subject);
|
|
283
|
+
}
|
|
284
|
+
const isArray = Array.isArray;
|
|
285
|
+
apply(typeOf, "function");
|
|
286
|
+
apply(typeOf, "string");
|
|
287
|
+
const isUndefined = apply(typeOf, "undefined");
|
|
288
|
+
function isNull(subject) {
|
|
289
|
+
return subject === null;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
function toArray(value) {
|
|
293
|
+
return isArray(value) ? value : [value];
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
function forEach(values, iteratee) {
|
|
297
|
+
toArray(values).forEach(iteratee);
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
function toggleClass(elm, classes, add) {
|
|
301
|
+
if (elm) {
|
|
302
|
+
forEach(classes, (name) => {
|
|
303
|
+
if (name) {
|
|
304
|
+
elm.classList[add ? "add" : "remove"](name);
|
|
305
|
+
}
|
|
306
|
+
});
|
|
307
|
+
}
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
const ownKeys = Object.keys;
|
|
311
|
+
|
|
312
|
+
function forOwn(object, iteratee, right) {
|
|
313
|
+
if (object) {
|
|
314
|
+
let keys = ownKeys(object);
|
|
315
|
+
keys = right ? keys.reverse() : keys;
|
|
316
|
+
for (let i = 0; i < keys.length; i++) {
|
|
317
|
+
const key = keys[i];
|
|
318
|
+
if (key !== "__proto__") {
|
|
319
|
+
if (iteratee(object[key], key) === false) {
|
|
320
|
+
break;
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
}
|
|
325
|
+
return object;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
function assign(object) {
|
|
329
|
+
slice(arguments, 1).forEach((source) => {
|
|
330
|
+
forOwn(source, (value, key) => {
|
|
331
|
+
object[key] = source[key];
|
|
332
|
+
});
|
|
333
|
+
});
|
|
334
|
+
return object;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
function removeAttribute(elms, attrs) {
|
|
338
|
+
forEach(elms, (elm) => {
|
|
339
|
+
forEach(attrs, (attr) => {
|
|
340
|
+
elm && elm.removeAttribute(attr);
|
|
341
|
+
});
|
|
342
|
+
});
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
function setAttribute(elms, attrs, value) {
|
|
346
|
+
if (isObject(attrs)) {
|
|
347
|
+
forOwn(attrs, (value2, name) => {
|
|
348
|
+
setAttribute(elms, name, value2);
|
|
349
|
+
});
|
|
350
|
+
} else {
|
|
351
|
+
forEach(elms, (elm) => {
|
|
352
|
+
isNull(value) || value === "" ? removeAttribute(elm, attrs) : elm.setAttribute(attrs, String(value));
|
|
353
|
+
});
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
const { min, max, floor, ceil, abs } = Math;
|
|
358
|
+
|
|
359
|
+
function clamp(number, x, y) {
|
|
360
|
+
const minimum = min(x, y);
|
|
361
|
+
const maximum = max(x, y);
|
|
362
|
+
return min(max(minimum, number), maximum);
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
const DEFAULTS = {
|
|
366
|
+
speed: 1,
|
|
367
|
+
autoStart: true,
|
|
368
|
+
pauseOnHover: true,
|
|
369
|
+
pauseOnFocus: true
|
|
370
|
+
};
|
|
371
|
+
|
|
372
|
+
const I18N = {
|
|
373
|
+
startScroll: "Start auto scroll",
|
|
374
|
+
pauseScroll: "Pause auto scroll"
|
|
375
|
+
};
|
|
376
|
+
|
|
377
|
+
function AutoScroll(Splide2, Components2, options) {
|
|
378
|
+
const { on, off, bind, unbind } = EventInterface(Splide2);
|
|
379
|
+
const { translate, getPosition, toIndex, getLimit } = Components2.Move;
|
|
380
|
+
const { setIndex, getIndex } = Components2.Controller;
|
|
381
|
+
const { orient } = Components2.Direction;
|
|
382
|
+
const { toggle } = Components2.Elements;
|
|
383
|
+
const { Live } = Components2;
|
|
384
|
+
const { root } = Splide2;
|
|
385
|
+
const throttledUpdateArrows = Throttle(Components2.Arrows.update, 500);
|
|
386
|
+
let autoScrollOptions = {};
|
|
387
|
+
let interval;
|
|
388
|
+
let stopped;
|
|
389
|
+
let hovered;
|
|
390
|
+
let focused;
|
|
391
|
+
let busy;
|
|
392
|
+
let currPosition;
|
|
393
|
+
function setup() {
|
|
394
|
+
const { autoScroll } = options;
|
|
395
|
+
autoScrollOptions = assign({}, DEFAULTS, isObject(autoScroll) ? autoScroll : {});
|
|
396
|
+
}
|
|
397
|
+
function mount() {
|
|
398
|
+
if (!Splide2.is(FADE)) {
|
|
399
|
+
if (!interval && options.autoScroll !== false) {
|
|
400
|
+
interval = RequestInterval(0, move);
|
|
401
|
+
listen();
|
|
402
|
+
autoStart();
|
|
403
|
+
}
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
function destroy() {
|
|
407
|
+
if (interval) {
|
|
408
|
+
interval.cancel();
|
|
409
|
+
interval = null;
|
|
410
|
+
currPosition = void 0;
|
|
411
|
+
off([EVENT_MOVE, EVENT_DRAG, EVENT_SCROLL, EVENT_MOVED, EVENT_SCROLLED]);
|
|
412
|
+
unbind(root, "mouseenter mouseleave focusin focusout");
|
|
413
|
+
unbind(toggle, "click");
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
function listen() {
|
|
417
|
+
if (autoScrollOptions.pauseOnHover) {
|
|
418
|
+
bind(root, "mouseenter mouseleave", (e) => {
|
|
419
|
+
hovered = e.type === "mouseenter";
|
|
420
|
+
autoToggle();
|
|
421
|
+
});
|
|
422
|
+
}
|
|
423
|
+
if (autoScrollOptions.pauseOnFocus) {
|
|
424
|
+
bind(root, "focusin focusout", (e) => {
|
|
425
|
+
focused = e.type === "focusin";
|
|
426
|
+
autoToggle();
|
|
427
|
+
});
|
|
428
|
+
}
|
|
429
|
+
if (autoScrollOptions.useToggleButton) {
|
|
430
|
+
bind(toggle, "click", () => {
|
|
431
|
+
stopped ? play() : pause();
|
|
432
|
+
});
|
|
433
|
+
}
|
|
434
|
+
on(EVENT_UPDATED, update);
|
|
435
|
+
on([EVENT_MOVE, EVENT_DRAG, EVENT_SCROLL], () => {
|
|
436
|
+
busy = true;
|
|
437
|
+
pause(false);
|
|
438
|
+
});
|
|
439
|
+
on([EVENT_MOVED, EVENT_DRAGGED, EVENT_SCROLLED], () => {
|
|
440
|
+
busy = false;
|
|
441
|
+
autoToggle();
|
|
442
|
+
});
|
|
443
|
+
}
|
|
444
|
+
function update() {
|
|
445
|
+
const { autoScroll } = options;
|
|
446
|
+
if (autoScroll !== false) {
|
|
447
|
+
autoScrollOptions = assign({}, autoScrollOptions, isObject(autoScroll) ? autoScroll : {});
|
|
448
|
+
mount();
|
|
449
|
+
} else {
|
|
450
|
+
destroy();
|
|
451
|
+
}
|
|
452
|
+
if (interval && !isUndefined(currPosition)) {
|
|
453
|
+
translate(currPosition);
|
|
454
|
+
}
|
|
455
|
+
}
|
|
456
|
+
function autoStart() {
|
|
457
|
+
if (autoScrollOptions.autoStart) {
|
|
458
|
+
if (document.readyState === "complete") {
|
|
459
|
+
play();
|
|
460
|
+
} else {
|
|
461
|
+
bind(window, "load", play);
|
|
462
|
+
}
|
|
463
|
+
}
|
|
464
|
+
}
|
|
465
|
+
function play() {
|
|
466
|
+
if (isPaused()) {
|
|
467
|
+
interval.start(true);
|
|
468
|
+
Live.disable(true);
|
|
469
|
+
focused = hovered = stopped = false;
|
|
470
|
+
updateButton();
|
|
471
|
+
}
|
|
472
|
+
}
|
|
473
|
+
function pause(stop = true) {
|
|
474
|
+
if (!stopped) {
|
|
475
|
+
stopped = stop;
|
|
476
|
+
updateButton();
|
|
477
|
+
if (!isPaused()) {
|
|
478
|
+
interval.pause();
|
|
479
|
+
Live.disable(false);
|
|
480
|
+
}
|
|
481
|
+
}
|
|
482
|
+
}
|
|
483
|
+
function autoToggle() {
|
|
484
|
+
if (!stopped) {
|
|
485
|
+
hovered || focused || busy ? pause(false) : play();
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
function move() {
|
|
489
|
+
const position = getPosition();
|
|
490
|
+
const destination = computeDestination(position);
|
|
491
|
+
if (position !== destination) {
|
|
492
|
+
translate(destination);
|
|
493
|
+
updateIndex(currPosition = getPosition());
|
|
494
|
+
} else {
|
|
495
|
+
pause(false);
|
|
496
|
+
if (autoScrollOptions.rewind) {
|
|
497
|
+
Splide2.go(autoScrollOptions.speed > 0 ? 0 : Components2.Controller.getEnd());
|
|
498
|
+
}
|
|
499
|
+
}
|
|
500
|
+
throttledUpdateArrows();
|
|
501
|
+
}
|
|
502
|
+
function computeDestination(position) {
|
|
503
|
+
const speed = autoScrollOptions.speed || 1;
|
|
504
|
+
position += orient(speed);
|
|
505
|
+
if (Splide2.is(SLIDE)) {
|
|
506
|
+
position = clamp(position, getLimit(false), getLimit(true));
|
|
507
|
+
}
|
|
508
|
+
return position;
|
|
509
|
+
}
|
|
510
|
+
function updateIndex(position) {
|
|
511
|
+
const { length } = Splide2;
|
|
512
|
+
const index = (toIndex(position) + length) % length;
|
|
513
|
+
if (index !== getIndex()) {
|
|
514
|
+
setIndex(index);
|
|
515
|
+
Components2.Slides.update();
|
|
516
|
+
Components2.Pagination.update();
|
|
517
|
+
options.lazyLoad === "nearby" && Components2.LazyLoad.check();
|
|
518
|
+
}
|
|
519
|
+
}
|
|
520
|
+
function updateButton() {
|
|
521
|
+
if (toggle) {
|
|
522
|
+
const key = stopped ? "startScroll" : "pauseScroll";
|
|
523
|
+
toggleClass(toggle, CLASS_ACTIVE, !stopped);
|
|
524
|
+
setAttribute(toggle, "aria-label", options.i18n[key] || I18N[key]);
|
|
525
|
+
}
|
|
526
|
+
}
|
|
527
|
+
function isPaused() {
|
|
528
|
+
return !interval || interval.isPaused();
|
|
529
|
+
}
|
|
530
|
+
return {
|
|
531
|
+
setup,
|
|
532
|
+
mount,
|
|
533
|
+
destroy,
|
|
534
|
+
play,
|
|
535
|
+
pause,
|
|
536
|
+
isPaused
|
|
537
|
+
};
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
exports.AutoScroll = AutoScroll;
|
|
541
|
+
//# sourceMappingURL=splide-extension-auto-scroll.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
+
var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
7
|
+
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
8
|
+
|
|
9
|
+
exports.HScrollerItem = class HScrollerItem extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
10
|
+
constructor() {
|
|
11
|
+
super();
|
|
12
|
+
this.slot = this.hasAttribute('slot') ? this.slot : 'item';
|
|
13
|
+
this.className = `splide__slide ${this.className}`;
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
exports.HScrollerItem = tslib_es6.__decorate([
|
|
17
|
+
phoenix_custom_element.phoenixCustomElement('h-scroller-item'),
|
|
18
|
+
tslib_es6.__metadata("design:paramtypes", [])
|
|
19
|
+
], exports.HScrollerItem);
|
|
20
|
+
//# sourceMappingURL=scroller-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
+
var decorators = require('lit/decorators');
|
|
7
|
+
var utilities = require('@dreamcommerce/utilities');
|
|
8
|
+
var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
|
+
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
10
|
+
var splide_esm = require('../../../../../external/@splidejs/splide/dist/js/splide.esm.js');
|
|
11
|
+
var splideExtensionAutoScroll_esm = require('../../../../../external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js');
|
|
12
|
+
|
|
13
|
+
exports.HScroller = class HScroller extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments);
|
|
16
|
+
this.settings = '';
|
|
17
|
+
this.id = '';
|
|
18
|
+
this._settings = {
|
|
19
|
+
mountOnConnectedCallback: true,
|
|
20
|
+
type: 'loop',
|
|
21
|
+
perPage: 3,
|
|
22
|
+
autoScroll: {
|
|
23
|
+
autoStart: true,
|
|
24
|
+
pauseOnFocus: true,
|
|
25
|
+
pauseOnHover: true,
|
|
26
|
+
rewind: false,
|
|
27
|
+
speed: 1
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
this._scroller = null;
|
|
31
|
+
}
|
|
32
|
+
get sliderSettings() {
|
|
33
|
+
return this._settings;
|
|
34
|
+
}
|
|
35
|
+
set sliderSettings(newSettingsObject) {
|
|
36
|
+
const newSettings = utilities.JsonUtils.toJson(newSettingsObject);
|
|
37
|
+
if (!newSettings)
|
|
38
|
+
return;
|
|
39
|
+
this.settings = newSettings;
|
|
40
|
+
}
|
|
41
|
+
connectedCallback() {
|
|
42
|
+
var _a;
|
|
43
|
+
if (this.settings) {
|
|
44
|
+
this._settings = (_a = utilities.JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
|
|
45
|
+
}
|
|
46
|
+
this._scroller = new splide_esm.Splide(`#${this.id}`, this._settings);
|
|
47
|
+
if (this._settings.mountOnConnectedCallback) {
|
|
48
|
+
this._scroller.mount({ AutoScroll: splideExtensionAutoScroll_esm.AutoScroll });
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
getSlider() {
|
|
52
|
+
return this._scroller;
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
tslib_es6.__decorate([
|
|
56
|
+
decorators.property({ reflect: true }),
|
|
57
|
+
tslib_es6.__metadata("design:type", String)
|
|
58
|
+
], exports.HScroller.prototype, "settings", void 0);
|
|
59
|
+
tslib_es6.__decorate([
|
|
60
|
+
decorators.property(),
|
|
61
|
+
tslib_es6.__metadata("design:type", String)
|
|
62
|
+
], exports.HScroller.prototype, "id", void 0);
|
|
63
|
+
exports.HScroller = tslib_es6.__decorate([
|
|
64
|
+
phoenix_custom_element.phoenixCustomElement('h-scroller')
|
|
65
|
+
], exports.HScroller);
|
|
66
|
+
//# sourceMappingURL=scroller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,yBAAyB,gEAAoE;AAC7F,4CAA4C,4GAAgH;AAC5J;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|