@salla.sa/twilight-components 1.5.7 → 1.5.9

package/dist/cjs/loader.cjs.js

@@ -17,7 +17,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["salla-button_24.cjs",[[4,"salla-loyalty",{"prizePoints":[8,"prize-points"],"customerPoints":[2,"customer-points"],"prizeTitle":[1,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"points":[32],"exchange_points":[32],"are_you_sure_to_exchange":[32],"for":[32],"cancel":[32],"confirm":[32],"cart_total_point_summary":[32],"cart_point_exchange_now":[32],"login_button":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[16],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"open":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[4,"salla-swiper",{"loop":[4],"speed":[2],"itemPerView":[8,"item-per-view"],"spaceBetweenItems":[2,"space-between-items"],"direction":[1],"currentIndex":[32],"isLastSlideItem":[32],"isFirstSlideItem":[32]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"onSelect","onSelectedTab"]]],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"default_title":[32],"default_description":[32]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["salla-scopes.cjs",[[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"branchNotFound":[32],"ourServiceIsNotFound":[32],"searchForAvailabilityInOtherBranch":[32],"shoppingFromAnotherBranch":[32],"nowBrowsingFrom":[32],"confirmButton":[32],"scopeSearchPlaceholder":[32],"selected_scope":[32],"isOpenedBefore":[32],"close":[64],"open":[64],"handleSubmit":[64]}]]],["salla-add-product-button.cjs",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]]], options);
+  return index.bootstrapLazy([["salla-button_24.cjs",[[4,"salla-loyalty",{"prizePoints":[8,"prize-points"],"customerPoints":[2,"customer-points"],"prizeTitle":[1,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"points":[32],"exchange_points":[32],"are_you_sure_to_exchange":[32],"for":[32],"cancel":[32],"confirm":[32],"cart_total_point_summary":[32],"cart_point_exchange_now":[32],"login_button":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[16],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"open":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[4,"salla-swiper",{"loop":[4],"speed":[2],"itemPerView":[8,"item-per-view"],"spaceBetweenItems":[2,"space-between-items"],"currentIndex":[32],"isLastSlideItem":[32],"isFirstSlideItem":[32]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"onTabSelected","onSelectedTab"]]],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"default_title":[32],"default_description":[32]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["salla-scopes.cjs",[[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"branchNotFound":[32],"ourServiceIsNotFound":[32],"searchForAvailabilityInOtherBranch":[32],"shoppingFromAnotherBranch":[32],"nowBrowsingFrom":[32],"confirmButton":[32],"scopeSearchPlaceholder":[32],"selected_scope":[32],"isOpenedBefore":[32],"close":[64],"open":[64],"handleSubmit":[64]}]]],["salla-add-product-button.cjs",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]]], options);
   });
 };
 

package/dist/cjs/salla-add-product-button.cjs.entry.js

