@kiva/kv-components 8.14.2 → 8.15.0

package/dist/vue/KvWwwHeaderBasic/LinkBar2.js

@@ -0,0 +1,114 @@
+import { defineAsyncComponent as l, inject as U, ref as s, computed as a } from "vue";
+import { mdiMenu as w, mdiChevronDown as A, mdiBriefcase as P } from "@mdi/js";
+import O from "numeral";
+import D from "../KvMaterialIcon.js";
+import x from "../KvUserAvatar.js";
+import R from "../KvLoadingPlaceholder.js";
+import $ from "../KvButton.js";
+import E from "../KvWwwHeader/KvHeaderLogo.js";
+import H from "../KvWwwHeader/KvHeaderDropdownLink.js";
+import { PRIMARY_LINKS as _ } from "../../utils/headerNavLinks.js";
+import j from "./SearchBar.js";
+const d = l(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), m = l(() => import("./AboutMenu.js")), F = l(() => import("./MyKivaMenu.js")), G = l(() => import("./MobileMenu.js")), ne = {
+  name: "LinkBar",
+  components: {
+    KvMaterialIcon: D,
+    KvUserAvatar: x,
+    KvLoadingPlaceholder: R,
+    KvButton: $,
+    KvHeaderLogo: E,
+    KvHeaderDropdownLink: H,
+    SearchBar: j
+  },
+  props: {
+    loggedIn: { type: Boolean, default: !1 },
+    basketCount: { type: Number, default: 0 },
+    balance: { type: Number, default: 0 },
+    userId: { type: Number, default: null },
+    isBorrower: { type: Boolean, default: !1 },
+    isTrustee: { type: Boolean, default: !1 },
+    lenderName: { type: String, default: "" },
+    lenderImageUrl: { type: String, default: "" },
+    isUserDataLoading: { type: Boolean, default: !1 },
+    isBasketDataLoading: { type: Boolean, default: !1 },
+    showMGUpsellLink: { type: Boolean, default: !1 },
+    loginUrl: { type: String, default: "/ui-login" },
+    myDashboardUrl: { type: String, default: "/mykiva" },
+    countriesNotLentToUrl: { type: String, default: "/lend/countries-not-lent" },
+    appOrigin: { type: String, default: "" },
+    searchSuggestions: { type: Array, default: () => [] },
+    isMobile: { type: Boolean, default: !1 },
+    openMenuItem: { type: [Object, Function], default: null }
+  },
+  emits: ["item-hover", "load-search-data", "search-submit"],
+  setup(t, { emit: r }) {
+    const i = U("$kvTrackEvent", () => {
+    }), o = s(null), u = s(null);
+    function p() {
+      const e = u.value, n = e == null ? void 0 : e.getBoundingClientRect();
+      return n ? t.isMobile ? { right: "0" } : { right: `${window.innerWidth - n.right}px` } : null;
+    }
+    function g() {
+      if (t.isMobile) return null;
+      const e = u.value, n = e == null ? void 0 : e.getBoundingClientRect();
+      return n ? n.left + n.width / 2 : null;
+    }
+    const v = a(() => _.filter((e) => e.visibility === "visitor" ? !t.loggedIn : e.visibility === "loggedIn" ? t.loggedIn : !0)), y = a(() => t.isMobile ? void 0 : "/lend-by-category"), h = a(() => O(Math.floor(t.balance)).format("$0")), k = a(() => t.openMenuItem === d ? t.openMenuItem : null), M = a(() => t.openMenuItem === m ? t.openMenuItem : null);
+    function b(e, n, c = null, f = null) {
+      navigator.maxTouchPoints || (o.value = e, r("item-hover", e, n, c, f));
+    }
+    function B(e) {
+      navigator.maxTouchPoints || o.value === e && (o.value = null, r("item-hover"));
+    }
+    function I(e, n, c = null, f = null) {
+      o.value === e ? (o.value = null, r("item-hover")) : (o.value = e, r("item-hover", e, n, c, f));
+    }
+    function L(e) {
+      e.target === e.currentTarget && r("item-hover");
+    }
+    function S(e) {
+      i(e.track[0], e.track[1]);
+    }
+    function T() {
+      i("TopNav", "click-Log-in");
+    }
+    function C() {
+      i("TopNav", "click-Basket");
+    }
+    function K() {
+      i("TopNav", "click-Support-Kiva");
+    }
+    function N() {
+      i("TopNav", "click-Logo");
+    }
+    return {
+      mdiMenu: w,
+      mdiChevronDown: A,
+      mdiBriefcase: P,
+      KvLendMenu: d,
+      AboutMenu: m,
+      MyKivaMenu: F,
+      MobileMenu: G,
+      avatarMenu: u,
+      getAvatarMenuPosition: p,
+      getAvatarTriggerCenterX: g,
+      visiblePrimaryLinks: v,
+      lendUrl: y,
+      formattedBalance: h,
+      lendOpenItem: k,
+      aboutOpenItem: M,
+      handleOnHover: b,
+      handleMouseOut: B,
+      handleTouchStart: I,
+      handleEmptySpaceClick: L,
+      onPrimaryClick: S,
+      onLoginClick: T,
+      onBasketClick: C,
+      onSupportKivaClick: K,
+      onLogoClick: N
+    };
+  }
+};
+export {
+  ne as default
+};

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/CategoriesPanel.css

