@kong/kongponents 9.46.7-pr.2980.7a7a1ed.0 → 9.46.7

package/dist/kongponents.es258.js

@@ -1,7 +1,178 @@
-var t = {};
-function e() {
-  return t;
-}
+import { defineComponent as $, ref as u, computed as D, watch as L, onMounted as T, onBeforeMount as H, createElementBlock as h, openBlock as c, createVNode as o, withCtx as r, unref as b, createBlock as g, createCommentVNode as K, createElementVNode as w, withModifiers as f, createSlots as N, Fragment as P, renderList as E, createTextVNode as C, toDisplayString as U, nextTick as q } from "vue";
+import { debounce as z } from "./kongponents.es166.js";
+import A from "./kongponents.es176.js";
+import J from "./kongponents.es200.js";
+import R from "./kongponents.es256.js";
+import p from "./kongponents.es33.js";
+import F from "./kongponents.es37.js";
+import O from "./kongponents.es42.js";
+import j from "./kongponents.es43.js";
+import G from "./kongponents.es46.js";
+import Q from "./kongponents.es24.js";
+/* empty css                 */
+import W from "./kongponents.es48.js";
+const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, me = /* @__PURE__ */ $({
+  __name: "ColumnVisibilityMenu",
+  props: {
+    columns: {},
+    tableId: {},
+    visibilityPreferences: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update"],
+  setup(i, { emit: V }) {
+    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), a = u(""), v = () => {
+      s.value = i.columns.reduce((e, t) => (e[t.key] = i.visibilityPreferences[t.key] === void 0 ? !0 : i.visibilityPreferences[t.key], e), {}), d.value = !1;
+    }, I = z((e) => {
+      a.value = e, n.value && m(n.value);
+    }, 500), k = D(() => a.value ? i.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(a.value.toLowerCase())) : i.columns), S = () => {
+      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, a.value = "";
+    }, B = (e) => {
+      y.value = e, e && n.value && q(() => {
+        n.value && m(n.value);
+      }), !e && d.value && v(), e || (a.value = "");
+    }, m = (e) => {
+      if (!(e.scrollHeight > e.clientHeight)) {
+        e.classList.remove("is-bottom-overflowing");
+        return;
+      }
+      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
+      e.classList.toggle("is-bottom-overflowing", !l);
+    };
+    return L(() => i.visibilityPreferences, () => {
+      v();
+    }, { immediate: !0 }), T(() => {
+      n.value && (n.value.addEventListener("scroll", (e) => {
+        const t = e.currentTarget;
+        m(t);
+      }), m(n.value));
+    }), H(() => {
+      v();
+    }), (e, t) => (c(), h("div", X, [
+      o(O, {
+        "data-testid": "table-column-visibility-menu",
+        disabled: i.disabled,
+        "kpop-attributes": { placement: "bottom-end" },
+        onToggleDropdown: B
+      }, {
+        items: r(() => [
+          a.value || k.value.length > 5 ? (c(), g(G, {
+            key: 0,
+            modelValue: a.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => a.value = l),
+            modelModifiers: { trim: !0 },
+            autocomplete: "off",
+            class: "search-input",
+            "data-testid": "search-input",
+            placeholder: "Search columns",
+            type: "search",
+            onClick: t[2] || (t[2] = f(() => {
+            }, ["stop"])),
+            onInput: b(I)
+          }, N({
+            before: r(() => [
+              o(b(J), { decorative: "" })
+            ]),
+            _: 2
+          }, [
+            a.value ? {
+              name: "after",
+              fn: r(() => [
+                o(p, {
+                  appearance: "tertiary",
+                  "aria-label": "Clear search",
+                  class: "clear-search",
+                  "data-testid": "clear-search-button",
+                  icon: "",
+                  size: "small",
+                  onClick: t[0] || (t[0] = f(() => a.value = "", ["stop"]))
+                }, {
+                  default: r(() => [
+                    o(b(A), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "onInput"])) : K("", !0),
+          w("div", {
+            ref_key: "menuItemsRef",
+            ref: n,
+            class: "menu-items-wrapper"
+          }, [
+            (c(!0), h(P, null, E(k.value, (l) => (c(), g(j, {
+              key: l.key,
+              class: "column-visibility-menu-item",
+              "data-testid": `column-visibility-menu-item-${l.key}`,
+              onClick: f(() => {
+                s.value[l.key] = !s.value[l.key], d.value = !0;
+              }, ["stop"])
+            }, {
+              default: r(() => [
+                o(F, {
+                  modelValue: s.value[l.key],
+                  "onUpdate:modelValue": (M) => s.value[l.key] = M,
+                  "aria-labelledby": `${i.tableId}-${l.key}-visibility-checkbox-label`,
+                  "data-testid": `column-visibility-checkbox-${l.key}`
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
+                o(W, {
+                  id: `${i.tableId}-${l.key}-visibility-checkbox-label`,
+                  class: "visibility-checkbox-label",
+                  title: l.label
+                }, {
+                  default: r(() => [
+                    C(U(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "title"])
+              ]),
+              _: 2
+            }, 1032, ["data-testid", "onClick"]))), 128))
+          ], 512),
+          w("div", Y, [
+            o(p, {
+              appearance: "tertiary",
+              class: "apply-button",
+              "data-testid": "apply-button",
+              onClick: S
+            }, {
+              default: r(() => [...t[3] || (t[3] = [
+                C(" Apply ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: r(() => [
+          o(Q, {
+            placement: "bottom-end",
+            text: y.value ? void 0 : "Show/Hide Columns"
+          }, {
+            default: r(() => [
+              o(p, {
+                appearance: "tertiary",
+                "aria-label": "Show/Hide Columns",
+                class: "menu-button",
+                "data-testid": "column-visibility-menu-button",
+                disabled: i.disabled,
+                icon: "",
+                size: "large"
+              }, {
+                default: r(() => [
+                  o(b(R), { decorative: "" })
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
+  }
+});
 export {
-  e as getDefaultOptions
+  me 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, createElementBlock as k, openBlock as B, normalizeStyle as q, createVNode as N, createSlots as w, withCtx as g, renderSlot as v } from "vue";
-import z from "./kongponents.es213.js";
-import { normalizeSize as J } from "./kongponents.es174.js";
-import { warnInvalidProp as o } from "./kongponents.es214.js";
-import { getMaximumDepth as L } from "./kongponents.es215.js";
+import z from "./kongponents.es230.js";
+import { normalizeSize as J } from "./kongponents.es171.js";
+import { warnInvalidProp as o } from "./kongponents.es227.js";
+import { getMaximumDepth as L } from "./kongponents.es231.js";
 const R = /* @__PURE__ */ A({
   __name: "KTreeList",
   props: {

package/dist/kongponents.es260.js

@@ -1,10 +1,66 @@
-import e from "./kongponents.es250.js";
-import m from "./kongponents.es251.js";
-function u(r, t) {
-  m(2, arguments);
-  var o = e(r), a = e(t);
-  return o.getTime() < a.getTime();
-}
+import { defineComponent as d, createBlock as i, openBlock as a, withCtx as e, createVNode as o, unref as r, Transition as l, createElementBlock as s, createCommentVNode as c, toDisplayString as u, renderSlot as m } from "vue";
+import b from "./kongponents.es24.js";
+/* empty css                 */
+import p from "./kongponents.es42.js";
+import f from "./kongponents.es33.js";
+import k from "./kongponents.es221.js";
+const g = {
+  key: 0,
+  class: "bulk-actions-dropdown-trigger-count"
+}, D = /* @__PURE__ */ d({
+  __name: "BulkActionsDropdown",
+  props: {
+    disabled: { type: Boolean },
+    count: { default: "" },
+    buttonLabel: { default: "" }
+  },
+  setup(t) {
+    return (n, w) => (a(), i(p, {
+      class: "bulk-actions-dropdown",
+      "data-testid": "bulk-actions-dropdown",
+      disabled: t.disabled,
+      "kpop-attributes": { placement: "bottom-end" }
+    }, {
+      items: e(() => [
+        m(n.$slots, "items", {}, void 0, !0)
+      ]),
+      default: e(() => [
+        o(b, {
+          placement: "bottom-end",
+          text: "Selected Row Actions"
+        }, {
+          default: e(() => [
+            o(f, {
+              appearance: "secondary",
+              "aria-label": t.buttonLabel,
+              class: "bulk-actions-dropdown-trigger",
+              "data-testid": "bulk-actions-dropdown-trigger",
+              disabled: t.disabled,
+              icon: "",
+              size: "large"
+            }, {
+              default: e(() => [
+                o(r(k), {
+                  class: "more-icon",
+                  decorative: ""
+                }),
+                o(l, { name: "kongponents-fade-transition" }, {
+                  default: e(() => [
+                    t.count ? (a(), s("span", g, u(t.count), 1)) : c("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["disabled"]));
+  }
+});
 export {
-  u as default
+  D as default
 };

package/dist/kongponents.es262.js

@@ -1,11 +1,26 @@
-function o(e) {
-  "@babel/helpers - typeof";
-  return o = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-    return typeof t;
-  } : function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, o(e);
-}
+import { defineComponent as r, createElementBlock as n, openBlock as s, renderSlot as i, createVNode as e } from "vue";
+import t from "./kongponents.es58.js";
+const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
+  __name: "SkeletonBase",
+  setup(a) {
+    return (o, d) => (s(), n("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 {
-  o as default
+  _ as default
 };

package/dist/kongponents.es264.js

@@ -1,7 +1,50 @@
-import t from "./kongponents.es263.js";
-function r() {
-  return t(Date.now());
-}
+import { defineComponent as h, useCssVars as k, computed as f, createElementBlock as t, openBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
+import d from "./kongponents.es58.js";
+import { KUI_SPACE_50 as C } from "./kongponents.es178.js";
+import { normalizeSize as p } from "./kongponents.es171.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) => (r(), t("div", _, [
+      (r(!0), t(s, null, c(o.cardCount, (m) => (r(), t("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", {}, () => [
+            (r(), t(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", {}, () => [
+            (r(), t(s, null, c(2, (a) => n(d, {
+              key: a,
+              height: "2",
+              width: "5"
+            })), 64))
+          ], !0)
+        ])
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  r as default
+  E as default
 };

package/dist/kongponents.es266.js

@@ -1,7 +1,36 @@
-import { getDefaultExportFromCjs as r } from "./kongponents.es475.js";
-import { __require as t } from "./kongponents.es358.js";
-var o = /* @__PURE__ */ t();
-const m = /* @__PURE__ */ r(o);
+import { defineComponent as i, useCssVars as d, createElementBlock as t, openBlock as n, Fragment as a, renderList as c, renderSlot as m, createVNode as k } from "vue";
+import f from "./kongponents.es58.js";
+const p = { class: "skeleton-table-wrapper" }, b = /* @__PURE__ */ i({
+  __name: "TableSkeleton",
+  props: {
+    rows: {},
+    columns: {}
+  },
+  setup(s) {
+    d((e) => ({
+      v11294cba: e.columns
+    }));
+    const u = (e, r) => e === 1 && r === 1 || e !== 1 && r !== 1 ? "25" : "50";
+    return (e, r) => (n(), t("div", p, [
+      (n(!0), t(a, null, c(s.rows, (l) => (n(), t("div", {
+        key: l,
+        class: "skeleton-table-row"
+      }, [
+        m(e.$slots, "default", {}, () => [
+          (n(!0), t(a, null, c(s.columns, (o) => (n(), t("div", {
+            key: o,
+            class: "skeleton-cell-container"
+          }, [
+            k(f, {
+              class: "skeleton-cell",
+              width: u(o, l)
+            }, null, 8, ["width"])
+          ]))), 128))
+        ], !0)
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  m as default
+  b as default
 };

package/dist/kongponents.es268.js

@@ -1,174 +1,25 @@
-import M from "./kongponents.es271.js";
-import p from "./kongponents.es272.js";
-import x from "./kongponents.es273.js";
-import H from "./kongponents.es274.js";
-var v = 36e5, c = 6e4, _ = 2, i = {
-  dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
-  datePattern: /^([0-9W+-]+)(.*)/,
-  // year tokens
-  YY: /^(\d{2})$/,
-  YYY: [
-    /^([+-]\d{2})$/,
-    // 0 additional digits
-    /^([+-]\d{3})$/,
-    // 1 additional digit
-    /^([+-]\d{4})$/
-    // 2 additional digits
-  ],
-  YYYY: /^(\d{4})/,
-  YYYYY: [
-    /^([+-]\d{4})/,
-    // 0 additional digits
-    /^([+-]\d{5})/,
-    // 1 additional digit
-    /^([+-]\d{6})/
-    // 2 additional digits
-  ],
-  // date tokens
-  MM: /^-(\d{2})$/,
-  DDD: /^-?(\d{3})$/,
-  MMDD: /^-?(\d{2})-?(\d{2})$/,
-  Www: /^-?W(\d{2})$/,
-  WwwD: /^-?W(\d{2})-?(\d{1})$/,
-  HH: /^(\d{2}([.,]\d*)?)$/,
-  HHMM: /^(\d{2}):?(\d{2}([.,]\d*)?)$/,
-  HHMMSS: /^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,
-  // time zone tokens (to identify the presence of a tz)
-  timeZone: H
-};
-function j(t, r) {
-  if (arguments.length < 1)
-    throw new TypeError("1 argument required, but only " + arguments.length + " present");
-  if (t === null)
-    return /* @__PURE__ */ new Date(NaN);
-  var e = r || {}, a = e.additionalDigits == null ? _ : M(e.additionalDigits);
-  if (a !== 2 && a !== 1 && a !== 0)
-    throw new RangeError("additionalDigits must be 0, 1 or 2");
-  if (t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]")
-    return new Date(t.getTime());
-  if (typeof t == "number" || Object.prototype.toString.call(t) === "[object Number]")
-    return new Date(t);
-  if (!(typeof t == "string" || Object.prototype.toString.call(t) === "[object String]"))
-    return /* @__PURE__ */ new Date(NaN);
-  var n = $(t), l = b(n.date, a), u = l.year, o = l.restDateString, f = U(o, u);
-  if (isNaN(f))
-    return /* @__PURE__ */ new Date(NaN);
-  if (f) {
-    var Y = f.getTime(), D = 0, s;
-    if (n.time && (D = C(n.time), isNaN(D)))
-      return /* @__PURE__ */ new Date(NaN);
-    if (n.timeZone || e.timeZone) {
-      if (s = x(n.timeZone || e.timeZone, new Date(Y + D)), isNaN(s))
-        return /* @__PURE__ */ new Date(NaN);
-    } else
-      s = p(new Date(Y + D)), s = p(new Date(Y + D + s));
-    return new Date(Y + D + s);
-  } else
-    return /* @__PURE__ */ new Date(NaN);
-}
-function $(t) {
-  var r = {}, e = i.dateTimePattern.exec(t), a;
-  if (e ? (r.date = e[1], a = e[3]) : (e = i.datePattern.exec(t), e ? (r.date = e[1], a = e[2]) : (r.date = null, a = t)), a) {
-    var n = i.timeZone.exec(a);
-    n ? (r.time = a.replace(n[1], ""), r.timeZone = n[1].trim()) : r.time = a;
-  }
-  return r;
-}
-function b(t, r) {
-  var e = i.YYY[r], a = i.YYYYY[r], n;
-  if (n = i.YYYY.exec(t) || a.exec(t), n) {
-    var l = n[1];
-    return {
-      year: parseInt(l, 10),
-      restDateString: t.slice(l.length)
-    };
-  }
-  if (n = i.YY.exec(t) || e.exec(t), n) {
-    var u = n[1];
-    return {
-      year: parseInt(u, 10) * 100,
-      restDateString: t.slice(u.length)
-    };
-  }
-  return {
-    year: null
-  };
-}
-function U(t, r) {
-  if (r === null)
-    return null;
-  var e, a, n, l;
-  if (t.length === 0)
-    return a = /* @__PURE__ */ new Date(0), a.setUTCFullYear(r), a;
-  if (e = i.MM.exec(t), e)
-    return a = /* @__PURE__ */ new Date(0), n = parseInt(e[1], 10) - 1, I(r, n) ? (a.setUTCFullYear(r, n), a) : /* @__PURE__ */ new Date(NaN);
-  if (e = i.DDD.exec(t), e) {
-    a = /* @__PURE__ */ new Date(0);
-    var u = parseInt(e[1], 10);
-    return F(r, u) ? (a.setUTCFullYear(r, 0, u), a) : /* @__PURE__ */ new Date(NaN);
-  }
-  if (e = i.MMDD.exec(t), e) {
-    a = /* @__PURE__ */ new Date(0), n = parseInt(e[1], 10) - 1;
-    var o = parseInt(e[2], 10);
-    return I(r, n, o) ? (a.setUTCFullYear(r, n, o), a) : /* @__PURE__ */ new Date(NaN);
-  }
-  if (e = i.Www.exec(t), e)
-    return l = parseInt(e[1], 10) - 1, d(r, l) ? w(r, l) : /* @__PURE__ */ new Date(NaN);
-  if (e = i.WwwD.exec(t), e) {
-    l = parseInt(e[1], 10) - 1;
-    var f = parseInt(e[2], 10) - 1;
-    return d(r, l, f) ? w(r, l, f) : /* @__PURE__ */ new Date(NaN);
-  }
-  return null;
-}
-function C(t) {
-  var r, e, a;
-  if (r = i.HH.exec(t), r)
-    return e = parseFloat(r[1].replace(",", ".")), N(e) ? e % 24 * v : NaN;
-  if (r = i.HHMM.exec(t), r)
-    return e = parseInt(r[1], 10), a = parseFloat(r[2].replace(",", ".")), N(e, a) ? e % 24 * v + a * c : NaN;
-  if (r = i.HHMMSS.exec(t), r) {
-    e = parseInt(r[1], 10), a = parseInt(r[2], 10);
-    var n = parseFloat(r[3].replace(",", "."));
-    return N(e, a, n) ? e % 24 * v + a * c + n * 1e3 : NaN;
-  }
-  return null;
-}
-function w(t, r, e) {
-  r = r || 0, e = e || 0;
-  var a = /* @__PURE__ */ new Date(0);
-  a.setUTCFullYear(t, 0, 4);
-  var n = a.getUTCDay() || 7, l = r * 7 + e + 1 - n;
-  return a.setUTCDate(a.getUTCDate() + l), a;
-}
-var O = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], m = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function T(t) {
-  return t % 400 === 0 || t % 4 === 0 && t % 100 !== 0;
-}
-function I(t, r, e) {
-  if (r < 0 || r > 11)
-    return !1;
-  if (e != null) {
-    if (e < 1)
-      return !1;
-    var a = T(t);
-    if (a && e > m[r] || !a && e > O[r])
-      return !1;
-  }
-  return !0;
-}
-function F(t, r) {
-  if (r < 1)
-    return !1;
-  var e = T(t);
-  return !(e && r > 366 || !e && r > 365);
-}
-function d(t, r, e) {
-  return !(r < 0 || r > 52 || e != null && (e < 0 || e > 6));
-}
-function N(t, r, e) {
-  return !(t != null && (t < 0 || t >= 25) || r != null && (r < 0 || r >= 60) || e != null && (e < 0 || e >= 60));
-}
+import { defineComponent as s, createElementBlock as e, openBlock as t, Fragment as c, renderList as l, createElementVNode as m, createVNode as o } from "vue";
+import r from "./kongponents.es58.js";
+const a = { class: "skeleton-form-wrapper" }, f = /* @__PURE__ */ s({
+  __name: "FormSkeleton",
+  setup(i) {
+    return (d, p) => (t(), e("div", a, [
+      (t(), e(c, null, l(4, (n) => m("div", {
+        key: n,
+        class: "skeleton-form-row"
+      }, [
+        o(r, {
+          height: "2",
+          width: "10"
+        }),
+        o(r, {
+          height: "2",
+          width: "100"
+        })
+      ])), 64))
+    ]));
+  }
+});
 export {
-  j as default
+  f as default
 };

package/dist/kongponents.es270.js

@@ -1,9 +1,47 @@
-import i from "./kongponents.es273.js";
-import u from "./kongponents.es268.js";
-function g(o, a, s) {
-  var r = u(o, s), n = i(a, r, !0), e = new Date(r.getTime() - n), t = /* @__PURE__ */ new Date(0);
-  return t.setFullYear(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()), t.setHours(e.getUTCHours(), e.getUTCMinutes(), e.getUTCSeconds(), e.getUTCMilliseconds()), t;
-}
+import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, createElementBlock as l, openBlock as a, createElementVNode as o, createCommentVNode as v, unref as p, normalizeStyle as f } from "vue";
+import h from "./kongponents.es363.js";
+const I = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-loader"
+}, _ = ["src"], k = {
+  key: 0,
+  class: "progress"
+}, z = /* @__PURE__ */ d({
+  __name: "FullScreenKongSkeleton",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    i((t) => ({
+      v4d434712: t.zIndex
+    }));
+    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), g(() => {
+      clearInterval(n.value);
+    }), (t, x) => (a(), l("div", I, [
+      o("div", null, [
+        o("img", {
+          alt: "Loading",
+          src: p(h)
+        }, null, 8, _),
+        r.hideProgress ? v("", !0) : (a(), l("div", k, [
+          o("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: f({ width: `${c.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
-  g as default
+  z as default
 };