@kiva/kv-components 3.106.0 → 3.107.1

package/dist/utils/Alea.cjs

@@ -0,0 +1,87 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// utils/Alea.js
+var Alea_exports = {};
+__export(Alea_exports, {
+  Mash: () => Mash,
+  default: () => Alea
+});
+module.exports = __toCommonJS(Alea_exports);
+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;
+}
+function Alea() {
+  return function(args) {
+    let s0 = 0;
+    let s1 = 0;
+    let s2 = 0;
+    let c = 1;
+    if (args.length === 0) {
+      args = [+/* @__PURE__ */ new Date()];
+    }
+    let mash = Mash();
+    s0 = mash(" ");
+    s1 = mash(" ");
+    s2 = mash(" ");
+    for (let i = 0; i < args.length; i++) {
+      s0 -= mash(args[i]);
+      if (s0 < 0) {
+        s0 += 1;
+      }
+      s1 -= mash(args[i]);
+      if (s1 < 0) {
+        s1 += 1;
+      }
+      s2 -= mash(args[i]);
+      if (s2 < 0) {
+        s2 += 1;
+      }
+    }
+    mash = null;
+    const random = function() {
+      const t = 2091639 * s0 + c * 23283064365386963e-26;
+      s0 = s1;
+      s1 = s2;
+      return s2 = t - (c = t | 0);
+    };
+    random.version = "Alea 0.9";
+    random.args = args;
+    return random;
+  }(Array.prototype.slice.call(arguments));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Mash
+});

package/dist/utils/Alea.js

@@ -0,0 +1,9 @@
+import {
+  Alea,
+  Mash
+} from "./chunk-GPSH6OPA.js";
+import "./chunk-YCNMJ4YV.js";
+export {
+  Mash,
+  Alea as default
+};

package/dist/utils/attrs.cjs

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// utils/attrs.js
+var attrs_exports = {};
+__export(attrs_exports, {
+  useAttrs: () => useAttrs
+});
+module.exports = __toCommonJS(attrs_exports);
+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
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAttrs
+});

package/dist/utils/attrs.js

@@ -0,0 +1,7 @@
+import {
+  useAttrs
+} from "./chunk-3HK4G4NT.js";
+import "./chunk-YCNMJ4YV.js";
+export {
+  useAttrs
+};

package/dist/utils/carousels.cjs

@@ -0,0 +1,184 @@
+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 __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 __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/carousels.js
+var carousels_exports = {};
+__export(carousels_exports, {
+  carouselUtil: () => carouselUtil
+});
+module.exports = __toCommonJS(carousels_exports);
+var import_vue_demi = require("vue-demi");
+var import_embla_carousel = __toESM(require("embla-carousel"), 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 {
+    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 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) => {
+    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 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 onCarouselContainerClick = (e) => {
+    if (embla.value && !embla.value.clickAllowed()) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
+  const isAriaHidden = (index) => {
+    if (embla.value) {
+      return !embla.value.slidesInView(true).includes(index);
+    }
+    return false;
+  };
+  (0, import_vue_demi.onMounted)(async () => {
+    var _a2;
+    embla.value = (0, import_embla_carousel.default)(rootEl.value, {
+      loop: true,
+      containScroll: "trimSnaps",
+      inViewThreshold: 0.9,
+      align: "start",
+      ...extraEmblaOptions,
+      ...emblaOptions.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", () => {
+      currentIndex.value = embla.value.selectedScrollSnap();
+      (0, import_vue_demi.nextTick)(() => {
+        emit("change", currentIndex);
+      });
+    });
+  });
+  (0, import_vue_demi.onUnmounted)(async () => {
+    var _a2, _b;
+    (_a2 = embla == null ? void 0 : embla.value) == null ? void 0 : _a2.off("select");
+    (_b = embla == null ? void 0 : embla.value) == null ? void 0 : _b.destroy();
+  });
+  return {
+    rootEl,
+    embla,
+    slides,
+    currentIndex,
+    componentSlotKeys,
+    nextIndex,
+    previousIndex,
+    slideIndicatorCount,
+    handleUserInteraction,
+    goToSlide,
+    reInit,
+    reInitVisible,
+    onCarouselContainerClick,
+    isAriaHidden,
+    slideIndicatorListLength
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  carouselUtil
+});

package/dist/utils/carousels.js

@@ -0,0 +1,8 @@
+import {
+  carouselUtil
+} from "./chunk-AZPWOFD5.js";
+import "./chunk-HV3AUBFT.js";
+import "./chunk-YCNMJ4YV.js";
+export {
+  carouselUtil
+};

package/dist/utils/chunk-3HK4G4NT.js

@@ -0,0 +1,27 @@
+// 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
+  };
+}
+
+export {
+  useAttrs
+};

package/dist/utils/chunk-55HF2ORX.js

@@ -0,0 +1,201 @@
+// utils/loanCard.js
+import {
+  computed,
+  toRefs
+} from "vue-demi";
+import { mdiMapMarker } from "@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
+  } = toRefs(props);
+  const tag = computed(() => externalLinks.value ? "a" : "router-link");
+  const readMorePath = computed(() => customLoanDetails.value ? "" : `/lend/${loanId.value}`);
+  const isLoading = computed(() => !loanId.value || !loan.value);
+  const borrowerName = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.name) || "";
+  });
+  const countryName = 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 = 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 = computed(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.city) || "";
+  });
+  const state = computed(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.state) || "";
+  });
+  const distributionModel = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.distributionModel) || "";
+  });
+  const imageHash = computed(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.image) == null ? void 0 : _b.hash) ?? "";
+  });
+  const hasProgressData = 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 = computed(() => !isLoading.value && hasProgressData.value);
+  const fundraisingPercent = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.fundraisingPercent) ?? 0;
+  });
+  const unreservedAmount = computed(() => {
+    var _a;
+    const stringAmount = ((_a = loan.value) == null ? void 0 : _a.unreservedAmount) ?? "0";
+    return Number(stringAmount);
+  });
+  const formattedLocation = 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 = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.use) ?? "";
+  });
+  const loanStatus = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.status) ?? "";
+  });
+  const loanAmount = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.loanAmount) ?? "0";
+  });
+  const loanBorrowerCount = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.borrowerCount) ?? 0;
+  });
+  const loanCallouts = 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,
+    loanCallouts
+  };
+}
+function loanCardMethods(props, emit) {
+  const {
+    loanId,
+    customLoanDetails,
+    kvTrackFunction
+  } = 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
+  };
+}
+
+export {
+  loanCardComputedProperties,
+  loanCardMethods
+};

package/dist/utils/chunk-AY3PR5S4.js

@@ -0,0 +1,54 @@
+// 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;
+}
+
+export {
+  expand,
+  collapse
+};