@salla.sa/twilight-components 1.0.160 → 1.1.4

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-c2bef5f2.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-8c99ae87",[[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-rating-modal",{orderId:[2,"order-id"],order:[32],open:[64],close:[64]}],[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]}],[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-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],typing:[32],debounce:[32],search_term:[32]}],[4,"salla-infinite-scroll",{nextPage:[1,"next-page"],autoload:[1028],container:[1],item:[1],loadMore:[32],noMore:[32],failedToLoad:[32]}],[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]}],[0,"salla-rating-stars",{name:[1],size:[1],value:[2]}],[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"],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]}]]],["p-b68701b5",[[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-5ad2c3be",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-cfdb28c2",[[0,"salla-installment",{price:[1],language:[1],currency:[1],tamaraIsActive:[32],tabbyIsActive:[32],spotiiIsActive:[32]}]]],["p-a1ec2c1d",[[4,"salla-quantity-input",{quantity:[32],decrease:[64],increase:[64],setValue:[64]}]]]],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-c0f2fee1",[[4,"salla-loyalty",{loyaltyProgram:[32],buttonLoading:[32],selectedItem:[32],askConfirmation:[32],points:[32],exchange_points:[32],are_you_sure_to_exchange:[32],for:[32],cancel:[32],confirm:[32],loyalty_placeholder:[32],loyalty_placeholder_info:[32],open:[64],close:[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-rating-modal",{orderId:[2,"order-id"],order:[32],open:[64],close:[64]}],[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]}],[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-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],typing:[32],debounce:[32],search_term:[32]}],[4,"salla-infinite-scroll",{nextPage:[1,"next-page"],autoload:[1028],container:[1],item:[1],loadMore:[32],noMore:[32],failedToLoad:[32]}],[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]}],[4,"salla-list-tile",{href:[1],target:[1]}],[0,"salla-rating-stars",{name:[1],size:[1],value:[2]}],[4,"salla-placeholder",{icon:[1],alignment:[1],iconSize:[1,"icon-size"]}],[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"]]],[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"],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]}],[0,"salla-loading",{size:[8],width:[8],color:[1],bgColor:[1,"bg-color"]}]]],["p-b9fe5498",[[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-1708802b",[[0,"salla-installment",{price:[1],language:[1],currency:[1],tamaraIsActive:[32],tabbyIsActive:[32],spotiiIsActive:[32]}]]],["p-4c5055cf",[[4,"salla-quantity-input",{quantity:[32],decrease:[64],increase:[64],setValue:[64]}]]]],e)));

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

@@ -0,0 +1,6 @@
+export declare class SallaListTile {
+  href: string | undefined;
+  target: "_blank" | "_self" | "_parent" | "_top" | "framename";
+  private generateClass;
+  render(): any;
+}

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

@@ -0,0 +1,19 @@
+export declare class SallaLoading {
+  /**
+   * Sets the diameter of the circle in pixels, Defaults to `32`
+   */
+  size: number | string;
+  /**
+   * Sets the stroke of the circle (border) in pixels, Defaults to `4`
+   */
+  width: number | string;
+  /**
+   * Spinner content color.
+   */
+  color: string;
+  /**
+  * Spinner background color.
+  */
+  bgColor: string;
+  render(): any;
+}

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

@@ -0,0 +1,65 @@
+export interface LoyaltyProgram {
+  loyalty_program_id: number;
+  name: string;
+  description: string;
+  image: string;
+  status: boolean;
+  points_validity_by: null;
+  points_validity_value: null;
+  prize_promotion_title: string;
+  prize_promotion_description: string;
+  prize_promotion_logo: string;
+  customer: null;
+  points: Point[];
+  prizes: Prize[];
+}
+export interface Point {
+  id: number;
+  key: string;
+  name: string;
+  description: string;
+  status: boolean;
+  points: number;
+  icon: number;
+  color: number;
+  is_completed: boolean;
+  target_url: string;
+  share_store_url: string;
+  conditions: Condition[];
+}
+export interface Condition {
+  key: string;
+  points: number;
+  condition: null | string;
+  value: null;
+  op: string;
+}
+export interface Prize {
+  type: string;
+  title: string;
+  items: Item[];
+}
+export interface Item {
+  id: number;
+  key: string;
+  name: string;
+  description: string;
+  image: string;
+  status: number;
+  cost_points: number;
+  coupon_type: null | string;
+  coupon_amount: string;
+  coupon_maximum_amount: string;
+  included_category_ids: number[];
+  order_minimum_amount: string;
+  product_id: number | null;
+  use_product_image: number;
+  free_shipping_maximum_amount: string;
+  free_shipping_terms_apply: boolean;
+  prize_url: string;
+}
+export declare enum LoyaltyTypes {
+  freeShipping = "FREE_SHIPPING",
+  couponDiscount = "COUPON_DISCOUNT",
+  freeProduct = "FREE_PRODUCT"
+}

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

