@everymatrix/general-tutorial-slider 1.53.0 → 1.53.11

package/dist/collection/components/general-tutorial-slider/general-tutorial-slider.js

@@ -3,6 +3,59 @@ import { translate } from "../../utils/locale.utils";
 import { isMobile, getDevicePlatform } from "../../utils/utils";
 export class GeneralTutorialSlider {
     constructor() {
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
+        this.clientStylingUrl = '';
+        /**
+         * Language of the widget
+         */
+        this.language = 'en';
+        /**
+         * User roles
+         */
+        this.userRoles = 'everyone';
+        /**
+         * CMS Endpoint stage
+         */
+        this.cmsEnv = 'stage';
+        /**
+         * Show slider dots
+         */
+        this.showSliderDots = true;
+        /**
+         * Show slider navigate arrows
+         */
+        this.showSliderArrows = true;
+        /**
+         * Show slider navigate arrows on mobile
+         */
+        this.showSliderArrowsMobile = false;
+        /**
+         * Auto-scroll will only function if it is set to true, and otherwise it will be ignored.
+         */
+        this.enableAutoScroll = false;
+        /**
+         * Set interval period for slider
+         */
+        this.intervalPeriod = 5000;
+        /**
+         * Set the number of slides you wish to display.
+         */
+        this.scrollItems = 1;
+        /**
+         * Set the number of slides you wish to display.
+         */
+        this.itemsPerPage = 1;
+        this.hasErrors = false;
+        this.limitStylingAppends = false;
+        this.isLoading = true;
+        this.activeIndex = 0;
+        this.tutorialElementWidth = 0;
         this.userAgent = window.navigator.userAgent;
         this.isMobile = isMobile(this.userAgent);
         this.allElementsWidth = 0;
@@ -34,24 +87,6 @@ export class GeneralTutorialSlider {
                 console.log('error ', err);
             });
         };
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.language = 'en';
-        this.cmsEndpoint = undefined;
-        this.userRoles = 'everyone';
-        this.cmsEnv = 'stage';
-        this.showSliderDots = true;
-        this.showSliderArrows = true;
-        this.showSliderArrowsMobile = false;
-        this.enableAutoScroll = false;
-        this.intervalPeriod = 5000;
-        this.scrollItems = 1;
-        this.itemsPerPage = 1;
-        this.hasErrors = false;
-        this.limitStylingAppends = false;
-        this.isLoading = true;
-        this.activeIndex = 0;
-        this.tutorialElementWidth = 0;
     }
     watchEndpoint(newValue, oldValue) {
         if (newValue && newValue != oldValue && this.cmsEndpoint) {
@@ -239,6 +274,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -257,6 +294,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -275,6 +314,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Language of the widget"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -293,6 +334,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Endpoint URL for the source of data"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "cms-endpoint",
                 "reflect": true
             },
@@ -310,6 +353,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "User roles"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "user-roles",
                 "reflect": true,
                 "defaultValue": "'everyone'"
@@ -328,6 +373,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "CMS Endpoint stage"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "cms-env",
                 "reflect": true,
                 "defaultValue": "'stage'"
@@ -346,6 +393,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Show slider dots"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-slider-dots",
                 "reflect": true,
                 "defaultValue": "true"
@@ -364,6 +413,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Show slider navigate arrows"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-slider-arrows",
                 "reflect": true,
                 "defaultValue": "true"
@@ -382,6 +433,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Show slider navigate arrows on mobile"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-slider-arrows-mobile",
                 "reflect": true,
                 "defaultValue": "false"
@@ -400,6 +453,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Auto-scroll will only function if it is set to true, and otherwise it will be ignored."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "enable-auto-scroll",
                 "reflect": true,
                 "defaultValue": "false"
@@ -418,6 +473,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Set interval period for slider"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "interval-period",
                 "reflect": true,
                 "defaultValue": "5000"
@@ -436,6 +493,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Set the number of slides you wish to display."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "scroll-items",
                 "reflect": true,
                 "defaultValue": "1"
@@ -454,6 +513,8 @@ export class GeneralTutorialSlider {
                     "tags": [],
                     "text": "Set the number of slides you wish to display."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "items-per-page",
                 "reflect": true,
                 "defaultValue": "1"

package/dist/esm/general-tutorial-slider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-8f6f886a.js';
+import { r as registerInstance, h, g as getElement } from './index-00ddeeaf.js';
 
 const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
@@ -86,6 +86,59 @@ const GeneralTutorialSliderStyle0 = generalTutorialSliderCss;
 const GeneralTutorialSlider = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
+        this.clientStylingUrl = '';
+        /**
+         * Language of the widget
+         */
+        this.language = 'en';
+        /**
+         * User roles
+         */
+        this.userRoles = 'everyone';
+        /**
+         * CMS Endpoint stage
+         */
+        this.cmsEnv = 'stage';
+        /**
+         * Show slider dots
+         */
+        this.showSliderDots = true;
+        /**
+         * Show slider navigate arrows
+         */
+        this.showSliderArrows = true;
+        /**
+         * Show slider navigate arrows on mobile
+         */
+        this.showSliderArrowsMobile = false;
+        /**
+         * Auto-scroll will only function if it is set to true, and otherwise it will be ignored.
+         */
+        this.enableAutoScroll = false;
+        /**
+         * Set interval period for slider
+         */
+        this.intervalPeriod = 5000;
+        /**
+         * Set the number of slides you wish to display.
+         */
+        this.scrollItems = 1;
+        /**
+         * Set the number of slides you wish to display.
+         */
+        this.itemsPerPage = 1;
+        this.hasErrors = false;
+        this.limitStylingAppends = false;
+        this.isLoading = true;
+        this.activeIndex = 0;
+        this.tutorialElementWidth = 0;
         this.userAgent = window.navigator.userAgent;
         this.isMobile = isMobile(this.userAgent);
         this.allElementsWidth = 0;
@@ -117,24 +170,6 @@ const GeneralTutorialSlider = class {
                 console.log('error ', err);
             });
         };
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.language = 'en';
-        this.cmsEndpoint = undefined;
-        this.userRoles = 'everyone';
-        this.cmsEnv = 'stage';
-        this.showSliderDots = true;
-        this.showSliderArrows = true;
-        this.showSliderArrowsMobile = false;
-        this.enableAutoScroll = false;
-        this.intervalPeriod = 5000;
-        this.scrollItems = 1;
-        this.itemsPerPage = 1;
-        this.hasErrors = false;
-        this.limitStylingAppends = false;
-        this.isLoading = true;
-        this.activeIndex = 0;
-        this.tutorialElementWidth = 0;
     }
     watchEndpoint(newValue, oldValue) {
         if (newValue && newValue != oldValue && this.cmsEndpoint) {

package/dist/esm/general-tutorial-slider.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-8f6f886a.js';
-export { s as setNonce } from './index-8f6f886a.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-00ddeeaf.js';
+export { s as setNonce } from './index-00ddeeaf.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;