@salla.sa/twilight-components 1.5.6 → 1.5.8

package/dist/twilight-components/p-e7d11878.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as t,c as s,h as i,H as a,g as l}from"./p-1503d976.js";const o=class{constructor(i){t(this,i),this.onSuccess=s(this,"onSuccess",7),this.onFailed=s(this,"onFailed",7),this.hostAttributes={},this.hasLabel=!1,this.channels=null,this.quantity=0,this.donatingAmount=0,this.productStatus="sale",this.productType="product"}getLabel(){return"sale"===this.productStatus?salla.lang.get("pages.cart.add_to_cart"):"donating"!==this.productType?salla.lang.get("pages.products.out_of_stock"):salla.lang.get("pages.products.donation_exceed")}addProductToCart(t){if("submit"===this.hostAttributes.type)return!1;t.preventDefault();const s=Object.entries({id:this.productId,donating_amount:this.donatingAmount,quantity:this.quantity}).reduce(((t,[s,i])=>i?(t[s]=i,t):t),{});return salla.cart.quickAdd(s).then((t=>this.onSuccess.emit(t))).catch((t=>this.onFailed.emit(t)))}getBtnAttributes(){for(let t=0;t<this.host.attributes.length;t++)["id","class"].includes(this.host.attributes[t].name)||(this.hostAttributes[this.host.attributes[t].name]=this.host.attributes[t].value);return this.hostAttributes}componentWillLoad(){this.hasLabel=!!this.host.innerHTML.replace("\x3c!----\x3e","").trim()}render(){return i(a,null,"out-and-notify"===this.productStatus&&this.channels?i("salla-product-availability",Object.assign({},this.getBtnAttributes()),i("slot",null)):i("salla-button",Object.assign({ref:t=>this.btn=t,onClick:t=>this.addProductToCart(t),type:"button",fill:"sale"===this.productStatus?"solid":"outline",color:"sale"===this.productStatus?"primary":"light","loader-position":"center"},this.getBtnAttributes(),{disabled:"sale"!==this.productStatus}),i("slot",null)))}componentDidRender(){this.hasLabel||salla.event.on("languages::translations.loaded",(()=>this.btn.setText(this.getLabel()||"اضافة للسلة")))}get host(){return l(this)}};o.style=":host{display:block}salla-add-product-button[width=wide]{width:100%}";export{o as salla_add_product_button}

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

