@everymatrix/general-tutorial-slider 1.56.0 → 1.56.3
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-tutorial-slider.cjs.entry.js +16 -50
- package/dist/cjs/general-tutorial-slider.cjs.js +2 -2
- package/dist/cjs/{index-bfd21506.js → index-7f840d12.js} +77 -214
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/general-tutorial-slider/general-tutorial-slider.js +15 -77
- package/dist/esm/general-tutorial-slider.entry.js +16 -50
- package/dist/esm/general-tutorial-slider.js +3 -3
- package/dist/esm/{index-b8731ee9.js → index-37276b41.js} +77 -214
- package/dist/esm/loader.js +2 -2
- package/dist/general-tutorial-slider/general-tutorial-slider.esm.js +1 -1
- package/dist/general-tutorial-slider/p-2ac9a6c7.entry.js +1 -0
- package/dist/general-tutorial-slider/p-df9e22a7.js +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-tutorial-slider/.stencil/packages/stencil/general-tutorial-slider/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-tutorial-slider/.stencil/packages/stencil/general-tutorial-slider/stencil.config.dev.d.ts +2 -0
- package/dist/types/stencil-public-runtime.d.ts +0 -6
- package/package.json +1 -1
- package/dist/general-tutorial-slider/p-d3024419.entry.js +0 -1
- package/dist/general-tutorial-slider/p-e2d02089.js +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-tutorial-slider/.stencil/packages/stencil/general-tutorial-slider/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-tutorial-slider/.stencil/packages/stencil/general-tutorial-slider/stencil.config.dev.d.ts +0 -2
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/general-tutorial-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-tutorial-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-tutorial-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-tutorial-slider/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-7f840d12.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
@@ -4,71 +4,37 @@ import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../.
|
|
|
4
4
|
import { isMobile, getDevicePlatform } from "../../utils/utils";
|
|
5
5
|
export class GeneralTutorialSlider {
|
|
6
6
|
constructor() {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
this.userAgent = window.navigator.userAgent;
|
|
8
|
+
this.isMobile = isMobile(this.userAgent);
|
|
9
|
+
this.allElementsWidth = 0;
|
|
10
|
+
this.xDown = null;
|
|
11
|
+
this.yDown = null;
|
|
12
|
+
this.resizeHandler = () => {
|
|
13
|
+
this.recalculateItemsPerPage();
|
|
14
|
+
};
|
|
15
|
+
this.orientationChangeHandler = () => {
|
|
16
|
+
setTimeout(() => {
|
|
17
|
+
this.recalculateItemsPerPage();
|
|
18
|
+
}, 10);
|
|
19
|
+
};
|
|
20
|
+
this.mbSource = undefined;
|
|
10
21
|
this.clientStyling = '';
|
|
11
|
-
/**
|
|
12
|
-
* Client custom styling via url
|
|
13
|
-
*/
|
|
14
22
|
this.clientStylingUrl = '';
|
|
15
|
-
/**
|
|
16
|
-
* Language of the widget
|
|
17
|
-
*/
|
|
18
23
|
this.language = 'en';
|
|
19
|
-
|
|
20
|
-
* User roles
|
|
21
|
-
*/
|
|
24
|
+
this.cmsEndpoint = undefined;
|
|
22
25
|
this.userRoles = 'everyone';
|
|
23
|
-
/**
|
|
24
|
-
* CMS Endpoint stage
|
|
25
|
-
*/
|
|
26
26
|
this.cmsEnv = 'stage';
|
|
27
|
-
/**
|
|
28
|
-
* Show slider dots
|
|
29
|
-
*/
|
|
30
27
|
this.showSliderDots = true;
|
|
31
|
-
/**
|
|
32
|
-
* Show slider navigate arrows
|
|
33
|
-
*/
|
|
34
28
|
this.showSliderArrows = true;
|
|
35
|
-
/**
|
|
36
|
-
* Show slider navigate arrows on mobile
|
|
37
|
-
*/
|
|
38
29
|
this.showSliderArrowsMobile = false;
|
|
39
|
-
/**
|
|
40
|
-
* Auto-scroll will only function if it is set to true, and otherwise it will be ignored.
|
|
41
|
-
*/
|
|
42
30
|
this.enableAutoScroll = false;
|
|
43
|
-
/**
|
|
44
|
-
* Set interval period for slider
|
|
45
|
-
*/
|
|
46
31
|
this.intervalPeriod = 5000;
|
|
47
|
-
/**
|
|
48
|
-
* Set the number of slides you wish to display.
|
|
49
|
-
*/
|
|
50
32
|
this.scrollItems = 1;
|
|
51
|
-
/**
|
|
52
|
-
* Set the number of slides you wish to display.
|
|
53
|
-
*/
|
|
54
33
|
this.itemsPerPage = 1;
|
|
55
34
|
this.hasErrors = false;
|
|
56
35
|
this.isLoading = true;
|
|
57
36
|
this.activeIndex = 0;
|
|
58
37
|
this.tutorialElementWidth = 0;
|
|
59
|
-
this.userAgent = window.navigator.userAgent;
|
|
60
|
-
this.isMobile = isMobile(this.userAgent);
|
|
61
|
-
this.allElementsWidth = 0;
|
|
62
|
-
this.xDown = null;
|
|
63
|
-
this.yDown = null;
|
|
64
|
-
this.resizeHandler = () => {
|
|
65
|
-
this.recalculateItemsPerPage();
|
|
66
|
-
};
|
|
67
|
-
this.orientationChangeHandler = () => {
|
|
68
|
-
setTimeout(() => {
|
|
69
|
-
this.recalculateItemsPerPage();
|
|
70
|
-
}, 10);
|
|
71
|
-
};
|
|
72
38
|
}
|
|
73
39
|
watchEndpoint(newValue, oldValue) {
|
|
74
40
|
if (newValue && newValue != oldValue && this.cmsEndpoint) {
|
|
@@ -270,8 +236,6 @@ export class GeneralTutorialSlider {
|
|
|
270
236
|
"tags": [],
|
|
271
237
|
"text": "Client custom styling via streamStyling"
|
|
272
238
|
},
|
|
273
|
-
"getter": false,
|
|
274
|
-
"setter": false,
|
|
275
239
|
"attribute": "mb-source",
|
|
276
240
|
"reflect": false
|
|
277
241
|
},
|
|
@@ -289,8 +253,6 @@ export class GeneralTutorialSlider {
|
|
|
289
253
|
"tags": [],
|
|
290
254
|
"text": "Client custom styling via inline style"
|
|
291
255
|
},
|
|
292
|
-
"getter": false,
|
|
293
|
-
"setter": false,
|
|
294
256
|
"attribute": "client-styling",
|
|
295
257
|
"reflect": true,
|
|
296
258
|
"defaultValue": "''"
|
|
@@ -309,8 +271,6 @@ export class GeneralTutorialSlider {
|
|
|
309
271
|
"tags": [],
|
|
310
272
|
"text": "Client custom styling via url"
|
|
311
273
|
},
|
|
312
|
-
"getter": false,
|
|
313
|
-
"setter": false,
|
|
314
274
|
"attribute": "client-styling-url",
|
|
315
275
|
"reflect": true,
|
|
316
276
|
"defaultValue": "''"
|
|
@@ -329,8 +289,6 @@ export class GeneralTutorialSlider {
|
|
|
329
289
|
"tags": [],
|
|
330
290
|
"text": "Language of the widget"
|
|
331
291
|
},
|
|
332
|
-
"getter": false,
|
|
333
|
-
"setter": false,
|
|
334
292
|
"attribute": "language",
|
|
335
293
|
"reflect": true,
|
|
336
294
|
"defaultValue": "'en'"
|
|
@@ -349,8 +307,6 @@ export class GeneralTutorialSlider {
|
|
|
349
307
|
"tags": [],
|
|
350
308
|
"text": "Endpoint URL for the source of data"
|
|
351
309
|
},
|
|
352
|
-
"getter": false,
|
|
353
|
-
"setter": false,
|
|
354
310
|
"attribute": "cms-endpoint",
|
|
355
311
|
"reflect": true
|
|
356
312
|
},
|
|
@@ -368,8 +324,6 @@ export class GeneralTutorialSlider {
|
|
|
368
324
|
"tags": [],
|
|
369
325
|
"text": "User roles"
|
|
370
326
|
},
|
|
371
|
-
"getter": false,
|
|
372
|
-
"setter": false,
|
|
373
327
|
"attribute": "user-roles",
|
|
374
328
|
"reflect": true,
|
|
375
329
|
"defaultValue": "'everyone'"
|
|
@@ -388,8 +342,6 @@ export class GeneralTutorialSlider {
|
|
|
388
342
|
"tags": [],
|
|
389
343
|
"text": "CMS Endpoint stage"
|
|
390
344
|
},
|
|
391
|
-
"getter": false,
|
|
392
|
-
"setter": false,
|
|
393
345
|
"attribute": "cms-env",
|
|
394
346
|
"reflect": true,
|
|
395
347
|
"defaultValue": "'stage'"
|
|
@@ -408,8 +360,6 @@ export class GeneralTutorialSlider {
|
|
|
408
360
|
"tags": [],
|
|
409
361
|
"text": "Show slider dots"
|
|
410
362
|
},
|
|
411
|
-
"getter": false,
|
|
412
|
-
"setter": false,
|
|
413
363
|
"attribute": "show-slider-dots",
|
|
414
364
|
"reflect": true,
|
|
415
365
|
"defaultValue": "true"
|
|
@@ -428,8 +378,6 @@ export class GeneralTutorialSlider {
|
|
|
428
378
|
"tags": [],
|
|
429
379
|
"text": "Show slider navigate arrows"
|
|
430
380
|
},
|
|
431
|
-
"getter": false,
|
|
432
|
-
"setter": false,
|
|
433
381
|
"attribute": "show-slider-arrows",
|
|
434
382
|
"reflect": true,
|
|
435
383
|
"defaultValue": "true"
|
|
@@ -448,8 +396,6 @@ export class GeneralTutorialSlider {
|
|
|
448
396
|
"tags": [],
|
|
449
397
|
"text": "Show slider navigate arrows on mobile"
|
|
450
398
|
},
|
|
451
|
-
"getter": false,
|
|
452
|
-
"setter": false,
|
|
453
399
|
"attribute": "show-slider-arrows-mobile",
|
|
454
400
|
"reflect": true,
|
|
455
401
|
"defaultValue": "false"
|
|
@@ -468,8 +414,6 @@ export class GeneralTutorialSlider {
|
|
|
468
414
|
"tags": [],
|
|
469
415
|
"text": "Auto-scroll will only function if it is set to true, and otherwise it will be ignored."
|
|
470
416
|
},
|
|
471
|
-
"getter": false,
|
|
472
|
-
"setter": false,
|
|
473
417
|
"attribute": "enable-auto-scroll",
|
|
474
418
|
"reflect": true,
|
|
475
419
|
"defaultValue": "false"
|
|
@@ -488,8 +432,6 @@ export class GeneralTutorialSlider {
|
|
|
488
432
|
"tags": [],
|
|
489
433
|
"text": "Set interval period for slider"
|
|
490
434
|
},
|
|
491
|
-
"getter": false,
|
|
492
|
-
"setter": false,
|
|
493
435
|
"attribute": "interval-period",
|
|
494
436
|
"reflect": true,
|
|
495
437
|
"defaultValue": "5000"
|
|
@@ -508,8 +450,6 @@ export class GeneralTutorialSlider {
|
|
|
508
450
|
"tags": [],
|
|
509
451
|
"text": "Set the number of slides you wish to display."
|
|
510
452
|
},
|
|
511
|
-
"getter": false,
|
|
512
|
-
"setter": false,
|
|
513
453
|
"attribute": "scroll-items",
|
|
514
454
|
"reflect": true,
|
|
515
455
|
"defaultValue": "1"
|
|
@@ -528,8 +468,6 @@ export class GeneralTutorialSlider {
|
|
|
528
468
|
"tags": [],
|
|
529
469
|
"text": "Set the number of slides you wish to display."
|
|
530
470
|
},
|
|
531
|
-
"getter": false,
|
|
532
|
-
"setter": false,
|
|
533
471
|
"attribute": "items-per-page",
|
|
534
472
|
"reflect": true,
|
|
535
473
|
"defaultValue": "1"
|
|
@@ -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-37276b41.js';
|
|
2
2
|
|
|
3
3
|
const DEFAULT_LANGUAGE = 'en';
|
|
4
4
|
const TRANSLATIONS = {
|
|
@@ -143,71 +143,37 @@ const GeneralTutorialSliderStyle0 = generalTutorialSliderCss;
|
|
|
143
143
|
const GeneralTutorialSlider = class {
|
|
144
144
|
constructor(hostRef) {
|
|
145
145
|
registerInstance(this, hostRef);
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
146
|
+
this.userAgent = window.navigator.userAgent;
|
|
147
|
+
this.isMobile = isMobile(this.userAgent);
|
|
148
|
+
this.allElementsWidth = 0;
|
|
149
|
+
this.xDown = null;
|
|
150
|
+
this.yDown = null;
|
|
151
|
+
this.resizeHandler = () => {
|
|
152
|
+
this.recalculateItemsPerPage();
|
|
153
|
+
};
|
|
154
|
+
this.orientationChangeHandler = () => {
|
|
155
|
+
setTimeout(() => {
|
|
156
|
+
this.recalculateItemsPerPage();
|
|
157
|
+
}, 10);
|
|
158
|
+
};
|
|
159
|
+
this.mbSource = undefined;
|
|
149
160
|
this.clientStyling = '';
|
|
150
|
-
/**
|
|
151
|
-
* Client custom styling via url
|
|
152
|
-
*/
|
|
153
161
|
this.clientStylingUrl = '';
|
|
154
|
-
/**
|
|
155
|
-
* Language of the widget
|
|
156
|
-
*/
|
|
157
162
|
this.language = 'en';
|
|
158
|
-
|
|
159
|
-
* User roles
|
|
160
|
-
*/
|
|
163
|
+
this.cmsEndpoint = undefined;
|
|
161
164
|
this.userRoles = 'everyone';
|
|
162
|
-
/**
|
|
163
|
-
* CMS Endpoint stage
|
|
164
|
-
*/
|
|
165
165
|
this.cmsEnv = 'stage';
|
|
166
|
-
/**
|
|
167
|
-
* Show slider dots
|
|
168
|
-
*/
|
|
169
166
|
this.showSliderDots = true;
|
|
170
|
-
/**
|
|
171
|
-
* Show slider navigate arrows
|
|
172
|
-
*/
|
|
173
167
|
this.showSliderArrows = true;
|
|
174
|
-
/**
|
|
175
|
-
* Show slider navigate arrows on mobile
|
|
176
|
-
*/
|
|
177
168
|
this.showSliderArrowsMobile = false;
|
|
178
|
-
/**
|
|
179
|
-
* Auto-scroll will only function if it is set to true, and otherwise it will be ignored.
|
|
180
|
-
*/
|
|
181
169
|
this.enableAutoScroll = false;
|
|
182
|
-
/**
|
|
183
|
-
* Set interval period for slider
|
|
184
|
-
*/
|
|
185
170
|
this.intervalPeriod = 5000;
|
|
186
|
-
/**
|
|
187
|
-
* Set the number of slides you wish to display.
|
|
188
|
-
*/
|
|
189
171
|
this.scrollItems = 1;
|
|
190
|
-
/**
|
|
191
|
-
* Set the number of slides you wish to display.
|
|
192
|
-
*/
|
|
193
172
|
this.itemsPerPage = 1;
|
|
194
173
|
this.hasErrors = false;
|
|
195
174
|
this.isLoading = true;
|
|
196
175
|
this.activeIndex = 0;
|
|
197
176
|
this.tutorialElementWidth = 0;
|
|
198
|
-
this.userAgent = window.navigator.userAgent;
|
|
199
|
-
this.isMobile = isMobile(this.userAgent);
|
|
200
|
-
this.allElementsWidth = 0;
|
|
201
|
-
this.xDown = null;
|
|
202
|
-
this.yDown = null;
|
|
203
|
-
this.resizeHandler = () => {
|
|
204
|
-
this.recalculateItemsPerPage();
|
|
205
|
-
};
|
|
206
|
-
this.orientationChangeHandler = () => {
|
|
207
|
-
setTimeout(() => {
|
|
208
|
-
this.recalculateItemsPerPage();
|
|
209
|
-
}, 10);
|
|
210
|
-
};
|
|
211
177
|
}
|
|
212
178
|
watchEndpoint(newValue, oldValue) {
|
|
213
179
|
if (newValue && newValue != oldValue && this.cmsEndpoint) {
|
|
@@ -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-37276b41.js';
|
|
2
|
+
export { s as setNonce } from './index-37276b41.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.19.2 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|