@@ -16,10 +16,25 @@ const SallaAddProductButton = class {
     this.failed = index.createEvent(this, "failed", 7);
     this.hostAttributes = {};
     this.hasLabel = false;
+    /**
+     * Channels.
+     */
     this.channels = null;
+    /**
+     * Product Quantity
+     */
     this.quantity = 0;
+    /**
+     * Donating amount.
+     */
     this.donatingAmount = 0;
+    /**
+     *  Product Status.Defaults to `sale`
+     */
     this.productStatus = 'sale';
+    /**
+     * Product type. Defaults to `product`
+     */
     this.productType = 'product';
   }
   getLabel() {

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

@@ -226,7 +226,13 @@ const sallaListTileCss = "";
 const SallaListTile = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
+    /**
+     * Designates the component as anchor and applies the `href` attribute.
+     */
     this.href = undefined;
+    /**
+     * Designates the target attribute. This should only be applied when using the `href` prop.
+     */
     this.target = "_self";
   }
   generateClass() {
@@ -278,7 +284,13 @@ const SallaLocalizationModal = class {
     this.languages = [];
     this.currencies = [];
     this.isLoading = true;
+    /**
+     * Current language (existing or newly selected)
+     */
     this.language = salla.config.get('user.language_code');
+    /**
+     * Current currency (existing or newly selected)
+     */
     this.currency = salla.config.get('user.currency_code');
     Helper$1.setHost(this.host);
     salla.event.on('localization::open', () => this.open());
@@ -329,6 +341,9 @@ const SallaLocalizationModal = class {
   onChangeLanguage(event) {
     this.language = event.target.value;
   }
+  /**
+   * Change currency and language to the selected ones.
+   */
   async submit() {
     let url;
     this.btn.load()
@@ -522,7 +537,7 @@ const SallaLoginModal = class {
       return;
     }
     if (event.detail.data.redirect_url) {
-      return window.location.href = event.data.redirect_url;
+      return window.location.href = event.detail.data.redirect_url;
     }
     window.location.reload();
   }
@@ -808,7 +823,7 @@ const SallaLoyalty = class {
       .catch(e => console.log(e));
   }
   /**
-   *
+   * Exchange loyalty points with the selected prize item
    * @param {number} loyalty_prize_id
    *
    */
@@ -868,6 +883,9 @@ const sallaModalCss = "";
 const SallaModal = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
+    /**
+     * Sets the modal to be closable. Defaults to `true`
+     */
     this.isClosable = true; //todo::rename unclude. Suggestion => persistent
     /**
      * The size of the modal
@@ -889,10 +907,25 @@ const SallaModal = class {
      * Show loading in the middle
      */
     this.isLoading = false;
+    /**
+     * Show subtitle before the title or not, defaults to `false` (after the title)
+     */
     this.subTitleFirst = false; //todo:: choose better name
+    /**
+     * Avoid padding in the modal body or not, defaults to `false`
+     */
     this.noPadding = false; //todo:: choose better name
+    /**
+     * Set modal sub title.
+     */
     this.subTitle = '';
+    /**
+     * Align modal content to center, defaults to `false`
+     */
     this.centered = false;
+    /**
+     * Set the style of the header icon.
+     */
     this.iconStyle = undefined;
     Helper$1.setHost(this.host);
     salla.event.on('modal::open', target => target == this.host.id && this.open());
@@ -1631,7 +1664,13 @@ const sallaRatingStarsCss = "";
 const SallaRatingStars = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
+    /**
+     * Sets input name.
+     */
     this.name = 'rating';
+    /**
+     * Sets the height and width of the component. Defaults to medium.
+     */
     this.size = 'medium';
   }
   initiateRating() {
@@ -1701,8 +1740,17 @@ const SallaSearch = class {
     this.loading = false;
     this.typing = false;
     this.debounce = setTimeout(() => '', 1000);
+    /**
+     * Set the component display without modal window. Defaults to `false`
+     */
     this.inline = false;
+    /**
+     * Adds a border radius to the input. Half of the height.
+     */
     this.oval = false;
+    /**
+     * Sets the height of the input
+     */
     this.height = 60;
     Helper$1.setHost(this.host);
     this.productSlot = ((_a = Helper$1.getElement('[slot="product"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) || this.getDefaultProductSlot();
@@ -3215,6 +3263,9 @@ const SallaSocialShare = class {
       window.a2a_config.locale = salla.lang.locale;
     });
   }
+  /**
+   * Activate or open the share menu.
+   */
   async open() {
     this.opened = !this.opened;
     if (this.opened) {
@@ -8226,12 +8277,22 @@ const sallaSwiperCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:a
 const SallaSwiper = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
-    // slider-options
+    /**
+     * Set to true to enable continuous loop mode. Defaults to false.
+     */
     this.loop = false;
+    /**
+     * Duration of transition between slides (in ms). Defaults to 300ms.
+     */
     this.speed = 300;
+    /**
+     * Number of slides per view (slides visible at the same time on slider's container).
+     */
     this.itemPerView = "auto";
+    /**
+     * Distance between slide items in px. Defaults to 8px
+     */
     this.spaceBetweenItems = 8;
-    this.direction = 'ltr';
     // States
     this.currentIndex = undefined;
     this.isLastSlideItem = false;
@@ -8256,7 +8317,7 @@ const SallaSwiper = class {
   }
   render() {
     var _a, _b;
-    return (index$1.h("div", { class: "s-swiper", dir: this.direction }, index$1.h("div", { class: "s-swiper-button-prev" }, index$1.h("salla-button", { disabled: (_a = this.swiper) === null || _a === void 0 ? void 0 : _a.isBeginning, shape: "icon", color: "light", onClick: () => this.swiper.slidePrev() }, index$1.h("span", { class: "s-swiper-button-icon", innerHTML: ArrowLeftIcon }))), index$1.h("div", { class: "s-swiper-button-next" }, index$1.h("salla-button", { disabled: (_b = this.swiper) === null || _b === void 0 ? void 0 : _b.isEnd, shape: "icon", color: "light", onClick: () => this.swiper.slideNext() }, index$1.h("span", { class: "s-swiper-button-icon", innerHTML: ArrowRightIcon }))), index$1.h("div", { class: "swiper" }, index$1.h("div", { class: "swiper-container s-swiper-container", ref: el => this.swiperContainer = el }, index$1.h("div", { class: "swiper-wrapper s-swiper-wrapper", ref: el => this.swiperWrapper = el }, index$1.h("slot", null))))));
+    return (index$1.h("div", { class: "s-swiper" }, index$1.h("div", { class: "s-swiper-button-prev" }, index$1.h("salla-button", { disabled: (_a = this.swiper) === null || _a === void 0 ? void 0 : _a.isBeginning, shape: "icon", color: "light", onClick: () => this.swiper.slidePrev() }, index$1.h("span", { class: "s-swiper-button-icon", innerHTML: ArrowLeftIcon }))), index$1.h("div", { class: "s-swiper-button-next" }, index$1.h("salla-button", { disabled: (_b = this.swiper) === null || _b === void 0 ? void 0 : _b.isEnd, shape: "icon", color: "light", onClick: () => this.swiper.slideNext() }, index$1.h("span", { class: "s-swiper-button-icon", innerHTML: ArrowRightIcon }))), index$1.h("div", { class: "swiper" }, index$1.h("div", { class: "swiper-container s-swiper-container", ref: el => this.swiperContainer = el }, index$1.h("div", { class: "swiper-wrapper s-swiper-wrapper", ref: el => this.swiperWrapper = el }, index$1.h("slot", null))))));
   }
 };
 SallaSwiper.style = sallaSwiperCss;
@@ -8268,6 +8329,9 @@ const SallaTabContent = class {
     index$1.registerInstance(this, hostRef);
     this.isSelected = false;
   }
+  /**
+   * Expose self for the parent.
+   */
   async getChild() {
     return {
       select: this.select.bind(this),
@@ -8300,7 +8364,7 @@ const sallaTabHeaderCss = "";
 const SallaTabHeader = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
-    this.onSelect = index$1.createEvent(this, "onSelect", 7);
+    this.tabSelected = index$1.createEvent(this, "tabSelected", 7);
     this.id = generateRandomId();
     /**
    * The class applied to the currently active(selected) tab
@@ -8316,9 +8380,12 @@ const SallaTabHeader = class {
     this.centered = false;
     this.isSelected = false;
   }
+  /**
+   * Expose self for the parent.
+   */
   async getChild() {
     return {
-      select: this.select.bind(this),
+      select: this.selected.bind(this),
       unselect: this.unselect.bind(this),
       name: this.name,
       id: this.id
@@ -8327,12 +8394,12 @@ const SallaTabHeader = class {
   unselect() {
     this.isSelected = false;
   }
-  select() {
+  selected() {
     this.isSelected = true;
   }
   onClick() {
     this.getChild().then(child => {
-      this.onSelect.emit(child);
+      this.tabSelected.emit(child);
     });
   }
   render() {

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

@@ -22,7 +22,7 @@ const SallaInstallment = class {
      * Currency code
      */
     this.currency = salla.config.get('user.currency_code');
-    document.addEventListener('twilight::ready', () => {
+    salla.onReady(() => {
       const installment = salla.config.get('store.settings.installments');
       if (installment) {
         this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;

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

@@ -59,10 +59,16 @@ const SallaScopees = class {
       this.scopeSearchPlaceholder = salla.lang.get('blocks.scope.searching_for_a_branch');
     });
   }
+  /**
+   * Closes the scope modal.
+   */
   async close() {
     var _a;
     return await ((_a = this.modal) === null || _a === void 0 ? void 0 : _a.close());
   }
+  /**
+   * Opens the scope modal.
+   */
   async open(mode = ModeType.DEFAULT, product_id = null) {
     this.setScopeValues([]);
     if (typeof mode !== 'undefined' && [ModeType.AVAILABILITY, ModeType.DEFAULT].includes(mode)) {
@@ -86,14 +92,23 @@ const SallaScopees = class {
       this.modal.stopLoading();
     });
   }
+  /**
+   * Submit form to change exsiting scope.
+   */
   async handleSubmit() {
-    let payload = { 'scope_id': this.current_scope.id };
+    let payload = { 'id': this.current_scope.id };
     this.changeBtn.load();
     return await salla.scope.change(payload)
       .then(() => {
       salla.storage.set("branch-choosed-before", true);
-      salla.storage.set("scope", this.current_scope.id);
-      window.location.search += "&scope=" + this.current_scope.id;
+      salla.storage.set("scope", {
+        'type': this.current_scope.type,
+        'id': this.current_scope.id
+      });
+      if (window.location.search.includes("?")) {
+        window.location.search += "&";
+      }
+      window.location.search += "scope=" + this.current_scope.id;
     }).catch(e => console.log(e))
       .finally(() => {
       this.changeBtn.stop();

package/dist/cjs/twilight-components.cjs.js

@@ -18,5 +18,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["salla-button_24.cjs",[[4,"salla-loyalty",{"prizePoints":[8,"prize-points"],"customerPoints":[2,"customer-points"],"prizeTitle":[1,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"points":[32],"exchange_points":[32],"are_you_sure_to_exchange":[32],"for":[32],"cancel":[32],"confirm":[32],"cart_total_point_summary":[32],"cart_point_exchange_now":[32],"login_button":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[16],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"open":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[4,"salla-swiper",{"loop":[4],"speed":[2],"itemPerView":[8,"item-per-view"],"spaceBetweenItems":[2,"space-between-items"],"direction":[1],"currentIndex":[32],"isLastSlideItem":[32],"isFirstSlideItem":[32]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"onSelect","onSelectedTab"]]],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"default_title":[32],"default_description":[32]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["salla-scopes.cjs",[[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"branchNotFound":[32],"ourServiceIsNotFound":[32],"searchForAvailabilityInOtherBranch":[32],"shoppingFromAnotherBranch":[32],"nowBrowsingFrom":[32],"confirmButton":[32],"scopeSearchPlaceholder":[32],"selected_scope":[32],"isOpenedBefore":[32],"close":[64],"open":[64],"handleSubmit":[64]}]]],["salla-add-product-button.cjs",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]]], options);
+  return index.bootstrapLazy([["salla-button_24.cjs",[[4,"salla-loyalty",{"prizePoints":[8,"prize-points"],"customerPoints":[2,"customer-points"],"prizeTitle":[1,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"points":[32],"exchange_points":[32],"are_you_sure_to_exchange":[32],"for":[32],"cancel":[32],"confirm":[32],"cart_total_point_summary":[32],"cart_point_exchange_now":[32],"login_button":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[16],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"open":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[4,"salla-swiper",{"loop":[4],"speed":[2],"itemPerView":[8,"item-per-view"],"spaceBetweenItems":[2,"space-between-items"],"currentIndex":[32],"isLastSlideItem":[32],"isFirstSlideItem":[32]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"onTabSelected","onSelectedTab"]]],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"default_title":[32],"default_description":[32]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["salla-scopes.cjs",[[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"branchNotFound":[32],"ourServiceIsNotFound":[32],"searchForAvailabilityInOtherBranch":[32],"shoppingFromAnotherBranch":[32],"nowBrowsingFrom":[32],"confirmButton":[32],"scopeSearchPlaceholder":[32],"selected_scope":[32],"isOpenedBefore":[32],"close":[64],"open":[64],"handleSubmit":[64]}]]],["salla-add-product-button.cjs",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]]], options);
 });

package/dist/collection/components/salla-add-product-button/salla-add-product-button.js

@@ -6,10 +6,25 @@ export class SallaAddProductButton {
   constructor() {
     this.hostAttributes = {};
     this.hasLabel = false;
+    /**
+     * Channels.
+     */
     this.channels = null;
+    /**
+     * Product Quantity
+     */
     this.quantity = 0;
+    /**
+     * Donating amount.
+     */
     this.donatingAmount = 0;
+    /**
+     *  Product Status.Defaults to `sale`
+     */
     this.productStatus = 'sale';
+    /**
+     * Product type. Defaults to `product`
+     */
     this.productType = 'product';
   }
   getLabel() {
@@ -88,7 +103,7 @@ export class SallaAddProductButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Channels."
       },
       "attribute": "channels",
       "reflect": true,
@@ -106,7 +121,7 @@ export class SallaAddProductButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Product Quantity"
       },
       "attribute": "quantity",
       "reflect": true,
@@ -124,7 +139,7 @@ export class SallaAddProductButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Donating amount."
       },
       "attribute": "donating-amount",
       "reflect": true,
@@ -142,7 +157,7 @@ export class SallaAddProductButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Product id"
       },
       "attribute": "product-id",
       "reflect": true
@@ -159,7 +174,7 @@ export class SallaAddProductButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Product Status.Defaults to `sale`"
       },
       "attribute": "product-status",
       "reflect": true,
@@ -177,7 +192,7 @@ export class SallaAddProductButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Product type. Defaults to `product`"
       },
       "attribute": "product-type",
       "reflect": true,
@@ -192,7 +207,7 @@ export class SallaAddProductButton {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Custome DOM event emitter when product gets added to cart successfully."
       },
       "complexType": {
         "original": "any",
@@ -207,7 +222,7 @@ export class SallaAddProductButton {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Custome DOM event emitter when product addition to cart fails."
       },
       "complexType": {
         "original": "any",

package/dist/collection/components/salla-list-tile/salla-list-tile.js

@@ -4,7 +4,13 @@
 import { Component, Host, h, Prop } from '@stencil/core';
 export class SallaListTile {
   constructor() {
+    /**
+     * Designates the component as anchor and applies the `href` attribute.
+     */
     this.href = undefined;
+    /**
+     * Designates the target attribute. This should only be applied when using the `href` prop.
+     */
     this.target = "_self";
   }
   generateClass() {
@@ -46,7 +52,7 @@ export class SallaListTile {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Designates the component as anchor and applies the `href` attribute."
       },
       "attribute": "href",
       "reflect": false,
@@ -64,7 +70,7 @@ export class SallaListTile {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Designates the target attribute. This should only be applied when using the `href` prop."
       },
       "attribute": "target",
       "reflect": false,

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

@@ -15,7 +15,13 @@ export class SallaLocalizationModal {
     this.languages = [];
     this.currencies = [];
     this.isLoading = true;
+    /**
+     * Current language (existing or newly selected)
+     */
     this.language = salla.config.get('user.language_code');
+    /**
+     * Current currency (existing or newly selected)
+     */
     this.currency = salla.config.get('user.currency_code');
     Helper.setHost(this.host);
     salla.event.on('localization::open', () => this.open());
@@ -66,6 +72,9 @@ export class SallaLocalizationModal {
   onChangeLanguage(event) {
     this.language = event.target.value;
   }
+  /**
+   * Change currency and language to the selected ones.
+   */
   async submit() {
     let url;
     this.btn.load()
@@ -158,7 +167,7 @@ export class SallaLocalizationModal {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Current language (existing or newly selected)"
       },
       "attribute": "language",
       "reflect": true,
@@ -176,7 +185,7 @@ export class SallaLocalizationModal {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Current currency (existing or newly selected)"
       },
       "attribute": "currency",
       "reflect": true,
@@ -238,7 +247,7 @@ export class SallaLocalizationModal {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "",
+        "text": "Change currency and language to the selected ones.",
         "tags": []
       }
     }

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

@@ -125,7 +125,7 @@ export class SallaLoginModal {
       return;
     }
     if (event.detail.data.redirect_url) {
-      return window.location.href = event.data.redirect_url;
+      return window.location.href = event.detail.data.redirect_url;
     }
     window.location.reload();
   }

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

@@ -167,7 +167,7 @@ export class SallaLoyalty {
       .catch(e => console.log(e));
   }
   /**
-   *
+   * Exchange loyalty points with the selected prize item
    * @param {number} loyalty_prize_id
    *
    */
@@ -452,7 +452,7 @@ export class SallaLoyalty {
         "return": "Promise<any>"
       },
       "docs": {
-        "text": "",
+        "text": "Exchange loyalty points with the selected prize item",
         "tags": [{
             "name": "param",
             "text": "loyalty_prize_id"