@salla.sa/twilight-components 1.5.12 → 1.5.14

package/dist/twilight-components/p-5fb32395.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as s,h as e,H as l}from"./p-1503d976.js";import{S as t}from"./p-475ef754.js";var i;!function(s){s.DEFAULT="default",s.AVAILABILITY="availability"}(i||(i={}));const a=class{constructor(e){s(this,e),this.translationLoaded=!1,this.mode=i.DEFAULT,this.scopes=[],this.originalScopesList=[],this.isOpenedBefore=salla.storage.get("branch-choosed-before"),this.selection="optional",this.searchDisplayLimit=6,this.getFormTitle=()=>{var s;return(null===(s=this.originalScopesList)||void 0===s?void 0:s.length)<2?"":this.mode===i.DEFAULT?salla.lang.get("blocks.scope.shopping_from_another_branch"):salla.lang.get("blocks.scope.search_for_availability_in_other_branches")},salla.event.on("scopes::open",(({mode:s=null,product_id:e=null})=>{this.open(s,e)})),salla.lang.onLoaded((()=>{this.translationLoaded=!0}))}async close(){var s;return await(null===(s=this.modal)||void 0===s?void 0:s.close())}async open(s=i.DEFAULT,e=null){return this.setScopeValues([]),this.mode=void 0!==s&&[i.AVAILABILITY,i.DEFAULT].includes(s)?s:i.DEFAULT,this.modal.loading(),this.modal.open(),await(s==i.AVAILABILITY?salla.scope.getProductAvailability(e):salla.scope.get()).then((e=>{this.setScopeValues(s==i.AVAILABILITY?e.data:e.data.scopes)})).catch((s=>console.log(s))).finally((()=>{this.modal.stopLoading()}))}async handleSubmit(){let s={id:this.current_scope.id};return this.changeBtn.load(),await salla.scope.change(s).then((()=>{salla.storage.set("branch-choosed-before",!0),salla.storage.set("scope",{type:this.current_scope.type,id:this.current_scope.id});var s=new URL(window.location.href);s.searchParams.set("scope",this.current_scope.id),window.location.href=s.toString(),window.location.replace(s.toString())})).catch((s=>console.log(s))).finally((()=>{this.changeBtn.stop()}))}setScopeValues(s){this.scopes=s,this.originalScopesList=s,1==s.length?(this.current_scope=s[0],this.selected_scope=s[0]):(this.current_scope=s.find((s=>s.selected)),this.selected_scope=s.find((s=>s.selected)))}handleSearchFieldTyping(s){let e=s.target.value.toLocaleLowerCase();this.scopes=e?this.originalScopesList.filter((s=>s.name.toLowerCase().includes(e))):this.originalScopesList}handleScopeSelection(s){this.current_scope=this.scopes.find((e=>e.id==s.target.value))}placeholderContent(){return e("salla-placeholder",{alignment:"center",class:"s-scopes-placeholder"},e("span",{slot:"title"},salla.lang.get("blocks.scope.branch_looking_for_not_found")),e("span",{slot:"description"},salla.lang.get("blocks.scope.our_services_not_available_in_this_branch")))}defaultContent(){return[e("div",{class:"s-scopes-container s-scrollbar"},this.scopes.map((s=>e("div",{class:"s-scopes-input-wrap","data-selection":this.selection},e("input",{id:`${this.selection} + '_scope_' + ${s.id}`,name:"lang",type:"radio",value:s.id,onChange:s=>this.handleScopeSelection(s),class:"s-scopes-input",checked:!!this.current_scope&&this.current_scope.id==s.id}),e("label",{htmlFor:`${this.selection} + '_scope_' + ${s.id}`,class:"s-scopes-label s-scopes-clickable"},e("span",null,s.name)))))),this.footerContent()]}availabilityContent(){return e("div",{class:"s-scopes-container"},this.scopes.map((s=>{var l,t,a,o,h,c;return e("div",{class:"s-scopes-input-wrap","data-selection":this.selection},e("h2",{class:{"s-scopes-label":!0,"s-scopes-clickable":this.mode===i.DEFAULT}},e("span",null,s.name)),e("h2",{style:{color:null===(t=null===(l=s)||void 0===l?void 0:l.availability)||void 0===t?void 0:t.color},class:`s-scopes-${null===(o=null===(a=s)||void 0===a?void 0:a.availability)||void 0===o?void 0:o.key}`},null===(c=null===(h=s)||void 0===h?void 0:h.availability)||void 0===c?void 0:c.label))})))}footerContent(){return e("div",{class:"s-scopes-footer"},e("slot",{name:"footer"},e("salla-button",{ref:s=>this.changeBtn=s,disabled:!this.current_scope,onClick:()=>this.handleSubmit(),class:"s-scopes-submit","loader-position":"center",width:"wide"},salla.lang.get("common.elements.confirm"))))}render(){return e(l,null,e("salla-modal",{ref:s=>this.modal=s,isClosable:!(!this.isOpenedBefore&&"optional"!=this.selection),class:"s-scopes-modal",isLoading:!0,"has-skeleton":!0},e("div",{slot:"loading"},e("div",{class:"s-scopes-skeleton"},e("salla-list-tile",{class:"s-scopes-header"},e("div",{slot:"icon",class:"s-scopes-header-icon"},e("salla-skeleton",{type:"circle"})),e("div",{slot:"title",class:"s-scopes-header-title mb-5"},e("salla-skeleton",{height:"15px",width:"50%"})),e("div",{slot:"subtitle",class:"s-scopes-header-subtitle"},e("salla-skeleton",{height:"10px"}),e("salla-skeleton",{height:"10px",width:"75%"}))),e("div",{class:"s-scopes-skeleton-search"},e("salla-skeleton",{height:"10px",width:"50%"}),e("salla-skeleton",{height:"30px",width:"100%"})),e("div",{class:"s-scopes-skeleton-scopes"},e("salla-skeleton",{height:"10px",width:"30%"}),e("salla-skeleton",{height:"10px",width:"25%"}),e("salla-skeleton",{height:"10px",width:"30%"}),e("salla-skeleton",{height:"10px",width:"25%"}),e("salla-skeleton",{height:"10px",width:"30%"}),e("salla-skeleton",{height:"10px",width:"25%"}),e("salla-skeleton",{height:"10px",width:"30%"}),e("salla-skeleton",{height:"10px",width:"25%"})),e("div",{class:"s-scopes-skeleton-btn"},e("salla-skeleton",{height:"40px",width:"100%"})))),e("salla-list-tile",{class:this.originalScopesList.length?"s-scopes-header block":"s-hidden"},e("div",{slot:"icon",class:"s-scopes-header-icon",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>store-alt</title>\n<path d="M6.667 24h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333zM31.86 10.071l-4-8c-0.227-0.452-0.688-0.737-1.193-0.737h-21.333c-0.505 0-0.967 0.285-1.193 0.737l-4 8c-0.092 0.184-0.14 0.389-0.14 0.596v18.667c0 0.737 0.597 1.333 1.333 1.333h29.333c0.736 0 1.333-0.596 1.333-1.333v-18.667c0-0.207-0.048-0.412-0.14-0.596zM6.157 4h19.685l3.333 6.667h-26.352zM24 28h-5.333v-9.333h5.333zM29.333 28h-2.667v-10.667c0-0.737-0.597-1.333-1.333-1.333h-8c-0.736 0-1.333 0.596-1.333 1.333v10.667h-13.333v-14.667h26.667zM6.667 18.667h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333z"></path>\n</svg>\n'}),e("div",{slot:"title",class:"s-scopes-header-title"},salla.lang.get("blocks.scope.you_are_browse_store_from")),e("div",{slot:"subtitle",class:"s-scopes-header-subtitle"},this.selected_scope?this.selected_scope.name:"")),e("div",{class:"s-scopes-wrap"},!!this.originalScopesList.length&&e("h4",{class:"s-scopes-title"},this.getFormTitle()),this.originalScopesList.length>this.searchDisplayLimit?e("div",{class:"s-scopes-search-wrapper"},e("div",{class:"s-scopes-search-icon",innerHTML:t}),e("input",{type:"text",class:"s-scopes-search-input",onInput:s=>this.handleSearchFieldTyping(s),placeholder:salla.lang.get("blocks.scope.searching_for_a_branch")})):"",this.scopes.length<2?this.placeholderContent():this.mode===i.DEFAULT?this.defaultContent():this.availabilityContent())))}componentDidLoad(){this.isOpenedBefore||"mandatory"!=this.selection||this.open()}};a.style=".s-scopes-availability-content{display:flex;justify-content:center;align-items:center}.s-scopes-placeholder{flex:0 0 85%}";export{a as salla_scopes}

package/dist/twilight-components/{p-b9fe5498.entry.js → p-76cb2574.entry.js}

@@ -1,4 +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.success=s(this,"success",7),this.failed=s(this,"failed",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.success.emit(t))).catch((t=>this.failed.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}
+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.success=s(this,"success",7),this.failed=s(this,"failed",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.success.emit(t))).catch((t=>this.failed.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||(this.btn.setText(this.getLabel()||"اضافة للسلة"),salla.lang.onLoaded((()=>{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-1503d976.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-88f8666d",[[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-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-639d5426",[[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-30b2c5b0",[[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],translationLoaded:[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"],translationLoaded:[32],title:[32],emailErrorMsg:[32],firstNameErrorMsg:[32],lastNameErrorMsg:[32],open:[64]},[[8,"verified","onVerified"]]],[0,"salla-localization-modal",{language:[1537],currency:[1537],translationLoaded:[32],languages:[32],currencies:[32],isLoading:[32],open:[64],close:[64],submit:[64]}],[0,"salla-rating-modal",{orderId:[2,"order-id"],order:[32],translationLoaded:[32],open:[64],close:[64]}],[0,"salla-offer-modal",{offer:[32],offer_name:[32],offer_message:[32],translationLoaded:[32],open:[64],showOffer:[64]}],[0,"salla-search",{inline:[4],oval:[4],height:[2],translationLoaded:[32],results:[32],loading:[32],typing:[32],debounce:[32],search_term:[32]},[[0,"keydown","handleKeyDown"]]],[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"],translationLoaded:[32],title_:[32],isVisitorSubscribed:[32]}],[4,"salla-verify",{display:[1],type:[1025],autoReload:[4,"auto-reload"],translationLoaded:[32],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,"tabSelected","onSelectedTab"]]],[4,"salla-placeholder",{icon:[1],alignment:[1],iconSize:[1,"icon-size"],translationLoaded:[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-5fb32395",[[4,"salla-scopes",{selection:[1],searchDisplayLimit:[2,"search-display-limit"],translationLoaded:[32],mode:[32],current_scope:[32],scopes:[32],originalScopesList:[32],selected_scope:[32],isOpenedBefore:[32],close:[64],open:[64],handleSubmit:[64]}]]],["p-76cb2574",[[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-639d5426",[[0,"salla-installment",{price:[1],language:[1],currency:[1],tamaraIsActive:[32],tabbyIsActive:[32],spotiiIsActive:[32]}]]]],e)));

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

@@ -10,10 +10,9 @@ export declare class SallaLocalizationModal {
   private btn;
   private readonly languageSlot;
   private readonly currencySlot;
+  translationLoaded: boolean;
   languages: Array<any>;
   currencies: Array<any>;
-  languagesTitle: string;
-  currenciesTitle: string;
   isLoading: boolean;
   /**
    * Current language (existing or newly selected)

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

@@ -42,24 +42,16 @@ export declare class SallaLoginModal {
   private smsBtn;
   private emailBtn;
   private regBtn;
+  translationLoaded: boolean;
   title: string;
-  loginTypeTitle: string;
-  loginText: string;
-  smsLabel: string;
-  mobileLabel: string;
-  emailLabel: string;
-  enterText: string;
-  bySMSText: string;
-  byEmailText: string;
   emailErrorMsg: string;
-  firstNameLabel: string;
-  lastNameLabel: string;
   firstNameErrorMsg: string;
   lastNameErrorMsg: string;
   /**
    * @param {CustomEvent|{details:{case:'new_customer'|'authenticated', redirect_url:string|null}}} event
    */
   onVerified(event: any): any;
+  updateTranslations(): void;
   /**
    * Open login component
    */

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

@@ -8,15 +8,7 @@ export declare class SallaLoyalty {
   selectedItem: Item | undefined;
   askConfirmation: boolean;
   is_loggedin: boolean;
-  points: string;
-  exchange_points: string;
-  are_you_sure_to_exchange: string;
-  for: string;
-  cancel: string;
-  confirm: string;
-  cart_total_point_summary: string;
-  cart_point_exchange_now: string;
-  login_button: string;
+  translationLoaded: boolean;
   /**
    * The exchanged prize point
    */

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

@@ -13,10 +13,7 @@ export declare class SallaOfferModal {
   offer_name: string;
   offer_message: string;
   constructor();
-  offer_expires_in: string;
-  remember_my_choice: string;
-  add_to_cart: string;
-  out_of_stock: string;
+  translationLoaded: boolean;
   /**
    * Show the available offers for the product
    * @param product_id

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

@@ -1,7 +1,6 @@
 export declare class SallaPlaceholder {
   constructor();
-  default_title: string;
-  default_description: string;
+  translationLoaded: boolean;
   /**
    * Custom icon to display, defaults to [`sicon-inbox`]
    */

package/dist/types/components/salla-product-availability/salla-product-availability.d.ts

@@ -5,17 +5,10 @@ export declare class SallaProductAvailability {
   private channels_;
   private email;
   private btn;
-  private cancelBtn;
-  private inlineBtn;
   private mobileInput;
   host: HTMLElement;
-  subTitle: string;
-  mobileLabel: string;
-  emailLabel: string;
-  emailPlaceholder: string;
-  subscribedMessage: string;
+  translationLoaded: boolean;
   title_: string;
-  emailErrorMsg: string;
   isVisitorSubscribed: string;
   /**
    * Notification channels

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

@@ -19,15 +19,7 @@ export declare class SallaRatingModal {
    * The order id, to rate on its products & shipping
    */
   orderId: number;
-  private rate_the_store;
-  private write_store_rate;
-  private rate_product_stars;
-  private write_product_rate;
-  private rate_shipping;
-  private write_shipping_rate;
-  private thanks;
-  private back;
-  private next;
+  translationLoaded: boolean;
   host: HTMLElement;
   /**
    * Show the rating modal

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

@@ -3,17 +3,11 @@ export declare class SallaScopees {
   constructor();
   private changeBtn;
   private modal;
+  translationLoaded: boolean;
   mode: ModeType.AVAILABILITY | ModeType.DEFAULT;
   current_scope: any;
   scopes: Scope[] | ProductAvailability[];
   originalScopesList: Scope[] | ProductAvailability[];
-  branchNotFound: string;
-  ourServiceIsNotFound: string;
-  searchForAvailabilityInOtherBranch: string;
-  shoppingFromAnotherBranch: string;
-  nowBrowsingFrom: string;
-  confirmButton: string;
-  scopeSearchPlaceholder: string;
   selected_scope: any;
   isOpenedBefore: string;
   /**

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

@@ -12,9 +12,8 @@ export declare class SallaSearch {
   private noResults;
   private inputValue;
   host: HTMLStencilElement;
+  translationLoaded: boolean;
   results: SearchProductsResponse | undefined;
-  placeholder: string;
-  noResultsText: string;
   loading: boolean;
   typing: boolean;
   debounce: ReturnType<typeof setTimeout>;
@@ -33,6 +32,7 @@ export declare class SallaSearch {
   height: number;
   open(): Promise<void>;
   onModalClose(): void;
+  handleKeyDown(ev: KeyboardEvent): void;
   private getDefaultProductSlot;
   private debounceSearch;
   handelSearch(val: string): void;

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

@@ -1,5 +1,5 @@
 export interface ISallaTabData {
-  select: () => void;
+  selected: () => void;
   unselect: () => void;
   name: string;
 }

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

@@ -9,11 +9,11 @@ export declare class SallaTabContent {
    * Expose self for the parent.
    */
   getChild(): Promise<{
-    select: any;
+    selected: any;
     unselect: any;
     name: string;
   }>;
   unselect(): void;
-  select(): void;
+  selected(): void;
   render(): any;
 }

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

@@ -26,7 +26,7 @@ export declare class SallaTabHeader {
    * Expose self for the parent.
    */
   getChild(): Promise<{
-    select: any;
+    selected: any;
     unselect: any;
     name: string;
     id: string;

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

@@ -15,6 +15,7 @@ export declare class SallaVerify {
   private otpInputs;
   private data;
   private initiated;
+  translationLoaded: boolean;
   host: HTMLElement;
   /**
    * Should render component without modal

package/dist/types/components.d.ts

@@ -492,7 +492,7 @@ export namespace Components {
         /**
           * Expose self for the parent.
          */
-        "getChild": () => Promise<{ select: any; unselect: any; name: string; }>;
+        "getChild": () => Promise<{ selected: any; unselect: any; name: string; }>;
         /**
           * Set name of the tab content. Mainly used as a key to s ynchronize the content with it's respective header.
          */
@@ -510,7 +510,7 @@ export namespace Components {
         /**
           * Expose self for the parent.
          */
-        "getChild": () => Promise<{ select: any; unselect: any; name: string; id: string; }>;
+        "getChild": () => Promise<{ selected: any; unselect: any; name: string; id: string; }>;
         /**
           * Set the height of the tab bar
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "1.5.12",
+  "version": "1.5.14",
   "license": "MIT",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -48,7 +48,7 @@
     "ci:build": "stencil build --ci",
     "ci:test": "stencil test --spec",
     "prerender": "stencil build --prerender",
-    "tailwind": "tailwindcss -i ./src/global/app.scss -o ./example/assets/tailwind.css"
+    "tailwind": "tailwindcss -i ./src/global/app.scss -o ./assets/tailwind.css"
   },
   "devDependencies": {
     "@compodoc/compodoc": "^1.1.14",
@@ -68,15 +68,15 @@
     "puppeteer": "^17.1.1",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "stencil-inline-svg": "^1.1.0",
-    "tailwindcss": "^3.0.0",
+    "tailwindcss": "^3.1.8",
     "typescript": "^4.4.3"
   },
   "dependencies": {
-    "@salla.sa/twilight": "^2.6.8",
-    "@salla.sa/twilight-tailwind-theme": "^1.5.11",
+    "@salla.sa/twilight": "^2.7.10",
+    "@salla.sa/twilight-tailwind-theme": "^1.5.14",
     "animejs": "^3.2.1",
     "intl-tel-input": "^17.0.13",
     "swiper": "^8.3.1"
   },
-  "gitHead": "b508f0ccddd5a22b532cf9d9bb09de133bacd4eb"
+  "gitHead": "3d4e89e560f303d9bb3e6808c0b9a82de24b4edf"
 }