@@ -0,0 +1,45 @@
+import { Item, LoyaltyProgram } from './loyalty-schema';
+export declare class SallaLoyalty {
+  constructor();
+  private modal;
+  private confirmationModal;
+  loyaltyProgram: LoyaltyProgram;
+  buttonLoading: boolean;
+  selectedItem: Item | undefined;
+  askConfirmation: boolean;
+  points: string;
+  exchange_points: string;
+  are_you_sure_to_exchange: string;
+  for: string;
+  cancel: string;
+  confirm: string;
+  loyalty_placeholder: string;
+  loyalty_placeholder_info: string;
+  private setSelectedPrizeItem;
+  private prizeItem;
+  private getConfirmationModal;
+  /**
+   * Show loyalty modal
+   */
+  open(): Promise<any>;
+  /**
+   *
+   * Hide loyalty modal
+   */
+  close(): Promise<HTMLElement>;
+  /**
+   * Open Confirmation modal
+   */
+  private openConfirmation;
+  /**
+   * Cancel process
+   */
+  private cancelProcess;
+  /**
+   *
+   * @param {number} loyalty_prize_id
+   *
+   */
+  exchangeLoyaltyPoint(): Promise<any>;
+  render(): any;
+}

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

@@ -0,0 +1,16 @@
+export declare class SallaPlaceholder {
+  /**
+   * Custom icon to display, defaults to [`sicon-inbox`]
+   */
+  icon: string;
+  /**
+   * Defines the alignment of contents. Defaults to [`left`]
+   */
+  alignment: 'left' | 'center' | 'right';
+  /**
+    * The size of the icon. Defaults to [`md`]
+    */
+  iconSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  private alignmentClass;
+  render(): any;
+}

package/dist/types/components/salla-product-size-guide/salla-product-size-guide.d.ts

@@ -0,0 +1,22 @@
+export interface SizeGuide {
+  name: string;
+  description: string;
+}
+export declare class SallaProductSizeGuide {
+  constructor();
+  private modal;
+  guides: Array<SizeGuide> | [];
+  productId: number;
+  host: HTMLElement;
+  /**
+   * Show the size-guide modal window
+   */
+  open(product_id: number): Promise<any>;
+  /**
+   *
+   * Hide the size-guide modal window
+   */
+  close(): Promise<HTMLElement>;
+  private showPlaceholder;
+  render(): any;
+}

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

@@ -0,0 +1,17 @@
+export declare class SallaSwiper {
+  loop: boolean;
+  speed: number;
+  itemPerView: "auto" | number;
+  spaceBetweenItems: number;
+  direction: string;
+  currentIndex: number | undefined;
+  isLastSlideItem: boolean;
+  isFirstSlideItem: boolean;
+  private swiperContainer?;
+  private swiperWrapper?;
+  private swiper;
+  componentDidLoad(): void;
+  initSwiper(): void;
+  update(): void;
+  render(): any;
+}

package/dist/types/components/salla-tabs/interfaces.d.ts

@@ -0,0 +1,14 @@
+export interface ISallaTabData {
+  select: () => void;
+  unselect: () => void;
+  name: string;
+}
+export interface ISallaTabHeaderData extends ISallaTabData {
+  id: string;
+}
+export interface ISallaTabContentData extends ISallaTabData {
+}
+export interface ISallaTabGroup {
+  header: ISallaTabHeaderData;
+  content: ISallaTabContentData;
+}

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

@@ -0,0 +1,12 @@
+export declare class SallaTabContent {
+  name: string;
+  isSelected: boolean;
+  getChild(): Promise<{
+    select: any;
+    unselect: any;
+    name: string;
+  }>;
+  unselect(): void;
+  select(): void;
+  render(): any;
+}

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SallaTabHeader {
+  id: string;
+  /**
+   * Header identifier name to sync with the
+   */
+  name: string;
+  /**
+ * The class applied to the currently active(selected) tab
+ */
+  activeClass: string;
+  /**
+   * Set the height of the tab bar
+   */
+  height: number | string;
+  /**
+   * Center tab items in the given flex.
+   */
+  centered: boolean;
+  onSelect: EventEmitter;
+  isSelected: boolean;
+  getChild(): Promise<{
+    select: any;
+    unselect: any;
+    name: string;
+    id: string;
+  }>;
+  unselect(): void;
+  select(): void;
+  onClick(): void;
+  render(): any[];
+}

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

@@ -0,0 +1,20 @@
+import { ISallaTabContentData, ISallaTabHeaderData, ISallaTabGroup } from './interfaces';
+export declare class SallaTabs {
+  tabsHeader: ISallaTabHeaderData[];
+  tabsContent: ISallaTabContentData[];
+  tabGroup: ISallaTabGroup[];
+  /**
+   * Background color
+   */
+  backgroundColor: string;
+  /**
+   * Align tabs vertically.
+   */
+  vertical: boolean;
+  host: HTMLElement;
+  componentWillLoad(): void;
+  onSelectedTab(event: CustomEvent): void;
+  createGroup(): Promise<void>;
+  selectGroup(group: ISallaTabGroup): void;
+  render(): any[];
+}

package/dist/types/components/salla-tabs/utils.d.ts

@@ -0,0 +1 @@
+export declare function generateRandomId(): string;