@salla.sa/twilight-components 1.0.6 → 1.0.8

package/dist/twilight-components/p-d1ef2268.js

@@ -0,0 +1 @@
+let e,t,l=!1,n=!1,o=!1,s=!1;const i="undefined"!=typeof window?window:{},r=i.document||{head:{}},c={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,l,n)=>e.addEventListener(t,l,n),rel:(e,t,l,n)=>e.removeEventListener(t,l,n),ce:(e,t)=>new CustomEvent(e,t)},f=e=>Promise.resolve(e),a=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),u="http://www.w3.org/1999/xlink",$=new WeakMap,d=e=>"sc-"+e.o,y={},h=e=>"object"==(e=typeof e)||"function"===e,p=(e,t,...l)=>{let n=null,o=null,s=null,i=!1,r=!1,c=[];const f=t=>{for(let l=0;l<t.length;l++)n=t[l],Array.isArray(n)?f(n):null!=n&&"boolean"!=typeof n&&((i="function"!=typeof e&&!h(n))&&(n+=""),i&&r?c[c.length-1].i+=n:c.push(i?m(null,n):n),r=i)};if(f(l),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=m(e,null);return a.u=t,c.length>0&&(a.$=c),a.h=o,a.p=s,a},m=(e,t)=>({t:0,m:e,i:t,k:null,$:null,u:null,h:null,p:null}),b={},w=(e,t,l,n,o,s)=>{if(l!==n){let r=te(e,t),f=t.toLowerCase();if("class"===t){const t=e.classList,o=g(l),s=g(n);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in l)n&&null!=n[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in n)l&&n[t]===l[t]||(t.includes("-")?e.style.setProperty(t,n[t]):e.style[t]=n[t])}else if("key"===t);else if("ref"===t)n&&n(e);else if(r||"o"!==t[0]||"n"!==t[1]){const i=h(n);if((r||i&&null!==n)&&!o)try{if(e.tagName.includes("-"))e[t]=n;else{let o=null==n?"":n;"list"===t?r=!1:null!=l&&e[t]==o||(e[t]=o)}}catch(e){}let c=!1;f!==(f=f.replace(/^xlink\:?/,""))&&(t=f,c=!0),null==n||!1===n?!1===n&&""!==e.getAttribute(t)||(c?e.removeAttributeNS(u,t):e.removeAttribute(t)):(!r||4&s||o)&&!i&&(n=!0===n?"":n,c?e.setAttributeNS(u,t,n):e.setAttribute(t,n))}else t="-"===t[2]?t.slice(3):te(i,f)?f.slice(2):f[2]+t.slice(3),l&&c.rel(e,t,l,!1),n&&c.ael(e,t,n,!1)}},k=/\s/,g=e=>e?e.split(k):[],S=(e,t,l,n)=>{const o=11===t.k.nodeType&&t.k.host?t.k.host:t.k,s=e&&e.u||y,i=t.u||y;for(n in s)n in i||w(o,n,s[n],void 0,l,t.t);for(n in i)w(o,n,s[n],i[n],l,t.t)},j=(n,s,i)=>{let c,f,a,u=s.$[i],$=0;if(l||(o=!0,"slot"===u.m&&(u.t|=u.$?2:1)),null!==u.i)c=u.k=r.createTextNode(u.i);else if(1&u.t)c=u.k=r.createTextNode("");else if(c=u.k=r.createElement(2&u.t?"slot-fb":u.m),S(null,u,!1),u.$)for($=0;$<u.$.length;++$)f=j(n,u,$),f&&c.appendChild(f);return c["s-hn"]=t,3&u.t&&(c["s-sr"]=!0,c["s-cr"]=e,c["s-sn"]=u.p||"",a=n&&n.$&&n.$[i],a&&a.m===u.m&&n.k&&v(n.k,!1)),c},v=(e,l)=>{c.t|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const s=n[e];s["s-hn"]!==t&&s["s-ol"]&&(x(s).insertBefore(s,R(s)),s["s-ol"].remove(),s["s-ol"]=void 0,o=!0),l&&v(s,l)}c.t&=-2},M=(e,t,l,n,o,s)=>{let i,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(;o<=s;++o)n[o]&&(i=j(null,l,o),i&&(n[o].k=i,r.insertBefore(i,R(t))))},O=(e,t,l,o,s)=>{for(;t<=l;++t)(o=e[t])&&(s=o.k,A(o),n=!0,s["s-ol"]?s["s-ol"].remove():v(s,!0),s.remove())},C=(e,t)=>e.m===t.m&&("slot"===e.m?e.p===t.p:e.h===t.h),R=e=>e&&e["s-ol"]||e,x=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,P=(e,t)=>{const l=t.k=e.k,n=e.$,o=t.$,s=t.i;let i;null===s?("slot"===t.m||S(e,t,!1),null!==n&&null!==o?((e,t,l,n)=>{let o,s,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],$=t[a],d=n.length-1,y=n[0],h=n[d];for(;i<=a&&r<=d;)if(null==u)u=t[++i];else if(null==$)$=t[--a];else if(null==y)y=n[++r];else if(null==h)h=n[--d];else if(C(u,y))P(u,y),u=t[++i],y=n[++r];else if(C($,h))P($,h),$=t[--a],h=n[--d];else if(C(u,h))"slot"!==u.m&&"slot"!==h.m||v(u.k.parentNode,!1),P(u,h),e.insertBefore(u.k,$.k.nextSibling),u=t[++i],h=n[--d];else if(C($,y))"slot"!==u.m&&"slot"!==h.m||v($.k.parentNode,!1),P($,y),e.insertBefore($.k,u.k),$=t[--a],y=n[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].h&&t[f].h===y.h){c=f;break}c>=0?(s=t[c],s.m!==y.m?o=j(t&&t[r],l,c):(P(s,y),t[c]=void 0,o=s.k),y=n[++r]):(o=j(t&&t[r],l,r),y=n[++r]),o&&x(u.k).insertBefore(o,R(u.k))}i>a?M(e,null==n[d+1]?null:n[d+1].k,l,n,r,d):r>d&&O(t,i,a)})(l,n,t,o):null!==o?(null!==e.i&&(l.textContent=""),M(l,null,t,o,0,o.length-1)):null!==n&&O(n,0,n.length-1)):(i=l["s-cr"])?i.parentNode.textContent=s:e.i!==s&&(l.data=s)},T=e=>{let t,l,n,o,s,i,r=e.childNodes;for(l=0,n=r.length;l<n;l++)if(t=r[l],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<n;o++)if(i=r[o].nodeType,r[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===i&&s===r[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===i||3===i&&""!==r[o].textContent.trim()){t.hidden=!0;break}T(t)}},E=[],L=e=>{let t,l,o,s,i,r,c=0,f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(l=t["s-cr"])&&l.parentNode)for(o=l.parentNode.childNodes,s=t["s-sn"],r=o.length-1;r>=0;r--)l=o[r],l["s-cn"]||l["s-nr"]||l["s-hn"]===t["s-hn"]||(W(l,s)?(i=E.find((e=>e.g===l)),n=!0,l["s-sn"]=l["s-sn"]||s,i?i.S=t:E.push({S:t,g:l}),l["s-sr"]&&E.map((e=>{W(e.g,l["s-sn"])&&(i=E.find((e=>e.g===l)),i&&!e.S&&(e.S=i.S))}))):E.some((e=>e.g===l))||E.push({g:l}));1===t.nodeType&&L(t)}},W=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,A=e=>{e.u&&e.u.ref&&e.u.ref(null),e.$&&e.$.map(A)},F=e=>Y(e).j,H=(e,t,l)=>{const n=F(e);return{emit:e=>N(n,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},N=(e,t,l)=>{const n=c.ce(t,l);return e.dispatchEvent(n),n},U=(e,t)=>{t&&!e.v&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.v=t)))},q=(e,t)=>{if(e.t|=16,!(4&e.t))return U(e,e.M),$e((()=>D(e,t)));e.t|=512},D=(e,t)=>{const l=e.O;let n;return t&&(n=G(l,"componentWillLoad")),I(n,(()=>V(e,l,t)))},V=async(e,t,l)=>{const n=e.j,o=n["s-rc"];l&&(e=>{const t=e.C;((e,t)=>{let l=d(t),n=se.get(l);if(e=11===e.nodeType?e:r,n)if("string"==typeof n){let t,o=$.get(e=e.head||e);o||$.set(e,o=new Set),o.has(l)||(t=r.createElement("style"),t.innerHTML=n,e.insertBefore(t,e.querySelector("link")),o&&o.add(l))}else e.adoptedStyleSheets.includes(n)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n])})(e.j.getRootNode(),t)})(e);_(e,t),o&&(o.map((e=>e())),n["s-rc"]=void 0);{const t=n["s-p"],l=()=>z(e);0===t.length?l():(Promise.all(t).then(l),e.t|=4,t.length=0)}},_=(s,i)=>{try{i=i.render(),s.t&=-17,s.t|=2,((s,i)=>{const f=s.j,a=s.C,u=s.R||m(null,null),$=(e=>e&&e.m===b)(i)?i:p(null,null,i);if(t=f.tagName,a.P&&($.u=$.u||{},a.P.map((([e,t])=>$.u[t]=f[e]))),$.m=null,$.t|=4,s.R=$,$.k=u.k=f,e=f["s-cr"],l=0!=(1&a.t),n=!1,P(u,$),c.t|=1,o){let e,t,l,n,o,s;L($.k);let i=0;for(;i<E.length;i++)e=E[i],t=e.g,t["s-ol"]||(l=r.createTextNode(""),l["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=l,t));for(i=0;i<E.length;i++)if(e=E[i],t=e.g,e.S){for(n=e.S.parentNode,o=e.S.nextSibling,l=t["s-ol"];l=l.previousSibling;)if(s=l["s-nr"],s&&s["s-sn"]===t["s-sn"]&&n===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&n!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),n.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}n&&T($.k),c.t&=-2,E.length=0})(s,i)}catch(e){le(e,s.j)}return null},z=e=>{const t=e.j,l=e.M;G(e.O,"componentDidRender"),64&e.t||(e.t|=64,J(t),e.T(t),l||B()),e.L(t),e.v&&(e.v(),e.v=void 0),512&e.t&&ue((()=>q(e,!1))),e.t&=-517},B=()=>{J(r.documentElement),ue((()=>N(i,"appload",{detail:{namespace:"twilight-components"}})))},G=(e,t,l)=>{if(e&&e[t])try{return e[t](l)}catch(e){le(e)}},I=(e,t)=>e&&e.then?e.then(t):t(),J=e=>e.classList.add("hydrated"),K=(e,t,l)=>{if(t.W){e.watchers&&(t.A=e.watchers);const n=Object.entries(t.W),o=e.prototype;if(n.map((([e,[n]])=>{31&n||2&l&&32&n?Object.defineProperty(o,e,{get(){return((e,t)=>Y(this).F.get(t))(0,e)},set(l){((e,t,l,n)=>{const o=Y(e),s=o.j,i=o.F.get(t),r=o.t,c=o.O;if(l=((e,t)=>null==e||h(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,n.W[t][0]),!(8&r&&void 0!==i||l===i)&&(o.F.set(t,l),c)){if(n.A&&128&r){const e=n.A[t];e&&e.map((e=>{try{c[e](l,i,t)}catch(e){le(e,s)}}))}2==(18&r)&&q(o,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&n&&Object.defineProperty(o,e,{value(...t){const l=Y(this);return l.H.then((()=>l.O[e](...t)))}})})),1&l){const l=new Map;o.attributeChangedCallback=function(e,t,n){c.jmp((()=>{const t=l.get(e);this.hasOwnProperty(t)&&(n=this[t],delete this[t]),this[t]=(null!==n||"boolean"!=typeof this[t])&&n}))},e.observedAttributes=n.filter((([e,t])=>15&t[0])).map((([e,n])=>{const o=n[1]||e;return l.set(o,e),512&n[0]&&t.P.push([e,o]),o}))}}return e},Q=(e,t={})=>{const l=[],n=t.exclude||[],o=i.customElements,s=r.head,f=s.querySelector("meta[charset]"),u=r.createElement("style"),$=[];let y,h=!0;Object.assign(c,t),c.l=new URL(t.resourcesUrl||"./",r.baseURI).href,e.map((e=>e[1].map((t=>{const s={t:t[0],o:t[1],W:t[2],N:t[3]};s.W=t[2],s.P=[],s.A={};const i=s.o,f=class extends HTMLElement{constructor(e){super(e),ee(e=this,s)}connectedCallback(){y&&(clearTimeout(y),y=null),h?$.push(this):c.jmp((()=>(e=>{if(0==(1&c.t)){const t=Y(e),l=t.C,n=()=>{};if(!(1&t.t)){t.t|=1,12&l.t&&(e=>{const t=e["s-cr"]=r.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let l=e;for(;l=l.parentNode||l.host;)if(l["s-p"]){U(t,t.M=l);break}}l.W&&Object.entries(l.W).map((([t,[l]])=>{if(31&l&&e.hasOwnProperty(t)){const l=e[t];delete e[t],e[t]=l}})),(async(e,t,l,n,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=oe(l)).then){const e=()=>{};o=await o,e()}o.isProxied||(l.A=o.watchers,K(o,l,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){le(e)}t.t&=-9,t.t|=128,e()}if(o.style){let e=o.style;const t=d(l);if(!se.has(t)){const n=()=>{};((e,t,l)=>{let n=se.get(e);a&&l?(n=n||new CSSStyleSheet,n.replace(t)):n=t,se.set(e,n)})(t,e,!!(1&l.t)),n()}}}const s=t.M,i=()=>q(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,l)}n()}})(this)))}disconnectedCallback(){c.jmp((()=>{}))}componentOnReady(){return Y(this).U}};s.q=e[0],n.includes(i)||o.get(i)||(l.push(i),o.define(i,K(f,s,1)))})))),u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles",""),s.insertBefore(u,f?f.nextSibling:s.firstChild),h=!1,$.length?$.map((e=>e.connectedCallback())):c.jmp((()=>y=setTimeout(B,30)))},X=new WeakMap,Y=e=>X.get(e),Z=(e,t)=>X.set(t.O=e,t),ee=(e,t)=>{const l={t:0,j:e,C:t,F:new Map};return l.H=new Promise((e=>l.L=e)),l.U=new Promise((e=>l.T=e)),e["s-p"]=[],e["s-rc"]=[],X.set(e,l)},te=(e,t)=>t in e,le=(e,t)=>(0,console.error)(e,t),ne=new Map,oe=e=>{const t=e.o.replace(/-/g,"_"),l=e.q,n=ne.get(l);return n?n[t]:import(`./${l}.entry.js`).then((e=>(ne.set(l,e),e[t])),le)},se=new Map,ie=[],re=[],ce=(e,t)=>l=>{e.push(l),s||(s=!0,t&&4&c.t?ue(ae):c.raf(ae))},fe=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){le(e)}e.length=0},ae=()=>{fe(ie),fe(re),(s=ie.length>0)&&c.raf(ae)},ue=e=>f().then(e),$e=ce(re,!0);export{b as H,Q as b,H as c,F as g,p as h,f as p,Z as r}

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

@@ -0,0 +1 @@
+import{r as s,h as t,g as e,c as i,H as a}from"./p-d1ef2268.js";export{S as salla_login}from"./p-36c87e2e.js";import{H as l}from"./p-520446eb.js";let o=require("store/src/store-engine"),r=require("store/storages/sessionStorage"),n=o.createStore(r);const h=class{constructor(t){s(this,t),this.open=!1,this.isOpenedBefore=n.get("multi-warehouse-opened-before"),this.displayAs="default",this.browseProductsFrom="all",this.branches=[{id:1,name:"فرع الرياض",open:!0,available:!0,limited:!1,tag:"متوفر"},{id:2,name:"فرع جدة",open:!1,available:!1,limited:!1,tag:"غير متوفر"},{id:3,name:"فرع مكة",open:!0,available:!0,limited:!1,tag:"متوفر"},{id:4,name:"فرع المدينة",open:!0,available:!0,limited:!1,tag:"متوفر"},{id:5,name:"فرع جازان",open:!0,available:!0,limited:!0,tag:"الكمية محدودة"}],this.current=1,this.currentBranch=s=>this.branches.filter((s=>s.id==this.current))[0][s],this.statusColor=(s=null)=>s?s.limited?"text-red-400":s.available?"text-green-500":"text-gray-400":this.currentBranch("limited")?"text-red-400":this.currentBranch("available")?"text-green-500":"text-gray-400",this.isChoiceable=()=>"all"!==this.browseProductsFrom&&"single"==this.position||"header"==this.position,this.formTitle=()=>this.isChoiceable()?"توفر المنتج في الفروع الآخرى":"التسوق من فرع آخر",salla.event.on("branches::show",(()=>this.show()))}async show(){return this.modal.show()}async hide(){return this.modal.hide()}handelChange(s){this.selected=s.target.value}handleSubmit(){n.set("multi-warehouse-opened-before",!0),this.show(),setTimeout((()=>{this.current=this.selected}),300)}render(){return t("salla-modal",{"is-closable":this.isOpenedBefore||"popup"!=this.displayAs?"true":"false",ref:s=>this.modal=s,"modal-width":"w-116",id:"multi-warehouse-modal",class:"hidden"},t("slot",{name:"header"},t("div",{slot:"header"})),t("div",null,t("div",{class:"text-right"},t("div",{class:"flex items-center mb-8"},t("div",{class:"flex-shrink-0 sm:mb-0 me-4"},t("div",{class:"h-16 w-16 border border-gray-200 bg-white text-primary rounded-full flex justify-center items-center"},t("span",{class:"sicon-store-alt"}))),t("div",null,t("p",{class:"mt-1 text-xs text-gray-400"},"أنت الآن تتصفح المتجر من"),t("h4",{class:"text-base"},"فرع الرياض"))),t("fieldset",{class:"mt-4"},t("h4",{class:"text-sm text-gray-600 mb-6"},this.formTitle()),t("legend",{class:"sr-only"},this.formTitle()),this.branches.length<=5?t("div",{class:"space-y-5"},this.branches.map((s=>t("div",{class:"flex items-center"},t("input",{id:this.position+"_branch_"+s.id,disabled:!s.open&&this.isChoiceable(),name:"lang",type:"radio",value:s.id,onChange:s=>this.handelChange(s),class:{"me-3 focus:ring-primary h-4 w-4 text-primary border-gray-300":!0,"opacity-50":!s.open,hidden:!this.isChoiceable()},checked:this.current==s.id}),t("label",{htmlFor:this.position+"_branch_"+s.id,class:{"flex items-center justify-between text-sm font-medium text-gray-700 flex-grow":!0,"cursor-pointer":this.isChoiceable()}},t("span",{class:{"opacity-50":!s.open}},s.name),this.isChoiceable()?t("small",{class:"text-red-400"},s.open?"":"مُغلق"):t("span",{class:this.statusColor(s)},s.tag)))))):t("select",{class:"w-full h-10 transition-colors duration-300 focus:ring-transparent focus:border-primary sm:text-sm border-gray-200 rounded-md appearance-none visibility_condition px-4",onInput:s=>this.handelChange(s)},this.branches.map((s=>t("option",{value:s.id,disabled:!s.open,selected:this.selected==s.id},s.name," ",s.open?"":"- مُغلق"))))))),this.isChoiceable()?t("p",{slot:"footer"},t("slot",{name:"footer"},t("button",{type:"button",class:"mt-8 w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-primary text-base font-medium text-white transition-colors hover:bg-primary-d focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary sm:col-start-2 sm:text-sm",onClick:()=>this.handleSubmit()},salla.lang.get("common.elements.ok")))):"")}componentDidRender(){}get host(){return e(this)}},d=class{constructor(t){s(this,t),this.ready=i(this,"ready",7),this.close=i(this,"close",7),this.error=!1,this.success=!1,this.isClosable=!0,this.modalWidth="w-96",this.visible=!1,this.subTitle="",this.icon="sicon-cancel",salla.event.on("modal::open",(s=>s.dataset.target==this.host.id&&this.show())),salla.event.on("modal::close",(s=>s.dataset.target==this.host.id&&this.hide())),this.title=this.host.title,this.host.removeAttribute("title")}handleVisible(s){if(!s)return this.toggleModal(!1),void this.close.emit();this.host.classList.remove("hidden"),setTimeout((()=>this.toggleModal(!0))),this.ready.emit()}async show(){return this.host.setAttribute("visible",""),this.host}async hide(){return this.host.removeAttribute("visible"),this.host}async setTitle(s){return this.title=s,this.host}toggleModal(s){l.toggleElement(this.host.querySelector(".s-modal-overlay"),"ease-out duration-300 opacity-100","opacity-0",(()=>s)).toggleElement(this.host.querySelector(".s-modal-body"),"ease-out duration-300 opacity-100 translate-y-0 sm:scale-100","opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",(()=>s)).toggleElement(document.body,"modal-is-open","modal-is-closed",(()=>s)),s||setTimeout((()=>this.host.classList.add("hidden")),350)}closeModal(){this.isClosable&&this.host.removeAttribute("visible")}render(){return this.host.id=this.host.id||"salla-modal",t(a,{class:"s-modal-container hidden","aria-modal":"true",role:"dialog"},t("div",{class:"s-modal-wrapper"},t("div",{class:"s-modal-overlay",onClick:()=>this.closeModal()}),t("span",{class:"s-modal-spacer"},"​"),t("div",{class:"s-modal-body "+this.modalWidth},t("slot",{name:"header"},t("div",{class:"s-modal-header"},this.isClosable?t("button",{class:"s-modal-close cursor-pointer",onClick:()=>this.closeModal(),type:"button"},t("span",{class:"sicon-cancel"})):"",this.error||this.success?t("div",{class:{"s-modal-icon":!0,"s-modal-bg-error":this.error,"s-modal-bg-success":this.success}},t("i",{class:{[this.icon]:!0,"s-modal-text-error":this.error,"s-modal-text-success":this.success}})):"",t("div",{class:"s-modal-title",innerHTML:this.title}),t("p",{class:"s-modal-sub-title",innerHTML:this.subTitle}))),t("slot",null),t("slot",{name:"footer"}))))}get host(){return e(this)}static get watchers(){return{visible:["handleVisible"]}}};export{h as multi_warehouse,d as salla_modal}

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

@@ -0,0 +1 @@
+import{r as l,h as a,g as s}from"./p-d1ef2268.js";import{H as i}from"./p-520446eb.js";const t=class{constructor(a){l(this,a),i.setHost(this.host),salla.event.on("localization::show",(()=>this.show()))}setCurrentLanguage(l){this.language=l}setCurrentCurrency(l){this.currency=l}async show(){return this.modal.show()}async hide(){return this.modal.hide()}submit(){let l;this.btn.load().then((()=>{if(this.currency&&this.currency.code!==salla.config.currency.code)return l=window.location.href,salla.currency.api.change(this.currency.code)})).then((()=>{this.language&&this.language.code!==salla.config.language.code&&(l=this.language.url)})).then((()=>this.btn.stop())).then((()=>this.hide())).then((()=>l&&(window.location.href=l)))}render(){return a("salla-modal",{id:"salla-localization",class:"hidden",ref:l=>this.modal=l},a("slot",{name:"header"},a("div",{slot:"header"})),a("div",{class:"s-localization-inner"},salla.config.languages?a("div",{class:"s-localization-section"},a("label",{class:"s-localization-title"},salla.lang.get("common.titles.language")),a("fieldset",{class:"s-localization-fieldset"},a("legend",{class:"sr-only"},salla.lang.get("blocks.header.change_language")),a("div",{class:"s-localization-section-inner"},salla.config.languages.map((l=>a("div",{class:"flex items-center"},a("input",{class:"s-localization-input",checked:salla.config.language.code==l.code,onChange:()=>this.setCurrentLanguage(l),id:"lang-"+l.code.toLowerCase(),name:"language",type:"radio",value:l.code}),a("label",{htmlFor:"lang-"+l.code.toLowerCase(),class:"s-localization-label"},a("span",null,l.name),a("div",{class:"s-localization-flag flag iti__flag iti__"+l.country_code})))))))):"",salla.config.currencies?a("div",{class:"s-localization-section"},a("label",{class:"s-localization-title"},salla.lang.get("common.titles.currency")),a("fieldset",{class:"s-localization-fieldset"},a("legend",{class:"sr-only"},salla.lang.get("blocks.header.change_currency")),a("div",{class:"s-localization-section-inner"},salla.config.currencies.map((l=>a("div",{class:"s-localization-item"},a("input",{class:"s-localization-input",checked:salla.config.currency.code==l.code,onChange:()=>this.setCurrentCurrency(l),id:"currency-"+l.code,name:"currency",type:"radio",value:l.code}),a("label",{class:"s-localization-label",htmlFor:"currency-"+l.code},a("span",null,l.name),a("small",{class:"s-localization-currency"},l.code)))))))):""),a("p",{slot:"footer"},a("slot",{name:"footer"},a("salla-button",{ref:l=>this.btn=l,onClick:()=>this.submit(),class:"w-full"},salla.lang.get("common.elements.ok")))))}get host(){return s(this)}};export{t as salla_localization}

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

@@ -1 +1 @@
-import{p as s,b as e}from"./p-9f9af3e0.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),s(a)})().then((s=>e([["p-840f0daa",[[0,"salla-login"],[4,"salla-modal",{error:[4],success:[4],visible:[516],subTitle:[1,"sub-title"],icon:[1]}]]],["p-1abaafe4",[[4,"salla-currency-language",{show:[64],hide:[64]}]]],["p-b134c95d",[[4,"salla-search",{searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"],searchTerm:[32],results:[32],fetchStatus:[32],showResult:[32],showModal:[32]}]]]],s)));
+import{p as e,b as s}from"./p-d1ef2268.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),e(a)})().then((e=>s([["p-f4340bd9",[[4,"salla-localization",{show:[64],hide:[64]}]]],["p-a2395c9d",[[0,"salla-verify"]]],["p-bd10d8d5",[[0,"order-rating",{order:[8]}]]],["p-baeca520",[[4,"salla-search",{searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"],searchTerm:[32],results:[32],fetchStatus:[32],showResult:[32],showModal:[32]}]]],["p-653bb9a8",[[4,"salla-button",{kind:[513],loading:[516],disabled:[516],load:[64],stop:[64],disable:[64],enable:[64]}]]],["p-ea986bca",[[4,"multi-warehouse",{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-login"],[4,"salla-modal",{error:[4],success:[4],isClosable:[1028,"is-closable"],modalWidth:[1,"modal-width"],visible:[516],subTitle:[1,"sub-title"],icon:[1],show:[64],hide:[64],setTitle:[64]}]]]],e)));

package/dist/types/components/multi-warehouse/multi-warehouse.d.ts

@@ -0,0 +1,23 @@
+export declare class MultiWarehouse {
+  open: boolean;
+  selected: number;
+  isOpenedBefore: string;
+  position: string;
+  displayAs: string;
+  browseProductsFrom: string;
+  branches: any[];
+  current: number;
+  private modal;
+  host: HTMLElement;
+  constructor();
+  show(): Promise<HTMLElement>;
+  hide(): Promise<HTMLElement>;
+  private currentBranch;
+  private statusColor;
+  private isChoiceable;
+  private formTitle;
+  private handelChange;
+  private handleSubmit;
+  render(): any;
+  componentDidRender(): void;
+}

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

@@ -0,0 +1,20 @@
+export declare class OrderRating {
+  stars: Number[];
+  order: any;
+  ratingChain: Promise<void>;
+  wizardInex: number;
+  componentDidRender(): void;
+  render(): any;
+  renderProductsRating(): any;
+  renderStoreRating(): any;
+  renderShippingRating(): any;
+  getStarsRating(): any;
+  initiateRating(): void;
+  handleWizard(): void;
+  showActiveStep(steps: any): void;
+  sendRating(): Promise<void>;
+  sendFeedback(type: any, formsData: any): void;
+  ratingValidation(): void;
+  highlightSelectedStars(): void;
+  starsRating(): void;
+}

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

@@ -0,0 +1,16 @@
+export declare class SallaButton {
+  constructor();
+  host: HTMLElement;
+  kind: string;
+  loading: boolean;
+  disabled: boolean;
+  load(): Promise<HTMLElement>;
+  stop(): Promise<HTMLElement>;
+  disable(): Promise<void>;
+  enable(): Promise<void>;
+  private hostAttributes;
+  private btn;
+  handleVisible(newKind: string, oldKind: string): void;
+  handleLoading(newVal: boolean): void;
+  render(): any;
+}

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

@@ -0,0 +1,14 @@
+export declare class SallaLocalization {
+  constructor();
+  private modal;
+  private btn;
+  private language;
+  private currency;
+  host: HTMLElement;
+  private setCurrentLanguage;
+  private setCurrentCurrency;
+  show(): Promise<HTMLElement>;
+  hide(): Promise<HTMLElement>;
+  private submit;
+  render(): any;
+}

package/dist/types/components/{modal → salla-modal}/salla-modal.d.ts

@@ -1,16 +1,22 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SallaModal {
+  constructor();
   error: boolean;
   success: boolean;
+  isClosable: boolean;
+  modalWidth: string;
   visible: boolean;
   subTitle: string;
   icon: string;
+  private title;
   host: HTMLElement;
   ready: EventEmitter;
   close: EventEmitter;
   handleVisible(newValue: boolean): void;
-  private show;
-  private hide;
+  show(): Promise<HTMLElement>;
+  hide(): Promise<HTMLElement>;
+  setTitle(title: any): Promise<HTMLElement>;
   private toggleModal;
+  private closeModal;
   render(): any;
 }

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

@@ -0,0 +1,19 @@
+export declare class SallaVerify {
+  constructor();
+  host: HTMLElement;
+  private modal;
+  private code;
+  private btn;
+  private resendMessage;
+  private timer;
+  private resend;
+  private otpInputs;
+  private mobile;
+  private country_code;
+  private show;
+  private toggleOTPSubmit;
+  private resendTimer;
+  private submit;
+  private resendCode;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -6,15 +6,41 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
-    interface SallaCurrencyLanguage {
-        "hide": () => Promise<void>;
-        "show": () => Promise<void>;
+    interface MultiWarehouse {
+        "branches": any[];
+        "browseProductsFrom": string;
+        "current": number;
+        "displayAs": string;
+        "hide": () => Promise<HTMLElement>;
+        "position": string;
+        "show": () => Promise<HTMLElement>;
+    }
+    interface OrderRating {
+        "order": any;
+    }
+    interface SallaButton {
+        "disable": () => Promise<void>;
+        "disabled": boolean;
+        "enable": () => Promise<void>;
+        "kind": string;
+        "load": () => Promise<HTMLElement>;
+        "loading": boolean;
+        "stop": () => Promise<HTMLElement>;
+    }
+    interface SallaLocalization {
+        "hide": () => Promise<HTMLElement>;
+        "show": () => Promise<HTMLElement>;
     }
     interface SallaLogin {
     }
     interface SallaModal {
         "error": boolean;
+        "hide": () => Promise<HTMLElement>;
         "icon": string;
+        "isClosable": boolean;
+        "modalWidth": string;
+        "setTitle": (title: any) => Promise<HTMLElement>;
+        "show": () => Promise<HTMLElement>;
         "subTitle": string;
         "success": boolean;
         "visible": boolean;
@@ -29,13 +55,33 @@ export namespace Components {
          */
         "searchPlaceholder": string;
     }
+    interface SallaVerify {
+    }
 }
 declare global {
-    interface HTMLSallaCurrencyLanguageElement extends Components.SallaCurrencyLanguage, HTMLStencilElement {
+    interface HTMLMultiWarehouseElement extends Components.MultiWarehouse, HTMLStencilElement {
+    }
+    var HTMLMultiWarehouseElement: {
+        prototype: HTMLMultiWarehouseElement;
+        new (): HTMLMultiWarehouseElement;
+    };
+    interface HTMLOrderRatingElement extends Components.OrderRating, HTMLStencilElement {
+    }
+    var HTMLOrderRatingElement: {
+        prototype: HTMLOrderRatingElement;
+        new (): HTMLOrderRatingElement;
+    };
+    interface HTMLSallaButtonElement extends Components.SallaButton, HTMLStencilElement {
     }
-    var HTMLSallaCurrencyLanguageElement: {
-        prototype: HTMLSallaCurrencyLanguageElement;
-        new (): HTMLSallaCurrencyLanguageElement;
+    var HTMLSallaButtonElement: {
+        prototype: HTMLSallaButtonElement;
+        new (): HTMLSallaButtonElement;
+    };
+    interface HTMLSallaLocalizationElement extends Components.SallaLocalization, HTMLStencilElement {
+    }
+    var HTMLSallaLocalizationElement: {
+        prototype: HTMLSallaLocalizationElement;
+        new (): HTMLSallaLocalizationElement;
     };
     interface HTMLSallaLoginElement extends Components.SallaLogin, HTMLStencilElement {
     }
@@ -55,21 +101,48 @@ declare global {
         prototype: HTMLSallaSearchElement;
         new (): HTMLSallaSearchElement;
     };
+    interface HTMLSallaVerifyElement extends Components.SallaVerify, HTMLStencilElement {
+    }
+    var HTMLSallaVerifyElement: {
+        prototype: HTMLSallaVerifyElement;
+        new (): HTMLSallaVerifyElement;
+    };
     interface HTMLElementTagNameMap {
-        "salla-currency-language": HTMLSallaCurrencyLanguageElement;
+        "multi-warehouse": HTMLMultiWarehouseElement;
+        "order-rating": HTMLOrderRatingElement;
+        "salla-button": HTMLSallaButtonElement;
+        "salla-localization": HTMLSallaLocalizationElement;
         "salla-login": HTMLSallaLoginElement;
         "salla-modal": HTMLSallaModalElement;
         "salla-search": HTMLSallaSearchElement;
+        "salla-verify": HTMLSallaVerifyElement;
     }
 }
 declare namespace LocalJSX {
-    interface SallaCurrencyLanguage {
+    interface MultiWarehouse {
+        "branches"?: any[];
+        "browseProductsFrom"?: string;
+        "current"?: number;
+        "displayAs"?: string;
+        "position"?: string;
+    }
+    interface OrderRating {
+        "order"?: any;
+    }
+    interface SallaButton {
+        "disabled"?: boolean;
+        "kind"?: string;
+        "loading"?: boolean;
+    }
+    interface SallaLocalization {
     }
     interface SallaLogin {
     }
     interface SallaModal {
         "error"?: boolean;
         "icon"?: string;
+        "isClosable"?: boolean;
+        "modalWidth"?: string;
         "onClose"?: (event: CustomEvent<any>) => void;
         "onReady"?: (event: CustomEvent<any>) => void;
         "subTitle"?: string;
@@ -86,21 +159,31 @@ declare namespace LocalJSX {
          */
         "searchPlaceholder"?: string;
     }
+    interface SallaVerify {
+    }
     interface IntrinsicElements {
-        "salla-currency-language": SallaCurrencyLanguage;
+        "multi-warehouse": MultiWarehouse;
+        "order-rating": OrderRating;
+        "salla-button": SallaButton;
+        "salla-localization": SallaLocalization;
         "salla-login": SallaLogin;
         "salla-modal": SallaModal;
         "salla-search": SallaSearch;
+        "salla-verify": SallaVerify;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "salla-currency-language": LocalJSX.SallaCurrencyLanguage & JSXBase.HTMLAttributes<HTMLSallaCurrencyLanguageElement>;
+            "multi-warehouse": LocalJSX.MultiWarehouse & JSXBase.HTMLAttributes<HTMLMultiWarehouseElement>;
+            "order-rating": LocalJSX.OrderRating & JSXBase.HTMLAttributes<HTMLOrderRatingElement>;
+            "salla-button": LocalJSX.SallaButton & JSXBase.HTMLAttributes<HTMLSallaButtonElement>;
+            "salla-localization": LocalJSX.SallaLocalization & JSXBase.HTMLAttributes<HTMLSallaLocalizationElement>;
             "salla-login": LocalJSX.SallaLogin & JSXBase.HTMLAttributes<HTMLSallaLoginElement>;
             "salla-modal": LocalJSX.SallaModal & JSXBase.HTMLAttributes<HTMLSallaModalElement>;
             "salla-search": LocalJSX.SallaSearch & JSXBase.HTMLAttributes<HTMLSallaSearchElement>;
+            "salla-verify": LocalJSX.SallaVerify & JSXBase.HTMLAttributes<HTMLSallaVerifyElement>;
         }
     }
 }

package/dist/types/index.d.ts

@@ -4,5 +4,5 @@ declare global {
   }
   let salla: any;
 }
-export * from './components/login/salla-login';
-export * from './components/search/salla-search';
+export * from './components/salla-login/salla-login';
+export * from './components/salla-search/salla-search';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "license": "MIT",
   "keywords": [
     "twilight",
@@ -40,11 +40,10 @@
     "ci:build": "stencil build --ci",
     "ci:test": "stencil test --spec",
     "prerender": "stencil build --prerender",
-    "prepublishOnly": "node ./publish.js"
+    "prepublishOnly": "node ./publish.js",
+    "tailwind": "node src/plugins/tailwind-theme/generator.js"
   },
   "devDependencies": {
-    "lodash": "^4.17.21",
-    "tailwindcss": "^2.2.19",
     "@compodoc/compodoc": "^1.1.14",
     "@stencil/core": "2.8.1",
     "@stencil/eslint-plugin": "^0.3.1",
@@ -60,9 +59,14 @@
     "eslint-plugin-react": "^7.26.0",
     "jest": "26.6.1",
     "jest-cli": "26.6.1",
+    "lodash": "^4.17.21",
     "prettier": "^2.4.1",
+    "promisify-child-process": "^3.1.4",
     "puppeteer": "^5.4.1",
-    "typescript": "^4.4.3",
-    "promisify-child-process": "^3.1.4"
+    "tailwindcss": "^2.2.19",
+    "typescript": "^4.4.3"
+  },
+  "dependencies": {
+    "store": "^2.0.12"
   }
 }

package/dist/cjs/salla-currency-language.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e9451c82.js');
-const Helper = require('./Helper-8c75b6ac.js');
-
-const SallaCurrencyLanguage = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    Helper.Helper.setHost(this.host);
-  }
-  async show() {
-    this.modal.setAttribute('visible', '');
-  }
-  async hide() {
-    this.modal.removeAttribute('visible');
-  }
-  submit() {
-    this.hide()
-      .then(() => {
-      let code = Helper.Helper.val('[name=currency]:checked');
-      if (code !== salla.config.currency.code) {
-        return salla.currency.api.change(code);
-      }
-    }).then(() => {
-      let language = Helper.Helper.val('[name=lang]:checked');
-      if (language !== salla.config.language.code) {
-        window.location.href = salla.config.languages.filter(lang => lang.code === language)[0].url;
-      }
-    });
-  }
-  render() {
-    return (index.h("salla-modal", { id: "lang-currency-modal", class: "hidden" }, index.h("slot", { name: "header" }, index.h("div", { slot: "header" })), index.h("div", { class: "s-currency-language-inner" }, salla.config.languages
-      ? index.h("div", { class: "s-currency-language-section" }, index.h("label", { class: "s-currency-language-title" }, salla.lang.get('common.titles.language')), index.h("fieldset", { class: "s-currency-language-fieldset" }, index.h("legend", { class: "sr-only" }, salla.lang.get('blocks.header.change_language')), index.h("div", { class: "s-currency-language-section-inner" }, salla.config.languages.map(lang => index.h("div", { class: "flex items-center" }, index.h("input", { id: 'lang-' + lang.code.toLowerCase(), class: "s-currency-language-input", name: "lang", checked: salla.config.language.code == lang.code, type: "radio", value: lang.code }), index.h("label", { htmlFor: 'lang-' + lang.code.toLowerCase(), class: "s-currency-language-label" }, index.h("span", null, lang.name), index.h("div", { class: 's-currency-language-flag flag iti__flag iti__' + lang.country_code })))))))
-      : '', salla.config.currencies
-      ? index.h("div", { class: "s-currency-language-section" }, index.h("label", { class: "s-currency-language-title" }, salla.lang.get('common.titles.currency')), index.h("fieldset", { class: "s-currency-language-fieldset" }, index.h("legend", { class: "sr-only" }, salla.lang.get('blocks.header.change_currency')), index.h("div", { class: "s-currency-language-section-inner" }, salla.config.currencies.map(currency => index.h("div", { class: "s-currency-language-item" }, index.h("input", { class: "s-currency-language-input", checked: salla.config.currency.code == currency.code, id: 'currency-' + currency.code, name: "currency", type: "radio", value: currency.code }), index.h("label", { class: "s-currency-language-label", htmlFor: 'currency-' + currency.code }, index.h("span", null, currency.name), index.h("small", { class: "s-currency-language-currency" }, currency.code)))))))
-      : ''), index.h("p", { slot: "footer" }, index.h("slot", { name: "footer" }, index.h("button", { type: "button", class: "s-currency-language-submit", onClick: () => this.submit() }, salla.lang.get('common.elements.ok'))))));
-  }
-  componentDidRender() {
-    this.modal = document.querySelector('#lang-currency-modal');
-  }
-  get host() { return index.getElement(this); }
-};
-
-exports.salla_currency_language = SallaCurrencyLanguage;

package/dist/cjs/salla-login_2.cjs.entry.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const sallaLogin = require('./salla-login-3ec94029.js');
-const index = require('./index-e9451c82.js');
-const Helper = require('./Helper-8c75b6ac.js');
-
-const SallaModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ready = index.createEvent(this, "ready", 7);
-    this.close = index.createEvent(this, "close", 7);
-    this.error = false;
-    this.success = false;
-    this.visible = false;
-    this.subTitle = '';
-    this.icon = 'sicon-cancel';
-  }
-  handleVisible(newValue) {
-    return newValue === true
-      ? this.show()
-      : this.hide();
-  }
-  show() {
-    this.host.classList.remove('hidden');
-    setTimeout(() => this.toggleModal(true)); //small amont of time to running toggle After adding hidden
-    this.ready.emit();
-  }
-  hide() {
-    this.toggleModal(false);
-    this.close.emit();
-  }
-  toggleModal(isOpen) {
-    Helper.Helper.toggleElement(this.host.querySelector('.s-modal-overlay'), 'ease-out duration-300 opacity-100', 'opacity-0', () => isOpen)
-      .toggleElement(this.host.querySelector('.s-modal-body'), 'ease-out duration-300 opacity-100 translate-y-0 sm:scale-100', //add these classes
-    'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95', //remove these classes
-    () => isOpen)
-      .toggleElement(document.body, 'modal-is-open', 'modal-is-closed', () => isOpen);
-    if (!isOpen) {
-      setTimeout(() => this.host.classList.add('hidden'), 350);
-    }
-  }
-  render() {
-    this.host.id = this.host.id || 'salla-modal';
-    return (index.h(index.Host, { class: 's-modal-container hidden', "aria-modal": "true", role: "dialog" }, index.h("div", { class: "s-modal-wrapper" }, index.h("div", { class: "s-modal-overlay", onClick: () => this.host.removeAttribute('visible') }), index.h("span", { class: "s-modal-spacer" }, "\u200B"), index.h("div", { class: "s-modal-body" }, index.h("slot", { name: "header" }, index.h("div", { class: "s-modal-header" }, index.h("button", { class: "s-modal-close cursor-pointer", onClick: () => this.host.removeAttribute('visible'), type: "button" }, index.h("span", { class: "sicon-cancel" })), index.h("div", { class: "s-modal-title" }, this.host.title), index.h("p", { class: "s-modal-sub-title" }, this.subTitle), this.error || this.success
-      ? index.h("div", { class: { 's-modal-icon': true, 'bg-red-100': this.error, 'bg-green-100': this.success } }, index.h("i", { class: { [this.icon]: true, 'text-red-600': this.error, 'text-green-600': this.success } }))
-      : '')), index.h("slot", null), index.h("slot", { name: "footer" })))));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "visible": ["handleVisible"]
-  }; }
-};
-
-exports.salla_login = sallaLogin.SallaLogin;
-exports.salla_modal = SallaModal;

package/dist/collection/components/currency-language/salla-currency-language.js

@@ -1,97 +0,0 @@
-import { Component, Element, h, Method } from '@stencil/core';
-import Helper from "../../Helpers/Helper";
-export class SallaCurrencyLanguage {
-  constructor() {
-    Helper.setHost(this.host);
-  }
-  async show() {
-    this.modal.setAttribute('visible', '');
-  }
-  async hide() {
-    this.modal.removeAttribute('visible');
-  }
-  submit() {
-    this.hide()
-      .then(() => {
-      let code = Helper.val('[name=currency]:checked');
-      if (code !== salla.config.currency.code) {
-        return salla.currency.api.change(code);
-      }
-    }).then(() => {
-      let language = Helper.val('[name=lang]:checked');
-      if (language !== salla.config.language.code) {
-        window.location.href = salla.config.languages.filter(lang => lang.code === language)[0].url;
-      }
-    });
-  }
-  render() {
-    return (h("salla-modal", { id: "lang-currency-modal", class: "hidden" },
-      h("slot", { name: "header" },
-        h("div", { slot: "header" })),
-      h("div", { class: "s-currency-language-inner" },
-        salla.config.languages
-          ? h("div", { class: "s-currency-language-section" },
-            h("label", { class: "s-currency-language-title" }, salla.lang.get('common.titles.language')),
-            h("fieldset", { class: "s-currency-language-fieldset" },
-              h("legend", { class: "sr-only" }, salla.lang.get('blocks.header.change_language')),
-              h("div", { class: "s-currency-language-section-inner" }, salla.config.languages.map(lang => h("div", { class: "flex items-center" },
-                h("input", { id: 'lang-' + lang.code.toLowerCase(), class: "s-currency-language-input", name: "lang", checked: salla.config.language.code == lang.code, type: "radio", value: lang.code }),
-                h("label", { htmlFor: 'lang-' + lang.code.toLowerCase(), class: "s-currency-language-label" },
-                  h("span", null, lang.name),
-                  h("div", { class: 's-currency-language-flag flag iti__flag iti__' + lang.country_code })))))))
-          : '',
-        salla.config.currencies
-          ? h("div", { class: "s-currency-language-section" },
-            h("label", { class: "s-currency-language-title" }, salla.lang.get('common.titles.currency')),
-            h("fieldset", { class: "s-currency-language-fieldset" },
-              h("legend", { class: "sr-only" }, salla.lang.get('blocks.header.change_currency')),
-              h("div", { class: "s-currency-language-section-inner" }, salla.config.currencies.map(currency => h("div", { class: "s-currency-language-item" },
-                h("input", { class: "s-currency-language-input", checked: salla.config.currency.code == currency.code, id: 'currency-' + currency.code, name: "currency", type: "radio", value: currency.code }),
-                h("label", { class: "s-currency-language-label", htmlFor: 'currency-' + currency.code },
-                  h("span", null, currency.name),
-                  h("small", { class: "s-currency-language-currency" }, currency.code)))))))
-          : ''),
-      h("p", { slot: "footer" },
-        h("slot", { name: "footer" },
-          h("button", { type: "button", class: "s-currency-language-submit", onClick: () => this.submit() }, salla.lang.get('common.elements.ok'))))));
-  }
-  componentDidRender() {
-    this.modal = document.querySelector('#lang-currency-modal');
-  }
-  static get is() { return "salla-currency-language"; }
-  static get methods() { return {
-    "show": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "hide": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}