@kiva/kv-components 4.8.6 → 5.0.0

package/dist/utils/index.cjs

@@ -1,1154 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// utils/themeUtils.cjs
-var require_themeUtils = __commonJS({
-  "utils/themeUtils.cjs"(exports, module2) {
-    var headerNumberCase = (str) => str.replace("h-1", "h1").replace("h-2", "h2").replace("h-3", "h3").replace("h-4", "h4").replace("h-5", "h5");
-    var buildTailwindClassName = (prefix, value) => {
-      let name = `${prefix}-${value}`;
-      name = name.replace("-DEFAULT", "");
-      return name;
-    };
-    var kebabCase = (str) => str.split("").map((letter, idx) => letter.toUpperCase() === letter ? `${idx !== 0 ? "-" : ""}${letter.toLowerCase()}` : letter).join("");
-    var removeObjectProperty = (object, key) => {
-      const ret = { ...object };
-      delete ret[key];
-      return ret;
-    };
-    module2.exports = {
-      buildTailwindClassName,
-      headerNumberCase,
-      kebabCase,
-      removeObjectProperty
-    };
-  }
-});
-
-// utils/index.js
-var utils_exports = {};
-__export(utils_exports, {
-  BALANCE_CAMPAIGN: () => BALANCE_CAMPAIGN,
-  BASE_CAMPAIGN: () => BASE_CAMPAIGN,
-  ERL_COOKIE_NAME: () => ERL_COOKIE_NAME,
-  Mash: () => Mash,
-  NO_BALANCE_CAMPAIGN: () => NO_BALANCE_CAMPAIGN,
-  TOP_UP_CAMPAIGN: () => TOP_UP_CAMPAIGN,
-  animationCoordinator: () => animationCoordinator,
-  carouselUtil: () => carouselUtil,
-  collapse: () => collapse,
-  expand: () => expand,
-  generateMapMarkers: () => generateMapMarkers,
-  getCoordinatesBetween: () => getCoordinatesBetween,
-  getCountryColor: () => getCountryColor,
-  getDropdownPriceArray: () => getDropdownPriceArray,
-  getLendCtaSelectedOption: () => getLendCtaSelectedOption,
-  getLoansIntervals: () => getLoansIntervals,
-  getTreemap: () => getTreemap,
-  isBetween25And50: () => isBetween25And50,
-  isLegacyPlaceholderAvatar: () => isLegacyPlaceholderAvatar,
-  isLessThan25: () => isLessThan25,
-  isTargetElement: () => isTargetElement,
-  loanCardComputedProperties: () => loanCardComputedProperties,
-  loanCardMethods: () => loanCardMethods,
-  lockPrintSingleEl: () => lockPrintSingleEl,
-  lockScroll: () => lockScroll,
-  lockScrollSmallOnly: () => lockScrollSmallOnly,
-  offBodyTouchstart: () => offBodyTouchstart,
-  onBodyTouchstart: () => onBodyTouchstart,
-  randomizedUserAvatarClass: () => randomizedUserAvatarClass,
-  throttle: () => throttle,
-  unlockPrintSingleEl: () => unlockPrintSingleEl,
-  unlockScroll: () => unlockScroll,
-  unlockScrollSmallOnly: () => unlockScrollSmallOnly,
-  useAttrs: () => useAttrs
-});
-module.exports = __toCommonJS(utils_exports);
-
-// utils/Alea.js
-function Mash() {
-  let n = 4022871197;
-  const mash = function(data) {
-    data = data.toString();
-    for (let i = 0; i < data.length; i++) {
-      n += data.charCodeAt(i);
-      let h = 0.02519603282416938 * n;
-      n = h >>> 0;
-      h -= n;
-      h *= n;
-      n = h >>> 0;
-      h -= n;
-      n += h * 4294967296;
-    }
-    return (n >>> 0) * 23283064365386963e-26;
-  };
-  mash.version = "Mash 0.9";
-  return mash;
-}
-
-// utils/attrs.js
-function asArray(input) {
-  if (!input)
-    return [];
-  return Array.isArray(input) ? input : [input];
-}
-function useAttrs({ attrs, listeners }, ownEvents = []) {
-  const classes = asArray(attrs == null ? void 0 : attrs.class);
-  const styles = asArray(attrs == null ? void 0 : attrs.style);
-  const inputListeners = listeners ? { ...listeners } : {};
-  ownEvents.forEach((event) => {
-    delete inputListeners[event];
-  });
-  const inputAttrs = { ...attrs };
-  delete inputAttrs.class;
-  delete inputAttrs.style;
-  return {
-    classes,
-    styles,
-    inputAttrs,
-    inputListeners
-  };
-}
-
-// utils/carousels.js
-var import_vue_demi = require("vue-demi");
-var import_embla_carousel = __toESM(require("embla-carousel"), 1);
-var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
-var import_embla_carousel_fade = __toESM(require("embla-carousel-fade"), 1);
-
-// utils/throttle.js
-function throttle(func, timeFrame) {
-  let lastTime = 0;
-  return function t(...args) {
-    const now = /* @__PURE__ */ new Date();
-    if (now - lastTime >= timeFrame) {
-      func(...args);
-      lastTime = now;
-    }
-  };
-}
-
-// utils/carousels.js
-function carouselUtil(props, { emit, slots }, extraEmblaOptions) {
-  var _a;
-  const {
-    autoplayOptions,
-    fadeEnabled,
-    emblaOptions,
-    slidesToScroll
-  } = (0, import_vue_demi.toRefs)(props);
-  const rootEl = (0, import_vue_demi.ref)(null);
-  const embla = (0, import_vue_demi.ref)(null);
-  const slides = (0, import_vue_demi.ref)([]);
-  const isAutoplaying = (0, import_vue_demi.ref)(false);
-  const startIndex = ((_a = emblaOptions.value) == null ? void 0 : _a.startIndex) ?? 0;
-  const currentIndex = (0, import_vue_demi.ref)(startIndex);
-  const slideIndicatorCount = (0, import_vue_demi.ref)(0);
-  const componentSlotKeys = (0, import_vue_demi.computed)(() => {
-    const keys = Object.keys(slots);
-    return keys;
-  });
-  const nextIndex = (0, import_vue_demi.computed)(() => {
-    const nextSlideIndex = currentIndex.value + 1;
-    if (nextSlideIndex < slides.value.length) {
-      return nextSlideIndex;
-    }
-    return 0;
-  });
-  const previousIndex = (0, import_vue_demi.computed)(() => {
-    const previousSlideIndex = currentIndex.value - 1;
-    if (previousSlideIndex >= 0) {
-      return previousSlideIndex;
-    }
-    return slides.value.length - 1;
-  });
-  const goToSlide = (index) => {
-    var _a2, _b;
-    const autoplay = (_b = (_a2 = embla.value) == null ? void 0 : _a2.plugins()) == null ? void 0 : _b.autoplay;
-    if (autoplay) {
-      autoplay.stop();
-    }
-    embla.value.scrollTo(index);
-  };
-  const handleUserInteraction = async (index, interactionType) => {
-    if (index !== null && typeof index !== "undefined") {
-      await (0, import_vue_demi.nextTick)();
-      goToSlide(index);
-    }
-    emit("interact-carousel", interactionType);
-  };
-  const toggleAutoPlay = () => {
-    var _a2, _b;
-    const autoplay = (_b = (_a2 = embla.value) == null ? void 0 : _a2.plugins()) == null ? void 0 : _b.autoplay;
-    if (!autoplay)
-      return;
-    const playOrStop = autoplay.isPlaying() ? autoplay.stop : autoplay.play;
-    playOrStop();
-  };
-  const slideIndicatorListLength = () => {
-    const indicator = embla.value ? embla.value.scrollSnapList().length : 0;
-    slideIndicatorCount.value = indicator;
-    return indicator;
-  };
-  const reInitVisible = () => {
-    const slidesInView = embla.value.slidesInView(true).length;
-    if (slidesInView) {
-      embla.value.reInit({
-        slidesToScroll: slidesInView,
-        inViewThreshold: 0.9
-      });
-    }
-  };
-  const reInit = () => {
-    embla.value.reInit();
-    if (slidesToScroll.value === "visible") {
-      reInitVisible();
-    }
-    slides.value = embla.value.slideNodes();
-    slideIndicatorListLength();
-  };
-  const isAriaHidden = (index) => {
-    if (embla.value) {
-      return !embla.value.slidesInView(true).includes(index);
-    }
-    return false;
-  };
-  const combinedPluginOptions = (0, import_vue_demi.computed)(() => {
-    const options = [];
-    if (Object.keys(autoplayOptions.value).length !== 0) {
-      options.push((0, import_embla_carousel_autoplay.default)(autoplayOptions.value));
-    }
-    if (fadeEnabled.value) {
-      options.push((0, import_embla_carousel_fade.default)());
-    }
-    return options;
-  });
-  (0, import_vue_demi.onMounted)(async () => {
-    var _a2, _b, _c;
-    embla.value = (0, import_embla_carousel.default)(rootEl.value, {
-      loop: true,
-      containScroll: "trimSnaps",
-      inViewThreshold: 0.9,
-      align: "start",
-      ...extraEmblaOptions,
-      ...emblaOptions.value
-    }, combinedPluginOptions.value);
-    if (slidesToScroll.value === "visible") {
-      reInitVisible();
-      embla.value.on(
-        "resize",
-        throttle(() => {
-          embla.value.reInit({
-            slidesToScroll: embla.value.slidesInView(true).length || "auto",
-            inViewThreshold: 0.9
-          });
-          slides.value = embla.value.slideNodes();
-          slideIndicatorListLength();
-        }, 250)
-      );
-    }
-    slides.value = embla.value.slideNodes();
-    slideIndicatorListLength();
-    (_a2 = embla == null ? void 0 : embla.value) == null ? void 0 : _a2.on("select", () => {
-      var _a3, _b2;
-      currentIndex.value = embla.value.selectedScrollSnap();
-      const autoplay = (_b2 = (_a3 = embla.value) == null ? void 0 : _a3.plugins()) == null ? void 0 : _b2.autoplay;
-      if (autoplay) {
-        embla.value.plugins().autoplay.options.playOnInit = autoplay.isPlaying();
-      }
-      (0, import_vue_demi.nextTick)(() => {
-        emit("change", currentIndex);
-      });
-    });
-    (_b = embla == null ? void 0 : embla.value) == null ? void 0 : _b.on("autoplay:play", () => {
-      isAutoplaying.value = true;
-    });
-    (_c = embla == null ? void 0 : embla.value) == null ? void 0 : _c.on("autoplay:stop", () => {
-      isAutoplaying.value = false;
-    });
-  });
-  (0, import_vue_demi.onUnmounted)(async () => {
-    var _a2, _b, _c, _d;
-    (_a2 = embla == null ? void 0 : embla.value) == null ? void 0 : _a2.off("select");
-    (_b = embla == null ? void 0 : embla.value) == null ? void 0 : _b.off("autoplay:play");
-    (_c = embla == null ? void 0 : embla.value) == null ? void 0 : _c.off("autoplay:stop");
-    (_d = embla == null ? void 0 : embla.value) == null ? void 0 : _d.destroy();
-  });
-  return {
-    rootEl,
-    embla,
-    slides,
-    currentIndex,
-    componentSlotKeys,
-    nextIndex,
-    previousIndex,
-    slideIndicatorCount,
-    handleUserInteraction,
-    goToSlide,
-    reInit,
-    reInitVisible,
-    isAriaHidden,
-    isAutoplaying,
-    slideIndicatorListLength,
-    toggleAutoPlay
-  };
-}
-
-// utils/expander.js
-function setInitialStyle(el, { property, delay, easing }) {
-  el.style.overflow = "hidden";
-  el.style.transition = `${property} ${delay}ms ${easing}`;
-}
-function unsetStyles(el, { property }) {
-  el.style[property] = null;
-  el.style.overflow = null;
-  el.style.transition = null;
-}
-function expand(el, {
-  easing = "ease",
-  delay = 500,
-  done = () => {
-  },
-  from = 0,
-  property = "height"
-}) {
-  setInitialStyle(el, { property, delay, easing });
-  el.style[property] = "auto";
-  el.style.display = null;
-  const propValue = window.getComputedStyle(el).getPropertyValue(property);
-  el.style[property] = from;
-  el.addEventListener("transitionend", function listener() {
-    unsetStyles(el, { property });
-    done();
-    el.removeEventListener("transitionend", listener, true);
-  }, true);
-  void el.offsetWidth;
-  el.style[property] = propValue;
-}
-function collapse(el, {
-  easing = "ease",
-  delay = 500,
-  done = () => {
-  },
-  to = 0,
-  property = "height"
-}) {
-  setInitialStyle(el, { property, delay, easing });
-  el.style[property] = window.getComputedStyle(el).getPropertyValue(property);
-  el.addEventListener("transitionend", function listener() {
-    unsetStyles(el, { property });
-    done();
-    el.removeEventListener("transitionend", listener, true);
-  }, true);
-  void el.offsetWidth;
-  el.style[property] = to;
-}
-
-// utils/imageUtils.js
-function isLegacyPlaceholderAvatar(filename) {
-  if (!filename) {
-    return false;
-  }
-  let filenameCleaned = filename.toString();
-  if (filenameCleaned.includes(".")) {
-    [filenameCleaned] = filenameCleaned.split(".");
-  }
-  const defaultProfileIds = ["726677", "315726", "4d844ac2c0b77a8a522741b908ea5c32"];
-  return defaultProfileIds.includes(filenameCleaned);
-}
-function randomizedUserAvatarClass() {
-  const userCardStyleOptions = [
-    { 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" },
-    { color: "tw-text-brand-100", bg: "tw-bg-action" },
-    { color: "tw-text-primary-inverse", bg: "tw-bg-action" },
-    { color: "tw-text-white", bg: "tw-bg-black" },
-    { color: "tw-text-action", bg: "tw-bg-black" }
-  ];
-  const randomStyle = userCardStyleOptions[Math.floor(Math.random() * userCardStyleOptions.length)];
-  return `${randomStyle.color} ${randomStyle.bg}`;
-}
-
-// utils/loanCard.js
-var import_vue_demi2 = require("vue-demi");
-var import_js = require("@mdi/js");
-var LSE_LOAN_KEY = "N/A";
-var ECO_FRIENDLY_KEY = "ECO-FRIENDLY";
-var SUSTAINABLE_AG_KEY = "SUSTAINABLE AG";
-var SINGLE_PARENT_KEY = "SINGLE PARENT";
-var REFUGEE_KEY = "REFUGEES/DISPLACED";
-var findCalloutData = (tags, tagName) => (tags == null ? void 0 : tags.find((t) => t.name.replace("#", "").toUpperCase() === tagName.toUpperCase())) ?? {};
-function loanCardComputedProperties(props, hideUnitedStatesText = false) {
-  const {
-    externalLinks,
-    customLoanDetails,
-    loanId,
-    loan,
-    categoryPageName,
-    customCallouts
-  } = (0, import_vue_demi2.toRefs)(props);
-  const tag = (0, import_vue_demi2.computed)(() => externalLinks.value ? "a" : "router-link");
-  const readMorePath = (0, import_vue_demi2.computed)(() => customLoanDetails.value ? "" : `/lend/${loanId.value}`);
-  const isLoading = (0, import_vue_demi2.computed)(() => !loanId.value || !loan.value);
-  const borrowerName = (0, import_vue_demi2.computed)(() => {
-    var _a;
-    return ((_a = loan.value) == null ? void 0 : _a.name) || "";
-  });
-  const countryName = (0, import_vue_demi2.computed)(() => {
-    var _a, _b, _c;
-    return ((_c = (_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.country) == null ? void 0 : _c.name) || "";
-  });
-  const countryCode = (0, import_vue_demi2.computed)(() => {
-    var _a, _b, _c;
-    return ((_c = (_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.country) == null ? void 0 : _c.isoCode) || "";
-  });
-  const city = (0, import_vue_demi2.computed)(() => {
-    var _a, _b;
-    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.city) || "";
-  });
-  const state = (0, import_vue_demi2.computed)(() => {
-    var _a, _b;
-    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.state) || "";
-  });
-  const distributionModel = (0, import_vue_demi2.computed)(() => {
-    var _a;
-    return ((_a = loan.value) == null ? void 0 : _a.distributionModel) || "";
-  });
-  const imageHash = (0, import_vue_demi2.computed)(() => {
-    var _a, _b;
-    return ((_b = (_a = loan.value) == null ? void 0 : _a.image) == null ? void 0 : _b.hash) ?? "";
-  });
-  const hasProgressData = (0, import_vue_demi2.computed)(() => {
-    var _a, _b;
-    return typeof ((_a = loan.value) == null ? void 0 : _a.unreservedAmount) !== "undefined" && typeof ((_b = loan.value) == null ? void 0 : _b.fundraisingPercent) !== "undefined";
-  });
-  const allDataLoaded = (0, import_vue_demi2.computed)(() => !isLoading.value && hasProgressData.value);
-  const fundraisingPercent = (0, import_vue_demi2.computed)(() => {
-    var _a;
-    return ((_a = loan.value) == null ? void 0 : _a.fundraisingPercent) ?? 0;
-  });
-  const unreservedAmount = (0, import_vue_demi2.computed)(() => {
-    var _a;
-    const stringAmount = ((_a = loan.value) == null ? void 0 : _a.unreservedAmount) ?? "0";
-    return Number(stringAmount);
-  });
-  const formattedLocation = (0, import_vue_demi2.computed)(() => {
-    if (distributionModel.value === "direct") {
-      const countryText = hideUnitedStatesText && countryName.value.toLowerCase() === "united states" ? "" : `, ${countryName.value}`;
-      return `${city.value}, ${state.value}${countryText}`;
-    }
-    if (countryName.value === "Puerto Rico") {
-      return `${city.value}, PR`;
-    }
-    return countryName.value;
-  });
-  const loanUse = (0, import_vue_demi2.computed)(() => {
-    var _a;
-    return ((_a = loan.value) == null ? void 0 : _a.use) ?? "";
-  });
-  const loanStatus = (0, import_vue_demi2.computed)(() => {
-    var _a;
-    return ((_a = loan.value) == null ? void 0 : _a.status) ?? "";
-  });
-  const loanAmount = (0, import_vue_demi2.computed)(() => {
-    var _a;
-    return ((_a = loan.value) == null ? void 0 : _a.loanAmount) ?? "0";
-  });
-  const loanBorrowerCount = (0, import_vue_demi2.computed)(() => {
-    var _a;
-    return ((_a = loan.value) == null ? void 0 : _a.borrowerCount) ?? 0;
-  });
-  const loanCallouts = (0, import_vue_demi2.computed)(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
-    const callouts = [];
-    const activityName = ((_b = (_a = loan.value) == null ? void 0 : _a.activity) == null ? void 0 : _b.name) ?? "";
-    const activityId = ((_d = (_c = loan.value) == null ? void 0 : _c.activity) == null ? void 0 : _d.id) ?? null;
-    const sectorName = ((_f = (_e = loan.value) == null ? void 0 : _e.sector) == null ? void 0 : _f.name) ?? "";
-    const sectorId = ((_h = (_g = loan.value) == null ? void 0 : _g.sector) == null ? void 0 : _h.id) ?? null;
-    const tags = ((_j = (_i = loan.value) == null ? void 0 : _i.tags) == null ? void 0 : _j.filter((loantag) => loantag.charAt(0) === "#").map((loantag) => loantag.substring(1))) ?? [];
-    const themes = ((_k = loan.value) == null ? void 0 : _k.themes) ?? [];
-    const categories = {
-      ecoFriendly: !!tags.filter((t) => t.toUpperCase() === ECO_FRIENDLY_KEY || t.toUpperCase() === SUSTAINABLE_AG_KEY).length,
-      refugeesIdps: !!themes.filter((t) => t.toUpperCase() === REFUGEE_KEY).length,
-      singleParents: !!tags.filter((t) => t.toUpperCase() === SINGLE_PARENT_KEY).length
-    };
-    const isLseLoan = (_m = (_l = loan.value) == null ? void 0 : _l.partnerName) == null ? void 0 : _m.toUpperCase().includes(LSE_LOAN_KEY);
-    const tagsData = ((_n = loan.value) == null ? void 0 : _n.tagsData) ?? [];
-    const themesData = ((_o = loan.value) == null ? void 0 : _o.themesData) ?? [];
-    if (isLseLoan && tags.length) {
-      const position = Math.floor(Math.random() * tags.length);
-      const p1Tag = tags[position];
-      const tagData = findCalloutData(tagsData, p1Tag);
-      const id = (tagData == null ? void 0 : tagData.id) ?? null;
-      callouts.push({ label: p1Tag, type: "tag", id });
-    }
-    if (!categoryPageName.value) {
-      if (categories.ecoFriendly && !callouts.find((c) => c.label.toUpperCase() === ECO_FRIENDLY_KEY || c.label.toUpperCase() === SUSTAINABLE_AG_KEY)) {
-        callouts.push({ label: "Eco-friendly", type: "tag", id: 9 });
-      } else if (categories.refugeesIdps) {
-        callouts.push({ label: "Refugees and IDPs", type: "attribute", id: 28 });
-      } else if (categories.singleParents && !callouts.find((c) => c.label.toUpperCase() === SINGLE_PARENT_KEY)) {
-        callouts.push({ label: "Single Parent", type: "tag", id: 17 });
-      }
-    }
-    if (activityName && activityId && ((_p = categoryPageName.value) == null ? void 0 : _p.toUpperCase()) !== activityName.toUpperCase()) {
-      callouts.push({ id: activityId, label: activityName, type: "activity" });
-    }
-    if (sectorName && sectorId && activityName.toUpperCase() !== sectorName.toUpperCase() && sectorName.toUpperCase() !== ((_q = categoryPageName.value) == null ? void 0 : _q.toUpperCase()) && callouts.length < 2) {
-      callouts.push({ id: sectorId, label: sectorName, type: "sector" });
-    }
-    if (!!tags.length && callouts.length < 2) {
-      const position = Math.floor(Math.random() * tags.length);
-      const p4Tag = tags[position];
-      const tagData = findCalloutData(tagsData, p4Tag);
-      const id = (tagData == null ? void 0 : tagData.id) ?? null;
-      if (!callouts.filter((c) => c.label.toUpperCase() === p4Tag.toUpperCase()).length) {
-        callouts.push({ label: p4Tag, type: "tag", id });
-      }
-    }
-    if (!!themes.length && callouts.length < 2) {
-      const position = Math.floor(Math.random() * themes.length);
-      const theme = themes[position];
-      const themeData = findCalloutData(themesData, theme);
-      const id = (themeData == null ? void 0 : themeData.id) ?? null;
-      if (!callouts.filter((c) => c.label.toUpperCase() === theme.toUpperCase()).length && theme.toUpperCase() !== ((_r = categoryPageName.value) == null ? void 0 : _r.toUpperCase())) {
-        callouts.push({ label: theme, type: "attribute", id });
-      }
-    }
-    if (isLseLoan && callouts.length > 1)
-      return [callouts.shift()];
-    const customTags = ((_s = customCallouts.value) == null ? void 0 : _s.map((c) => ({ label: c }))) ?? [];
-    callouts.push(...customTags);
-    return callouts;
-  });
-  return {
-    tag,
-    readMorePath,
-    isLoading,
-    borrowerName,
-    countryName,
-    countryCode,
-    city,
-    state,
-    distributionModel,
-    imageHash,
-    hasProgressData,
-    allDataLoaded,
-    fundraisingPercent,
-    unreservedAmount,
-    formattedLocation,
-    loanUse,
-    loanStatus,
-    loanAmount,
-    loanBorrowerCount,
-    mdiMapMarker: import_js.mdiMapMarker,
-    loanCallouts
-  };
-}
-function loanCardMethods(props, emit) {
-  const {
-    loanId,
-    customLoanDetails,
-    kvTrackFunction
-  } = (0, import_vue_demi2.toRefs)(props);
-  function clickReadMore(target, event) {
-    kvTrackFunction.value("Lending", "click-Read more", target, loanId.value);
-    if (customLoanDetails.value) {
-      event.preventDefault();
-      emit("show-loan-details");
-    }
-  }
-  return {
-    clickReadMore
-  };
-}
-
-// utils/loanUtils.js
-var import_numeral = __toESM(require("numeral"), 1);
-var ERL_COOKIE_NAME = "kverlfivedollarnotes";
-var TOP_UP_CAMPAIGN = "TOPUP-VB-BALANCE-MPV1";
-var BASE_CAMPAIGN = "BASE-VB_BALANCE_MPV1";
-var BALANCE_CAMPAIGN = "REPAYMENT-NOTIFICATION_BALANCE_MPV1";
-var NO_BALANCE_CAMPAIGN = "REPAYMENT-NOTIFICATION_NO-BALANCE_MPV1";
-function balanceCampaignOptions(val) {
-  if (val > 20)
-    return 25;
-  if (val > 15)
-    return 20;
-  if (val > 10)
-    return 15;
-  if (val > 5)
-    return 10;
-  return 5;
-}
-function isBetween25And50(unreservedAmount) {
-  return unreservedAmount <= 50 && unreservedAmount > 25;
-}
-function isLessThan25(unreservedAmount) {
-  return unreservedAmount < 25 && unreservedAmount > 0;
-}
-function getLendCtaSelectedOption(getCookie, setCookie, enableFiveDollarsNotes, campaign, unreservedAmount, userBalance, fiveDollarsSelected) {
-  if (enableFiveDollarsNotes && fiveDollarsSelected) {
-    return "5";
-  }
-  if (enableFiveDollarsNotes && typeof userBalance !== "undefined") {
-    let currentCampaign = getCookie == null ? void 0 : getCookie(ERL_COOKIE_NAME);
-    if (campaign && typeof campaign === "string" && !currentCampaign) {
-      const expires = /* @__PURE__ */ new Date();
-      expires.setHours(expires.getHours() + 24);
-      const campaignToCheck = campaign.toUpperCase();
-      currentCampaign = campaignToCheck.includes(TOP_UP_CAMPAIGN) ? TOP_UP_CAMPAIGN : campaignToCheck.includes(BASE_CAMPAIGN) ? BASE_CAMPAIGN : campaignToCheck.includes(BALANCE_CAMPAIGN) ? BALANCE_CAMPAIGN : campaignToCheck.includes(NO_BALANCE_CAMPAIGN) ? NO_BALANCE_CAMPAIGN : "";
-      if (currentCampaign && setCookie) {
-        setCookie(ERL_COOKIE_NAME, currentCampaign, { expires });
-      }
-    }
-    if (currentCampaign) {
-      let val = Math.floor(userBalance / 5) * 5;
-      if (currentCampaign === BASE_CAMPAIGN) {
-        val = val === 0 ? 5 : val > 25 ? 25 : val;
-        return Number(val <= unreservedAmount ? val : unreservedAmount).toFixed();
-      }
-      if (currentCampaign === BALANCE_CAMPAIGN) {
-        val = balanceCampaignOptions(val);
-        return Number(val).toFixed();
-      }
-      return Number(unreservedAmount > 5 ? 5 : unreservedAmount).toFixed();
-    }
-  }
-  if (isBetween25And50(unreservedAmount) || isLessThan25(unreservedAmount)) {
-    return Number(unreservedAmount).toFixed();
-  }
-  return "25";
-}
-function buildHugePriceArray(amountLeft) {
-  const priceArray = [];
-  let minAmount = 100;
-  let limitAmount = amountLeft > 1e3 ? 1e3 : amountLeft;
-  let optionCount = limitAmount / minAmount;
-  for (let i = 1; i <= optionCount; i += 1) {
-    const price = minAmount * i + 500;
-    if (price > limitAmount)
-      break;
-    priceArray.push((0, import_numeral.default)(price).format("0,0"));
-  }
-  minAmount = 1e3;
-  limitAmount = amountLeft > 1e4 ? 1e4 : amountLeft;
-  optionCount = limitAmount / minAmount;
-  for (let i = 1; i <= optionCount; i += 1) {
-    const price = minAmount * i + 1e3;
-    if (price > limitAmount)
-      break;
-    priceArray.push((0, import_numeral.default)(price).format("0,0"));
-  }
-  if (!priceArray.includes((0, import_numeral.default)(limitAmount).format("0,0"))) {
-    priceArray.push((0, import_numeral.default)(limitAmount).format("0,0"));
-  }
-  return priceArray;
-}
-function build5DollarsPriceArray(amountLeft) {
-  const limit5Notes = amountLeft < 50 ? amountLeft : 50;
-  const numberOf5 = limit5Notes / 5;
-  const numberOf25 = Math.ceil((amountLeft - limit5Notes) / 25) + 1;
-  const priceArray = [];
-  for (let i = 1; i <= numberOf5; i += 1) {
-    priceArray.push((0, import_numeral.default)(5 * i).format("0,0"));
-  }
-  if (amountLeft > limit5Notes) {
-    for (let i = 3; i <= numberOf25; i += 1) {
-      priceArray.push((0, import_numeral.default)(25 * i).format("0,0"));
-    }
-  }
-  return priceArray;
-}
-function buildPriceArray(amountLeft, minAmount) {
-  const optionCount = amountLeft / minAmount;
-  const priceArray = [];
-  for (let i = 1; i <= optionCount; i += 1) {
-    priceArray.push((0, import_numeral.default)(minAmount * i).format("0,0"));
-  }
-  return priceArray;
-}
-function getDropdownPriceArray(unreservedAmount, isCompleteLoanActive = false, minAmount = 25, enableFiveDollarsNotes = false, enableHugeAmount = false, isVisitor = true, inPfp = false) {
-  const parsedAmountLeft = parseFloat(unreservedAmount);
-  let priceArray = enableFiveDollarsNotes && !inPfp ? build5DollarsPriceArray(parsedAmountLeft).slice(0, 28) : buildPriceArray(parsedAmountLeft, minAmount).slice(0, 20);
-  if (enableHugeAmount && parsedAmountLeft > 500 && !isVisitor) {
-    const hugePriceArray = buildHugePriceArray(parsedAmountLeft);
-    priceArray = priceArray.concat(hugePriceArray);
-  }
-  if (isCompleteLoanActive && !priceArray.includes(Number(unreservedAmount).toFixed())) {
-    priceArray.push(Number(unreservedAmount).toFixed());
-  }
-  return priceArray;
-}
-
-// utils/mapUtils.js
-function getRandomInRange(from, to, fixed) {
-  return (Math.random() * (to - from) + from).toFixed(fixed) * 1;
-}
-var randomCoordinates = Array.from(
-  { length: 20 },
-  () => [getRandomInRange(-180, 180, 3), getRandomInRange(-90, 90, 3)]
-);
-var mapColors = [
-  100,
-  300,
-  500,
-  650,
-  800,
-  1e3
-];
-function getCoordinatesBetween(startCoordinates, endCoordinates, numberOfSteps) {
-  if (!startCoordinates || !endCoordinates || !numberOfSteps || numberOfSteps < 1 || !Array.isArray(startCoordinates) || !Array.isArray(endCoordinates) || startCoordinates.length !== 2 || endCoordinates.length !== 2) {
-    return [];
-  }
-  const diffX = endCoordinates[0] - startCoordinates[0];
-  const diffY = endCoordinates[1] - startCoordinates[1];
-  const sfX = diffX / numberOfSteps;
-  const sfY = diffY / numberOfSteps;
-  let i = 0;
-  let j = 0;
-  const lineCoordinates = [];
-  while (Math.abs(i) < Math.abs(diffX) || Math.abs(j) < Math.abs(diffY)) {
-    lineCoordinates.push([startCoordinates[0] + i, startCoordinates[1] + j]);
-    if (Math.abs(i) < Math.abs(diffX)) {
-      i += sfX;
-    }
-    if (Math.abs(j) < Math.abs(diffY)) {
-      j += sfY;
-    }
-  }
-  lineCoordinates[lineCoordinates.length - 1] = [endCoordinates[0], endCoordinates[1]];
-  return lineCoordinates;
-}
-function animateLines(mapInstance, originPoints, endPoint) {
-  const speedFactor = 100;
-  return new Promise((resolve) => {
-    mapInstance.addSource("endpoint", {
-      type: "geojson",
-      data: {
-        type: "Point",
-        coordinates: [
-          endPoint[0],
-          endPoint[1]
-        ]
-      }
-    });
-    const lineFlight = (startCoordinates, endCoordinates, index, lastLine = false) => {
-      const lineCoordinates = getCoordinatesBetween(startCoordinates, endCoordinates, speedFactor);
-      let animationCounter = 0;
-      const geojson = {
-        type: "FeatureCollection",
-        features: [{
-          type: "Feature",
-          geometry: {
-            type: "LineString",
-            coordinates: []
-          }
-        }]
-      };
-      mapInstance.addSource(`startPoint${index}`, {
-        type: "geojson",
-        data: {
-          type: "Point",
-          coordinates: [
-            startCoordinates[0],
-            startCoordinates[1]
-          ]
-        }
-      });
-      mapInstance.addLayer({
-        id: `line-animation${index}`,
-        type: "line",
-        source: {
-          type: "geojson",
-          data: geojson
-        },
-        layout: {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        paint: {
-          "line-color": "#277056",
-          "line-width": 2
-        }
-      });
-      const animateLine = () => {
-        if (animationCounter < lineCoordinates.length) {
-          geojson.features[0].geometry.coordinates.push(lineCoordinates[animationCounter]);
-          mapInstance.getSource(`line-animation${index}`).setData(geojson);
-          requestAnimationFrame(animateLine);
-          animationCounter += 1;
-        } else {
-          const coord = geojson.features[0].geometry.coordinates;
-          coord.shift();
-          coord.shift();
-          if (coord.length > 0) {
-            geojson.features[0].geometry.coordinates = coord;
-            mapInstance.getSource(`line-animation${index}`).setData(geojson);
-            requestAnimationFrame(animateLine);
-          } else {
-            mapInstance.removeLayer(`line-animation${index}`);
-            mapInstance.removeSource(`line-animation${index}`);
-            mapInstance.removeSource(`startPoint${index}`);
-            if (lastLine) {
-              mapInstance.removeSource("endpoint");
-              resolve();
-            }
-          }
-        }
-      };
-      animateLine();
-    };
-    originPoints.forEach((coordinate, index) => {
-      lineFlight(coordinate, endPoint, index, index === originPoints.length - 1);
-    });
-  });
-}
-function generateMapMarkers(mapInstance, borrowerPoints) {
-  const geojson = {
-    type: "FeatureCollection"
-  };
-  geojson.features = borrowerPoints.map((borrower) => ({
-    type: "Feature",
-    properties: {
-      message: "test",
-      image: borrower.image,
-      iconSize: [80, 80]
-    },
-    geometry: {
-      type: "Point",
-      coordinates: borrower.location
-    }
-  }));
-  geojson.features.forEach((marker) => {
-    const el = document.createElement("div");
-    el.className = "map-marker";
-    el.style.backgroundImage = `url(${marker.properties.image})`;
-    el.style.width = `${marker.properties.iconSize[0]}px`;
-    el.style.height = `${marker.properties.iconSize[1]}px`;
-    new maplibregl.Marker({ element: el }).setLngLat(marker.geometry.coordinates).addTo(mapInstance);
-  });
-}
-function animationCoordinator(mapInstance, borrowerPoints) {
-  return new Promise((resolve) => {
-    const destinationPoints = borrowerPoints.map((borrower) => borrower.location);
-    const totalNumberOfPoints = destinationPoints.length;
-    let currentPointIndex = 0;
-    const flyToPoint = (index) => {
-      mapInstance.flyTo({
-        // These options control the ending camera position: centered at
-        // the target, at zoom level 9, and north up.
-        center: destinationPoints[index],
-        zoom: 4,
-        bearing: 0,
-        // These options control the flight curve, making it move
-        // slowly and zoom out almost completely before starting
-        // to pan.
-        speed: 0.9,
-        // make the flying slow
-        curve: 1,
-        // change the speed at which it zooms out
-        // This can be any easing function: it takes a number between
-        // 0 and 1 and returns another number between 0 and 1.
-        easing(t) {
-          return t;
-        },
-        // this animation is considered essential with respect to prefers-reduced-motion
-        essential: true
-      }, { flyEnd: true });
-    };
-    mapInstance.on("moveend", (event) => {
-      if (event.flyEnd === true) {
-        animateLines(mapInstance, randomCoordinates, destinationPoints[currentPointIndex]).then(() => {
-          if (currentPointIndex < totalNumberOfPoints - 1) {
-            currentPointIndex += 1;
-            flyToPoint(currentPointIndex);
-          } else {
-            resolve();
-          }
-        });
-      }
-    });
-    flyToPoint(currentPointIndex);
-  });
-}
-var getLoansIntervals = (min, max, nbIntervals) => {
-  const size = Math.floor((max - min) / nbIntervals);
-  const result = [];
-  if (size <= 0)
-    return [[min, max]];
-  for (let i = 0; i < nbIntervals; i += 1) {
-    let inf = min + i * size;
-    let sup = inf + size < max ? inf + size : max;
-    if (i > 0) {
-      inf += 1 * i;
-      sup += 1 * i;
-    }
-    if (i > 0 && sup > max) {
-      sup = max;
-    }
-    if (i === nbIntervals - 1) {
-      if (sup < max || sup > max)
-        sup = max;
-    }
-    result.push([inf, sup]);
-    if (sup >= max)
-      break;
-  }
-  return result;
-};
-var getCountryColor = (lenderLoans, countriesData, kvTokensPrimitives) => {
-  const loanCountsArray = [];
-  countriesData.forEach((country) => {
-    loanCountsArray.push(country.value);
-  });
-  const maxNumLoansToOneCountry = Math.max(...loanCountsArray);
-  const intervals = getLoansIntervals(1, maxNumLoansToOneCountry, 6);
-  if (intervals.length === 1) {
-    const [inf, sup] = intervals[0];
-    for (let i = 0; i < sup; i += 1) {
-      const loansNumber = i + 1;
-      if (lenderLoans && lenderLoans >= loansNumber && lenderLoans < loansNumber + 1) {
-        return kvTokensPrimitives.colors.brand[mapColors[i]];
-      }
-    }
-  } else {
-    for (let i = 0; i < intervals.length; i += 1) {
-      const [inf, sup] = intervals[i];
-      if (lenderLoans && lenderLoans >= inf && lenderLoans <= sup) {
-        return kvTokensPrimitives.colors.brand[mapColors[i]];
-      }
-    }
-  }
-  return kvTokensPrimitives.colors.gray[300];
-};
-
-// utils/printing.js
-function lockPrintSingleEl(domNode) {
-  if (typeof window !== "undefined" && domNode) {
-    document.body.classList.add("print:tw-invisible", "print:tw-overflow-hidden");
-    domNode.classList.add("print:tw-visible", "print:tw-overflow-auto");
-  }
-}
-function unlockPrintSingleEl(domNode) {
-  if (typeof window !== "undefined" && domNode) {
-    document.body.classList.remove("print:tw-invisible", "print:tw-overflow-hidden");
-    domNode.classList.remove("print:tw-visible", "print:tw-overflow-auto");
-  }
-}
-
-// utils/scrollLock.js
-function lockScroll() {
-  if (typeof window !== "undefined") {
-    document.body.style.overflow = "hidden";
-  }
-}
-function unlockScroll() {
-  if (typeof window !== "undefined") {
-    document.body.style.overflow = null;
-  }
-}
-function lockScrollSmallOnly() {
-  if (typeof window !== "undefined") {
-    document.body.classList.add("tw-overflow-hidden", "md:tw-overflow-auto");
-  }
-}
-function unlockScrollSmallOnly() {
-  if (typeof window !== "undefined") {
-    document.body.classList.remove("tw-overflow-hidden", "md:tw-overflow-auto");
-  }
-}
-
-// utils/index.js
-__reExport(utils_exports, __toESM(require_themeUtils(), 1), module.exports);
-
-// utils/touchEvents.js
-function onBodyTouchstart(handler) {
-  [...document.body.children].forEach((child) => child.addEventListener("touchstart", handler));
-}
-function offBodyTouchstart(handler) {
-  [...document.body.children].forEach((child) => child.removeEventListener("touchstart", handler));
-}
-function isTargetElement(event, elements) {
-  const els = Array.isArray(elements) ? elements : [elements];
-  for (let i = 0; i < els.length; i += 1) {
-    if (els[i] === event.target || els[i].contains(event.target)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-// utils/treemap.js
-var getMaximum = (array) => Math.max(...array);
-var getMinimum = (array) => Math.min(...array);
-var sumReducer = (acc, cur) => acc + cur;
-var roundValue = (number) => Math.max(Math.round(number * 100) / 100, 0);
-var validateArguments = ({ data, width, height }) => {
-  if (!width || typeof width !== "number" || width < 0) {
-    throw new Error("You need to specify the width of your treemap");
-  }
-  if (!height || typeof height !== "number" || height < 0) {
-    throw new Error("You need to specify the height of your treemap");
-  }
-  if (!data || !Array.isArray(data) || data.length === 0 || !data.every((dataPoint) => Object.prototype.hasOwnProperty.call(dataPoint, "value") && typeof dataPoint.value === "number" && dataPoint.value >= 0 && !Number.isNaN(dataPoint.value))) {
-    throw new Error("You data must be in this format [{ value: 1 }, { value: 2 }], 'value' being a positive number");
-  }
-};
-function getTreemap({ data, width, height }) {
-  let Rectangle = {};
-  let initialData = [];
-  function worstRatio(row, width2) {
-    const sum = row.reduce(sumReducer, 0);
-    const rowMax = getMaximum(row);
-    const rowMin = getMinimum(row);
-    return Math.max(width2 ** 2 * rowMax / sum ** 2, sum ** 2 / (width2 ** 2 * rowMin));
-  }
-  const getMinWidth = () => {
-    if (Rectangle.totalHeight ** 2 > Rectangle.totalWidth ** 2) {
-      return { value: Rectangle.totalWidth, vertical: false };
-    }
-    return { value: Rectangle.totalHeight, vertical: true };
-  };
-  const layoutRow = (row, width2, vertical) => {
-    const rowHeight = row.reduce(sumReducer, 0) / width2;
-    row.forEach((rowItem) => {
-      const rowWidth = rowItem / rowHeight;
-      const { xBeginning } = Rectangle;
-      const { yBeginning } = Rectangle;
-      let data2;
-      if (vertical) {
-        data2 = {
-          x: xBeginning,
-          y: yBeginning,
-          width: rowHeight,
-          height: rowWidth,
-          data: initialData[Rectangle.data.length]
-        };
-        Rectangle.yBeginning += rowWidth;
-      } else {
-        data2 = {
-          x: xBeginning,
-          y: yBeginning,
-          width: rowWidth,
-          height: rowHeight,
-          data: initialData[Rectangle.data.length]
-        };
-        Rectangle.xBeginning += rowWidth;
-      }
-      Rectangle.data.push(data2);
-    });
-    if (vertical) {
-      Rectangle.xBeginning += rowHeight;
-      Rectangle.yBeginning -= width2;
-      Rectangle.totalWidth -= rowHeight;
-    } else {
-      Rectangle.xBeginning -= width2;
-      Rectangle.yBeginning += rowHeight;
-      Rectangle.totalHeight -= rowHeight;
-    }
-  };
-  const layoutLastRow = (rows, children, width2) => {
-    const { vertical } = getMinWidth();
-    layoutRow(rows, width2, vertical);
-    layoutRow(children, width2, vertical);
-  };
-  const squarify = (children, row, width2) => {
-    if (children.length === 1) {
-      return layoutLastRow(row, children, width2);
-    }
-    const rowWithChild = [...row, children[0]];
-    if (row.length === 0 || worstRatio(row, width2) >= worstRatio(rowWithChild, width2)) {
-      children.shift();
-      return squarify(children, rowWithChild, width2);
-    }
-    layoutRow(row, width2, getMinWidth().vertical);
-    return squarify(children, [], getMinWidth().value);
-  };
-  validateArguments({ data, width, height });
-  Rectangle = {
-    data: [],
-    xBeginning: 0,
-    yBeginning: 0,
-    totalWidth: width,
-    totalHeight: height
-  };
-  initialData = data;
-  const totalValue = data.map((dataPoint) => dataPoint.value).reduce(sumReducer, 0);
-  const dataScaled = data.map((dataPoint) => dataPoint.value * height * width / totalValue);
-  squarify(dataScaled, [], getMinWidth().value);
-  return Rectangle.data.map((dataPoint) => ({
-    ...dataPoint,
-    x: roundValue(dataPoint.x),
-    y: roundValue(dataPoint.y),
-    width: roundValue(dataPoint.width),
-    height: roundValue(dataPoint.height)
-  }));
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BALANCE_CAMPAIGN,
-  BASE_CAMPAIGN,
-  ERL_COOKIE_NAME,
-  Mash,
-  NO_BALANCE_CAMPAIGN,
-  TOP_UP_CAMPAIGN,
-  animationCoordinator,
-  carouselUtil,
-  collapse,
-  expand,
-  generateMapMarkers,
-  getCoordinatesBetween,
-  getCountryColor,
-  getDropdownPriceArray,
-  getLendCtaSelectedOption,
-  getLoansIntervals,
-  getTreemap,
-  isBetween25And50,
-  isLegacyPlaceholderAvatar,
-  isLessThan25,
-  isTargetElement,
-  loanCardComputedProperties,
-  loanCardMethods,
-  lockPrintSingleEl,
-  lockScroll,
-  lockScrollSmallOnly,
-  offBodyTouchstart,
-  onBodyTouchstart,
-  randomizedUserAvatarClass,
-  throttle,
-  unlockPrintSingleEl,
-  unlockScroll,
-  unlockScrollSmallOnly,
-  useAttrs
-});