@everymatrix/general-slider 1.52.6 → 1.53.10

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.
Files changed (17) hide show
  1. package/dist/cjs/general-slider.cjs.entry.js +49 -19
  2. package/dist/cjs/general-slider.cjs.js +2 -2
  3. package/dist/cjs/{index-d1f313c2.js → index-d0f0bcf6.js} +166 -71
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/collection-manifest.json +1 -1
  6. package/dist/collection/components/general-slider/general-slider.css +3 -0
  7. package/dist/collection/components/general-slider/general-slider.js +67 -17
  8. package/dist/esm/general-slider.entry.js +49 -19
  9. package/dist/esm/general-slider.js +3 -3
  10. package/dist/esm/{index-d5dd9b7c.js → index-217672e1.js} +166 -71
  11. package/dist/esm/loader.js +2 -2
  12. package/dist/general-slider/general-slider.esm.js +1 -1
  13. package/dist/general-slider/p-e8b3e5f4.entry.js +1 -0
  14. package/dist/general-slider/p-f26efc36.js +2 -0
  15. package/package.json +1 -1
  16. package/dist/general-slider/p-150eaacc.entry.js +0 -1
  17. package/dist/general-slider/p-825871b1.js +0 -2
package/dist/collection/components/general-slider/general-slider.js CHANGED
@@ -1,29 +1,60 @@
1
1
  import { h } from "@stencil/core";
