@kong/kongponents 9.48.8 → 9.48.9-pr.3034.0b40b75.0

package/dist/kongponents.es275.js

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

package/dist/kongponents.es277.js

@@ -1,6 +1,178 @@
-function t(n, f) {
-  return n === f || n !== n && f !== f;
-}
+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.es181.js";
+import J from "./kongponents.es205.js";
+import R from "./kongponents.es257.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 {
-  t as default
+  me as default
 };

package/dist/kongponents.es279.js

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

package/dist/kongponents.es28.js

@@ -1,11 +1,11 @@
 import { defineComponent as He, createPropsRestProxy as Te, computed as r, useSlots as Be, useId as Ke, ref as i, watch as A, onMounted as ze, createBlock as De, openBlock as Ie, mergeProps as Ee, unref as $e, createSlots as Me, withCtx as d, renderList as B, renderSlot as f, normalizeProps as p, guardReactiveProps as S } from "vue";
 import We from "./kongponents.es68.js";
-import Ne from "./kongponents.es206.js";
+import Ne from "./kongponents.es175.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";
 import { EmptyStateIconVariants as Le } from "./kongponents.es11.js";
-import { getInitialPageSize as qe, DEFAULT_PAGE_SIZE as Ue } from "./kongponents.es176.js";
-import je from "./kongponents.es208.js";
+import { getInitialPageSize as qe, DEFAULT_PAGE_SIZE as Ue } from "./kongponents.es169.js";
+import je from "./kongponents.es206.js";
 const et = /* @__PURE__ */ He({
   __name: "KTableData",
   props: {