@kong/kongponents 9.48.6-pr.3019.6ecf9ff.0 → 9.48.6

package/dist/kongponents.es327.js

@@ -1,43 +1,186 @@
-import { defineComponent as r, createElementBlock as c, openBlock as u, createElementVNode as l, withKeys as s, normalizeClass as v, withModifiers as n, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
-const k = ["aria-selected", "data-testid"], y = { class: "multiselect-item-container" }, $ = ["disabled", "value"], h = { class: "multiselect-item-label" }, K = /* @__PURE__ */ r({
-  __name: "KMultiselectItem",
-  props: {
-    item: {}
-  },
-  emits: ["selected", "arrow-down", "arrow-up"],
-  setup(e, { emit: d }) {
-    const o = d, a = () => {
-      e.item.disabled || o("selected", e.item);
+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.es416.js";
+import p from "./kongponents.es401.js";
+import _ from "./kongponents.es405.js";
+import G from "./kongponents.es238.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 };
     };
-    return (i, t) => (u(), c("div", {
-      key: e.item.key,
-      "aria-selected": e.item.selected,
-      class: "multiselect-item",
-      "data-testid": `multiselect-item-${e.item.value}`,
-      role: "option"
-    }, [
-      l("div", y, [
-        l("button", {
-          class: v({ selected: e.item.selected }),
-          disabled: e.item.disabled === !0 ? !0 : void 0,
-          type: "button",
-          value: e.item.value,
-          onClick: a,
-          onKeydown: [
-            t[0] || (t[0] = s(n((m) => i.$emit("arrow-down"), ["prevent"]), ["down"])),
-            t[1] || (t[1] = s(n((m) => i.$emit("arrow-up"), ["prevent"]), ["up"]))
-          ]
-        }, [
-          l("span", h, [
-            w(i.$slots, "content", {}, () => [
-              b(f(e.item.label), 1)
-            ], !0)
-          ])
-        ], 42, $)
-      ])
-    ], 8, k));
+    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 {
-  K as default
+  he as default
 };

package/dist/kongponents.es329.js

@@ -1,11 +1,8 @@
-import m from "./kongponents.es330.js";
-import a from "./kongponents.es331.js";
-import i from "./kongponents.es332.js";
-function d(t, r) {
-  i(2, arguments);
-  var e = a(t).getTime(), o = m(r);
-  return new Date(e + o);
-}
+import { default as a } from "./kongponents.es239.js";
+import t from "./kongponents.es240.js";
+import { mutate as m } from "./kongponents.es240.js";
 export {
-  d as default
+  a as SWRVCache,
+  t as default,
+  m as mutate
 };

package/dist/kongponents.es330.js

@@ -1,9 +1,58 @@
-function n(a) {
-  if (a === null || a === !0 || a === !1)
-    return NaN;
-  var e = Number(a);
-  return isNaN(e) ? e : e < 0 ? Math.ceil(e) : Math.floor(e);
-}
+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.es228.js";
+import m from "./kongponents.es229.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 {
-  n as default
+  O as default
 };

package/dist/kongponents.es332.js

@@ -1,7 +1,10 @@
-function n(e, t) {
-  if (t.length < e)
-    throw new TypeError(e + " argument" + (e > 1 ? "s" : "") + " required, but only " + t.length + " present");
+import t from "./kongponents.es297.js";
+import i from "./kongponents.es268.js";
+var s = Object.prototype, p = s.hasOwnProperty;
+function l(r, a, o) {
+  var n = r[a];
+  (!(p.call(r, a) && i(n, o)) || o === void 0 && !(a in r)) && t(r, a, o);
 }
 export {
-  n as default
+  l as default
 };

package/dist/kongponents.es333.js

@@ -1,12 +1,8 @@
-import o from "./kongponents.es342.js";
-import t from "./kongponents.es331.js";
-import m from "./kongponents.es332.js";
-function u(r) {
-  if (m(1, arguments), !o(r) && typeof r != "number")
-    return !1;
-  var e = t(r);
-  return !isNaN(Number(e));
+var p = Object.prototype;
+function e(t) {
+  var o = t && t.constructor, r = typeof o == "function" && o.prototype || p;
+  return t === r;
 }
 export {
-  u as default
+  e as default
 };

package/dist/kongponents.es334.js

@@ -1,11 +1,11 @@
-import e from "./kongponents.es329.js";
-import i from "./kongponents.es332.js";
-import m from "./kongponents.es330.js";
-function a(r, o) {
-  i(2, arguments);
-  var t = m(o);
-  return e(r, -t);
-}
+import r from "./kongponents.es419.js";
+var o = (function() {
+  try {
+    var e = r(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+})();
 export {
-  a as default
+  o as default
 };