@salla.sa/twilight-components 2.11.13 → 2.11.15

package/dist/cjs/salla-button_37.cjs.entry.js

@@ -2660,7 +2660,7 @@ const SallaColorPicker = class {
     });
   }
   render() {
-    return (index.h(index.Host, { class: "s-color-picker-main" }, index.h("slot", null, index.h("div", { class: "s-color-picker-widget" }, index.h("div", { class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), index.h("span", { innerHTML: ArrowDown }))), index.h("input", { type: "hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
+    return (index.h(index.Host, { class: "s-color-picker-main" }, index.h("slot", { name: "widget" }, index.h("div", { class: "s-color-picker-widget" }, index.h("div", { class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), index.h("span", { innerHTML: ArrowDown }))), index.h("input", { type: "hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
   }
   get host() { return index.getElement(this); }
 };
@@ -21927,7 +21927,7 @@ const SallaLoginModal = class {
     return (index.h("salla-modal", { class: "s-login-modal", "modal-title": this.title, ref: modal => this.modal = modal, width: "xs" }, index.h("span", { slot: 'icon', class: "s-login-modal-header-icon", innerHTML: UserIcon }), index.h("div", { class: "s-login-modal-wrapper" }, this.isEmailAllowed && this.isMobileAllowed ?
       index.h("div", { class: this.generateTabClasses('home'), "data-name": "home", ref: tab => this.homeTab = tab }, index.h("p", { class: "s-login-modal-sub-title" }, salla.lang.get('blocks.header.select_login_way')), index.h("slot", { name: "before-login-type" }), index.h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.mobileTab, evt) }, index.h("span", { class: "s-login-modal-main-btn-icon", innerHTML: PhoneIcon }), index.h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('blocks.header.sms')), index.h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: ArrowRightIcon$1 })), index.h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.emailTab, evt) }, index.h("span", { class: "s-login-modal-main-btn-icon", innerHTML: MailIcon }), index.h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('common.elements.email')), index.h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: ArrowRightIcon$1 })), index.h("slot", { name: "after-login-type" }))
       : '', this.isMobileAllowed ?
-      index.h("div", { class: this.generateTabClasses('login-phone'), "data-name": "login-phone", ref: tab => this.mobileTab = tab }, index.h("slot", { name: "before-login-mobile" }), index.h("form", { onSubmit: () => this.loginBySMS(event), method: "POST" }, index.h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), index.h("salla-tel-input", { tabindex: "0", ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e) }), index.h("salla-button", { type: "submit", "loader-position": 'center', width: "wide", ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter'))), this.isEmailAllowed ?
+      index.h("div", { class: this.generateTabClasses('login-phone'), "data-name": "login-phone", ref: tab => this.mobileTab = tab }, index.h("slot", { name: "before-login-mobile" }), index.h("form", { onSubmit: (event) => this.loginBySMS(event), method: "POST" }, index.h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), index.h("salla-tel-input", { tabindex: "0", ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e) }), index.h("salla-button", { class: "s-login-modal-enter-button", type: "submit", "loader-position": 'center', width: "wide", ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter'))), this.isEmailAllowed ?
         index.h("a", { href: "#", onClick: () => this.showTab(this.emailTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_email')) : '', index.h("slot", { name: "after-login-mobile" })) : '', this.isEmailAllowed ?
       index.h("div", { class: this.generateTabClasses('login-email'), "data-name": "login-email", ref: tab => this.emailTab = tab }, index.h("slot", { name: "before-login-email" }), index.h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.email')), index.h("form", { onSubmit: () => this.loginByEmail(event), method: "POST" }, index.h("input", { type: "email", ref: el => this.loginEmail = el, onKeyDown: e => this.typing(e), placeholder: "your@email.com", enterkeyhint: "next", class: "s-login-modal-input s-ltr" }), index.h("span", { class: "s-login-modal-error-message" }), index.h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginByEmail(), ref: b => this.emailBtn = b }, salla.lang.get('blocks.header.enter'))), this.isMobileAllowed ?
         index.h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_sms'))
@@ -22623,10 +22623,10 @@ const SallaMap = class {
     this.defaultLat = 21.419421; //Mecca 🕋
     this.defaultLng = 39.82553; //Mecca 🕋
     // state variables
-    this.modalActivityTitle = 'Activity Location';
-    this.confirmButtonTitle = 'Confirm';
-    this.locateButtonTitle = 'Locate';
-    this.locateButtonEdit = 'Edit';
+    this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');
+    this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
+    this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
+    this.locateButtonEdit = salla.lang.get('common.elements.edit');
     this.searchInputValue = null;
     this.geolocationError = false;
     /**
@@ -22645,10 +22645,6 @@ const SallaMap = class {
      * Sets the search bar visibility.
      */
     this.searchable = false;
-    /**
-     * Sets google api key value
-     */
-    this.apiKey = null;
     /**
      * Modal Title
      */
@@ -22664,10 +22660,12 @@ const SallaMap = class {
     salla.lang.onLoaded(() => {
       this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');
       this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
-      this.locateButtonTitle = salla.lang.get('pages.checkout.confirm_address');
+      this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
       this.locateButtonEdit = salla.lang.get('common.elements.edit');
     });
+    this.apiKey = 'AIzaSyBPhPJ4KG13ywvmeAovLRnbi7WzlsdcWKs';
   }
+  ;
   formatAddress(address) {
     return address.length > 25 ? address.substring(0, 25) + '...' : address;
   }
@@ -22692,7 +22690,10 @@ const SallaMap = class {
         center: (this.lat || this.lng) ? {
           lat: this.lat,
           lng: this.lng,
-        } : null,
+        } : {
+          lat: this.defaultLat,
+          lng: this.defaultLng,
+        },
         zoom: this.zoom,
         zoomControl: true,
         mapTypeControl: false,
@@ -23473,7 +23474,6 @@ const SallaProductOptions = class {
   //@ts-ignore
   fileOption(option) {
     let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);
-    console.log(option.name, types);
     return types.length
       ? this.fileUploader(option, { accept: types.join(',') })
       : 'File types not selected.';
@@ -24894,7 +24894,7 @@ const SallaSwiper = class {
         : '', this.showControls ?
         index.h("div", { class: "s-slider-block__title-nav", dir: "rtl" }, index.h("button", { "aria-label": "Previous Slide", class: "s-slider-prev s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowRightIcon$1 : ArrowLeftIcon })), index.h("button", { "aria-label": "Next Slide", class: "s-slider-next s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowLeftIcon : ArrowRightIcon$1 })))
         : ''))
-      : '', index.h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el }, index.h("slot", null), index.h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, index.h("slot", { name: 'items' })), this.pagination ? index.h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' ? index.h("div", { class: "s-slider-thumbs" }, index.h("div", { class: "swiper s-slider-thumbs-container", ref: el => this.thumbsSliderContainer = el }, index.h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el }, index.h("slot", { name: "thumbs" })), this.showThumbsControls ?
+      : '', index.h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : '' }, index.h("slot", null), index.h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, index.h("slot", { name: 'items' })), this.pagination ? index.h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' ? index.h("div", { class: "s-slider-thumbs" }, index.h("div", { class: "swiper s-slider-thumbs-container", dir: this.verticalThumbs ? "ltr" : '', ref: el => this.thumbsSliderContainer = el }, index.h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el }, index.h("slot", { name: "thumbs" })), this.showThumbsControls ?
       index.h("div", { class: "s-slider-thumbs-nav", dir: "rtl" }, index.h("button", { "aria-label": "Previous Slide", class: "s-slider-thumbs-prev s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowRightIcon$1 : ArrowLeftIcon })), index.h("button", { "aria-label": "Next Slide", class: "s-slider-thumbs-next s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowLeftIcon : ArrowRightIcon$1 })))
       : '')) : ''));
   }

