@kong/kongponents 9.56.1 → 9.56.2

package/dist/kongponents.es259.js

@@ -1,25 +1,244 @@
-import { watch as n, getCurrentScope as r, onScopeDispose as i } from "vue";
-function s(t, e) {
-  return r() ? (i(t, e), !0) : !1;
-}
-const f = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const c = Object.prototype.toString, u = (t) => c.call(t) === "[object Object]", a = () => {
-};
-function d(t) {
-  return Array.isArray(t) ? t : [t];
-}
-function l(t, e, o) {
-  return n(t, e, {
-    ...o,
-    immediate: !0
-  });
-}
+import { defineComponent as Z, useCssVars as _, useAttrs as ee, ref as k, useTemplateRef as E, computed as r, onMounted as te, resolveComponent as le, openBlock as x, createBlock as w, unref as F, withCtx as m, createElementVNode as P, createVNode as S, createTextVNode as q, renderSlot as ae, createElementBlock as oe, createCommentVNode as ie, toDisplayString as ne, mergeProps as re, withModifiers as ue, nextTick as se } from "vue";
+import { KUI_SPACE_30 as ce } from "./kongponents.es181.js";
+import de from "./kongponents.es56.js";
+import fe from "./kongponents.es49.js";
+import I from "./kongponents.es60.js";
+import ve from "./kongponents.es54.js";
+import me from "./kongponents.es448.js";
+const pe = {
+  class: "filter-content",
+  "data-testid": "filter-pill-content"
+}, be = { class: "default-layout" }, ye = {
+  key: 0,
+  class: "operator"
+}, Ve = { class: "value" }, he = { class: "footer" }, qe = /* @__PURE__ */ Z({
+  inheritAttrs: !1,
+  __name: "FilterPill",
+  props: {
+    filter: {},
+    initOpen: { type: Boolean, default: !1 },
+    selection: { default: () => {
+    } },
+    custom: { type: Boolean, default: !1 }
+  },
+  emits: ["apply", "close", "open", "clear"],
+  setup(t, { emit: M }) {
+    _((l) => ({
+      v368b424a: D.value
+    }));
+    const N = ee(), p = M, b = k(!1), C = E("filterPopper"), f = k(), u = k(), s = k(), c = k(), T = E("inputField"), v = r(() => t.custom ? "custom" : t.filter.options && !t.filter.multiple ? "select" : t.filter.options && t.filter.multiple ? "multiselect" : "input"), L = r(() => {
+      switch (v.value) {
+        case "input":
+          return !u.value || u.value === "";
+        case "select":
+          return !s.value;
+        case "multiselect":
+          return !c.value || c.value.length === 0;
+        case "custom":
+        default:
+          return !1;
+      }
+    }), g = r(() => t.filter.operators && t.filter.operators.length ? t.filter.operators : ["eq"]), D = r(() => g.value.some((l) => l === "lte" || l === "gte") ? "205px" : "120px"), R = r(() => {
+      var o, a, V, h, i, n, K, O;
+      let l, e;
+      switch (v.value) {
+        case "input":
+          l = u.value, e = u.value;
+          break;
+        case "select":
+          l = s.value, e = ((V = (a = (o = t.filter) == null ? void 0 : o.options) == null ? void 0 : a.find(({ value: d }) => d === s.value)) == null ? void 0 : V.label) ?? ((h = s.value) == null ? void 0 : h.toString());
+          break;
+        case "multiselect":
+          l = c.value, e = (O = (K = (n = (i = c.value) == null ? void 0 : i.map((d) => {
+            var U;
+            return (U = t.filter.options) == null ? void 0 : U.find(({ value: Y }) => Y === d);
+          })) == null ? void 0 : n.filter((d) => d !== void 0)) == null ? void 0 : K.map(({ label: d }) => d)) == null ? void 0 : O.join(", ");
+          break;
+      }
+      if (!(f.value === void 0 || l === void 0 || e === void 0))
+        return {
+          operator: f.value,
+          value: l,
+          text: e
+        };
+    }), $ = r(() => {
+      var l;
+      switch ((l = t.selection) == null ? void 0 : l.operator) {
+        case "eq":
+          return " = ";
+        case "neq":
+          return " ≠ ";
+        case "lt":
+          return " < ";
+        case "lte":
+          return " ≤ ";
+        case "gt":
+          return " > ";
+        case "gte":
+          return " ≥ ";
+        case "contains":
+        case "exists":
+        default:
+          return ": ";
+      }
+    }), A = r(() => {
+      const l = {
+        eq: "Equals",
+        neq: "Not equals",
+        contains: "Contains",
+        exists: "Exists",
+        lt: "Less than",
+        lte: "Less than or equal to",
+        gt: "Greater than",
+        gte: "Greater than or equal to"
+      };
+      return g.value.map((e) => ({
+        label: l[e],
+        value: e
+      }));
+    }), G = r(() => {
+      var l;
+      return ((l = A.value.find(({ value: e }) => e === f.value)) == null ? void 0 : l.label) ?? "";
+    }), W = () => {
+      var l, e;
+      v.value === "input" && ((e = (l = T.value) == null ? void 0 : l.input) == null || e.focus());
+    }, j = () => {
+      var l, e, o, a, V, h;
+      f.value = ((l = t.selection) == null ? void 0 : l.operator) ?? ((e = g.value) == null ? void 0 : e[0]), u.value = typeof ((o = t.selection) == null ? void 0 : o.value) == "string" ? t.selection.value : void 0, s.value = (V = (a = t.filter.options) == null ? void 0 : a.find(({ value: i }) => {
+        var n;
+        return i === ((n = t.selection) == null ? void 0 : n.value);
+      })) == null ? void 0 : V.value, c.value = (h = t.filter.options) == null ? void 0 : h.filter(({ value: i }) => {
+        var n;
+        if (Array.isArray((n = t.selection) == null ? void 0 : n.value))
+          return t.selection.value.includes(`${i}`);
+      }).map(({ value: i }) => i);
+    }, B = async () => {
+      j(), C.value && (C.value.showPopover(), b.value = !0, await se(), W()), p("open");
+    }, y = () => {
+      C.value && (C.value.hidePopover(), b.value = !1), p("close");
+    };
+    te(() => {
+      t.initOpen && B();
+    });
+    const z = () => {
+      b.value && y();
+    }, H = () => {
+      v.value === "custom" ? p("apply", void 0) : p("apply", R.value), y();
+    }, J = () => {
+      y();
+    }, Q = () => {
+      y(), p("clear");
+    }, X = () => {
+      b.value ? y() : B();
+    };
+    return (l, e) => {
+      const o = le("KButton");
+      return x(), w(de, {
+        ref: "filterPopper",
+        "max-width": t.filter.maxWidth ?? "400px",
+        offset: `var(--kui-space-30, ${F(ce)})`,
+        placement: t.filter.placement ?? "bottom-start",
+        width: "auto",
+        onClose: z
+      }, {
+        default: m(() => {
+          var a;
+          return [
+            S(me, re({
+              "content-label": (a = t.selection) == null ? void 0 : a.text,
+              "data-testid": "filter-pill",
+              delimiter: $.value,
+              label: t.filter.label,
+              "pill-focus": b.value
+            }, F(N), {
+              onClear: Q,
+              onClick: e[0] || (e[0] = ue(() => {
+              }, ["prevent", "stop"])),
+              onTrigger: X
+            }), null, 16, ["content-label", "delimiter", "label", "pill-focus"])
+          ];
+        }),
+        title: m(() => [
+          q(ne(t.filter.label), 1)
+        ]),
+        content: m(() => [
+          P("div", pe, [
+            ae(l.$slots, "default", {}, () => [
+              P("div", be, [
+                g.value.length > 1 ? (x(), oe("div", ye, [
+                  S(I, {
+                    modelValue: f.value,
+                    "onUpdate:modelValue": e[1] || (e[1] = (a) => f.value = a),
+                    items: A.value,
+                    "kpop-attributes": {
+                      popoverClasses: "force-operator-width"
+                    },
+                    label: "Operator",
+                    title: G.value
+                  }, null, 8, ["modelValue", "items", "title"])
+                ])) : ie("", !0),
+                P("div", Ve, [
+                  v.value === "select" ? (x(), w(I, {
+                    key: 0,
+                    modelValue: s.value,
+                    "onUpdate:modelValue": e[2] || (e[2] = (a) => s.value = a),
+                    "data-testid": "filter-pill-select",
+                    items: t.filter.options,
+                    label: "Value",
+                    placeholder: "Select a value"
+                  }, null, 8, ["modelValue", "items"])) : v.value === "multiselect" ? (x(), w(ve, {
+                    key: 1,
+                    modelValue: c.value,
+                    "onUpdate:modelValue": e[3] || (e[3] = (a) => c.value = a),
+                    "data-testid": "filter-pill-multiselect",
+                    items: t.filter.options,
+                    label: "Value",
+                    placeholder: "Select values"
+                  }, null, 8, ["modelValue", "items"])) : (x(), w(fe, {
+                    key: 2,
+                    ref: "inputField",
+                    modelValue: u.value,
+                    "onUpdate:modelValue": e[4] || (e[4] = (a) => u.value = a),
+                    modelModifiers: { trim: !0 },
+                    "data-testid": "filter-pill-input",
+                    label: "Value",
+                    placeholder: "Enter a value"
+                  }, null, 8, ["modelValue"]))
+                ])
+              ])
+            ], !0)
+          ])
+        ]),
+        footer: m(() => [
+          P("div", he, [
+            S(o, {
+              appearance: "secondary",
+              "data-testid": "filter-pill-cancel",
+              onClick: J
+            }, {
+              default: m(() => [...e[5] || (e[5] = [
+                q(" Cancel ", -1)
+              ])]),
+              _: 1
+            }),
+            S(o, {
+              appearance: "primary",
+              "data-testid": "filter-pill-apply",
+              disabled: L.value,
+              onClick: H
+            }, {
+              default: m(() => [...e[6] || (e[6] = [
+                q(" Apply ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["max-width", "offset", "placement"]);
+    };
+  }
+});
 export {
-  f as isClient,
-  u as isObject,
-  a as noop,
-  d as toArray,
-  s as tryOnScopeDispose,
-  l as watchImmediate
+  qe as default
 };

package/dist/kongponents.es26.js

@@ -1,8 +1,8 @@
 import { defineComponent as A, watch as d, ref as E, computed as f, useTemplateRef as V, onMounted as I, openBlock as k, createElementBlock as B, normalizeStyle as q, createVNode as N, createSlots as w, withCtx as g, renderSlot as v } from "vue";
-import z from "./kongponents.es224.js";
-import { normalizeSize as J } from "./kongponents.es189.js";
-import { warnInvalidProp as o } from "./kongponents.es200.js";
-import { getMaximumDepth as L } from "./kongponents.es225.js";
+import z from "./kongponents.es238.js";
+import { normalizeSize as J } from "./kongponents.es182.js";
+import { warnInvalidProp as o } from "./kongponents.es223.js";
+import { getMaximumDepth as L } from "./kongponents.es239.js";
 const R = /* @__PURE__ */ A({
   __name: "KTreeList",
   props: {

package/dist/kongponents.es261.js

@@ -1,330 +1,26 @@
-import { getCurrentScope as K, ref as N, reactive as Q, onScopeDispose as U, watch as X, isReadonly as Y, toRefs as Z } from "vue";
-import _ from "./kongponents.es496.js";
-import T from "./kongponents.es260.js";
-var m = function() {
-  return m = Object.assign || function(o) {
-    for (var n, r = 1, i = arguments.length; r < i; r++) {
-      n = arguments[r];
-      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (o[a] = n[a]);
-    }
-    return o;
-  }, m.apply(this, arguments);
-}, E = function(o, n, r, i) {
-  function a(e) {
-    return e instanceof r ? e : new r(function(f) {
-      f(e);
-    });
-  }
-  return new (r || (r = Promise))(function(e, f) {
-    function h(l) {
-      try {
-        t(i.next(l));
-      } catch (u) {
-        f(u);
-      }
-    }
-    function s(l) {
-      try {
-        t(i.throw(l));
-      } catch (u) {
-        f(u);
-      }
-    }
-    function t(l) {
-      l.done ? e(l.value) : a(l.value).then(h, s);
-    }
-    t((i = i.apply(o, n || [])).next());
-  });
-}, p = function(o, n) {
-  var r = { label: 0, sent: function() {
-    if (e[0] & 1) throw e[1];
-    return e[1];
-  }, trys: [], ops: [] }, i, a, e, f;
-  return f = { next: h(0), throw: h(1), return: h(2) }, typeof Symbol == "function" && (f[Symbol.iterator] = function() {
-    return this;
-  }), f;
-  function h(t) {
-    return function(l) {
-      return s([t, l]);
-    };
-  }
-  function s(t) {
-    if (i) throw new TypeError("Generator is already executing.");
-    for (; r; ) try {
-      if (i = 1, a && (e = t[0] & 2 ? a.return : t[0] ? a.throw || ((e = a.return) && e.call(a), 0) : a.next) && !(e = e.call(a, t[1])).done) return e;
-      switch (a = 0, e && (t = [t[0] & 2, e.value]), t[0]) {
-        case 0:
-        case 1:
-          e = t;
-          break;
-        case 4:
-          return r.label++, { value: t[1], done: !1 };
-        case 5:
-          r.label++, a = t[1], t = [0];
-          continue;
-        case 7:
-          t = r.ops.pop(), r.trys.pop();
-          continue;
-        default:
-          if (e = r.trys, !(e = e.length > 0 && e[e.length - 1]) && (t[0] === 6 || t[0] === 2)) {
-            r = 0;
-            continue;
-          }
-          if (t[0] === 3 && (!e || t[1] > e[0] && t[1] < e[3])) {
-            r.label = t[1];
-            break;
-          }
-          if (t[0] === 6 && r.label < e[1]) {
-            r.label = e[1], e = t;
-            break;
-          }
-          if (e && r.label < e[2]) {
-            r.label = e[2], r.ops.push(t);
-            break;
-          }
-          e[2] && r.ops.pop(), r.trys.pop();
-          continue;
-      }
-      t = n.call(o, r);
-    } catch (l) {
-      t = [6, l], a = 0;
-    } finally {
-      i = e = 0;
-    }
-    if (t[0] & 5) throw t[1];
-    return { value: t[0] ? t[1] : void 0, done: !0 };
-  }
-}, $ = function(o, n) {
-  var r = typeof Symbol == "function" && o[Symbol.iterator];
-  if (!r) return o;
-  var i = r.call(o), a, e = [], f;
-  try {
-    for (; (n === void 0 || n-- > 0) && !(a = i.next()).done; ) e.push(a.value);
-  } catch (h) {
-    f = { error: h };
-  } finally {
-    try {
-      a && !a.done && (r = i.return) && r.call(i);
-    } finally {
-      if (f) throw f.error;
-    }
-  }
-  return e;
-}, ee = function(o, n, r) {
-  if (r || arguments.length === 2) for (var i = 0, a = n.length, e; i < a; i++)
-    (e || !(i in n)) && (e || (e = Array.prototype.slice.call(n, 0, i)), e[i] = n[i]);
-  return o.concat(e || Array.prototype.slice.call(n));
-}, z = new T(), O = new T(), D = new T(), F = {
-  cache: z,
-  refreshInterval: 0,
-  ttl: 0,
-  serverTTL: 1e3,
-  dedupingInterval: 2e3,
-  revalidateOnFocus: !0,
-  revalidateDebounce: 0,
-  shouldRetryOnError: !0,
-  errorRetryInterval: 5e3,
-  errorRetryCount: 5,
-  fetcher: _.fetcher,
-  isOnline: _.isOnline,
-  isDocumentVisible: _.isDocumentVisible
-};
-function re(o, n, r) {
-  var i = O.get(o);
-  if (i)
-    i.data.push(n);
-  else {
-    var a = 5e3;
-    O.set(o, [n], r > 0 ? r + a : r);
-  }
-}
-function te(o, n, r) {
-  if (r.isDocumentVisible() && !(r.errorRetryCount !== void 0 && n > r.errorRetryCount)) {
-    var i = Math.min(n || 0, r.errorRetryCount), a = i * r.errorRetryInterval;
-    setTimeout(function() {
-      o(null, { errorRetryCount: i + 1, shouldRetryOnError: !0 });
-    }, a);
-  }
-}
-function G(o) {
-  var n = o.shouldRetry, r = n === void 0 ? void 0 : n, i = o.error;
-  return typeof r == "function" ? r(i) : typeof r == "boolean" ? r : F.shouldRetryOnError;
-}
-var q = function(o, n, r, i) {
-  return r === void 0 && (r = z), i === void 0 && (i = F.ttl), E(void 0, void 0, void 0, function() {
-    var a, e, f, h, s, t, l;
-    return p(this, function(u) {
-      switch (u.label) {
-        case 0:
-          if (!ne(n)) return [3, 5];
-          u.label = 1;
-        case 1:
-          return u.trys.push([1, 3, , 4]), [4, n];
-        case 2:
-          return a = u.sent(), [3, 4];
-        case 3:
-          return h = u.sent(), e = h, [3, 4];
-        case 4:
-          return [3, 6];
-        case 5:
-          a = n, u.label = 6;
-        case 6:
-          if (f = !1, s = { data: a, error: e, isValidating: f }, typeof a < "u")
-            try {
-              r.set(o, s, i);
-            } catch (v) {
-              console.error("swrv(mutate): failed to set cache", v);
-            }
-          return t = O.get(o), t && t.data.length && (l = t.data.filter(function(v) {
-            return v.key === o;
-          }), l.forEach(function(v, b) {
-            typeof s.data < "u" && (v.data = s.data), v.error = s.error, v.isValidating = s.isValidating, v.isLoading = s.isValidating;
-            var g = b === l.length - 1;
-            g || delete l[b];
-          }), l = l.filter(Boolean)), [2, s];
-      }
-    });
-  });
-};
-function oe() {
-  for (var o = this, n = [], r = 0; r < arguments.length; r++)
-    n[r] = arguments[r];
-  var i, a, e = m({}, F), f = !1, h = !1;
-  if (!K())
-    return console.error("useSWRV must be called inside setup() or an active effectScope()."), null;
-  var s = typeof window > "u" || typeof document > "u";
-  n.length >= 1 && (i = n[0]), n.length >= 2 && (a = n[1]), n.length > 2 && (e = m(m({}, e), n[2]));
-  var t = s ? e.serverTTL : e.ttl, l = typeof i == "function" ? i : N(i);
-  typeof a > "u" && (a = e.fetcher);
-  var u = null;
-  u || (u = Q({
-    data: void 0,
-    error: void 0,
-    isValidating: !0,
-    isLoading: !0,
-    key: null
-  }));
-  var v = function(c, d) {
-    return E(o, void 0, void 0, function() {
-      var x, y, V, R, A, H, I, j = this;
-      return p(this, function(S) {
-        switch (S.label) {
-          case 0:
-            return x = u.data === void 0, y = l.value, y ? (V = e.cache.get(y), R = V && V.data, u.isValidating = !0, u.isLoading = !R, R && (u.data = R.data, u.error = R.error), A = c || a, !A || !e.isDocumentVisible() && !x || (d == null ? void 0 : d.forceRevalidate) !== void 0 && !(d != null && d.forceRevalidate) ? (u.isValidating = !1, u.isLoading = !1, [
-              2
-              /*return*/
-            ]) : V && (H = !!(Date.now() - V.createdAt >= e.dedupingInterval || d != null && d.forceRevalidate), !H) ? (u.isValidating = !1, u.isLoading = !1, [
-              2
-              /*return*/
-            ]) : (I = function() {
-              return E(j, void 0, void 0, function() {
-                var w, B, L, P, W, M;
-                return p(this, function(C) {
-                  switch (C.label) {
-                    case 0:
-                      return w = D.get(y), w ? [3, 2] : (B = Array.isArray(y) ? y : [y], L = A.apply(void 0, ee([], $(B), !1)), D.set(y, L, e.dedupingInterval), [4, q(y, L, e.cache, t)]);
-                    case 1:
-                      return C.sent(), [3, 4];
-                    case 2:
-                      return [4, q(y, w.data, e.cache, t)];
-                    case 3:
-                      C.sent(), C.label = 4;
-                    case 4:
-                      return u.isValidating = !1, u.isLoading = !1, D.delete(y), u.error !== void 0 && (P = G({ shouldRetry: e.shouldRetryOnError, error: u.error }), W = G({
-                        shouldRetry: d ? d.shouldRetryOnError : !0,
-                        error: u.error
-                      }), M = !f && P && W, M && te(v, d ? d.errorRetryCount : 1, e)), [
-                        2
-                        /*return*/
-                      ];
-                  }
-                });
-              });
-            }, R && e.revalidateDebounce ? (setTimeout(function() {
-              return E(j, void 0, void 0, function() {
-                return p(this, function(w) {
-                  switch (w.label) {
-                    case 0:
-                      return f ? [3, 2] : [4, I()];
-                    case 1:
-                      w.sent(), w.label = 2;
-                    case 2:
-                      return [
-                        2
-                        /*return*/
-                      ];
-                  }
-                });
-              });
-            }, e.revalidateDebounce), [3, 3]) : [3, 1])) : [
-              2
-              /*return*/
-            ];
-          case 1:
-            return [4, I()];
-          case 2:
-            S.sent(), S.label = 3;
-          case 3:
-            return [
-              2
-              /*return*/
-            ];
-        }
-      });
-    });
-  }, b = function() {
-    return E(o, void 0, void 0, function() {
-      return p(this, function(c) {
-        return [2, v(null, { shouldRetryOnError: !1 })];
-      });
-    });
-  }, g = null;
-  if (!s) {
-    var k = function() {
-      return E(o, void 0, void 0, function() {
-        return p(this, function(c) {
-          switch (c.label) {
-            case 0:
-              return !u.error && e.isOnline() ? [4, v()] : [3, 2];
-            case 1:
-              return c.sent(), [3, 3];
-            case 2:
-              g && (clearTimeout(g), g = null), c.label = 3;
-            case 3:
-              return e.refreshInterval && !f && (g = setTimeout(k, e.refreshInterval)), [
-                2
-                /*return*/
-              ];
-          }
-        });
-      });
-    };
-    e.refreshInterval && (g = setTimeout(k, e.refreshInterval)), e.revalidateOnFocus && (document.addEventListener("visibilitychange", b, !1), window.addEventListener("focus", b, !1));
-  }
-  U(function() {
-    f = !0, g && (clearTimeout(g), g = null), !s && e.revalidateOnFocus && (document.removeEventListener("visibilitychange", b, !1), window.removeEventListener("focus", b, !1));
-    var c = O.get(l.value);
-    c && (c.data = c.data.filter(function(d) {
-      return d !== u;
-    }));
-  });
-  try {
-    X(l, function(c) {
-      Y(l) || (l.value = c), u.key = c, u.isValidating = !!c, re(l.value, u, t), !s && !h && l.value && v(), h = !1;
-    }, {
-      immediate: !0
-    });
-  } catch {
-  }
-  var J = m(m({}, Z(u)), { mutate: function(c, d) {
-    return v(c, m(m({}, d), { forceRevalidate: !0 }));
-  } });
-  return J;
-}
-function ne(o) {
-  return o !== null && typeof o == "object" && typeof o.then == "function";
-}
+import { defineComponent as r, openBlock as n, createElementBlock as s, renderSlot as i, createVNode as e } from "vue";
+import t from "./kongponents.es61.js";
+const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
+  __name: "SkeletonBase",
+  setup(a) {
+    return (o, d) => (n(), s("div", l, [
+      i(o.$slots, "default", {}, () => [
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        })
+      ], !0)
+    ]));
+  }
+});
 export {
-  oe as default,
-  q as mutate
+  _ as default
 };

package/dist/kongponents.es263.js

@@ -0,0 +1,50 @@
+import { defineComponent as h, useCssVars as k, computed as f, openBlock as t, createElementBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
+import d from "./kongponents.es61.js";
+import { KUI_SPACE_50 as C } from "./kongponents.es181.js";
+import { normalizeSize as p } from "./kongponents.es182.js";
+const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
+  __name: "CardSkeleton",
+  props: {
+    cardCount: {},
+    maxWidth: {}
+  },
+  setup(o) {
+    k((e) => ({
+      v243e7eb5: u.value
+    }));
+    const u = f(() => o.maxWidth ? p(o.maxWidth) : o.cardCount === 1 ? "470px" : `calc((100% / 3) - ${C})`);
+    return (e, S) => (t(), r("div", _, [
+      (t(!0), r(s, null, c(o.cardCount, (m) => (t(), r("div", {
+        key: m,
+        class: "skeleton-card"
+      }, [
+        l("div", v, [
+          i(e.$slots, "card-header", {}, () => [
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", w, [
+          i(e.$slots, "card-content", {}, () => [
+            (t(), r(s, null, c(3, (a) => n(d, {
+              key: a,
+              width: "100"
+            })), 64)),
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", x, [
+          i(e.$slots, "card-footer", {}, () => [
+            (t(), r(s, null, c(2, (a) => n(d, {
+              key: a,
+              height: "2",
+              width: "5"
+            })), 64))
+          ], !0)
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  E as default
+};