@kiva/kv-components 7.6.3 → 8.0.0

package/dist/utils/debounce.js

@@ -1,9 +1,9 @@
-const r = (t, o) => {
-  let e;
+const i = (t, o) => {
+  let e = null;
   return (...u) => {
-    clearTimeout(e), e = setTimeout(() => t(...u), o);
+    e && clearTimeout(e), e = setTimeout(() => t(...u), o);
   };
 };
 export {
-  r as debounce
+  i as debounce
 };

package/dist/utils/event.d.ts

@@ -0,0 +1 @@
+export declare function useEventListener(target: any, event: any, callback: any): void;

package/dist/utils/event.js

@@ -0,0 +1,7 @@
+import { onMounted as t, onUnmounted as r } from "vue";
+function i(e, n, o) {
+  t(() => e.value.addEventListener(n, o)), r(() => e.value.removeEventListener(n, o));
+}
+export {
+  i as useEventListener
+};

package/dist/utils/expander.d.ts

@@ -0,0 +1,14 @@
+export declare function expand(el: HTMLElement, { easing, delay, done, from, property, }: {
+    easing?: string;
+    delay?: number;
+    done?: () => void;
+    from?: number;
+    property?: string;
+}): void;
+export declare function collapse(el: HTMLElement, { easing, delay, done, to, property, }: {
+    easing?: string;
+    delay?: number;
+    done?: () => void;
+    to?: number;
+    property?: string;
+}): void;

package/dist/utils/imageUtils.d.ts

@@ -0,0 +1,11 @@
+export declare function isLegacyPlaceholderAvatar(filename: any): boolean;
+export declare function randomizedUserAvatarClass(displayName?: string): string;
+export declare function getKivaImageUrl({ base, width, height, square, faceZoom, hash, format, }: {
+    base?: string;
+    width?: number;
+    height?: number;
+    square?: number;
+    faceZoom?: number;
+    hash: string;
+    format?: string;
+}): string;

package/dist/utils/imageUtils.js

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

package/dist/utils/index.d.ts

@@ -0,0 +1,21 @@
+export * from './Alea';
+export { default as Alea } from './Alea';
+export * from './arrayUtils';
+export * from './attrs';
+export * from './carousels';
+export * from './comparators';
+export * from './debounce';
+export * from './event';
+export * from './expander';
+export * from './imageUtils';
+export * from './loanCard';
+export * from './loanUtils';
+export * from './mapUtils';
+export * from './markMatches';
+export * from './paramCase';
+export * from './printing';
+export * from './scrollLock';
+export * from './themeUtils';
+export * from './throttle';
+export * from './touchEvents';
+export * from './treemap';

package/dist/utils/loanCard.d.ts

@@ -0,0 +1,35 @@
+export interface Callout {
+    id: number | null;
+    label: string;
+    type: 'tag' | 'attribute' | 'activity' | 'sector';
+}
+export declare const LOAN_CALLOUTS_FRAGMENT: import('graphql').DocumentNode;
+export declare const LOAN_GEOCODE_FRAGMENT: import('graphql').DocumentNode;
+export declare const LOAN_PROGRESS_FRAGMENT: import('graphql').DocumentNode;
+export declare function loanCardComputedProperties(props: any, hideUnitedStatesText?: boolean): {
+    tag: import('vue').ComputedRef<"router-link" | "a">;
+    readMorePath: import('vue').ComputedRef<any>;
+    isLoading: import('vue').ComputedRef<boolean>;
+    borrowerName: import('vue').ComputedRef<any>;
+    countryName: import('vue').ComputedRef<any>;
+    countryCode: import('vue').ComputedRef<any>;
+    city: import('vue').ComputedRef<any>;
+    state: import('vue').ComputedRef<any>;
+    distributionModel: import('vue').ComputedRef<any>;
+    imageHash: import('vue').ComputedRef<any>;
+    hasProgressData: import('vue').ComputedRef<boolean>;
+    allDataLoaded: import('vue').ComputedRef<boolean>;
+    fundraisingPercent: import('vue').ComputedRef<any>;
+    unreservedAmount: import('vue').ComputedRef<any>;
+    sharesAvailable: import('vue').ComputedRef<boolean>;
+    formattedLocation: import('vue').ComputedRef<any>;
+    loanUse: import('vue').ComputedRef<any>;
+    loanStatus: import('vue').ComputedRef<any>;
+    loanAmount: import('vue').ComputedRef<any>;
+    loanBorrowerCount: import('vue').ComputedRef<any>;
+    mdiMapMarker: string;
+    loanCallouts: import('vue').ComputedRef<Callout[]>;
+};
+export declare function loanCardMethods(props: any, emit: any): {
+    clickReadMore: (target: string, event: Event) => void;
+};

package/dist/utils/loanCard.js

@@ -98,8 +98,8 @@ function Ge(c, f = !1) {
     var e;
     return ((e = t.value) == null ? void 0 : e.borrowerCount) ?? 0;
   }), Ae = n(() => {
-    var Y, w, B, $, K, x, H, q, j, z, J, Q, V, W, X, Z, ee, te, ae;
-    const e = [], a = new Ue(g.value, T.value), l = ((w = (Y = t.value) == null ? void 0 : Y.activity) == null ? void 0 : w.name) ?? "", u = (($ = (B = t.value) == null ? void 0 : B.activity) == null ? void 0 : $.id) ?? null, d = ((x = (K = t.value) == null ? void 0 : K.sector) == null ? void 0 : x.name) ?? "", D = ((q = (H = t.value) == null ? void 0 : H.sector) == null ? void 0 : q.id) ?? null, i = ((z = (j = t.value) == null ? void 0 : j.tags) == null ? void 0 : z.filter((o) => o.charAt(0) === "#").map((o) => o.substring(1))) ?? [], y = ((J = t.value) == null ? void 0 : J.themes) ?? [], b = {
+    var Y, B, $, w, K, x, H, q, j, z, J, Q, V, W, X, Z, ee, te, ae;
+    const e = [], a = Ue(g.value, T.value), l = ((B = (Y = t.value) == null ? void 0 : Y.activity) == null ? void 0 : B.name) ?? "", u = ((w = ($ = t.value) == null ? void 0 : $.activity) == null ? void 0 : w.id) ?? null, d = ((x = (K = t.value) == null ? void 0 : K.sector) == null ? void 0 : x.name) ?? "", D = ((q = (H = t.value) == null ? void 0 : H.sector) == null ? void 0 : q.id) ?? null, i = ((z = (j = t.value) == null ? void 0 : j.tags) == null ? void 0 : z.filter((o) => o.charAt(0) === "#").map((o) => o.substring(1))) ?? [], y = ((J = t.value) == null ? void 0 : J.themes) ?? [], b = {
       ecoFriendly: !!i.filter((o) => o.toUpperCase() === ne || o.toUpperCase() === le).length,
       refugeesIdps: !!y.filter((o) => o.toUpperCase() === be).length,
       singleParents: !!i.filter((o) => o.toUpperCase() === se).length

package/dist/utils/loanSearch/queryParamUtils.d.ts

@@ -0,0 +1 @@
+export declare function hasExcludedQueryParams(query: any): boolean;

package/dist/utils/loanUtils.d.ts

@@ -0,0 +1,11 @@
+export declare const ERL_COOKIE_NAME = "kverlfivedollarnotes";
+export declare const TOP_UP_CAMPAIGN = "TOPUP-VB-BALANCE-MPV1";
+export declare const BASE_CAMPAIGN = "BASE-VB_BALANCE_MPV1";
+export declare const BALANCE_CAMPAIGN = "REPAYMENT-NOTIFICATION_BALANCE_MPV1";
+export declare const NO_BALANCE_CAMPAIGN = "REPAYMENT-NOTIFICATION_NO-BALANCE_MPV1";
+export declare function isBetween25And50(unreservedAmount: string | number): boolean;
+export declare function isLessThan25(unreservedAmount: string | number): boolean;
+export type GetCookieFn = (name: string) => string | undefined;
+export type SetCookieFn = (name: string, value: string, options?: any) => void;
+export declare function getLendCtaSelectedOption(getCookie: GetCookieFn | undefined, setCookie: SetCookieFn | undefined, enableFiveDollarsNotes: boolean, campaign: string, unreservedAmount: string | number, userBalance: number | undefined, fiveDollarsSelected: boolean): string;
+export declare function getDropdownPriceArray(unreservedAmount: string | number, isCompleteLoanActive?: boolean, minAmount?: number, enableFiveDollarsNotes?: boolean, isVisitor?: boolean, inPfp?: boolean): string[];

package/dist/utils/loanUtils.js

@@ -1,80 +1,83 @@
-import u from "numeral";
-const a = "kverlfivedollarnotes", N = "TOPUP-VB-BALANCE-MPV1", A = "BASE-VB_BALANCE_MPV1", p = "REPAYMENT-NOTIFICATION_BALANCE_MPV1", P = "REPAYMENT-NOTIFICATION_NO-BALANCE_MPV1";
+import l from "numeral";
+const N = "kverlfivedollarnotes", P = "TOPUP-VB-BALANCE-MPV1", a = "BASE-VB_BALANCE_MPV1", A = "REPAYMENT-NOTIFICATION_BALANCE_MPV1", y = "REPAYMENT-NOTIFICATION_NO-BALANCE_MPV1";
 function C(r) {
   return r > 20 ? 25 : r > 15 ? 20 : r > 10 ? 15 : r > 5 ? 10 : 5;
 }
 function E(r) {
-  return r <= 50 && r > 25;
+  const t = typeof r == "string" ? parseFloat(r) : r;
+  return t <= 50 && t > 25;
 }
-function O(r) {
-  return r < 25 && r > 0;
+function b(r) {
+  const t = typeof r == "string" ? parseFloat(r) : r;
+  return t < 25 && t > 0;
 }
-function h(r, e, o, n, t, i, s) {
+function h(r, t, o, e, n, i, s) {
+  const c = typeof n == "string" ? parseFloat(n) : n;
   if (o && s)
     return "5";
   if (o && typeof i < "u") {
-    let f = r == null ? void 0 : r(a);
-    if (n && typeof n == "string" && !f) {
-      const c = /* @__PURE__ */ new Date();
-      c.setHours(c.getHours() + 24);
-      const l = n.toUpperCase();
-      f = l.includes(N) ? N : l.includes(A) ? A : l.includes(p) ? p : l.includes(P) ? P : "", f && e && e(a, f, { expires: c });
+    let u = r == null ? void 0 : r(N);
+    if (e && typeof e == "string" && !u) {
+      const f = /* @__PURE__ */ new Date();
+      f.setHours(f.getHours() + 24);
+      const p = e.toUpperCase();
+      u = p.includes(P) ? P : p.includes(a) ? a : p.includes(A) ? A : p.includes(y) ? y : "", u && t && t(N, u, { expires: f });
     }
-    if (f) {
-      let c = Math.floor(i / 5) * 5;
-      return f === A ? (c = c === 0 ? 5 : c > 25 ? 25 : c, Number(c <= t ? c : t).toFixed()) : f === p ? (c = C(c), Number(c).toFixed()) : Number(t > 5 ? 5 : t).toFixed();
+    if (u) {
+      let f = Math.floor(i / 5) * 5;
+      return u === a ? (f = f === 0 ? 5 : f > 25 ? 25 : f, Number(f <= c ? f : c).toFixed()) : u === A ? (f = C(f), Number(f).toFixed()) : Number(c > 5 ? 5 : c).toFixed();
     }
   }
-  return E(t) || O(t) ? Number(t).toFixed() : "25";
+  return E(c) || b(c) ? Number(c).toFixed() : "25";
 }
-function _(r) {
-  const e = [];
-  let o = 100, n = r > 1e3 ? 1e3 : r, t = n / o;
-  for (let i = 1; i <= t; i += 1) {
+function d(r) {
+  const t = [];
+  let o = 100, e = r > 1e3 ? 1e3 : r, n = e / o;
+  for (let i = 1; i <= n; i += 1) {
     const s = o * i + 500;
-    if (s > n) break;
-    e.push(u(s).format("0,0"));
+    if (s > e) break;
+    t.push(l(s).format("0,0"));
   }
-  o = 1e3, n = r > 1e4 ? 1e4 : r, t = n / o;
-  for (let i = 1; i <= t; i += 1) {
+  o = 1e3, e = r > 1e4 ? 1e4 : r, n = e / o;
+  for (let i = 1; i <= n; i += 1) {
     const s = o * i + 1e3;
-    if (s > n) break;
-    e.push(u(s).format("0,0"));
+    if (s > e) break;
+    t.push(l(s).format("0,0"));
   }
-  return e.includes(u(n).format("0,0")) || e.push(u(n).format("0,0")), e;
+  return t.includes(l(e).format("0,0")) || t.push(l(e).format("0,0")), t;
 }
-function b(r) {
-  const e = r < 50 ? r : 50, o = e / 5, n = Math.ceil((r - e) / 25) + 1, t = [];
+function O(r) {
+  const t = r < 50 ? r : 50, o = t / 5, e = Math.ceil((r - t) / 25) + 1, n = [];
   for (let i = 1; i <= o; i += 1)
-    t.push(u(5 * i).format("0,0"));
-  if (r > e)
-    for (let i = 3; i <= n; i += 1)
-      t.push(u(25 * i).format("0,0"));
-  return t;
-}
-function d(r, e) {
-  const o = r / e, n = [];
-  for (let t = 1; t <= o; t += 1)
-    n.push(u(e * t).format("0,0"));
+    n.push(l(5 * i).format("0,0"));
+  if (r > t)
+    for (let i = 3; i <= e; i += 1)
+      n.push(l(25 * i).format("0,0"));
   return n;
 }
-function y(r, e = !1, o = 25, n = !1, t = !0, i = !1) {
-  const s = parseFloat(r);
-  let f = n && !i ? b(s).slice(0, 28) : d(s, o).slice(0, 20);
-  if (s > 500 && !t) {
-    const c = _(s);
-    f = f.concat(c);
+function _(r, t) {
+  const o = r / t, e = [];
+  for (let n = 1; n <= o; n += 1)
+    e.push(l(t * n).format("0,0"));
+  return e;
+}
+function m(r, t = !1, o = 25, e = !1, n = !0, i = !1) {
+  const s = typeof r == "number" ? r : parseFloat(r);
+  let c = e && !i ? O(s).slice(0, 28) : _(s, o).slice(0, 20);
+  if (s > 500 && !n) {
+    const u = d(s);
+    c = c.concat(u);
   }
-  return e && !f.includes(Number(r).toFixed()) && f.push(Number(r).toFixed()), f;
+  return t && !c.includes(Number(r).toFixed()) && c.push(Number(r).toFixed()), c;
 }
 export {
-  p as BALANCE_CAMPAIGN,
-  A as BASE_CAMPAIGN,
-  a as ERL_COOKIE_NAME,
-  P as NO_BALANCE_CAMPAIGN,
-  N as TOP_UP_CAMPAIGN,
-  y as getDropdownPriceArray,
+  A as BALANCE_CAMPAIGN,
+  a as BASE_CAMPAIGN,
+  N as ERL_COOKIE_NAME,
+  y as NO_BALANCE_CAMPAIGN,
+  P as TOP_UP_CAMPAIGN,
+  m as getDropdownPriceArray,
   h as getLendCtaSelectedOption,
   E as isBetween25And50,
-  O as isLessThan25
+  b as isLessThan25
 };

package/dist/utils/mapUtils.d.ts

@@ -0,0 +1,5 @@
+export declare function getCoordinatesBetween(startCoordinates: number[], endCoordinates: number[], numberOfSteps: number): number[][];
+export declare function generateMapMarkers(mapInstance: any, borrowerPoints: any): void;
+export declare function animationCoordinator(mapInstance: any, borrowerPoints: any): Promise<void>;
+export declare const getLoansIntervals: (min: number, max: number, nbIntervals: number) => number[][];
+export declare const getCountryColor: (lenderLoans: number, countriesData: any[], kvTokensPrimitives: any, defaultBaseColor: string) => string;

package/dist/utils/markMatches.d.ts

@@ -0,0 +1 @@
+export default function markMatches(text: string, marks?: Array<[number, number]>): string;

package/dist/utils/paramCase.d.ts

@@ -0,0 +1 @@
+export default function paramCase(string: string): string;

package/dist/utils/printing.d.ts

@@ -0,0 +1,2 @@
+export declare function lockPrintSingleEl(domNode: Element): void;
+export declare function unlockPrintSingleEl(domNode: Element): void;

package/dist/utils/scrollLock.d.ts

@@ -0,0 +1,4 @@
+export declare function lockScroll(): void;
+export declare function unlockScroll(): void;
+export declare function lockScrollSmallOnly(): void;
+export declare function unlockScrollSmallOnly(): void;

package/dist/utils/themeUtils.d.ts

@@ -0,0 +1,12 @@
+export declare const headerNumberCase: (str: string) => string;
+export declare const buildTailwindClassName: (prefix: string, value: string) => string;
+export declare const kebabCase: (str: string) => string;
+export declare const removeObjectProperty: (object: Object, key: string) => {
+    constructor: Function;
+    toString(): string;
+    toLocaleString(): string;
+    valueOf(): Object;
+    hasOwnProperty(v: PropertyKey): boolean;
+    isPrototypeOf(v: Object): boolean;
+    propertyIsEnumerable(v: PropertyKey): boolean;
+};

package/dist/utils/throttle.d.ts

@@ -0,0 +1 @@
+export declare function throttle<T extends (...args: any[]) => any>(func: T, timeFrame: number): (...args: Parameters<T>) => void;

package/dist/utils/throttle.js

@@ -1,10 +1,10 @@
-function c(e, o) {
+function u(n, o) {
   let t = 0;
   return function(...i) {
-    const n = /* @__PURE__ */ new Date();
-    n - t >= o && (e(...i), t = n);
+    const e = (/* @__PURE__ */ new Date()).getTime();
+    e - t >= o && (n(...i), t = e);
   };
 }
 export {
-  c as throttle
+  u as throttle
 };

package/dist/utils/touchEvents.d.ts

@@ -0,0 +1,3 @@
+export declare function onBodyTouchstart(handler: EventListenerOrEventListenerObject): void;
+export declare function offBodyTouchstart(handler: EventListenerOrEventListenerObject): void;
+export declare function isTargetElement(event: Event, elements: HTMLElement | HTMLElement[]): boolean;

package/dist/utils/touchEvents.js

@@ -1,18 +1,18 @@
-function e(r) {
-  [...document.body.children].forEach((t) => t.addEventListener("touchstart", r));
+function e(t) {
+  Array.from(document.body.children).forEach((r) => r.addEventListener("touchstart", t));
 }
-function c(r) {
-  [...document.body.children].forEach((t) => t.removeEventListener("touchstart", r));
+function a(t) {
+  Array.from(document.body.children).forEach((r) => r.removeEventListener("touchstart", t));
 }
-function a(r, t) {
-  const n = Array.isArray(t) ? t : [t];
+function c(t, r) {
+  const n = Array.isArray(r) ? r : [r];
   for (let o = 0; o < n.length; o += 1)
-    if (n[o] === r.target || n[o].contains(r.target))
+    if (n[o] === t.target || n[o].contains(t.target))
       return !0;
   return !1;
 }
 export {
-  a as isTargetElement,
-  c as offBodyTouchstart,
+  c as isTargetElement,
+  a as offBodyTouchstart,
   e as onBodyTouchstart
 };

package/dist/utils/treemap.d.ts

@@ -0,0 +1,16 @@
+export interface TreemapDataPoint {
+    value: number;
+    [key: string]: any;
+}
+export interface TreemapRect<T extends TreemapDataPoint = TreemapDataPoint> {
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    data?: T;
+}
+export declare function getTreemap({ data, width, height }: {
+    data: TreemapDataPoint[];
+    width: number;
+    height: number;
+}): TreemapRect[];

package/dist/utils/treemap.js

@@ -7,7 +7,7 @@ const H = (n) => Math.max(...n), R = (n) => Math.min(...n), v = (n, u) => n + u,
     throw new Error("You data must be in this format [{ value: 1 }, { value: 2 }], 'value' being a positive number");
 };
 function A({ data: n, width: u, height: i }) {
-  let t = {}, c = [];
+  let t, c = [];
   function p(e, o) {
     const r = e.reduce(v, 0), a = H(e), h = R(e);
     return Math.max(o ** 2 * a / r ** 2, r ** 2 / (o ** 2 * h));

package/dist/vue/KvAccordionItem.js

@@ -1,95 +1,41 @@
-import { toRefs as p, ref as v, resolveComponent as s, openBlock as m, createElementBlock as u, createElementVNode as i, withModifiers as h, renderSlot as d, createVNode as c, normalizeClass as _, withCtx as g, withDirectives as b, vShow as x } from "vue";
-import { mdiChevronDown as k } from "@mdi/js";
-import y from "./KvExpandable.js";
-import C from "./KvMaterialIcon.js";
-import O from "../_virtual/_plugin-vue_export-helper.js";
-const B = {
-  components: {
-    KvMaterialIcon: C,
-    KvExpandable: y
-  },
-  props: {
-    /**
-     * Unique id. used for a11y
-    * */
-    id: {
-      type: String,
-      required: !0,
-      validator: (t) => t.length > 0 && !/\s/g.test(t)
-      // must be a valid html5 id
-    },
-    /**
-    	* Whether the body is shown initially
-    * */
-    open: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the accordion can be toggled
-    * */
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "toggle"
-  ],
-  setup(t, { emit: n }) {
-    const {
-      open: a,
-      disabled: e
-    } = p(t), o = v(a.value);
-    return {
-      collapse: () => {
-        e.value || (o.value = !1);
-      },
-      expand: () => {
-        e.value || (o.value = !0);
-      },
-      isOpen: o,
-      mdiChevronDown: k,
-      toggle: () => {
-        e.value || (o.value = !o.value, n("toggle", { open: o.value }));
-      }
-    };
-  }
-}, D = { class: "tw-border-b tw-border-tertiary tw-relative last:tw-border-b-0" }, E = ["disabled", "aria-controls", "aria-expanded"], K = { class: "tw-flex-1" }, S = ["id", "aria-hidden"];
-function I(t, n, a, e, o, w) {
-  const l = s("kv-material-icon"), r = s("kv-expandable");
-  return m(), u("div", D, [
-    i("button", {
+import w from "./KvAccordionItem2.js";
+import { resolveComponent as n, openBlock as f, createElementBlock as _, createElementVNode as o, withModifiers as h, renderSlot as r, createVNode as d, normalizeClass as m, withCtx as v, withDirectives as b, vShow as p } from "vue";
+import x from "../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "tw-border-b tw-border-tertiary tw-relative last:tw-border-b-0" }, u = ["disabled", "aria-controls", "aria-expanded"], g = { class: "tw-flex-1" }, C = ["id", "aria-hidden"];
+function y(i, a, e, t, O, B) {
+  const l = n("kv-material-icon"), s = n("kv-expandable");
+  return f(), _("div", k, [
+    o("button", {
       class: "tw-w-full tw-flex tw-justify-between tw-items-center tw-py-1.5 tw-px-0 tw-text-left disabled:tw-cursor-not-allowed disabled:tw-opacity-low hover:tw-text-action-highlight focus:tw-text-action-highlight",
-      disabled: a.disabled,
-      "aria-controls": `kv-accordion-${a.id}`,
-      "aria-expanded": e.isOpen ? "true" : "false",
-      onClick: n[0] || (n[0] = h((...f) => e.toggle && e.toggle(...f), ["prevent"]))
+      disabled: e.disabled,
+      "aria-controls": `kv-accordion-${e.id}`,
+      "aria-expanded": t.isOpen ? "true" : "false",
+      onClick: a[0] || (a[0] = h((...c) => t.toggle && t.toggle(...c), ["prevent"]))
     }, [
-      i("span", K, [
-        d(t.$slots, "header")
+      o("span", g, [
+        r(i.$slots, "header")
       ]),
-      c(l, {
-        class: _(["tw-h-3 tw-w-3 tw-transition tw-transform tw-duration-500 tw-ease", { "tw-rotate-180": e.isOpen }]),
-        icon: e.mdiChevronDown
+      d(l, {
+        class: m(["tw-h-3 tw-w-3 tw-transition tw-transform tw-duration-500 tw-ease", { "tw-rotate-180": t.isOpen }]),
+        icon: t.mdiChevronDown
       }, null, 8, ["class", "icon"])
-    ], 8, E),
-    c(r, null, {
-      default: g(() => [
-        b(i("div", {
-          id: `kv-accordion-${a.id}`,
-          "aria-hidden": e.isOpen ? "false" : "true"
+    ], 8, u),
+    d(s, null, {
+      default: v(() => [
+        b(o("div", {
+          id: `kv-accordion-${e.id}`,
+          "aria-hidden": t.isOpen ? "false" : "true"
         }, [
-          d(t.$slots, "default")
-        ], 8, S), [
-          [x, e.isOpen]
+          r(i.$slots, "default")
+        ], 8, C), [
+          [p, t.isOpen]
         ])
       ]),
       _: 3
     })
   ]);
 }
-const z = /* @__PURE__ */ O(B, [["render", I]]);
+const S = /* @__PURE__ */ x(w, [["render", y]]);
 export {
-  z as default
+  S as default
 };