@@ -1,4 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{p as e,b as a}from"./p-336eda99.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-aa546227",[[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"]}]]],["p-5707f352",[[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]}]]],["p-c2947b0f",[[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"]}]]],["p-ca871c42",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-b5028001",[[0,"salla-installment",{price:[1],language:[1],currency:[1],tamaraIsActive:[32],tabbyIsActive:[32],spotiiIsActive:[32]}]]]],e)));
+import{p as e,b as a}from"./p-1503d976.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-a023ad04",[[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"]}]]],["p-952f6c78",[[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]}]]],["p-e7d11878",[[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"]}]]],["p-019bb315",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-4cba804f",[[0,"salla-installment",{price:[1],language:[1],currency:[1],tamaraIsActive:[32],tabbyIsActive:[32],spotiiIsActive:[32]}]]]],e)));

package/dist/types/components/salla-add-product-button/salla-add-product-button.d.ts

@@ -3,17 +3,38 @@ export declare class SallaAddProductButton {
   private hostAttributes;
   private btn?;
   private hasLabel;
+  /**
+   * Channels.
+   */
   channels: string;
+  /**
+   * Product Quantity
+   */
   quantity: number;
+  /**
+   * Donating amount.
+   */
   donatingAmount: number;
+  /**
+   * Product id
+   */
   productId: any;
+  /**
+   *  Product Status.Defaults to `sale`
+   */
   productStatus: 'sale' | 'out' | 'out-and-notify';
+  /**
+   * Product type. Defaults to `product`
+   */
   productType: 'product' | 'service' | 'codes' | 'digital' | 'food' | 'donating' | 'group_products';
-  success: EventEmitter;
-  failed: EventEmitter;
   /**
-   * Is the button currently disabled
+   * Custome DOM event emitter when product gets added to cart successfully.
+   */
+  onSuccess: EventEmitter;
+  /**
+   * Custome DOM event emitter when product addition to cart fails.
    */
+  onFailed: EventEmitter;
   host: HTMLElement;
   private getLabel;
   private addProductToCart;

package/dist/types/components/salla-list-tile/salla-list-tile.d.ts

@@ -1,5 +1,11 @@
 export declare class SallaListTile {
+  /**
+   * Designates the component as anchor and applies the `href` attribute.
+   */
   href: string | undefined;
+  /**
+   * Designates the target attribute. This should only be applied when using the `href` prop.
+   */
   target: "_blank" | "_self" | "_parent" | "_top" | "framename";
   private generateClass;
   render(): any;

package/dist/types/components/salla-localization-modal/salla-localization-modal.d.ts

@@ -15,7 +15,13 @@ export declare class SallaLocalizationModal {
   languagesTitle: string;
   currenciesTitle: string;
   isLoading: boolean;
+  /**
+   * Current language (existing or newly selected)
+   */
   language: string;
+  /**
+   * Current currency (existing or newly selected)
+   */
   currency: string;
   host: HTMLElement;
   /**
@@ -30,6 +36,9 @@ export declare class SallaLocalizationModal {
   private getCurrencies;
   private onChangeCurrency;
   private onChangeLanguage;
+  /**
+   * Change currency and language to the selected ones.
+   */
   submit(): Promise<void>;
   render(): any;
   /**

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

@@ -73,7 +73,7 @@ export declare class SallaLoyalty {
    */
   private cancelProcess;
   /**
-   *
+   * Exchange loyalty points with the selected prize item
    * @param {number} loyalty_prize_id
    *
    */

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

@@ -3,6 +3,9 @@
  */
 export declare class SallaModal {
   constructor();
+  /**
+   * Sets the modal to be closable. Defaults to `true`
+   */
   isClosable: boolean;
   /**
    * The size of the modal
@@ -24,10 +27,25 @@ export declare class SallaModal {
    * Show loading in the middle
    */
   isLoading: boolean;
+  /**
+   * Show subtitle before the title or not, defaults to `false` (after the title)
+   */
   subTitleFirst: boolean;
+  /**
+   * Avoid padding in the modal body or not, defaults to `false`
+   */
   noPadding: boolean;
+  /**
+   * Set modal sub title.
+   */
   subTitle: string;
+  /**
+   * Align modal content to center, defaults to `false`
+   */
   centered: boolean;
+  /**
+   * Set the style of the header icon.
+   */
   iconStyle: 'error' | 'success' | 'primary' | 'normal';
   modalTitle: string;
   private overlay;

package/dist/types/components/salla-rating-stars/salla-rating-stars.d.ts

@@ -1,6 +1,15 @@
 export declare class SallaRatingStars {
+  /**
+   * Sets input name.
+   */
   name: string;
-  size: string;
+  /**
+   * Sets the height and width of the component. Defaults to medium.
+   */
+  size: "large" | "medium" | "small" | "mini";
+  /**
+   * The rating value.
+   */
   value: number;
   host: HTMLElement;
   private startsElem;

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

@@ -24,8 +24,17 @@ export declare class SallaScopees {
    * Dictates when to show the search field
    */
   searchDisplayLimit: number;
+  /**
+   * Closes the scope modal.
+   */
   close(): Promise<HTMLElement>;
+  /**
+   * Opens the scope modal.
+   */
   open(mode?: any, product_id?: number): Promise<any>;
+  /**
+   * Submit form to change exsiting scope.
+   */
   handleSubmit(): Promise<any>;
   private setScopeValues;
   private handleSearchFieldTyping;

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

@@ -19,8 +19,17 @@ export declare class SallaSearch {
   typing: boolean;
   debounce: ReturnType<typeof setTimeout>;
   search_term: string;
+  /**
+   * Set the component display without modal window. Defaults to `false`
+   */
   inline: boolean;
+  /**
+   * Adds a border radius to the input. Half of the height.
+   */
   oval: boolean;
+  /**
+   * Sets the height of the input
+   */
   height: number;
   open(): Promise<void>;
   onModalClose(): void;

package/dist/types/components/salla-social-share/salla-social-share.d.ts

@@ -17,6 +17,9 @@ export declare class SallaSocialShare {
    */
   platforms: Array<string>;
   componentWillLoad(): void;
+  /**
+   * Activate or open the share menu.
+   */
   open(): Promise<void>;
   render(): any;
   componentDidLoad(): void;

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

@@ -1,9 +1,20 @@
 export declare class SallaSwiper {
+  /**
+   * Set to true to enable continuous loop mode. Defaults to false.
+   */
   loop: boolean;
+  /**
+   * Duration of transition between slides (in ms). Defaults to 300ms.
+   */
   speed: number;
+  /**
+   * Number of slides per view (slides visible at the same time on slider's container).
+   */
   itemPerView: "auto" | number;
+  /**
+   * Distance between slide items in px. Defaults to 8px
+   */
   spaceBetweenItems: number;
-  direction: string;
   currentIndex: number | undefined;
   isLastSlideItem: boolean;
   isFirstSlideItem: boolean;

package/dist/types/components/salla-tabs/salla-tab-content.d.ts

@@ -1,6 +1,13 @@
 export declare class SallaTabContent {
+  /**
+   * Set name of the tab content. Mainly used as a key to s
+   * ynchronize the content with it's respective header.
+   */
   name: string;
   isSelected: boolean;
+  /**
+   * Expose self for the parent.
+   */
   getChild(): Promise<{
     select: any;
     unselect: any;

package/dist/types/components/salla-tabs/salla-tab-header.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SallaTabHeader {
   id: string;
   /**
-   * Header identifier name to sync with the
+   * Header identifier name to sync with the content.
    */
   name: string;
   /**
@@ -17,8 +17,14 @@ export declare class SallaTabHeader {
    * Center tab items in the given flex.
    */
   centered: boolean;
-  onSelect: EventEmitter;
+  /**
+   * Emits event object when clicked or selected.
+   */
+  tabSelected: EventEmitter;
   isSelected: boolean;
+  /**
+   * Expose self for the parent.
+   */
   getChild(): Promise<{
     select: any;
     unselect: any;
@@ -26,7 +32,7 @@ export declare class SallaTabHeader {
     id: string;
   }>;
   unselect(): void;
-  select(): void;
+  selected(): void;
   onClick(): void;
   render(): any[];
 }

package/dist/types/components/salla-tel-input/salla-tel-input.d.ts

@@ -13,6 +13,9 @@ export declare class SallaTelInput {
    * Current country_code
    */
   countryCode: string;
+  /**
+   * Event Emitter
+   */
   enterClicked: EventEmitter;
   host: HTMLElement;
   mobileRequired: string;