@salla.sa/twilight-components 1.0.19 → 1.0.21

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

@@ -1 +0,0 @@
-import{r as s,h as a,g as l}from"./p-e8965b01.js";import{H as i}from"./p-47f17d3b.js";const t=class{constructor(a){var l,t;s(this,a),this.language=salla.config.get("language",{}),this.currency=salla.config.get("currency",{}),this.languagesTitle=salla.lang.get("common.titles.language"),this.currenciesTitle=salla.lang.get("common.titles.currency"),this.ok=salla.lang.get("common.elements.ok"),i.setHost(this.host),salla.event.on("localization::show",(()=>this.show())),this.languageSlot=(null===(l=i.getElement('[slot="language"]'))||void 0===l?void 0:l.innerHTML)||'<label class="s-localization-label" for="lang-{code}"><span>{name}</span><div class="s-localization-flag flag iti__flag iti__{country_code}"></div></label>',this.currencySlot=(null===(t=i.getElement('[slot="currency"]'))||void 0===t?void 0:t.innerHTML)||'<label class="s-localization-label" for="currency-{code}"><span>{name}</span><small class="s-localization-currency">{code}</small></label>',this.languages=Object.values(salla.config.get("languages",{})),this.currencies=Object.values(salla.config.get("currencies",{}))}async show(){return this.modal.show()}async hide(){return this.modal.hide()}onChangeCurrency(s){this.currency=salla.config.get("currencies."+s.target.value)}onChangeLanguage(s){this.language=salla.config.get("languages."+s.target.value)}async submit(){let s;console.log("this.currency.code::::",this.currency,this.currency.code),this.btn.load().then((()=>this.currency.code===salla.config.get("user.currency")||(s=window.location.href)&&salla.currency.api.change(this.currency.code))).then((()=>this.language.code===salla.config.get("user.language")||(s=this.language.url))).then((()=>this.btn.stop())).then((()=>this.hide())).then((()=>s&&(window.location.href=s)))}render(){return a("salla-modal",{id:"salla-localization",class:"hidden",ref:s=>this.modal=s,"modal-width":"xs"},a("div",{slot:"header"},a("slot",{name:"header"})),a("div",{class:"s-localization-inner"},this.languages.length>1?a("div",{class:"s-localization-section"},a("label",{class:"s-localization-title"},this.languagesTitle),a("div",{class:"s-localization-section-inner"},this.languages.length<6?this.languages.map((s=>a("div",{class:"s-localization-item"},a("input",{class:"s-localization-input",type:"radio",checked:this.language.code==s.code,onChange:()=>this.language=s,name:"language",id:"lang-"+s.code.toLowerCase(),value:s.code}),a("div",{id:"language-slot",innerHTML:this.languageSlot.replace(/\{name\}/g,s.name).replace(/\{code\}/g,s.code).replace(/\{country_code\}/g,s.country_code)})))):a("select",{class:"s-branches-select",name:"currency",onChange:s=>this.onChangeLanguage(s)},this.languages.map((s=>a("option",{value:s.code,selected:this.language.code==s.code},s.name)))))):"",this.currencies.length>1?a("div",{class:"s-localization-section"},a("label",{class:"s-localization-title"},this.currenciesTitle),a("div",{class:"s-localization-section-inner"},this.currencies.length<6?this.currencies.map((s=>a("div",{class:"s-localization-item"},a("input",{class:"s-localization-input",type:"radio",name:"currency",checked:this.currency.code==s.code,onChange:()=>this.currency=s,id:"currency-"+s.code,value:s.code}),a("div",{id:"currency-slot",innerHTML:this.currencySlot.replace(/\{name\}/g,s.name).replace(/\{code\}/g,s.code).replace(/\{country_code\}/g,s.country_code)})))):a("select",{class:"s-branches-select",name:"currency",onChange:s=>this.onChangeCurrency(s)},this.currencies.map((s=>a("option",{value:s.code,selected:this.currency.code==s.code},s.name)))))):""),a("slot",{name:"footer"},a("salla-button",{wide:!0,ref:s=>this.btn=s,onClick:()=>this.submit()},this.ok)))}componentDidRender(){this.host.querySelectorAll("#currency-slot").forEach((s=>s.replaceWith(s.firstChild))),this.host.querySelectorAll("#language-slot").forEach((s=>s.replaceWith(s.firstChild)))}get host(){return l(this)}};export{t as salla_localization}