@kiva/kv-components 7.6.3 → 8.0.1

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

@@ -1,272 +1,192 @@
-import { mdiArrowRight as N, mdiChevronLeft as T } from "@mdi/js";
-import { ref as C, computed as y, resolveComponent as u, resolveDirective as M, openBlock as n, createElementBlock as o, createElementVNode as t, normalizeStyle as R, withDirectives as c, createTextVNode as d, createVNode as m, createCommentVNode as x, withCtx as A, Fragment as w, renderList as v, toDisplayString as S, normalizeClass as K } from "vue";
-import O from "../../KvLoadingPlaceholder.js";
-import B from "../../KvGrid.js";
-import I from "../../KvMaterialIcon.js";
-import G from "./KvLendMenuCountryList.js";
-import U from "./KvLendMenuSearchList.js";
+import g from "./KvLendMegaMenu2.js";
+import { resolveComponent as m, resolveDirective as b, openBlock as n, createElementBlock as s, createElementVNode as t, normalizeStyle as S, withDirectives as r, createTextVNode as c, createVNode as d, createCommentVNode as u, withCtx as L, Fragment as w, renderList as k, toDisplayString as h, normalizeClass as C } from "vue";
 import "./KvLendMegaMenu.css";
-import V from "../../../_virtual/_plugin-vue_export-helper.js";
-const D = {
-  components: {
-    KvGrid: B,
-    KvLendMenuCountryList: G,
-    KvLendMenuSearchList: U,
-    KvLoadingPlaceholder: O,
-    KvMaterialIcon: I
-  },
-  props: {
-    categories: {
-      type: Array,
-      default: () => []
-    },
-    favorites: {
-      type: Number,
-      default: 0
-    },
-    isRegionsLoading: {
-      type: Boolean,
-      default: !0
-    },
-    isChannelsLoading: {
-      type: Boolean,
-      default: !0
-    },
-    userId: {
-      type: Number,
-      default: null
-    },
-    regions: {
-      type: Array,
-      default: () => []
-    },
-    searches: {
-      type: Array,
-      default: () => []
-    },
-    showMGUpsellLink: {
-      type: Boolean,
-      default: !1
-    },
-    countriesNotLentToUrl: {
-      type: String,
-      default: "/lend/countries-not-lent"
-    }
-  },
-  setup(f) {
-    const e = C(null), i = C(""), l = y(() => i.value !== ""), p = (r) => i.value === r, L = (r) => {
-      i.value = r;
-    }, h = y(() => {
-      var a;
-      const r = { width: "150%" };
-      if (l.value) {
-        const s = ((a = e.value) == null ? void 0 : a.clientWidth) ?? 0;
-        r.transform = `translateX(${s * -1}px)`;
-      }
-      return r;
-    }), k = y(() => f.regions.filter((r) => p(r.name))), _ = y(() => f.searches.length > 0);
-    return {
-      mdiArrowRight: N,
-      mdiChevronLeft: T,
-      categoriesSection: e,
-      openedSection: i,
-      sectionOpen: l,
-      isOpenSection: p,
-      openSection: L,
-      onClose: () => {
-        i.value = "";
-      },
-      openRegions: k,
-      computedStyle: h,
-      hasSearches: _,
-      savedSearchesTitle: "Saved searches"
-    };
-  }
-}, F = { class: "lend-mega-menu tw-overflow-hidden tw-pb-3 lg:tw-pt-3" }, z = {
+import N from "../../../_virtual/_plugin-vue_export-helper.js";
+const T = { class: "lend-mega-menu tw-overflow-hidden tw-pb-3 lg:tw-pt-3" }, A = {
   key: 0,
   href: "/monthlygood"
-}, E = { class: "tw-inline-flex tw-items-center tw-py-1 tw-mb-2 tw-gap-0.5 tw-font-medium tw-text-action" }, W = {
+}, R = { class: "tw-inline-flex tw-items-center tw-py-1 tw-mb-2 tw-gap-0.5 tw-font-medium tw-text-action" }, M = {
   ref: "categoriesSection",
   class: "tw-col-span-7"
-}, P = { class: "tw-flex tw-gap-4 tw-whitespace-nowrap" }, X = { class: "tw-columns-2 tw-gap-4 tw-font-medium" }, j = ["href"], q = { class: "tw-font-medium" }, H = { class: "link-item" }, J = {
+}, O = { class: "tw-flex tw-gap-4 tw-whitespace-nowrap" }, I = { class: "tw-columns-2 tw-gap-4 tw-font-medium" }, V = ["href"], B = { class: "tw-font-medium" }, D = { class: "link-item" }, F = {
   href: "/lend-by-category/recommended-by-lenders",
   class: "mega-menu-link"
-}, Q = { class: "link-item" }, Y = {
+}, z = { class: "link-item" }, E = {
   href: "/categories",
   class: "mega-menu-link"
-}, Z = { class: "link-item" }, $ = {
+}, G = { class: "link-item" }, K = {
   class: "mega-menu-link",
   href: "/lend"
-}, ee = { key: 0 }, te = { class: "tw-font-medium" }, ne = ["href"], oe = {
+}, U = { key: 0 }, j = { class: "tw-font-medium" }, q = ["href"], H = {
   key: 1,
   class: "tw-text-secondary tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
-}, se = ["aria-pressed"], le = {
+}, J = ["aria-pressed"], P = {
   key: 1,
   class: "tw-text-secondary tw-py-1 tw-inline-block"
-}, ie = ["href"], ae = { class: "tw-col-span-2" }, re = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ce = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, de = { class: "tw-font-medium" }, me = ["aria-pressed", "onClick"];
-function we(f, e, i, l, p, L) {
-  const h = u("kv-material-icon"), k = u("kv-loading-placeholder"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), r = u("kv-grid"), a = M("kv-track-event");
-  return n(), o("div", F, [
+}, Q = ["href"], W = { class: "tw-col-span-2" }, X = { class: "tw-col-span-8 tw-flex tw-flex-col" }, Y = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, Z = { class: "tw-font-medium" }, $ = ["aria-pressed", "onClick"];
+function ee(te, e, o, i, ne, se) {
+  const _ = m("kv-material-icon"), y = m("kv-loading-placeholder"), f = m("kv-lend-menu-search-list"), p = m("kv-lend-menu-country-list"), x = m("kv-grid"), a = b("kv-track-event");
+  return n(), s("div", T, [
     t("div", {
-      style: R(l.computedStyle),
+      style: S(i.computedStyle),
       class: "tw-transition tw-duration-1000 tw-ease-in-out"
     }, [
-      i.showMGUpsellLink ? c((n(), o("a", z, [
-        t("span", E, [
-          e[2] || (e[2] = d(" Lend monthly ")),
-          m(h, {
-            icon: l.mdiArrowRight,
+      o.showMGUpsellLink ? r((n(), s("a", A, [
+        t("span", R, [
+          e[2] || (e[2] = c(" Lend monthly ")),
+          d(_, {
+            icon: i.mdiArrowRight,
             class: "tw-w-3 tw-h-3"
           }, null, 8, ["icon"])
         ])
       ])), [
         [a, ["TopNav", "click-Lend-Menu-Monthly-Good", "Lend-monthly"]]
-      ]) : x("", !0),
-      m(r, { style: { "grid-template-columns": "repeat(18, minmax(0, 1fr))" } }, {
-        default: A(() => [
-          t("div", W, [
+      ]) : u("", !0),
+      d(x, { style: { "grid-template-columns": "repeat(18, minmax(0, 1fr))" } }, {
+        default: L(() => [
+          t("div", M, [
             e[11] || (e[11] = t("h2", { class: "menu-heading tw-mb-2" }, " Categories ", -1)),
-            t("div", P, [
-              t("ul", X, [
-                i.isChannelsLoading ? (n(), o(w, { key: 0 }, v(14, (s) => t("li", {
-                  key: s,
+            t("div", O, [
+              t("ul", I, [
+                o.isChannelsLoading ? (n(), s(w, { key: 0 }, k(14, (l) => t("li", {
+                  key: l,
                   class: "link-item"
                 }, [
-                  m(k, {
+                  d(y, {
                     class: "tw-inline-block tw-align-middle",
                     style: { height: "1.25rem" }
                   }),
                   e[3] || (e[3] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
-                ])), 64)) : (n(!0), o(w, { key: 1 }, v(i.categories, (s, g) => (n(), o("li", {
-                  key: g,
+                ])), 64)) : (n(!0), s(w, { key: 1 }, k(o.categories, (l, v) => (n(), s("li", {
+                  key: v,
                   class: "link-item"
                 }, [
-                  c((n(), o("a", {
-                    href: s.url,
+                  r((n(), s("a", {
+                    href: l.url,
                     class: "tw-text-primary tw-text-left hover:tw-text-action tw-no-underline tw-my-1 tw-inline-block"
                   }, [
-                    d(S(s.name), 1)
-                  ], 8, j)), [
-                    [a, ["TopNav", "click-Lend-Category", s.name, g + 1]]
+                    c(h(l.name), 1)
+                  ], 8, V)), [
+                    [a, ["TopNav", "click-Lend-Category", l.name, v + 1]]
                   ])
                 ]))), 128))
               ]),
               t("div", null, [
-                t("ul", q, [
-                  t("li", H, [
-                    c((n(), o("a", J, e[4] || (e[4] = [
-                      d(" Recommended by lenders ")
+                t("ul", B, [
+                  t("li", D, [
+                    r((n(), s("a", F, e[4] || (e[4] = [
+                      c(" Recommended by lenders ")
                     ]))), [
                       [a, ["TopNav", "click-Lend-Recommended-by-lenders"]]
                     ])
                   ]),
-                  t("li", Q, [
-                    c((n(), o("a", Y, e[5] || (e[5] = [
-                      d(" All categories ")
+                  t("li", z, [
+                    r((n(), s("a", E, e[5] || (e[5] = [
+                      c(" All categories ")
                     ]))), [
                       [a, ["TopNav", "click-Lend-All_Categories"]]
                     ])
                   ]),
-                  t("li", Z, [
-                    c((n(), o("a", $, e[6] || (e[6] = [
-                      d(" All loans ")
+                  t("li", G, [
+                    r((n(), s("a", K, e[6] || (e[6] = [
+                      c(" All loans ")
                     ]))), [
                       [a, ["TopNav", "click-Lend-All_Loans"]]
                     ])
                   ])
                 ]),
-                i.userId ? (n(), o("div", ee, [
+                o.userId ? (n(), s("div", U, [
                   e[9] || (e[9] = t("span", { class: "tw-inline-block tw-py-1" }, " ", -1)),
                   e[10] || (e[10] = t("h2", { class: "menu-heading tw-my-1" }, " My Kiva ", -1)),
-                  t("ul", te, [
+                  t("ul", j, [
                     t("li", null, [
-                      i.favorites > 0 ? c((n(), o("a", {
+                      o.favorites > 0 ? r((n(), s("a", {
                         key: 0,
-                        href: `/lend?lenderFavorite=${i.userId}`,
+                        href: `/lend?lenderFavorite=${o.userId}`,
                         class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
                       }, e[7] || (e[7] = [
-                        d(" Saved loans ")
-                      ]), 8, ne)), [
+                        c(" Saved loans ")
+                      ]), 8, q)), [
                         [a, ["TopNav", "click-Lend-Favorites"]]
-                      ]) : (n(), o("span", oe, " Saved loans "))
+                      ]) : (n(), s("span", H, " Saved loans "))
                     ]),
                     t("li", null, [
-                      l.hasSearches ? (n(), o("button", {
+                      i.hasSearches ? (n(), s("button", {
                         key: 0,
-                        "aria-pressed": l.isOpenSection(l.savedSearchesTitle) ? "true" : "false",
+                        "aria-pressed": i.isOpenSection(i.savedSearchesTitle) ? "true" : "false",
                         class: "tw-text-primary tw-text-left tw-py-1 tw-inline-block hover:tw-text-action hover:tw-underline",
-                        onClick: e[0] || (e[0] = (s) => l.openSection(l.savedSearchesTitle))
-                      }, S(l.savedSearchesTitle), 9, se)) : (n(), o("span", le, " Saved searches "))
+                        onClick: e[0] || (e[0] = (l) => i.openSection(i.savedSearchesTitle))
+                      }, h(i.savedSearchesTitle), 9, J)) : (n(), s("span", P, " Saved searches "))
                     ]),
                     t("li", null, [
-                      c((n(), o("a", {
-                        href: i.countriesNotLentToUrl,
+                      r((n(), s("a", {
+                        href: o.countriesNotLentToUrl,
                         class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
                       }, e[8] || (e[8] = [
-                        d(" Countries I haven't lent to ")
-                      ]), 8, ie)), [
+                        c(" Countries I haven't lent to ")
+                      ]), 8, Q)), [
                         [a, ["TopNav", "click-Lend-Countries_Not_Lent"]]
                       ])
                     ])
                   ])
-                ])) : x("", !0)
+                ])) : u("", !0)
               ])
             ])
           ], 512),
-          t("div", ae, [
-            l.sectionOpen ? (n(), o("button", {
+          t("div", W, [
+            i.sectionOpen ? (n(), s("button", {
               key: 0,
               class: "tw-flex",
-              onClick: e[1] || (e[1] = (s) => l.openedSection = "")
+              onClick: e[1] || (e[1] = (l) => i.openedSection = "")
             }, [
-              m(h, {
+              d(_, {
                 class: "tw-flex-shrink-0 tw-w-3 tw-h-3",
-                icon: l.mdiChevronLeft
+                icon: i.mdiChevronLeft
               }, null, 8, ["icon"]),
               e[12] || (e[12] = t("span", { class: "tw-text-base" }, " Back ", -1))
-            ])) : x("", !0)
+            ])) : u("", !0)
           ]),
-          t("div", re, [
-            l.isOpenSection(l.savedSearchesTitle) ? (n(), o(w, { key: 0 }, [
+          t("div", X, [
+            i.isOpenSection(i.savedSearchesTitle) ? (n(), s(w, { key: 0 }, [
               e[13] || (e[13] = t("h2", { class: "menu-heading tw-mb-2" }, " Saved Searches ", -1)),
-              m(_, {
+              d(f, {
                 class: "search-list tw-h-full",
-                searches: i.searches
+                searches: o.searches
               }, null, 8, ["searches"])
-            ], 64)) : (n(), o(w, { key: 1 }, [
+            ], 64)) : (n(), s(w, { key: 1 }, [
               e[15] || (e[15] = t("h2", { class: "menu-heading tw-mb-2" }, " Regions ", -1)),
-              t("div", ce, [
-                t("ul", de, [
-                  i.isRegionsLoading ? (n(), o(w, { key: 0 }, v(8, (s) => t("li", {
-                    key: s,
+              t("div", Y, [
+                t("ul", Z, [
+                  o.isRegionsLoading ? (n(), s(w, { key: 0 }, k(8, (l) => t("li", {
+                    key: l,
                     class: "link-item"
                   }, [
-                    m(k, {
+                    d(y, {
                       class: "tw-inline-block tw-align-middle",
                       style: { height: "1.25rem" }
                     }),
                     e[14] || (e[14] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
-                  ])), 64)) : (n(!0), o(w, { key: 1 }, v(i.regions, (s) => (n(), o("li", {
-                    key: s.name,
+                  ])), 64)) : (n(!0), s(w, { key: 1 }, k(o.regions, (l) => (n(), s("li", {
+                    key: l.name,
                     class: "link-item tw-mr-4"
                   }, [
-                    c((n(), o("button", {
-                      "aria-pressed": l.isOpenSection(s.name) ? "true" : "false",
-                      class: K(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action hover:tw-underline", { "tw-text-action": l.isOpenSection(s.name) }]),
-                      onClick: (g) => l.openSection(s.name)
+                    r((n(), s("button", {
+                      "aria-pressed": i.isOpenSection(l.name) ? "true" : "false",
+                      class: C(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action hover:tw-underline", { "tw-text-action": i.isOpenSection(l.name) }]),
+                      onClick: (v) => i.openSection(l.name)
                     }, [
-                      d(S(s.name), 1)
-                    ], 10, me)), [
-                      [a, ["TopNav", "click-Lend-Region", s.name]]
+                      c(h(l.name), 1)
+                    ], 10, $)), [
+                      [a, ["TopNav", "click-Lend-Region", l.name]]
                     ])
                   ]))), 128))
                 ]),
-                (n(!0), o(w, null, v(l.openRegions, (s) => (n(), o("div", {
-                  key: s.name,
+                (n(!0), s(w, null, k(i.openRegions, (l) => (n(), s("div", {
+                  key: l.name,
                   class: "tw-h-full"
                 }, [
-                  m(b, {
-                    countries: s.countries,
+                  d(p, {
+                    countries: l.countries,
                     class: "region-list tw-h-full"
                   }, null, 8, ["countries"])
                 ]))), 128))
@@ -279,7 +199,7 @@ function we(f, e, i, l, p, L) {
     ], 4)
   ]);
 }
-const xe = /* @__PURE__ */ V(D, [["render", we], ["__scopeId", "data-v-0c9de865"]]);
+const re = /* @__PURE__ */ N(g, [["render", ee], ["__scopeId", "data-v-3e49579c"]]);
 export {
-  xe as default
+  re as default
 };

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

@@ -0,0 +1,166 @@
+import { PropType } from 'vue';
+import { LendMenuSearch } from './KvLendMenuSearchList.vue';
+export interface Category {
+    name: string;
+    url: string;
+}
+export interface Region {
+    name: string;
+    countries: any[];
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    favorites: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isRegionsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isChannelsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    userId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    regions: {
+        type: PropType<Region[]>;
+        default: () => any[];
+    };
+    searches: {
+        type: PropType<LendMenuSearch[]>;
+        default: () => any[];
+    };
+    showMGUpsellLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    countriesNotLentToUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    mdiArrowRight: string;
+    mdiChevronLeft: string;
+    categoriesSection: import('vue').Ref<any, any>;
+    openedSection: import('vue').Ref<string, string>;
+    sectionOpen: import('vue').ComputedRef<boolean>;
+    isOpenSection: (name: any) => boolean;
+    openSection: (name: any) => void;
+    onClose: () => void;
+    openRegions: import('vue').ComputedRef<Region[]>;
+    computedStyle: import('vue').ComputedRef<{
+        width: string;
+        transform?: string;
+    }>;
+    hasSearches: import('vue').ComputedRef<boolean>;
+    savedSearchesTitle: string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    categories: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    favorites: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isRegionsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isChannelsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    userId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    regions: {
+        type: PropType<Region[]>;
+        default: () => any[];
+    };
+    searches: {
+        type: PropType<LendMenuSearch[]>;
+        default: () => any[];
+    };
+    showMGUpsellLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    countriesNotLentToUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    searches: LendMenuSearch[];
+    categories: Category[];
+    favorites: number;
+    userId: number;
+    regions: Region[];
+    isRegionsLoading: boolean;
+    isChannelsLoading: boolean;
+    showMGUpsellLink: boolean;
+    countriesNotLentToUrl: string;
+}, {}, {
+    KvGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        as: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        as: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLendMenuCountryList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        countries: {
+            type: PropType<import('./KvLendMenuCountryList.vue').LendMenuCountry[]>;
+            default: () => any[];
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        countries: {
+            type: PropType<import('./KvLendMenuCountryList.vue').LendMenuCountry[]>;
+            default: () => any[];
+        };
+    }>> & Readonly<{}>, {
+        countries: import('./KvLendMenuCountryList.vue').LendMenuCountry[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLendMenuSearchList: 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>;
+    KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,86 @@
+import { mdiArrowRight as m, mdiChevronLeft as h } from "@mdi/js";
+import { ref as l, computed as o } from "vue";
+import y from "../../KvLoadingPlaceholder.js";
+import v from "../../KvGrid.js";
+import g from "../../KvMaterialIcon.js";
+import L from "./KvLendMenuCountryList.js";
+import S from "./KvLendMenuSearchList.js";
+const b = {
+  components: {
+    KvGrid: v,
+    KvLendMenuCountryList: L,
+    KvLendMenuSearchList: S,
+    KvLoadingPlaceholder: y,
+    KvMaterialIcon: g
+  },
+  props: {
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    favorites: {
+      type: Number,
+      default: 0
+    },
+    isRegionsLoading: {
+      type: Boolean,
+      default: !0
+    },
+    isChannelsLoading: {
+      type: Boolean,
+      default: !0
+    },
+    userId: {
+      type: Number,
+      default: null
+    },
+    regions: {
+      type: Array,
+      default: () => []
+    },
+    searches: {
+      type: Array,
+      default: () => []
+    },
+    showMGUpsellLink: {
+      type: Boolean,
+      default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
+    }
+  },
+  setup(n) {
+    const r = l(null), t = l(""), s = o(() => t.value !== ""), a = (e) => t.value === e, u = (e) => {
+      t.value = e;
+    }, c = o(() => {
+      var i;
+      const e = { width: "150%" };
+      if (s.value) {
+        const f = ((i = r.value) == null ? void 0 : i.clientWidth) ?? 0;
+        e.transform = `translateX(${f * -1}px)`;
+      }
+      return e;
+    }), d = o(() => n.regions.filter((e) => a(e.name))), p = o(() => n.searches.length > 0);
+    return {
+      mdiArrowRight: m,
+      mdiChevronLeft: h,
+      categoriesSection: r,
+      openedSection: t,
+      sectionOpen: s,
+      isOpenSection: a,
+      openSection: u,
+      onClose: () => {
+        t.value = "";
+      },
+      openRegions: d,
+      computedStyle: c,
+      hasSearches: p,
+      savedSearchesTitle: "Saved searches"
+    };
+  }
+};
+export {
+  b as default
+};