@kiva/kv-components 8.19.1 → 8.19.3

package/dist/vue/KvVotingCard.js

@@ -1,5 +1,5 @@
 import u from "./KvVotingCard2.js";
-import { resolveComponent as s, openBlock as o, createElementBlock as w, createElementVNode as t, renderSlot as v, toDisplayString as c, createBlock as i, createCommentVNode as n, withCtx as x, createTextVNode as g } from "vue";
+import { resolveComponent as s, openBlock as o, createElementBlock as r, createElementVNode as t, renderSlot as v, toDisplayString as c, createBlock as a, createCommentVNode as n, withCtx as x, createTextVNode as g } from "vue";
 import "./KvVotingCard.css";
 import h from "../_virtual/_plugin-vue_export-helper.js";
 const k = { class: "kv-voting-card tw-bg-white tw-rounded tw-shadow tw-p-1 tw-flex tw-flex-col tw-max-w-300" }, b = { class: "tw-relative tw-flex tw-w-full tw-bg-black tw-rounded tw-mb-1" }, p = {
@@ -9,11 +9,11 @@ const k = { class: "kv-voting-card tw-bg-white tw-rounded tw-shadow tw-p-1 tw-fl
   key: 1,
   class: "tw-ml-2 tw-font-medium"
 };
-function P(a, l, e, d, z, r) {
+function P(w, l, e, d, z, i) {
   const _ = s("kv-material-icon"), m = s("kv-progress-bar"), f = s("kv-button");
-  return o(), w("div", k, [
+  return o(), r("div", k, [
     t("div", b, [
-      v(a.$slots, "image", {}, void 0, !0),
+      v(w.$slots, "image", {}, void 0, !0),
       t("div", p, [
         l[0] || (l[0] = t("span", {
           class: "tw-inline-flex tw-align-text-top",
@@ -39,27 +39,27 @@ function P(a, l, e, d, z, r) {
         t("h3", V, c(e.category), 1)
       ]),
       t("div", B, [
-        e.showInfoIcon ? (o(), i(_, {
+        e.showInfoIcon ? (o(), a(_, {
           key: 0,
           icon: d.infoIcon,
           class: "tw-h-3 tw-w-3",
-          onClick: r.handleInfoClick
+          onClick: i.handleInfoClick
         }, null, 8, ["icon", "onClick"])) : n("", !0)
       ])
     ]),
     t("div", I, [
-      e.showPercentage ? (o(), i(m, {
+      e.showPercentage ? (o(), a(m, {
         key: 0,
         class: "tw-flex-grow",
         label: "Percent of votes for " + e.category,
         value: e.percentage
       }, null, 8, ["label", "value"])) : n("", !0),
-      e.showPercentage ? (o(), w("div", N, c(e.percentage) + "% ", 1)) : n("", !0)
+      e.showPercentage ? (o(), r("div", N, c(e.percentage) + "% ", 1)) : n("", !0)
     ]),
-    e.showVoteButton ? (o(), i(f, {
+    e.showVoteButton ? (o(), a(f, {
       key: 0,
       class: "tw-w-full",
-      onClick: r.castVote
+      onClick: i.castVote
     }, {
       default: x(() => l[1] || (l[1] = [
         g(" Vote ")
@@ -68,7 +68,7 @@ function P(a, l, e, d, z, r) {
     }, 8, ["onClick"])) : n("", !0)
   ]);
 }
-const T = /* @__PURE__ */ h(u, [["render", P], ["__scopeId", "data-v-482992ab"]]);
+const T = /* @__PURE__ */ h(u, [["render", P], ["__scopeId", "data-v-2079a7ca"]]);
 export {
   T as default
 };

package/dist/vue/KvVotingCard.vue.d.ts

@@ -32,7 +32,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {}, {
     castVote(): void;
     handleInfoClick(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("vote" | "info-click")[], "vote" | "info-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     borrowerName: {
         type: StringConstructor;
         default: string;
@@ -61,7 +61,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onVote?: (...args: any[]) => any;
+    "onInfo-click"?: (...args: any[]) => any;
+}>, {
     images: unknown[];
     borrowerName: string;
     category: string;

package/dist/vue/KvVotingCard2.js

@@ -40,6 +40,10 @@ const p = {
       default: !1
     }
   },
+  emits: [
+    "vote",
+    "info-click"
+  ],
   setup() {
     return {
       infoIcon: o(() => t)

package/dist/vue/KvWideLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-6b9da1b7]:hover,.loan-card-use[data-v-6b9da1b7]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-6b9da1b7]{text-decoration-line:underline}.loan-card-progress[data-v-6b9da1b7],.loan-card-progress[data-v-6b9da1b7]:hover,.loan-card-progress[data-v-6b9da1b7]:focus{text-decoration-line:none}.loan-callouts[data-v-6b9da1b7] div{height:auto;flex-wrap:wrap}
+.loan-card-use[data-v-7478412d]:hover,.loan-card-use[data-v-7478412d]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-7478412d]{text-decoration-line:underline}.loan-card-progress[data-v-7478412d],.loan-card-progress[data-v-7478412d]:hover,.loan-card-progress[data-v-7478412d]:focus{text-decoration-line:none}.loan-callouts[data-v-7478412d] div{height:auto;flex-wrap:wrap}

package/dist/vue/KvWideLoanCard.js

@@ -18,7 +18,7 @@ const B = { class: "loan-card-active-hover tw-flex-1 tw-min-w-[275px] md:tw-min-
   class: "tw-w-full tw-pt-1 tw-pr-1"
 };
 function O(h, a, t, e, j, g) {
-  const w = r("kv-loading-placeholder"), v = r("kv-borrower-image"), b = r("kv-material-icon"), u = r("kv-loan-bookmark"), x = r("kv-loan-tag"), y = r("kv-loan-use"), L = r("kv-loan-callouts"), M = r("kv-loan-progress-group"), C = r("kv-lend-cta");
+  const w = r("kv-loading-placeholder"), v = r("kv-borrower-image"), u = r("kv-material-icon"), b = r("kv-loan-bookmark"), x = r("kv-loan-tag"), y = r("kv-loan-use"), L = r("kv-loan-callouts"), M = r("kv-loan-progress-group"), C = r("kv-lend-cta");
   return o(), i("div", {
     class: _(["tw-flex tw-flex-row tw-flex-wrap tw-bg-white tw-rounded tw-w-full tw-pb-1 tw-p-1 tw-gap-1 tw-items-center", { "tw-pointer-events-none": e.isLoading }]),
     "data-testid": "loan-card",
@@ -49,7 +49,7 @@ function O(h, a, t, e, j, g) {
             }, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
             e.countryName ? (o(), i("div", E, [
               s("p", T, [
-                d(b, {
+                d(u, {
                   class: "tw-h-2 tw-w-2",
                   icon: e.mdiMapMarker
                 }, null, 8, ["icon"]),
@@ -59,7 +59,7 @@ function O(h, a, t, e, j, g) {
           ]),
           _: 1
         }, 8, ["to", "href"])),
-        t.isVisitor ? c("", !0) : (o(), n(u, {
+        t.isVisitor ? c("", !0) : (o(), n(b, {
           key: 0,
           "loan-id": t.loanId,
           "is-bookmarked": t.isBookmarked,
@@ -186,7 +186,7 @@ function O(h, a, t, e, j, g) {
     ])
   ], 2);
 }
-const X = /* @__PURE__ */ R(P, [["render", O], ["__scopeId", "data-v-6b9da1b7"]]);
+const X = /* @__PURE__ */ R(P, [["render", O], ["__scopeId", "data-v-7478412d"]]);
 export {
   p as KV_WIDE_LOAN_CARD_FRAGMENT,
   $ as KV_WIDE_LOAN_CARD_USER_FRAGMENT,

package/dist/vue/KvWideLoanCard.vue.d.ts

@@ -122,7 +122,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         width: any;
         viewSize: number;
     }[];
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("add-to-basket" | "toggle-bookmark")[], "add-to-basket" | "toggle-bookmark", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     loanId: {
         type: NumberConstructor;
         default: any;
@@ -211,7 +211,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onAdd-to-basket"?: (...args: any[]) => any;
+    "onToggle-bookmark"?: (...args: any[]) => any;
+}>, {
     loan: Record<string, any>;
     externalLinks: boolean;
     customLoanDetails: boolean;
@@ -704,7 +707,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         clickPresetButton(selectedDollarAmount: any): void;
         handleCheckout(): void;
         isNarrowComponent(): boolean;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("show-loan-details" | "add-to-basket")[], "show-loan-details" | "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         loan: {
             type: ObjectConstructor;
             default: () => {};
@@ -801,7 +804,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: NumberConstructor;
             default: number;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{
+        "onAdd-to-basket"?: (...args: any[]) => any;
+        "onShow-loan-details"?: (...args: any[]) => any;
+    }>, {
         loan: Record<string, any>;
         externalLinks: boolean;
         customLoanDetails: boolean;
@@ -848,7 +854,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             buttonText(): string;
         }, {
             addToBasket(event: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "add-to-basket"[], "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             loanId: {
                 type: NumberConstructor;
                 default: any;
@@ -865,7 +871,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
+        }>> & Readonly<{
+            "onAdd-to-basket"?: (...args: any[]) => any;
+        }>, {
             loanId: number;
             showNow: boolean;
             amountLeft: string | number;
@@ -1239,12 +1247,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {}, {
         mdiBookmarkOutline: string;
         mdiBookmark: string;
-    }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggle-bookmark"[], "toggle-bookmark", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         isBookmarked: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{
+        "onToggle-bookmark"?: (...args: any[]) => any;
+    }>, {
         isBookmarked: boolean;
     }, {}, {
         KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/vue/KvWideLoanCard2.js

@@ -1,19 +1,19 @@
-import a from "graphql-tag";
+import o from "graphql-tag";
 import { LOAN_CALLOUTS_FRAGMENT as E, LOAN_GEOCODE_FRAGMENT as M, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as R, loanCardMethods as S } from "../utils/loanCard.js";
 import T from "./KvLoanUse.js";
-import w from "./KvBorrowerImage.js";
-import O from "./KvLoanProgressGroup.js";
-import D from "./KvLoanCallouts.js";
-import F from "./KvLendCta.js";
-import G from "./KvLoanBookmark.js";
-import k from "./KvLoanTag.js";
+import k from "./KvBorrowerImage.js";
+import w from "./KvLoanProgressGroup.js";
+import O from "./KvLoanCallouts.js";
+import D from "./KvLendCta.js";
+import F from "./KvLoanBookmark.js";
+import G from "./KvLoanTag.js";
 import b from "./KvMaterialIcon.js";
 import P from "./KvLoadingPlaceholder.js";
 import { KV_LEND_CTA_FRAGMENT as U, KV_LEND_CTA_USER_FRAGMENT as V } from "./KvLendCta2.js";
 import { KV_LOAN_TAG_FRAGMENT as W } from "./KvLoanTag2.js";
 import { KV_LOAN_USE_FRAGMENT as $ } from "./KvLoanUse2.js";
 import { KV_LOAN_BOOKMARK_FRAGMENT as z } from "./KvLoanBookmark2.js";
-const ne = a`
+const ie = o`
 	fragment KvWideLoanCard on LoanBasic {
 		id
 		image {
@@ -34,7 +34,7 @@ const ne = a`
 	${E}
 	${M}
 	${B}
-`, ie = a`
+`, ne = o`
 	fragment KvWideLoanCardUser on LoanBasic {
 		id
 		...KvLendCtaUser
@@ -45,15 +45,15 @@ const ne = a`
 `, le = {
   name: "KvWideLoanCard",
   components: {
-    KvBorrowerImage: w,
+    KvBorrowerImage: k,
     KvLoadingPlaceholder: P,
     KvLoanUse: T,
-    KvLoanProgressGroup: O,
+    KvLoanProgressGroup: w,
     KvMaterialIcon: b,
-    KvLendCta: F,
-    KvLoanTag: k,
-    KvLoanCallouts: D,
-    KvLoanBookmark: G
+    KvLendCta: D,
+    KvLoanTag: G,
+    KvLoanCallouts: O,
+    KvLoanBookmark: F
   },
   props: {
     loanId: {
@@ -145,50 +145,54 @@ const ne = a`
       default: !1
     }
   },
-  setup(e, { emit: o }) {
+  emits: [
+    "toggle-bookmark",
+    "add-to-basket"
+  ],
+  setup(e, { emit: a }) {
     const {
       allDataLoaded: t,
       borrowerName: r,
-      city: n,
-      countryName: i,
+      city: i,
+      countryName: n,
       distributionModel: l,
       formattedLocation: d,
       fundraisingPercent: s,
-      hasProgressData: u,
-      imageHash: m,
+      hasProgressData: m,
+      imageHash: u,
       isLoading: f,
       loanAmount: p,
       loanBorrowerCount: L,
       loanCallouts: c,
-      loanStatus: _,
-      loanUse: A,
-      mdiMapMarker: g,
-      readMorePath: v,
+      loanStatus: g,
+      loanUse: _,
+      mdiMapMarker: v,
+      readMorePath: A,
       state: y,
       tag: K,
       unreservedAmount: N,
       sharesAvailable: h
     } = R(e), {
       clickReadMore: C
-    } = S(e, o);
+    } = S(e, a);
     return {
       allDataLoaded: t,
       borrowerName: r,
-      city: n,
-      countryName: i,
+      city: i,
+      countryName: n,
       distributionModel: l,
       formattedLocation: d,
       fundraisingPercent: s,
-      hasProgressData: u,
-      imageHash: m,
+      hasProgressData: m,
+      imageHash: u,
       isLoading: f,
       loanAmount: p,
       loanBorrowerCount: L,
       loanCallouts: c,
-      loanStatus: _,
-      loanUse: A,
-      mdiMapMarker: g,
-      readMorePath: v,
+      loanStatus: g,
+      loanUse: _,
+      mdiMapMarker: v,
+      readMorePath: A,
       state: y,
       tag: K,
       unreservedAmount: N,
@@ -218,7 +222,7 @@ const ne = a`
   }
 };
 export {
-  ne as KV_WIDE_LOAN_CARD_FRAGMENT,
-  ie as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  ie as KV_WIDE_LOAN_CARD_FRAGMENT,
+  ne as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   le as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,5 +1,5 @@
 import D from "./KvHeaderLinkBar2.js";
-import { resolveComponent as s, resolveDirective as H, openBlock as a, createElementBlock as i, withDirectives as l, normalizeClass as v, withModifiers as c, createVNode as r, createBlock as g, withCtx as k, createTextVNode as m, createElementVNode as w, createCommentVNode as y, normalizeStyle as f, vShow as h, toDisplayString as L } from "vue";
+import { resolveComponent as s, resolveDirective as H, openBlock as a, createElementBlock as i, withDirectives as l, withModifiers as c, normalizeClass as v, createVNode as r, createBlock as g, withCtx as k, createTextVNode as m, createElementVNode as w, createCommentVNode as y, normalizeStyle as f, vShow as h, toDisplayString as L } from "vue";
 import "./KvHeaderLinkBar.css";
 import B from "../../_virtual/_plugin-vue_export-helper.js";
 const U = ["href"], A = {

package/dist/vue/KvWwwHeader/KvHeaderLinkBar2.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as c, ref as t, inject as W, computed as d, watch as k, onMounted as $, onUnmounted as j } from "vue";
-import { mdiAccountCircle as z, mdiChevronDown as F, mdiMagnify as V, mdiMenu as q } from "@mdi/js";
+import { mdiMenu as z, mdiMagnify as F, mdiChevronDown as V, mdiAccountCircle as q } from "@mdi/js";
 import G from "numeral";
 import J from "@kiva/kv-tokens";
 import Q from "../KvMaterialIcon.js";
@@ -140,10 +140,10 @@ const te = c(() => import("./KvHeaderMobileMenu.js")), T = c(() => import("./KvH
       AVATAR_MENU_ID: u,
       openMenuId: n,
       numeral: G,
-      mdiAccountCircle: z,
-      mdiChevronDown: F,
-      mdiMagnify: V,
-      mdiMenu: q,
+      mdiAccountCircle: q,
+      mdiChevronDown: V,
+      mdiMagnify: F,
+      mdiMenu: z,
       onHover: a,
       avatar: m,
       lendButton: U,

package/dist/vue/KvWwwHeader/KvHeaderTakeActionMenu.js

@@ -1,10 +1,10 @@
 import s from "./KvHeaderTakeActionMenu2.js";
-import { resolveComponent as p, resolveDirective as u, openBlock as o, createElementBlock as c, withDirectives as a, createBlock as r, withCtx as i, createElementVNode as t } from "vue";
+import { resolveComponent as p, resolveDirective as c, openBlock as o, createElementBlock as u, withDirectives as a, createBlock as r, withCtx as i, createElementVNode as t } from "vue";
 import d from "../../_virtual/_plugin-vue_export-helper.js";
 const v = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };
 function m(f, e, w, k, x, _) {
-  const l = p("kv-header-menu-link"), n = u("kv-track-event");
-  return o(), c("nav", v, [
+  const l = p("kv-header-menu-link"), n = c("kv-track-event");
+  return o(), u("nav", v, [
     a((o(), r(l, { href: "/lend-by-category" }, {
       default: i(() => e[0] || (e[0] = [
         t("div", null, [

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

@@ -1,7 +1,7 @@
 import C from "./KvLendListMenu2.js";
-import { resolveComponent as _, resolveDirective as A, openBlock as t, createElementBlock as n, withDirectives as r, createElementVNode as l, createTextVNode as d, createVNode as c, createCommentVNode as p, withCtx as s, createBlock as m, Fragment as k, renderList as v, toDisplayString as g } from "vue";
+import { resolveComponent as _, resolveDirective as R, openBlock as t, createElementBlock as n, withDirectives as r, createElementVNode as l, createTextVNode as d, createVNode as c, createCommentVNode as p, withCtx as s, Fragment as k, renderList as v, toDisplayString as g, createBlock as m } from "vue";
 import "./KvLendListMenu.css";
-import R from "../../../_virtual/_plugin-vue_export-helper.js";
+import A from "../../../_virtual/_plugin-vue_export-helper.js";
 const M = { class: "tw-pb-2" }, S = {
   key: 0,
   href: "/monthlygood"
@@ -19,7 +19,7 @@ const M = { class: "tw-pb-2" }, S = {
   class: "tw-block tw-py-1 tw-text-tertiary"
 }, z = { key: 0 }, H = { key: 1 }, J = ["href"];
 function O(Q, e, i, u, W, X) {
-  const L = _("kv-material-icon"), f = _("kv-tab"), h = _("kv-loading-placeholder"), y = _("kv-tab-panel"), w = _("kv-accordion-item"), N = _("kv-lend-menu-country-list"), T = _("kv-lend-menu-search-list"), x = _("kv-tabs"), a = A("kv-track-event");
+  const L = _("kv-material-icon"), f = _("kv-tab"), h = _("kv-loading-placeholder"), y = _("kv-tab-panel"), w = _("kv-accordion-item"), N = _("kv-lend-menu-country-list"), T = _("kv-lend-menu-search-list"), x = _("kv-tabs"), a = R("kv-track-event");
   return t(), n("div", M, [
     i.showMGUpsellLink ? r((t(), n("a", S, [
       l("span", I, [
@@ -201,7 +201,7 @@ function O(Q, e, i, u, W, X) {
     }, 512)
   ]);
 }
-const te = /* @__PURE__ */ R(C, [["render", O], ["__scopeId", "data-v-e4a254c4"]]);
+const te = /* @__PURE__ */ A(C, [["render", O], ["__scopeId", "data-v-e4a254c4"]]);
 export {
   te as default
 };

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

@@ -1,11 +1,11 @@
-import g from "./KvLendMegaMenu2.js";
+import x 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 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 = {
+const T = { class: "lend-mega-menu tw-overflow-hidden tw-pb-3 lg:tw-pt-3" }, R = {
   key: 0,
   href: "/monthlygood"
-}, 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 = {
+}, M = { class: "tw-inline-flex tw-items-center tw-py-1 tw-mb-2 tw-gap-0.5 tw-font-medium tw-text-action" }, A = {
   ref: "categoriesSection",
   class: "tw-col-span-7"
 }, 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 = {
@@ -25,14 +25,14 @@ const T = { class: "lend-mega-menu tw-overflow-hidden tw-pb-3 lg:tw-pt-3" }, A =
   class: "tw-text-secondary tw-py-1 tw-inline-block"
 }, 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");
+  const _ = m("kv-material-icon"), y = m("kv-loading-placeholder"), f = m("kv-lend-menu-search-list"), p = m("kv-lend-menu-country-list"), g = m("kv-grid"), a = b("kv-track-event");
   return n(), s("div", T, [
     t("div", {
       style: S(i.computedStyle),
       class: "tw-transition tw-duration-1000 tw-ease-in-out"
     }, [
-      o.showMGUpsellLink ? r((n(), s("a", A, [
-        t("span", R, [
+      o.showMGUpsellLink ? r((n(), s("a", R, [
+        t("span", M, [
           e[2] || (e[2] = c(" Lend monthly ")),
           d(_, {
             icon: i.mdiArrowRight,
@@ -42,9 +42,9 @@ function ee(te, e, o, i, ne, se) {
       ])), [
         [a, ["TopNav", "click-Lend-Menu-Monthly-Good", "Lend-monthly"]]
       ]) : u("", !0),
-      d(x, { style: { "grid-template-columns": "repeat(18, minmax(0, 1fr))" } }, {
+      d(g, { style: { "grid-template-columns": "repeat(18, minmax(0, 1fr))" } }, {
         default: L(() => [
-          t("div", M, [
+          t("div", A, [
             e[11] || (e[11] = t("h2", { class: "menu-heading tw-mb-2" }, " Categories ", -1)),
             t("div", O, [
               t("ul", I, [
@@ -199,7 +199,7 @@ function ee(te, e, o, i, ne, se) {
     ], 4)
   ]);
 }
-const re = /* @__PURE__ */ N(g, [["render", ee], ["__scopeId", "data-v-3e49579c"]]);
+const re = /* @__PURE__ */ N(x, [["render", ee], ["__scopeId", "data-v-3e49579c"]]);
 export {
   re as default
 };

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

@@ -1,4 +1,4 @@
-import { mdiArrowRight as m, mdiChevronLeft as h } from "@mdi/js";
+import { mdiChevronLeft as m, mdiArrowRight as h } from "@mdi/js";
 import { ref as l, computed as o } from "vue";
 import y from "../../KvLoadingPlaceholder.js";
 import v from "../../KvGrid.js";
@@ -64,8 +64,8 @@ const b = {
       return e;
     }), d = o(() => n.regions.filter((e) => a(e.name))), p = o(() => n.searches.length > 0);
     return {
-      mdiArrowRight: m,
-      mdiChevronLeft: h,
+      mdiArrowRight: h,
+      mdiChevronLeft: m,
       categoriesSection: r,
       openedSection: t,
       sectionOpen: s,

package/dist/vue/KvWwwHeaderBasic/LinkBar.css

@@ -1 +1 @@
-.link-bar[data-v-d90acda7]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-d90acda7]{position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width: 45.875rem){.link-bar[data-v-d90acda7]{display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-areas:"logo lend right" "search search search";grid-template-columns:1fr auto auto;grid-template-rows:4rem auto;row-gap:.5rem}.link-bar__logo[data-v-d90acda7]{position:static;--tw-translate-x: 0;--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-area:logo;justify-self:start}.link-bar__lend[data-v-d90acda7]{grid-area:lend}.link-bar__search[data-v-d90acda7]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-d90acda7]{grid-area:right}}@media (min-width: 64rem){.link-bar[data-v-d90acda7]{-moz-column-gap:1.25rem;column-gap:1.25rem;grid-template-areas:"logo lend search right";grid-template-columns:auto auto 1fr auto;grid-template-rows:4rem}.link-bar__search[data-v-d90acda7]{margin-bottom:0}}.header-link[data-v-d90acda7]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-d90acda7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.link-bar[data-v-d90acda7]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-d90acda7]{position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media(min-width:45.875rem){.link-bar[data-v-d90acda7]{display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-areas:"logo lend right" "search search search";grid-template-columns:1fr auto auto;grid-template-rows:4rem auto;row-gap:.5rem}.link-bar__logo[data-v-d90acda7]{position:static;--tw-translate-x: 0;--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-area:logo;justify-self:start}.link-bar__lend[data-v-d90acda7]{grid-area:lend}.link-bar__search[data-v-d90acda7]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-d90acda7]{grid-area:right}}@media(min-width:64rem){.link-bar[data-v-d90acda7]{-moz-column-gap:1.25rem;column-gap:1.25rem;grid-template-areas:"logo lend search right";grid-template-columns:auto auto 1fr auto;grid-template-rows:4rem}.link-bar__search[data-v-d90acda7]{margin-bottom:0}}.header-link[data-v-d90acda7]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-d90acda7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}

package/dist/vue/KvWwwHeaderBasic/LinkBar2.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as r, inject as P, ref as d, computed as i } from "vue";
-import { mdiMenu as D, mdiChevronDown as x, mdiBriefcase as R } from "@mdi/js";
+import { mdiBriefcase as D, mdiChevronDown as x, mdiMenu as R } from "@mdi/js";
 import $ from "numeral";
 import E from "../KvMaterialIcon.js";
 import H from "../KvUserAvatar.js";
@@ -97,9 +97,9 @@ const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), p = r(() =>
       o("TopNav", "click-Logo");
     }
     return {
-      mdiMenu: D,
+      mdiMenu: R,
       mdiChevronDown: x,
-      mdiBriefcase: R,
+      mdiBriefcase: D,
       KvLendMenu: v,
       AboutMenu: p,
       MyKivaMenu: Y,

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

@@ -1 +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;letter-spacing:0em;line-height:1.2777778em}}@media (min-width: 64rem){[data-v-972cda69] [role=tab]{font-size:1.25rem;letter-spacing:0em;line-height:1.3em}}
+[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;letter-spacing:0em;line-height:1.2777778em}}@media(min-width:64rem){[data-v-972cda69] [role=tab]{font-size:1.25rem;letter-spacing:0em;line-height:1.3em}}

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

@@ -1,5 +1,5 @@
 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 { resolveComponent as a, resolveDirective as T, openBlock as i, createElementBlock as L, createVNode as o, withCtx as t, createBlock as s, createCommentVNode as _, withDirectives as c, createTextVNode as g } 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" };

package/dist/vue/KvWwwHeaderBasic/SearchBar2.js

@@ -25,13 +25,13 @@ const K = {
     const f = B("$kvTrackEvent", () => {
     }), d = "kv-www-header-basic-search", n = m(!1), v = m(!1), {
       term: t,
-      groupedResults: l,
+      groupedResults: o,
       activeIndex: a,
       resolveSubmit: g
-    } = _(p(r, "searchSuggestions"), p(r, "appOrigin")), o = s(() => l.value.flatMap((e) => e.items)), u = s(() => a.value > -1 ? o.value[a.value] : void 0), b = s(() => {
+    } = _(p(r, "searchSuggestions"), p(r, "appOrigin")), l = s(() => o.value.flatMap((e) => e.items)), u = s(() => a.value > -1 ? l.value[a.value] : void 0), b = s(() => {
       var e;
       return ((e = u.value) == null ? void 0 : e.label) ?? t.value;
-    }), y = s(() => l.value.length > 0 && n.value);
+    }), y = s(() => o.value.length > 0 && n.value);
     function S(e) {
       t.value = e;
     }
@@ -52,10 +52,10 @@ const K = {
       u.value ? c(u.value) : c(t.value);
     }
     function T() {
-      a.value += 1, a.value >= o.value.length && (a.value = -1);
+      a.value += 1, a.value >= l.value.length && (a.value = -1);
     }
     function M() {
-      a.value === -1 && (a.value = o.value.length), a.value -= 1;
+      a.value === -1 && (a.value = l.value.length), a.value -= 1;
     }
     function x(e) {
       return O(e.label, e.matches);
@@ -65,7 +65,7 @@ const K = {
       inputId: d,
       term: t,
       displayTerm: b,
-      groupedResults: l,
+      groupedResults: o,
       highlighted: u,
       showResults: y,
       onInput: S,