@salla.sa/twilight-components 2.9.48 → 2.10.0

package/dist/types/components/salla-slider/salla-slider.d.ts

@@ -1,22 +1,56 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { Swiper as SwiperType } from 'swiper/types';
 /**
  * @slot items - Slider items.
  * @slot thumbs - Thumbs slider items.
  */
 export declare class SallaSwiper {
+  host: HTMLElement;
+  /**
+   * Show/hide slider block title
+   */
+  blockTitle: string;
+  /**
+   * Show/hide slider block sub title
+   */
+  blockSubtitle: string;
+  /**
+   * Show/hide display all button beside arrows
+   */
+  displayAllUrl: string;
   /**
    * Show/hide arrows
    */
   showControls: boolean;
+  /**
+   * Show/hide arrows
+   */
+  controlsOuter: boolean;
   /**
    * Show/hide thumbs slider arrows
    */
   showThumbsControls: boolean;
+  /**
+   * Enable autoplay  - working with `type="carousel" only`
+   */
+  autoPlay: boolean;
+  /**
+   * Enable pagination
+   */
+  pagination: boolean;
+  /**
+   * Enable center mode  - working with `type="carousel" only`
+   */
+  centered: boolean;
+  /**
+   * Run slider in loop, Don't use it for slides with custom components inside it, because it may cause re-render issue
+   */
+  loop: boolean;
   /**
    * Set the type of the slider
    * Default: ''
    */
-  type: 'carousel' | 'thumbs' | '';
+  type: 'carousel' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | '';
   /**
    * Slider Configs refer to https://swiperjs.com/swiper-api#parameters and pass the entire config object
    * @example
@@ -30,16 +64,16 @@ export declare class SallaSwiper {
    */
   sliderConfig: any;
   /**
-  * Thumbs Slider Configs refer to https://swiperjs.com/swiper-api#parameters and pass the entire config object
-  * @example
-  * let slider = document.querySelector('salla-slider');
-  *  slider.thumbsConfig = {
-  *  slidesPerView: 1,
-  *  spaceBetween : 30,
-  *  lazy: true,
-  * }
-  *
-  */
+   * Thumbs Slider Configs refer to https://swiperjs.com/swiper-api#parameters and pass the entire config object
+   * @example
+   * let slider = document.querySelector('salla-slider');
+   *  slider.thumbsConfig = {
+   *  slidesPerView: 1,
+   *  spaceBetween : 30,
+   *  lazy: true,
+   * }
+   *
+   */
   thumbsConfig: any;
   slideChange: EventEmitter<any>;
   reachBeginning: EventEmitter<any>;
@@ -63,7 +97,7 @@ export declare class SallaSwiper {
    * @param {number} speed - Transition duration (in ms).
    * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.
    * **/
-  slideTo(index: number, speed?: number, runCallbacks?: boolean): Promise<void>;
+  slideTo(index: number, speed?: number, runCallbacks?: boolean): Promise<any>;
   /**
    * Run transition to the next slide.
    *
@@ -113,7 +147,7 @@ export declare class SallaSwiper {
    * **/
   slideToClosest(speed?: number, runCallbacks?: boolean): Promise<void>;
   /**
-   * 	You should call it after you add/remove slides manually, or after you hide/show it, or do any custom DOM modifications with Swiper This method also includes subcall of the following methods which you can use separately:
+   *  You should call it after you add/remove slides manually, or after you hide/show it, or do any custom DOM modifications with Swiper This method also includes subcall of the following methods which you can use separately:
    * **/
   update(): Promise<void>;
   /**
@@ -133,17 +167,42 @@ export declare class SallaSwiper {
    * update active/prev/next classes on slides and bullets
    * **/
   updateSlidesClasses(): Promise<void>;
+  /**
+   * Get slider slides
+   * **/
+  getSlides(): Promise<any>;
   currentIndex: number | undefined;
   isEnd: boolean;
   isBeginning: boolean;
   isRTL: boolean;
+  swiperScript: any;
+  displayAllTitle: string;
   private sliderContainer?;
   private sliderWrapper?;
   private thumbsSliderContainer?;
   private thumbsSliderWrapper?;
   private slider;
   private thumbsSlider;
-  componentDidLoad(): void;
+  private pre_defined_config;
+  componentWillLoad(): Promise<unknown>;
+  getSwiperConfig(): {
+    loop: boolean;
+    autoplay: boolean;
+    centeredSlides: boolean;
+    lazy: boolean;
+    on: {
+      afterInit: (slider: SwiperType) => void[];
+    };
+    pagination: boolean | {
+      el: string;
+      clickable: boolean;
+    };
+    navigation: boolean | {
+      nextEl: string;
+      prevEl: string;
+    };
+  };
   initSlider(): void;
   render(): any;
+  componentDidLoad(): void;
 }

package/dist/types/components/salla-user-menu/salla-user-menu.d.ts

@@ -40,6 +40,7 @@ export declare class SallaUserMenu {
   OrderUpdate: number;
   private fetchFreshProfile;
   open(e: any): Promise<void>;
+  private menuItemClicked;
   private getTheHeader;
   private getMenuItem;
   render(): any;

package/dist/types/components.d.ts

@@ -386,7 +386,7 @@ export namespace Components {
          */
         "allowRemove": boolean;
         /**
-          * Allow users to reorder files with drag and drop interaction.  Note that this only works in single column mode.  It also only works on browsers that support pointer events.
+          * Allow users to reorder files with drag and drop interaction. Note that this only works in single column mode. It also only works on browsers that support pointer events.
          */
         "allowReorder": boolean;
         /**
@@ -402,7 +402,7 @@ export namespace Components {
          */
         "appendFile": (file: FilePondInitialFile) => Promise<FilePondInitialFile[]>;
         /**
-          * Set to true to enable custom validity messages.  FilePond will throw an error when a parent form is submitted and it contains invalid files.
+          * Set to true to enable custom validity messages. FilePond will throw an error when a parent form is submitted and it contains invalid files.
          */
         "checkValidity": boolean;
         /**
@@ -474,7 +474,7 @@ export namespace Components {
          */
         "itemInsertInterval": number;
         /**
-          * Set to 'after' to add files to end of list (when dropped at the top of the list or added using browse or paste),  set to 'before' to add files at start of list.  Set to a compare function to automatically sort items when added
+          * Set to 'after' to add files to end of list (when dropped at the top of the list or added using browse or paste), set to 'before' to add files at start of list. Set to a compare function to automatically sort items when added
          */
         "itemInsertLocation": 'before' | 'after' | ((a: FilePondFile, b: FilePondFile) => number);
         /**
@@ -550,7 +550,7 @@ export namespace Components {
          */
         "labelFileWaitingForSize": string;
         /**
-          * Default label shown to indicate this is a drop area.  FilePond will automatically bind browse file events to the element with CSS class .filepond--label-action
+          * Default label shown to indicate this is a drop area. FilePond will automatically bind browse file events to the element with CSS class .filepond--label-action
          */
         "labelIdle": string;
         /**
@@ -600,7 +600,7 @@ export namespace Components {
     remove?: RemoveServerConfigFunction | null;
   } | null;
         /**
-          * Tells FilePond to store files in hidden file input elements so they can be posted along with normal form post.  This only works if the browser supports the DataTransfer constructor (https://caniuse.com/mdn-api_datatransfer_datatransfer),  this is the case on Firefox, Chrome, Chromium powered browsers and Safari version 14.1 and higher.
+          * Tells FilePond to store files in hidden file input elements so they can be posted along with normal form post. This only works if the browser supports the DataTransfer constructor (https://caniuse.com/mdn-api_datatransfer_datatransfer), this is the case on Firefox, Chrome, Chromium powered browsers and Safari version 14.1 and higher.
          */
         "storeAsFile": boolean;
     }
@@ -1159,6 +1159,42 @@ export namespace Components {
         "width": string;
     }
     interface SallaSlider {
+        /**
+          * Enable autoplay  - working with `type="carousel" only`
+         */
+        "autoPlay": boolean;
+        /**
+          * Show/hide slider block sub title
+         */
+        "blockSubtitle": string;
+        /**
+          * Show/hide slider block title
+         */
+        "blockTitle": string;
+        /**
+          * Enable center mode  - working with `type="carousel" only`
+         */
+        "centered": boolean;
+        /**
+          * Show/hide arrows
+         */
+        "controlsOuter": boolean;
+        /**
+          * Show/hide display all button beside arrows
+         */
+        "displayAllUrl": string;
+        /**
+          * Get slider slides *
+         */
+        "getSlides": () => Promise<any>;
+        /**
+          * Run slider in loop, Don't use it for slides with custom components inside it, because it may cause re-render issue
+         */
+        "loop": boolean;
+        /**
+          * Enable pagination
+         */
+        "pagination": boolean;
         /**
           * Show/hide arrows
          */
@@ -1203,7 +1239,7 @@ export namespace Components {
           * @param speed - Transition duration (in ms).
           * @param runCallbacks - Set it to false (by default it is true) and transition will not produce transition events. *
          */
-        "slideTo": (index: number, speed?: number, runCallbacks?: boolean) => Promise<void>;
+        "slideTo": (index: number, speed?: number, runCallbacks?: boolean) => Promise<any>;
         /**
           * Reset slider position to closest slide/snap point for the duration equal to 'speed' parameter.
           * @param speed - Transition duration (in ms).
@@ -1227,9 +1263,9 @@ export namespace Components {
          */
         "thumbsConfig": any;
         /**
-          * Set the type of the slider  Default: ''
+          * Set the type of the slider Default: ''
          */
-        "type": 'carousel' | 'thumbs' | '';
+        "type": 'carousel' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | '';
         /**
           * You should call it after you add/remove slides manually, or after you hide/show it, or do any custom DOM modifications with Swiper This method also includes subcall of the following methods which you can use separately: *
          */
@@ -1270,24 +1306,6 @@ export namespace Components {
          */
         "urlName": string;
     }
-    interface SallaSwiper {
-        /**
-          * Number of slides per view (slides visible at the same time on slider's container).
-         */
-        "itemPerView": "auto" | number;
-        /**
-          * Set to true to enable continuous loop mode. Defaults to false.
-         */
-        "loop": boolean;
-        /**
-          * Distance between slide items in px. Defaults to 8px
-         */
-        "spaceBetweenItems": number;
-        /**
-          * Duration of transition between slides (in ms). Defaults to 300ms.
-         */
-        "speed": number;
-    }
     interface SallaTabContent {
         /**
           * Expose self for the parent.
@@ -1654,12 +1672,6 @@ declare global {
         prototype: HTMLSallaSocialShareElement;
         new (): HTMLSallaSocialShareElement;
     };
-    interface HTMLSallaSwiperElement extends Components.SallaSwiper, HTMLStencilElement {
-    }
-    var HTMLSallaSwiperElement: {
-        prototype: HTMLSallaSwiperElement;
-        new (): HTMLSallaSwiperElement;
-    };
     interface HTMLSallaTabContentElement extends Components.SallaTabContent, HTMLStencilElement {
     }
     var HTMLSallaTabContentElement: {
@@ -1736,7 +1748,6 @@ declare global {
         "salla-skeleton": HTMLSallaSkeletonElement;
         "salla-slider": HTMLSallaSliderElement;
         "salla-social-share": HTMLSallaSocialShareElement;
-        "salla-swiper": HTMLSallaSwiperElement;
         "salla-tab-content": HTMLSallaTabContentElement;
         "salla-tab-header": HTMLSallaTabHeaderElement;
         "salla-tabs": HTMLSallaTabsElement;
@@ -2095,7 +2106,7 @@ declare namespace LocalJSX {
          */
         "allowRemove"?: boolean;
         /**
-          * Allow users to reorder files with drag and drop interaction.  Note that this only works in single column mode.  It also only works on browsers that support pointer events.
+          * Allow users to reorder files with drag and drop interaction. Note that this only works in single column mode. It also only works on browsers that support pointer events.
          */
         "allowReorder"?: boolean;
         /**
@@ -2107,7 +2118,7 @@ declare namespace LocalJSX {
          */
         "allowRevert"?: boolean;
         /**
-          * Set to true to enable custom validity messages.  FilePond will throw an error when a parent form is submitted and it contains invalid files.
+          * Set to true to enable custom validity messages. FilePond will throw an error when a parent form is submitted and it contains invalid files.
          */
         "checkValidity"?: boolean;
         /**
@@ -2179,7 +2190,7 @@ declare namespace LocalJSX {
          */
         "itemInsertInterval"?: number;
         /**
-          * Set to 'after' to add files to end of list (when dropped at the top of the list or added using browse or paste),  set to 'before' to add files at start of list.  Set to a compare function to automatically sort items when added
+          * Set to 'after' to add files to end of list (when dropped at the top of the list or added using browse or paste), set to 'before' to add files at start of list. Set to a compare function to automatically sort items when added
          */
         "itemInsertLocation"?: 'before' | 'after' | ((a: FilePondFile, b: FilePondFile) => number);
         /**
@@ -2255,7 +2266,7 @@ declare namespace LocalJSX {
          */
         "labelFileWaitingForSize"?: string;
         /**
-          * Default label shown to indicate this is a drop area.  FilePond will automatically bind browse file events to the element with CSS class .filepond--label-action
+          * Default label shown to indicate this is a drop area. FilePond will automatically bind browse file events to the element with CSS class .filepond--label-action
          */
         "labelIdle"?: string;
         /**
@@ -2309,7 +2320,7 @@ declare namespace LocalJSX {
     remove?: RemoveServerConfigFunction | null;
   } | null;
         /**
-          * Tells FilePond to store files in hidden file input elements so they can be posted along with normal form post.  This only works if the browser supports the DataTransfer constructor (https://caniuse.com/mdn-api_datatransfer_datatransfer),  this is the case on Firefox, Chrome, Chromium powered browsers and Safari version 14.1 and higher.
+          * Tells FilePond to store files in hidden file input elements so they can be posted along with normal form post. This only works if the browser supports the DataTransfer constructor (https://caniuse.com/mdn-api_datatransfer_datatransfer), this is the case on Firefox, Chrome, Chromium powered browsers and Safari version 14.1 and higher.
          */
         "storeAsFile"?: boolean;
     }
@@ -2769,6 +2780,34 @@ declare namespace LocalJSX {
         "width"?: string;
     }
     interface SallaSlider {
+        /**
+          * Enable autoplay  - working with `type="carousel" only`
+         */
+        "autoPlay"?: boolean;
+        /**
+          * Show/hide slider block sub title
+         */
+        "blockSubtitle"?: string;
+        /**
+          * Show/hide slider block title
+         */
+        "blockTitle"?: string;
+        /**
+          * Enable center mode  - working with `type="carousel" only`
+         */
+        "centered"?: boolean;
+        /**
+          * Show/hide arrows
+         */
+        "controlsOuter"?: boolean;
+        /**
+          * Show/hide display all button beside arrows
+         */
+        "displayAllUrl"?: string;
+        /**
+          * Run slider in loop, Don't use it for slides with custom components inside it, because it may cause re-render issue
+         */
+        "loop"?: boolean;
         "onReachBeginning"?: (event: SallaSliderCustomEvent<any>) => void;
         "onReachEnd"?: (event: SallaSliderCustomEvent<any>) => void;
         "onSlideChange"?: (event: SallaSliderCustomEvent<any>) => void;
@@ -2784,6 +2823,10 @@ declare namespace LocalJSX {
         "onTouchSliderEnd"?: (event: SallaSliderCustomEvent<any>) => void;
         "onTouchSliderMove"?: (event: SallaSliderCustomEvent<any>) => void;
         "onTouchSliderStart"?: (event: SallaSliderCustomEvent<any>) => void;
+        /**
+          * Enable pagination
+         */
+        "pagination"?: boolean;
         /**
           * Show/hide arrows
          */
@@ -2803,9 +2846,9 @@ declare namespace LocalJSX {
          */
         "thumbsConfig"?: any;
         /**
-          * Set the type of the slider  Default: ''
+          * Set the type of the slider Default: ''
          */
-        "type"?: 'carousel' | 'thumbs' | '';
+        "type"?: 'carousel' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | '';
     }
     interface SallaSocialShare {
         /**
@@ -2821,24 +2864,6 @@ declare namespace LocalJSX {
          */
         "urlName"?: string;
     }
-    interface SallaSwiper {
-        /**
-          * Number of slides per view (slides visible at the same time on slider's container).
-         */
-        "itemPerView"?: "auto" | number;
-        /**
-          * Set to true to enable continuous loop mode. Defaults to false.
-         */
-        "loop"?: boolean;
-        /**
-          * Distance between slide items in px. Defaults to 8px
-         */
-        "spaceBetweenItems"?: number;
-        /**
-          * Duration of transition between slides (in ms). Defaults to 300ms.
-         */
-        "speed"?: number;
-    }
     interface SallaTabContent {
         /**
           * Set name of the tab content. Mainly used as a key to s ynchronize the content with it's respective header.
@@ -2975,7 +3000,6 @@ declare namespace LocalJSX {
         "salla-skeleton": SallaSkeleton;
         "salla-slider": SallaSlider;
         "salla-social-share": SallaSocialShare;
-        "salla-swiper": SallaSwiper;
         "salla-tab-content": SallaTabContent;
         "salla-tab-header": SallaTabHeader;
         "salla-tabs": SallaTabs;
@@ -3022,7 +3046,6 @@ declare module "@stencil/core" {
             "salla-skeleton": LocalJSX.SallaSkeleton & JSXBase.HTMLAttributes<HTMLSallaSkeletonElement>;
             "salla-slider": LocalJSX.SallaSlider & JSXBase.HTMLAttributes<HTMLSallaSliderElement>;
             "salla-social-share": LocalJSX.SallaSocialShare & JSXBase.HTMLAttributes<HTMLSallaSocialShareElement>;
-            "salla-swiper": LocalJSX.SallaSwiper & JSXBase.HTMLAttributes<HTMLSallaSwiperElement>;
             "salla-tab-content": LocalJSX.SallaTabContent & JSXBase.HTMLAttributes<HTMLSallaTabContentElement>;
             "salla-tab-header": LocalJSX.SallaTabHeader & JSXBase.HTMLAttributes<HTMLSallaTabHeaderElement>;
             "salla-tabs": LocalJSX.SallaTabs & JSXBase.HTMLAttributes<HTMLSallaTabsElement>;

package/dist/types/global/app-dev.d.ts

@@ -1,2 +1 @@
-import './app';
 export default function (): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.9.48",
+  "version": "2.10.0",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -75,11 +75,12 @@
     "typescript": "^4.4.3"
   },
   "dependencies": {
-    "@salla.sa/twilight": "^2.9.48",
-    "@salla.sa/twilight-tailwind-theme": "^2.9.44",
+    "@salla.sa/twilight": "^2.10.0",
+    "@salla.sa/twilight-tailwind-theme": "^2.10.0",
     "animejs": "^3.2.1",
     "filepond": "^4.30.4",
     "filepond-plugin-file-validate-size": "^2.2.7",
+    "filepond-plugin-file-validate-type": "^1.2.8",
     "filepond-plugin-image-edit": "^1.6.3",
     "filepond-plugin-image-exif-orientation": "^1.0.11",
     "filepond-plugin-image-preview": "^4.6.11",
@@ -87,7 +88,8 @@
     "google-maps": "^4.3.3",
     "intl-tel-input": "^17.0.13",
     "swiper": "^8.3.1",
+    "vanilla-lazyload": "^17.8.3",
     "vanilla-picker": "^2.12.1"
   },
-  "gitHead": "7f93224881260d270a0190776bc6e0c0ef34e250"
+  "gitHead": "faefd42b67eff8388207a7db938259085be8c05f"
 }