@kiva/kv-components 8.14.2 → 8.15.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { default as r } from "./vue/KvAccordionItem.js";
 import { default as a } from "./vue/KvActivityRow.js";
 import { default as l } from "./vue/KvBorrowerImage.js";
-import { default as p } from "./vue/KvButton.js";
+import { default as s } from "./vue/KvButton.js";
 import { default as d } from "./vue/KvCardFrame.js";
 import { default as x } from "./vue/KvCarousel.js";
 import { default as K } from "./vue/KvCartModal.js";
@@ -28,7 +28,7 @@ import { default as ee } from "./vue/KvIconButton.js";
 import { default as re } from "./vue/KvImpactDashboardHeader.js";
 import { default as ae } from "./vue/KvImpactVerticalSelector.js";
 import { default as le } from "./vue/KvInlineActivityCard.js";
-import { default as pe } from "./vue/KvInlineActivityFeed.js";
+import { default as se } from "./vue/KvInlineActivityFeed.js";
 import { default as de } from "./vue/KvIntroductionLoanCard.js";
 import { default as xe } from "./vue/KvLendAmountButton.js";
 import { default as Ke } from "./vue/KvLendCta.js";
@@ -55,7 +55,7 @@ import { default as oo } from "./vue/KvPill.js";
 import { default as to } from "./vue/KvPopper.js";
 import { default as fo } from "./vue/KvProgressBar.js";
 import { default as mo } from "./vue/KvProgressCircle.js";
-import { default as so } from "./vue/KvPulsingDot.js";
+import { default as po } from "./vue/KvPulsingDot.js";
 import { default as xo } from "./vue/KvRadio.js";
 import { default as Ko } from "./vue/KvSelect.js";
 import { default as Ao } from "./vue/KvSideSheet.js";
@@ -78,60 +78,61 @@ import { default as Zo } from "./vue/KvWideLoanCard.js";
 import { default as Jo } from "./vue/KvAtbModal.js";
 import { default as Yo } from "./vue/KvSecondaryNav.js";
 import { default as er } from "./vue/KvWwwHeader.js";
