@kong/kongponents 9.64.22 → 9.64.23

package/dist/kongponents238.es.js

@@ -1,180 +1,184 @@
-import { defineComponent as B, ref as u, computed as D, watch as L, onMounted as $, onBeforeMount as H, openBlock as m, createElementBlock as h, createVNode as o, withCtx as n, unref as b, createBlock as C, withModifiers as v, createSlots as K, createCommentVNode as N, createElementVNode as g, Fragment as P, renderList as z, createTextVNode as w, toDisplayString as E, nextTick as U } from "vue";
-import { debounce as A } from "./kongponents178.es.js";
-import { TableColumnsIcon as J, SearchIcon as R, CloseIcon as F } from "@kong/icons";
-import p from "./kongponents38.es.js";
-import O from "./kongponents42.es.js";
-import j from "./kongponents49.es.js";
-import q from "./kongponents50.es.js";
-import G from "./kongponents55.es.js";
-import Q from "./kongponents30.es.js";
-/* empty css                 */
-import W from "./kongponents57.es.js";
-const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, ue = /* @__PURE__ */ B({
-  __name: "ColumnVisibilityMenu",
-  props: {
-    columns: {},
-    tableId: {},
-    visibilityPreferences: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update"],
-  setup(a, { emit: I }) {
-    const V = I, y = u(!1), r = u({}), d = u(!1), s = u(), i = u(""), f = () => {
-      r.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
-    }, x = A((e) => {
-      i.value = e, s.value && c(s.value);
-    }, 500), k = D(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
-      V("update", JSON.parse(JSON.stringify(r.value))), d.value = !1, i.value = "";
-    }, M = (e) => {
-      y.value = e, e && s.value && U(() => {
-        s.value && c(s.value);
-      }), !e && d.value && f(), e || (i.value = "");
-    }, c = (e) => {
-      if (!(e.scrollHeight > e.clientHeight)) {
-        e.classList.remove("is-bottom-overflowing");
+import { defineComponent as K, useModel as F, ref as T, useId as L, computed as h, onMounted as Q, watch as M, openBlock as s, createElementBlock as v, createBlock as I, unref as f, mergeProps as P, createElementVNode as m, toDisplayString as V, createCommentVNode as g, withDirectives as B, normalizeClass as A, vModelText as U, Fragment as X, createVNode as Z, Transition as _, withCtx as ee, mergeModels as te } from "vue";
+import { DatePicker as Y } from "v-calendar";
+import ae from "./kongponents319.es.js";
+import ne from "./kongponents331.es.js";
+import k from "./kongponents188.es.js";
+import $ from "./kongponents326.es.js";
+import le from "./kongponents322.es.js";
+import ie from "./kongponents324.es.js";
+const re = { class: "calendar-wrapper" }, ue = {
+  key: 2,
+  class: "time-wrapper"
+}, se = { class: "time-inputs-container" }, oe = { class: "time-input-column" }, de = ["for"], me = { key: 0 }, ce = { key: 1 }, ve = ["id", "step"], fe = { class: "time-input-column" }, ye = ["for"], ge = { key: 0 }, De = ["id", "step"], he = {
+  key: 0,
+  class: "help-text"
+}, He = /* @__PURE__ */ K({
+  __name: "CalendarWrapper",
+  props: /* @__PURE__ */ te({
+    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: N }) {
+    const i = (n, a) => a === "secondly" ? k(n, "HH:mm:ss") : k(n, "HH:mm"), e = F(t, "modelValue"), y = F(t, "error"), r = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), u = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), c = T({
+      start: i(/* @__PURE__ */ new Date(), t.timeGranularity),
+      end: i(/* @__PURE__ */ new Date(), t.timeGranularity)
+    }), D = L(), W = h(() => 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 }), b = h(() => ({
+      borderless: !0,
+      color: "blue",
+      dragAttribute: q,
+      expanded: !0,
+      initialPage: W.value,
+      maxDate: t.maxDate,
+      minDate: t.minDate,
+      mode: "date",
+      modelConfig: p,
+      selectAttribute: z,
+      transparent: !0,
+      trimWeeks: !0
+    })), w = h(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), x = h(() => {
+      switch (t.timeGranularity) {
+        case "minutely":
+          return 60;
+        case "secondly":
+          return 1;
+        default:
+          return 60;
+      }
+    }), R = (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, j = () => {
+      if (!t.sameDayFullRange || !t.isRange || !o(e.value))
+        return !1;
+      const n = e.value.start.getTime(), a = e.value.end.getTime(), l = t.timeGranularity === "secondly" ? "HH:mm:ss" : "HH:mm", d = r.value ? $(r.value, l, e.value.start).getTime() : n, G = u.value ? $(u.value, l, e.value.end).getTime() : a, J = le(e.value.start, e.value.end);
+      return (ie(e.value.start, e.value.end) || J && (d >= G || n >= a)) && (e.value.start.setHours(0, 0, 0, 0), e.value.end.setHours(23, 59, 59, 999)), !0;
+    }, H = () => {
+      w.value && (t.isRange && o(e.value) ? (r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity)) : e.value instanceof Date ? r.value = i(e.value, t.timeGranularity) : r.value = i(/* @__PURE__ */ new Date(), t.timeGranularity));
+    }, C = (n) => {
+      const a = n.split(":"), l = parseInt(a[0] ?? "0", 10), d = parseInt(a[1] ?? "0", 10), G = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
+      return { hours: l, minutes: d, seconds: G };
+    };
+    Q(() => {
+      H(), c.value.start = r.value, c.value.end = u.value;
+    });
+    const p = { type: "number" }, q = {
+      key: "select-drag",
+      highlight: {
+        start: { contentClass: "vcal-day-drag-start" },
+        base: { contentClass: "vcal-day-drag-base" },
+        end: { contentClass: "vcal-day-drag-end" }
+      }
+    }, z = {
+      key: "select-calendar",
+      highlight: {
+        start: { contentClass: "vcal-day-start" },
+        base: { contentClass: "vcal-day-base" },
+        end: { contentClass: "vcal-day-end" }
+      }
+    };
+    M(() => r.value, (n) => {
+      if (!n)
+        return;
+      const { hours: a, minutes: l, seconds: d } = C(n);
+      t.isRange && o(e.value) ? (e.value.start.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && e.value.setHours(a, l, d, 0);
+    }), M(() => u.value, (n) => {
+      if (!n)
         return;
+      const { hours: a, minutes: l, seconds: d } = C(n);
+      t.isRange && o(e.value) && (e.value.end.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end));
+    }), M(() => e.value, () => {
+      t.isRange && o(e.value) ? (j(), r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && (r.value = i(e.value, t.timeGranularity));
+    }, { immediate: !1, deep: !0 }), M(() => t.timeGranularity, () => {
+      t.isRange && o(e.value) ? (c.value.start = i(e.value.start, t.timeGranularity), c.value.end = i(e.value.end, t.timeGranularity)) : e.value instanceof Date && (c.value.start = i(e.value, t.timeGranularity));
+    });
+    const E = () => t.isRange && o(e.value), O = () => {
+      r.value = c.value.start, u.value = c.value.end;
+    }, S = (n) => {
+      try {
+        return k(n, "EEE MMM d yyyy");
+      } catch (a) {
+        console.warn("Error formatting date:", a);
       }
-      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
-      e.classList.toggle("is-bottom-overflowing", !l);
     };
-    return L(() => a.visibilityPreferences, () => {
-      f();
-    }, { immediate: !0 }), $(() => {
-      s.value && (s.value.addEventListener("scroll", (e) => {
-        const t = e.currentTarget;
-        c(t);
-      }), c(s.value));
-    }), H(() => {
-      f();
-    }), (e, t) => (m(), h("div", X, [
-      o(j, {
-        "data-testid": "table-column-visibility-menu",
-        disabled: a.disabled,
-        "kpop-attributes": { placement: "bottom-end" },
-        onToggleDropdown: M
-      }, {
-        items: n(() => [
-          i.value || k.value.length > 5 ? (m(), C(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: b(x)
-          }, K({
-            before: n(() => [
-              o(b(R), { decorative: "" })
-            ]),
-            _: 2
-          }, [
-            i.value ? {
-              name: "after",
-              fn: n(() => [
-                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: n(() => [
-                    o(b(F), { decorative: "" })
-                  ]),
-                  _: 1
-                })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["modelValue", "onInput"])) : N("", !0),
-          g("div", {
-            ref_key: "menuItemsRef",
-            ref: s,
-            class: "menu-items-wrapper"
-          }, [
-            (m(!0), h(P, null, z(k.value, (l) => (m(), C(q, {
-              key: l.key,
-              class: "column-visibility-menu-item",
-              "data-testid": `column-visibility-menu-item-${l.key}`,
-              onClick: v(() => {
-                r.value[l.key] = !r.value[l.key], d.value = !0;
-              }, ["stop"])
-            }, {
-              default: n(() => [
-                o(O, {
-                  modelValue: r.value[l.key],
-                  "onUpdate:modelValue": (T) => r.value[l.key] = T,
-                  "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: n(() => [
-                    w(E(l.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["id", "title"])
-              ]),
-              _: 2
-            }, 1032, ["data-testid", "onClick"]))), 128))
-          ], 512),
-          g("div", Y, [
-            o(p, {
-              appearance: "tertiary",
-              class: "apply-button",
-              "data-testid": "apply-button",
-              onClick: S
-            }, {
-              default: n(() => [...t[3] || (t[3] = [
-                w(" Apply ", -1)
-              ])]),
-              _: 1
-            })
-          ])
-        ]),
-        default: n(() => [
-          o(Q, {
-            placement: "bottom-end",
-            text: y.value ? void 0 : "Show/Hide Columns"
-          }, {
-            default: n(() => [
-              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: n(() => [
-                  o(b(J), { decorative: "" })
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["text"])
+    return N({
+      resetTime: O,
+      initTimeInputs: H
+    }), (n, a) => (s(), v("div", re, [
+      t.isRange ? (s(), I(f(Y), P({ key: 0 }, b.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
+        modelModifiers: { range: !0 }
+      }), null, 16, ["modelValue"])) : (s(), I(f(Y), P({ key: 1 }, b.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
+      }), null, 16, ["modelValue"])),
+      w.value ? (s(), v("div", ue, [
+        m("div", se, [
+          m("div", oe, [
+            m("label", {
+              class: "time-input-label",
+              for: `time-input-start-${f(D)}`
+            }, [
+              E() ? (s(), v("span", me, V(S(e.value.start)), 1)) : e.value && e.value instanceof Date ? (s(), v("span", ce, V(S(e.value)), 1)) : g("", !0)
+            ], 8, de),
+            B(m("input", {
+              id: `time-input-start-${f(D)}`,
+              "onUpdate:modelValue": a[2] || (a[2] = (l) => r.value = l),
+              class: A(["time-input-start", { "input-error": y.value }]),
+              "data-testid": "time-input-start",
+              step: x.value,
+              type: "time"
+            }, null, 10, ve), [
+              [U, r.value]
+            ])
+          ]),
+          t.isRange ? (s(), v(X, { key: 0 }, [
+            a[4] || (a[4] = m("div", { class: "time-input-separator" }, " - ", -1)),
+            m("div", fe, [
+              m("label", {
+                class: "time-input-label",
+                for: `time-input-end-${f(D)}`
+              }, [
+                E() ? (s(), v("span", ge, V(f(k)(e.value.end, "EEE MMM d yyyy")), 1)) : g("", !0)
+              ], 8, ye),
+              B(m("input", {
+                id: `time-input-end-${f(D)}`,
+                "onUpdate:modelValue": a[3] || (a[3] = (l) => u.value = l),
+                class: A(["time-input-end", { "input-error": y.value }]),
+                "data-testid": "time-input-end",
+                step: x.value,
+                type: "time"
+              }, null, 10, De), [
+                [U, u.value]
+              ])
+            ])
+          ], 64)) : g("", !0)
         ]),
-        _: 1
-      }, 8, ["disabled"])
+        Z(_, {
+          mode: "out-in",
+          name: "kongponents-fade-transition"
+        }, {
+          default: ee(() => [
+            y.value && t.errorMessage ? (s(), v("div", he, V(t.errorMessage), 1)) : g("", !0)
+          ]),
+          _: 1
+        })
+      ])) : g("", !0)
     ]));
   }
 });
 export {
-  ue as default
+  He as default
 };

package/dist/kongponents240.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kongponents30.cjs");;/* empty css                */const n=require("./kongponents49.cjs"),d=require("./kongponents38.cjs"),r=require("@kong/icons"),i={key:0,class:"bulk-actions-dropdown-trigger-count"},l=e.defineComponent({__name:"BulkActionsDropdown",props:{disabled:{type:Boolean},count:{default:""},buttonLabel:{default:""}},setup(t){return(o,s)=>(e.openBlock(),e.createBlock(n.default,{class:"bulk-actions-dropdown","data-testid":"bulk-actions-dropdown",disabled:t.disabled,"kpop-attributes":{placement:"bottom-end"}},{items:e.withCtx(()=>[e.renderSlot(o.$slots,"items",{},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(a.default,{placement:"bottom-end",text:"Selected Row Actions"},{default:e.withCtx(()=>[e.createVNode(d.default,{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.withCtx(()=>[e.createVNode(e.unref(r.MoreIcon),{class:"more-icon",decorative:""}),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[t.count?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.count),1)):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["aria-label","disabled"])]),_:1})]),_:3},8,["disabled"]))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@kong/icons"),l=require("./kongponents182.cjs"),n=require("./kongponents185.cjs"),a=["aria-current","data-testid"],c={class:"step-circle"},i={key:3,class:"step-number"},s=["title"],u=e.defineComponent({__name:"KStep",props:{label:{},state:{default:"default"},maxLabelWidth:{},stepNumber:{}},setup(t){const o=e.computed(()=>({maxWidth:n.normalizeSize(t.maxLabelWidth)}));return(d,m)=>(e.openBlock(),e.createElementBlock("li",{"aria-current":t.state==="active"?"step":"false",class:"step","data-testid":`step-${t.state}`},[e.createElementVNode("div",{class:e.normalizeClass(["step-container",`${t.state}`])},[e.createElementVNode("div",c,[t.state==="completed"?(e.openBlock(),e.createBlock(e.unref(r.CheckIcon),{key:0,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Completed"},null,8,["color","size"])):t.state==="pending"?(e.openBlock(),e.createBlock(e.unref(r.ProgressIcon),{key:1,color:`var(--kui-color-text-primary, ${e.unref(l.KUI_COLOR_TEXT_PRIMARY)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Pending"},null,8,["color","size"])):t.state==="error"?(e.openBlock(),e.createBlock(e.unref(r.CloseIcon),{key:2,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Error"},null,8,["color","size"])):t.stepNumber?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.stepNumber),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:"step-label",style:e.normalizeStyle(o.value),title:t.label},e.toDisplayString(t.label),13,s)],2)],8,a))}});exports.default=u;

package/dist/kongponents240.es.js

@@ -1,66 +1,57 @@
-import { defineComponent as d, openBlock as a, createBlock as r, withCtx as e, createVNode as o, unref as i, Transition as l, createElementBlock as s, toDisplayString as c, createCommentVNode as u, renderSlot as m } from "vue";
-import b from "./kongponents30.es.js";
-/* empty css                 */
-import p from "./kongponents49.es.js";
-import f from "./kongponents38.es.js";
-import { MoreIcon as k } from "@kong/icons";
-const g = {
-  key: 0,
-  class: "bulk-actions-dropdown-trigger-count"
-}, D = /* @__PURE__ */ d({
-  __name: "BulkActionsDropdown",
+import { defineComponent as m, computed as u, openBlock as l, createElementBlock as r, createElementVNode as a, normalizeClass as d, createBlock as i, unref as t, toDisplayString as s, createCommentVNode as k, normalizeStyle as z } from "vue";
+import { CheckIcon as v, ProgressIcon as b, CloseIcon as f } from "@kong/icons";
+import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as c, KUI_COLOR_TEXT_PRIMARY as I } from "./kongponents182.es.js";
+import { normalizeSize as h } from "./kongponents185.es.js";
+const p = ["aria-current", "data-testid"], y = { class: "step-circle" }, C = {
+  key: 3,
+  class: "step-number"
+}, x = ["title"], g = /* @__PURE__ */ m({
+  __name: "KStep",
   props: {
-    disabled: { type: Boolean },
-    count: { default: "" },
-    buttonLabel: { default: "" }
+    label: {},
+    state: { default: "default" },
+    maxLabelWidth: {},
+    stepNumber: {}
   },
-  setup(t) {
-    return (n, w) => (a(), r(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"
-        }, {
-          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(i(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"])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 3
-    }, 8, ["disabled"]));
+  setup(e) {
+    const n = u(() => ({
+      maxWidth: h(e.maxLabelWidth)
+    }));
+    return (E, $) => (l(), r("li", {
+      "aria-current": e.state === "active" ? "step" : "false",
+      class: "step",
+      "data-testid": `step-${e.state}`
+    }, [
+      a("div", {
+        class: d(["step-container", `${e.state}`])
+      }, [
+        a("div", y, [
+          e.state === "completed" ? (l(), i(t(v), {
+            key: 0,
+            color: `var(--kui-color-text-inverse, ${t(c)})`,
+            size: `var(--kui-icon-size-40, ${t(o)})`,
+            title: "Completed"
+          }, null, 8, ["color", "size"])) : e.state === "pending" ? (l(), i(t(b), {
+            key: 1,
+            color: `var(--kui-color-text-primary, ${t(I)})`,
+            size: `var(--kui-icon-size-40, ${t(o)})`,
+            title: "Pending"
+          }, null, 8, ["color", "size"])) : e.state === "error" ? (l(), i(t(f), {
+            key: 2,
+            color: `var(--kui-color-text-inverse, ${t(c)})`,
+            size: `var(--kui-icon-size-40, ${t(o)})`,
+            title: "Error"
+          }, null, 8, ["color", "size"])) : e.stepNumber ? (l(), r("span", C, s(e.stepNumber), 1)) : k("", !0)
+        ]),
+        a("span", {
+          class: "step-label",
+          style: z(n.value),
+          title: e.label
+        }, s(e.label), 13, x)
+      ], 2)
+    ], 8, p));
   }
 });
 export {
-  D as default
+  g as default
 };

package/dist/kongponents242.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("v-calendar"),P=require("./kongponents322.cjs"),F=require("./kongponents334.cjs"),f=require("./kongponents212.cjs"),R=require("./kongponents329.cjs"),q=require("./kongponents325.cjs"),I=require("./kongponents327.cjs"),$={class:"calendar-wrapper"},p={key:2,class:"time-wrapper"},A={class:"time-inputs-container"},U={class:"time-input-column"},Y=["for"],j={key:0},z={key:1},W=["id","step"],O={class:"time-input-column"},J=["for"],K={key:0},L=["id","step"],Q={key:0,class:"help-text"},X=e.defineComponent({__name:"CalendarWrapper",props:e.mergeModels({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(a,{expose:G}){const u=(l,n)=>n==="secondly"?f.default(l,"HH:mm:ss"):f.default(l,"HH:mm"),t=e.useModel(a,"modelValue"),m=e.useModel(a,"error"),i=e.ref(u(new Date,a.timeGranularity)),s=e.ref(u(new Date,a.timeGranularity)),c=e.ref({start:u(new Date,a.timeGranularity),end:u(new Date,a.timeGranularity)}),v=e.useId(),b=e.computed(()=>a.isRange&&o(t.value)?{year:t.value.start.getFullYear(),month:t.value.start.getMonth()+1}:t.value instanceof Date?{year:t.value.getFullYear(),month:t.value.getMonth()+1}:a.maxDate&&P.default(a.maxDate,F.default())?{year:a.maxDate.getFullYear(),month:a.maxDate.getMonth()+1}:{year:new Date().getFullYear(),month:new Date().getMonth()+1}),D=e.computed(()=>({borderless:!0,color:"blue",dragAttribute:T,expanded:!0,initialPage:b.value,maxDate:a.maxDate,minDate:a.minDate,mode:"date",modelConfig:C,selectAttribute:N,transparent:!0,trimWeeks:!0})),k=e.computed(()=>["time","dateTime","relativeDateTime"].includes(a.kDatePickerMode)),h=e.computed(()=>{switch(a.timeGranularity){case"minutely":return 60;case"secondly":return 1;default:return 60}}),y=(l,n)=>l>n?!0:a.customRangeValidation?a.customRangeValidation(l,n):!1,o=l=>!l||typeof l!="object"||!("start"in l)||!("end"in l)?!1:l.start instanceof Date&&l.end instanceof Date,w=()=>{if(!a.sameDayFullRange||!a.isRange||!o(t.value))return!1;const l=t.value.start.getTime(),n=t.value.end.getTime(),r=a.timeGranularity==="secondly"?"HH:mm:ss":"HH:mm",d=i.value?R.default(i.value,r,t.value.start).getTime():l,g=s.value?R.default(s.value,r,t.value.end).getTime():n,S=q.default(t.value.start,t.value.end);return(I.default(t.value.start,t.value.end)||S&&(d>=g||l>=n))&&(t.value.start.setHours(0,0,0,0),t.value.end.setHours(23,59,59,999)),!0},V=()=>{k.value&&(a.isRange&&o(t.value)?(i.value=u(t.value.start,a.timeGranularity),s.value=u(t.value.end,a.timeGranularity)):t.value instanceof Date?i.value=u(t.value,a.timeGranularity):i.value=u(new Date,a.timeGranularity))},M=l=>{const n=l.split(":"),r=parseInt(n[0]??"0",10),d=parseInt(n[1]??"0",10),g=a.timeGranularity==="secondly"&&n[2]?parseInt(n[2],10):0;return{hours:r,minutes:d,seconds:g}};e.onMounted(()=>{V(),c.value.start=i.value,c.value.end=s.value});const C={type:"number"},T={key:"select-drag",highlight:{start:{contentClass:"vcal-day-drag-start"},base:{contentClass:"vcal-day-drag-base"},end:{contentClass:"vcal-day-drag-end"}}},N={key:"select-calendar",highlight:{start:{contentClass:"vcal-day-start"},base:{contentClass:"vcal-day-base"},end:{contentClass:"vcal-day-end"}}};e.watch(()=>i.value,l=>{if(!l)return;const{hours:n,minutes:r,seconds:d}=M(l);a.isRange&&o(t.value)?(t.value.start.setHours(n,r,d,0),m.value=y(t.value.start,t.value.end)):t.value instanceof Date&&t.value.setHours(n,r,d,0)}),e.watch(()=>s.value,l=>{if(!l)return;const{hours:n,minutes:r,seconds:d}=M(l);a.isRange&&o(t.value)&&(t.value.end.setHours(n,r,d,0),m.value=y(t.value.start,t.value.end))}),e.watch(()=>t.value,()=>{a.isRange&&o(t.value)?(w(),i.value=u(t.value.start,a.timeGranularity),s.value=u(t.value.end,a.timeGranularity),m.value=y(t.value.start,t.value.end)):t.value instanceof Date&&(i.value=u(t.value,a.timeGranularity))},{immediate:!1,deep:!0}),e.watch(()=>a.timeGranularity,()=>{a.isRange&&o(t.value)?(c.value.start=u(t.value.start,a.timeGranularity),c.value.end=u(t.value.end,a.timeGranularity)):t.value instanceof Date&&(c.value.start=u(t.value,a.timeGranularity))});const E=()=>a.isRange&&o(t.value),H=()=>{i.value=c.value.start,s.value=c.value.end},B=l=>{try{return f.default(l,"EEE MMM d yyyy")}catch(n){console.warn("Error formatting date:",n)}};return G({resetTime:H,initTimeInputs:V}),(l,n)=>(e.openBlock(),e.createElementBlock("div",$,[a.isRange?(e.openBlock(),e.createBlock(e.unref(x.DatePicker),e.mergeProps({key:0},D.value,{modelValue:t.value,"onUpdate:modelValue":n[0]||(n[0]=r=>t.value=r),modelModifiers:{range:!0}}),null,16,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(x.DatePicker),e.mergeProps({key:1},D.value,{modelValue:t.value,"onUpdate:modelValue":n[1]||(n[1]=r=>t.value=r)}),null,16,["modelValue"])),k.value?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",A,[e.createElementVNode("div",U,[e.createElementVNode("label",{class:"time-input-label",for:`time-input-start-${e.unref(v)}`},[E()?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(B(t.value.start)),1)):t.value&&t.value instanceof Date?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(B(t.value)),1)):e.createCommentVNode("",!0)],8,Y),e.withDirectives(e.createElementVNode("input",{id:`time-input-start-${e.unref(v)}`,"onUpdate:modelValue":n[2]||(n[2]=r=>i.value=r),class:e.normalizeClass(["time-input-start",{"input-error":m.value}]),"data-testid":"time-input-start",step:h.value,type:"time"},null,10,W),[[e.vModelText,i.value]])]),a.isRange?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n[4]||(n[4]=e.createElementVNode("div",{class:"time-input-separator"}," - ",-1)),e.createElementVNode("div",O,[e.createElementVNode("label",{class:"time-input-label",for:`time-input-end-${e.unref(v)}`},[E()?(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(e.unref(f.default)(t.value.end,"EEE MMM d yyyy")),1)):e.createCommentVNode("",!0)],8,J),e.withDirectives(e.createElementVNode("input",{id:`time-input-end-${e.unref(v)}`,"onUpdate:modelValue":n[3]||(n[3]=r=>s.value=r),class:e.normalizeClass(["time-input-end",{"input-error":m.value}]),"data-testid":"time-input-end",step:h.value,type:"time"},null,10,L),[[e.vModelText,s.value]])])],64)):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[m.value&&a.errorMessage?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(a.errorMessage),1)):e.createCommentVNode("",!0)]),_:1})])):e.createCommentVNode("",!0)]))}});exports.default=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kongponents178.cjs"),c=require("@kong/icons"),f=require("./kongponents38.cjs"),V=require("./kongponents42.cjs"),g=require("./kongponents49.cjs"),x=require("./kongponents50.cjs"),N=require("./kongponents55.cjs"),I=require("./kongponents30.cjs");;/* empty css                */const S=require("./kongponents57.cjs"),B={class:"table-column-visibility-menu"},M={class:"apply-button-wrapper"},q=e.defineComponent({__name:"ColumnVisibilityMenu",props:{columns:{},tableId:{},visibilityPreferences:{},disabled:{type:Boolean}},emits:["update"],setup(i,{emit:v}){const y=v,m=e.ref(!1),n=e.ref({}),u=e.ref(!1),r=e.ref(),o=e.ref(""),d=()=>{n.value=i.columns.reduce((t,l)=>(t[l.key]=i.visibilityPreferences[l.key]===void 0?!0:i.visibilityPreferences[l.key],t),{}),u.value=!1},p=C.debounce(t=>{o.value=t,r.value&&s(r.value)},500),b=e.computed(()=>o.value?i.columns.filter(t=>(t.label?t.label:t.key).toLowerCase().includes(o.value.toLowerCase())):i.columns),k=()=>{y("update",JSON.parse(JSON.stringify(n.value))),u.value=!1,o.value=""},h=t=>{m.value=t,t&&r.value&&e.nextTick(()=>{r.value&&s(r.value)}),!t&&u.value&&d(),t||(o.value="")},s=t=>{if(!(t.scrollHeight>t.clientHeight)){t.classList.remove("is-bottom-overflowing");return}const a=t.scrollHeight<t.clientHeight+t.scrollTop+1;t.classList.toggle("is-bottom-overflowing",!a)};return e.watch(()=>i.visibilityPreferences,()=>{d()},{immediate:!0}),e.onMounted(()=>{r.value&&(r.value.addEventListener("scroll",t=>{const l=t.currentTarget;s(l)}),s(r.value))}),e.onBeforeMount(()=>{d()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(g.default,{"data-testid":"table-column-visibility-menu",disabled:i.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:h},{items:e.withCtx(()=>[o.value||b.value.length>5?(e.openBlock(),e.createBlock(N.default,{key:0,modelValue:o.value,"onUpdate:modelValue":l[1]||(l[1]=a=>o.value=a),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:l[2]||(l[2]=e.withModifiers(()=>{},["stop"])),onInput:e.unref(p)},e.createSlots({before:e.withCtx(()=>[e.createVNode(e.unref(c.SearchIcon),{decorative:""})]),_:2},[o.value?{name:"after",fn:e.withCtx(()=>[e.createVNode(f.default,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:l[0]||(l[0]=e.withModifiers(()=>o.value="",["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(c.CloseIcon),{decorative:""})]),_:1})]),key:"0"}:void 0]),1032,["modelValue","onInput"])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"menuItemsRef",ref:r,class:"menu-items-wrapper"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,a=>(e.openBlock(),e.createBlock(x.default,{key:a.key,class:"column-visibility-menu-item","data-testid":`column-visibility-menu-item-${a.key}`,onClick:e.withModifiers(()=>{n.value[a.key]=!n.value[a.key],u.value=!0},["stop"])},{default:e.withCtx(()=>[e.createVNode(V.default,{modelValue:n.value[a.key],"onUpdate:modelValue":w=>n.value[a.key]=w,"aria-labelledby":`${i.tableId}-${a.key}-visibility-checkbox-label`,"data-testid":`column-visibility-checkbox-${a.key}`},null,8,["modelValue","onUpdate:modelValue","aria-labelledby","data-testid"]),e.createVNode(S.default,{id:`${i.tableId}-${a.key}-visibility-checkbox-label`,class:"visibility-checkbox-label",title:a.label},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1032,["id","title"])]),_:2},1032,["data-testid","onClick"]))),128))],512),e.createElementVNode("div",M,[e.createVNode(f.default,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:k},{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createTextVNode(" Apply ",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(I.default,{placement:"bottom-end",text:m.value?void 0:"Show/Hide Columns"},{default:e.withCtx(()=>[e.createVNode(f.default,{appearance:"tertiary","aria-label":"Show/Hide Columns",class:"menu-button","data-testid":"column-visibility-menu-button",disabled:i.disabled,icon:"",size:"large"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.TableColumnsIcon),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])]))}});exports.default=q;