@salla.sa/twilight-components 1.0.75 → 1.0.76

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-add-product-button_6.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"],"disabled":[516]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32]},[[0,"modalOpened","onModalOpen"],[0,"modalClosed","onModalClose"]]],[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]}],[0,"salla-tel-input",{"mobile":[1025],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"show":[64],"hide":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}]]],["salla-login-modal.cjs",[[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],"show":[64]},[[0,"verified","onVerified"]]]]],["salla-rating-modal.cjs",[[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"show":[64],"hide":[64]}]]],["salla-branches.cjs",[[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}]]],["salla-localization-modal.cjs",[[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"show":[64],"hide":[64],"submit":[64]}]]],["salla-offer-modal.cjs",[[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],"show":[64],"showOffer":[64]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-infinite-scroll.cjs",[[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"nextPageAutoload":[1028,"next-page-autoload"],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input.cjs",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]],["salla-verify-modal.cjs",[[4,"salla-verify-modal",{"withoutModal":[4,"without-modal"],"url":[513],"type":[1],"autoReload":[4,"auto-reload"],"title":[32],"getCode":[64],"show":[64]}]]],["salla-rating-stars.cjs",[[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}]]]], options);
+  return index.bootstrapLazy([["salla-add-product-button_6.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"],"disabled":[516]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32]},[[0,"modalOpened","onModalOpen"],[0,"modalClosed","onModalClose"]]],[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]}],[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]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}]]],["salla-login-modal.cjs",[[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]},[[0,"verified","onVerified"]]]]],["salla-rating-modal.cjs",[[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}]]],["salla-branches.cjs",[[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}]]],["salla-localization-modal.cjs",[[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}]]],["salla-offer-modal.cjs",[[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]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-infinite-scroll.cjs",[[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input.cjs",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]],["salla-verify-modal.cjs",[[4,"salla-verify-modal",{"withoutModal":[4,"without-modal"],"type":[1],"autoReload":[4,"auto-reload"],"title":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}]]],["salla-rating-stars.cjs",[[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}]]]], options);
   });
 };
 

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c0f5bb97.js');
 const Helper = require('./Helper-8ae6a805.js');
 
