@kong/kongponents 9.49.9 → 9.49.10-pr.3057.fc5d26a.0

package/dist/kongponents.es241.js

@@ -1,136 +1,25 @@
-function c() {
-  return typeof window < "u";
+import { watch as n, getCurrentScope as r, onScopeDispose as i } from "vue";
+function s(t, e) {
+  return r() ? (i(t, e), !0) : !1;
 }
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
+const f = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const c = Object.prototype.toString, u = (t) => c.call(t) === "[object Object]", a = () => {
+};
+function d(t) {
+  return Array.isArray(t) ? t : [t];
 }
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
+function l(t, e, o) {
+  return n(t, e, {
+    ...o,
+    immediate: !0
   });
 }
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
-  }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
-  );
-  return f(e) ? e.host : e;
-}
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
-  }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
 export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
+  f as isClient,
+  u as isObject,
+  a as noop,
+  d as toArray,
+  s as tryOnScopeDispose,
+  l as watchImmediate
 };

package/dist/kongponents.es242.js

@@ -1,4 +1,8 @@
-import f from "./kongponents.es176.js";
+import p from "./kongponents.es269.js";
+var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
+function x(e) {
+  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
+}
 export {
-  f as default
+  x as default
 };

package/dist/kongponents.es243.js

@@ -1,182 +1,42 @@
-import { defineComponent as $, ref as u, computed as D, watch as L, onMounted as T, onBeforeMount as H, openBlock as c, createElementBlock as h, createVNode as o, withCtx as r, unref as f, createBlock as g, withModifiers as v, createSlots as K, createCommentVNode as N, createElementVNode as w, Fragment as P, renderList as z, createTextVNode as C, toDisplayString as E, nextTick as U } from "vue";
-import { debounce as q } from "./kongponents.es166.js";
-import A from "./kongponents.es175.js";
-import J from "./kongponents.es210.js";
-import R from "./kongponents.es276.js";
-import p from "./kongponents.es32.js";
-import F from "./kongponents.es36.js";
-import O from "./kongponents.es43.js";
-import j from "./kongponents.es44.js";
-import G from "./kongponents.es48.js";
-import Q from "./kongponents.es24.js";
-/* empty css                 */
-import W from "./kongponents.es50.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(a, { emit: V }) {
-    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), i = u(""), b = () => {
-      s.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
-    }, I = q((e) => {
-      i.value = e, n.value && m(n.value);
-    }, 500), k = D(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
-      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, i.value = "";
-    }, B = (e) => {
-      y.value = e, e && n.value && U(() => {
-        n.value && m(n.value);
-      }), !e && d.value && b(), e || (i.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(() => a.visibilityPreferences, () => {
-      b();
-    }, { immediate: !0 }), T(() => {
-      n.value && (n.value.addEventListener("scroll", (e) => {
-        const t = e.currentTarget;
-        m(t);
-      }), m(n.value));
-    }), H(() => {
-      b();
-    }), (e, t) => (c(), h("div", X, [
-      o(O, {
-        "data-testid": "table-column-visibility-menu",
-        disabled: a.disabled,
-        "kpop-attributes": { placement: "bottom-end" },
-        onToggleDropdown: B
-      }, {
-        items: r(() => [
-          i.value || k.value.length > 5 ? (c(), g(G, {
-            key: 0,
-            modelValue: i.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
-            modelModifiers: { trim: !0 },
-            autocapitalize: "off",
-            autocomplete: "off",
-            autocorrect: "off",
-            class: "search-input",
-            "data-testid": "search-input",
-            name: "column-search",
-            placeholder: "Search columns",
-            spellcheck: "false",
-            type: "search",
-            onClick: t[2] || (t[2] = v(() => {
-            }, ["stop"])),
-            onInput: f(I)
-          }, K({
-            before: r(() => [
-              o(f(J), { decorative: "" })
-            ]),
-            _: 2
-          }, [
-            i.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] = v(() => i.value = "", ["stop"]))
-                }, {
-                  default: r(() => [
-                    o(f(A), { decorative: "" })
-                  ]),
-                  _: 1
-                })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["modelValue", "onInput"])) : N("", !0),
-          w("div", {
-            ref_key: "menuItemsRef",
-            ref: n,
-            class: "menu-items-wrapper"
-          }, [
-            (c(!0), h(P, null, z(k.value, (l) => (c(), g(j, {
-              key: l.key,
-              class: "column-visibility-menu-item",
-              "data-testid": `column-visibility-menu-item-${l.key}`,
-              onClick: v(() => {
-                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": `${a.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: `${a.tableId}-${l.key}-visibility-checkbox-label`,
-                  class: "visibility-checkbox-label",
-                  title: l.label
-                }, {
-                  default: r(() => [
-                    C(E(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: a.disabled,
-                icon: "",
-                size: "large"
-              }, {
-                default: r(() => [
-                  o(f(R), { decorative: "" })
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ]));
-  }
-});
+import p from "./kongponents.es448.js";
+function f(t) {
+  if (typeof t == "function")
+    try {
+      t = t();
+    } catch {
+      t = "";
+    }
+  return Array.isArray(t) ? t = p(t) : t = String(t || ""), t;
+}
+var c = (
+  /** @class */
+  (function() {
+    function t(e) {
+      e === void 0 && (e = 0), this.items = /* @__PURE__ */ new Map(), this.ttl = e;
+    }
+    return t.prototype.serializeKey = function(e) {
+      return f(e);
+    }, t.prototype.get = function(e) {
+      var i = this.serializeKey(e);
+      return this.items.get(i);
+    }, t.prototype.set = function(e, i, s) {
+      var n = this.serializeKey(e), r = s || this.ttl, a = Date.now(), o = {
+        data: i,
+        createdAt: a,
+        expiresAt: r ? a + r : 1 / 0
+      };
+      this.dispatchExpire(r, o, n), this.items.set(n, o);
+    }, t.prototype.dispatchExpire = function(e, i, s) {
+      var n = this;
+      e && setTimeout(function() {
+        var r = Date.now(), a = r >= i.expiresAt;
+        a && n.delete(s);
+      }, e);
+    }, t.prototype.delete = function(e) {
+      this.items.delete(e);
+    }, t;
+  })()
+);
 export {
-  me as default
+  c as default
 };

package/dist/{kongponents.es248.js → kongponents.es244.js}

@@ -1,6 +1,6 @@
 import { getCurrentInstance as $, ref as q, reactive as z, onMounted as J, onUnmounted as K, watch as N, isReadonly as Q, toRefs as X } from "vue";
 import D from "./kongponents.es449.js";
-import x from "./kongponents.es247.js";
+import x from "./kongponents.es243.js";
 var m = function() {
   return m = Object.assign || function(u) {
     for (var a, r = 1, i = arguments.length; r < i; r++) {

package/dist/kongponents.es245.js

@@ -1,66 +1,186 @@
-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.es182.js";
-const g = {
+import { defineComponent as O, useModel as P, ref as b, useId as j, computed as h, onMounted as J, watch as M, openBlock as u, createElementBlock as c, createBlock as I, unref as f, mergeProps as B, createElementVNode as r, toDisplayString as k, createCommentVNode as g, withDirectives as F, normalizeClass as S, vModelText as A, Fragment as K, createVNode as L, Transition as Q, withCtx as X, mergeModels as Z } from "vue";
+import { DatePicker as U } from "./kongponents.es358.js";
+import p from "./kongponents.es335.js";
+import _ from "./kongponents.es339.js";
+import G from "./kongponents.es203.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: "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"
+}, he = /* @__PURE__ */ O({
+  __name: "CalendarWrapper",
+  props: /* @__PURE__ */ Z({
+    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] ?? "0", 10), m = parseInt(t[1] ?? "0", 10), v = a.timeGranularity === "secondly" && t[2] ? parseInt(t[2], 10) : 0;
+      return { hours: l, minutes: m, seconds: v };
+    };
+    J(() => {
+      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(K, { 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(Q, {
+          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: X(() => [
+            y.value && a.errorMessage ? (u(), c("div", ve, k(a.errorMessage), 1)) : g("", !0)
           ]),
           _: 1
         })
-      ]),
-      _: 3
-    }, 8, ["disabled"]));
+      ])) : g("", !0)
+    ]));
   }
 });
 export {
-  D as default
+  he as default
 };