@kong/kongponents 9.49.9-pr.3070.18e50c9.0 → 9.49.9-pr.3070.700f0b8.0

package/dist/kongponents.es261.js

@@ -1,26 +1,177 @@
-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"
+import { defineComponent as J, mergeModels as K, useModel as I, ref as M, useId as L, computed as k, onMounted as Q, watch as V, createElementBlock as v, openBlock as u, createBlock as P, createCommentVNode as g, unref as c, mergeProps as B, createElementVNode as d, createVNode as X, withDirectives as A, toDisplayString as R, normalizeClass as S, vModelText as U, Fragment as Z, Transition as _, withCtx as ee, nextTick as te } from "vue";
+import { DatePicker as Y } from "./kongponents.es414.js";
+import ae from "./kongponents.es354.js";
+import ne from "./kongponents.es359.js";
+import G from "./kongponents.es193.js";
+import le from "./kongponents.es357.js";
+const ie = { class: "calendar-wrapper" }, re = {
+  key: 2,
+  class: "time-wrapper"
+}, ue = { class: "time-inputs-container" }, se = { class: "time-input-column" }, oe = ["for"], de = { key: 0 }, me = { key: 1 }, ve = ["id", "step"], ce = { class: "time-input-column" }, fe = ["for"], ye = { key: 0 }, ge = ["id", "step"], De = {
+  key: 0,
+  class: "help-text"
+}, be = /* @__PURE__ */ J({
+  __name: "CalendarWrapper",
+  props: /* @__PURE__ */ K({
+    isRange: { type: Boolean },
+    kDatePickerMode: {},
+    maxDate: { default: () => {
+    } },
+    minDate: { default: () => {
+    } },
+    errorMessage: { default: () => {
+    } },
+    timeGranularity: { default: "minutely" },
+    sameDayFullRange: { type: Boolean, default: !1 },
+    customRangeValidation: { type: Function, default: void 0 }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {},
+    error: { type: Boolean, default: !1 },
+    errorModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:error"],
+  setup(t, { expose: $ }) {
+    const l = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = I(t, "modelValue"), f = I(t, "error"), r = M(l(/* @__PURE__ */ new Date(), t.timeGranularity)), s = M(l(/* @__PURE__ */ new Date(), t.timeGranularity)), D = M(!1), m = M({
+      start: l(/* @__PURE__ */ new Date(), t.timeGranularity),
+      end: l(/* @__PURE__ */ new Date(), t.timeGranularity)
+    }), h = L(), N = k(() => t.isRange && o(e.value) ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && ae(t.maxDate, ne()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), w = k(() => ({
+      borderless: !0,
+      color: "blue",
+      dragAttribute: j,
+      expanded: !0,
+      initialPage: N.value,
+      maxDate: t.maxDate,
+      minDate: t.minDate,
+      mode: "date",
+      modelConfig: W,
+      selectAttribute: q,
+      transparent: !0,
+      trimWeeks: !0
+    })), x = k(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), C = k(() => {
+      switch (t.timeGranularity) {
+        case "minutely":
+          return 60;
+        case "secondly":
+          return 1;
+        default:
+          return 60;
+      }
+    }), b = (n, a) => n > a ? !0 : t.customRangeValidation ? t.customRangeValidation(n, a) : !1, o = (n) => !n || typeof n != "object" || !("start" in n) || !("end" in n) ? !1 : n.start instanceof Date && n.end instanceof Date, p = async () => !t.sameDayFullRange || !t.isRange || !o(e.value) || !le(e.value.start, e.value.end) ? !1 : (D.value = !0, r.value = "00:00", s.value = "23:59", e.value.start.setHours(0, 0, 0, 0), e.value.end.setHours(23, 59, 59, 999), await te(), D.value = !1, !0), T = () => {
+      x.value && (t.isRange && o(e.value) ? (r.value = l(e.value.start, t.timeGranularity), s.value = l(e.value.end, t.timeGranularity)) : e.value instanceof Date ? r.value = l(e.value, t.timeGranularity) : r.value = l(/* @__PURE__ */ new Date(), t.timeGranularity));
+    }, F = (n) => {
+      const a = n.split(":"), i = parseInt(a[0] ?? "0", 10), y = parseInt(a[1] ?? "0", 10), O = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
+      return { hours: i, minutes: y, seconds: O };
+    };
+    Q(() => {
+      T(), m.value.start = r.value, m.value.end = s.value;
+    });
+    const W = { type: "number" }, j = {
+      key: "select-drag",
+      highlight: {
+        start: { contentClass: "vcal-day-drag-start" },
+        base: { contentClass: "vcal-day-drag-base" },
+        end: { contentClass: "vcal-day-drag-end" }
+      }
+    }, q = {
+      key: "select-calendar",
+      highlight: {
+        start: { contentClass: "vcal-day-start" },
+        base: { contentClass: "vcal-day-base" },
+        end: { contentClass: "vcal-day-end" }
+      }
+    };
+    V(() => r.value, (n) => {
+      if (!n || D.value)
+        return;
+      const { hours: a, minutes: i, seconds: y } = F(n);
+      t.isRange && o(e.value) ? (e.value.start.setHours(a, i, y, 0), f.value = b(e.value.start, e.value.end)) : e.value instanceof Date && e.value.setHours(a, i, y, 0);
+    }), V(() => s.value, (n) => {
+      if (!n || D.value)
+        return;
+      const { hours: a, minutes: i, seconds: y } = F(n);
+      t.isRange && o(e.value) && (e.value.end.setHours(a, i, y, 0), f.value = b(e.value.start, e.value.end));
+    }), V(() => e.value, () => {
+      t.isRange && o(e.value) ? (p() || (r.value = l(e.value.start, t.timeGranularity), s.value = l(e.value.end, t.timeGranularity)), f.value = b(e.value.start, e.value.end)) : e.value instanceof Date && (r.value = l(e.value, t.timeGranularity));
+    }, { immediate: !0, deep: !0 }), V(() => t.timeGranularity, () => {
+      t.isRange && o(e.value) ? (m.value.start = l(e.value.start, t.timeGranularity), m.value.end = l(e.value.end, t.timeGranularity)) : e.value instanceof Date && (m.value.start = l(e.value, t.timeGranularity));
+    });
+    const E = () => t.isRange && o(e.value), z = () => {
+      r.value = m.value.start, s.value = m.value.end;
+    }, H = (n) => {
+      try {
+        return G(n, "EEE MMM d yyyy");
+      } catch (a) {
+        console.warn("Error formatting date:", a);
+      }
+    };
+    return $({
+      resetTime: z,
+      initTimeInputs: T
+    }), (n, a) => (u(), v("div", ie, [
+      t.isRange ? (u(), P(c(Y), B({ key: 0 }, w.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (i) => e.value = i),
+        modelModifiers: { range: !0 }
+      }), null, 16, ["modelValue"])) : (u(), P(c(Y), B({ key: 1 }, w.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (i) => e.value = i)
+      }), null, 16, ["modelValue"])),
+      x.value ? (u(), v("div", re, [
+        d("div", ue, [
+          d("div", se, [
+            d("label", {
+              class: "time-input-label",
+              for: `time-input-start-${c(h)}`
+            }, [
+              E() ? (u(), v("span", de, R(H(e.value.start)), 1)) : e.value && e.value instanceof Date ? (u(), v("span", me, R(H(e.value)), 1)) : g("", !0)
+            ], 8, oe),
+            A(d("input", {
+              id: `time-input-start-${c(h)}`,
+              "onUpdate:modelValue": a[2] || (a[2] = (i) => r.value = i),
+              class: S(["time-input-start", { "input-error": f.value }]),
+              "data-testid": "time-input-start",
+              step: C.value,
+              type: "time"
+            }, null, 10, ve), [
+              [U, r.value]
+            ])
+          ]),
+          t.isRange ? (u(), v(Z, { key: 0 }, [
+            a[4] || (a[4] = d("div", { class: "time-input-separator" }, " - ", -1)),
+            d("div", ce, [
+              d("label", {
+                class: "time-input-label",
+                for: `time-input-end-${c(h)}`
+              }, [
+                E() ? (u(), v("span", ye, R(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : g("", !0)
+              ], 8, fe),
+              A(d("input", {
+                id: `time-input-end-${c(h)}`,
+                "onUpdate:modelValue": a[3] || (a[3] = (i) => s.value = i),
+                class: S(["time-input-end", { "input-error": f.value }]),
+                "data-testid": "time-input-end",
+                step: C.value,
+                type: "time"
+              }, null, 10, ge), [
+                [U, s.value]
+              ])
+            ])
+          ], 64)) : g("", !0)
+        ]),
+        X(_, {
+          mode: "out-in",
+          name: "kongponents-fade-transition"
+        }, {
+          default: ee(() => [
+            f.value && t.errorMessage ? (u(), v("div", De, R(t.errorMessage), 1)) : g("", !0)
+          ]),
+          _: 1
         })
-      ], !0)
+      ])) : g("", !0)
     ]));
   }
 });
 export {
-  _ as default
+  be as default
 };

