@everymatrix/general-slider-navigation 1.53.0 → 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.
- package/dist/cjs/carousel-component_2.cjs.entry.js +51 -19
- package/dist/cjs/general-slider-navigation.cjs.js +2 -2
- package/dist/cjs/{index-b79a855b.js → index-f2e7cf7c.js} +169 -72
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/carousel-component/carousel-component.js +38 -17
- package/dist/collection/components/general-slider-navigation/general-slider-navigation.js +49 -2
- package/dist/esm/carousel-component_2.entry.js +51 -19
- package/dist/esm/general-slider-navigation.js +3 -3
- package/dist/esm/{index-e155c85c.js → index-25441f8f.js} +169 -72
- package/dist/esm/loader.js +2 -2
- package/dist/general-slider-navigation/general-slider-navigation.esm.js +1 -1
- package/dist/general-slider-navigation/p-2402f8e1.js +2 -0
- package/dist/general-slider-navigation/p-3c314697.entry.js +1 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-slider-navigation/.stencil/packages/stencil/general-slider-navigation/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-slider-navigation/.stencil/packages/stencil/general-slider-navigation/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/general-slider-navigation/p-0c4f790f.entry.js +0 -1
- package/dist/general-slider-navigation/p-65c898e4.js +0 -2
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-slider-navigation/.stencil/packages/stencil/general-slider-navigation/stencil.config.d.ts +0 -2
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-slider-navigation/.stencil/packages/stencil/general-slider-navigation/stencil.config.dev.d.ts +0 -2
|
@@ -3,6 +3,29 @@ import { checkDeviceType, isMobile } from "../../utils/utils";
|
|
|
3
3
|
import { getTranslations, translate } from "../../utils/locale.utils";
|
|
4
4
|
export class CarouselComponent {
|
|
5
5
|
constructor() {
|
|
6
|
+
/**
|
|
7
|
+
* Client custom styling via inline style
|
|
8
|
+
*/
|
|
9
|
+
this.clientStyling = '';
|
|
10
|
+
/**
|
|
11
|
+
* Client custom styling via url
|
|
12
|
+
*/
|
|
13
|
+
this.clientStylingUrl = '';
|
|
14
|
+
/**
|
|
15
|
+
* Show bullet navigation under slides
|
|
16
|
+
*/
|
|
17
|
+
this.bulletNavigation = true;
|
|
18
|
+
/**
|
|
19
|
+
* Language of the widget
|
|
20
|
+
*/
|
|
21
|
+
this.language = 'en';
|
|
22
|
+
/**
|
|
23
|
+
* Translation via url
|
|
24
|
+
*/
|
|
25
|
+
this.translationUrl = '';
|
|
26
|
+
this.currIndex = 0;
|
|
27
|
+
this.device = '';
|
|
28
|
+
this.stylingAppends = false;
|
|
6
29
|
this.userAgent = window.navigator.userAgent;
|
|
7
30
|
this.isMobile = isMobile(this.userAgent);
|
|
8
31
|
this.touchStartX = 0;
|
|
@@ -69,22 +92,6 @@ export class CarouselComponent {
|
|
|
69
92
|
}
|
|
70
93
|
return source;
|
|
71
94
|
};
|
|
72
|
-
this.clientStyling = '';
|
|
73
|
-
this.clientStylingUrl = '';
|
|
74
|
-
this.content = undefined;
|
|
75
|
-
this.bulletNavigation = true;
|
|
76
|
-
this.language = 'en';
|
|
77
|
-
this.slideTimer = undefined;
|
|
78
|
-
this.translationUrl = '';
|
|
79
|
-
this.currIndex = 0;
|
|
80
|
-
this.width = undefined;
|
|
81
|
-
this.height = undefined;
|
|
82
|
-
this.margin = undefined;
|
|
83
|
-
this.sliderElement = undefined;
|
|
84
|
-
this.totalWidth = undefined;
|
|
85
|
-
this.device = '';
|
|
86
|
-
this.stylingAppends = false;
|
|
87
|
-
this.innerWidth = undefined;
|
|
88
95
|
}
|
|
89
96
|
handleNewTranslations() {
|
|
90
97
|
getTranslations(this.translationUrl);
|
|
@@ -243,6 +250,8 @@ export class CarouselComponent {
|
|
|
243
250
|
"tags": [],
|
|
244
251
|
"text": "Client custom styling via inline style"
|
|
245
252
|
},
|
|
253
|
+
"getter": false,
|
|
254
|
+
"setter": false,
|
|
246
255
|
"attribute": "client-styling",
|
|
247
256
|
"reflect": true,
|
|
248
257
|
"defaultValue": "''"
|
|
@@ -261,6 +270,8 @@ export class CarouselComponent {
|
|
|
261
270
|
"tags": [],
|
|
262
271
|
"text": "Client custom styling via url"
|
|
263
272
|
},
|
|
273
|
+
"getter": false,
|
|
274
|
+
"setter": false,
|
|
264
275
|
"attribute": "client-styling-url",
|
|
265
276
|
"reflect": true,
|
|
266
277
|
"defaultValue": "''"
|
|
@@ -283,7 +294,9 @@ export class CarouselComponent {
|
|
|
283
294
|
"docs": {
|
|
284
295
|
"tags": [],
|
|
285
296
|
"text": "Endpoint URL for the source of data"
|
|
286
|
-
}
|
|
297
|
+
},
|
|
298
|
+
"getter": false,
|
|
299
|
+
"setter": false
|
|
287
300
|
},
|
|
288
301
|
"bulletNavigation": {
|
|
289
302
|
"type": "boolean",
|
|
@@ -299,6 +312,8 @@ export class CarouselComponent {
|
|
|
299
312
|
"tags": [],
|
|
300
313
|
"text": "Show bullet navigation under slides"
|
|
301
314
|
},
|
|
315
|
+
"getter": false,
|
|
316
|
+
"setter": false,
|
|
302
317
|
"attribute": "bullet-navigation",
|
|
303
318
|
"reflect": true,
|
|
304
319
|
"defaultValue": "true"
|
|
@@ -317,6 +332,8 @@ export class CarouselComponent {
|
|
|
317
332
|
"tags": [],
|
|
318
333
|
"text": "Language of the widget"
|
|
319
334
|
},
|
|
335
|
+
"getter": false,
|
|
336
|
+
"setter": false,
|
|
320
337
|
"attribute": "language",
|
|
321
338
|
"reflect": true,
|
|
322
339
|
"defaultValue": "'en'"
|
|
@@ -335,6 +352,8 @@ export class CarouselComponent {
|
|
|
335
352
|
"tags": [],
|
|
336
353
|
"text": "Timer for auto sliding"
|
|
337
354
|
},
|
|
355
|
+
"getter": false,
|
|
356
|
+
"setter": false,
|
|
338
357
|
"attribute": "slide-timer",
|
|
339
358
|
"reflect": true
|
|
340
359
|
},
|
|
@@ -352,6 +371,8 @@ export class CarouselComponent {
|
|
|
352
371
|
"tags": [],
|
|
353
372
|
"text": "Translation via url"
|
|
354
373
|
},
|
|
374
|
+
"getter": false,
|
|
375
|
+
"setter": false,
|
|
355
376
|
"attribute": "translation-url",
|
|
356
377
|
"reflect": true,
|
|
357
378
|
"defaultValue": "''"
|
|
@@ -3,16 +3,41 @@ import { getDevicePlatform } from "../../utils/utils";
|
|
|
3
3
|
import { getTranslations, translate } from "../../utils/locale.utils";
|
|
4
4
|
export class GeneralSliderNavigation {
|
|
5
5
|
constructor() {
|
|
6
|
+
/**
|
|
7
|
+
* Client custom styling via inline style
|
|
8
|
+
*/
|
|
6
9
|
this.clientStyling = '';
|
|
10
|
+
/**
|
|
11
|
+
* Client custom styling via url
|
|
12
|
+
*/
|
|
7
13
|
this.clientStylingUrl = '';
|
|
8
|
-
|
|
14
|
+
/**
|
|
15
|
+
* CMS Endpoint stage
|
|
16
|
+
*/
|
|
9
17
|
this.cmsEnv = 'stage';
|
|
18
|
+
/**
|
|
19
|
+
* Language of the widget
|
|
20
|
+
*/
|
|
10
21
|
this.language = 'en';
|
|
22
|
+
/**
|
|
23
|
+
* User roles
|
|
24
|
+
*/
|
|
11
25
|
this.userRoles = 'everyone';
|
|
26
|
+
/**
|
|
27
|
+
* Show bullet navigation under slides
|
|
28
|
+
*/
|
|
12
29
|
this.bulletNavigation = true;
|
|
13
|
-
|
|
30
|
+
/**
|
|
31
|
+
* Mobile width for sliders
|
|
32
|
+
*/
|
|
14
33
|
this.sliderMobileWidth = 200;
|
|
34
|
+
/**
|
|
35
|
+
* Desktop width for sliders
|
|
36
|
+
*/
|
|
15
37
|
this.sliderDesktopWidth = 300;
|
|
38
|
+
/**
|
|
39
|
+
* Translation via url
|
|
40
|
+
*/
|
|
16
41
|
this.translationUrl = '';
|
|
17
42
|
this.isLoading = true;
|
|
18
43
|
this.hasErrors = false;
|
|
@@ -95,6 +120,8 @@ export class GeneralSliderNavigation {
|
|
|
95
120
|
"tags": [],
|
|
96
121
|
"text": "Client custom styling via inline style"
|
|
97
122
|
},
|
|
123
|
+
"getter": false,
|
|
124
|
+
"setter": false,
|
|
98
125
|
"attribute": "client-styling",
|
|
99
126
|
"reflect": true,
|
|
100
127
|
"defaultValue": "''"
|
|
@@ -113,6 +140,8 @@ export class GeneralSliderNavigation {
|
|
|
113
140
|
"tags": [],
|
|
114
141
|
"text": "Client custom styling via url"
|
|
115
142
|
},
|
|
143
|
+
"getter": false,
|
|
144
|
+
"setter": false,
|
|
116
145
|
"attribute": "client-styling-url",
|
|
117
146
|
"reflect": true,
|
|
118
147
|
"defaultValue": "''"
|
|
@@ -131,6 +160,8 @@ export class GeneralSliderNavigation {
|
|
|
131
160
|
"tags": [],
|
|
132
161
|
"text": "Endpoint URL for the source of data"
|
|
133
162
|
},
|
|
163
|
+
"getter": false,
|
|
164
|
+
"setter": false,
|
|
134
165
|
"attribute": "cms-endpoint",
|
|
135
166
|
"reflect": true
|
|
136
167
|
},
|
|
@@ -148,6 +179,8 @@ export class GeneralSliderNavigation {
|
|
|
148
179
|
"tags": [],
|
|
149
180
|
"text": "CMS Endpoint stage"
|
|
150
181
|
},
|
|
182
|
+
"getter": false,
|
|
183
|
+
"setter": false,
|
|
151
184
|
"attribute": "cms-env",
|
|
152
185
|
"reflect": true,
|
|
153
186
|
"defaultValue": "'stage'"
|
|
@@ -166,6 +199,8 @@ export class GeneralSliderNavigation {
|
|
|
166
199
|
"tags": [],
|
|
167
200
|
"text": "Language of the widget"
|
|
168
201
|
},
|
|
202
|
+
"getter": false,
|
|
203
|
+
"setter": false,
|
|
169
204
|
"attribute": "language",
|
|
170
205
|
"reflect": true,
|
|
171
206
|
"defaultValue": "'en'"
|
|
@@ -184,6 +219,8 @@ export class GeneralSliderNavigation {
|
|
|
184
219
|
"tags": [],
|
|
185
220
|
"text": "User roles"
|
|
186
221
|
},
|
|
222
|
+
"getter": false,
|
|
223
|
+
"setter": false,
|
|
187
224
|
"attribute": "user-roles",
|
|
188
225
|
"reflect": true,
|
|
189
226
|
"defaultValue": "'everyone'"
|
|
@@ -202,6 +239,8 @@ export class GeneralSliderNavigation {
|
|
|
202
239
|
"tags": [],
|
|
203
240
|
"text": "Show bullet navigation under slides"
|
|
204
241
|
},
|
|
242
|
+
"getter": false,
|
|
243
|
+
"setter": false,
|
|
205
244
|
"attribute": "bullet-navigation",
|
|
206
245
|
"reflect": true,
|
|
207
246
|
"defaultValue": "true"
|
|
@@ -220,6 +259,8 @@ export class GeneralSliderNavigation {
|
|
|
220
259
|
"tags": [],
|
|
221
260
|
"text": "Timer for auto sliding"
|
|
222
261
|
},
|
|
262
|
+
"getter": false,
|
|
263
|
+
"setter": false,
|
|
223
264
|
"attribute": "slide-timer",
|
|
224
265
|
"reflect": true
|
|
225
266
|
},
|
|
@@ -237,6 +278,8 @@ export class GeneralSliderNavigation {
|
|
|
237
278
|
"tags": [],
|
|
238
279
|
"text": "Mobile width for sliders"
|
|
239
280
|
},
|
|
281
|
+
"getter": false,
|
|
282
|
+
"setter": false,
|
|
240
283
|
"attribute": "slider-mobile-width",
|
|
241
284
|
"reflect": true,
|
|
242
285
|
"defaultValue": "200"
|
|
@@ -255,6 +298,8 @@ export class GeneralSliderNavigation {
|
|
|
255
298
|
"tags": [],
|
|
256
299
|
"text": "Desktop width for sliders"
|
|
257
300
|
},
|
|
301
|
+
"getter": false,
|
|
302
|
+
"setter": false,
|
|
258
303
|
"attribute": "slider-desktop-width",
|
|
259
304
|
"reflect": true,
|
|
260
305
|
"defaultValue": "300"
|
|
@@ -273,6 +318,8 @@ export class GeneralSliderNavigation {
|
|
|
273
318
|
"tags": [],
|
|
274
319
|
"text": "Translation via url"
|
|
275
320
|
},
|
|
321
|
+
"getter": false,
|
|
322
|
+
"setter": false,
|
|
276
323
|
"attribute": "translation-url",
|
|
277
324
|
"reflect": true,
|
|
278
325
|
"defaultValue": "''"
|
|
@@ -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-25441f8f.js';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* @name isMobile
|
|
@@ -128,6 +128,29 @@ const CarouselComponentStyle0 = carouselComponentCss;
|
|
|
128
128
|
const CarouselComponent = class {
|
|
129
129
|
constructor(hostRef) {
|
|
130
130
|
registerInstance(this, hostRef);
|
|
131
|
+
/**
|
|
132
|
+
* Client custom styling via inline style
|
|
133
|
+
*/
|
|
134
|
+
this.clientStyling = '';
|
|
135
|
+
/**
|
|
136
|
+
* Client custom styling via url
|
|
137
|
+
*/
|
|
138
|
+
this.clientStylingUrl = '';
|
|
139
|
+
/**
|
|
140
|
+
* Show bullet navigation under slides
|
|
141
|
+
*/
|
|
142
|
+
this.bulletNavigation = true;
|
|
143
|
+
/**
|
|
144
|
+
* Language of the widget
|
|
145
|
+
*/
|
|
146
|
+
this.language = 'en';
|
|
147
|
+
/**
|
|
148
|
+
* Translation via url
|
|
149
|
+
*/
|
|
150
|
+
this.translationUrl = '';
|
|
151
|
+
this.currIndex = 0;
|
|
152
|
+
this.device = '';
|
|
153
|
+
this.stylingAppends = false;
|
|
131
154
|
this.userAgent = window.navigator.userAgent;
|
|
132
155
|
this.isMobile = isMobile(this.userAgent);
|
|
133
156
|
this.touchStartX = 0;
|
|
@@ -194,22 +217,6 @@ const CarouselComponent = class {
|
|
|
194
217
|
}
|
|
195
218
|
return source;
|
|
196
219
|
};
|
|
197
|
-
this.clientStyling = '';
|
|
198
|
-
this.clientStylingUrl = '';
|
|
199
|
-
this.content = undefined;
|
|
200
|
-
this.bulletNavigation = true;
|
|
201
|
-
this.language = 'en';
|
|
202
|
-
this.slideTimer = undefined;
|
|
203
|
-
this.translationUrl = '';
|
|
204
|
-
this.currIndex = 0;
|
|
205
|
-
this.width = undefined;
|
|
206
|
-
this.height = undefined;
|
|
207
|
-
this.margin = undefined;
|
|
208
|
-
this.sliderElement = undefined;
|
|
209
|
-
this.totalWidth = undefined;
|
|
210
|
-
this.device = '';
|
|
211
|
-
this.stylingAppends = false;
|
|
212
|
-
this.innerWidth = undefined;
|
|
213
220
|
}
|
|
214
221
|
handleNewTranslations() {
|
|
215
222
|
getTranslations(this.translationUrl);
|
|
@@ -353,16 +360,41 @@ const GeneralSliderNavigationStyle0 = generalSliderNavigationCss;
|
|
|
353
360
|
const GeneralSliderNavigation = class {
|
|
354
361
|
constructor(hostRef) {
|
|
355
362
|
registerInstance(this, hostRef);
|
|
363
|
+
/**
|
|
364
|
+
* Client custom styling via inline style
|
|
365
|
+
*/
|
|
356
366
|
this.clientStyling = '';
|
|
367
|
+
/**
|
|
368
|
+
* Client custom styling via url
|
|
369
|
+
*/
|
|
357
370
|
this.clientStylingUrl = '';
|
|
358
|
-
|
|
371
|
+
/**
|
|
372
|
+
* CMS Endpoint stage
|
|
373
|
+
*/
|
|
359
374
|
this.cmsEnv = 'stage';
|
|
375
|
+
/**
|
|
376
|
+
* Language of the widget
|
|
377
|
+
*/
|
|
360
378
|
this.language = 'en';
|
|
379
|
+
/**
|
|
380
|
+
* User roles
|
|
381
|
+
*/
|
|
361
382
|
this.userRoles = 'everyone';
|
|
383
|
+
/**
|
|
384
|
+
* Show bullet navigation under slides
|
|
385
|
+
*/
|
|
362
386
|
this.bulletNavigation = true;
|
|
363
|
-
|
|
387
|
+
/**
|
|
388
|
+
* Mobile width for sliders
|
|
389
|
+
*/
|
|
364
390
|
this.sliderMobileWidth = 200;
|
|
391
|
+
/**
|
|
392
|
+
* Desktop width for sliders
|
|
393
|
+
*/
|
|
365
394
|
this.sliderDesktopWidth = 300;
|
|
395
|
+
/**
|
|
396
|
+
* Translation via url
|
|
397
|
+
*/
|
|
366
398
|
this.translationUrl = '';
|
|
367
399
|
this.isLoading = true;
|
|
368
400
|
this.hasErrors = false;
|
|
@@ -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-25441f8f.js';
|
|
2
|
+
export { s as setNonce } from './index-25441f8f.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.25.1 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|