@kong/kongponents 9.54.1 → 9.54.2

package/dist/kongponents.es336.js

@@ -1,18 +1,130 @@
-import t from "./kongponents.es354.js";
-import f from "./kongponents.es326.js";
-import m from "./kongponents.es303.js";
-import p from "./kongponents.es311.js";
-var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
-function y(r) {
-  if (typeof r == "string")
-    return r;
-  if (m(r))
-    return f(r, y) + "";
-  if (p(r))
-    return n ? n.call(r) : "";
-  var o = r + "";
-  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
+const h = ["top", "right", "bottom", "left"], f = ["start", "end"], C = /* @__PURE__ */ h.reduce((t, n) => t.concat(n, n + "-" + f[0], n + "-" + f[1]), []), p = Math.min, x = Math.max, j = Math.round, L = Math.floor, E = (t) => ({
+  x: t,
+  y: t
+}), b = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function R(t, n, e) {
+  return x(t, p(n, e));
+}
+function T(t, n) {
+  return typeof t == "function" ? t(n) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function m(t) {
+  return t.split("-")[1];
+}
+function d(t) {
+  return t === "x" ? "y" : "x";
+}
+function A(t) {
+  return t === "y" ? "height" : "width";
+}
+function P(t) {
+  const n = t[0];
+  return n === "t" || n === "b" ? "y" : "x";
+}
+function y(t) {
+  return d(P(t));
+}
+function k(t, n, e) {
+  e === void 0 && (e = !1);
+  const r = m(t), i = y(t), o = A(i);
+  let c = i === "x" ? r === (e ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return n.reference[o] > n.floating[o] && (c = u(c)), [c, u(c)];
+}
+function q(t) {
+  const n = u(t);
+  return [s(t), n, s(n)];
+}
+function s(t) {
+  return t.includes("start") ? t.replace("start", "end") : t.replace("end", "start");
+}
+const l = ["left", "right"], a = ["right", "left"], O = ["top", "bottom"], M = ["bottom", "top"];
+function S(t, n, e) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return e ? n ? a : l : n ? l : a;
+    case "left":
+    case "right":
+      return n ? O : M;
+    default:
+      return [];
+  }
+}
+function z(t, n, e, r) {
+  const i = m(t);
+  let o = S(g(t), e === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), n && (o = o.concat(o.map(s)))), o;
+}
+function u(t) {
+  const n = g(t);
+  return b[n] + t.slice(n.length);
+}
+function w(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function B(t) {
+  return typeof t != "number" ? w(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function D(t) {
+  const {
+    x: n,
+    y: e,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: e,
+    left: n,
+    right: n + r,
+    bottom: e + i,
+    x: n,
+    y: e
+  };
 }
 export {
-  y as default
+  f as alignments,
+  R as clamp,
+  E as createCoords,
+  T as evaluate,
+  w as expandPaddingObject,
+  L as floor,
+  m as getAlignment,
+  y as getAlignmentAxis,
+  k as getAlignmentSides,
+  A as getAxisLength,
+  q as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  d as getOppositeAxis,
+  z as getOppositeAxisPlacements,
+  u as getOppositePlacement,
+  B as getPaddingObject,
+  g as getSide,
+  P as getSideAxis,
+  x as max,
+  p as min,
+  C as placements,
+  D as rectToClientRect,
+  j as round,
+  h as sides
 };

package/dist/kongponents.es337.js

@@ -1,66 +1,177 @@
-import { defineComponent as d, openBlock as a, createBlock as i, withCtx as e, createVNode as o, unref as r, Transition as l, createElementBlock as s, toDisplayString as c, createCommentVNode as u, renderSlot as m } from "vue";
-import b from "./kongponents.es24.js";
-/* empty css                 */
-import p from "./kongponents.es43.js";
-import f from "./kongponents.es32.js";
-import k from "./kongponents.es220.js";
-const g = {
+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.es233.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: "bulk-actions-dropdown-trigger-count"
-}, D = /* @__PURE__ */ d({
-  __name: "BulkActionsDropdown",
-  props: {
-    disabled: { type: Boolean },
-    count: { default: "" },
-    buttonLabel: { default: "" }
-  },
-  setup(t) {
-    return (n, w) => (a(), i(p, {
-      class: "bulk-actions-dropdown",
-      "data-testid": "bulk-actions-dropdown",
-      disabled: t.disabled,
-      "kpop-attributes": { placement: "bottom-end" }
-    }, {
-      items: e(() => [
-        m(n.$slots, "items", {}, void 0, !0)
-      ]),
-      default: e(() => [
-        o(b, {
-          placement: "bottom-end",
-          text: "Selected Row Actions"
+  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 };
+    };
+    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: e(() => [
-            o(f, {
-              appearance: "secondary",
-              "aria-label": t.buttonLabel,
-              class: "bulk-actions-dropdown-trigger",
-              "data-testid": "bulk-actions-dropdown-trigger",
-              disabled: t.disabled,
-              icon: "",
-              size: "large"
-            }, {
-              default: e(() => [
-                o(r(k), {
-                  class: "more-icon",
-                  decorative: ""
-                }),
-                o(l, { name: "kongponents-fade-transition" }, {
-                  default: e(() => [
-                    t.count ? (a(), s("span", g, c(t.count), 1)) : u("", !0)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["aria-label", "disabled"])
+          default: _(() => [
+            f.value && t.errorMessage ? (u(), v("div", De, R(t.errorMessage), 1)) : g("", !0)
           ]),
           _: 1
         })
-      ]),
-      _: 3
-    }, 8, ["disabled"]));
+      ])) : g("", !0)
+    ]));
   }
 });
 export {
-  D as default
+  be as default
 };

package/dist/kongponents.es339.js

@@ -0,0 +1,85 @@
+import { defineComponent as x, useTemplateRef as y, openBlock as l, createElementBlock as s, Fragment as c, renderList as w, createBlock as d, withCtx as m, renderSlot as S, createElementVNode as u, toDisplayString as C, createTextVNode as B, createCommentVNode as K } from "vue";
+import f from "./kongponents.es240.js";
+const $ = {
+  ref: "itemsContainer",
+  "aria-live": "polite",
+  class: "multiselect-items-container"
+}, h = {
+  key: 1,
+  class: "multiselect-group"
+}, T = { class: "multiselect-group-title" }, V = { class: "select-item-description" }, b = ".multiselect-item button:not(:disabled)", F = /* @__PURE__ */ x({
+  __name: "KMultiselectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(i, { expose: g, emit: A }) {
+    const k = A, p = (t) => "items" in t && Array.isArray(t.items), E = (t) => k("selected", t), v = y("itemsContainer"), I = (t) => {
+      const n = v.value;
+      if (!n)
+        return;
+      const e = n.querySelectorAll(b);
+      e[t === "down" ? 0 : e.length - 1]?.focus();
+    }, r = ({ target: t, key: n }) => {
+      if (n === "ArrowDown" || n === "ArrowUp") {
+        const e = v.value?.querySelectorAll(b);
+        if (e?.length) {
+          const a = [...e].indexOf(t), o = n === "ArrowDown" ? a + 1 : a - 1;
+          e[o]?.focus();
+        }
+      }
+    };
+    return g({ setFocus: I }), (t, n) => (l(), s("div", $, [
+      (l(!0), s(c, null, w(i.items, (e, a) => (l(), s(c, {
+        key: p(e) ? `${e.key || e.label}-group` : e.key || e.value || a
+      }, [
+        p(e) ? (l(), s("div", h, [
+          u("span", T, C(e.label), 1),
+          (l(!0), s(c, null, w(e.items, (o) => (l(), d(f, {
+            key: o.key,
+            item: o,
+            onKeydown: r,
+            onSelected: E
+          }, {
+            content: m(() => [
+              S(t.$slots, "content", { item: o }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["item"]))), 128))
+        ])) : (l(), d(f, {
+          key: 0,
+          item: e,
+          onKeydown: r,
+          onSelected: E
+        }, {
+          content: m(() => [
+            S(t.$slots, "content", { item: e }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))
+      ], 64))), 128)),
+      i.itemCreationEnabled ? (l(), d(f, {
+        key: "multiselect-add-item",
+        class: "multiselect-add-item",
+        "data-testid": "multiselect-add-item",
+        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
+        onKeydown: r,
+        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
+      }, {
+        content: m(() => [
+          u("div", V, [
+            B(C(i.filterString) + " ", 1),
+            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : K("", !0)
+    ], 512));
+  }
+});
+export {
+  F as default
+};