@kong/kongponents 9.49.0 → 9.49.1-pr.3045.8d71ad0.0

package/dist/kongponents.es247.js

@@ -1,58 +1,36 @@
-import { defineComponent as f, createElementBlock as p, openBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
-import b from "./kongponents.es214.js";
-import m from "./kongponents.es215.js";
-import r from "./kongponents.es33.js";
-const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
-  __name: "PaginationOffset",
+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: {
-    previousButtonDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    nextButtonDisabled: {
-      type: Boolean,
-      default: !1
-    }
+    rows: {},
+    columns: {}
   },
-  emits: ["getPreviousOffset", "getNextOffset"],
-  setup(o, { emit: l }) {
-    const a = l;
-    return (v, t) => (u(), p("div", c, [
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the previous page",
-        class: "pagination-button",
-        "data-testid": "previous-button",
-        disabled: o.previousButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
-      }, {
-        default: n(() => [
-          e(s(b), { decorative: "" })
-        ]),
-        _: 1
-      }, 8, ["disabled"]),
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the next page",
-        class: "pagination-button",
-        "data-testid": "next-button",
-        disabled: o.nextButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
-      }, {
-        default: n(() => [
-          e(s(m), { decorative: "" })
-        ]),
-        _: 1
-      }, 8, ["disabled"])
+  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 {
-  O as default
+  b as default
 };

package/dist/kongponents.es249.js

@@ -1,23 +1,25 @@
-import u from "./kongponents.es250.js";
-import v from "./kongponents.es251.js";
-import d from "./kongponents.es252.js";
-var g = /([xXOz]+)|''|'(''|[^'])+('|$)/g;
-function S(n, f, p) {
-  var a = String(f), t = p || {}, m = a.match(g);
-  if (m) {
-    var c = d(t.originalDate || n, t);
-    a = m.reduce(function(o, r) {
-      if (r[0] === "'")
-        return o;
-      var e = o.indexOf(r), s = o[e - 1] === "'", i = o.replace(
-        r,
-        "'" + v[r[0]](c, r, null, t) + "'"
-      );
-      return s ? i.substring(0, e - 1) + i.substring(e + 1) : i;
-    }, a);
+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))
+    ]));
   }
-  return u(n, a, t);
-}
+});
 export {
-  S as default
+  f as default
 };

package/dist/kongponents.es251.js

@@ -1,113 +1,47 @@
-import f from "./kongponents.es375.js";
-import z from "./kongponents.es257.js";
-var l = 60 * 1e3, x = {
-  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(e, r, n, t) {
-    var a = c(t.timeZone, e);
-    if (a === 0)
-      return "Z";
-    switch (r) {
-      // Hours and optional minutes
-      case "X":
-        return m(a);
-      // Hours, minutes and optional seconds without `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XX`
-      case "XXXX":
-      case "XX":
-        return i(a);
-      // Hours, minutes and optional seconds with `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XXX`
-      case "XXXXX":
-      case "XXX":
-      // Hours and minutes with `:` delimeter
-      default:
-        return i(a, ":");
-    }
+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.es358.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: {}
   },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(e, r, n, t) {
-    var a = c(t.timeZone, e);
-    switch (r) {
-      // Hours and optional minutes
-      case "x":
-        return m(a);
-      // Hours, minutes and optional seconds without `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xx`
-      case "xxxx":
-      case "xx":
-        return i(a);
-      // Hours, minutes and optional seconds with `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xxx`
-      case "xxxxx":
-      case "xxx":
-      // Hours and minutes with `:` delimeter
-      default:
-        return i(a, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(e, r, n, t) {
-    var a = c(t.timeZone, e);
-    switch (r) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + O(a, ":");
-      // Long
-      case "OOOO":
-      default:
-        return "GMT" + i(a, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(e, r, n, t) {
-    switch (r) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return f("short", e, t);
-      // Long
-      case "zzzz":
-      default:
-        return f("long", e, t);
-    }
-  }
-};
-function c(e, r) {
-  var n = e ? z(e, r, !0) / l : r.getTimezoneOffset();
-  if (Number.isNaN(n))
-    throw new RangeError("Invalid time zone specified: " + e);
-  return n;
-}
-function o(e, r) {
-  for (var n = e < 0 ? "-" : "", t = Math.abs(e).toString(); t.length < r; )
-    t = "0" + t;
-  return n + t;
-}
-function i(e, r) {
-  var n = r || "", t = e > 0 ? "-" : "+", a = Math.abs(e), s = o(Math.floor(a / 60), 2), u = o(Math.floor(a % 60), 2);
-  return t + s + n + u;
-}
-function m(e, r) {
-  if (e % 60 === 0) {
-    var n = e > 0 ? "-" : "+";
-    return n + o(Math.abs(e) / 60, 2);
+  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)
+        ]))
+      ])
+    ]));
   }
