@kiva/kv-components 6.53.1 → 6.54.0

package/dist/index.js

@@ -5,18 +5,18 @@ import { default as d } from "./vue/KvButton.js";
 import { default as p } from "./vue/KvCardFrame.js";
 import { default as x } from "./vue/KvCarousel.js";
 import { default as n } from "./vue/KvCartModal.js";
-import { default as A } from "./vue/KvCartPill.js";
+import { default as i } from "./vue/KvCartPill.js";
 import { default as C } from "./vue/KvCheckbox.js";
 import { default as L } from "./vue/KvCheckoutReceipt.js";
 import { default as T } from "./vue/KvChip.js";
 import { KV_CLASSIC_LOAN_CARD_FRAGMENT as E, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as R, default as M } from "./vue/KvClassicLoanCard.js";
-import { default as S } from "./vue/KvCommentsAdd.js";
-import { default as P } from "./vue/KvCommentsContainer.js";
+import { default as I } from "./vue/KvCommentsAdd.js";
+import { default as g } from "./vue/KvCommentsContainer.js";
 import { default as G } from "./vue/KvCommentsHeartButton.js";
 import { default as F } from "./vue/KvCommentsList.js";
 import { default as D } from "./vue/KvCommentsListItem.js";
 import { default as B } from "./vue/KvCommentsReplyButton.js";
-import { default as b } from "./vue/KvContentfulImg.js";
+import { default as U } from "./vue/KvContentfulImg.js";
 import { default as w } from "./vue/KvCountdownTimer.js";
 import { default as H } from "./vue/KvDatePicker.js";
 import { default as z } from "./vue/KvExpandable.js";
@@ -29,17 +29,17 @@ import { default as ae } from "./vue/KvInlineActivityCard.js";
 import { default as le } from "./vue/KvInlineActivityFeed.js";
 import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as de, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as me, default as pe } from "./vue/KvIntroductionLoanCard.js";
 import { default as xe } from "./vue/KvLendAmountButton.js";
-import { KV_LEND_CTA_FRAGMENT as ne, KV_LEND_CTA_USER_FRAGMENT as ve, default as Ae } from "./vue/KvLendCta.js";
+import { KV_LEND_CTA_FRAGMENT as ne, KV_LEND_CTA_USER_FRAGMENT as ve, default as ie } from "./vue/KvLendCta.js";
 import { default as Ce } from "./vue/KvLightbox.js";
 import { default as Le } from "./vue/KvLineGraph.js";
 import { KV_LOAN_ACTIVITIES_FRAGMENT as Te, default as ce } from "./vue/KvLoanActivities.js";
 import { KV_LOAN_BOOKMARK_FRAGMENT as Re, default as Me } from "./vue/KvLoanBookmark.js";
-import { default as Se } from "./vue/KvLoanCallouts.js";
-import { default as Pe } from "./vue/KvLoanProgressGroup.js";
+import { default as Ie } from "./vue/KvLoanCallouts.js";
+import { default as ge } from "./vue/KvLoanProgressGroup.js";
 import { KV_LOAN_TAG_FRAGMENT as Ge, default as he } from "./vue/KvLoanTag.js";
 import { default as Ve } from "./vue/KvLoanTeamPick.js";
 import { KV_LOAN_USE_FRAGMENT as ke, default as Be } from "./vue/KvLoanUse.js";
-import { default as be } from "./vue/KvLoadingPlaceholder.js";
+import { default as Ue } from "./vue/KvLoadingPlaceholder.js";
 import { default as we } from "./vue/KvLoadingSpinner.js";
 import { default as He } from "./vue/KvMap.js";
 import { default as ze } from "./vue/KvMaterialIcon.js";
@@ -54,19 +54,19 @@ import { default as mo } from "./vue/KvRadio.js";
 import { default as uo } from "./vue/KvSelect.js";
 import { default as Ko } from "./vue/KvSideSheet.js";
 import { default as vo } from "./vue/KvSwitch.js";