@@ -0,0 +1 @@
+.lend-link[data-v-09a764b4]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-09a764b4]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/CategoriesPanel.js

@@ -0,0 +1,61 @@
+import k from "./CategoriesPanel2.js";
+import { resolveComponent as p, resolveDirective as v, openBlock as e, createElementBlock as t, Fragment as a, renderList as c, createElementVNode as r, createVNode as f, withDirectives as s, createTextVNode as i, toDisplayString as h } from "vue";
+import "./CategoriesPanel.css";
+import u from "../../../_virtual/_plugin-vue_export-helper.js";
+const y = { class: "tw-font-medium" }, g = ["href"], b = { class: "tw-border-t tw-border-tertiary tw-mt-1" }, w = {
+  href: "/lend-by-category/recommended-by-lenders",
+  class: "lend-link tw-text-brand"
+}, L = {
+  href: "/lend",
+  class: "lend-link"
+}, N = {
+  href: "/categories",
+  class: "lend-link"
+};
+function x(C, n, d, T, A, D) {
+  const m = p("kv-loading-placeholder"), o = v("kv-track-event");
+  return e(), t("ul", y, [
+    d.isChannelsLoading ? (e(), t(a, { key: 0 }, c(12, (l) => r("li", {
+      key: l,
+      class: "tw-py-1"
+    }, [
+      f(m, { style: { height: "1rem", width: "11rem" } })
+    ])), 64)) : (e(!0), t(a, { key: 1 }, c(d.categories, (l, _) => (e(), t("li", {
+      key: l.url
+    }, [
+      s((e(), t("a", {
+        href: l.url,
+        class: "lend-link"
+      }, [
+        i(h(l.name), 1)
+      ], 8, g)), [
+        [o, ["TopNav", "click-Lend-Category", l.name, _ + 1]]
+      ])
+    ]))), 128)),
+    r("li", b, [
+      s((e(), t("a", w, n[0] || (n[0] = [
+        i(" Recommended by lenders ")
+      ]))), [
+        [o, ["TopNav", "click-Lend-Recommended-by-lenders"]]
+      ])
+    ]),
+    r("li", null, [
+      s((e(), t("a", L, n[1] || (n[1] = [
+        i(" All loans ")
+      ]))), [
+        [o, ["TopNav", "click-Lend-All_Loans"]]
+      ])
+    ]),
+    r("li", null, [
+      s((e(), t("a", N, n[2] || (n[2] = [
+        i(" All categories ")
+      ]))), [
+        [o, ["TopNav", "click-Lend-All_Categories"]]
+      ])
+    ])
+  ]);
+}
+const $ = /* @__PURE__ */ u(k, [["render", x], ["__scopeId", "data-v-09a764b4"]]);
+export {
+  $ as default
+};

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/CategoriesPanel.vue.d.ts