-import { default as rr, Mash as tr } from "./utils/Alea.js";
-import { groupBy as fr, sortBy as lr } from "./utils/arrayUtils.js";
-import { useAttrs as pr } from "./utils/attrs.js";
-import { carouselUtil as dr } from "./utils/carousels.js";
-import { abc as xr, indexIn as nr, startsWith as Kr } from "./utils/comparators.js";
-import { debounce as Ar } from "./utils/debounce.js";
-import { useEventListener as Cr } from "./utils/event.js";
-import { collapse as cr, expand as Lr } from "./utils/expander.js";
-import { getKivaImageUrl as Tr, isLegacyPlaceholderAvatar as Er, randomizedUserAvatarClass as Rr } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as Or, LOAN_GEOCODE_FRAGMENT as Ir, LOAN_PROGRESS_FRAGMENT as Sr, loanCardComputedProperties as Pr, loanCardMethods as gr } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as hr, BASE_CAMPAIGN as Fr, ERL_COOKIE_NAME as Vr, NO_BALANCE_CAMPAIGN as Br, TOP_UP_CAMPAIGN as Dr, getDropdownPriceArray as yr, getLendCtaSelectedOption as br, isBetween25And50 as kr, isLessThan25 as Ur, truncateStringByWords as wr } from "./utils/loanUtils.js";
-import { animationCoordinator as Hr, computeMapCenter as jr, computeMapZoom as zr, generateMapMarkers as Qr, getCoordinatesBetween as Zr, getCountryColor as qr, getLoansIntervals as Jr } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as Yr, unlockPrintSingleEl as $r } from "./utils/printing.js";
-import { lockScroll as ot, lockScrollSmallOnly as rt, unlockScroll as tt, unlockScrollSmallOnly as at } from "./utils/scrollLock.js";
-import { buildTailwindClassName as lt, headerNumberCase as mt, kebabCase as pt, removeObjectProperty as st } from "./utils/themeUtils.js";
-import { throttle as ut } from "./utils/throttle.js";
-import { isTargetElement as nt, offBodyTouchstart as Kt, onBodyTouchstart as vt } from "./utils/touchEvents.js";
-import { getTreemap as it } from "./utils/treemap.js";
-import { KvBlueskyIcon as _t } from "./assets/icons/bluesky.js";
-import { KV_CLASSIC_LOAN_CARD_FRAGMENT as Lt, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as Nt } from "./vue/KvClassicLoanCard2.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as Et, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as Rt } from "./vue/KvCompactLoanCard2.js";
-import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as Ot, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as It } from "./vue/KvIntroductionLoanCard2.js";
-import { KV_LEND_CTA_FRAGMENT as Pt, KV_LEND_CTA_USER_FRAGMENT as gt } from "./vue/KvLendCta2.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as ht } from "./vue/KvLoanActivities2.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as Vt } from "./vue/KvLoanBookmark2.js";
-import { KV_LOAN_TAG_FRAGMENT as Dt } from "./vue/KvLoanTag2.js";
-import { KV_LOAN_USE_FRAGMENT as bt } from "./vue/KvLoanUse2.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as Ut, KV_WIDE_LOAN_CARD_USER_FRAGMENT as wt } from "./vue/KvWideLoanCard2.js";
+import { default as rr } from "./vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js";
+import { default as ar, Mash as fr } from "./utils/Alea.js";
+import { groupBy as mr, sortBy as sr } from "./utils/arrayUtils.js";
+import { useAttrs as dr } from "./utils/attrs.js";
+import { carouselUtil as xr } from "./utils/carousels.js";
+import { abc as Kr, indexIn as vr, startsWith as Ar } from "./utils/comparators.js";
+import { debounce as Cr } from "./utils/debounce.js";
+import { useEventListener as cr } from "./utils/event.js";
+import { collapse as Nr, expand as Tr } from "./utils/expander.js";
+import { getKivaImageUrl as Rr, isLegacyPlaceholderAvatar as Mr, randomizedUserAvatarClass as Or } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as Sr, LOAN_GEOCODE_FRAGMENT as Pr, LOAN_PROGRESS_FRAGMENT as gr, loanCardComputedProperties as Gr, loanCardMethods as hr } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as Vr, BASE_CAMPAIGN as Br, ERL_COOKIE_NAME as Dr, NO_BALANCE_CAMPAIGN as yr, TOP_UP_CAMPAIGN as br, getDropdownPriceArray as kr, getLendCtaSelectedOption as Ur, isBetween25And50 as wr, isLessThan25 as Wr, truncateStringByWords as Hr } from "./utils/loanUtils.js";
+import { animationCoordinator as zr, computeMapCenter as Qr, computeMapZoom as Zr, generateMapMarkers as qr, getCoordinatesBetween as Jr, getCountryColor as Xr, getLoansIntervals as Yr } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as et, unlockPrintSingleEl as ot } from "./utils/printing.js";
+import { lockScroll as tt, lockScrollSmallOnly as at, unlockScroll as ft, unlockScrollSmallOnly as lt } from "./utils/scrollLock.js";
+import { buildTailwindClassName as st, headerNumberCase as pt, kebabCase as dt, removeObjectProperty as ut } from "./utils/themeUtils.js";
+import { throttle as nt } from "./utils/throttle.js";
+import { isTargetElement as vt, offBodyTouchstart as At, onBodyTouchstart as it } from "./utils/touchEvents.js";
+import { getTreemap as _t } from "./utils/treemap.js";
+import { KvBlueskyIcon as Lt } from "./assets/icons/bluesky.js";
+import { KV_CLASSIC_LOAN_CARD_FRAGMENT as Tt, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as Et } from "./vue/KvClassicLoanCard2.js";
+import { KV_COMPACT_LOAN_CARD_FRAGMENT as Mt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as Ot } from "./vue/KvCompactLoanCard2.js";
+import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as St, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as Pt } from "./vue/KvIntroductionLoanCard2.js";
+import { KV_LEND_CTA_FRAGMENT as Gt, KV_LEND_CTA_USER_FRAGMENT as ht } from "./vue/KvLendCta2.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as Vt } from "./vue/KvLoanActivities2.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as Dt } from "./vue/KvLoanBookmark2.js";
+import { KV_LOAN_TAG_FRAGMENT as bt } from "./vue/KvLoanTag2.js";
+import { KV_LOAN_USE_FRAGMENT as Ut } from "./vue/KvLoanUse2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as Wt, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Ht } from "./vue/KvWideLoanCard2.js";
 export {
-  rr as Alea,
-  hr as BALANCE_CAMPAIGN,
-  Fr as BASE_CAMPAIGN,
-  Vr as ERL_COOKIE_NAME,
-  Lt as KV_CLASSIC_LOAN_CARD_FRAGMENT,
-  Nt as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  Et as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  Rt as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
-  Ot as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
-  It as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
-  Pt as KV_LEND_CTA_FRAGMENT,
-  gt as KV_LEND_CTA_USER_FRAGMENT,
-  ht as KV_LOAN_ACTIVITIES_FRAGMENT,
-  Vt as KV_LOAN_BOOKMARK_FRAGMENT,
+  ar as Alea,
+  Vr as BALANCE_CAMPAIGN,
+  Br as BASE_CAMPAIGN,
+  Dr as ERL_COOKIE_NAME,
+  Tt as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  Et as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  Mt as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  Ot as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  St as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
+  Pt as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
+  Gt as KV_LEND_CTA_FRAGMENT,
+  ht as KV_LEND_CTA_USER_FRAGMENT,
+  Vt as KV_LOAN_ACTIVITIES_FRAGMENT,
+  Dt as KV_LOAN_BOOKMARK_FRAGMENT,
   Me as KV_LOAN_INFO_CARD_FRAGMENT,
-  Dt as KV_LOAN_TAG_FRAGMENT,
-  bt as KV_LOAN_USE_FRAGMENT,
-  Ut as KV_WIDE_LOAN_CARD_FRAGMENT,
-  wt as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  bt as KV_LOAN_TAG_FRAGMENT,
+  Ut as KV_LOAN_USE_FRAGMENT,
+  Wt as KV_WIDE_LOAN_CARD_FRAGMENT,
+  Ht as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   r as KvAccordionItem,
   a as KvActivityRow,
   Jo as KvAtbModal,
-  _t as KvBlueskyIcon,
+  Lt as KvBlueskyIcon,
   l as KvBorrowerImage,
-  p as KvButton,
+  s as KvButton,
   d as KvCardFrame,
   x as KvCarousel,
   K as KvCartModal,
@@ -158,7 +159,7 @@ export {
   re as KvImpactDashboardHeader,
   ae as KvImpactVerticalSelector,
   le as KvInlineActivityCard,
-  pe as KvInlineActivityFeed,
+  se as KvInlineActivityFeed,
   de as KvIntroductionLoanCard,
   xe as KvLendAmountButton,
   Ke as KvLendCta,
@@ -184,7 +185,7 @@ export {
   to as KvPopper,
   fo as KvProgressBar,
   mo as KvProgressCircle,
-  so as KvPulsingDot,
+  po as KvPulsingDot,
   xo as KvRadio,
   Yo as KvSecondaryNav,
   Ko as KvSelect,
@@ -207,53 +208,54 @@ export {
   zo as KvVotingCardV2,
   Zo as KvWideLoanCard,
   er as KvWwwHeader,
-  Or as LOAN_CALLOUTS_FRAGMENT,
-  Ir as LOAN_GEOCODE_FRAGMENT,
-  Sr as LOAN_PROGRESS_FRAGMENT,
-  tr as Mash,
-  Br as NO_BALANCE_CAMPAIGN,
-  Dr as TOP_UP_CAMPAIGN,
-  xr as abc,
-  Hr as animationCoordinator,
-  lt as buildTailwindClassName,
-  dr as carouselUtil,
-  cr as collapse,
-  jr as computeMapCenter,
-  zr as computeMapZoom,
-  Ar as debounce,
-  Lr as expand,
-  Qr as generateMapMarkers,
-  Zr as getCoordinatesBetween,
-  qr as getCountryColor,
-  yr as getDropdownPriceArray,
-  Tr as getKivaImageUrl,
-  br as getLendCtaSelectedOption,
-  Jr as getLoansIntervals,
-  it as getTreemap,
-  fr as groupBy,
-  mt as headerNumberCase,
-  nr as indexIn,
-  kr as isBetween25And50,
-  Er as isLegacyPlaceholderAvatar,
-  Ur as isLessThan25,
-  nt as isTargetElement,
-  pt as kebabCase,
-  Pr as loanCardComputedProperties,
-  gr as loanCardMethods,
-  Yr as lockPrintSingleEl,
-  ot as lockScroll,
-  rt as lockScrollSmallOnly,
-  Kt as offBodyTouchstart,
-  vt as onBodyTouchstart,
-  Rr as randomizedUserAvatarClass,
-  st as removeObjectProperty,
-  lr as sortBy,
-  Kr as startsWith,
-  ut as throttle,
-  wr as truncateStringByWords,
-  $r as unlockPrintSingleEl,
-  tt as unlockScroll,
-  at as unlockScrollSmallOnly,
-  pr as useAttrs,
-  Cr as useEventListener
+  rr as KvWwwHeaderBasic,
+  Sr as LOAN_CALLOUTS_FRAGMENT,
+  Pr as LOAN_GEOCODE_FRAGMENT,
+  gr as LOAN_PROGRESS_FRAGMENT,
+  fr as Mash,
+  yr as NO_BALANCE_CAMPAIGN,
+  br as TOP_UP_CAMPAIGN,
+  Kr as abc,
+  zr as animationCoordinator,
+  st as buildTailwindClassName,
+  xr as carouselUtil,
+  Nr as collapse,
+  Qr as computeMapCenter,
+  Zr as computeMapZoom,
+  Cr as debounce,
+  Tr as expand,
+  qr as generateMapMarkers,
+  Jr as getCoordinatesBetween,
+  Xr as getCountryColor,
+  kr as getDropdownPriceArray,
+  Rr as getKivaImageUrl,
+  Ur as getLendCtaSelectedOption,
+  Yr as getLoansIntervals,
+  _t as getTreemap,
+  mr as groupBy,
+  pt as headerNumberCase,
+  vr as indexIn,
+  wr as isBetween25And50,
+  Mr as isLegacyPlaceholderAvatar,
+  Wr as isLessThan25,
+  vt as isTargetElement,
+  dt as kebabCase,
+  Gr as loanCardComputedProperties,
+  hr as loanCardMethods,
+  et as lockPrintSingleEl,
+  tt as lockScroll,
+  at as lockScrollSmallOnly,
+  At as offBodyTouchstart,
+  it as onBodyTouchstart,
+  Or as randomizedUserAvatarClass,
+  ut as removeObjectProperty,
+  sr as sortBy,
+  Ar as startsWith,
+  nt as throttle,
+  Hr as truncateStringByWords,
+  ot as unlockPrintSingleEl,
+  ft as unlockScroll,
+  lt as unlockScrollSmallOnly,
+  dr as useAttrs,
+  cr as useEventListener
 };

package/dist/utils/headerNavLinks.d.ts

@@ -0,0 +1,8 @@
+export interface NavLink {
+    id: string;
+    label: string;
+    href: string;
+    track: [string, string];
+    visibility: 'always' | 'visitor' | 'loggedIn';
+}
+export declare const PRIMARY_LINKS: NavLink[];

package/dist/utils/headerNavLinks.js

@@ -0,0 +1,19 @@
+const r = [
+  {
+    id: "partner",
+    label: "Partner",
+    href: "/about/partner-with-us",
+    track: ["TopNav", "click-Partner"],
+    visibility: "always"
+  },
+  {
+    id: "borrow",
+    label: "Borrow",
+    href: "/borrow",
+    track: ["TopNav", "click-Borrow"],
+    visibility: "visitor"
+  }
+];
+export {
+  r as PRIMARY_LINKS
+};

package/dist/utils/markMatches.js

@@ -0,0 +1,12 @@
+function i(a, r) {
+  if (!r || !r.length)
+    return a;
+  const e = r.map((t) => t[0]).flat(), f = r.map((t) => t[1]).flat();
+  return Array.from(a).map((t, n) => {
+    const s = e.indexOf(n) > -1 ? '<mark class="tw-bg-tertiary tw-rounded-sm tw-mix-blend-multiply tw-p-0.5 tw--m-0.5">' : "", c = f.indexOf(n) > -1 ? "</mark>" : "";
+    return `${s}${t}${c}`;
+  }).join("");
+}
+export {
+  i as default
+};

package/dist/utils/typeaheadSearchConfig.d.ts

@@ -0,0 +1,4 @@
+import { SearchSuggestion } from './typeaheadSearchEngine';
+export declare const SECTION_ORDER: string[];
+export declare const MAX_PER_GROUP = 5;
+export declare const GIFT_SUGGESTIONS: SearchSuggestion[];

package/dist/utils/typeaheadSearchConfig.js

@@ -0,0 +1,31 @@
+const t = [
+  "Gender",
+  "Regions",
+  "Countries and Territories",
+  "United States",
+  "U.S. cities",
+  "Sectors",
+  "Group or Individual",
+  "Attributes",
+  "User tags",
+  "Partners",
+  "Gifts"
+], i = 5, r = [
+  {
+    group: "Gifts",
+    label: "Kiva Cards",
+    keywords: ["gift card", "kiva card", "gift", "gift certificate"],
+    url: "https://www.kiva.org/gifts/kiva-cards"
+  },
+  {
+    group: "Gifts",
+    label: "Kiva Store",
+    keywords: ["gift card", "kiva card", "gift", "gift certificate"],
+    url: "https://store.kiva.org"
+  }
+];
+export {
+  r as GIFT_SUGGESTIONS,
+  i as MAX_PER_GROUP,
+  t as SECTION_ORDER
+};

package/dist/utils/typeaheadSearchEngine.d.ts

@@ -0,0 +1,14 @@
+export interface SearchSuggestion {
+    group: string;
+    label: string;
+    query?: string;
+    url?: string;
+    keywords?: string[];
+    matches?: Array<[number, number]>;
+}
+export default class SearchEngine {
+    private fuse;
+    constructor(data?: SearchSuggestion[]);
+    reset(data?: SearchSuggestion[]): void;
+    search(query: string): Promise<SearchSuggestion[]>;
+}

package/dist/utils/typeaheadSearchEngine.js

@@ -0,0 +1,28 @@
+import i from "fuse.js";
+import { startsWith as l } from "./comparators.js";
+const n = {
+  threshold: 0.25,
+  distance: 1e5,
+  includeMatches: !0,
+  keys: ["label", "keywords"]
+};
+class c {
+  constructor(s = []) {
+    this.fuse = null, s.length && this.reset(s);
+  }
+  reset(s = []) {
+    this.fuse = new i(s, n);
+  }
+  async search(s) {
+    return !this.fuse || !s ? [] : this.fuse.search(s).filter((t) => {
+      var e;
+      return (e = t.matches) == null ? void 0 : e.length;
+    }).map(({ item: t, matches: e }) => ({
+      ...t,
+      matches: e == null ? void 0 : e.flatMap((r) => r.indices)
+    })).sort(l(s, "label"));
+  }
+}
+export {
+  c as default
+};

package/dist/utils/useBreakpoints.d.ts

@@ -0,0 +1,4 @@
+export declare function useBreakpoints(): {
+    isMobile: import('vue').Ref<boolean, boolean>;
+    checkIsMobile: () => void;
+};

package/dist/utils/useBreakpoints.js

@@ -0,0 +1,18 @@
+import { ref as t, onMounted as i, onBeforeUnmount as r } from "vue";
+import s from "@kiva/kv-tokens";
+import { throttle as m } from "./throttle.js";
+function l() {
+  const o = t(!1);
+  function e() {
+    o.value = ((window == null ? void 0 : window.innerWidth) ?? 0) < s.breakpoints.md;
+  }
+  const n = m(e, 100);
+  return i(() => {
+    e(), window.addEventListener("resize", n);
+  }), r(() => {
+    window.removeEventListener("resize", n);
+  }), { isMobile: o, checkIsMobile: e };
+}
+export {
+  l as useBreakpoints
+};