@everymatrix/cashier-methods-list 1.38.0 → 1.39.0

package/dist/cashier-methods-list.js

@@ -607,5 +607,5 @@ return e[24](/*payMeth*/e[47])}return{c(){t=p("div"),r=p("div"),i=p("img"),a=d()
 // (204:2) {#if methodsButtonToggleText}
 function Pr(e){let t,r,n,i;return{c(){t=p("div"),r=m(/*methodsButtonToggleText*/e[7]),b(t,"class","ShowAllButton")},m(o,s){u(o,t,s),c(t,r),n||(i=g(t,"click",/*click_handler_1*/e[25]),n=!0)},p(e,t){/*methodsButtonToggleText*/128&t[0]&&E(r,/*methodsButtonToggleText*/e[7])},d(e){e&&f(t),n=!1,i()}}}
 // (209:0) {#if errorMessage}
-function Nr(e){let t,r,n;return{c(){t=p("cashier-error"),r=p("span"),n=m(/*errorMessage*/e[10]),b(r,"slot","text"),y(t,"lang",/*lang*/e[0]),y(t,"assetsurl",/*assetsurl*/e[1]),y(t,"translationurl",/*translationurl*/e[2]),y(t,"clientstylingurl",/*clientstylingurl*/e[4]),y(t,"clientstyling",/*clientstyling*/e[3]),y(t,"hidebuttons","true")},m(e,i){u(e,t,i),c(t,r),c(r,n)},p(e,r){/*errorMessage*/1024&r[0]&&E(n,/*errorMessage*/e[10]),/*lang*/1&r[0]&&y(t,"lang",/*lang*/e[0]),/*assetsurl*/2&r[0]&&y(t,"assetsurl",/*assetsurl*/e[1]),/*translationurl*/4&r[0]&&y(t,"translationurl",/*translationurl*/e[2]),/*clientstylingurl*/16&r[0]&&y(t,"clientstylingurl",/*clientstylingurl*/e[4]),/*clientstyling*/8&r[0]&&y(t,"clientstyling",/*clientstyling*/e[3])},d(e){e&&f(t)}}}function Cr(t){let r,n,i,o=/*showSpinner*/t[12]&&Ar(t),s=/*showMethodsList*/(t[9]||/*desktopView*/t[11])&&Mr(t),a=/*errorMessage*/t[10]&&Nr(t);return{c(){o&&o.c(),r=d(),s&&s.c(),n=d(),a&&a.c(),i=m(""),this.c=e},m(e,t){o&&o.m(e,t),u(e,r,t),s&&s.m(e,t),u(e,n,t),a&&a.m(e,t),u(e,i,t)},p(e,t){/*showSpinner*/e[12]?o?o.p(e,t):(o=Ar(e),o.c(),o.m(r.parentNode,r)):o&&(o.d(1),o=null),/*showMethodsList*/e[9]||/*desktopView*/e[11]?s?s.p(e,t):(s=Mr(e),s.c(),s.m(n.parentNode,n)):s&&(s.d(1),s=null),/*errorMessage*/e[10]?a?a.p(e,t):(a=Nr(e),a.c(),a.m(i.parentNode,i)):a&&(a.d(1),a=null)},i:e,o:e,d(e){o&&o.d(e),e&&f(r),s&&s.d(e),e&&f(n),a&&a.d(e),e&&f(i)}}}const Or=()=>{};function Ir(e,t,r){let n;var i,o;i=wr,o=e=>r(13,n=e),e.$$.on_destroy.push(h(i,o));let s,a,l,{lang:c="en"}=t,{local:u="en-US"}=t,{endpoint:f}=t,{session:p}=t,{customerid:m}=t,{assetsurl:d}=t,{currency:g}=t,{numberofmethodsshown:b}=t,{translationurl:y=""}=t,{clientstyling:E=""}=t,{clientstylingurl:v=""}=t,{ismobileview:T}=t,L=[],_="",A=[],M=!0,S=new Intl.NumberFormat(u,{minimumFractionDigits:2}),P="",N=!0,C=!0;var O;!function(e){e.PlayerSessionIsNotValid="PlayerSessionIsNotValid",e.Success="Success",e.JwtTokenError="JwtTokenError"}(O||(O={})),w(),Object.keys(_r).forEach((e=>{!function(e,t){Ct(e,t)}(e,_r[e])}));const I=()=>{var e;e=c,ir.set(e)},R=e=>{const t=[];return e.PaymentMethods.Ordering.DefaultPaymentMethodsOrder.forEach((r=>{const n=e.PaymentMethods.PaymentMethods.find((e=>e.Name===r));n&&t.push(Object.assign(Object.assign({},n),{LogoUrl:n.Logos&&n.Logos.length&&n.Logos[0].LogoUrl?`https:${n.Logos[0].LogoUrl}`:""}))})),t},U=e=>e.PaymentMethods.PaymentMethods.map((e=>Object.assign(Object.assign({},e),{LogoUrl:e.Logos&&e.Logos.length&&e.Logos[0].LogoUrl?`https:${e.Logos[0].LogoUrl}`:""}))),$=e=>{r(6,a=e.Name),dispatchEvent(new CustomEvent("selectPayMeth",{detail:e,bubbles:!0,cancelable:!0,composed:!0}))},x=()=>{window.postMessage({type:"ErrorResponseCode",errorResponseCode:l},window.location.href)},G=()=>{A==L?k():D()},D=()=>{r(8,A=L),r(7,_=n("showLess"))},k=()=>{r(8,A=L.slice(0,+b)),a&&!A.find((e=>e.Name===a))&&A.splice(0,0,L.find((e=>e.Name===a))),r(7,_=n("showAll"))},F=()=>{r(9,M=!0)},j=e=>{r(9,M=!e.detail.hideMethodsList)};var V;V=()=>(window.addEventListener("backToMethodList",F,!1),window.addEventListener("hideMethodsList",j,!1),()=>{window.removeEventListener("backToMethodList",F),window.removeEventListener("paymentMethodLoaded",j)}),H().$$.on_mount.push(V);return e.$$set=e=>{"lang"in e&&r(0,c=e.lang),"local"in e&&r(17,u=e.local),"endpoint"in e&&r(18,f=e.endpoint),"session"in e&&r(19,p=e.session),"customerid"in e&&r(20,m=e.customerid),"assetsurl"in e&&r(1,d=e.assetsurl),"currency"in e&&r(21,g=e.currency),"numberofmethodsshown"in e&&r(22,b=e.numberofmethodsshown),"translationurl"in e&&r(2,y=e.translationurl),"clientstyling"in e&&r(3,E=e.clientstyling),"clientstylingurl"in e&&r(4,v=e.clientstylingurl),"ismobileview"in e&&r(23,T=e.ismobileview)},e.$$.update=()=>{/*endpoint, session, customerid*/1835008&e.$$.dirty[0]&&f&&p&&m&&(()=>{const e=new URL(`${f}/v1/player/${m}/payment/GetPaymentMetadata`),t=new Headers;t.append("accept","application/json"),t.append("Content-Type","application/json");const i={method:"POST",headers:t,body:JSON.stringify({XPaymentSessionToken:p,Currency:g})};fetch(e,i).then((e=>e.json())).then((e=>{var t;if(e.error)r(10,P=e.error);else{if(e.ResponseCode===O.PlayerSessionIsNotValid)return l=e.ResponseCode,void x();if(e.ResponseCode===O.JwtTokenError)return l=e.ResponseCode,void x();if(e.ResponseCode!==O.Success)return l=e.ResponseCode,void x();L=(null===(t=e.PaymentMethods)||void 0===t?void 0:t.Ordering)?R(e):U(e),r(7,_=b&&+b>0&&L.length>+b?n("showAll"):""),r(8,A=_?L.slice(0,+b):L),window.postMessage({type:"StartSessionCountdown",paymentMethodName:L[0].Name,xPaymentSessionToken:p},window.location.href)}})).finally((()=>r(12,C=!1)))})(),/*lang*/1&e.$$.dirty[0]&&c&&I(),/*clientstyling, customStylingContainer*/40&e.$$.dirty[0]&&E&&s&&(()=>{let e=document.createElement("style");e.innerHTML=E,s.appendChild(e)})(),/*clientstylingurl, customStylingContainer*/48&e.$$.dirty[0]&&v&&s&&(()=>{let e=new URL(v),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{s.appendChild(t)}),1),setTimeout((()=>{}),500)}))})(),/*ismobileview*/8388608&e.$$.dirty[0]&&T&&r(11,N="false"===T)},[c,d,y,E,v,s,a,_,A,M,P,N,C,n,S,$,G,u,f,p,m,g,b,T,e=>$(e),()=>G(),function(e){B[e?"unshift":"push"]((()=>{s=e,r(5,s)}))}]}class Rr extends D{constructor(e){super();const t=document.createElement("style");t.textContent="*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.CashierMethodList{display:flex;flex-direction:column;background:var(--emw--color-background, #fff);box-shadow:0 0 4px var(--mmw--color-black-transparency-10, rgba(0, 0, 0, 0.1));width:100%;border-radius:var(--mmw--border-radius-medium-plus, 6px);container-name:method-list;container-type:inline-size}.CashierMethodList .SelectorWrapper{display:flex;flex-direction:row;align-items:center;justify-content:left;cursor:pointer;position:relative;height:52px;box-sizing:border-box;border-bottom:1px solid var(--mmw--color-grey-105, #E8E9EB);padding:0 var(--emw--spacing-small, 12px)}.CashierMethodList .SelectorWrapper:first-child{border-radius:var(--mmw--border-radius-medium-plus, 6px) var(--mmw--border-radius-medium-plus, 6px) 0 0}.CashierMethodList .SelectorWrapper:last-child{border-radius:0 0 var(--mmw--border-radius-medium-plus, 6px) var(--mmw--border-radius-medium-plus, 6px)}.CashierMethodList .SelectorWrapper.checked{background:var(--emw--color-background-secondary, #F9F8F8)}.CashierMethodList .MethodLogo{margin-right:var(--mmw--spacing-x-small-minus, 7px);width:56px;height:32px;background:var(--emw--color-background, #FFF);border:1px solid var(--mmw--color-grey-105, #E8E9EB);border-radius:var(--mmw--border-radius-medium-plus, 6px);overflow:hidden}.CashierMethodList .MethodLogo img{width:inherit;height:inherit}.CashierMethodList .MethodTitle{color:var(--mmw--color-grey-10, #111);font-size:var(--emw--font-size-small, 14px);word-break:break-all}.CashierMethodList .MethodLimits{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto}.CashierMethodList .MethodLimits .Limits{max-width:100%;white-space:nowrap;font-size:var(--emw--font-size-2x-small-plus, 11px);line-height:var(--emw--size-small, 14px);color:var(--mmw--color-grey-290, #666);font-weight:var(--emw--font-weight-normal, 400);font-style:normal}.ShowAllButton{cursor:pointer;color:var(--mmw--color-grey-290, #666);text-align:center;font-size:var(--emw--font-size-x-small, 12px);font-style:normal;font-weight:var(--emw--font-weight-semibold, 500);font-family:inherit;background:var(--emw--color-gray-50, #F7F8FA);line-height:normal;border:1px solid var(--mmw--color-grey-105, #E8E9EB);border-radius:var(--emw--border-radius-medium, 4px);margin:var(--emw--spacing-small, 12px) auto;height:36px;display:flex;align-items:center;justify-content:center;width:80%}.ShowAllButton:hover{background:var(--emw--color-background, #fff)}@container method-list (width < 450px){.MethodLogo{min-width:56px}.CashierMethodList .MethodTitle{display:inline-block;flex-grow:1;font-size:var(--emw--font-size-x-small, 12px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.CashierMethodList .MethodLimits .Limits{flex-shrink:0;font-size:var(--emw--font-size-2x-small, 10px)}}@container method-list (max-width: 300px){.Limits{display:none}}",this.shadowRoot.appendChild(t),G(this,{target:this.shadowRoot,props:T(this.attributes),customElement:!0},Ir,Cr,o,{lang:0,local:17,endpoint:18,session:19,customerid:20,assetsurl:1,currency:21,numberofmethodsshown:22,translationurl:2,clientstyling:3,clientstylingurl:4,ismobileview:23},null,[-1,-1]),e&&(e.target&&u(e.target,this,e.anchor),e.props&&(this.$set(e.props),I()))}static get observedAttributes(){return["lang","local","endpoint","session","customerid","assetsurl","currency","numberofmethodsshown","translationurl","clientstyling","clientstylingurl","ismobileview"]}get lang(){return this.$$.ctx[0]}set lang(e){this.$$set({lang:e}),I()}get local(){return this.$$.ctx[17]}set local(e){this.$$set({local:e}),I()}get endpoint(){return this.$$.ctx[18]}set endpoint(e){this.$$set({endpoint:e}),I()}get session(){return this.$$.ctx[19]}set session(e){this.$$set({session:e}),I()}get customerid(){return this.$$.ctx[20]}set customerid(e){this.$$set({customerid:e}),I()}get assetsurl(){return this.$$.ctx[1]}set assetsurl(e){this.$$set({assetsurl:e}),I()}get currency(){return this.$$.ctx[21]}set currency(e){this.$$set({currency:e}),I()}get numberofmethodsshown(){return this.$$.ctx[22]}set numberofmethodsshown(e){this.$$set({numberofmethodsshown:e}),I()}get translationurl(){return this.$$.ctx[2]}set translationurl(e){this.$$set({translationurl:e}),I()}get clientstyling(){return this.$$.ctx[3]}set clientstyling(e){this.$$set({clientstyling:e}),I()}get clientstylingurl(){return this.$$.ctx[4]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),I()}get ismobileview(){return this.$$.ctx[23]}set ismobileview(e){this.$$set({ismobileview:e}),I()}}return!customElements.get("cashier-methods-list")&&customElements.define("cashier-methods-list",Rr),Rr}));
+function Nr(e){let t,r,n;return{c(){t=p("cashier-error"),r=p("span"),n=m(/*errorMessage*/e[10]),b(r,"slot","text"),y(t,"lang",/*lang*/e[0]),y(t,"assetsurl",/*assetsurl*/e[1]),y(t,"translationurl",/*translationurl*/e[2]),y(t,"clientstylingurl",/*clientstylingurl*/e[4]),y(t,"clientstyling",/*clientstyling*/e[3]),y(t,"hidebuttons","true")},m(e,i){u(e,t,i),c(t,r),c(r,n)},p(e,r){/*errorMessage*/1024&r[0]&&E(n,/*errorMessage*/e[10]),/*lang*/1&r[0]&&y(t,"lang",/*lang*/e[0]),/*assetsurl*/2&r[0]&&y(t,"assetsurl",/*assetsurl*/e[1]),/*translationurl*/4&r[0]&&y(t,"translationurl",/*translationurl*/e[2]),/*clientstylingurl*/16&r[0]&&y(t,"clientstylingurl",/*clientstylingurl*/e[4]),/*clientstyling*/8&r[0]&&y(t,"clientstyling",/*clientstyling*/e[3])},d(e){e&&f(t)}}}function Cr(t){let r,n,i,o=/*showSpinner*/t[12]&&Ar(t),s=/*showMethodsList*/(t[9]||/*desktopView*/t[11])&&Mr(t),a=/*errorMessage*/t[10]&&Nr(t);return{c(){o&&o.c(),r=d(),s&&s.c(),n=d(),a&&a.c(),i=m(""),this.c=e},m(e,t){o&&o.m(e,t),u(e,r,t),s&&s.m(e,t),u(e,n,t),a&&a.m(e,t),u(e,i,t)},p(e,t){/*showSpinner*/e[12]?o?o.p(e,t):(o=Ar(e),o.c(),o.m(r.parentNode,r)):o&&(o.d(1),o=null),/*showMethodsList*/e[9]||/*desktopView*/e[11]?s?s.p(e,t):(s=Mr(e),s.c(),s.m(n.parentNode,n)):s&&(s.d(1),s=null),/*errorMessage*/e[10]?a?a.p(e,t):(a=Nr(e),a.c(),a.m(i.parentNode,i)):a&&(a.d(1),a=null)},i:e,o:e,d(e){o&&o.d(e),e&&f(r),s&&s.d(e),e&&f(n),a&&a.d(e),e&&f(i)}}}const Or=()=>{};function Ir(e,t,r){let n;var i,o;i=wr,o=e=>r(13,n=e),e.$$.on_destroy.push(h(i,o));let s,a,l,{lang:c="en"}=t,{local:u="en-US"}=t,{endpoint:f}=t,{session:p}=t,{customerid:m}=t,{assetsurl:d}=t,{currency:g}=t,{numberofmethodsshown:b}=t,{translationurl:y=""}=t,{clientstyling:E=""}=t,{clientstylingurl:v=""}=t,{ismobileview:T}=t,L=[],_="",A=[],M=!0,S=new Intl.NumberFormat(u,{minimumFractionDigits:2}),P="",N=!0,C=!0;var O;!function(e){e.PlayerSessionIsNotValid="PlayerSessionIsNotValid",e.Success="Success",e.JwtTokenError="JwtTokenError"}(O||(O={})),w(),Object.keys(_r).forEach((e=>{!function(e,t){Ct(e,t)}(e,_r[e])}));const I=()=>{var e;e=c,ir.set(e)},R=e=>{const t=[];return e.PaymentMethods.Ordering.DefaultPaymentMethodsOrder.forEach((r=>{const n=e.PaymentMethods.PaymentMethods.find((e=>e.Name===r));n&&t.push(Object.assign(Object.assign({},n),{LogoUrl:n.Logos&&n.Logos.length&&n.Logos[0].LogoUrl?`https:${n.Logos[0].LogoUrl}`:""}))})),t},U=e=>e.PaymentMethods.PaymentMethods.map((e=>Object.assign(Object.assign({},e),{LogoUrl:e.Logos&&e.Logos.length&&e.Logos[0].LogoUrl?`https:${e.Logos[0].LogoUrl}`:""}))),$=e=>{r(6,a=e.Name),dispatchEvent(new CustomEvent("selectPayMeth",{detail:e,bubbles:!0,cancelable:!0,composed:!0}))},x=()=>{window.postMessage({type:"ErrorResponseCode",errorResponseCode:l},window.location.href)},G=()=>{A==L?k():D()},D=()=>{r(8,A=L),r(7,_=n("showLess"))},k=()=>{r(8,A=L.slice(0,+b)),a&&!A.find((e=>e.Name===a))&&A.splice(0,0,L.find((e=>e.Name===a))),r(7,_=n("showAll"))},F=()=>{r(9,M=!0)},j=e=>{r(9,M=!e.detail.hideMethodsList)};var V;V=()=>(window.addEventListener("backToMethodList",F,!1),window.addEventListener("hideMethodsList",j,!1),()=>{window.removeEventListener("backToMethodList",F),window.removeEventListener("paymentMethodLoaded",j)}),H().$$.on_mount.push(V);return e.$$set=e=>{"lang"in e&&r(0,c=e.lang),"local"in e&&r(17,u=e.local),"endpoint"in e&&r(18,f=e.endpoint),"session"in e&&r(19,p=e.session),"customerid"in e&&r(20,m=e.customerid),"assetsurl"in e&&r(1,d=e.assetsurl),"currency"in e&&r(21,g=e.currency),"numberofmethodsshown"in e&&r(22,b=e.numberofmethodsshown),"translationurl"in e&&r(2,y=e.translationurl),"clientstyling"in e&&r(3,E=e.clientstyling),"clientstylingurl"in e&&r(4,v=e.clientstylingurl),"ismobileview"in e&&r(23,T=e.ismobileview)},e.$$.update=()=>{/*endpoint, session, customerid*/1835008&e.$$.dirty[0]&&f&&p&&m&&(()=>{const e=new URL(`${f}/v1/player/${m}/payment/GetPaymentMetadata`),t=new Headers;t.append("accept","application/json"),t.append("Content-Type","application/json");const i={method:"POST",headers:t,body:JSON.stringify({XPaymentSessionToken:p,Currency:g})};fetch(e,i).then((e=>e.json())).then((e=>{var t;if(e.error)r(10,P=e.error);else{if(e.ResponseCode===O.PlayerSessionIsNotValid)return l=e.ResponseCode,void x();if(e.ResponseCode===O.JwtTokenError)return l=e.ResponseCode,void x();if(e.ResponseCode!==O.Success)return l=e.ResponseCode,void x();L=(null===(t=e.PaymentMethods)||void 0===t?void 0:t.Ordering)?R(e):U(e),r(7,_=b&&+b>0&&L.length>+b?n("showAll"):""),r(8,A=_?L.slice(0,+b):L),window.postMessage({type:"StartSessionCountdown",paymentMethodName:L[0].Name,xPaymentSessionToken:p},window.location.href)}})).finally((()=>r(12,C=!1)))})(),/*lang*/1&e.$$.dirty[0]&&c&&I(),/*clientstyling, customStylingContainer*/40&e.$$.dirty[0]&&E&&s&&(()=>{let e=document.createElement("style");e.innerHTML=E,s.appendChild(e)})(),/*clientstylingurl, customStylingContainer*/48&e.$$.dirty[0]&&v&&s&&(()=>{let e=new URL(v),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{s.appendChild(t)}),1),setTimeout((()=>{}),500)}))})(),/*ismobileview*/8388608&e.$$.dirty[0]&&T&&r(11,N="false"===T)},[c,d,y,E,v,s,a,_,A,M,P,N,C,n,S,$,G,u,f,p,m,g,b,T,e=>$(e),()=>G(),function(e){B[e?"unshift":"push"]((()=>{s=e,r(5,s)}))}]}class Rr extends D{constructor(e){super();const t=document.createElement("style");t.textContent="*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.CashierMethodList{display:flex;flex-direction:column;background:var(--emw--color-background, #fff);box-shadow:0 0 4px var(--mmw--color-black-transparency-10, rgba(0, 0, 0, 0.1));width:100%;border-radius:var(--mmw--border-radius-medium-plus, 6px);container-name:method-list;container-type:inline-size}.CashierMethodList .SelectorWrapper{display:flex;flex-direction:row;align-items:center;justify-content:left;cursor:pointer;position:relative;height:52px;box-sizing:border-box;border-bottom:1px solid var(--mmw--color-grey-105, #E8E9EB);padding:0 var(--emw--spacing-small, 12px)}.CashierMethodList .SelectorWrapper:first-child{border-radius:var(--mmw--border-radius-medium-plus, 6px) var(--mmw--border-radius-medium-plus, 6px) 0 0}.CashierMethodList .SelectorWrapper:last-child{border-radius:0 0 var(--mmw--border-radius-medium-plus, 6px) var(--mmw--border-radius-medium-plus, 6px)}.CashierMethodList .SelectorWrapper.checked{background:var(--emw--color-background-secondary, #F9F8F8)}.CashierMethodList .SelectorWrapper:not(.checked):hover{background:linear-gradient(0, var(--emw--color-background-secondary, #F9F8F8) 0%, var(--emw--color-background, #fff) 100%)}.CashierMethodList .MethodLogo{margin-right:var(--mmw--spacing-x-small-minus, 7px);width:56px;height:32px;background:var(--emw--color-background, #FFF);border:1px solid var(--mmw--color-grey-105, #E8E9EB);border-radius:var(--mmw--border-radius-medium-plus, 6px);overflow:hidden}.CashierMethodList .MethodLogo img{width:inherit;height:inherit}.CashierMethodList .MethodTitle{color:var(--mmw--color-grey-10, #111);font-size:var(--emw--font-size-small, 14px);word-break:break-all}.CashierMethodList .MethodLimits{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto}.CashierMethodList .MethodLimits .Limits{max-width:100%;white-space:nowrap;font-size:var(--emw--font-size-2x-small-plus, 11px);line-height:var(--emw--size-small, 14px);color:var(--mmw--color-grey-290, #666);font-weight:var(--emw--font-weight-normal, 400);font-style:normal}.ShowAllButton{cursor:pointer;color:var(--mmw--color-grey-290, #666);text-align:center;font-size:var(--emw--font-size-x-small, 12px);font-style:normal;font-weight:var(--emw--font-weight-semibold, 500);font-family:inherit;background:var(--emw--color-gray-50, #F7F8FA);line-height:normal;border:1px solid var(--mmw--color-grey-105, #E8E9EB);border-radius:var(--emw--border-radius-medium, 4px);margin:var(--emw--spacing-small, 12px) auto;height:36px;display:flex;align-items:center;justify-content:center;width:80%}.ShowAllButton:hover{background:var(--emw--color-background, #fff)}@container method-list (width < 450px){.MethodLogo{min-width:56px}.CashierMethodList .MethodTitle{display:inline-block;flex-grow:1;font-size:var(--emw--font-size-x-small, 12px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.CashierMethodList .MethodLimits .Limits{flex-shrink:0;font-size:var(--emw--font-size-2x-small, 10px)}}@container method-list (max-width: 300px){.Limits{display:none}}",this.shadowRoot.appendChild(t),G(this,{target:this.shadowRoot,props:T(this.attributes),customElement:!0},Ir,Cr,o,{lang:0,local:17,endpoint:18,session:19,customerid:20,assetsurl:1,currency:21,numberofmethodsshown:22,translationurl:2,clientstyling:3,clientstylingurl:4,ismobileview:23},null,[-1,-1]),e&&(e.target&&u(e.target,this,e.anchor),e.props&&(this.$set(e.props),I()))}static get observedAttributes(){return["lang","local","endpoint","session","customerid","assetsurl","currency","numberofmethodsshown","translationurl","clientstyling","clientstylingurl","ismobileview"]}get lang(){return this.$$.ctx[0]}set lang(e){this.$$set({lang:e}),I()}get local(){return this.$$.ctx[17]}set local(e){this.$$set({local:e}),I()}get endpoint(){return this.$$.ctx[18]}set endpoint(e){this.$$set({endpoint:e}),I()}get session(){return this.$$.ctx[19]}set session(e){this.$$set({session:e}),I()}get customerid(){return this.$$.ctx[20]}set customerid(e){this.$$set({customerid:e}),I()}get assetsurl(){return this.$$.ctx[1]}set assetsurl(e){this.$$set({assetsurl:e}),I()}get currency(){return this.$$.ctx[21]}set currency(e){this.$$set({currency:e}),I()}get numberofmethodsshown(){return this.$$.ctx[22]}set numberofmethodsshown(e){this.$$set({numberofmethodsshown:e}),I()}get translationurl(){return this.$$.ctx[2]}set translationurl(e){this.$$set({translationurl:e}),I()}get clientstyling(){return this.$$.ctx[3]}set clientstyling(e){this.$$set({clientstyling:e}),I()}get clientstylingurl(){return this.$$.ctx[4]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),I()}get ismobileview(){return this.$$.ctx[23]}set ismobileview(e){this.$$set({ismobileview:e}),I()}}return!customElements.get("cashier-methods-list")&&customElements.define("cashier-methods-list",Rr),Rr}));
 //# sourceMappingURL=cashier-methods-list.js.map