@everymatrix/general-slider 1.54.12 → 1.55.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/cjs/general-slider.cjs.entry.js +9 -39
- package/dist/cjs/general-slider.cjs.js +2 -2
- package/dist/cjs/{index-1e31d6e0.js → index-d1f313c2.js} +71 -172
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/general-slider/general-slider.js +8 -58
- package/dist/esm/general-slider.entry.js +9 -39
- package/dist/esm/general-slider.js +3 -3
- package/dist/esm/{index-69022c20.js → index-d5dd9b7c.js} +71 -172
- package/dist/esm/loader.js +2 -2
- package/dist/general-slider/general-slider.esm.js +1 -1
- package/dist/general-slider/p-825871b1.js +2 -0
- package/dist/general-slider/{p-983490d7.entry.js → p-89af433b.entry.js} +1 -1
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-slider/.stencil/packages/stencil/general-slider/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-slider/.stencil/packages/stencil/general-slider/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/general-slider/p-4b3cc973.js +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-slider/.stencil/packages/stencil/general-slider/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-slider/.stencil/packages/stencil/general-slider/stencil.config.dev.d.ts +0 -2
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-slider/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-slider/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-slider/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-slider/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1,57 +1,27 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class GeneralSlider {
|
|
3
3
|
constructor() {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
this.slides = null;
|
|
5
|
+
this.slideWidth = 0;
|
|
6
|
+
this.controls = {
|
|
7
|
+
Prev: null,
|
|
8
|
+
Next: null
|
|
9
|
+
};
|
|
10
|
+
this.xDown = null;
|
|
11
|
+
this.yDown = null;
|
|
7
12
|
this.slideNumber = 3;
|
|
8
|
-
/**
|
|
9
|
-
* Slides to show
|
|
10
|
-
*/
|
|
11
13
|
this.slideShow = 3;
|
|
12
|
-
/**
|
|
13
|
-
* Display the arrow icon
|
|
14
|
-
*/
|
|
15
14
|
this.showArrow = true;
|
|
16
|
-
/**
|
|
17
|
-
* Display the button
|
|
18
|
-
*/
|
|
19
15
|
this.showButton = false;
|
|
20
|
-
/**
|
|
21
|
-
* Auto Slide
|
|
22
|
-
*/
|
|
23
16
|
this.autoSlide = false;
|
|
24
|
-
/**
|
|
25
|
-
* Auto Slide loop time
|
|
26
|
-
*/
|
|
27
17
|
this.loopTime = 1;
|
|
28
|
-
/**
|
|
29
|
-
* Auto fill the Item height
|
|
30
|
-
*/
|
|
31
18
|
this.autoItemHeight = false;
|
|
32
|
-
/**
|
|
33
|
-
* Client custom styling via inline styles
|
|
34
|
-
*/
|
|
35
19
|
this.clientStyling = '';
|
|
36
|
-
/**
|
|
37
|
-
* Client custom styling via url
|
|
38
|
-
*/
|
|
39
20
|
this.clientStylingUrl = '';
|
|
40
|
-
/**
|
|
41
|
-
* Current page of slider
|
|
42
|
-
*/
|
|
43
21
|
this.currentPage = 0;
|
|
44
22
|
this.currentSlideNumber = 0;
|
|
45
23
|
this.slidesCount = 0;
|
|
46
24
|
this.limitStylingAppends = false;
|
|
47
|
-
this.slides = null;
|
|
48
|
-
this.slideWidth = 0;
|
|
49
|
-
this.controls = {
|
|
50
|
-
Prev: null,
|
|
51
|
-
Next: null
|
|
52
|
-
};
|
|
53
|
-
this.xDown = null;
|
|
54
|
-
this.yDown = null;
|
|
55
25
|
}
|
|
56
26
|
slide(next) {
|
|
57
27
|
this.sliderEl.classList.remove('Static');
|
|
@@ -252,8 +222,6 @@ export class GeneralSlider {
|
|
|
252
222
|
"tags": [],
|
|
253
223
|
"text": "Slide Count"
|
|
254
224
|
},
|
|
255
|
-
"getter": false,
|
|
256
|
-
"setter": false,
|
|
257
225
|
"attribute": "slide-number",
|
|
258
226
|
"reflect": false,
|
|
259
227
|
"defaultValue": "3"
|
|
@@ -272,8 +240,6 @@ export class GeneralSlider {
|
|
|
272
240
|
"tags": [],
|
|
273
241
|
"text": "Slides to show"
|
|
274
242
|
},
|
|
275
|
-
"getter": false,
|
|
276
|
-
"setter": false,
|
|
277
243
|
"attribute": "slide-show",
|
|
278
244
|
"reflect": false,
|
|
279
245
|
"defaultValue": "3"
|
|
@@ -292,8 +258,6 @@ export class GeneralSlider {
|
|
|
292
258
|
"tags": [],
|
|
293
259
|
"text": "Display the arrow icon"
|
|
294
260
|
},
|
|
295
|
-
"getter": false,
|
|
296
|
-
"setter": false,
|
|
297
261
|
"attribute": "show-arrow",
|
|
298
262
|
"reflect": false,
|
|
299
263
|
"defaultValue": "true"
|
|
@@ -312,8 +276,6 @@ export class GeneralSlider {
|
|
|
312
276
|
"tags": [],
|
|
313
277
|
"text": "Display the button"
|
|
314
278
|
},
|
|
315
|
-
"getter": false,
|
|
316
|
-
"setter": false,
|
|
317
279
|
"attribute": "show-button",
|
|
318
280
|
"reflect": false,
|
|
319
281
|
"defaultValue": "false"
|
|
@@ -332,8 +294,6 @@ export class GeneralSlider {
|
|
|
332
294
|
"tags": [],
|
|
333
295
|
"text": "Auto Slide"
|
|
334
296
|
},
|
|
335
|
-
"getter": false,
|
|
336
|
-
"setter": false,
|
|
337
297
|
"attribute": "auto-slide",
|
|
338
298
|
"reflect": false,
|
|
339
299
|
"defaultValue": "false"
|
|
@@ -352,8 +312,6 @@ export class GeneralSlider {
|
|
|
352
312
|
"tags": [],
|
|
353
313
|
"text": "Auto Slide loop time"
|
|
354
314
|
},
|
|
355
|
-
"getter": false,
|
|
356
|
-
"setter": false,
|
|
357
315
|
"attribute": "loop-time",
|
|
358
316
|
"reflect": false,
|
|
359
317
|
"defaultValue": "1"
|
|
@@ -372,8 +330,6 @@ export class GeneralSlider {
|
|
|
372
330
|
"tags": [],
|
|
373
331
|
"text": "Auto fill the Item height"
|
|
374
332
|
},
|
|
375
|
-
"getter": false,
|
|
376
|
-
"setter": false,
|
|
377
333
|
"attribute": "auto-item-height",
|
|
378
334
|
"reflect": false,
|
|
379
335
|
"defaultValue": "false"
|
|
@@ -392,8 +348,6 @@ export class GeneralSlider {
|
|
|
392
348
|
"tags": [],
|
|
393
349
|
"text": "Client custom styling via inline styles"
|
|
394
350
|
},
|
|
395
|
-
"getter": false,
|
|
396
|
-
"setter": false,
|
|
397
351
|
"attribute": "client-styling",
|
|
398
352
|
"reflect": false,
|
|
399
353
|
"defaultValue": "''"
|
|
@@ -412,8 +366,6 @@ export class GeneralSlider {
|
|
|
412
366
|
"tags": [],
|
|
413
367
|
"text": "Client custom styling via url"
|
|
414
368
|
},
|
|
415
|
-
"getter": false,
|
|
416
|
-
"setter": false,
|
|
417
369
|
"attribute": "client-styling-url",
|
|
418
370
|
"reflect": false,
|
|
419
371
|
"defaultValue": "''"
|
|
@@ -432,8 +384,6 @@ export class GeneralSlider {
|
|
|
432
384
|
"tags": [],
|
|
433
385
|
"text": "Current page of slider"
|
|
434
386
|
},
|
|
435
|
-
"getter": false,
|
|
436
|
-
"setter": false,
|
|
437
387
|
"attribute": "current-page",
|
|
438
388
|
"reflect": false,
|
|
439
389
|
"defaultValue": "0"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, h, g as getElement } from './index-d5dd9b7c.js';
|
|
2
2
|
|
|
3
3
|
const generalSliderCss = ":host{display:block}.GeneralSlider{position:relative}.Slider{position:relative;width:100%;margin:0 auto;overflow:hidden}.SliderList{display:flex;margin:0;padding:0;list-style:none;transition:transform 0.5s ease-in-out}.SliderList.Static{transition-duration:0ms}::slotted(li){flex:1 0 auto;width:100%;margin:auto}::slotted(li.hide){visibility:hidden;height:0;transition-delay:500ms}.Col-2 ::slotted(li){flex:2 0 auto;width:50%}.Col-3 ::slotted(li){flex:3 0 auto;width:33.3333333333%}.Col-4 ::slotted(li){flex:4 0 auto;width:25%}.Col-5 ::slotted(li){flex:5 0 auto;width:20%}.Col-6 ::slotted(li){flex:6 0 auto;width:16.6666666667%}.Col-7 ::slotted(li){flex:7 0 auto;width:14.2857142857%}.Col-8 ::slotted(li){flex:8 0 auto;width:12.5%}.Col-9 ::slotted(li){flex:9 0 auto;width:11.1111111111%}.Col-10 ::slotted(li){flex:10 0 auto;width:10%}.Col-11 ::slotted(li){flex:11 0 auto;width:9.0909090909%}.Col-12 ::slotted(li){flex:12 0 auto;width:8.3333333333%}.Button{position:absolute;z-index:1;top:calc(50% - 32px);padding:20px;font-size:20px;line-height:20px;opacity:0.5;border:none;background:var(--emw--color-contrast, #07072A);color:var(--emw--color-white, #FFFFFF);cursor:pointer}.Button:hover{opacity:1;transition:opacity 0.5s ease-in-out}.Button[disabled],.Button[disabled]:hover{color:var(--emw--color-gray-150, #828282);opacity:0.25}.Button.ButtonNext{right:0}.PageButtons{display:flex;gap:4px;margin-top:8px}.PageButton{width:15px;height:4px;border-radius:4px;background-color:var(--emw--tournament-color-primary, #0072ed);opacity:0.2;cursor:pointer;float:right}.PageButton.active{width:45px;opacity:1}";
|
|
4
4
|
const GeneralSliderStyle0 = generalSliderCss;
|
|
@@ -6,57 +6,27 @@ const GeneralSliderStyle0 = generalSliderCss;
|
|
|
6
6
|
const GeneralSlider = class {
|
|
7
7
|
constructor(hostRef) {
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
this.slides = null;
|
|
10
|
+
this.slideWidth = 0;
|
|
11
|
+
this.controls = {
|
|
12
|
+
Prev: null,
|
|
13
|
+
Next: null
|
|
14
|
+
};
|
|
15
|
+
this.xDown = null;
|
|
16
|
+
this.yDown = null;
|
|
12
17
|
this.slideNumber = 3;
|
|
13
|
-
/**
|
|
14
|
-
* Slides to show
|
|
15
|
-
*/
|
|
16
18
|
this.slideShow = 3;
|
|
17
|
-
/**
|
|
18
|
-
* Display the arrow icon
|
|
19
|
-
*/
|
|
20
19
|
this.showArrow = true;
|
|
21
|
-
/**
|
|
22
|
-
* Display the button
|
|
23
|
-
*/
|
|
24
20
|
this.showButton = false;
|
|
25
|
-
/**
|
|
26
|
-
* Auto Slide
|
|
27
|
-
*/
|
|
28
21
|
this.autoSlide = false;
|
|
29
|
-
/**
|
|
30
|
-
* Auto Slide loop time
|
|
31
|
-
*/
|
|
32
22
|
this.loopTime = 1;
|
|
33
|
-
/**
|
|
34
|
-
* Auto fill the Item height
|
|
35
|
-
*/
|
|
36
23
|
this.autoItemHeight = false;
|
|
37
|
-
/**
|
|
38
|
-
* Client custom styling via inline styles
|
|
39
|
-
*/
|
|
40
24
|
this.clientStyling = '';
|
|
41
|
-
/**
|
|
42
|
-
* Client custom styling via url
|
|
43
|
-
*/
|
|
44
25
|
this.clientStylingUrl = '';
|
|
45
|
-
/**
|
|
46
|
-
* Current page of slider
|
|
47
|
-
*/
|
|
48
26
|
this.currentPage = 0;
|
|
49
27
|
this.currentSlideNumber = 0;
|
|
50
28
|
this.slidesCount = 0;
|
|
51
29
|
this.limitStylingAppends = false;
|
|
52
|
-
this.slides = null;
|
|
53
|
-
this.slideWidth = 0;
|
|
54
|
-
this.controls = {
|
|
55
|
-
Prev: null,
|
|
56
|
-
Next: null
|
|
57
|
-
};
|
|
58
|
-
this.xDown = null;
|
|
59
|
-
this.yDown = null;
|
|
60
30
|
}
|
|
61
31
|
slide(next) {
|
|
62
32
|
this.sliderEl.classList.remove('Static');
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-d5dd9b7c.js';
|
|
2
|
+
export { s as setNonce } from './index-d5dd9b7c.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|