-import { default as io } from "./vue/KvTab.js";
+import { default as Ao } from "./vue/KvTab.js";
 import { default as _o } from "./vue/KvTabPanel.js";
 import { default as No } from "./vue/KvTabs.js";
 import { default as co } from "./vue/KvTextInput.js";
 import { default as Ro } from "./vue/KvTextLink.js";
 import { default as Oo } from "./vue/KvThemeProvider.js";
-import { default as Io } from "./vue/KvToast.js";
-import { default as go } from "./vue/KvTooltip.js";
+import { default as So } from "./vue/KvToast.js";
+import { default as Po } from "./vue/KvTooltip.js";
 import { default as ho } from "./vue/KvTreeMapChart.js";
 import { default as Vo } from "./vue/KvUserAvatar.js";
 import { default as ko } from "./vue/KvUtilityMenu.js";
 import { default as yo } from "./vue/KvVerticalCarousel.js";
-import { default as Uo } from "./vue/KvVotingCard.js";
+import { default as bo } from "./vue/KvVotingCard.js";
 import { default as Wo } from "./vue/KvVotingCardV2.js";
 import { KV_WIDE_LOAN_CARD_FRAGMENT as jo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as zo, default as Qo } from "./vue/KvWideLoanCard.js";
 import { default as Jo } from "./vue/KvAtbModal.js";
@@ -76,22 +76,22 @@ import { default as ot, Mash as tt } from "./utils/Alea.js";
 import { useAttrs as at } from "./utils/attrs.js";
 import { carouselUtil as lt } from "./utils/carousels.js";
 import { collapse as dt, expand as mt } from "./utils/expander.js";
