@kiva/kv-components 8.19.2 → 8.20.0

package/dist/vue/KvLendCta.vue.d.ts

@@ -155,7 +155,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: () => {};
@@ -252,7 +252,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;
@@ -299,7 +302,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;
@@ -316,7 +319,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;

package/dist/vue/KvLendCta2.js

@@ -6,21 +6,21 @@ import c from "./KvLendAmountButton.js";
 import p from "./KvSelect.js";
 import m from "./KvButton.js";
 import f from "./KvMaterialIcon.js";
-const n = "Other", A = 360, r = 480, a = 380, O = u`
+const n = "Other", v = 360, r = 480, a = 380, O = u`
     fragment KvLendCta on LoanBasic {
         id
         name
         status
         minNoteSize
     }
-`, D = u`
+`, b = u`
     fragment KvLendCtaUser on LoanBasic {
         id
         userProperties {
             lentTo
         }
     }
-`, b = {
+`, D = {
   name: "KvLendCta",
   components: {
     KvLendAmountButton: c,
@@ -138,6 +138,10 @@ const n = "Other", A = 360, r = 480, a = 380, O = u`
       default: a
     }
   },
+  emits: [
+    "show-loan-details",
+    "add-to-basket"
+  ],
   data() {
     var t, e;
     return {
@@ -158,7 +162,7 @@ const n = "Other", A = 360, r = 480, a = 380, O = u`
       viewportWidth: typeof window < "u" ? window.innerWidth : 1024,
       componentWidth: 1024,
       resizeObserver: null,
-      MOBILE_DROPDOWN_BREAKPOINT: A,
+      MOBILE_DROPDOWN_BREAKPOINT: v,
       NARROW_SIDEBAR_BREAKPOINT: r,
       NARROW_SIDEBAR_DROPDOWN_BREAKPOINT: a
     };
@@ -314,7 +318,7 @@ const n = "Other", A = 360, r = 480, a = 380, O = u`
       this.resizeObserver = new window.ResizeObserver(h(t, 50)), this.$refs.root && (this.resizeObserver.observe(this.$refs.root), t());
     }));
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.resizeHandler && typeof window < "u" && window.removeEventListener("resize", this.resizeHandler), this.resizeObserver && this.$refs.root && this.resizeObserver.disconnect();
   },
   methods: {
@@ -382,6 +386,6 @@ const n = "Other", A = 360, r = 480, a = 380, O = u`
 };
 export {
   O as KV_LEND_CTA_FRAGMENT,
-  D as KV_LEND_CTA_USER_FRAGMENT,
-  b as default
+  b as KV_LEND_CTA_USER_FRAGMENT,
+  D as default
 };

package/dist/vue/KvLightbox2.js

