@salla.sa/twilight-components 1.0.16 → 1.0.17

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

@@ -1,125 +1 @@
-import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-8966d27f.js';
-import { g as globalScripts } from './app-globals-0f993ce5.js';
-
-/*
- Stencil Client Patch Browser v2.8.1 | MIT Licensed | https://stenciljs.com
- */
-const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
-const patchBrowser = () => {
-    // NOTE!! This fn cannot use async/await!
-    if (BUILD.isDev && !BUILD.isTesting) {
-        consoleDevInfo('Running in development mode.');
-    }
-    if (BUILD.cssVarShim) {
-        // shim css vars
-        plt.$cssShim$ = win.__cssshim;
-    }
-    if (BUILD.cloneNodeFix) {
-        // opted-in to polyfill cloneNode() for slot polyfilled components
-        patchCloneNodeFix(H.prototype);
-    }
-    if (BUILD.profile && !performance.mark) {
-        // not all browsers support performance.mark/measure (Safari 10)
-        performance.mark = performance.measure = () => {
-            /*noop*/
-        };
-        performance.getEntriesByName = () => [];
-    }
-    // @ts-ignore
-    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
-        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
-            s.getAttribute('data-stencil-namespace') === NAMESPACE)
-        : null;
-    const importMeta = import.meta.url;
-    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
-    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
-        // Safari < v11 support: This IF is true if it's Safari below v11.
-        // This fn cannot use async/await since Safari didn't support it until v11,
-        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
-        // so both the ESM file and nomodule file would get downloaded. Only Safari
-        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
-        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
-        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
-        return {
-            then() {
-                /* promise noop */
-            },
-        };
-    }
-    if (!BUILD.safari10 && importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    else if (BUILD.dynamicImportShim || BUILD.safari10) {
-        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
-        if (BUILD.dynamicImportShim) {
-            patchDynamicImport(opts.resourcesUrl, scriptElm);
-        }
-        if (BUILD.dynamicImportShim && !win.customElements) {
-            // module support, but no custom elements support (Old Edge)
-            // @ts-ignore
-            return import(/* webpackChunkName: "polyfills-dom" */ './dom-d08ba8aa.js').then(() => opts);
-        }
-    }
-    return promiseResolve(opts);
-};
-const patchDynamicImport = (base, orgScriptElm) => {
-    const importFunctionName = getDynamicImportFunction(NAMESPACE);
-    try {
-        // test if this browser supports dynamic imports
-        // There is a caching issue in V8, that breaks using import() in Function
-        // By generating a random string, we can workaround it
-        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
-        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
-    }
-    catch (e) {
-        // this shim is specifically for browsers that do support "esm" imports
-        // however, they do NOT support "dynamic" imports
-        // basically this code is for old Edge, v18 and below
-        const moduleMap = new Map();
-        win[importFunctionName] = (src) => {
-            const url = new URL(src, base).href;
-            let mod = moduleMap.get(url);
-            if (!mod) {
-                const script = doc.createElement('script');
-                script.type = 'module';
-                script.crossOrigin = orgScriptElm.crossOrigin;
-                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
-                    type: 'application/javascript',
-                }));
-                mod = new Promise((resolve) => {
-                    script.onload = () => {
-                        resolve(win[importFunctionName].m);
-                        script.remove();
-                    };
-                });
-                moduleMap.set(url, mod);
-                doc.head.appendChild(script);
-            }
-            return mod;
-        };
-    }
-};
-const patchCloneNodeFix = (HTMLElementPrototype) => {
-    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
-    HTMLElementPrototype.cloneNode = function (deep) {
-        if (this.nodeName === 'TEMPLATE') {
-            return nativeCloneNodeFn.call(this, deep);
-        }
-        const clonedNode = nativeCloneNodeFn.call(this, false);
-        const srcChildNodes = this.childNodes;
-        if (deep) {
-            for (let i = 0; i < srcChildNodes.length; i++) {
-                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
-                if (srcChildNodes[i].nodeType !== 2) {
-                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
-                }
-            }
-        }
-        return clonedNode;
-    };
-};
-
-patchBrowser().then(options => {
-  globalScripts();
-  return bootstrapLazy([["salla-button",[[4,"salla-button",{"btnStyle":[513,"btn-style"],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"load":[64],"stop":[64],"disable":[64],"enable":[64]}]]],["salla-modal",[[4,"salla-modal",{"error":[4],"success":[4],"isClosable":[1028,"is-closable"],"modalWidth":[513,"modal-width"],"visible":[516],"subTitleFirst":[4,"sub-title-first"],"subTitle":[1,"sub-title"],"icon":[1],"imageIcon":[1,"image-icon"],"show":[64],"hide":[64],"setTitle":[64]}]]],["salla-branches",[[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",[[4,"salla-localization",{"languagesTitle":[1,"languages-title"],"currenciesTitle":[1,"currencies-title"],"ok":[1],"show":[64],"hide":[64],"submit":[64]}]]],["salla-product-availability",[[4,"salla-product-availability",{"channels":[1],"buttonText":[1,"button-text"],"countryCode":[1,"country-code"],"subscribeText":[1,"subscribe-text"],"cancelText":[1,"cancel-text"],"subTitle":[1,"sub-title"],"mobileLabel":[1,"mobile-label"],"emailLabel":[1,"email-label"],"mobilePlaceholder":[1,"mobile-placeholder"],"emailPlaceholder":[1,"email-placeholder"],"productId":[2,"product-id"],"subscribedMessage":[1,"subscribed-message"],"isSubscribed":[1028,"is-subscribed"],"submit":[64]}]]],["salla-rating",[[0,"salla-rating",{"orderId":[2,"order-id"],"thanksMsg":[1,"thanks-msg"],"isStoreRating":[4,"is-store-rating"],"isProductsRating":[4,"is-products-rating"],"isShippingRating":[4,"is-shipping-rating"],"show":[64],"hide":[64]}]]],["salla-verify",[[0,"salla-verify"]]],["salla-login",[[0,"salla-login"]]],["salla-search",[[0,"salla-search",{"placeholder":[1],"noResultsText":[1,"no-results-text"],"results":[32]},[[0,"close","onModalClose"]]]]]], options);
-});
+import{p as e,b as l}from"./p-cb1c59a2.js";(()=>{const l=import.meta.url,s={};return""!==l&&(s.resourcesUrl=new URL(".",l).href),e(s)})().then((e=>l([["p-fa2f0e64",[[0,"salla-login",{loginTypeTitle:[1,"login-type-title"],loginText:[1,"login-text"],smsLabel:[1,"sms-label"],mobileLabel:[1,"mobile-label"],emailLabel:[1,"email-label"],enterText:[1,"enter-text"],bySMSText:[1,"by-s-m-s-text"],byEmailText:[1,"by-email-text"],backText:[1,"back-text"],show:[64]},[[0,"verified","onVerified"],[0,"modalClosed","onModalClose"]]],[0,"salla-verify",{withoutModal:[4,"without-modal"],url:[1],by:[1],autoReload:[4,"auto-reload"],getCode:[64],show:[64]}],[4,"salla-button",{btnStyle:[513,"btn-style"],loading:[516],disabled:[516],loaderPosition:[1,"loader-position"],wide:[4],load:[64],stop:[64],disable:[64],enable:[64]}],[4,"salla-modal",{error:[4],success:[4],primary:[4],isClosable:[1028,"is-closable"],width:[513],visible:[516],isLoading:[1540,"is-loading"],subTitleFirst:[4,"sub-title-first"],subTitle:[1,"sub-title"],icon:[1],imageIcon:[1,"image-icon"],title:[32],show:[64],hide:[64],setTitle:[64],loading:[64],stopLoading:[64]}]]],["p-fa04c4b6",[[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]}]]],["p-a923a51e",[[4,"salla-localization",{languagesTitle:[1,"languages-title"],currenciesTitle:[1,"currencies-title"],ok:[1],show:[64],hide:[64],submit:[64]}]]],["p-33990e49",[[4,"salla-product-availability",{channels:[1],buttonText:[1,"button-text"],countryCode:[1,"country-code"],subscribeText:[1,"subscribe-text"],cancelText:[1,"cancel-text"],subTitle:[1,"sub-title"],mobileLabel:[1,"mobile-label"],emailLabel:[1,"email-label"],mobilePlaceholder:[1,"mobile-placeholder"],emailPlaceholder:[1,"email-placeholder"],productId:[2,"product-id"],subscribedMessage:[1,"subscribed-message"],isSubscribed:[1028,"is-subscribed"],submit:[64]}]]],["p-3cfede65",[[0,"salla-rating",{orderId:[2,"order-id"],thanksMsg:[1,"thanks-msg"],isStoreRating:[4,"is-store-rating"],isProductsRating:[4,"is-products-rating"],isShippingRating:[4,"is-shipping-rating"],show:[64],hide:[64]}]]],["p-648661c8",[[4,"salla-offer",{show:[64]}]]],["p-bc278b0e",[[0,"salla-search",{placeholder:[1],noResultsText:[1,"no-results-text"],results:[32]},[[0,"modalClosed","onModalClose"]]]]]],e)));

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

@@ -1,10 +1,11 @@
 export declare class SallaButton {
   constructor();
+  private text;
   host: HTMLElement;
-  btnStyle: string;
+  btnStyle: 'primary' | 'outline' | 'outline-primary' | 'danger';
   loading: boolean;
   disabled: boolean;
-  loaderPosition: string;
+  loaderPosition: 'start' | 'end' | 'center' | 'before';
   wide: boolean;
   load(): Promise<HTMLElement>;
   stop(): Promise<HTMLElement>;

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

@@ -1,3 +1,9 @@
+/**
+ * @slot header - The top of the modal.
+ * @slot footer - Replaces the bottom button.
+ * @slot language - Replaces language label, has replaceable props `{name}`, `{code}`, `{country_code}`.
+ * @slot currency - Replaces currency label, has replaceable props `{name}`, `{code}`, `{country_code}`.
+ */
 export declare class SallaLocalization {
   constructor();
   private modal;
@@ -12,6 +18,8 @@ export declare class SallaLocalization {
   host: HTMLElement;
   show(): Promise<HTMLElement>;
   hide(): Promise<HTMLElement>;
+  private onChangeCurrency;
+  private onChangeLanguage;
   submit(): Promise<void>;
   render(): any;
   /**

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

@@ -1,3 +1,42 @@
 export declare class SallaLogin {
+  constructor();
+  private modal;
+  private tab1;
+  private tab2;
+  private tab3;
+  private tab4;
+  private tab5;
+  private regMobile;
+  private regEmail;
+  private regMobileBlock;
+  private regEmailBlock;
+  private mobile;
+  private email;
+  private firstName;
+  private lastName;
+  private regType;
+  private readonly title;
+  host: HTMLElement;
+  loginTypeTitle: string;
+  loginText: string;
+  smsLabel: string;
+  mobileLabel: string;
+  emailLabel: string;
+  enterText: string;
+  bySMSText: string;
+  byEmailText: string;
+  backText: string;
+  /**
+   * @param {CustomEvent|{details:{case:'new_customer'|'authenticated', redirect_url:string|null}}} event
+   */
+  onVerified(event: any): any;
+  onModalClose(): void;
+  show(): Promise<HTMLElement>;
+  private showTab;
+  private loginByEmail;
+  private loginBySMS;
+  private typing;
+  private newUser;
   render(): any;
+  componentDidRender(): void;
 }

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

@@ -1,24 +1,32 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot body - The content of modal
+ * @slot footer - The footer of modal
+ */
 export declare class SallaModal {
   constructor();
   error: boolean;
   success: boolean;
+  primary: boolean;
   isClosable: boolean;
-  modalWidth: string;
+  width: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
   visible: boolean;
+  isLoading: boolean;
   subTitleFirst: boolean;
   subTitle: string;
   icon: string;
   imageIcon: string;
-  private title;
+  title: string;
   private overlay;
   host: HTMLElement;
-  ready: EventEmitter;
-  close: EventEmitter;
+  modalOpened: EventEmitter;
+  modalClosed: EventEmitter;
   handleVisible(newValue: boolean): void;
   show(): Promise<HTMLElement>;
   hide(): Promise<HTMLElement>;
   setTitle(title: any): Promise<HTMLElement>;
+  loading(): Promise<HTMLElement>;
+  stopLoading(): Promise<HTMLElement>;
   private toggleModal;
   private closeModal;
   render(): any;

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

@@ -0,0 +1,8 @@
+export declare class SallaOffer {
+  private modal;
+  host: HTMLElement;
+  constructor();
+  show(offerId: number): Promise<void>;
+  render(): any;
+  componentDidLoad(): void;
+}

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

@@ -1,10 +1,25 @@
 export declare class SallaRating {
   constructor();
   order: any;
+  /**
+   * Ratted order Id
+  */
   orderId: number;
+  /**
+   * Display this message after sending user feedback
+  */
   thanksMsg: string;
+  /**
+   * Set to true to display store rating step
+  */
   isStoreRating: boolean;
+  /**
+   * Set to true to display products rating step
+  */
   isProductsRating: boolean;
+  /**
+   * Set to true to display shipping rating step
+  */
   isShippingRating: boolean;
   private ratingChain;
   private stepsCount;
@@ -16,10 +31,10 @@ export declare class SallaRating {
   componentWillLoad(): void;
   componentDidRender(): void;
   initiateRating(): void;
-  private getData;
   private handleWizard;
   private showActiveStep;
   private setModalHeight;
+  private handleSubmitRating;
   private starsRating;
   private highlightSelectedStars;
   private sendRating;
@@ -30,5 +45,5 @@ export declare class SallaRating {
   renderShippingRating(): any;
   renderProductsRating(): any;
   renderThanksView(): any;
-  getStarsRating(): any;
+  getStarsRating(size: any): any;
 }

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

@@ -1,6 +1,5 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SallaVerify {
-  constructor();
-  host: HTMLElement;
   private modal;
   private code;
   private btn;
@@ -8,12 +7,23 @@ export declare class SallaVerify {
   private timer;
   private resend;
   private otpInputs;
-  private mobile;
-  private country_code;
-  private show;
+  private data;
+  host: HTMLElement;
+  /**
+   * Should render component without modal
+   */
+  withoutModal: boolean;
+  url: string;
+  by: string;
+  autoReload: boolean;
+  verified: EventEmitter;
+  constructor();
+  getCode(): Promise<string>;
+  show(data: any): Promise<any>;
   private toggleOTPSubmit;
   private resendTimer;
-  private submit;
   private resendCode;
+  private submit;
   render(): any;
+  private myBody;
 }

package/dist/types/components.d.ts

@@ -16,12 +16,12 @@ export namespace Components {
         "show": () => Promise<HTMLElement>;
     }
     interface SallaButton {
-        "btnStyle": string;
+        "btnStyle": 'primary' | 'outline' | 'outline-primary' | 'danger';
         "disable": () => Promise<void>;
         "disabled": boolean;
         "enable": () => Promise<void>;
         "load": () => Promise<HTMLElement>;
-        "loaderPosition": string;
+        "loaderPosition": 'start' | 'end' | 'center' | 'before';
         "loading": boolean;
         "stop": () => Promise<HTMLElement>;
         "wide": boolean;
@@ -35,6 +35,16 @@ export namespace Components {
         "submit": () => Promise<void>;
     }
     interface SallaLogin {
+        "backText": string;
+        "byEmailText": string;
+        "bySMSText": string;
+        "emailLabel": string;
+        "enterText": string;
+        "loginText": string;
+        "loginTypeTitle": string;
+        "mobileLabel": string;
+        "show": () => Promise<HTMLElement>;
+        "smsLabel": string;
     }
     interface SallaModal {
         "error": boolean;
@@ -42,13 +52,20 @@ export namespace Components {
         "icon": string;
         "imageIcon": string;
         "isClosable": boolean;
-        "modalWidth": string;
+        "isLoading": boolean;
+        "loading": () => Promise<HTMLElement>;
+        "primary": boolean;
         "setTitle": (title: any) => Promise<HTMLElement>;
         "show": () => Promise<HTMLElement>;
+        "stopLoading": () => Promise<HTMLElement>;
         "subTitle": string;
         "subTitleFirst": boolean;
         "success": boolean;
         "visible": boolean;
+        "width": 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    }
+    interface SallaOffer {
+        "show": (offerId: number) => Promise<void>;
     }
     interface SallaProductAvailability {
         "buttonText": string;
@@ -68,11 +85,26 @@ export namespace Components {
     }
     interface SallaRating {
         "hide": () => Promise<HTMLElement>;
+        /**
+          * Set to true to display products rating step
+         */
         "isProductsRating": boolean;
+        /**
+          * Set to true to display shipping rating step
+         */
         "isShippingRating": boolean;
+        /**
+          * Set to true to display store rating step
+         */
         "isStoreRating": boolean;
+        /**
+          * Ratted order Id
+         */
         "orderId": number;
         "show": () => Promise<HTMLElement>;
+        /**
+          * Display this message after sending user feedback
+         */
         "thanksMsg": string;
     }
     interface SallaSearch {
@@ -86,6 +118,15 @@ export namespace Components {
         "placeholder": string;
     }
     interface SallaVerify {
+        "autoReload": boolean;
+        "by": string;
+        "getCode": () => Promise<string>;
+        "show": (data: any) => Promise<any>;
+        "url": string;
+        /**
+          * Should render component without modal
+         */
+        "withoutModal": boolean;
     }
 }
 declare global {
@@ -119,6 +160,12 @@ declare global {
         prototype: HTMLSallaModalElement;
         new (): HTMLSallaModalElement;
     };
+    interface HTMLSallaOfferElement extends Components.SallaOffer, HTMLStencilElement {
+    }
+    var HTMLSallaOfferElement: {
+        prototype: HTMLSallaOfferElement;
+        new (): HTMLSallaOfferElement;
+    };
     interface HTMLSallaProductAvailabilityElement extends Components.SallaProductAvailability, HTMLStencilElement {
     }
     var HTMLSallaProductAvailabilityElement: {
@@ -149,6 +196,7 @@ declare global {
         "salla-localization": HTMLSallaLocalizationElement;
         "salla-login": HTMLSallaLoginElement;
         "salla-modal": HTMLSallaModalElement;
+        "salla-offer": HTMLSallaOfferElement;
         "salla-product-availability": HTMLSallaProductAvailabilityElement;
         "salla-rating": HTMLSallaRatingElement;
         "salla-search": HTMLSallaSearchElement;
@@ -164,9 +212,9 @@ declare namespace LocalJSX {
         "position"?: string;
     }
     interface SallaButton {
-        "btnStyle"?: string;
+        "btnStyle"?: 'primary' | 'outline' | 'outline-primary' | 'danger';
         "disabled"?: boolean;
-        "loaderPosition"?: string;
+        "loaderPosition"?: 'start' | 'end' | 'center' | 'before';
         "loading"?: boolean;
         "wide"?: boolean;
     }
@@ -176,19 +224,32 @@ declare namespace LocalJSX {
         "ok"?: string;
     }
     interface SallaLogin {
+        "backText"?: string;
+        "byEmailText"?: string;
+        "bySMSText"?: string;
+        "emailLabel"?: string;
+        "enterText"?: string;
+        "loginText"?: string;
+        "loginTypeTitle"?: string;
+        "mobileLabel"?: string;
+        "smsLabel"?: string;
     }
     interface SallaModal {
         "error"?: boolean;
         "icon"?: string;
         "imageIcon"?: string;
         "isClosable"?: boolean;
-        "modalWidth"?: string;
-        "onClose"?: (event: CustomEvent<any>) => void;
-        "onReady"?: (event: CustomEvent<any>) => void;
+        "isLoading"?: boolean;
+        "onModalClosed"?: (event: CustomEvent<any>) => void;
+        "onModalOpened"?: (event: CustomEvent<any>) => void;
+        "primary"?: boolean;
         "subTitle"?: string;
         "subTitleFirst"?: boolean;
         "success"?: boolean;
         "visible"?: boolean;
+        "width"?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    }
+    interface SallaOffer {
     }
     interface SallaProductAvailability {
         "buttonText"?: string;
@@ -206,10 +267,25 @@ declare namespace LocalJSX {
         "subscribedMessage"?: string;
     }
     interface SallaRating {
+        /**
+          * Set to true to display products rating step
+         */
         "isProductsRating"?: boolean;
+        /**
+          * Set to true to display shipping rating step
+         */
         "isShippingRating"?: boolean;
+        /**
+          * Set to true to display store rating step
+         */
         "isStoreRating"?: boolean;
+        /**
+          * Ratted order Id
+         */
         "orderId"?: number;
+        /**
+          * Display this message after sending user feedback
+         */
         "thanksMsg"?: string;
     }
     interface SallaSearch {
@@ -223,6 +299,14 @@ declare namespace LocalJSX {
         "placeholder"?: string;
     }
     interface SallaVerify {
+        "autoReload"?: boolean;
+        "by"?: string;
+        "onVerified"?: (event: CustomEvent<any>) => void;
+        "url"?: string;
+        /**
+          * Should render component without modal
+         */
+        "withoutModal"?: boolean;
     }
     interface IntrinsicElements {
         "salla-branches": SallaBranches;
@@ -230,6 +314,7 @@ declare namespace LocalJSX {
         "salla-localization": SallaLocalization;
         "salla-login": SallaLogin;
         "salla-modal": SallaModal;
+        "salla-offer": SallaOffer;
         "salla-product-availability": SallaProductAvailability;
         "salla-rating": SallaRating;
         "salla-search": SallaSearch;
@@ -245,6 +330,7 @@ declare module "@stencil/core" {
             "salla-localization": LocalJSX.SallaLocalization & JSXBase.HTMLAttributes<HTMLSallaLocalizationElement>;
             "salla-login": LocalJSX.SallaLogin & JSXBase.HTMLAttributes<HTMLSallaLoginElement>;
             "salla-modal": LocalJSX.SallaModal & JSXBase.HTMLAttributes<HTMLSallaModalElement>;
+            "salla-offer": LocalJSX.SallaOffer & JSXBase.HTMLAttributes<HTMLSallaOfferElement>;
             "salla-product-availability": LocalJSX.SallaProductAvailability & JSXBase.HTMLAttributes<HTMLSallaProductAvailabilityElement>;
             "salla-rating": LocalJSX.SallaRating & JSXBase.HTMLAttributes<HTMLSallaRatingElement>;
             "salla-search": LocalJSX.SallaSearch & JSXBase.HTMLAttributes<HTMLSallaSearchElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "license": "MIT",
   "keywords": [
     "twilight",
@@ -67,6 +67,7 @@
     "typescript": "^4.4.3"
   },
   "dependencies": {
+    "@salla.sa/twilight": "^2.0.36",
     "store": "^2.0.12"
   }
 }

package/dist/twilight-components/app-globals-0f993ce5.js

@@ -1,3 +0,0 @@
-const globalScripts = () => {};
-
-export { globalScripts as g };

package/dist/twilight-components/css-shim-a64b8820.js

@@ -1,4 +0,0 @@
-/*
- Stencil Client Patch Esm v2.8.1 | MIT Licensed | https://stenciljs.com
- */
-var __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector="";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return "\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else {if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return "break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return ":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return "string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\."+t,"."+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t=s.scopeId+"-"+this.count,o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document));}("undefined"!=typeof window&&window);