@kong/kongponents 9.54.1 → 9.54.2

package/dist/kongponents.es341.js

@@ -1,177 +1,43 @@
-import { defineComponent as J, useModel as I, ref as M, useId as K, computed as k, onMounted as L, watch as V, openBlock as u, createElementBlock as v, createBlock as P, unref as c, mergeProps as B, createElementVNode as d, toDisplayString as R, createCommentVNode as g, withDirectives as A, normalizeClass as S, vModelText as U, Fragment as Q, createVNode as X, Transition as Z, withCtx as _, mergeModels as ee, nextTick as te } from "vue";
-import { DatePicker as Y } from "./kongponents.es430.js";
-import ae from "./kongponents.es412.js";
-import ne from "./kongponents.es417.js";
-import G from "./kongponents.es239.js";
-import le from "./kongponents.es415.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__ */ ee({
-    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 = K(), 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 };
+import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, 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: a }) {
+    const d = a, o = () => {
+      e.item.disabled || d("selected", e.item);
     };
-    L(() => {
-      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(Q, { 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(Z, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
-        }, {
-          default: _(() => [
-            f.value && t.errorMessage ? (u(), v("div", De, R(t.errorMessage), 1)) : g("", !0)
-          ]),
-          _: 1
-        })
-      ])) : g("", !0)
-    ]));
+    return (i, t) => (c(), u("div", {
+      key: e.item.key || e.item.value,
+      "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: o,
+          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));
   }
 });
 export {
-  be as default
+  K as default
 };