@moneyto/components 0.0.13 → 0.0.14

package/dist/country-list.js

@@ -1,85 +1,87 @@
-import { d as I, c as J, p as K, a as O, o as Q, t as v, i as k, s as p, b as o, S as R, e as i, f as W, g as X, h as t, j as D, r as s, k as w, l as Y, m as Z, n as $, q as L, u as j, v as F, w as tt, x as at, y as x } from "./Styles-Dmz3r-1B.js";
-import { A as et, f as st, e as rt, i as nt, c as ot, a as lt } from "./api-Aa0lPCOo.js";
-var it = v('<div class="h-250 w-full animate-pulse rounded-lg bg-gray-300"></div>'), ct = v('<a><span class="@2xl:text-4xl text-3xl leading-[.8]"> </span> <span class="max-w-40"> </span></a>'), ut = v('<button><span class="@2xl:text-4xl text-3xl leading-[.8]"> </span> <span class="max-w-40"> </span></button>'), dt = v('<div class="@xl:grid-cols-3 @2xl:grid-cols-4 @4xl:grid-cols-5 @6xl:grid-cols-6 grid grid-cols-2 gap-x-2 gap-y-4"></div>'), vt = v('<main class="@container"><!> <!> <!></main>');
-function pt(N, c) {
+import { d as I, c as J, p as K, a as O, o as Q, f as v, i as w, s as p, b as o, S as R, e as i, g as W, h as X, j as t, k as L, r as s, l as C, m as Y, n as Z, q as j, t as F, u as $, v as N, w as tt, x as m } from "./Styles-CV5FG1EQ.js";
+import { A as at, f as et, e as st, i as rt, c as nt, a as ot } from "./api-Ss7kA2Mb.js";
+var lt = v('<div class="h-250 w-full animate-pulse rounded-lg bg-gray-300"></div>'), it = v('<a><span class="@2xl:text-4xl text-3xl leading-[.8]"> </span> <span class="max-w-40"> </span></a>'), ct = v('<button><span class="@2xl:text-4xl text-3xl leading-[.8]"> </span> <span class="max-w-40"> </span></button>'), ut = v('<div class="@xl:grid-cols-3 @2xl:grid-cols-4 @4xl:grid-cols-5 @6xl:grid-cols-6 grid grid-cols-2 gap-x-2 gap-y-4"></div>'), dt = v('<main class="@container"><!> <!> <!></main>');
+function vt(P, c) {
   K(c, !0);
-  let m = O(c, "countriesUrl", 23, () => "https://transfer.moneyto.co.uk/sf/country-list");
-  const P = new et(c.apiVersion);
-  let g = D(void 0), f = D(!1);
-  const V = async () => {
-    w(f, !0), w(g, Y(await P.loadData(m()))), w(f, !1);
-  }, C = (a) => ot(lt[a.CountryAlpha3]);
+  let x = O(c, "countriesUrl", 23, () => "https://transfer.moneyto.co.uk/sf/country-list");
+  const V = new at(c.apiVersion);
+  let g = L(void 0), f = L(!1);
+  const q = async () => {
+    C(f, !0), C(g, await V.loadData(x()), !0), C(f, !1);
+  }, S = (a) => nt(ot[a.CountryAlpha3]);
   Q(() => {
-    V(), st();
+    q(), et();
   });
-  var _ = vt(), U = o(_);
+  var _ = dt(), U = o(_);
   {
-    var q = (a) => {
-      var u = it();
+    var M = (a) => {
+      var u = lt();
       i(a, u);
     };
-    k(U, (a) => {
-      t(f) && a(q);
+    w(U, (a) => {
+      t(f) && a(M);
     });
   }
-  var E = p(U, 2);
+  var A = p(U, 2);
   {
-    var M = (a) => {
-      var u = dt();
-      rt(u, 21, () => t(g).Country, nt, (z, r) => {
-        var S = Z();
-        const A = tt(() => "cursor-pointer flex items-center self-center gap-2 @2xl:gap-3 font-medium text-left text-base @sm:text-lg leading-normal text-pretty text-m2-text-input p-2 rounded-lg transition-colors hover:bg-m2-accent");
-        var B = $(S);
+    var T = (a) => {
+      var u = ut();
+      st(u, 21, () => t(g).Country.filter((h) => h.CountryAlpha3), rt, (h, r) => {
+        var E = Y();
+        const D = $(() => "cursor-pointer flex items-center self-center gap-2 @2xl:gap-3 font-medium text-left text-base @sm:text-lg leading-normal text-pretty text-m2-text-input p-2 rounded-lg transition-colors hover:bg-m2-accent");
+        var B = Z(E);
         {
           var G = (l) => {
-            var e = ct(), n = o(e), y = o(n, !0);
+            var e = it();
+            j(e, 1, F(t(D)));
+            var n = o(e), y = o(n, !0);
             s(n);
-            var d = p(n, 2), h = o(d, !0);
-            s(d), s(e), L(
-              (b) => {
-                j(e, F(t(A))), at(e, "href", t(r).PageLink), x(y, b), x(h, t(r).Name);
+            var d = p(n, 2), b = o(d, !0);
+            s(d), s(e), N(
+              (k) => {
+                tt(e, "href", t(r).PageLink), m(y, k), m(b, t(r).Name);
               },
-              [() => C(t(r))]
+              [() => S(t(r))]
             ), i(l, e);
           }, H = (l) => {
-            var e = ut();
-            e.__click = () => {
+            var e = ct();
+            j(e, 1, F(t(D))), e.__click = () => {
               c.$$host.dispatchEvent(new CustomEvent("select", { detail: { country: t(r) } }));
             };
             var n = o(e), y = o(n, !0);
             s(n);
-            var d = p(n, 2), h = o(d, !0);
-            s(d), s(e), L(
-              (b) => {
-                j(e, F(t(A))), x(y, b), x(h, t(r).Name);
+            var d = p(n, 2), b = o(d, !0);
+            s(d), s(e), N(
+              (k) => {
+                m(y, k), m(b, t(r).Name);
               },
-              [() => C(t(r))]
+              [() => S(t(r))]
             ), i(l, e);
           };
-          k(B, (l) => {
+          w(B, (l) => {
             t(r).PageLink ? l(G) : l(H, !1);
           });
         }
-        i(z, S);
+        i(h, E);
       }), s(u), i(a, u);
     };
-    k(E, (a) => {
-      t(g) && a(M);
+    w(A, (a) => {
+      t(g) && a(T);
     });
   }
-  var T = p(E, 2);
-  return R(T, { host: c.$$host }), s(_), i(N, _), W({
+  var z = p(A, 2);
+  return R(z, { host: c.$$host }), s(_), i(P, _), W({
     get countriesUrl() {
-      return m();
+      return x();
     },
     set countriesUrl(a = "https://transfer.moneyto.co.uk/sf/country-list") {
-      m(a), X();
+      x(a), X();
     }
   });
 }
 I(["click"]);
 customElements.define("moneyto-country-list", J(
-  pt,
+  vt,
   {
     countriesUrl: { attribute: "countries-url", type: "String" },
     apiVersion: { attribute: "api-version", type: "String" }
@@ -89,5 +91,5 @@ customElements.define("moneyto-country-list", J(
   !0
 ));
 export {
-  pt as default
+  vt as default
 };