2
2
  export class GeneralSlider {
3
3
  constructor() {
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;
4
+ /**
5
+ * Slide Count
6
+ */
12
7
  this.slideNumber = 3;
8
+ /**
9
+ * Slides to show
10
+ */
13
11
  this.slideShow = 3;
12
+ /**
13
+ * Display the arrow icon
14
+ */
14
15
  this.showArrow = true;
16
+ /**
17
+ * Display the button
18
+ */
15
19
  this.showButton = false;
20
+ /**
21
+ * Auto Slide
22
+ */
16
23
  this.autoSlide = false;
24
+ /**
25
+ * Auto Slide loop time
26
+ */
17
27
  this.loopTime = 1;
28
+ /**
29
+ * Auto fill the Item height
30
+ */
18
31
  this.autoItemHeight = false;
32
+ /**
33
+ * Client custom styling via inline styles
34
+ */
19
35
  this.clientStyling = '';
36
+ /**
37
+ * Client custom styling via url
38
+ */
20
39
  this.clientStylingUrl = '';
40
+ /**
41
+ * Current page of slider
42
+ */
21
43
  this.currentPage = 0;
22
44
  this.currentSlideNumber = 0;
23
45
  this.slidesCount = 0;
24
46
  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;
25
55
  }
26
56
  slide(next) {
57
+ this.sliderEl.classList.remove('Static');
27
58
  let slideTo = 0;
28
59
  if (next) {
29
60
  slideTo = this.currentSlideNumber + this.slideNumber;
@@ -38,13 +69,14 @@ export class GeneralSlider {
38
69
  this.updateListStyle();
39
70
  }
40
71
  slideTo(page) {
72
+ this.sliderEl.classList.remove('Static');
41
73
  this.currentSlideNumber = page * this.slideNumber;
42
74
  this.currentPage = page;
43
75
  this.updateListStyle();
44
76
  }
45
77
  updateControls() {
46
- this.switchControl('Prev', (this.currentSlideNumber === 0) ? false : true);
47
- this.switchControl('Next', (this.currentSlideNumber === this.slidesCount - this.slideShow) ? false : true);
78
+ this.switchControl('Prev', this.currentSlideNumber === 0 ? false : true);
79
+ this.switchControl('Next', this.currentSlideNumber === this.slidesCount - this.slideShow ? false : true);
48
80
  }
49
81
  switchControl(type, enabled) {
50
82
  if (this.controls[type]) {
@@ -56,9 +88,6 @@ export class GeneralSlider {
56
88
  this.slideNumber = 1;
57
89
  if (!this.slideShow)
58
90
  this.slideShow = 1;
59
- if (this.currentPage !== 0) {
60
- this.slideTo(this.currentPage);
61
- }
62
91
  }
63
92
  componentDidLoad() {
64
93
  this.slides = this.slotEl.assignedElements();
@@ -76,6 +105,10 @@ export class GeneralSlider {
76
105
  this.setClientStylingURL();
77
106
  this.limitStylingAppends = true;
78
107
  }
108
+ if (this.currentPage !== 0) {
109
+ this.sliderEl.classList.add('Static');
110
+ this.currentSlideNumber = this.currentPage * this.slideNumber;
111
+ }
79
112
  }
80
113
  componentDidRender() {
81
114
  if (this.slides)
@@ -139,7 +172,6 @@ export class GeneralSlider {
139
172
  this.setSlideAutoInterval();
140
173
  }
141
174
  }
142
- ;
143
175
  setSlideAutoInterval() {
144
176
  if (this.loopTime == 0) {
145
177
  return;
@@ -190,9 +222,7 @@ export class GeneralSlider {
190
222
  });
191
223
  }
192
224
  render() {
193
- return (h("div", { key: '3a78acee0094c90ebb20c7e8435088b7b2019f9f', class: "GeneralSlider" }, h("div", { key: 'fbf26d5ab557a209fb9cacc5823f74690b211967', class: "Slider" }, h("ul", { key: '8a4dd8156eff50ec96960026e43721db41b80628', class: `SliderList Col-${this.slideShow}`, part: "SliderList", onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false), ref: (el) => this.sliderEl = el }, h("slot", { key: 'a8bf872b513d03fb0bf171c76183673cda291456', ref: (el) => this.slotEl = el }))), this.showButton && this.slidesCount > 0 &&
194
- h("div", { key: '9346a66e8b64d27a128707e20eb2a36fea43741c', class: "PageButtons", part: "PageButtons" }, [...Array(this.slidesCount / this.slideNumber)].map((_x, i) => h("div", { class: `PageButton ${this.currentPage == i ? 'active' : ''}`, title: `page${i}`, onClick: this.slideTo.bind(this, i), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, "\u00A0"))), this.showArrow &&
195
- h("div", { key: '559e1f4b1afd91f2290d5cf96e6a4ab2e3a4c3af', class: "ArrowButtons" }, h("button", { key: 'a2793999d32183b00de551ebe10e9a35480637ea', type: "button", class: "Button ButtonNext", onClick: this.slide.bind(this, true), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, ">"), h("button", { key: 'b362f458df805531cafb933e1418fc9edac883a3', type: "button", class: "Button ButtonPrev", onClick: this.slide.bind(this, false), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, "<"))));
225
+ return (h("div", { key: '8f86541d4454387e01a54b26c0aa6515d47ddb4d', class: "GeneralSlider" }, h("div", { key: 'c3e606e98881afeb2b867a58b25f3e7aa3915808', class: "Slider" }, h("ul", { key: 'e764fb6ad7fe7a727b7c1f37b5fe26704f2cd390', class: `SliderList Col-${this.slideShow}`, part: "SliderList", onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false), ref: (el) => (this.sliderEl = el) }, h("slot", { key: 'c61792d98ee4aefeb8fe8e84245eac495ff2f898', ref: (el) => (this.slotEl = el) }))), this.showButton && this.slidesCount > 0 && (h("div", { key: '35b1a666ec07535c2b70e8678aff70be5a2eff35', class: "PageButtons", part: "PageButtons" }, [...Array(this.slidesCount / this.slideNumber)].map((_x, i) => (h("div", { class: `PageButton ${this.currentPage == i ? 'active' : ''}`, title: `page${i}`, onClick: this.slideTo.bind(this, i), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, "\u00A0"))))), this.showArrow && (h("div", { key: '6e910a7d9013b49bc70160fdc8b193de0c1ee309', class: "ArrowButtons" }, h("button", { key: '1d21da8ede99b7ef0c1610334763d15d7a9640c7', type: "button", class: "Button ButtonNext", onClick: this.slide.bind(this, true), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, ">"), h("button", { key: 'e890b5cb47ba744fb977e492235330f201129f09', type: "button", class: "Button ButtonPrev", onClick: this.slide.bind(this, false), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, "<")))));
196
226
  }
197
227
  static get is() { return "general-slider"; }
198
228
  static get encapsulation() { return "shadow"; }
@@ -222,6 +252,8 @@ export class GeneralSlider {
222
252
  "tags": [],
223
253
  "text": "Slide Count"
224
254
  },
255
+ "getter": false,
256
+ "setter": false,
225
257
  "attribute": "slide-number",
226
258
  "reflect": false,
227
259
  "defaultValue": "3"
@@ -240,6 +272,8 @@ export class GeneralSlider {
240
272
  "tags": [],
241
273
  "text": "Slides to show"
242
274
  },
275
+ "getter": false,
276
+ "setter": false,
243
277
  "attribute": "slide-show",
244
278
  "reflect": false,
245
279
  "defaultValue": "3"
@@ -258,6 +292,8 @@ export class GeneralSlider {
258
292
  "tags": [],
259
293
  "text": "Display the arrow icon"
260
294
  },
295
+ "getter": false,
296
+ "setter": false,
261
297
  "attribute": "show-arrow",
262
298
  "reflect": false,
263
299
  "defaultValue": "true"
@@ -276,6 +312,8 @@ export class GeneralSlider {
276
312
  "tags": [],
277
313
  "text": "Display the button"
278
314
  },
315
+ "getter": false,
316
+ "setter": false,
279
317
  "attribute": "show-button",
280
318
  "reflect": false,
281
319
  "defaultValue": "false"
@@ -294,6 +332,8 @@ export class GeneralSlider {
294
332
  "tags": [],
295
333
  "text": "Auto Slide"
296
334
  },
335
+ "getter": false,
336
+ "setter": false,
297
337
  "attribute": "auto-slide",
298
338
  "reflect": false,
299
339
  "defaultValue": "false"
@@ -312,6 +352,8 @@ export class GeneralSlider {
312
352
  "tags": [],
313
353
  "text": "Auto Slide loop time"
314
354
  },
355
+ "getter": false,
356
+ "setter": false,
315
357
  "attribute": "loop-time",
316
358
  "reflect": false,
317
359
  "defaultValue": "1"
@@ -330,6 +372,8 @@ export class GeneralSlider {
330
372
  "tags": [],
331
373
  "text": "Auto fill the Item height"
332
374
  },
375
+ "getter": false,
376
+ "setter": false,
333
377
  "attribute": "auto-item-height",
334
378
  "reflect": false,
335
379
  "defaultValue": "false"
@@ -348,6 +392,8 @@ export class GeneralSlider {
348
392
  "tags": [],
349
393
  "text": "Client custom styling via inline styles"
350
394
  },
395
+ "getter": false,
396
+ "setter": false,
351
397
  "attribute": "client-styling",
352
398
  "reflect": false,
353
399
  "defaultValue": "''"
@@ -366,6 +412,8 @@ export class GeneralSlider {
366
412
  "tags": [],
367
413
  "text": "Client custom styling via url"
368
414
  },
415
+ "getter": false,
416
+ "setter": false,
369
417
  "attribute": "client-styling-url",
370
418
  "reflect": false,
371
419
  "defaultValue": "''"
@@ -384,6 +432,8 @@ export class GeneralSlider {
384
432
  "tags": [],
385
433
  "text": "Current page of slider"
386
434
  },
435
+ "getter": false,
436
+ "setter": false,
387
437
  "attribute": "current-page",
388
438
  "reflect": false,
389
439
  "defaultValue": "0"
package/dist/esm/general-slider.entry.js CHANGED
@@ -1,34 +1,65 @@
1
- import { r as registerInstance, h, g as getElement } from './index-d5dd9b7c.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-217672e1.js';
2
2
 
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}::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}";
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;
5
5
 
6
6
  const GeneralSlider = class {
7
7
  constructor(hostRef) {
8
8
  registerInstance(this, hostRef);
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;
9
+ /**
10
+ * Slide Count
11
+ */
17
12
  this.slideNumber = 3;
13
+ /**
14
+ * Slides to show
15
+ */
18
16
  this.slideShow = 3;
17
+ /**
18
+ * Display the arrow icon
19
+ */
19
20
  this.showArrow = true;
21
+ /**
22
+ * Display the button
23
+ */
20
24
  this.showButton = false;
25
+ /**
26
+ * Auto Slide
27
+ */
21
28
  this.autoSlide = false;
29
+ /**
30
+ * Auto Slide loop time
31
+ */
22
32
  this.loopTime = 1;
33
+ /**
34
+ * Auto fill the Item height
35
+ */
23
36
  this.autoItemHeight = false;
37
+ /**
38
+ * Client custom styling via inline styles
39
+ */
24
40
  this.clientStyling = '';
41
+ /**
42
+ * Client custom styling via url
43
+ */
25
44
  this.clientStylingUrl = '';
45
+ /**
46
+ * Current page of slider
47
+ */
26
48
  this.currentPage = 0;
27
49
  this.currentSlideNumber = 0;
28
50
  this.slidesCount = 0;
29
51
  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;
30
60
  }
31
61
  slide(next) {
62
+ this.sliderEl.classList.remove('Static');
32
63
  let slideTo = 0;
33
64
  if (next) {
34
65
  slideTo = this.currentSlideNumber + this.slideNumber;
@@ -43,13 +74,14 @@ const GeneralSlider = class {
43
74
  this.updateListStyle();
44
75
  }
45
76
  slideTo(page) {
77
+ this.sliderEl.classList.remove('Static');
46
78
  this.currentSlideNumber = page * this.slideNumber;
47
79
  this.currentPage = page;
48
80
  this.updateListStyle();
49
81
  }
50
82
  updateControls() {
51
- this.switchControl('Prev', (this.currentSlideNumber === 0) ? false : true);
52
- this.switchControl('Next', (this.currentSlideNumber === this.slidesCount - this.slideShow) ? false : true);
83
+ this.switchControl('Prev', this.currentSlideNumber === 0 ? false : true);
84
+ this.switchControl('Next', this.currentSlideNumber === this.slidesCount - this.slideShow ? false : true);
53
85
  }
54
86
  switchControl(type, enabled) {
55
87
  if (this.controls[type]) {
@@ -61,9 +93,6 @@ const GeneralSlider = class {
61
93
  this.slideNumber = 1;
62
94
  if (!this.slideShow)
63
95
  this.slideShow = 1;
64
- if (this.currentPage !== 0) {
65
- this.slideTo(this.currentPage);
66
- }
67
96
  }
68
97
  componentDidLoad() {
69
98
  this.slides = this.slotEl.assignedElements();
@@ -81,6 +110,10 @@ const GeneralSlider = class {
81
110
  this.setClientStylingURL();
82
111
  this.limitStylingAppends = true;
83
112
  }
113
+ if (this.currentPage !== 0) {
114
+ this.sliderEl.classList.add('Static');
115
+ this.currentSlideNumber = this.currentPage * this.slideNumber;
116
+ }
84
117
  }
85
118
  componentDidRender() {
86
119
  if (this.slides)
@@ -144,7 +177,6 @@ const GeneralSlider = class {
144
177
  this.setSlideAutoInterval();
145
178
  }
146
179
  }
147
- ;
148
180
  setSlideAutoInterval() {
149
181
  if (this.loopTime == 0) {
150
182
  return;
@@ -195,9 +227,7 @@ const GeneralSlider = class {
195
227
  });
196
228
  }
197
229
  render() {
198
- return (h("div", { key: '3a78acee0094c90ebb20c7e8435088b7b2019f9f', class: "GeneralSlider" }, h("div", { key: 'fbf26d5ab557a209fb9cacc5823f74690b211967', class: "Slider" }, h("ul", { key: '8a4dd8156eff50ec96960026e43721db41b80628', class: `SliderList Col-${this.slideShow}`, part: "SliderList", onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false), ref: (el) => this.sliderEl = el }, h("slot", { key: 'a8bf872b513d03fb0bf171c76183673cda291456', ref: (el) => this.slotEl = el }))), this.showButton && this.slidesCount > 0 &&
199
- h("div", { key: '9346a66e8b64d27a128707e20eb2a36fea43741c', class: "PageButtons", part: "PageButtons" }, [...Array(this.slidesCount / this.slideNumber)].map((_x, i) => h("div", { class: `PageButton ${this.currentPage == i ? 'active' : ''}`, title: `page${i}`, onClick: this.slideTo.bind(this, i), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, "\u00A0"))), this.showArrow &&
200
- h("div", { key: '559e1f4b1afd91f2290d5cf96e6a4ab2e3a4c3af', class: "ArrowButtons" }, h("button", { key: 'a2793999d32183b00de551ebe10e9a35480637ea', type: "button", class: "Button ButtonNext", onClick: this.slide.bind(this, true), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, ">"), h("button", { key: 'b362f458df805531cafb933e1418fc9edac883a3', type: "button", class: "Button ButtonPrev", onClick: this.slide.bind(this, false), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, "<"))));
230
+ return (h("div", { key: '8f86541d4454387e01a54b26c0aa6515d47ddb4d', class: "GeneralSlider" }, h("div", { key: 'c3e606e98881afeb2b867a58b25f3e7aa3915808', class: "Slider" }, h("ul", { key: 'e764fb6ad7fe7a727b7c1f37b5fe26704f2cd390', class: `SliderList Col-${this.slideShow}`, part: "SliderList", onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false), ref: (el) => (this.sliderEl = el) }, h("slot", { key: 'c61792d98ee4aefeb8fe8e84245eac495ff2f898', ref: (el) => (this.slotEl = el) }))), this.showButton && this.slidesCount > 0 && (h("div", { key: '35b1a666ec07535c2b70e8678aff70be5a2eff35', class: "PageButtons", part: "PageButtons" }, [...Array(this.slidesCount / this.slideNumber)].map((_x, i) => (h("div", { class: `PageButton ${this.currentPage == i ? 'active' : ''}`, title: `page${i}`, onClick: this.slideTo.bind(this, i), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, "\u00A0"))))), this.showArrow && (h("div", { key: '6e910a7d9013b49bc70160fdc8b193de0c1ee309', class: "ArrowButtons" }, h("button", { key: '1d21da8ede99b7ef0c1610334763d15d7a9640c7', type: "button", class: "Button ButtonNext", onClick: this.slide.bind(this, true), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, ">"), h("button", { key: 'e890b5cb47ba744fb977e492235330f201129f09', type: "button", class: "Button ButtonPrev", onClick: this.slide.bind(this, false), onMouseEnter: this.switchLoopStatus.bind(this, true), onMouseLeave: this.switchLoopStatus.bind(this, false) }, "<")))));
201
231
  }
202
232
  get el() { return getElement(this); }
203
233
  };
package/dist/esm/general-slider.js CHANGED
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-d5dd9b7c.js';
2
- export { s as setNonce } from './index-d5dd9b7c.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-217672e1.js';
2
+ export { s as setNonce } from './index-217672e1.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var patchBrowser = () => {
9
9
  const importMeta = import.meta.url;