@kiva/kv-components 7.6.3 → 8.0.1

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuCountryList.js

@@ -1,38 +1,31 @@
-import { resolveDirective as i, openBlock as e, createElementBlock as o, Fragment as c, renderList as a, withDirectives as l, createTextVNode as d, toDisplayString as r } from "vue";
+import n from "./KvLendMenuCountryList2.js";
+import { resolveDirective as c, openBlock as e, createElementBlock as o, Fragment as a, renderList as l, withDirectives as _, createTextVNode as d, toDisplayString as r } from "vue";
 import "./KvLendMenuCountryList.css";
 import p from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = {
-  name: "CountryList",
-  props: {
-    countries: {
-      type: Array,
-      default: () => []
-    }
-  }
-}, m = { class: "tw-whitespace-nowrap tw-font-medium" }, u = ["href"], w = {
+const m = { class: "tw-whitespace-nowrap tw-font-medium" }, w = ["href"], f = {
   key: 1,
   class: "tw-block tw-py-1 tw-text-tertiary"
 };
-function f(k, v, s, h, y, x) {
-  const n = i("kv-track-event");
+function k(u, v, i, h, x, y) {
+  const s = c("kv-track-event");
   return e(), o("ul", m, [
-    (e(!0), o(c, null, a(s.countries, (t) => (e(), o("li", {
+    (e(!0), o(a, null, l(i.countries, (t) => (e(), o("li", {
       key: t.isoCode,
       class: "country-list-item"
     }, [
-      t.count > 0 ? l((e(), o("a", {
+      t.count > 0 ? _((e(), o("a", {
         key: 0,
         href: `/lend/filter?country=${t.isoCode}`,
         class: "tw-text-primary hover:tw-text-action tw-block tw-w-full tw-py-1"
       }, [
         d(r(t.name) + " (" + r(t.count) + ") ", 1)
-      ], 8, u)), [
-        [n, ["TopNav", "click-Lend-Country", t.name]]
-      ]) : (e(), o("span", w, r(t.name) + " (0) ", 1))
+      ], 8, w)), [
+        [s, ["TopNav", "click-Lend-Country", t.name]]
+      ]) : (e(), o("span", f, r(t.name) + " (0) ", 1))
     ]))), 128))
   ]);
 }
-const b = /* @__PURE__ */ p(_, [["render", f], ["__scopeId", "data-v-b291d337"]]);
+const b = /* @__PURE__ */ p(n, [["render", k], ["__scopeId", "data-v-07c8276d"]]);
 export {
   b as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuCountryList.vue.d.ts

@@ -0,0 +1,20 @@
+import { PropType } from 'vue';
+export interface LendMenuCountry {
+    isoCode: string;
+    name: string;
+    count: number;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    countries: {
+        type: PropType<LendMenuCountry[]>;
+        default: () => any[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    countries: {
+        type: PropType<LendMenuCountry[]>;
+        default: () => any[];
+    };
+}>> & Readonly<{}>, {
+    countries: LendMenuCountry[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuCountryList2.js

@@ -0,0 +1,12 @@
+const t = {
+  name: "CountryList",
+  props: {
+    countries: {
+      type: Array,
+      default: () => []
+    }
+  }
+};
+export {
+  t as default
+};

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuSearchList.js

@@ -1,24 +1,18 @@
-import { openBlock as e, createElementBlock as r, Fragment as a, renderList as l, createElementVNode as o, toDisplayString as c } from "vue";
-import i from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = {
-  props: {
-    searches: {
-      type: Array,
-      default: () => []
-    }
-  }
-}, d = { class: "tw-font-book" }, f = ["href"];
-function u(w, s, n, m, _, h) {
+import a from "./KvLendMenuSearchList2.js";
+import { openBlock as e, createElementBlock as r, Fragment as l, renderList as c, createElementVNode as o, toDisplayString as i } from "vue";
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const d = { class: "tw-font-book" }, m = ["href"];
+function p(u, n, s, w, _, h) {
   return e(), r("ul", d, [
-    (e(!0), r(a, null, l(n.searches, (t) => (e(), r("li", {
+    (e(!0), r(l, null, c(s.searches, (t) => (e(), r("li", {
       key: t.id
     }, [
       o("a", {
         class: "tw-text-primary hover:tw-text-action tw-block tw-w-full tw-py-1",
         href: t.url
-      }, c(t.name), 9, f)
+      }, i(t.name), 9, m)
     ]))), 128)),
-    s[0] || (s[0] = o("li", null, [
+    n[0] || (n[0] = o("li", null, [
       o("a", {
         class: "tw-text-primary hover:tw-text-action tw-block tw-w-full tw-py-1",
         href: "/lend/saved-search"
@@ -26,7 +20,7 @@ function u(w, s, n, m, _, h) {
     ], -1))
   ]);
 }
-const k = /* @__PURE__ */ i(p, [["render", u]]);
+const v = /* @__PURE__ */ f(a, [["render", p]]);
 export {
-  k as default
+  v as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuSearchList.vue.d.ts

@@ -0,0 +1,20 @@
+import { PropType } from 'vue';
+export interface LendMenuSearch {
+    id: number;
+    name: string;
+    url: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    searches: {
+        type: PropType<LendMenuSearch[]>;
+        default: () => any[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    searches: {
+        type: PropType<LendMenuSearch[]>;
+        default: () => any[];
+    };
+}>> & Readonly<{}>, {
+    searches: LendMenuSearch[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuSearchList2.js

@@ -0,0 +1,11 @@
+const a = {
+  props: {
+    searches: {
+      type: Array,
+      default: () => []
+    }
+  }
+};
+export {
+  a as default
+};

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-137228da]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-137228da]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-137228da],.header-fade-leave-to[data-v-137228da]{opacity:0}.header-fade-leave[data-v-137228da],.header-fade-enter-to[data-v-137228da]{opacity:1}.bg-opacity-50[data-v-137228da]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-fade-enter-active[data-v-cc14a1da]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-cc14a1da]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-cc14a1da],.header-fade-leave-to[data-v-cc14a1da]{opacity:0}.header-fade-leave[data-v-cc14a1da],.header-fade-enter-to[data-v-cc14a1da]{opacity:1}.bg-opacity-50[data-v-cc14a1da]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -1,140 +1,27 @@
-import { ref as a, shallowRef as N, computed as S, onMounted as x, onBeforeUnmount as A, resolveComponent as g, resolveDirective as K, openBlock as b, createBlock as L, withCtx as w, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as E, withDirectives as y, vShow as I, createElementBlock as O, normalizeClass as G, resolveDynamicComponent as z, withModifiers as P } from "vue";
-import R from "@kiva/kv-tokens";
-import V from "./KvWwwHeader/KvHeaderLinkBar.js";
-import W from "./KvWwwHeader/KvHeaderLogo.js";
-import Y from "./KvThemeProvider.js";
-import j from "./KvPageContainer.js";
-import { throttle as q } from "../utils/throttle.js";
-import { debounce as F } from "../utils/debounce.js";
+import h from "./KvWwwHeader2.js";
+import { resolveComponent as l, resolveDirective as f, openBlock as r, createBlock as u, withCtx as i, createElementVNode as d, normalizeStyle as m, createVNode as t, Transition as v, withDirectives as s, vShow as c, createElementBlock as y, normalizeClass as H, resolveDynamicComponent as M, withModifiers as C } from "vue";
 import "./KvWwwHeader.css";
-import J from "../_virtual/_plugin-vue_export-helper.js";
-const Q = "4rem", X = ["lendMenu", "aboutUsLink", "takeActionButton"], Z = {
-  components: {
-    KvHeaderLinkBar: V,
-    KvHeaderLogo: W,
-    KvThemeProvider: Y,
-    KvPageContainer: j
-  },
-  props: {
-    loggedIn: {
-      type: Boolean,
-      default: !1
-    },
-    basketCount: {
-      type: Number,
-      default: 0
-    },
-    loginUrl: {
-      type: String,
-      default: "/ui-login"
-    },
-    balance: {
-      type: Number,
-      default: 0
-    },
-    isBasketDataLoading: {
-      type: Boolean,
-      default: !1
-    },
-    isBorrower: {
-      type: Boolean,
-      default: !1
-    },
-    isTrustee: {
-      type: Boolean,
-      default: !1
-    },
-    isUserDataLoading: {
-      type: Boolean,
-      default: !1
-    },
-    userId: {
-      type: Number,
-      default: null
-    },
-    myDashboardUrl: {
-      type: String,
-      default: "/mykiva"
-    },
-    lenderName: {
-      type: String,
-      default: ""
-    },
-    lenderImageUrl: {
-      type: String,
-      default: ""
-    },
-    showMGUpsellLink: {
-      type: Boolean,
-      default: !1
-    },
-    countriesNotLentToUrl: {
-      type: String,
-      default: "/lend/countries-not-lent"
-    }
-  },
-  emits: [
-    "load-lend-menu-data"
-  ],
-  setup(C, { emit: o }) {
-    const n = a(!0), e = a(null), i = a(!1), r = N(null), u = a(null), m = a({ left: 0, position: "relative" }), s = a(!1), c = a(null), f = a(!1), l = S(() => {
-      var d, t;
-      return ((t = (d = u.value) == null ? void 0 : d.$options) == null ? void 0 : t.name) === "KvHeaderMobileMenu";
-    }), _ = F((d, t, p) => {
-      f.value && (t ? (c.value = d, r.value !== t && (m.value = { left: 0, position: "relative" }), r.value = t, i.value = !0, p && (m.value = {
-        ...p,
-        position: "absolute"
-      })) : i.value && (i.value = !1, r.value = null));
-    }, 100), D = (d) => {
-      var t;
-      (t = u.value) == null || t.onLoad(d);
-    }, U = () => {
-      if (!l.value) return _();
-    }, B = () => {
-      o("load-lend-menu-data");
-    }, T = () => s.value && X.includes(c.value) || !s.value && l.value, M = () => {
-      s.value = (window == null ? void 0 : window.innerWidth) < R.breakpoints.md, T() && (r.value = null, i.value = !1);
-    }, H = q(M, 100);
-    return x(() => {
-      M(), window.addEventListener("resize", H), f.value = !0;
-    }), A(() => {
-      window.removeEventListener("resize", H);
-    }), {
-      HEADER_HEIGHT: Q,
-      emitLendMenuEvent: B,
-      isMobile: s,
-      linksVisible: n,
-      menuOpen: i,
-      isMobileMenuActive: l,
-      onHover: _,
-      loadMenuData: D,
-      handleOverlayClick: U,
-      activeHeaderItem: e,
-      menuComponent: r,
-      menuComponentInstance: u,
-      menuPosition: m
-    };
-  }
-}, $ = {
+import D from "../_virtual/_plugin-vue_export-helper.js";
+const E = {
   href: "/",
   class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
 };
-function ee(C, o, n, e, i, r) {
-  const u = g("kv-header-link-bar"), m = g("kv-header-logo"), s = g("kv-page-container"), c = g("kv-theme-provider"), f = K("kv-track-event");
-  return b(), L(c, {
+function I(L, o, n, e, T, x) {
+  const g = l("kv-header-link-bar"), w = l("kv-header-logo"), b = l("kv-page-container"), k = l("kv-theme-provider"), _ = f("kv-track-event");
+  return r(), u(k, {
     tag: "div",
     class: "tw-bg-primary"
   }, {
-    default: w(() => [
-      k("nav", {
+    default: i(() => [
+      d("nav", {
         class: "tw-font-medium tw-relative",
-        style: h({ height: e.HEADER_HEIGHT })
+        style: m({ height: e.HEADER_HEIGHT })
       }, [
-        v(s, { class: "tw-h-full" }, {
-          default: w(() => [
-            v(E, { name: "header-fade" }, {
-              default: w(() => [
-                y(v(u, {
+        t(b, { class: "tw-h-full" }, {
+          default: i(() => [
+            t(v, { name: "header-fade" }, {
+              default: i(() => [
+                s(t(g, {
                   "is-basket-data-loading": n.isBasketDataLoading,
                   "is-user-data-loading": n.isUserDataLoading,
                   "logged-in": n.loggedIn,
@@ -148,37 +35,37 @@ function ee(C, o, n, e, i, r) {
                   balance: n.balance,
                   onItemHover: e.onHover
                 }, null, 8, ["is-basket-data-loading", "is-user-data-loading", "logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
-                  [I, e.linksVisible]
+                  [c, e.linksVisible]
                 ])
               ]),
               _: 1
             }),
-            y((b(), O("a", $, [
-              v(m)
+            s((r(), y("a", E, [
+              t(w)
             ])), [
-              [f, ["TopNav", "click-Logo"]]
+              [_, ["TopNav", "click-Logo"]]
             ])
           ]),
           _: 1
         })
       ], 4),
-      v(E, { name: "header-fade" }, {
-        default: w(() => [
-          y(k("div", {
+      t(v, { name: "header-fade" }, {
+        default: i(() => [
+          s(d("div", {
             class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
-            style: h({ top: e.HEADER_HEIGHT }),
-            onTouchstart: o[4] || (o[4] = (...l) => e.handleOverlayClick && e.handleOverlayClick(...l))
+            style: m({ top: e.HEADER_HEIGHT }),
+            onTouchstart: o[4] || (o[4] = (...a) => e.handleOverlayClick && e.handleOverlayClick(...a))
           }, [
-            k("div", {
-              class: G(["tw-bg-primary tw-overflow-y-auto tw-w-full md:tw-w-auto tw-rounded-none md:tw-rounded-b-sm", { "tw-min-h-dvh": e.isMobileMenuActive }]),
-              style: h({
+            d("div", {
+              class: H(["tw-bg-primary tw-overflow-y-auto tw-w-full md:tw-w-auto tw-rounded-none md:tw-rounded-b-sm", { "tw-min-h-dvh": e.isMobileMenuActive }]),
+              style: m({
                 ...e.menuPosition,
                 maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.HEADER_HEIGHT})`
               }),
-              onMouseenter: o[2] || (o[2] = (l) => e.onHover(e.activeHeaderItem, e.menuComponent)),
-              onMouseleave: o[3] || (o[3] = (l) => e.onHover())
+              onMouseenter: o[2] || (o[2] = (a) => e.onHover(e.activeHeaderItem, e.menuComponent)),
+              onMouseleave: o[3] || (o[3] = (a) => e.onHover())
             }, [
-              (b(), L(z(e.menuComponent), {
+              (r(), u(M(e.menuComponent), {
                 ref: "menuComponentInstance",
                 "logged-in": n.loggedIn,
                 "login-url": n.loginUrl,
@@ -190,13 +77,13 @@ function ee(C, o, n, e, i, r) {
                 "is-mobile": e.isMobile,
                 "countries-not-lent-to-url": n.countriesNotLentToUrl,
                 onLoadLendMenuData: e.emitLendMenuEvent,
-                onClosingMenu: o[0] || (o[0] = (l) => e.onHover()),
-                onTouchstart: o[1] || (o[1] = P(() => {
+                onClosingMenu: o[0] || (o[0] = (a) => e.onHover()),
+                onTouchstart: o[1] || (o[1] = C(() => {
                 }, ["stop"]))
               }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "onLoadLendMenuData"]))
             ], 38)
           ], 36), [
-            [I, e.menuOpen]
+            [c, e.menuOpen]
           ])
         ]),
         _: 1
@@ -205,7 +92,7 @@ function ee(C, o, n, e, i, r) {
     _: 1
   });
 }
-const me = /* @__PURE__ */ J(Z, [["render", ee], ["__scopeId", "data-v-137228da"]]);
+const G = /* @__PURE__ */ D(h, [["render", I], ["__scopeId", "data-v-cc14a1da"]]);
 export {
-  me as default
+  G as default
 };