@everymatrix/general-slider 1.53.0 → 1.53.11

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

@@ -1,27 +1,57 @@
 import { h } from "@stencil/core";
 export class GeneralSlider {
     constructor() {
-        this.slides = null;
-        this.slideWidth = 0;
-        this.controls = {
-            Prev: null,
-            Next: null
-        };
-        this.xDown = null;
-        this.yDown = null;
+        /**
+         * Slide Count
+         */
         this.slideNumber = 3;
+        /**
+         * Slides to show
+         */
         this.slideShow = 3;
+        /**
+         * Display the arrow icon
+         */
         this.showArrow = true;
+        /**
+         * Display the button
+         */
         this.showButton = false;
+        /**
+         * Auto Slide
+         */
         this.autoSlide = false;
+        /**
+         * Auto Slide loop time
+         */
         this.loopTime = 1;
+        /**
+         * Auto fill the Item height
+         */
         this.autoItemHeight = false;
+        /**
+         * Client custom styling via inline styles
+         */
         this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
         this.clientStylingUrl = '';
+        /**
+         * Current page of slider
+         */
         this.currentPage = 0;
         this.currentSlideNumber = 0;
         this.slidesCount = 0;
         this.limitStylingAppends = false;
+        this.slides = null;
+        this.slideWidth = 0;
+        this.controls = {
+            Prev: null,
+            Next: null
+        };
+        this.xDown = null;
+        this.yDown = null;
     }
     slide(next) {
         this.sliderEl.classList.remove('Static');
@@ -222,6 +252,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Slide Count"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "slide-number",
                 "reflect": false,
                 "defaultValue": "3"
@@ -240,6 +272,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Slides to show"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "slide-show",
                 "reflect": false,
                 "defaultValue": "3"
@@ -258,6 +292,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Display the arrow icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-arrow",
                 "reflect": false,
                 "defaultValue": "true"
@@ -276,6 +312,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Display the button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-button",
                 "reflect": false,
                 "defaultValue": "false"
@@ -294,6 +332,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Auto Slide"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-slide",
                 "reflect": false,
                 "defaultValue": "false"
@@ -312,6 +352,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Auto Slide loop time"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loop-time",
                 "reflect": false,
                 "defaultValue": "1"
@@ -330,6 +372,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Auto fill the Item height"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-item-height",
                 "reflect": false,
                 "defaultValue": "false"
@@ -348,6 +392,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Client custom styling via inline styles"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": false,
                 "defaultValue": "''"
@@ -366,6 +412,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": false,
                 "defaultValue": "''"
@@ -384,6 +432,8 @@ export class GeneralSlider {
                     "tags": [],
                     "text": "Current page of slider"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "current-page",
                 "reflect": false,
                 "defaultValue": "0"

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-d5dd9b7c.js';
+import { r as registerInstance, h, g as getElement } from './index-217672e1.js';
 
 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}";
 const GeneralSliderStyle0 = generalSliderCss;
@@ -6,27 +6,57 @@ const GeneralSliderStyle0 = generalSliderCss;
 const GeneralSlider = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.slides = null;
-        this.slideWidth = 0;
-        this.controls = {
-            Prev: null,
-            Next: null
-        };
-        this.xDown = null;
-        this.yDown = null;
+        /**
+         * Slide Count
+         */
         this.slideNumber = 3;
+        /**
+         * Slides to show
+         */
         this.slideShow = 3;
+        /**
+         * Display the arrow icon
+         */
         this.showArrow = true;
+        /**
+         * Display the button
+         */
         this.showButton = false;
+        /**
+         * Auto Slide
+         */
         this.autoSlide = false;
+        /**
+         * Auto Slide loop time
+         */
         this.loopTime = 1;
+        /**
+         * Auto fill the Item height
+         */
         this.autoItemHeight = false;
+        /**
+         * Client custom styling via inline styles
+         */
         this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
         this.clientStylingUrl = '';
+        /**
+         * Current page of slider
+         */
         this.currentPage = 0;
         this.currentSlideNumber = 0;
         this.slidesCount = 0;
         this.limitStylingAppends = false;
+        this.slides = null;
+        this.slideWidth = 0;
+        this.controls = {
+            Prev: null,
+            Next: null
+        };
+        this.xDown = null;
+        this.yDown = null;
     }
     slide(next) {
         this.sliderEl.classList.remove('Static');

package/dist/esm/general-slider.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-d5dd9b7c.js';
-export { s as setNonce } from './index-d5dd9b7c.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-217672e1.js';
+export { s as setNonce } from './index-217672e1.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;