-  return i(e, r);
-}
-function O(e, r) {
-  var n = e > 0 ? "-" : "+", t = Math.abs(e), a = Math.floor(t / 60), s = t % 60;
-  if (s === 0)
-    return n + String(a);
-  var u = r;
-  return n + String(a) + u + o(s, 2);
-}
+});
 export {
-  x as default
+  z as default
 };

package/dist/kongponents.es253.js

@@ -1,7 +1,43 @@
-import { getDefaultExportFromCjs as e } from "./kongponents.es466.js";
-import { __require as r } from "./kongponents.es376.js";
-var o = /* @__PURE__ */ r();
-const a = /* @__PURE__ */ e(o);
+import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, createElementBlock as a, openBlock as i, createElementVNode as s, createCommentVNode as g, normalizeStyle as f } from "vue";
+const h = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-spinner-loader"
+}, I = {
+  key: 0,
+  class: "progress"
+}, y = /* @__PURE__ */ u({
+  __name: "FullScreenGenericSpinner",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    c((l) => ({
+      v07a3a490: l.zIndex
+    }));
+    const n = o(0), e = o(0), d = v(() => 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));
+    }), p(() => {
+      clearInterval(n.value);
+    }), (l, t) => (i(), a("div", h, [
+      s("div", null, [
+        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
+        r.hideProgress ? g("", !0) : (i(), a("div", I, [
+          s("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: f({ width: `${d.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
-  a as default
+  y as default
 };

package/dist/kongponents.es255.js

@@ -1,7 +1,58 @@
-import { getDefaultExportFromCjs as r } from "./kongponents.es466.js";
-import { __require as e } from "./kongponents.es371.js";
-var t = /* @__PURE__ */ e();
-const m = /* @__PURE__ */ r(t);
+import { defineComponent as f, createElementBlock as p, openBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
+import b from "./kongponents.es182.js";
+import m from "./kongponents.es184.js";
+import r from "./kongponents.es33.js";
+const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
+  __name: "PaginationOffset",
+  props: {
+    previousButtonDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    nextButtonDisabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["getPreviousOffset", "getNextOffset"],
+  setup(o, { emit: l }) {
+    const a = l;
+    return (v, t) => (u(), p("div", c, [
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the previous page",
+        class: "pagination-button",
+        "data-testid": "previous-button",
+        disabled: o.previousButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(b), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"]),
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the next page",
+        class: "pagination-button",
+        "data-testid": "next-button",
+        disabled: o.nextButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(m), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
+  }
+});
 export {
-  m as default
+  O as default
 };

package/dist/kongponents.es257.js

@@ -1,72 +1,54 @@
-import M from "./kongponents.es359.js";
-import T from "./kongponents.es360.js";
-var c = 36e5, D = 6e4, i = {
-  timezoneZ: /^(Z)$/,
-  timezoneHH: /^([+-]\d{2})$/,
-  timezoneHHMM: /^([+-])(\d{2}):?(\d{2})$/
-};
-function z(e, r, n) {
-  var t, u;
-  if (!e || (t = i.timezoneZ.exec(e), t))
-    return 0;
-  var a;
-  if (t = i.timezoneHH.exec(e), t)
-    return a = parseInt(t[1], 10), l(a) ? -(a * c) : NaN;
-  if (t = i.timezoneHHMM.exec(e), t) {
-    a = parseInt(t[2], 10);
-    var o = parseInt(t[3], 10);
-    return l(a, o) ? (u = Math.abs(a) * c + o * D, t[1] === "+" ? -u : u) : NaN;
-  }
-  if (p(e)) {
-    r = new Date(r || Date.now());
-    var I = n ? r : H(r), f = v(I, e), N = n ? f : m(r, f, e);
-    return -N;
-  }
-  return NaN;
-}
-function H(e) {
-  return T(
-    e.getFullYear(),
-    e.getMonth(),
-    e.getDate(),
-    e.getHours(),
-    e.getMinutes(),
-    e.getSeconds(),
-    e.getMilliseconds()
-  );
-}
-function v(e, r) {
-  var n = M(e, r), t = T(
-    n[0],
-    n[1] - 1,
-    n[2],
-    n[3] % 24,
-    n[4],
-    n[5],
-    0
-  ).getTime(), u = e.getTime(), a = u % 1e3;
-  return u -= a >= 0 ? a : 1e3 + a, t - u;
-}
-function m(e, r, n) {
-  var t = e.getTime(), u = t - r, a = v(new Date(u), n);
-  if (r === a)
-    return r;
-  u -= a - r;
-  var o = v(new Date(u), n);
-  return a === o ? a : Math.max(a, o);
-}
-function l(e, r) {
-  return -23 <= e && e <= 23 && (r == null || 0 <= r && r <= 59);
-}
-var s = {};
-function p(e) {
-  if (s[e]) return !0;
-  try {
-    return new Intl.DateTimeFormat(void 0, { timeZone: e }), s[e] = !0, !0;
-  } catch {
-    return !1;
+import { defineComponent as c, computed as n, createElementBlock as m, openBlock as l, createElementVNode as a, normalizeClass as d, createBlock as r, createCommentVNode as u, unref as e, normalizeStyle as f, toDisplayString as p } from "vue";
+import z from "./kongponents.es268.js";
+import k from "./kongponents.es173.js";
+import v from "./kongponents.es192.js";
+import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as i, KUI_COLOR_TEXT_PRIMARY as x } from "./kongponents.es178.js";
+import { normalizeSize as y } from "./kongponents.es180.js";
+const E = ["aria-current", "data-testid"], C = { class: "step-circle" }, $ = /* @__PURE__ */ c({
+  __name: "KStep",
+  props: {
+    label: {},
+    state: { default: "default" },
+    maxLabelWidth: {}
+  },
+  setup(t) {
+    const s = n(() => ({
+      maxWidth: y(t.maxLabelWidth)
+    }));
+    return (I, S) => (l(), m("li", {
+      "aria-current": t.state === "active" ? "step" : "false",
+      class: "step",
+      "data-testid": `step-${t.state}`
+    }, [
+      a("div", {
+        class: d(["step-container", `${t.state}`])
+      }, [
+        a("div", C, [
+          t.state === "completed" ? (l(), r(e(z), {
+            key: 0,
+            color: `var(--kui-color-text-inverse, ${e(i)})`,
+            size: e(o),
+            title: "Completed"
+          }, null, 8, ["color", "size"])) : t.state === "pending" ? (l(), r(e(v), {
+            key: 1,
+            color: `var(--kui-color-text-primary, ${e(x)})`,
+            size: e(o),
+            title: "Pending"
+          }, null, 8, ["color", "size"])) : t.state === "error" ? (l(), r(e(k), {
+            key: 2,
+            color: `var(--kui-color-text-inverse, ${e(i)})`,
+            size: e(o),
+            title: "Error"
+          }, null, 8, ["color", "size"])) : u("", !0)
+        ]),
+        a("span", {
+          class: "step-label",
+          style: f(s.value)
+        }, p(t.label), 5)
+      ], 2)
+    ], 8, E));
   }
-}
+});
 export {
-  z as default
+  $ 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.es230.js";
-import { normalizeSize as J } from "./kongponents.es186.js";
-import { warnInvalidProp as o } from "./kongponents.es210.js";
-import { getMaximumDepth as L } from "./kongponents.es231.js";
+import z from "./kongponents.es198.js";
+import { normalizeSize as J } from "./kongponents.es180.js";
+import { warnInvalidProp as o } from "./kongponents.es199.js";
+import { getMaximumDepth as L } from "./kongponents.es200.js";
 const R = /* @__PURE__ */ A({
   __name: "KTreeList",
   props: {