@kiva/kv-components 7.6.2 → 8.0.0

package/dist/vue/KvWideLoanCard2.js

@@ -0,0 +1,220 @@
+import o from "graphql-tag";
+import { LOAN_CALLOUTS_FRAGMENT as E, LOAN_GEOCODE_FRAGMENT as R, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as M, 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 P from "./KvMaterialIcon.js";
+import b 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 = o`
+	fragment KvWideLoanCard on LoanBasic {
+		id
+		image {
+			id
+			hash # for imageHash
+		}
+		name # for borrowerName
+		...KvLendCta
+		...KvLoanTag
+		...KvLoanUse
+		...LoanCallouts
+		...LoanGeocode
+		...LoanProgress
+	}
+	${U}
+	${W}
+	${$}
+	${E}
+	${R}
+	${B}
+`, ie = o`
+	fragment KvWideLoanCardUser on LoanBasic {
+		id
+		...KvLendCtaUser
+		...KvLoanBookmark
+	}
+	${V}
+	${z}
+`, de = {
+  name: "KvWideLoanCard",
+  components: {
+    KvBorrowerImage: w,
+    KvLoadingPlaceholder: b,
+    KvLoanUse: T,
+    KvLoanProgressGroup: O,
+    KvMaterialIcon: P,
+    KvLendCta: F,
+    KvLoanTag: k,
+    KvLoanCallouts: D,
+    KvLoanBookmark: G
+  },
+  props: {
+    loanId: {
+      type: Number,
+      default: void 0
+    },
+    loan: {
+      type: Object,
+      default: null
+    },
+    customLoanDetails: {
+      type: Boolean,
+      default: !1
+    },
+    showTags: {
+      type: Boolean,
+      default: !1
+    },
+    categoryPageName: {
+      type: String,
+      default: ""
+    },
+    enableFiveDollarsNotes: {
+      type: Boolean,
+      default: !1
+    },
+    isAdding: {
+      type: Boolean,
+      default: !1
+    },
+    isVisitor: {
+      type: Boolean,
+      default: !0
+    },
+    basketItems: {
+      type: Array,
+      default: () => []
+    },
+    isBookmarked: {
+      type: Boolean,
+      default: !1
+    },
+    kvTrackFunction: {
+      type: Function,
+      required: !0
+    },
+    photoPath: {
+      type: String,
+      required: !0
+    },
+    showViewLoan: {
+      type: Boolean,
+      default: !1
+    },
+    externalLinks: {
+      type: Boolean,
+      default: !1
+    },
+    route: {
+      type: Object,
+      default: void 0
+    },
+    userBalance: {
+      type: String,
+      default: void 0
+    },
+    getCookie: {
+      type: Function,
+      default: void 0
+    },
+    setCookie: {
+      type: Function,
+      default: void 0
+    },
+    fiveDollarsSelected: {
+      type: Boolean,
+      default: !1
+    },
+    customCallouts: {
+      type: Array,
+      default: () => []
+    },
+    customHref: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e, { emit: a }) {
+    const {
+      allDataLoaded: t,
+      borrowerName: r,
+      city: n,
+      countryName: i,
+      distributionModel: d,
+      formattedLocation: l,
+      fundraisingPercent: s,
+      hasProgressData: u,
+      imageHash: m,
+      isLoading: f,
+      loanAmount: p,
+      loanBorrowerCount: L,
+      loanCallouts: c,
+      loanStatus: _,
+      loanUse: A,
+      mdiMapMarker: g,
+      readMorePath: v,
+      state: y,
+      tag: K,
+      unreservedAmount: N,
+      sharesAvailable: h
+    } = M(e), {
+      clickReadMore: C
+    } = S(e, a);
+    return {
+      allDataLoaded: t,
+      borrowerName: r,
+      city: n,
+      countryName: i,
+      distributionModel: d,
+      formattedLocation: l,
+      fundraisingPercent: s,
+      hasProgressData: u,
+      imageHash: m,
+      isLoading: f,
+      loanAmount: p,
+      loanBorrowerCount: L,
+      loanCallouts: c,
+      loanStatus: _,
+      loanUse: A,
+      mdiMapMarker: g,
+      readMorePath: v,
+      state: y,
+      tag: K,
+      unreservedAmount: N,
+      sharesAvailable: h,
+      clickReadMore: C
+    };
+  },
+  computed: {
+    cardWidth() {
+      return "374px";
+    },
+    imageAspectRatio() {
+      return 1;
+    },
+    imageDefaultWidth() {
+      return 320;
+    },
+    imageSizes() {
+      return [
+        { width: this.imageDefaultWidth, viewSize: 1024 },
+        { width: this.imageDefaultWidth, viewSize: 768 },
+        { width: 416, viewSize: 480 },
+        { width: 374, viewSize: 414 },
+        { width: 335, viewSize: 375 }
+      ];
+    }
+  }
+};
+export {
+  ne as KV_WIDE_LOAN_CARD_FRAGMENT,
+  ie as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  de as default
+};

package/dist/vue/KvWwwHeader/KvHeaderAboutMenu.js

@@ -1,81 +1,77 @@
-import s from "./KvHeaderMenuLink.js";
-import { resolveComponent as l, resolveDirective as p, openBlock as t, createElementBlock as f, withDirectives as i, createBlock as u, withCtx as n, createTextVNode as a } from "vue";
+import n from "./KvHeaderAboutMenu2.js";
+import { resolveComponent as l, resolveDirective as p, openBlock as e, createElementBlock as f, withDirectives as i, createBlock as u, withCtx as a, createTextVNode as s } from "vue";
 import d from "../../_virtual/_plugin-vue_export-helper.js";
-const v = {
-  components: {
-    KvHeaderMenuLink: s
-  }
-}, k = { 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 b(w, e, m, c, A, N) {
+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 k(b, t, w, m, c, A) {
   const o = l("kv-header-menu-link"), r = p("kv-track-event");
-  return t(), f("nav", k, [
-    i((t(), u(o, { href: "/about" }, {
-      default: n(() => e[0] || (e[0] = [
-        a(" About us ")
+  return e(), f("nav", v, [
+    i((e(), u(o, { href: "/about" }, {
+      default: a(() => t[0] || (t[0] = [
+        s(" About us ")
       ])),
       _: 1
     })), [
       [r, ["TopNav", "click-About-About us"]]
     ]),
-    i((t(), u(o, { href: "/about/partner-with-us" }, {
-      default: n(() => e[1] || (e[1] = [
-        a(" Partner with us ")
+    i((e(), u(o, { href: "/about/partner-with-us" }, {
+      default: a(() => t[1] || (t[1] = [
+        s(" Partner with us ")
       ])),
       _: 1
     })), [
       [r, ["TopNav", "click-About-Partner with us"]]
     ]),
-    i((t(), u(o, { href: "/about/how" }, {
-      default: n(() => e[2] || (e[2] = [
-        a(" How Kiva works ")
+    i((e(), u(o, { href: "/about/how" }, {
+      default: a(() => t[2] || (t[2] = [
+        s(" How Kiva works ")
       ])),
       _: 1
     })), [
       [r, ["TopNav", "click-About-How Kiva works"]]
     ]),
-    i((t(), u(o, { href: "/about/where-kiva-works" }, {
-      default: n(() => e[3] || (e[3] = [
-        a(" Where Kiva works ")
+    i((e(), u(o, { href: "/about/where-kiva-works" }, {
+      default: a(() => t[3] || (t[3] = [
+        s(" Where Kiva works ")
       ])),
       _: 1
     })), [
       [r, ["TopNav", "click-About-Where Kiva works"]]
     ]),
-    i((t(), u(o, { href: "/impact" }, {
-      default: n(() => e[4] || (e[4] = [
-        a(" Impact ")
+    i((e(), u(o, { href: "/impact" }, {
+      default: a(() => t[4] || (t[4] = [
+        s(" Impact ")
       ])),
       _: 1
     })), [
       [r, ["TopNav", "click-About-Impact"]]
     ]),
-    i((t(), u(o, { href: "/about/leadership" }, {
-      default: n(() => e[5] || (e[5] = [
-        a(" Leadership ")
+    i((e(), u(o, { href: "/about/leadership" }, {
+      default: a(() => t[5] || (t[5] = [
+        s(" Leadership ")
       ])),
       _: 1
     })), [
       [r, ["TopNav", "click-About-Leadership"]]
     ]),
-    i((t(), u(o, { href: "/about/finances" }, {
-      default: n(() => e[6] || (e[6] = [
-        a(" Finances ")
+    i((e(), u(o, { href: "/about/finances" }, {
+      default: a(() => t[6] || (t[6] = [
+        s(" Finances ")
       ])),
       _: 1
     })), [
       [r, ["TopNav", "click-About-Finances"]]
     ]),
-    i((t(), u(o, { href: "/about/press-center" }, {
-      default: n(() => e[7] || (e[7] = [
-        a(" Press ")
+    i((e(), u(o, { href: "/about/press-center" }, {
+      default: a(() => t[7] || (t[7] = [
+        s(" Press ")
       ])),
       _: 1
     })), [
       [r, ["TopNav", "click-About-Press"]]
     ]),
-    i((t(), u(o, { href: "/about/due-diligence" }, {
-      default: n(() => e[8] || (e[8] = [
-        a(" Due diligence ")
+    i((e(), u(o, { href: "/about/due-diligence" }, {
+      default: a(() => t[8] || (t[8] = [
+        s(" Due diligence ")
       ])),
       _: 1
     })), [
@@ -83,7 +79,7 @@ function b(w, e, m, c, A, N) {
     ])
   ]);
 }
-const h = /* @__PURE__ */ d(v, [["render", b]]);
+const x = /* @__PURE__ */ d(n, [["render", k]]);
 export {
-  h as default
+  x as default
 };

package/dist/vue/KvWwwHeader/KvHeaderAboutMenu.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    KvHeaderMenuLink: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLAnchorElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvWwwHeader/KvHeaderAboutMenu2.js

@@ -0,0 +1,9 @@
+import e from "./KvHeaderMenuLink.js";
+const o = {
+  components: {
+    KvHeaderMenuLink: e
+  }
+};
+export {
+  o as default
+};

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -1,91 +1,28 @@
-import { getCurrentInstance as u, computed as d, resolveComponent as m, openBlock as f, createElementBlock as w, withModifiers as h, createElementVNode as p, normalizeClass as i, renderSlot as v, createVNode as C } from "vue";
-import M from "../KvMaterialIcon.js";
-import x from "../../_virtual/_plugin-vue_export-helper.js";
-const y = {
-  components: { KvMaterialIcon: M },
-  props: {
-    refName: {
-      type: String,
-      default: ""
-    },
-    href: {
-      type: String,
-      default: void 0
-    },
-    menuComponent: {
-      type: Object,
-      default: () => ({})
-    },
-    openMenuItem: {
-      type: Object,
-      default: () => ({})
-    },
-    dropdownIcon: {
-      type: String,
-      default: ""
-    },
-    baseClass: {
-      type: String,
-      default: ""
-    },
-    sendLinkPosition: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "on-hover",
-    "user-tap"
-  ],
-  setup(e, { emit: n }) {
-    const { proxy: o } = u(), r = d(() => [
-      e.baseClass,
-      { "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== e.menuComponent }
-    ]), a = () => {
-      if (!e.sendLinkPosition) return null;
-      const t = o.$refs[e.refName];
-      if (!t) return null;
-      const s = t.getBoundingClientRect();
-      return {
-        left: `${s.left + s.width / 2}px`,
-        transform: "translateX(-50%)",
-        borderRadius: "0px 0px 8px 8px"
-      };
-    };
-    return {
-      computedClass: r,
-      handleMouseOver: () => {
-        const t = a();
-        n("on-hover", e.refName, e.menuComponent, t);
-      },
-      handleTouchStart: () => {
-        const t = a();
-        n("user-tap", e.refName, e.menuComponent, t);
-      }
-    };
-  }
-}, k = ["href"];
-function I(e, n, o, r, a, c) {
-  const l = m("KvMaterialIcon");
-  return f(), w("a", {
-    ref: o.refName,
+import l from "./KvHeaderDropdownLink2.js";
+import { resolveComponent as s, openBlock as c, createElementBlock as d, withModifiers as m, createElementVNode as w, normalizeClass as r, renderSlot as f, createVNode as u } from "vue";
+import h from "../../_virtual/_plugin-vue_export-helper.js";
+const v = ["href"];
+function M(a, n, e, t, _, p) {
+  const i = s("KvMaterialIcon");
+  return c(), d("a", {
+    ref: e.refName,
     class: "tw-py-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-cursor-pointer",
-    href: o.href,
-    onMouseenter: n[0] || (n[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t)),
-    onTouchstart: n[1] || (n[1] = h((...t) => r.handleTouchStart && r.handleTouchStart(...t), ["prevent"]))
+    href: e.href,
+    onMouseenter: n[0] || (n[0] = (...o) => t.handleMouseOver && t.handleMouseOver(...o)),
+    onTouchstart: n[1] || (n[1] = m((...o) => t.handleTouchStart && t.handleTouchStart(...o), ["prevent"]))
   }, [
-    p("div", {
-      class: i(["tw-flex tw-items-center", r.computedClass])
+    w("div", {
+      class: r(["tw-flex tw-items-center", t.computedClass])
     }, [
-      v(e.$slots, "default"),
-      C(l, {
-        class: i(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": o.openMenuItem === o.menuComponent }]),
-        icon: o.dropdownIcon
+      f(a.$slots, "default"),
+      u(i, {
+        class: r(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": e.openMenuItem === e.menuComponent }]),
+        icon: e.dropdownIcon
       }, null, 8, ["class", "icon"])
     ], 2)
-  ], 40, k);
+  ], 40, v);
 }
-const O = /* @__PURE__ */ x(y, [["render", I]]);
+const k = /* @__PURE__ */ h(l, [["render", M]]);
 export {
-  O as default
+  k as default
 };

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.vue.d.ts

@@ -0,0 +1,91 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    refName: {
+        type: StringConstructor;
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        default: any;
+    };
+    menuComponent: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    openMenuItem: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    dropdownIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    baseClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    sendLinkPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    computedClass: import('vue').ComputedRef<(string | {
+        'tw-text-tertiary': boolean;
+    })[]>;
+    handleMouseOver: () => void;
+    handleTouchStart: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("on-hover" | "user-tap")[], "on-hover" | "user-tap", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    refName: {
+        type: StringConstructor;
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        default: any;
+    };
+    menuComponent: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    openMenuItem: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    dropdownIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    baseClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    sendLinkPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onOn-hover"?: (...args: any[]) => any;
+    "onUser-tap"?: (...args: any[]) => any;
+}>, {
+    href: string;
+    refName: string;
+    menuComponent: Record<string, any>;
+    openMenuItem: Record<string, any>;
+    dropdownIcon: string;
+    baseClass: string;
+    sendLinkPosition: boolean;
+}, {}, {
+    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/KvHeaderDropdownLink2.js

@@ -0,0 +1,69 @@
+import { getCurrentInstance as s, computed as l } from "vue";
+import i from "../KvMaterialIcon.js";
+const h = {
+  components: { KvMaterialIcon: i },
+  props: {
+    refName: {
+      type: String,
+      default: ""
+    },
+    href: {
+      type: String,
+      default: void 0
+    },
+    menuComponent: {
+      type: Object,
+      default: () => ({})
+    },
+    openMenuItem: {
+      type: Object,
+      default: () => ({})
+    },
+    dropdownIcon: {
+      type: String,
+      default: ""
+    },
+    baseClass: {
+      type: String,
+      default: ""
+    },
+    sendLinkPosition: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "on-hover",
+    "user-tap"
+  ],
+  setup(e, { emit: n }) {
+    const { proxy: a } = s(), u = l(() => [
+      e.baseClass,
+      { "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== e.menuComponent }
+    ]), o = () => {
+      if (!e.sendLinkPosition) return null;
+      const t = a.$refs[e.refName];
+      if (!t) return null;
+      const r = t.getBoundingClientRect();
+      return {
+        left: `${r.left + r.width / 2}px`,
+        transform: "translateX(-50%)",
+        borderRadius: "0px 0px 8px 8px"
+      };
+    };
+    return {
+      computedClass: u,
+      handleMouseOver: () => {
+        const t = o();
+        n("on-hover", e.refName, e.menuComponent, t);
+      },
+      handleTouchStart: () => {
+        const t = o();
+        n("user-tap", e.refName, e.menuComponent, t);
+      }
+    };
+  }
+};
+export {
+  h as default
+};

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-c31f1fca]{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-c31f1fca]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.header-link[data-v-3db10484]{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-3db10484]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}