-const sallaAddProductButtonCss = ":host{display:block}";
+const sallaAddProductButtonCss = ":host{display:block}salla-add-product-button[width=wide]{width:100%}";
 
 const SallaAddProductButton = class {
   constructor(hostRef) {
@@ -185,8 +185,11 @@ const SallaButton = class {
         + (this.shape == 'icon' ? ' s-button-loader-center' : ' s-button-loader-' + this.loaderPosition);
     return this.hostAttributes;
   }
+  button() {
+    return (index.h("button", Object.assign({}, this.getBtnAttributes(), { disabled: this.disabled }), index.h("span", { class: "s-button-text", ref: el => this.text = el }, index.h("slot", null)), this.loading ? index.h("span", { class: "s-button-loader" }) : ''));
+  }
   render() {
-    return (index.h(index.Host, { class: "s-button-wrap" }, index.h("button", Object.assign({}, this.getBtnAttributes(), { disabled: this.disabled }), index.h("span", { class: "s-button-text", ref: el => this.text = el }, index.h("slot", null)), this.loading ? index.h("span", { class: "s-button-loader" }) : '')));
+    return (index.h(index.Host, { class: "s-button-wrap" }, this.href ? index.h("a", { href: this.href }, this.button()) : this.button()));
   }
   get host() { return index.getElement(this); }
 };
@@ -209,7 +212,7 @@ const SallaModal = class {
      */
     this.position = 'middle';
     /**
-     * Show the modal on rendering
+     * open the modal on rendering
      */
     this.visible = false;
     /**
@@ -229,8 +232,8 @@ const SallaModal = class {
      */
     this.imageIcon = '';
     Helper.Helper.setHost(this.host);
-    salla.event.on('modal::open', btn => btn.dataset.target == this.host.id && this.show());
-    salla.event.on('modal::close', btn => btn.dataset.target == this.host.id && this.hide());
+    salla.event.on('modal::open', btn => btn.dataset.target == this.host.id && this.open());
+    salla.event.on('modal::close', btn => btn.dataset.target == this.host.id && this.close());
     this.modalTitle = this.host.getAttribute('modal-title');
   }
   handleVisible(newValue) {
@@ -244,16 +247,16 @@ const SallaModal = class {
     this.modalOpened.emit();
   }
   /**
-   * Show the modal
+   * Open the modal
    */
-  async show() {
+  async open() {
     this.host.setAttribute('visible', '');
     return this.host;
   }
   /**
-   * hide the modal
+   * close the modal
    */
-  async hide() {
+  async close() {
     this.host.removeAttribute('visible');
     return this.host;
   }
@@ -341,7 +344,6 @@ const SallaProductAvailability = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.isUser = Helper.Helper.isUser();
-    this.mobileLabel = '555555555';
     this.emailPlaceholder = 'your@email.com';
     /**
      * product id that can visitor subscribe to its availability notification
@@ -359,9 +361,9 @@ const SallaProductAvailability = class {
       }
       let data = { id: this.productId };
       if (this.channels_.includes('sms')) {
-        let { mobile, countryCode } = await this.mobileInput.getValues();
+        let { phone, countryCode } = await this.mobileInput.getValues();
         data['country_code'] = countryCode;
-        data['mobile'] = mobile;
+        data['mobile'] = phone; //todo:: change it to `phone`
       }
       if (this.channels_.includes('email')) {
         this.email.value !== '' && (data['email'] = this.email.value);
@@ -375,7 +377,7 @@ const SallaProductAvailability = class {
         salla.storage.set(`product-${this.productId}-subscribed`, true);
       }) //no need to wait until finishing alert animation
         .then(() => this.btn.stop())
-        .then(() => this.modal.hide())
+        .then(() => this.modal.close())
         .catch(() => this.btn.stop() && this.btn.enable());
     };
     // helpers
@@ -391,7 +393,7 @@ const SallaProductAvailability = class {
       this.subscribedMessage = salla.lang.get('pages.products.notify_availability_success');
       this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');
       this.subTitle = salla.lang.get('pages.products.notify_availability_subtitle');
-      this.mobileLabel = salla.lang.get('common.elements.mobile') || '555555555';
+      this.mobileLabel = salla.lang.get('common.elements.mobile');
       this.emailLabel = salla.lang.get('common.elements.email');
       this.emailPlaceholder = salla.lang.get('common.elements.email_placeholder') || 'your@email.com';
       this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
@@ -432,7 +434,7 @@ const SallaProductAvailability = class {
     return (index.h(index.Host, { class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
       ? index.h("div", { class: "s-product-availability-subscribed" }, index.h("i", { class: "sicon-bell-ring s-product-availability-subs-icon" }), " ", this.subscribedMessage)
       :
-        index.h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.modal.show(), ref: btn => this.inlineBtn = btn }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
+        index.h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.modal.open(), ref: btn => this.inlineBtn = btn }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
   }
   renderModal() {
     return (index.h("salla-modal", { ref: modal => this.modal = modal, "modal-title": this.title_, subTitle: this.subTitle, icon: "sicon-bell-ring", width: "sm" }, index.h("div", { class: "s-product-availability-body" }, this.channels_.includes('email') ? [
@@ -442,7 +444,7 @@ const SallaProductAvailability = class {
     ] : '', this.channels_.includes('sms') ? [
       index.h("label", { class: "s-product-availability-label" }, this.mobileLabel),
       index.h("salla-tel-input", { ref: el => this.mobileInput = el, onKeyDown: e => this.typing(e, this.submit) })
-    ] : ''), index.h("div", { slot: "footer", class: "s-product-availability-footer" }, index.h("salla-button", { width: "wide", color: "light", fill: "outline", onClick: () => this.modal.hide(), ref: btn => this.cancelBtn = btn }, salla.lang.get('common.elements.cancel')), index.h("salla-button", { "loader-position": 'center', width: "wide", ref: btn => this.btn = btn, onClick: () => this.submit() }, salla.lang.get('common.elements.submit')))));
+    ] : ''), index.h("div", { slot: "footer", class: "s-product-availability-footer" }, index.h("salla-button", { width: "wide", color: "light", fill: "outline", onClick: () => this.modal.close(), ref: btn => this.cancelBtn = btn }, salla.lang.get('common.elements.cancel')), index.h("salla-button", { "loader-position": 'center', width: "wide", ref: btn => this.btn = btn, onClick: () => this.submit() }, salla.lang.get('common.elements.submit')))));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {
@@ -463,7 +465,7 @@ const SallaSearch = class {
     this.height = 60;
     Helper.Helper.setHost(this.host);
     this.productSlot = ((_a = Helper.Helper.getElement('[slot="product"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) || this.getDefaultProductSlot();
-    salla.event.on('search::show', () => this.modal.show());
+    salla.event.on('search::open', () => this.modal.open());
     salla.lang.onLoaded(() => {
       this.placeholder = salla.lang.get('blocks.header.search_placeholder');
       this.noResultsText = salla.lang.get('common.elements.no_options');
@@ -1914,6 +1916,10 @@ const SallaTelInput = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.enterClicked = index.createEvent(this, "enterClicked", 7);
+    /**
+     * input name
+     */
+    this.name = 'phone';
     /**
      * Current country_code
      */
@@ -1943,7 +1949,7 @@ const SallaTelInput = class {
    */
   async getValues() {
     return {
-      mobile: this.mobile = this.phoneInput.value,
+      [this.name]: this.phone = this.phoneInput.value,
       countryCode: this.countryCode = this.countryCodeInput.value
     };
   }
@@ -1993,7 +1999,7 @@ const SallaTelInput = class {
   }
   ;
   render() {
-    return (index.h(index.Host, { id: "s-tel-input" }, index.h("input", { type: "tel", name: "mobile", value: this.mobile, ref: el => this.phoneInput = el, class: "s-tel-input-control tel-input s-ltr" }), index.h("span", { class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), index.h("input", { type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+    return (index.h(index.Host, { id: "s-tel-input" }, index.h("input", { type: "tel", name: this.name, value: this.phone, ref: el => this.phoneInput = el, class: "s-tel-input-control tel-input s-ltr" }), index.h("span", { class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), index.h("input", { type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
   }
   componentDidLoad() {
     this.initTelInput();

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

@@ -46,10 +46,10 @@ const SallaBranches = class {
   }
   //todo:: add description for all @methods
   async show() {
-    return this.modal.show();
+    return this.modal.open();
   }
   async hide() {
-    return this.modal.hide();
+    return this.modal.close();
   }
   handelChange(event) {
     this.selected = event.target.value;

package/dist/cjs/salla-infinite-scroll.cjs.entry.js

@@ -20,15 +20,15 @@ const SallaInfiniteScroll = class {
     /**
      * Is there is need to autoload next page when scroll `next-page-autoload|next-page.autoload`
      */
-    this.nextPageAutoload = false;
+    this.autoload = false;
     /**
      * Class selector to know the container if it's not the host `<salla-infinite-scroll>`
      */
-    this.container = '.s-infinite-scroll-container';
+    this.container = 'salla-infinite-scroll';
     /**
      * Class selector to know list items
      */
-    this.item = '.list-block';
+    this.item = 'salla-infinite-scroll > *';
     Helper.Helper.setHost(this.host);
     this.status = document.createElement('div');
     this.status.className = 's-infinite-scroll-wrapper';
@@ -52,10 +52,6 @@ const SallaInfiniteScroll = class {
     Helper.Helper.toggleElementClassIf(btnText, 's-button-hide', 's-button-show', () => isLoading);
     this.btnLoader.style.display = isLoading ? 'inherit' : 'none';
   }
-  componentWillLoad() {
-    var _a;
-    this.nextPageAutoload = ['', 'true'].includes((_a = this.host.getAttribute('next-page.autoload')) === null || _a === void 0 ? void 0 : _a.toLowerCase());
-  }
   render() {
     return this.nextPage.length > 1 ?
       index.h(index.Host, { class: "s-infinite-scroll-container" }, index.h("slot", null)) : '';
@@ -67,8 +63,8 @@ const SallaInfiniteScroll = class {
     this.host.insertAdjacentElement('afterend', this.status);
     let that = this;
     let infScroll = salla.infiniteScroll.initiate(this.container, {
-      history: this.nextPageAutoload ? 'push' : false,
-      scrollThreshold: this.nextPageAutoload ? 400 : false,
+      history: this.autoload ? 'push' : false,
+      scrollThreshold: this.autoload ? 400 : false,
       nextPage: this.nextPage,
       checkLastPage: 'salla-infinite-scroll[next-page*=":"],salla-infinite-scroll[next-page*="."]',
       status: '.s-infinite-scroll-status',

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c0f5bb97.js');
 
-const sallaInstallmentCss = "#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}#tabbyPromoWrapper:hover{box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;padding:15px;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--color-text);font-size:var(--font-sm);line-height:1.25;border:1px solid var(--color-grey-dark);padding:18px 20px 18px 100px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px;top:18px;margin:0 !important}.ltr .tamara-product-widget .tamara-logo{right:20px;left:auto}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}";
+const sallaInstallmentCss = "#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;padding:15px;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--color-text);font-size:var(--font-sm);line-height:1.25;padding:18px 20px 18px 100px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px;top:18px;margin:0 !important}.ltr .tamara-product-widget .tamara-logo{right:20px;left:auto}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}";
 
 const SallaInstallment = class {
   constructor(hostRef) {

package/dist/cjs/salla-localization-modal.cjs.entry.js

@@ -20,7 +20,7 @@ const SallaLocalizationModal = class {
     this.language = salla.config.get('user.language_code');
     this.currency = salla.config.get('user.currency_code');
     Helper.Helper.setHost(this.host);
-    salla.event.on('localization::show', () => this.show());
+    salla.event.on('localization::open', () => this.open());
     salla.lang.onLoaded(() => {
       var _a;
       this.languagesTitle = salla.lang.get('common.titles.language');
@@ -40,10 +40,10 @@ const SallaLocalizationModal = class {
     this.currencySlot = ((_b = Helper.Helper.getElement('[slot="currency"]')) === null || _b === void 0 ? void 0 : _b.innerHTML) || '<label class="s-localization-modal-label" for="currency-{code}"><span>{name}</span><small class="s-localization-modal-currency">{code}</small></label>';
   }
   /**
-   * Show the component
+   * open the component
    */
-  async show() {
-    return this.modal.show()
+  async open() {
+    return this.modal.open()
       .then(() => this.getLanguages())
       .then(() => this.getCurrencies())
       .then(() => this.isLoading = false);
@@ -51,8 +51,8 @@ const SallaLocalizationModal = class {
   /**
    * Hide the component
    */
-  async hide() {
-    return this.modal.hide();
+  async close() {
+    return this.modal.close();
   }
   async getLanguages() {
     this.language = this.language || salla.config.get('user.language_code');
@@ -84,7 +84,7 @@ const SallaLocalizationModal = class {
     })
       .then(() => this.language === salla.config.get('user.language_code', 'ar') || (url = salla.helpers.addParamToUrl('lang', this.language)))
       .then(() => this.btn.stop())
-      .then(() => this.hide())
+      .then(() => this.close())
       .then(() => url && (window.location.href = url));
   }
   render() {

package/dist/cjs/salla-login-modal.cjs.entry.js

@@ -47,11 +47,11 @@ const SallaLoginModal = class {
       e.key == 'Enter' && submitMethod();
     };
     this.loginBySMS = async () => {
-      const { mobile, countryCode } = await this.loginTelInput.getValues();
+      const { phone, countryCode } = await this.loginTelInput.getValues();
       const isPhoneValid = await this.loginTelInput.isValid();
       if (!isPhoneValid)
         return;
-      this.login(this.smsBtn, { type: 'mobile', phone: mobile, country_code: countryCode });
+      this.login(this.smsBtn, { type: 'mobile', phone: phone, country_code: countryCode });
     };
     this.loginByEmail = () => {
       if (!Helper.Helper.isValidEmail(this.loginEmail.value)) {
@@ -62,14 +62,14 @@ const SallaLoginModal = class {
     };
     this.newUser = async () => {
       var _a;
-      const { mobile: regPhone, countryCode } = this.regType == "email" ? await this.regTelInput.getValues() : await this.loginTelInput.getValues(), emailValue = this.regEmail.value || ((_a = this.loginEmail) === null || _a === void 0 ? void 0 : _a.value);
+      const { phone: regPhone, countryCode } = this.regType == "email" ? await this.regTelInput.getValues() : await this.loginTelInput.getValues(), emailValue = this.regEmail.value || ((_a = this.loginEmail) === null || _a === void 0 ? void 0 : _a.value);
       await this.newUserValidation();
       await this.regBtn.load();
       await this.regBtn.disable();
       let data = {
         first_name: this.firstName.value,
         last_name: this.lastName.value,
-        phone: regPhone || this.loginTelInput.mobile,
+        phone: regPhone || this.loginTelInput.phone,
         country_code: countryCode,
         verified_by: this.regType,
       };
@@ -104,7 +104,7 @@ const SallaLoginModal = class {
     salla.auth.event.onVerificationFailed(() => {
       //
     });
-    salla.event.on('login::show', () => this.show());
+    salla.event.on('login::open', () => this.open());
     salla.event.on('twilight::initiated', () => {
       this.isEmailAllowed = salla.config.get('store.settings.auth.email_allowed', !!this.isEmailAllowed);
       this.isMobileAllowed = salla.config.get('store.settings.auth.mobile_allowed', !!this.isMobileAllowed);
@@ -132,9 +132,9 @@ const SallaLoginModal = class {
     window.location.reload();
   }
   /**
-   * Show login component
+   * Open login component
    */
-  async show() {
+  async open() {
     if (this.isEmailAllowed && this.isMobileAllowed) {
       this.showTab(this.homeTab);
     }
@@ -144,7 +144,7 @@ const SallaLoginModal = class {
     else if (this.isMobileAllowed) {
       this.showTab(this.mobileTab);
     }
-    return this.modal.show();
+    return this.modal.open();
   }
   showTab(tab, evt) {
     var _a, _b;
@@ -171,7 +171,7 @@ const SallaLoginModal = class {
       .then(() => salla.auth.api.login(data))
       .then(() => btn.stop() && btn.enable())
       .then(() => this.showTab(this.verifyTab))
-      .then(() => this.verifyTab.show(data));
+      .then(() => this.verifyTab.open(data));
   }
   async newUserValidation() {
     const isLogByPhone = this.regType == "phone", isLogByEmail = this.regType == "email", emailValue = this.regEmail.value || (isLogByEmail && this.loginEmail.value), isEmailValid = Helper.Helper.isValidEmail(emailValue), isFirstNameValid = this.firstName.value.length > 0, isLastNameValid = this.lastName.value.length > 0, isPhoneValid = await this.regTelInput.isValid() || isLogByPhone && await this.loginTelInput.isValid(), emailValidation = (emailValue && isEmailValid) || (!emailValue && !this.isEmailRequired);

package/dist/cjs/salla-offer-modal.cjs.entry.js

@@ -33,14 +33,14 @@ const SallaOfferModal = class {
         salla.log('User selected to don\'t show this offer again.');
         return;
       }
-      this.show(offer.product_id);
+      this.open(offer.product_id);
     });
   }
   /**
    * Show the available offers for the product
    * @param product_id
    */
-  async show(product_id) {
+  async open(product_id) {
     //TODO:: make sure there is only one offer
     return salla.api.offer.details(product_id)
       .then(response => this.showOffer(response.data[0]));
@@ -54,7 +54,7 @@ const SallaOfferModal = class {
     this.offer_name = offer.name;
     this.offer_message = offer.message;
     this.modal.setTitle(this.offer_name);
-    return this.modal.show();
+    return this.modal.open();
   }
   rememberMe(event) {
     salla.storage.set('remember-offer-' + this.offer.id, event.target.checked);

package/dist/cjs/salla-rating-modal.cjs.entry.js

@@ -30,7 +30,7 @@ const SallaRatingModal = class {
     this.back = salla.lang.get('common.elements.back');
     this.next = salla.lang.get('common.elements.next');
     Helper.Helper.setHost(this.host);
-    salla.event.on('rating::show', () => this.show());
+    salla.event.on('rating::open', () => this.open());
     salla.lang.onLoaded(() => {
       this.rate_the_store = salla.lang.get('pages.rating.rate_the_store');
       this.write_store_rate = salla.lang.get('pages.rating.write_store_rate');
@@ -46,8 +46,8 @@ const SallaRatingModal = class {
   /**
    * Show the rating modal
    */
-  async show() {
-    return this.modal.show()
+  async open() {
+    return this.modal.open()
       .then(() => this.order || salla.rating.api.order(this.orderId).then(res => this.order = res.data))
       .then(() => this.modal.setTitle(salla.lang.get('pages.rating.rate_order') + ' <span class="unicode">(#' + this.order.id + ')</span>'))
       .then(() => this.modal.stopLoading())
@@ -57,8 +57,8 @@ const SallaRatingModal = class {
   /**
    * Show the rating modal
    */
-  async hide() {
-    return this.modal.hide();
+  async close() {
+    return this.modal.close();
   }
   // handle wizard
   handleWizard() {
@@ -149,7 +149,7 @@ const SallaRatingModal = class {
       }
       clearInterval(timeToClose);
       this.thanksTime.remove();
-      this.hide().then(() => window.location.reload());
+      this.close().then(() => window.location.reload());
     }, 1000);
     this.host.querySelector('.s-rating-modal-footer').classList.add('s-rating-modal-unvisiable');
     this.showActiveStep(this.thanksTab);

package/dist/cjs/salla-verify-modal.cjs.entry.js

@@ -14,7 +14,6 @@ const SallaVerifyModal = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.verified = index.createEvent(this, "verified", 7);
-    // Helper.setHost(this.host);
     this.initiated = false;
     /**
      * Verifying method
@@ -24,19 +23,27 @@ const SallaVerifyModal = class {
      * should auto reloading the page after success verification
      */
     this.autoReload = true;
+    /**
+     * to use: `salla.api.auth.verify` or `salla.profile.verify`
+     */
+    this.isProfileVerify = false;
+    // Helper.setHost(this.host);
+    salla.lang.onLoaded(() => {
+      var _a, _b;
+      this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + this.type);
+      (_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
+      (_b = this.btn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('pages.profile.verify'));
+    });
     if (this.withoutModal) {
-      this.modal = { show: () => '', hide: () => '' };
-    }
-    else {
-      salla.event.on('profile::verify.mobile', data => {
-        this.url = 'profile/verify-mobile';
-        this.show(data);
-      });
+      this.modal = { open: () => '', close: () => '' };
+      return;
     }
-    salla.lang.onLoaded(() => {
+    salla.event.on('profile::verification', data => {
       var _a;
-      this.title = salla.lang.get('pages.profile.verify_title');
-      (_a = this.btn) === null || _a === void 0 ? void 0 : _a.setText(salla.lang.get('pages.profile.verify'));
+      this.isProfileVerify = true;
+      this.open(data);
+      this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + data.type);
+      (_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
     });
   }
   /**
@@ -47,13 +54,14 @@ const SallaVerifyModal = class {
     return this.code.value;
   }
   /**
-   * Show verifying modal
+   * Open verifying modal
    * @param data
    */
-  async show(data) {
+  async open(data) {
     var _a;
     this.data = data;
     this.data.type = this.data.type || this.type;
+    this.type = this.data.type;
     this.resendTimer();
     this.otpInputs = this.host.querySelectorAll('.s-verify-modal-input');
     if (!this.initiated) {
@@ -77,12 +85,12 @@ const SallaVerifyModal = class {
         this.toggleOTPSubmit();
         setTimeout(() => this.otpInputs[3].focus(), 100);
       });
-      // return this.modal.show();
+      // return this.modal.open();
       this.initiated = true;
     }
     this.reset();
     !this.withoutModal && ((_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title));
-    this.modal.show();
+    this.modal.open();
   }
   toggleOTPSubmit() {
     let otp = [];
@@ -129,12 +137,10 @@ const SallaVerifyModal = class {
     let data = Object.assign({ code: this.code.value }, this.data);
     return this.btn.load()
       .then(() => this.btn.disable())
-      .then(() => this.url
-      ? salla.api.auth.request(this.url, data)
-      : salla.api.auth.verify(data, true))
+      .then(() => this.isProfileVerify ? salla.profile.verify(data) : salla.auth.verify(data, true))
       .then(response => this.verified.emit(response))
       .then(() => this.btn.stop() && this.btn.disable())
-      .then(() => this.modal.hide())
+      .then(() => this.modal.close())
       .then(() => this.autoReload && window.location.reload())
       .catch(() => this.btn.stop() && this.btn.enable() && this.reset());
   }

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

@@ -18,5 +18,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["salla-add-product-button_6.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"],"disabled":[516]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32]},[[0,"modalOpened","onModalOpen"],[0,"modalClosed","onModalClose"]]],[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]}],[0,"salla-tel-input",{"mobile":[1025],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"show":[64],"hide":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}]]],["salla-login-modal.cjs",[[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],"show":[64]},[[0,"verified","onVerified"]]]]],["salla-rating-modal.cjs",[[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"show":[64],"hide":[64]}]]],["salla-branches.cjs",[[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}]]],["salla-localization-modal.cjs",[[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"show":[64],"hide":[64],"submit":[64]}]]],["salla-offer-modal.cjs",[[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],"show":[64],"showOffer":[64]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-infinite-scroll.cjs",[[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"nextPageAutoload":[1028,"next-page-autoload"],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input.cjs",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]],["salla-verify-modal.cjs",[[4,"salla-verify-modal",{"withoutModal":[4,"without-modal"],"url":[513],"type":[1],"autoReload":[4,"auto-reload"],"title":[32],"getCode":[64],"show":[64]}]]],["salla-rating-stars.cjs",[[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}]]]], options);
+  return index.bootstrapLazy([["salla-add-product-button_6.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"],"disabled":[516]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32]},[[0,"modalOpened","onModalOpen"],[0,"modalClosed","onModalClose"]]],[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]}],[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]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}]]],["salla-login-modal.cjs",[[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]},[[0,"verified","onVerified"]]]]],["salla-rating-modal.cjs",[[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}]]],["salla-branches.cjs",[[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}]]],["salla-localization-modal.cjs",[[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}]]],["salla-offer-modal.cjs",[[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]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-infinite-scroll.cjs",[[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input.cjs",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]],["salla-verify-modal.cjs",[[4,"salla-verify-modal",{"withoutModal":[4,"without-modal"],"type":[1],"autoReload":[4,"auto-reload"],"title":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}]]],["salla-rating-stars.cjs",[[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}]]]], options);
 });

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

@@ -1,3 +1,7 @@
 :host {
   display: block;
 }
+
+salla-add-product-button[width=wide] {
+  width: 100%;
+}

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

@@ -38,10 +38,10 @@ export class SallaBranches {
   }
   //todo:: add description for all @methods
   async show() {
-    return this.modal.show();
+    return this.modal.open();
   }
   async hide() {
-    return this.modal.hide();
+    return this.modal.close();
   }
   handelChange(event) {
     this.selected = event.target.value;

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

@@ -104,12 +104,14 @@ export class SallaButton {
         + (this.shape == 'icon' ? ' s-button-loader-center' : ' s-button-loader-' + this.loaderPosition);
     return this.hostAttributes;
   }
+  button() {
+    return (h("button", Object.assign({}, this.getBtnAttributes(), { disabled: this.disabled }),
+      h("span", { class: "s-button-text", ref: el => this.text = el },
+        h("slot", null)),
+      this.loading ? h("span", { class: "s-button-loader" }) : ''));
+  }
   render() {
-    return (h(Host, { class: "s-button-wrap" },
-      h("button", Object.assign({}, this.getBtnAttributes(), { disabled: this.disabled }),
-        h("span", { class: "s-button-text", ref: el => this.text = el },
-          h("slot", null)),
-        this.loading ? h("span", { class: "s-button-loader" }) : '')));
+    return (h(Host, { class: "s-button-wrap" }, this.href ? h("a", { href: this.href }, this.button()) : this.button()));
   }
   static get is() { return "salla-button"; }
   static get originalStyleUrls() { return {