package/dist/collection/components/salla-color-picker/salla-color-picker.js

@@ -147,7 +147,7 @@ export class SallaColorPicker {
   }
   render() {
     return (h(Host, { class: "s-color-picker-main" },
-      h("slot", null,
+      h("slot", { name: "widget" },
         h("div", { class: "s-color-picker-widget" },
           h("div", { class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }),
           h("span", { innerHTML: ArrowDown }))),

package/dist/collection/components/salla-login-modal/salla-login-modal.js

@@ -268,10 +268,10 @@ export class SallaLoginModal {
         this.isMobileAllowed ?
           h("div", { class: this.generateTabClasses('login-phone'), "data-name": "login-phone", ref: tab => this.mobileTab = tab },
             h("slot", { name: "before-login-mobile" }),
-            h("form", { onSubmit: () => this.loginBySMS(event), method: "POST" },
+            h("form", { onSubmit: (event) => this.loginBySMS(event), method: "POST" },
               h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')),
               h("salla-tel-input", { tabindex: "0", ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e) }),
-              h("salla-button", { type: "submit", "loader-position": 'center', width: "wide", ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter'))),
+              h("salla-button", { class: "s-login-modal-enter-button", type: "submit", "loader-position": 'center', width: "wide", ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter'))),
             this.isEmailAllowed ?
               h("a", { href: "#", onClick: () => this.showTab(this.emailTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_email')) : '',
             h("slot", { name: "after-login-mobile" })) : '',

package/dist/collection/components/salla-map/salla-map.js

@@ -14,10 +14,10 @@ export class SallaMap {
     this.defaultLat = 21.419421; //Mecca 🕋
     this.defaultLng = 39.82553; //Mecca 🕋
     // state variables
-    this.modalActivityTitle = 'Activity Location';
-    this.confirmButtonTitle = 'Confirm';
-    this.locateButtonTitle = 'Locate';
-    this.locateButtonEdit = 'Edit';
+    this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');
+    this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
+    this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
+    this.locateButtonEdit = salla.lang.get('common.elements.edit');
     this.searchInputValue = null;
     this.geolocationError = false;
     /**
@@ -36,10 +36,6 @@ export class SallaMap {
      * Sets the search bar visibility.
      */
     this.searchable = false;
-    /**
-     * Sets google api key value
-     */
-    this.apiKey = null;
     /**
      * Modal Title
      */
@@ -55,10 +51,12 @@ export class SallaMap {
     salla.lang.onLoaded(() => {
       this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');
       this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
-      this.locateButtonTitle = salla.lang.get('pages.checkout.confirm_address');
+      this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
       this.locateButtonEdit = salla.lang.get('common.elements.edit');
     });
+    this.apiKey = 'AIzaSyBPhPJ4KG13ywvmeAovLRnbi7WzlsdcWKs';
   }
+  ;
   formatAddress(address) {
     return address.length > 25 ? address.substring(0, 25) + '...' : address;
   }
@@ -83,7 +81,10 @@ export class SallaMap {
         center: (this.lat || this.lng) ? {
           lat: this.lat,
           lng: this.lng,
-        } : null,
+        } : {
+          lat: this.defaultLat,
+          lng: this.defaultLng,
+        },
         zoom: this.zoom,
         zoomControl: true,
         mapTypeControl: false,
@@ -376,11 +377,10 @@ export class SallaMap {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Sets google api key value"
+        "text": "Sets google api key value, default Merchant key"
       },
       "attribute": "api-key",
-      "reflect": false,
-      "defaultValue": "null"
+      "reflect": false
     },
     "modalTitle": {
       "type": "string",

package/dist/collection/components/salla-product-options/salla-product-options.js

@@ -125,7 +125,6 @@ export class SallaProductOptions {
   //@ts-ignore
   fileOption(option) {
     let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);
-    console.log(option.name, types);
     return types.length
       ? this.fileUploader(option, { accept: types.join(',') })
       : 'File types not selected.';

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

@@ -436,13 +436,13 @@ export class SallaSwiper {
                   h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowLeftIcon : ArrowRightIcon })))
               : ''))
         : '',
-      h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el },
+      h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : '' },
         h("slot", null),
         h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el },
           h("slot", { name: 'items' })),
         this.pagination ? h("div", { class: "swiper-pagination" }) : ''),
       this.type == 'thumbs' ? h("div", { class: "s-slider-thumbs" },
-        h("div", { class: "swiper s-slider-thumbs-container", ref: el => this.thumbsSliderContainer = el },
+        h("div", { class: "swiper s-slider-thumbs-container", dir: this.verticalThumbs ? "ltr" : '', ref: el => this.thumbsSliderContainer = el },
           h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el },
             h("slot", { name: "thumbs" })),
           this.showThumbsControls ?

package/dist/components/salla-color-picker2.js

@@ -1154,7 +1154,7 @@ const SallaColorPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     });
   }
   render() {
-    return (h(Host, { class: "s-color-picker-main" }, h("slot", null, h("div", { class: "s-color-picker-widget" }, h("div", { class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), h("span", { innerHTML: ArrowDown }))), h("input", { type: "hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
+    return (h(Host, { class: "s-color-picker-main" }, h("slot", { name: "widget" }, h("div", { class: "s-color-picker-widget" }, h("div", { class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), h("span", { innerHTML: ArrowDown }))), h("input", { type: "hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
   }
   get host() { return this; }
   static get style() { return sallaColorPickerCss; }

package/dist/components/salla-login-modal.js

@@ -275,7 +275,7 @@ const SallaLoginModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     return (h("salla-modal", { class: "s-login-modal", "modal-title": this.title, ref: modal => this.modal = modal, width: "xs" }, h("span", { slot: 'icon', class: "s-login-modal-header-icon", innerHTML: UserIcon }), h("div", { class: "s-login-modal-wrapper" }, this.isEmailAllowed && this.isMobileAllowed ?
       h("div", { class: this.generateTabClasses('home'), "data-name": "home", ref: tab => this.homeTab = tab }, h("p", { class: "s-login-modal-sub-title" }, salla.lang.get('blocks.header.select_login_way')), h("slot", { name: "before-login-type" }), h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.mobileTab, evt) }, h("span", { class: "s-login-modal-main-btn-icon", innerHTML: PhoneIcon }), h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('blocks.header.sms')), h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: KeyboardArrowRightIcon })), h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.emailTab, evt) }, h("span", { class: "s-login-modal-main-btn-icon", innerHTML: email }), h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('common.elements.email')), h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: KeyboardArrowRightIcon })), h("slot", { name: "after-login-type" }))
       : '', this.isMobileAllowed ?
-      h("div", { class: this.generateTabClasses('login-phone'), "data-name": "login-phone", ref: tab => this.mobileTab = tab }, h("slot", { name: "before-login-mobile" }), h("form", { onSubmit: () => this.loginBySMS(event), method: "POST" }, h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), h("salla-tel-input", { tabindex: "0", ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e) }), h("salla-button", { type: "submit", "loader-position": 'center', width: "wide", ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter'))), this.isEmailAllowed ?
+      h("div", { class: this.generateTabClasses('login-phone'), "data-name": "login-phone", ref: tab => this.mobileTab = tab }, h("slot", { name: "before-login-mobile" }), h("form", { onSubmit: (event) => this.loginBySMS(event), method: "POST" }, h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), h("salla-tel-input", { tabindex: "0", ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e) }), h("salla-button", { class: "s-login-modal-enter-button", type: "submit", "loader-position": 'center', width: "wide", ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter'))), this.isEmailAllowed ?
         h("a", { href: "#", onClick: () => this.showTab(this.emailTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_email')) : '', h("slot", { name: "after-login-mobile" })) : '', this.isEmailAllowed ?
       h("div", { class: this.generateTabClasses('login-email'), "data-name": "login-email", ref: tab => this.emailTab = tab }, h("slot", { name: "before-login-email" }), h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.email')), h("form", { onSubmit: () => this.loginByEmail(event), method: "POST" }, h("input", { type: "email", ref: el => this.loginEmail = el, onKeyDown: e => this.typing(e), placeholder: "your@email.com", enterkeyhint: "next", class: "s-login-modal-input s-ltr" }), h("span", { class: "s-login-modal-error-message" }), h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginByEmail(), ref: b => this.emailBtn = b }, salla.lang.get('blocks.header.enter'))), this.isMobileAllowed ?
         h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_sms'))

package/dist/components/salla-map2.js

@@ -450,10 +450,10 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.defaultLat = 21.419421; //Mecca 🕋
     this.defaultLng = 39.82553; //Mecca 🕋
     // state variables
-    this.modalActivityTitle = 'Activity Location';
-    this.confirmButtonTitle = 'Confirm';
-    this.locateButtonTitle = 'Locate';
-    this.locateButtonEdit = 'Edit';
+    this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');
+    this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
+    this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
+    this.locateButtonEdit = salla.lang.get('common.elements.edit');
     this.searchInputValue = null;
     this.geolocationError = false;
     /**
@@ -472,10 +472,6 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      * Sets the search bar visibility.
      */
     this.searchable = false;
-    /**
-     * Sets google api key value
-     */
-    this.apiKey = null;
     /**
      * Modal Title
      */
@@ -491,10 +487,12 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     salla.lang.onLoaded(() => {
       this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');
       this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
-      this.locateButtonTitle = salla.lang.get('pages.checkout.confirm_address');
+      this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
       this.locateButtonEdit = salla.lang.get('common.elements.edit');
     });
+    this.apiKey = 'AIzaSyBPhPJ4KG13ywvmeAovLRnbi7WzlsdcWKs';
   }
+  ;
   formatAddress(address) {
     return address.length > 25 ? address.substring(0, 25) + '...' : address;
   }
@@ -519,7 +517,10 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         center: (this.lat || this.lng) ? {
           lat: this.lat,
           lng: this.lng,
-        } : null,
+        } : {
+          lat: this.defaultLat,
+          lng: this.defaultLng,
+        },
         zoom: this.zoom,
         zoomControl: true,
         mapTypeControl: false,

package/dist/components/salla-product-options.js

@@ -174,7 +174,6 @@ const SallaProductOptions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
   //@ts-ignore
   fileOption(option) {
     let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);
-    console.log(option.name, types);
     return types.length
       ? this.fileUploader(option, { accept: types.join(',') })
       : 'File types not selected.';

package/dist/components/salla-slider2.js

@@ -446,7 +446,7 @@ const SallaSwiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         : '', this.showControls ?
         h("div", { class: "s-slider-block__title-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? KeyboardArrowRightIcon : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowLeftIcon : KeyboardArrowRightIcon })))
         : ''))
-      : '', h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el }, h("slot", null), h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", ref: el => this.thumbsSliderContainer = el }, h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
+      : '', h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : '' }, h("slot", null), h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", dir: this.verticalThumbs ? "ltr" : '', ref: el => this.thumbsSliderContainer = el }, h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
       h("div", { class: "s-slider-thumbs-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-thumbs-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? KeyboardArrowRightIcon : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-thumbs-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowLeftIcon : KeyboardArrowRightIcon })))
       : '')) : ''));
   }

package/dist/esm/salla-button_37.entry.js

@@ -2656,7 +2656,7 @@ const SallaColorPicker = class {
     });
   }
   render() {
-    return (h(Host, { class: "s-color-picker-main" }, h("slot", null, h("div", { class: "s-color-picker-widget" }, h("div", { class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), h("span", { innerHTML: ArrowDown }))), h("input", { type: "hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
+    return (h(Host, { class: "s-color-picker-main" }, h("slot", { name: "widget" }, h("div", { class: "s-color-picker-widget" }, h("div", { class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), h("span", { innerHTML: ArrowDown }))), h("input", { type: "hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
   }
   get host() { return getElement(this); }
 };
@@ -21923,7 +21923,7 @@ const SallaLoginModal = class {
     return (h("salla-modal", { class: "s-login-modal", "modal-title": this.title, ref: modal => this.modal = modal, width: "xs" }, h("span", { slot: 'icon', class: "s-login-modal-header-icon", innerHTML: UserIcon }), h("div", { class: "s-login-modal-wrapper" }, this.isEmailAllowed && this.isMobileAllowed ?
       h("div", { class: this.generateTabClasses('home'), "data-name": "home", ref: tab => this.homeTab = tab }, h("p", { class: "s-login-modal-sub-title" }, salla.lang.get('blocks.header.select_login_way')), h("slot", { name: "before-login-type" }), h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.mobileTab, evt) }, h("span", { class: "s-login-modal-main-btn-icon", innerHTML: PhoneIcon }), h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('blocks.header.sms')), h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: ArrowRightIcon$1 })), h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.emailTab, evt) }, h("span", { class: "s-login-modal-main-btn-icon", innerHTML: MailIcon }), h("span", { class: "s-login-modal-main-btn-text" }, salla.lang.get('common.elements.email')), h("span", { class: "s-login-modal-main-btn-arrow", innerHTML: ArrowRightIcon$1 })), h("slot", { name: "after-login-type" }))
       : '', this.isMobileAllowed ?
-      h("div", { class: this.generateTabClasses('login-phone'), "data-name": "login-phone", ref: tab => this.mobileTab = tab }, h("slot", { name: "before-login-mobile" }), h("form", { onSubmit: () => this.loginBySMS(event), method: "POST" }, h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), h("salla-tel-input", { tabindex: "0", ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e) }), h("salla-button", { type: "submit", "loader-position": 'center', width: "wide", ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter'))), this.isEmailAllowed ?
+      h("div", { class: this.generateTabClasses('login-phone'), "data-name": "login-phone", ref: tab => this.mobileTab = tab }, h("slot", { name: "before-login-mobile" }), h("form", { onSubmit: (event) => this.loginBySMS(event), method: "POST" }, h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.mobile')), h("salla-tel-input", { tabindex: "0", ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e) }), h("salla-button", { class: "s-login-modal-enter-button", type: "submit", "loader-position": 'center', width: "wide", ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter'))), this.isEmailAllowed ?
         h("a", { href: "#", onClick: () => this.showTab(this.emailTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_email')) : '', h("slot", { name: "after-login-mobile" })) : '', this.isEmailAllowed ?
       h("div", { class: this.generateTabClasses('login-email'), "data-name": "login-email", ref: tab => this.emailTab = tab }, h("slot", { name: "before-login-email" }), h("label", { class: "s-login-modal-label" }, salla.lang.get('common.elements.email')), h("form", { onSubmit: () => this.loginByEmail(event), method: "POST" }, h("input", { type: "email", ref: el => this.loginEmail = el, onKeyDown: e => this.typing(e), placeholder: "your@email.com", enterkeyhint: "next", class: "s-login-modal-input s-ltr" }), h("span", { class: "s-login-modal-error-message" }), h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginByEmail(), ref: b => this.emailBtn = b }, salla.lang.get('blocks.header.enter'))), this.isMobileAllowed ?
         h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" }, salla.lang.get('blocks.header.login_by_sms'))
@@ -22619,10 +22619,10 @@ const SallaMap = class {
     this.defaultLat = 21.419421; //Mecca 🕋
     this.defaultLng = 39.82553; //Mecca 🕋
     // state variables
-    this.modalActivityTitle = 'Activity Location';
-    this.confirmButtonTitle = 'Confirm';
-    this.locateButtonTitle = 'Locate';
-    this.locateButtonEdit = 'Edit';
+    this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');
+    this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
+    this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
+    this.locateButtonEdit = salla.lang.get('common.elements.edit');
     this.searchInputValue = null;
     this.geolocationError = false;
     /**
@@ -22641,10 +22641,6 @@ const SallaMap = class {
      * Sets the search bar visibility.
      */
     this.searchable = false;
-    /**
-     * Sets google api key value
-     */
-    this.apiKey = null;
     /**
      * Modal Title
      */
@@ -22660,10 +22656,12 @@ const SallaMap = class {
     salla.lang.onLoaded(() => {
       this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');
       this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
-      this.locateButtonTitle = salla.lang.get('pages.checkout.confirm_address');
+      this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
       this.locateButtonEdit = salla.lang.get('common.elements.edit');
     });
+    this.apiKey = 'AIzaSyBPhPJ4KG13ywvmeAovLRnbi7WzlsdcWKs';
   }
+  ;
   formatAddress(address) {
     return address.length > 25 ? address.substring(0, 25) + '...' : address;
   }
@@ -22688,7 +22686,10 @@ const SallaMap = class {
         center: (this.lat || this.lng) ? {
           lat: this.lat,
           lng: this.lng,
-        } : null,
+        } : {
+          lat: this.defaultLat,
+          lng: this.defaultLng,
+        },
         zoom: this.zoom,
         zoomControl: true,
         mapTypeControl: false,
@@ -23469,7 +23470,6 @@ const SallaProductOptions = class {
   //@ts-ignore
   fileOption(option) {
     let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);
-    console.log(option.name, types);
     return types.length
       ? this.fileUploader(option, { accept: types.join(',') })
       : 'File types not selected.';
@@ -24890,7 +24890,7 @@ const SallaSwiper = class {
         : '', this.showControls ?
         h("div", { class: "s-slider-block__title-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowRightIcon$1 : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowLeftIcon : ArrowRightIcon$1 })))
         : ''))
-      : '', h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el }, h("slot", null), h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", ref: el => this.thumbsSliderContainer = el }, h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
+      : '', h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : '' }, h("slot", null), h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", dir: this.verticalThumbs ? "ltr" : '', ref: el => this.thumbsSliderContainer = el }, h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
       h("div", { class: "s-slider-thumbs-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-thumbs-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowRightIcon$1 : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-thumbs-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowLeftIcon : ArrowRightIcon$1 })))
       : '')) : ''));
   }