@@ -0,0 +1,30 @@
+import { PropType } from 'vue';
+export interface Category {
+    name: string;
+    url: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    isChannelsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    isChannelsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    categories: Category[];
+    isChannelsLoading: boolean;
+}, {}, {
+    KvLoadingPlaceholder: any;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/CategoriesPanel2.js

@@ -0,0 +1,18 @@
+import e from "../../KvLoadingPlaceholder.js";
+const o = {
+  name: "CategoriesPanel",
+  components: { KvLoadingPlaceholder: e },
+  props: {
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    isChannelsLoading: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+export {
+  o as default
+};

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.css

@@ -0,0 +1 @@
+[data-v-972cda69] [role=tab]{font-family:PostGrotesk,PostGrotesk-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-weight:400;font-size:1.125rem;letter-spacing:0em;line-height:1.2777778em}@media (min-width: 45.875rem){[data-v-972cda69] [role=tab]{font-size:1.125rem}}@media (min-width: 64rem){[data-v-972cda69] [role=tab]{font-size:1.25rem;line-height:1.3em}}

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.js

@@ -0,0 +1,102 @@
+import h from "./MobileLendMenu2.js";
+import { resolveComponent as a, resolveDirective as T, openBlock as i, createElementBlock as L, createVNode as o, withCtx as t, withDirectives as c, createBlock as s, createTextVNode as g, createCommentVNode as _ } from "vue";
+import "./MobileLendMenu.css";
+import N from "../../../_virtual/_plugin-vue_export-helper.js";
+const y = { class: "tw-px-0 tw-pt-1.5 tw-pb-2" };
+function C(m, e, n, S, w, x) {
+  const l = a("kv-tab"), v = a("categories-panel"), r = a("kv-tab-panel"), b = a("regions-panel"), f = a("my-kiva-panel"), k = a("search-panel"), p = a("kv-tabs"), d = T("kv-track-event");
+  return i(), L("div", y, [
+    o(p, { ref: "tabsRef" }, {
+      tabNav: t(() => [
+        c((i(), s(l, {
+          "for-panel": "mobile-lend-categories",
+          selected: ""
+        }, {
+          default: t(() => e[2] || (e[2] = [
+            g(" Categories ")
+          ])),
+          _: 1
+        })), [
+          [d, ["TopNav", "click-Lend-Tab-Categories"]]
+        ]),
+        c((i(), s(l, { "for-panel": "mobile-lend-regions" }, {
+          default: t(() => e[3] || (e[3] = [
+            g(" Regions ")
+          ])),
+          _: 1
+        })), [
+          [d, ["TopNav", "click-Lend-Tab-Regions"]]
+        ]),
+        n.userId ? c((i(), s(l, {
+          key: 0,
+          "for-panel": "mobile-lend-my-kiva"
+        }, {
+          default: t(() => e[4] || (e[4] = [
+            g(" MyKiva ")
+          ])),
+          _: 1
+        })), [
+          [d, ["TopNav", "click-Lend-Tab-My-Kiva"]]
+        ]) : _("", !0),
+        c((i(), s(l, { "for-panel": "mobile-lend-search" }, {
+          default: t(() => e[5] || (e[5] = [
+            g(" Search ")
+          ])),
+          _: 1
+        })), [
+          [d, ["TopNav", "click-Lend-Tab-Search"]]
+        ])
+      ]),
+      tabPanels: t(() => [
+        o(r, { id: "mobile-lend-categories" }, {
+          default: t(() => [
+            o(v, {
+              categories: n.categories,
+              "is-channels-loading": n.isChannelsLoading
+            }, null, 8, ["categories", "is-channels-loading"])
+          ]),
+          _: 1
+        }),
+        o(r, { id: "mobile-lend-regions" }, {
+          default: t(() => [
+            o(b, {
+              regions: n.regions,
+              "is-regions-loading": n.isRegionsLoading
+            }, null, 8, ["regions", "is-regions-loading"])
+          ]),
+          _: 1
+        }),
+        n.userId ? (i(), s(r, {
+          key: 0,
+          id: "mobile-lend-my-kiva"
+        }, {
+          default: t(() => [
+            o(f, {
+              "user-id": n.userId,
+              favorites: n.favorites,
+              searches: n.searches,
+              "countries-not-lent-to-url": n.countriesNotLentToUrl
+            }, null, 8, ["user-id", "favorites", "searches", "countries-not-lent-to-url"])
+          ]),
+          _: 1
+        })) : _("", !0),
+        o(r, { id: "mobile-lend-search" }, {
+          default: t(() => [
+            o(k, {
+              "search-suggestions": n.searchSuggestions,
+              "app-origin": n.appOrigin,
+              onLoadSearchData: e[0] || (e[0] = (u) => m.$emit("load-search-data")),
+              onSearchSubmit: e[1] || (e[1] = (u) => m.$emit("search-submit", u))
+            }, null, 8, ["search-suggestions", "app-origin"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 512)
+  ]);
+}
+const D = /* @__PURE__ */ N(h, [["render", C], ["__scopeId", "data-v-972cda69"]]);
+export {
+  D as default
+};

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.vue.d.ts

@@ -0,0 +1,285 @@
+import { PropType } from 'vue';
+import { SearchSuggestion } from '../../../../../../../../../../../src/utils/typeaheadSearchEngine';
+import { LendMenuSearch } from '../../../../../../../../../../../src/vue/KvWwwHeader/LendMenu/KvLendMenuSearchList.vue';
+import { Category } from './CategoriesPanel.vue';
+import { Region } from './RegionsPanel.vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    regions: {
+        type: PropType<Region[]>;
+        default: () => any[];
+    };
+    userId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    favorites: {
+        type: NumberConstructor;
+        default: number;
+    };
+    searches: {
+        type: PropType<LendMenuSearch[]>;
+        default: () => any[];
+    };
+    isChannelsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isRegionsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    countriesNotLentToUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchSuggestions: {
+        type: PropType<SearchSuggestion[]>;
+        default: () => any[];
+    };
+    appOrigin: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    tabsRef: import('vue').Ref<any, any>;
+    onClose: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit")[], "load-search-data" | "search-submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    regions: {
+        type: PropType<Region[]>;
+        default: () => any[];
+    };
+    userId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    favorites: {
+        type: NumberConstructor;
+        default: number;
+    };
+    searches: {
+        type: PropType<LendMenuSearch[]>;
+        default: () => any[];
+    };
+    isChannelsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isRegionsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    countriesNotLentToUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchSuggestions: {
+        type: PropType<SearchSuggestion[]>;
+        default: () => any[];
+    };
+    appOrigin: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onLoad-search-data"?: (...args: any[]) => any;
+    "onSearch-submit"?: (...args: any[]) => any;
+}>, {
+    searches: LendMenuSearch[];
+    categories: Category[];
+    favorites: number;
+    userId: number;
+    regions: Region[];
+    isRegionsLoading: boolean;
+    isChannelsLoading: boolean;
+    countriesNotLentToUrl: string;
+    searchSuggestions: SearchSuggestion[];
+    appOrigin: string;
+}, {}, {
+    KvTab: any;
+    KvTabPanel: any;
+    KvTabs: any;
+    CategoriesPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        categories: {
+            type: PropType<Category[]>;
+            default: () => any[];
+        };
+        isChannelsLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        categories: {
+            type: PropType<Category[]>;
+            default: () => any[];
+        };
+        isChannelsLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        categories: Category[];
+        isChannelsLoading: boolean;
+    }, {}, {
+        KvLoadingPlaceholder: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    RegionsPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        regions: {
+            type: PropType<Region[]>;
+            default: () => any[];
+        };
+        isRegionsLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        paramCase: any;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        regions: {
+            type: PropType<Region[]>;
+            default: () => any[];
+        };
+        isRegionsLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        regions: Region[];
+        isRegionsLoading: boolean;
+    }, {}, {
+        KvAccordionItem: any;
+        KvLoadingPlaceholder: any;
+        KvLendMenuCountryList: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    MyKivaPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        userId: {
+            type: NumberConstructor;
+            default: any;
+        };
+        favorites: {
+            type: NumberConstructor;
+            default: number;
+        };
+        searches: {
+            type: PropType<LendMenuSearch[]>;
+            default: () => any[];
+        };
+        countriesNotLentToUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        hasSearches: import('vue').ComputedRef<boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        userId: {
+            type: NumberConstructor;
+            default: any;
+        };
+        favorites: {
+            type: NumberConstructor;
+            default: number;
+        };
+        searches: {
+            type: PropType<LendMenuSearch[]>;
+            default: () => any[];
+        };
+        countriesNotLentToUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        searches: LendMenuSearch[];
+        favorites: number;
+        userId: number;
+        countriesNotLentToUrl: string;
+    }, {}, {
+        KvAccordionItem: any;
+        KvLendMenuSearchList: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    SearchPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        searchSuggestions: {
+            type: PropType<SearchSuggestion[]>;
+            default: () => any[];
+        };
+        appOrigin: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit")[], "load-search-data" | "search-submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        searchSuggestions: {
+            type: PropType<SearchSuggestion[]>;
+            default: () => any[];
+        };
+        appOrigin: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onLoad-search-data"?: (...args: any[]) => any;
+        "onSearch-submit"?: (...args: any[]) => any;
+    }>, {
+        searchSuggestions: SearchSuggestion[];
+        appOrigin: string;
+    }, {}, {
+        SearchBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            searchSuggestions: {
+                type: () => SearchSuggestion[];
+                default: () => any[];
+            };
+            appOrigin: {
+                type: StringConstructor;
+                default: string;
+            };
+            isMobile: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            mdiMagnify: string;
+            inputId: string;
+            term: any;
+            displayTerm: import('vue').ComputedRef<any>;
+            groupedResults: any;
+            highlighted: import('vue').ComputedRef<any>;
+            showResults: import('vue').ComputedRef<boolean>;
+            onInput: (value: string) => void;
+            onFocus: () => void;
+            onBlur: () => void;
+            onSubmit: () => void;
+            runSearch: (suggestion: SearchSuggestion) => void;
+            listUp: () => void;
+            listDown: () => void;
+            formatResult: (suggestion: SearchSuggestion) => string;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit")[], "load-search-data" | "search-submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            searchSuggestions: {
+                type: () => SearchSuggestion[];
+                default: () => any[];
+            };
+            appOrigin: {
+                type: StringConstructor;
+                default: string;
+            };
+            isMobile: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onLoad-search-data"?: (...args: any[]) => any;
+            "onSearch-submit"?: (...args: any[]) => any;
+        }>, {
+            isMobile: boolean;
+            searchSuggestions: SearchSuggestion[];
+            appOrigin: string;
+        }, {}, {
+            KvTextInput: any;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu2.js

@@ -0,0 +1,74 @@
+import { ref as n } from "vue";
+import s from "../../KvTab.js";
+import l from "../../KvTabPanel.js";
+import i from "../../KvTabs.js";
+import f from "./CategoriesPanel.js";
+import p from "./RegionsPanel.js";
+import u from "./MyKivaPanel.js";
+import m from "./SearchPanel.js";
+const T = {
+  name: "MobileLendMenu",
+  components: {
+    KvTab: s,
+    KvTabPanel: l,
+    KvTabs: i,
+    CategoriesPanel: f,
+    RegionsPanel: p,
+    MyKivaPanel: u,
+    SearchPanel: m
+  },
+  props: {
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    regions: {
+      type: Array,
+      default: () => []
+    },
+    userId: {
+      type: Number,
+      default: null
+    },
+    favorites: {
+      type: Number,
+      default: 0
+    },
+    searches: {
+      type: Array,
+      default: () => []
+    },
+    isChannelsLoading: {
+      type: Boolean,
+      default: !1
+    },
+    isRegionsLoading: {
+      type: Boolean,
+      default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
+    },
+    searchSuggestions: {
+      type: Array,
+      default: () => []
+    },
+    appOrigin: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["load-search-data", "search-submit"],
+  setup() {
+    const t = n(null);
+    function o() {
+      var a, e, r;
+      (r = (e = (a = t.value) == null ? void 0 : a.tabContext) == null ? void 0 : e.setTab) == null || r.call(e, 0);
+    }
+    return { tabsRef: t, onClose: o };
+  }
+};
+export {
+  T as default
+};