package/dist/kongponents.es263.js

@@ -1,50 +1,54 @@
-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.es177.js";
-import { normalizeSize as p } from "./kongponents.es186.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",
+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.es314.js";
+import k from "./kongponents.es177.js";
+import v from "./kongponents.es180.js";
+import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as i, KUI_COLOR_TEXT_PRIMARY as x } from "./kongponents.es183.js";
+import { normalizeSize as y } from "./kongponents.es171.js";
+const E = ["aria-current", "data-testid"], C = { class: "step-circle" }, $ = /* @__PURE__ */ c({
+  __name: "KStep",
   props: {
-    cardCount: {},
-    maxWidth: {}
+    label: {},
+    state: { default: "default" },
+    maxLabelWidth: {}
   },
-  setup(o) {
-    k((e) => ({
-      v243e7eb5: u.value
+  setup(t) {
+    const s = n(() => ({
+      maxWidth: y(t.maxLabelWidth)
     }));
-    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"
+    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}`])
       }, [
-        l("div", v, [
-          i(e.$slots, "card-header", {}, () => [
-            n(d, { width: "50" })
-          ], !0)
+        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)
         ]),
-        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))
-    ]));
+        a("span", {
+          class: "step-label",
+          style: f(s.value)
+        }, p(t.label), 5)
+      ], 2)
+    ], 8, E));
   }
 });
 export {
-  E as default
+  $ as default
 };

package/dist/kongponents.es265.js

@@ -1,36 +1,7 @@
-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))
-    ]));
-  }
-});
+function n(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
+}
 export {
-  b as default
+  n as default
 };

package/dist/kongponents.es266.js

@@ -0,0 +1,7 @@
+import o from "./kongponents.es284.js";
+var t = function() {
+  return o.Date.now();
+};
+export {
+  t as default
+};

package/dist/kongponents.es267.js

@@ -1,25 +1,22 @@
-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))
-    ]));
+import n from "./kongponents.es311.js";
+import f from "./kongponents.es265.js";
+import o from "./kongponents.es287.js";
+var s = NaN, m = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, e = /^0o[0-7]+$/i, b = parseInt;
+function O(r) {
+  if (typeof r == "number")
+    return r;
+  if (o(r))
+    return s;
+  if (f(r)) {
+    var t = typeof r.valueOf == "function" ? r.valueOf() : r;
+    r = f(t) ? t + "" : t;
   }
-});
+  if (typeof r != "string")
+    return r === 0 ? r : +r;
+  r = n(r);
+  var i = p.test(r);
+  return i || e.test(r) ? b(r.slice(2), i ? 2 : 8) : m.test(r) ? s : +r;
+}
 export {
-  f as default
+  O as default
 };

package/dist/kongponents.es268.js

@@ -0,0 +1,6 @@
+function t(n, f) {
+  return n === f || n !== n && f !== f;
+}
+export {
+  t as default
+};

package/dist/kongponents.es269.js

@@ -1,47 +1,7 @@
-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.es365.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)
-        ]))
-      ])
-    ]));
-  }
-});
+import r from "./kongponents.es312.js";
+function o(t) {
+  return t == null ? "" : r(t);
+}
 export {
-  z as default
+  o as default
 };

package/dist/kongponents.es270.js

@@ -0,0 +1,8 @@
+import u from "./kongponents.es271.js";
+function f(e, r, t) {
+  var n = e == null ? void 0 : u(e, r);
+  return n === void 0 ? t : n;
+}
+export {
+  f as default
+};

package/dist/kongponents.es271.js

@@ -1,43 +1,11 @@
-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)
-        ]))
-      ])
-    ]));
-  }
-});
+import l from "./kongponents.es372.js";
+import f from "./kongponents.es309.js";
+function d(n, e) {
+  e = l(e, n);
+  for (var r = 0, i = e.length; n != null && r < i; )
+    n = n[f(e[r++])];
+  return r && r == i ? n : void 0;
+}
 export {
-  y as default
+  d as default
 };

package/dist/kongponents.es272.js

@@ -0,0 +1,8 @@
+import n from "./kongponents.es273.js";
+import t from "./kongponents.es274.js";
+function f(a, r) {
+  return a != null && t(a, r, n);
+}
+export {
+  f as default
+};