-import { isLegacyPlaceholderAvatar as ut, randomizedUserAvatarClass as xt } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as nt, LOAN_GEOCODE_FRAGMENT as vt, LOAN_PROGRESS_FRAGMENT as At, loanCardComputedProperties as it, loanCardMethods as Ct } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as Lt, BASE_CAMPAIGN as Nt, ERL_COOKIE_NAME as Tt, NO_BALANCE_CAMPAIGN as ct, TOP_UP_CAMPAIGN as Et, getDropdownPriceArray as Rt, getLendCtaSelectedOption as Mt, isBetween25And50 as Ot, isLessThan25 as St } from "./utils/loanUtils.js";
-import { animationCoordinator as Pt, generateMapMarkers as gt, getCoordinatesBetween as Gt, getCountryColor as ht, getLoansIntervals as Ft } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as Dt, unlockPrintSingleEl as kt } from "./utils/printing.js";
-import { lockScroll as yt, lockScrollSmallOnly as bt, unlockScroll as Ut, unlockScrollSmallOnly as wt } from "./utils/scrollLock.js";
-import { buildTailwindClassName as Ht, headerNumberCase as jt, kebabCase as zt, removeObjectProperty as Qt } from "./utils/themeUtils.js";
-import { throttle as Jt } from "./utils/throttle.js";
-import { isTargetElement as Yt, offBodyTouchstart as Zt, onBodyTouchstart as $t } from "./utils/touchEvents.js";
-import { getTreemap as or } from "./utils/treemap.js";
-import { KvBlueskyIcon as rr } from "./assets/icons/bluesky.js";
+import { getKivaImageUrl as ut, isLegacyPlaceholderAvatar as xt, randomizedUserAvatarClass as Kt } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as vt, LOAN_GEOCODE_FRAGMENT as it, LOAN_PROGRESS_FRAGMENT as At, loanCardComputedProperties as Ct, loanCardMethods as _t } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as Nt, BASE_CAMPAIGN as Tt, ERL_COOKIE_NAME as ct, NO_BALANCE_CAMPAIGN as Et, TOP_UP_CAMPAIGN as Rt, getDropdownPriceArray as Mt, getLendCtaSelectedOption as Ot, isBetween25And50 as It, isLessThan25 as St } from "./utils/loanUtils.js";
+import { animationCoordinator as Pt, generateMapMarkers as Gt, getCoordinatesBetween as ht, getCountryColor as Ft, getLoansIntervals as Vt } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as kt, unlockPrintSingleEl as Bt } from "./utils/printing.js";
+import { lockScroll as Ut, lockScrollSmallOnly as bt, unlockScroll as wt, unlockScrollSmallOnly as Wt } from "./utils/scrollLock.js";
+import { buildTailwindClassName as jt, headerNumberCase as zt, kebabCase as Qt, removeObjectProperty as qt } from "./utils/themeUtils.js";
+import { throttle as Xt } from "./utils/throttle.js";
+import { isTargetElement as Zt, offBodyTouchstart as $t, onBodyTouchstart as er } from "./utils/touchEvents.js";
+import { getTreemap as tr } from "./utils/treemap.js";
+import { KvBlueskyIcon as ar } from "./assets/icons/bluesky.js";
 export {
   ot as Alea,
-  Lt as BALANCE_CAMPAIGN,
-  Nt as BASE_CAMPAIGN,
-  Tt as ERL_COOKIE_NAME,
+  Nt as BALANCE_CAMPAIGN,
+  Tt as BASE_CAMPAIGN,
+  ct as ERL_COOKIE_NAME,
   E as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   R as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
   de as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
@@ -107,24 +107,24 @@ export {
   t as KvAccordionItem,
   a as KvActivityRow,
   Jo as KvAtbModal,
-  rr as KvBlueskyIcon,
+  ar as KvBlueskyIcon,
   l as KvBorrowerImage,
   d as KvButton,
   p as KvCardFrame,
   x as KvCarousel,
   n as KvCartModal,
-  A as KvCartPill,
+  i as KvCartPill,
   C as KvCheckbox,
   L as KvCheckoutReceipt,
   T as KvChip,
   M as KvClassicLoanCard,
-  S as KvCommentsAdd,
-  P as KvCommentsContainer,
+  I as KvCommentsAdd,
+  g as KvCommentsContainer,
   G as KvCommentsHeartButton,
   F as KvCommentsList,
   D as KvCommentsListItem,
   B as KvCommentsReplyButton,
-  b as KvContentfulImg,
+  U as KvContentfulImg,
   w as KvCountdownTimer,
   H as KvDatePicker,
   z as KvExpandable,
@@ -137,15 +137,15 @@ export {
   le as KvInlineActivityFeed,
   pe as KvIntroductionLoanCard,
   xe as KvLendAmountButton,
-  Ae as KvLendCta,
+  ie as KvLendCta,
   Ce as KvLightbox,
   Le as KvLineGraph,
-  be as KvLoadingPlaceholder,
+  Ue as KvLoadingPlaceholder,
   we as KvLoadingSpinner,
   ce as KvLoanActivities,
   Me as KvLoanBookmark,
-  Se as KvLoanCallouts,
-  Pe as KvLoanProgressGroup,
+  Ie as KvLoanCallouts,
+  ge as KvLoanProgressGroup,
   he as KvLoanTag,
   Ve as KvLoanTeamPick,
   Be as KvLoanUse,
@@ -163,58 +163,59 @@ export {
   uo as KvSelect,
   Ko as KvSideSheet,
   vo as KvSwitch,
-  io as KvTab,
+  Ao as KvTab,
   _o as KvTabPanel,
   No as KvTabs,
   co as KvTextInput,
   Ro as KvTextLink,
   Oo as KvThemeProvider,
-  Io as KvToast,
-  go as KvTooltip,
+  So as KvToast,
+  Po as KvTooltip,
   ho as KvTreeMapChart,
   Vo as KvUserAvatar,
   ko as KvUtilityMenu,
   yo as KvVerticalCarousel,
-  Uo as KvVotingCard,
+  bo as KvVotingCard,
   Wo as KvVotingCardV2,
   Qo as KvWideLoanCard,
   $o as KvWwwHeader,
-  nt as LOAN_CALLOUTS_FRAGMENT,
-  vt as LOAN_GEOCODE_FRAGMENT,
+  vt as LOAN_CALLOUTS_FRAGMENT,
+  it as LOAN_GEOCODE_FRAGMENT,
   At as LOAN_PROGRESS_FRAGMENT,
   tt as Mash,
-  ct as NO_BALANCE_CAMPAIGN,
-  Et as TOP_UP_CAMPAIGN,
+  Et as NO_BALANCE_CAMPAIGN,
+  Rt as TOP_UP_CAMPAIGN,
   Pt as animationCoordinator,
-  Ht as buildTailwindClassName,
+  jt as buildTailwindClassName,
   lt as carouselUtil,
   dt as collapse,
   mt as expand,
-  gt as generateMapMarkers,
-  Gt as getCoordinatesBetween,
-  ht as getCountryColor,
-  Rt as getDropdownPriceArray,
-  Mt as getLendCtaSelectedOption,
-  Ft as getLoansIntervals,
-  or as getTreemap,
-  jt as headerNumberCase,
-  Ot as isBetween25And50,
-  ut as isLegacyPlaceholderAvatar,
+  Gt as generateMapMarkers,
+  ht as getCoordinatesBetween,
+  Ft as getCountryColor,
+  Mt as getDropdownPriceArray,
+  ut as getKivaImageUrl,
+  Ot as getLendCtaSelectedOption,
+  Vt as getLoansIntervals,
+  tr as getTreemap,
+  zt as headerNumberCase,
+  It as isBetween25And50,
+  xt as isLegacyPlaceholderAvatar,
   St as isLessThan25,
-  Yt as isTargetElement,
-  zt as kebabCase,
-  it as loanCardComputedProperties,
-  Ct as loanCardMethods,
-  Dt as lockPrintSingleEl,
-  yt as lockScroll,
+  Zt as isTargetElement,
+  Qt as kebabCase,
+  Ct as loanCardComputedProperties,
+  _t as loanCardMethods,
+  kt as lockPrintSingleEl,
+  Ut as lockScroll,
   bt as lockScrollSmallOnly,
-  Zt as offBodyTouchstart,
-  $t as onBodyTouchstart,
-  xt as randomizedUserAvatarClass,
-  Qt as removeObjectProperty,
-  Jt as throttle,
-  kt as unlockPrintSingleEl,
-  Ut as unlockScroll,
-  wt as unlockScrollSmallOnly,
+  $t as offBodyTouchstart,
+  er as onBodyTouchstart,
+  Kt as randomizedUserAvatarClass,
+  qt as removeObjectProperty,
+  Xt as throttle,
+  Bt as unlockPrintSingleEl,
+  wt as unlockScroll,
+  Wt as unlockScrollSmallOnly,
   at as useAttrs
 };

package/dist/utils/imageUtils.js

@@ -1,12 +1,12 @@
-import a from "./Alea.js";
-function c(o) {
+import s from "./Alea.js";
+function w(o) {
   if (!o)
     return !1;
   let t = o.toString();
   return t.includes(".") && ([t] = t.split(".")), ["726677", "315726", "4d844ac2c0b77a8a522741b908ea5c32"].includes(t);
 }
-function l(o = "") {
-  const t = new a(o), e = [
+function $(o = "") {
+  const t = new s(o), e = [
     { color: "tw-text-action", bg: "tw-bg-brand-100" },
     { color: "tw-text-black", bg: "tw-bg-brand-100" },
     { color: "tw-text-white", bg: "tw-bg-action" },
@@ -17,7 +17,24 @@ function l(o = "") {
   ], r = e[Math.floor(t() * e.length)];
   return `${r.color} ${r.bg}`;
 }
+function d({
+  base: o = "/img/",
+  width: t,
+  height: e,
+  square: r,
+  faceZoom: l,
+  hash: n,
+  format: b = "jpg"
+}) {
+  if (!n || !t && !e && !r && !l)
+    return "";
+  let c = "", a = "";
+  t && e && t === e ? r = t : (c = t ? `w${Math.ceil(t)}` : "", a = e ? `h${Math.ceil(e)}` : "");
+  const i = r ? `s${Math.ceil(r)}` : "", g = l && (t || e || r) ? `fz${Math.ceil(l)}` : "";
+  return `${o}${c}${a}${i}${g}/${n}.${b}`;
+}
 export {
-  c as isLegacyPlaceholderAvatar,
-  l as randomizedUserAvatarClass
+  d as getKivaImageUrl,
+  w as isLegacyPlaceholderAvatar,
+  $ as randomizedUserAvatarClass
 };

package/dist/vue/KvBorrowerImage.js

@@ -1,6 +1,7 @@
-import { openBlock as c, createElementBlock as h, normalizeStyle as m, createElementVNode as f, createCommentVNode as d } from "vue";
-import p from "../_virtual/_plugin-vue_export-helper.js";
-const $ = {
+import { getKivaImageUrl as n } from "../utils/imageUtils.js";
+import { openBlock as h, createElementBlock as l, normalizeStyle as o, createElementVNode as c, createCommentVNode as u } from "vue";
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const g = {
   name: "KvBorrowerImage",
   props: {
     /**
@@ -72,39 +73,23 @@ const $ = {
     // Get the 'srcset' string for the source element
     srcset() {
       return this.hash ? this.images.map(({ width: t, faceZoom: e }) => {
-        const r = t * this.aspectRatio, s = {
+        const r = t * this.aspectRatio, a = {
           width: t,
           height: r,
           faceZoom: e
-        }, a = {
+        }, i = {
           width: t * 2,
           height: r * 2,
           faceZoom: e
         };
-        return `${this.getSrcsetDef(s)}, ${this.getSrcsetDef(a)}`;
+        return `${this.getSrcsetDef(a)}, ${this.getSrcsetDef(i)}`;
       }).join(", ") : "";
     }
   },
   methods: {
-    getKivaImageUrl({
-      base: t = "/",
-      width: e,
-      height: r,
-      square: s,
-      faceZoom: a,
-      hash: i,
-      format: u = "jpg"
-    } = {}) {
-      if (!i || !e && !r && !s && !a)
-        return "";
-      let l = "", n = "";
-      e === r ? s = e : (l = e ? `w${Math.ceil(e)}` : "", n = r ? `h${Math.ceil(r)}` : "");
-      const o = s ? `s${Math.ceil(s)}` : "", g = a ? `fz${Math.ceil(a)}` : "";
-      return `${t}${l}${n}${o}${g}/${i}.${u}`;
-    },
     // Get the url for the loan image sized width by height
     getImgUrl(t) {
-      return this.getKivaImageUrl({
+      return n({
         ...t,
         base: this.photoPath,
         hash: this.hash
@@ -115,26 +100,26 @@ const $ = {
       return `${this.getImgUrl(t)} ${t.width}w`;
     }
   }
-}, w = ["srcset", "sizes"], _ = ["src", "alt"];
-function y(t, e, r, s, a, i) {
-  return c(), h("picture", {
+}, d = ["srcset", "sizes"], f = ["src", "alt"];
+function p(t, e, r, a, i, s) {
+  return h(), l("picture", {
     class: "tw-inline-block tw-relative tw-overflow-hidden tw-w-full tw-bg-black",
-    style: m(`padding-bottom: ${r.aspectRatio * 100}%;`)
+    style: o(`padding-bottom: ${r.aspectRatio * 100}%;`)
   }, [
-    f("source", {
-      srcset: i.srcset,
-      sizes: i.sizes
-    }, null, 8, w),
-    r.hash ? (c(), h("img", {
+    c("source", {
+      srcset: s.srcset,
+      sizes: s.sizes
+    }, null, 8, d),
+    r.hash ? (h(), l("img", {
       key: 0,
       class: "tw-absolute tw-w-full tw-h-full tw-object-contain",
-      src: i.defaultUrl,
+      src: s.defaultUrl,
       alt: r.alt,
       loading: "lazy"
-    }, null, 8, _)) : d("", !0)
+    }, null, 8, f)) : u("", !0)
   ], 4);
 }
-const z = /* @__PURE__ */ p($, [["render", y]]);
+const b = /* @__PURE__ */ m(g, [["render", p]]);
 export {
-  z as default
+  b as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.53.1",
+  "version": "6.54.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "8172db9b0ff00fa18f38523c726e40c016e0a3e2"
+  "gitHead": "001bbdce60101ebc7c1891606c8011f2822f0753"
 }