@@ -2,8 +2,8 @@ import { toRefs as h, ref as u, nextTick as k, computed as x, watch as S, onMoun
 import { mdiClose as E } from "@mdi/js";
 import { useFocusTrap as L } from "@vueuse/integrations/useFocusTrap";
 import { hideOthers as w } from "../vendor/aria-hidden/dist/es2015/index.js";
-import { unlockScroll as P, lockScroll as q } from "../utils/scrollLock.js";
-import { unlockPrintSingleEl as I, lockPrintSingleEl as K } from "../utils/printing.js";
+import { lockScroll as P, unlockScroll as q } from "../utils/scrollLock.js";
+import { lockPrintSingleEl as I, unlockPrintSingleEl as K } from "../utils/printing.js";
 import M from "./KvMaterialIcon.js";
 const A = {
   components: {
@@ -79,7 +79,7 @@ const A = {
     let c = null, s = null;
     const b = x(() => d.value === "alert" ? "alertdialog" : "dialog"), r = (e = "") => {
       var l;
-      n.value && t.value && ((l = i.value) == null || l.call(i), t.value.scrollTop = 0, I(t.value)), P(), c && (c(), c = null), document.removeEventListener("keyup", s), o.value && g("lightbox-closed", { type: e });
+      n.value && t.value && ((l = i.value) == null || l.call(i), t.value.scrollTop = 0, K(t.value)), q(), c && (c(), c = null), document.removeEventListener("keyup", s), o.value && g("lightbox-closed", { type: e });
     };
     s = (e) => {
       e && e.key === "Escape" && !p.value && r();
@@ -89,7 +89,7 @@ const A = {
     }, f = () => {
       o.value && (document.addEventListener("keyup", s), k(() => {
         var e;
-        if (n.value && t.value && ((e = a.value) == null || e.call(a), c = w(n.value), K(t.value)), q(), d.value === "alert") {
+        if (n.value && t.value && ((e = a.value) == null || e.call(a), c = w(n.value), I(t.value)), P(), d.value === "alert") {
           const l = m.value.querySelector("button");
           l && l.focus();
         }

package/dist/vue/KvLoanActivities.js

@@ -10,8 +10,8 @@ const A = {
   key: 0,
   class: "tw-mt-1 tw-text-small tw-text-danger"
 }, F = { class: "tw-flex tw-justify-end tw-mt-4 tw-pb-2.5 md:tw-pb-4" };
-function I(x, a, t, e, j, E) {
-  const v = c("KvActivityRow"), k = c("KvLendCta"), u = c("KvLightbox");
+function I(k, a, t, e, j, E) {
+  const v = c("KvActivityRow"), x = c("KvLendCta"), u = c("KvLightbox");
   return t.combinedActivities.length > 0 ? (n(), s("div", A, [
     i("div", L, [
       d(v, { activity: e.singleActivity }, null, 8, ["activity"])
@@ -49,7 +49,7 @@ function I(x, a, t, e, j, E) {
         i("div", null, [
           t.errorMsg ? (n(), s("p", B, l(t.errorMsg), 1)) : r("", !0),
           i("div", F, [
-            d(k, {
+            d(x, {
               loan: t.loan,
               "is-loading": !1,
               "kv-track-function": t.kvTrackFunction,
@@ -61,7 +61,7 @@ function I(x, a, t, e, j, E) {
               "is-adding": t.isAdding,
               "is-visitor": t.isVisitor,
               "enable-five-dollars-notes": t.enableFiveDollarsNotes,
-              onAddToBasket: a[1] || (a[1] = (o) => x.$emit("add-to-basket", o))
+              onAddToBasket: a[1] || (a[1] = (o) => k.$emit("add-to-basket", o))
             }, null, 8, ["loan", "kv-track-function", "get-cookie", "set-cookie", "user-balance", "basket-items", "route", "is-adding", "is-visitor", "enable-five-dollars-notes"])
           ])
         ])

package/dist/vue/KvLoanActivities.vue.d.ts

@@ -435,7 +435,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: () => {};
@@ -532,7 +532,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;
@@ -579,7 +582,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;
@@ -596,7 +599,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;

package/dist/vue/KvLoanActivities2.js

@@ -1,11 +1,11 @@
-import { toRefs as m, ref as p, computed as n } from "vue";
-import { gql as v } from "@apollo/client/core";
+import { toRefs as f, ref as v, computed as n } from "vue";
+import { gql as p } from "@apollo/client/core";
 import { format as y } from "date-fns";
 import A from "numeral";
 import g from "./KvActivityRow.js";
 import b from "./KvLightbox.js";
 import F from "./KvLendCta.js";
-const O = v`
+const O = p`
 	fragment KvLoanActivities on LoanBasic {
 		id
 		name
@@ -110,37 +110,37 @@ const O = v`
   setup(r) {
     const {
       loan: a,
-      combinedActivities: u,
-      kvTrackFunction: d
-    } = m(r), i = p(!1), l = n(() => {
+      combinedActivities: l,
+      kvTrackFunction: s
+    } = f(r), i = v(!1), u = n(() => {
       var t;
       return `Activity for ${((t = a.value) == null ? void 0 : t.name) || ""}`;
-    }), s = n(() => {
+    }), d = n(() => {
       var t, e;
       return ((e = (t = a.value) == null ? void 0 : t.lenders) == null ? void 0 : e.totalCount) ?? 0;
     }), c = n(() => {
       var e, o;
       const t = ((o = (e = a.value) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : o.fundedAmount) ?? 0;
       return A(parseFloat(t)).format("$0,0");
-    }), f = n(() => {
-      const t = u.value.find((e) => e.data.some((o) => o.type === "LendingAction"));
+    }), m = n(() => {
+      const t = l.value.find((e) => e.data.some((o) => o.type === "LendingAction"));
       return (t == null ? void 0 : t.data[0]) ?? {};
     });
     return {
       lightboxOpen: i,
-      modalTitle: l,
+      modalTitle: u,
       formattedDate: (t) => {
         const e = new Date(t);
         return y(e, "MMM d, yyyy");
       },
       showActivityModal: () => {
-        d.value("loan-card", "click", "see-all-activity"), i.value = !0;
+        s.value("loan-card", "click", "see-all-activity"), i.value = !0;
       },
       closeLightbox: () => {
         i.value = !1;
       },
-      singleActivity: f,
-      lendersNumber: s,
+      singleActivity: m,
+      lendersNumber: d,
       amountLent: c
     };
   }

package/dist/vue/KvLoanBookmark.vue.d.ts

@@ -7,12 +7,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/KvLoanBookmark2.js

@@ -1,5 +1,5 @@
 import o from "graphql-tag";
-import { mdiBookmarkOutline as a, mdiBookmark as r } from "@mdi/js";
+import { mdiBookmark as a, mdiBookmarkOutline as r } from "@mdi/js";
 import e from "./KvMaterialIcon.js";
 const i = o`
 	fragment KvLoanBookmark on LoanBasic {
@@ -8,7 +8,7 @@ const i = o`
 			favorited
 		}
 	}
-`, s = {
+`, k = {
   name: "KvLoanBookmark",
   components: {
     KvMaterialIcon: e
@@ -19,14 +19,17 @@ const i = o`
       default: !1
     }
   },
+  emits: [
+    "toggle-bookmark"
+  ],
   data() {
     return {
-      mdiBookmarkOutline: a,
-      mdiBookmark: r
+      mdiBookmarkOutline: r,
+      mdiBookmark: a
     };
   }
 };
 export {
   i as KV_LOAN_BOOKMARK_FRAGMENT,
-  s as default
+  k as default
 };

package/dist/vue/KvLoanInfoCard.css

@@ -1 +1 @@
-.loan-card-active-hover[data-v-de35f998]:hover{cursor:pointer}.loan-card-use[data-v-de35f998]:hover,.loan-card-use[data-v-de35f998]: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-de35f998]{text-decoration-line:underline}.loan-card-progress[data-v-de35f998]:hover,.loan-card-progress[data-v-de35f998]:focus{text-decoration-line:none}
+.loan-card-active-hover[data-v-13281840]:hover{cursor:pointer}.loan-card-use[data-v-13281840]:hover,.loan-card-use[data-v-13281840]: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-13281840]{text-decoration-line:underline}.loan-card-progress[data-v-13281840]:hover,.loan-card-progress[data-v-13281840]:focus{text-decoration-line:none}

package/dist/vue/KvLoanInfoCard.js

@@ -4,7 +4,7 @@ import K from "./KvLoanUse.js";
 import W from "./KvBorrowerImage.js";
 import F from "./KvMaterialIcon.js";
 import E from "./KvLoadingPlaceholder.js";
-import { resolveComponent as m, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as I, createElementVNode as l, createBlock as c, resolveDynamicComponent as v, withCtx as k, createVNode as s, toDisplayString as b, createCommentVNode as T, Fragment as O, renderList as U, withModifiers as V } from "vue";
+import { resolveComponent as m, openBlock as t, createElementBlock as i, normalizeStyle as I, normalizeClass as _, createElementVNode as l, createBlock as c, resolveDynamicComponent as v, withCtx as k, createVNode as s, toDisplayString as b, createCommentVNode as T, Fragment as O, renderList as U, withModifiers as V } from "vue";
 import "./KvLoanInfoCard.css";
 import G from "../_virtual/_plugin-vue_export-helper.js";
 import { KV_LOAN_USE_FRAGMENT as H } from "./KvLoanUse2.js";
@@ -255,7 +255,7 @@ function re(w, a, o, e, y, n) {
     ])
   ], 6);
 }
-const ge = /* @__PURE__ */ G(q, [["render", re], ["__scopeId", "data-v-de35f998"]]);
+const ge = /* @__PURE__ */ G(q, [["render", re], ["__scopeId", "data-v-13281840"]]);
 export {
   fe as KV_LOAN_INFO_CARD_FRAGMENT,
   ge as default

package/dist/vue/KvLoanTag.js

@@ -1,21 +1,21 @@
 import u from "./KvLoanTag2.js";
 import { KV_LOAN_TAG_FRAGMENT as O } from "./KvLoanTag2.js";
-import { resolveComponent as c, openBlock as e, createElementBlock as a, normalizeClass as _, normalizeStyle as g, Fragment as o, createTextVNode as i, toDisplayString as r, createElementVNode as h, createVNode as f, withCtx as k, renderList as w, createBlock as x, createCommentVNode as m } from "vue";
-import y from "../_virtual/_plugin-vue_export-helper.js";
-const p = ["id"];
-function v(M, N, l, A, C, t) {
+import { resolveComponent as c, openBlock as e, createElementBlock as a, normalizeStyle as _, normalizeClass as g, Fragment as o, createTextVNode as i, toDisplayString as r, createElementVNode as h, createVNode as f, withCtx as k, renderList as w, createBlock as y, createCommentVNode as m } from "vue";
+import p from "../_virtual/_plugin-vue_export-helper.js";
+const x = ["id"];
+function v(M, N, l, C, T, t) {
   const d = c("kv-tooltip"), s = c("kv-countdown-timer");
   return t.variation ? (e(), a("div", {
     key: 0,
-    class: _(["tw-text-small tw-font-medium tw-pt-0.5", { "tw-line-clamp-1": !t.isMultipleMatch }]),
-    style: g({ color: t.tagColor })
+    class: g(["tw-text-small tw-font-medium tw-pt-0.5", { "tw-line-clamp-1": !t.isMultipleMatch }]),
+    style: _({ color: t.tagColor })
   }, [
     t.isMultipleMatch ? (e(), a(o, { key: 0 }, [
       i(r(t.totalMatchRatio) + "x match by ", 1),
       h("span", {
         id: `matching-orgs-${l.loan.id}`,
         class: "tw-underline tw-decoration-dotted tw-cursor-pointer"
-      }, r(t.multiMatchingOrgs.length) + " organizations", 9, p),
+      }, r(t.multiMatchingOrgs.length) + " organizations", 9, x),
       f(d, {
         controller: `matching-orgs-${l.loan.id}`,
         theme: "default"
@@ -30,14 +30,14 @@ function v(M, N, l, A, C, t) {
       }, 8, ["controller"])
     ], 64)) : (e(), a(o, { key: 1 }, [
       i(r(t.tagText) + " ", 1),
-      t.variation === "ending-soon" ? (e(), x(s, {
+      t.variation === "ending-soon" ? (e(), y(s, {
         key: 0,
         deadline: t.deadline
       }, null, 8, ["deadline"])) : m("", !0)
     ], 64))
   ], 6)) : m("", !0);
 }
-const B = /* @__PURE__ */ y(u, [["render", v]]);
+const B = /* @__PURE__ */ p(u, [["render", v]]);
 export {
   O as KV_LOAN_TAG_FRAGMENT,
   B as default

package/dist/vue/KvLoanTag2.js

@@ -1,4 +1,4 @@
-import { parseISO as s, differenceInDays as r } from "date-fns";
+import { differenceInDays as r, parseISO as s } from "date-fns";
 import u from "graphql-tag";
 import l from "numeral";
 import d from "./KvCountdownTimer.js";

package/dist/vue/KvMap.vue.d.ts

@@ -129,7 +129,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     highlightFeature(e: any): void;
     resetHighlight(e: any): void;
     circleMapClicked(countryIso: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "country-lend-filter"[], "country-lend-filter", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     aspectRatio: {
         type: NumberConstructor;
         default: number;
@@ -207,7 +207,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onCountry-lend-filter"?: (...args: any[]) => any;
+}>, {
     height: number;
     width: number;
     aspectRatio: number;

package/dist/vue/KvMap2.js

@@ -1,5 +1,5 @@
 import r from "@kiva/kv-tokens";
-import { computeMapCenter as l, computeMapZoom as h, generateMapMarkers as c, animationCoordinator as u, getCountryColor as n } from "../utils/mapUtils.js";
+import { getCountryColor as n, generateMapMarkers as l, animationCoordinator as h, computeMapZoom as c, computeMapCenter as u } from "../utils/mapUtils.js";
 const p = {
   name: "KvMap",
   props: {
@@ -165,6 +165,9 @@ const p = {
       default: !1
     }
   },
+  emits: [
+    "country-lend-filter"
+  ],
   data() {
     return {
       hasWebGL: !1,
@@ -195,7 +198,7 @@ const p = {
      */
     computedCenter() {
       var e;
-      return !this.optimizeInitialMapZoom || !((e = this.countriesData) != null && e.length) ? { lat: 0, long: 0 } : l(this.countriesData);
+      return !this.optimizeInitialMapZoom || !((e = this.countriesData) != null && e.length) ? { lat: 0, long: 0 } : u(this.countriesData);
     },
     /**
      * Effective latitude: explicit prop overrides computed value
@@ -216,7 +219,7 @@ const p = {
      */
     effectiveZoomLevel() {
       var e;
-      return this.optimizeInitialMapZoom && ((e = this.countriesData) != null && e.length) ? h(this.countriesData) : this.zoomLevel;
+      return this.optimizeInitialMapZoom && ((e = this.countriesData) != null && e.length) ? c(this.countriesData) : this.zoomLevel;
     }
   },
   watch: {
@@ -240,7 +243,7 @@ const p = {
     var e;
     (e = this.countriesData) != null && e.length && this.ensureCountriesBordersLoaded(), !this.mapLibreReady && !this.leafletReady && this.initializeMap();
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.mapInstance && (!this.hasWebGL && !this.leafletReady && this.mapInstance.off(), this.mapInstance.remove()), this.destroyWrapperObserver();
   },
   methods: {
@@ -342,8 +345,8 @@ const p = {
     animateMap() {
       this.mapInstance.style.stylesheet.layers.forEach((e) => {
         e.type === "symbol" && this.mapInstance.removeLayer(e.id);
-      }), c(this.mapInstance, this.advancedAnimation.borrowerPoints), setTimeout(() => {
-        u(this.mapInstance, this.advancedAnimation.borrowerPoints).then(() => {
+      }), l(this.mapInstance, this.advancedAnimation.borrowerPoints), setTimeout(() => {
+        h(this.mapInstance, this.advancedAnimation.borrowerPoints).then(() => {
           this.mapInstance.dragPan.enable(), this.mapInstance.scrollZoom.enable(), this.mapInstance.scrollZoom.enable(), this.mapInstance.easeTo({
             center: [this.effectiveLong, this.effectiveLat],
             zoom: this.initialZoom || this.effectiveZoomLevel

package/dist/vue/KvPagination.vue.d.ts

@@ -50,7 +50,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     clickPage(number: any): void;
     clickPrevious(): void;
     clickNext(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "page-changed"[], "page-changed", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     limit: {
         type: NumberConstructor;
         required: true;
@@ -83,7 +83,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onPage-changed"?: (...args: any[]) => any;
+}>, {
     kvTrackFunction: Function;
     offset: number;
     extraPages: number;

package/dist/vue/KvPagination2.js

@@ -1,4 +1,4 @@
-import { mdiChevronLeft as a, mdiChevronRight as r } from "@mdi/js";
+import { mdiChevronRight as s, mdiChevronLeft as r } from "@mdi/js";
 import n from "./KvMaterialIcon.js";
 const h = {
   name: "KvPagination",
@@ -40,10 +40,13 @@ const h = {
       default: ""
     }
   },
+  emits: [
+    "page-changed"
+  ],
   data() {
     return {
-      mdiChevronLeft: a,
-      mdiChevronRight: r
+      mdiChevronLeft: r,
+      mdiChevronRight: s
     };
   },
   computed: {
@@ -73,7 +76,7 @@ const h = {
   },
   methods: {
     range(t, e) {
-      return [...Array(e - t + 1)].map((i, s) => s + t);
+      return [...Array(e - t + 1)].map((i, a) => a + t);
     },
     isCurrent(t) {
       return t === this.current;

package/dist/vue/KvPieChartV2.css

@@ -1 +1 @@
-.segment-circle[data-v-73c9f5f9]{transition:stroke-dashoffset .5s ease-in-out}.skeleton-ring[data-v-73c9f5f9]{opacity:1;transition:opacity .5s ease-in-out}.skeleton-ring--loading[data-v-73c9f5f9]{animation:skeleton-ring-pulse-73c9f5f9 1.4s ease-in-out infinite;transform-origin:center}.legend-dot[data-v-73c9f5f9]{transition:background-color .5s ease-in-out}@keyframes skeleton-ring-pulse-73c9f5f9{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.skeleton-ring--loading[data-v-73c9f5f9]{animation:none}}
+.segment-circle[data-v-73c9f5f9]{transition:stroke-dashoffset .5s ease-in-out}.skeleton-ring[data-v-73c9f5f9]{opacity:1;transition:opacity .5s ease-in-out}.skeleton-ring--loading[data-v-73c9f5f9]{animation:skeleton-ring-pulse-73c9f5f9 1.4s ease-in-out infinite;transform-origin:center}.legend-dot[data-v-73c9f5f9]{transition:background-color .5s ease-in-out}@keyframes skeleton-ring-pulse-73c9f5f9{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.skeleton-ring--loading[data-v-73c9f5f9]{animation:none}}

package/dist/vue/KvPieChartV22.js

@@ -1,5 +1,5 @@
 import { toRefs as z, ref as I, computed as u, onMounted as J, watch as U, onUnmounted as Q } from "vue";
-import { getPieChartColor as $, LOADING_BG_COLOR as Z, OTHER_SEGMENT_BG_COLOR as ee } from "../utils/pieChartColors.js";
+import { getPieChartColor as $, OTHER_SEGMENT_BG_COLOR as Z, LOADING_BG_COLOR as ee } from "../utils/pieChartColors.js";
 import { easeInOutCubic as te } from "../utils/useCountUp.js";
 import ae from "./KvLightbox.js";
 const E = 262, le = E / 2, ne = E / 2, W = 500, ue = 500, ve = {
@@ -207,8 +207,8 @@ const E = 262, le = E / 2, ne = E / 2, W = 500, ue = 500, ve = {
       CY: ne,
       radius: G,
       circumference: b,
-      LOADING_BG_COLOR: Z,
-      OTHER_SEGMENT_BG_COLOR: ee,
+      LOADING_BG_COLOR: ee,
+      OTHER_SEGMENT_BG_COLOR: Z,
       // State
       showOtherLightbox: k,
       animatedIn: c,

package/dist/vue/KvPopper2.js

@@ -1,4 +1,4 @@
-import { isTargetElement as r, onBodyTouchstart as o, offBodyTouchstart as i } from "../utils/touchEvents.js";
+import { offBodyTouchstart as r, onBodyTouchstart as o, isTargetElement as i } from "../utils/touchEvents.js";
 const h = {
   name: "KvPopper",
   props: {
@@ -41,7 +41,7 @@ const h = {
   updated() {
     this.popper && this.popper.scheduleUpdate();
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.removeEvents(), this.popper && this.popper.destroy();
   },
   methods: {
@@ -80,7 +80,7 @@ const h = {
       }), this.popperPromise);
     },
     bodyTouchHandler(e) {
-      r(e, [this.reference, this.$el]) || (this.show = !1, this.removeBodyEvents());
+      i(e, [this.reference, this.$el]) || (this.show = !1, this.removeBodyEvents());
     },
     referenceTapHandler(e) {
       e.preventDefault(), this.toggle();
@@ -95,7 +95,7 @@ const h = {
       this.removeBodyEvents(), this.reference.removeEventListener("touchstart", this.referenceTapHandler), this.reference.removeEventListener("mouseover", this.open), this.reference.removeEventListener("mouseout", this.close), this.$el.removeEventListener("mouseover", this.open), this.$el.removeEventListener("mouseout", this.close);
     },
     removeBodyEvents() {
-      i(this.bodyTouchHandler);
+      r(this.bodyTouchHandler);
     },
     setAttributes(e) {
       Object.keys(e).forEach((t) => {

package/dist/vue/KvRadio.js

@@ -1,5 +1,5 @@
 import a from "./KvRadio2.js";
-import { openBlock as o, createElementBlock as d, normalizeClass as r, normalizeStyle as c, createElementVNode as i, mergeProps as w, toHandlers as f, withModifiers as m, createCommentVNode as h, renderSlot as u } from "vue";
+import { openBlock as o, createElementBlock as d, normalizeStyle as c, normalizeClass as r, createElementVNode as i, mergeProps as w, toHandlers as f, withModifiers as m, createCommentVNode as h, renderSlot as u } from "vue";
 import v from "../_virtual/_plugin-vue_export-helper.js";
 const b = ["for"], _ = ["id", "checked", "name", "value", "disabled"], g = {
   key: 0,