@kong/kongponents 9.61.3 → 9.61.4

package/dist/{kongponents141.es.js → kongponents140.es.js}

@@ -1,20 +1,20 @@
-import { defineComponent as ze, useCssVars as De, useAttrs as Oe, useSlots as Le, useId as le, computed as u, ref as b, useTemplateRef as z, watch as D, nextTick as Re, onMounted as Ve, onBeforeUnmount as We, openBlock as f, createElementBlock as g, normalizeClass as O, createBlock as L, mergeProps as J, createSlots as oe, withCtx as y, createTextVNode as Q, toDisplayString as R, renderSlot as h, createCommentVNode as k, createVNode as S, unref as B, createElementVNode as ae, withKeys as re, withModifiers as ie, Transition as Me } from "vue";
-import Ue from "./kongponents205.es.js";
+import { defineComponent as qe, useCssVars as ze, useAttrs as Oe, useSlots as Le, useId as te, computed as c, ref as b, useTemplateRef as q, watch as z, nextTick as Re, onMounted as Ve, onBeforeUnmount as We, openBlock as f, createElementBlock as g, normalizeClass as O, createBlock as L, mergeProps as J, createSlots as le, withCtx as h, createTextVNode as Q, toDisplayString as R, renderSlot as y, createCommentVNode as k, createVNode as S, unref as x, createElementVNode as oe, withKeys as ae, withModifiers as re, Transition as Me } from "vue";
+import Ue from "./kongponents212.es.js";
 import Ge from "./kongponents57.es.js";
 import He from "./kongponents55.es.js";
 import Je from "./kongponents62.es.js";
 import Qe from "./kongponents29.es.js";
-import Ye from "./kongponents224.es.js";
-import je from "./kongponents225.es.js";
-import Xe from "./kongponents196.es.js";
-import Ze from "./kongponents184.es.js";
-import _e from "./kongponents204.es.js";
-import { ResizeObserverHelper as et } from "./kongponents210.es.js";
-import { sanitizeInput as se } from "./kongponents180.es.js";
+import Ye from "./kongponents237.es.js";
+import je from "./kongponents238.es.js";
+import Xe from "./kongponents203.es.js";
+import Ze from "./kongponents188.es.js";
+import _e from "./kongponents191.es.js";
+import { ResizeObserverHelper as et } from "./kongponents205.es.js";
+import { sanitizeInput as ie } from "./kongponents180.es.js";
 import { useEventListener as tt } from "./kongponents226.es.js";
-import { getUniqueStringId as lt } from "./kongponents161.es.js";
-import { normalizeSize as ne } from "./kongponents192.es.js";
-import { KUI_SPACE_40 as ot } from "./kongponents189.es.js";
+import { getUniqueStringId as lt } from "./kongponents160.es.js";
+import { normalizeSize as se } from "./kongponents196.es.js";
+import { KUI_SPACE_40 as ot } from "./kongponents194.es.js";
 const at = ["id"], rt = ["aria-live"], it = {
   key: 0,
   class: "select-loading",
@@ -34,7 +34,7 @@ const at = ["id"], rt = ["aria-live"], it = {
 }, dt = {
   key: 0,
   class: "dropdown-footer dropdown-footer-sticky"
-}, Et = /* @__PURE__ */ ze({
+}, Et = /* @__PURE__ */ qe({
   inheritAttrs: !1,
   __name: "KSelect",
   props: {
@@ -60,79 +60,78 @@ const at = ["id"], rt = ["aria-live"], it = {
   },
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
   setup(t, { emit: V }) {
-    De((e) => ({
-      v06470801: ye.value,
-      v39f9a36f: N.value,
-      v0beb3bc0: ke.value
+    ze((e) => ({
+      v56c0f342: ye.value,
+      v528c59f0: D.value,
+      v26892442: we.value
     }));
-    const { stripRequiredLabel: ue } = Ue(), v = V, p = Oe(), I = Le(), de = le(), Y = u(() => p.id ? String(p.id) : de), W = b(!1), M = b(), ce = u(() => !!(t.labelAttributes?.info || I["label-tooltip"])), j = u(() => p.required !== void 0 && String(p.required) !== "false"), $ = u(() => p.disabled !== void 0 && String(p.disabled) !== "false"), x = u(() => p.readonly !== void 0 && String(p.readonly) !== "false"), X = {
-      popoverClasses: `k-select-popover select-popover ${t.dropdownFooterText || I["dropdown-footer-text"] ? `has-${t.dropdownFooterTextPosition}-dropdown-footer` : ""}`,
+    const { stripRequiredLabel: ne } = Ue(), v = V, p = Oe(), I = Le(), ue = te(), Y = c(() => p.id ? String(p.id) : ue), W = b(!1), M = b(), de = () => !!(t.labelAttributes?.info || I["label-tooltip"]), j = c(() => p.required !== void 0 && String(p.required) !== "false"), $ = c(() => p.disabled !== void 0 && String(p.disabled) !== "false"), B = c(() => p.readonly !== void 0 && String(p.readonly) !== "false"), ce = {
       popoverTimeout: 0,
       placement: "bottom-start",
       hideCaret: !0
-    }, fe = b(0), ve = z("inputElement"), me = u(() => ue(t.label, j.value)), A = b(!1), i = b(""), Z = u(() => !(!i.value || a.value?.filter((e) => e.label === i.value)?.length)), pe = le(), c = b(null), a = b([]), T = b([]), E = b(!1), U = z("popperElement"), F = z("selectWrapperElement"), be = u({
+    }, fe = () => !!(t.dropdownFooterText || I["dropdown-footer-text"]), ve = b(0), me = q("inputElement"), pe = c(() => ne(t.label, j.value)), A = b(!1), i = b(""), X = c(() => !(!i.value || a.value?.filter((e) => e.label === i.value)?.length)), be = te(), d = b(null), a = b([]), T = b([]), E = b(!1), U = q("popperElement"), F = q("selectWrapperElement"), he = c({
       get() {
         return t.modelValue;
       },
       set(e) {
         const r = a.value?.filter((o) => o.value === e);
-        r?.length ? q(r[0]) : e || H();
+        r?.length ? N(r[0]) : e || H();
       }
-    }), ye = u(() => ne(t.width || "100%")), N = b(""), he = u(() => {
+    }), ye = c(() => se(t.width || "100%")), D = b(""), ge = c(() => {
       const e = { ...p };
       return delete e.class, e;
-    }), ge = u(() => ({
-      ...X,
+    }), ke = () => ({
+      ...ce,
       ...t.kpopAttributes,
-      popoverClasses: `${X.popoverClasses} ${t.kpopAttributes?.popoverClasses ?? ""}`,
-      width: String(N.value),
-      maxWidth: String(N.value),
-      disabled: $.value || x.value
-    })), ke = u(() => ne(t.dropdownMaxHeight)), we = u(() => ({ ...ge.value })), Ce = u(() => t.placeholder || p.placeholder || "Select..."), Fe = u(() => !$.value && t.clearable && !!c.value), _ = u(() => !!(c.value && (I["selected-item-template"] || t.reuseItemTemplate && I["item-template"]))), K = (e) => "items" in e && Array.isArray(e.items), G = u(() => {
+      popoverClasses: `k-select-popover select-popover ${fe() ? `has-${t.dropdownFooterTextPosition}-dropdown-footer` : ""} ${t.kpopAttributes?.popoverClasses ?? ""}`,
+      width: String(D.value),
+      maxWidth: String(D.value),
+      disabled: $.value || B.value
+    }), we = c(() => se(t.dropdownMaxHeight)), Ce = c(() => t.placeholder || p.placeholder || "Select..."), Fe = c(() => !$.value && t.clearable && !!d.value), Z = () => !!(d.value && (I["selected-item-template"] || t.reuseItemTemplate && I["item-template"])), K = (e) => "items" in e && Array.isArray(e.items), G = c(() => {
       if (!t.enableFiltering || !i.value)
         return T.value;
-      const e = t.filterFunction({ query: i.value, items: a.value }), r = e === !0 ? a.value : e, o = new Set(r.map((n) => n.value)), d = [];
+      const e = t.filterFunction({ query: i.value, items: a.value }), r = e === !0 ? a.value : e, o = new Set(r.map((n) => n.value)), u = [];
       for (const n of T.value)
         if (K(n)) {
           const w = n.items.filter((l) => o.has(l.value));
-          w.length > 0 && d.push({
+          w.length > 0 && u.push({
             label: n.label,
             key: n.key,
             items: w
           });
         } else
-          o.has(n.value) && d.push(n);
-      return d;
+          o.has(n.value) && u.push(n);
+      return u;
     }), Se = (e) => {
       if (!t.enableFiltering)
         return e.preventDefault(), !1;
     }, Ie = (e) => {
-      t.enableItemCreation && ee(), e.preventDefault();
-    }, ee = () => {
-      if (!t.enableItemCreation || !i.value || !Z.value || !t.itemCreationValidator(i.value))
+      t.enableItemCreation && _(), e.preventDefault();
+    }, _ = () => {
+      if (!t.enableItemCreation || !i.value || !X.value || !t.itemCreationValidator(i.value))
         return;
       const e = (a.value?.length || 0) + 1, r = {
-        label: se(i.value),
+        label: ie(i.value),
         value: lt(),
-        key: `${se(i.value).replace(/ /gi, "-")?.replace(/[^a-z0-9-_]/gi, "")}-${e}`,
+        key: `${ie(i.value).replace(/ /gi, "-")?.replace(/[^a-z0-9-_]/gi, "")}-${e}`,
         custom: !0
       };
-      v("item-added", r), q(r, !0), i.value = "";
-    }, q = (e, r) => {
-      r && (a.value?.push(e), T.value.unshift(e)), a.value?.forEach((o, d) => {
-        o.key === e.key ? (o.selected = !0, c.value = o) : o.selected ? (o.selected = !1, o.custom && (a.value?.splice(d, 1), v("item-removed", o))) : o.selected = !1;
+      v("item-added", r), N(r, !0), i.value = "";
+    }, N = (e, r) => {
+      r && (a.value?.push(e), T.value.unshift(e)), a.value?.forEach((o, u) => {
+        o.key === e.key ? (o.selected = !0, d.value = o) : o.selected ? (o.selected = !1, o.custom && (a.value?.splice(u, 1), v("item-removed", o))) : o.selected = !1;
       }), A.value = !0, i.value = e.label;
     }, H = () => {
       a.value?.forEach((e, r) => {
         e.selected = !1, e.custom && (a.value?.splice(r, 1), v("item-removed", e));
-      }), c.value = null, i.value = "", v("input", null), v("change", null), v("update:modelValue", null);
-    }, te = z("kSelectItems"), $e = (e, r) => {
+      }), d.value = null, i.value = "", v("input", null), v("change", null), v("update:modelValue", null);
+    }, ee = q("kSelectItems"), $e = (e, r) => {
       if (e.keyCode === 27) {
         r.value = !1;
         return;
       }
       const o = F.value?.children[0];
-      !r.value && o && o.click(), (e.key === "ArrowDown" || e.key === "ArrowUp") && r.value && te.value?.setFocus(e.key === "ArrowDown" ? "down" : "up");
+      !r.value && o && o.click(), (e.key === "ArrowDown" || e.key === "ArrowUp") && r.value && ee.value?.setFocus(e.key === "ArrowDown" ? "down" : "up");
     }, Ae = (e) => {
       i.value !== e && (i.value = e);
     }, Ee = () => {
@@ -140,26 +139,26 @@ const at = ["id"], rt = ["aria-live"], it = {
     }, Ke = () => {
       E.value = !1;
     }, Pe = () => {
-      t.enableFiltering || ve.value?.$el?.querySelector("input")?.blur();
-    }, Be = (e) => {
-      ($.value || e?.target?.dataset.propagateClicks === "false") && e.stopPropagation();
+      t.enableFiltering || me.value?.$el?.querySelector("input")?.blur();
     }, xe = (e) => {
+      ($.value || e?.target?.dataset.propagateClicks === "false") && e.stopPropagation();
+    }, Be = (e) => {
       e();
     }, Te = (e, r) => {
-      W.value = !1, c.value ? (A.value = !0, i.value = c.value.label) : i.value = "", r && e();
-    }, Ne = (e) => {
+      W.value = !1, d.value ? (A.value = !0, i.value = d.value.label) : i.value = "", r && e();
+    }, De = (e) => {
       W.value = !0, t.enableFiltering && (i.value = ""), e();
     };
-    return D(be, (e, r) => {
+    return z(he, (e, r) => {
       if (e !== r) {
-        const o = a.value?.filter((d) => d.value === e);
-        o?.length ? q(o[0]) : e || H();
+        const o = a.value?.filter((u) => u.value === e);
+        o?.length ? N(o[0]) : e || H();
       }
-    }), D(() => t.items, (e, r) => {
+    }), z(() => t.items, (e, r) => {
       if (JSON.stringify(e) === JSON.stringify(r))
         return;
-      const o = JSON.parse(JSON.stringify(t.items)), d = o.some((l) => K(l)), n = [], w = [];
-      if (d)
+      const o = JSON.parse(JSON.stringify(t.items)), u = o.some((l) => K(l)), n = [], w = [];
+      if (u)
         for (const l of o)
           K(l) ? n.push(...l.items) : n.push(l);
       else {
@@ -176,17 +175,17 @@ const at = ["id"], rt = ["aria-live"], it = {
             items: l.get(s)
           });
       }
-      a.value = n, a.value?.length && (c.value = null);
+      a.value = n, a.value?.length && (d.value = null);
       for (let l = 0; l < a.value?.length; l++) {
         a.value[l].selected === void 0 && (a.value[l].selected = !1);
         let m = `${(a.value[l].label != null ? String(a.value[l].label) : "").replace(/ /gi, "-")?.replace(/[^a-z0-9-_]/gi, "")}-${l}`;
-        m.includes("undefined") && (m = `select-item-label-${l}`), a.value[l].key = m, (a.value[l].value === t.modelValue || a.value[l].selected) && (a.value[l].selected = !0, c.value = a.value[l], E.value || (A.value = !0, i.value = c.value.label)), c.value?.value === a.value[l].value && (a.value[l].selected = !0);
+        m.includes("undefined") && (m = `select-item-label-${l}`), a.value[l].key = m, (a.value[l].value === t.modelValue || a.value[l].selected) && (a.value[l].selected = !0, d.value = a.value[l], E.value || (A.value = !0, i.value = d.value.label)), d.value?.value === a.value[l].value && (a.value[l].selected = !0);
       }
-      if (d) {
+      if (u) {
         const l = [], P = [];
         for (const m of o)
           if (K(m)) {
-            const s = m.items.map((C) => a.value.find((qe) => qe.value === C.value)).filter((C) => C !== void 0);
+            const s = m.items.map((C) => a.value.find((Ne) => Ne.value === C.value)).filter((C) => C !== void 0);
             P.push({
               label: m.label,
               key: m.key,
@@ -201,15 +200,15 @@ const at = ["id"], rt = ["aria-live"], it = {
       T.value = w, U.value && typeof U.value.updatePopper == "function" && Re(() => {
         U.value.updatePopper();
       });
-    }, { deep: !0, immediate: !0 }), D(i, (e) => {
+    }, { deep: !0, immediate: !0 }), z(i, (e) => {
       A.value && e || (v("query-change", e), A.value = !1);
-    }), D(c, (e, r) => {
+    }), z(d, (e, r) => {
       e && e !== r && (v("selected", e), v("input", e.value), v("change", e), v("update:modelValue", e.value));
     }, { deep: !0 }), Ve(() => {
       F.value && (M.value = et.create(() => {
-        N.value = `${F.value?.offsetWidth}px`;
+        D.value = `${F.value?.offsetWidth}px`;
       }), M.value.observe(F.value)), tt(document, "keydown", (e) => {
-        !t.enableFiltering && document.activeElement?.tagName === "BODY" && !E.value && W.value && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), te.value?.setFocus(e.key === "ArrowDown" ? "down" : "up"));
+        !t.enableFiltering && document.activeElement?.tagName === "BODY" && !E.value && W.value && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), ee.value?.setFocus(e.key === "ArrowDown" ? "down" : "up"));
       });
     }), We(() => {
       F.value && M.value?.unobserve(F.value);
@@ -222,37 +221,37 @@ const at = ["id"], rt = ["aria-live"], it = {
       }, t.labelAttributes, {
         for: Y.value,
         required: j.value
-      }), oe({
-        default: y(() => [
-          Q(R(me.value) + " ", 1)
+      }), le({
+        default: h(() => [
+          Q(R(pe.value) + " ", 1)
         ]),
         _: 2
       }, [
-        ce.value ? {
+        de() ? {
           name: "tooltip",
-          fn: y(() => [
-            h(e.$slots, "label-tooltip", {}, void 0, !0)
+          fn: h(() => [
+            y(e.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
       ]), 1040, ["for", "required"])) : k("", !0),
       S(Qe, null, {
-        default: y(({ toggle: o, isToggled: d }) => [
-          S(Je, J({ ref: "popperElement" }, we.value, {
+        default: h(({ toggle: o, isToggled: u }) => [
+          S(Je, J({ ref: "popperElement" }, ke(), {
             "close-on-popover-click": "",
             "hide-close-icon": "",
-            offset: `var(--kui-space-40, ${B(ot)})`,
-            onClose: () => Te(o, d.value),
-            onOpen: () => Ne(o),
-            onPopoverClick: () => xe(o)
+            offset: `var(--kui-space-40, ${x(ot)})`,
+            onClose: () => Te(o, u.value),
+            onOpen: () => De(o),
+            onPopoverClick: () => Be(o)
           }), {
-            content: y(() => [
-              ae("div", {
+            content: h(() => [
+              oe("div", {
                 "aria-live": t.enableFiltering ? "polite" : "off"
               }, [
                 t.enableFiltering && t.loading ? (f(), g("div", it, [
-                  h(e.$slots, "loading", {}, () => [
-                    S(B(_e), {
+                  y(e.$slots, "loading", {}, () => [
+                    S(x(_e), {
                       class: "loading-icon",
                       title: "Loading"
                     })
@@ -261,14 +260,14 @@ const at = ["id"], rt = ["aria-live"], it = {
                   S(Ye, {
                     ref: "kSelectItems",
                     "filter-string": i.value,
-                    "item-creation-enabled": t.enableItemCreation && Z.value,
+                    "item-creation-enabled": t.enableItemCreation && X.value,
                     "item-creation-valid": t.itemCreationValidator(i.value),
                     items: G.value,
-                    onAddItem: ee,
-                    onSelected: q
+                    onAddItem: _,
+                    onSelected: N
                   }, {
-                    content: y(({ item: n }) => [
-                      h(e.$slots, "item-template", { item: n }, void 0, !0)
+                    content: h(({ item: n }) => [
+                      y(e.$slots, "item-template", { item: n }, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["filter-string", "item-creation-enabled", "item-creation-valid", "items"]),
@@ -277,71 +276,71 @@ const at = ["id"], rt = ["aria-live"], it = {
                     item: { label: "No results", value: "no_results", disabled: !0 }
                   })) : k("", !0),
                   (t.dropdownFooterText || e.$slots["dropdown-footer-text"]) && t.dropdownFooterTextPosition === "static" ? (f(), g("div", nt, [
-                    h(e.$slots, "dropdown-footer-text", {}, () => [
+                    y(e.$slots, "dropdown-footer-text", {}, () => [
                       Q(R(t.dropdownFooterText), 1)
                     ], !0)
                   ])) : k("", !0)
                 ])),
                 !t.loading && !G.value.length && e.$slots.empty ? (f(), g("div", ut, [
-                  h(e.$slots, "empty", {}, void 0, !0)
+                  y(e.$slots, "empty", {}, void 0, !0)
                 ])) : k("", !0)
               ], 8, rt),
               (t.dropdownFooterText || e.$slots["dropdown-footer-text"]) && t.dropdownFooterTextPosition === "sticky" ? (f(), g("div", dt, [
-                h(e.$slots, "dropdown-footer-text", {}, () => [
+                y(e.$slots, "dropdown-footer-text", {}, () => [
                   Q(R(t.dropdownFooterText), 1)
                 ], !0)
               ])) : k("", !0)
             ]),
-            default: y(() => [
-              ae("div", {
-                id: B(pe),
+            default: h(() => [
+              oe("div", {
+                id: x(be),
                 ref: "selectWrapperElement",
                 class: "select-wrapper",
                 "data-testid": "select-wrapper",
                 role: "listbox",
-                onClick: Be
+                onClick: xe
               }, [
                 (f(), L(He, J({
                   id: Y.value,
-                  key: fe.value,
+                  key: ve.value,
                   ref: "inputElement",
                   autocapitalize: "off",
                   autocomplete: "off",
                   autocorrect: "off",
-                  class: ["select-input", { "filtering-disabled": !t.enableFiltering, "hide-model-value": _.value && (!t.enableFiltering || !d.value), "input-has-focus": E.value || d.value }],
+                  class: ["select-input", { "filtering-disabled": !t.enableFiltering, "hide-model-value": Z() && (!t.enableFiltering || !u.value), "input-has-focus": E.value || u.value }],
                   "data-testid": "select-input",
                   disabled: $.value,
                   error: t.error,
                   "model-value": i.value,
                   name: "select-options-search",
-                  placeholder: c.value && !t.enableFiltering ? c.value.label : Ce.value,
-                  readonly: x.value,
+                  placeholder: d.value && !t.enableFiltering ? d.value.label : Ce.value,
+                  readonly: B.value,
                   spellcheck: "false"
-                }, he.value, {
+                }, ge.value, {
                   onBlur: Ke,
                   onClick: Pe,
                   onFocus: Ee,
-                  onKeydown: re(Ie, ["enter"]),
+                  onKeydown: ae(Ie, ["enter"]),
                   onKeypress: Se,
                   onKeyup: [
-                    (n) => $e(n, d),
-                    r[0] || (r[0] = re(ie(() => {
+                    (n) => $e(n, u),
+                    r[0] || (r[0] = ae(re(() => {
                     }, ["stop"]), ["enter"]))
                   ],
                   "onUpdate:modelValue": Ae
-                }), oe({
-                  after: y(() => [
+                }), le({
+                  after: h(() => [
                     Fe.value ? (f(), g("button", {
                       key: 0,
                       "aria-label": "Clear",
                       class: "clear-selection-button",
                       "data-testid": "clear-selection-icon",
                       type: "button",
-                      onClick: ie(H, ["stop"])
+                      onClick: re(H, ["stop"])
                     }, [
-                      S(B(Ze), { decorative: "" })
+                      S(x(Ze), { decorative: "" })
                     ])) : k("", !0),
-                    x.value ? k("", !0) : (f(), L(B(Xe), {
+                    B.value ? k("", !0) : (f(), L(x(Xe), {
                       key: 1,
                       class: O(["chevron-down-icon", { disabled: $.value }]),
                       decorative: ""
@@ -351,30 +350,30 @@ const at = ["id"], rt = ["aria-live"], it = {
                 }, [
                   I.before ? {
                     name: "before",
-                    fn: y(() => [
-                      h(e.$slots, "before", {}, void 0, !0)
+                    fn: h(() => [
+                      y(e.$slots, "before", {}, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
                   e.$slots["label-tooltip"] ? {
                     name: "label-tooltip",
-                    fn: y(() => [
-                      h(e.$slots, "label-tooltip", {}, void 0, !0)
+                    fn: h(() => [
+                      y(e.$slots, "label-tooltip", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0
                 ]), 1040, ["id", "class", "disabled", "error", "model-value", "placeholder", "readonly", "onKeyup"])),
                 S(Me, { name: "kongponents-fade-transition" }, {
-                  default: y(() => [
-                    _.value && (!t.enableFiltering || !d.value) ? (f(), g("div", {
+                  default: h(() => [
+                    Z() && (!t.enableFiltering || !u.value) ? (f(), g("div", {
                       key: 0,
-                      class: O(["custom-selected-item-wrapper", { clearable: t.clearable, readonly: x.value }])
+                      class: O(["custom-selected-item-wrapper", { clearable: t.clearable, readonly: B.value }])
                     }, [
-                      h(e.$slots, "selected-item-template", {
-                        item: c.value
+                      y(e.$slots, "selected-item-template", {
+                        item: d.value
                       }, () => [
-                        h(e.$slots, "item-template", {
-                          item: c.value
+                        y(e.$slots, "item-template", {
+                          item: d.value
                         }, void 0, !0)
                       ], !0)
                     ], 2)) : k("", !0)

package/dist/kongponents143.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents25.cjs");;/* empty css                */exports.default=e.default;

package/dist/kongponents143.es.js

@@ -0,0 +1,5 @@
+import o from "./kongponents25.es.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/kongponents144.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents25.cjs");;/* empty css                */exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=e.defineComponent({__name:"KSkeletonBox",props:{width:{default:"1"},height:{default:"1"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["skeleton-box",{[`width-${t.width}`]:!0,[`height-${t.height}`]:!0}])},null,2))}});exports.default=l;

package/dist/kongponents144.es.js

@@ -1,5 +1,16 @@
-import o from "./kongponents25.es.js";
-/* empty css                 */
+import { defineComponent as t, openBlock as n, createElementBlock as o, normalizeClass as l } from "vue";
+const h = /* @__PURE__ */ t({
+  __name: "KSkeletonBox",
+  props: {
+    width: { default: "1" },
+    height: { default: "1" }
+  },
+  setup(e) {
+    return (a, i) => (n(), o("div", {
+      class: l(["skeleton-box", { [`width-${e.width}`]: !0, [`height-${e.height}`]: !0 }])
+    }, null, 2));
+  }
+});
 export {
-  o as default
+  h as default
 };

package/dist/{kongponents148.cjs → kongponents147.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents226.cjs"),u=require("./kongponents184.cjs"),m=require("./kongponents189.cjs"),f=require("./kongponents192.cjs"),v=require("./kongponents229.cjs"),k={class:"k-slideout"},E={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},b={class:"slideout-header"},y={key:0,class:"slideout-title","data-testid":"slideout-title"},C={class:"slideout-content"},h=e.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean},hasOverlay:{type:Boolean,default:!0},offsetTop:{default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{default:""},maxWidth:{default:"500px"},zIndex:{default:9999}},emits:["close"],setup(o,{emit:a}){e.useCssVars(t=>({v4c1bb9b1:c.value,v312b21b8:t.maxWidth,v0bc33d5a:t.zIndex}));const s=a;e.provide(v.POPOVER_PARENT_ZINDEX_KEY,e.computed(()=>o.zIndex));const d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>f.normalizeSize(o.offsetTop));r.onClickOutside(d,t=>{t.isTrusted&&o.closeOnBlur&&s("close")});const i=(t,n=!1)=>{(o.visible&&t.keyCode===27&&o.closeOnEscape||n)&&s("close")},l=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",i):document?.removeEventListener("keydown",i))};return e.watch(()=>o.visible,async t=>{l(!!t)},{immediate:!0}),e.onUnmounted(()=>{l(!1)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!o.hasOverlay}])},null,2)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"kongponents-slide-in-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",b,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:n[0]||(n[0]=e.withModifiers(B=>t.$emit("close"),["stop"]))},[e.createVNode(e.unref(u.default),{color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",C,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents226.cjs"),u=require("./kongponents188.cjs"),m=require("./kongponents194.cjs"),f=require("./kongponents196.cjs"),v=require("./kongponents227.cjs"),k={class:"k-slideout"},E={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},b={class:"slideout-header"},y={key:0,class:"slideout-title","data-testid":"slideout-title"},C={class:"slideout-content"},h=e.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean},hasOverlay:{type:Boolean,default:!0},offsetTop:{default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{default:""},maxWidth:{default:"500px"},zIndex:{default:9999}},emits:["close"],setup(o,{emit:a}){e.useCssVars(t=>({v4c1bb9b1:c.value,v312b21b8:t.maxWidth,v0bc33d5a:t.zIndex}));const s=a;e.provide(v.POPOVER_PARENT_ZINDEX_KEY,e.computed(()=>o.zIndex));const d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>f.normalizeSize(o.offsetTop));r.onClickOutside(d,t=>{t.isTrusted&&o.closeOnBlur&&s("close")});const i=(t,n=!1)=>{(o.visible&&t.keyCode===27&&o.closeOnEscape||n)&&s("close")},l=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",i):document?.removeEventListener("keydown",i))};return e.watch(()=>o.visible,async t=>{l(!!t)},{immediate:!0}),e.onUnmounted(()=>{l(!1)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!o.hasOverlay}])},null,2)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"kongponents-slide-in-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",b,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:n[0]||(n[0]=e.withModifiers(B=>t.$emit("close"),["stop"]))},[e.createVNode(e.unref(u.default),{color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",C,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=h;

package/dist/{kongponents148.es.js → kongponents147.es.js}

@@ -1,9 +1,9 @@
 import { defineComponent as p, useCssVars as C, provide as h, computed as c, useTemplateRef as O, watch as T, onUnmounted as B, openBlock as i, createElementBlock as l, createVNode as n, Transition as f, withCtx as m, normalizeClass as N, createCommentVNode as a, createElementVNode as d, renderSlot as v, createTextVNode as V, toDisplayString as x, withModifiers as z, unref as b } from "vue";
 import { onClickOutside as R } from "./kongponents226.es.js";
-import $ from "./kongponents184.es.js";
-import { KUI_COLOR_TEXT_NEUTRAL as g } from "./kongponents189.es.js";
-import { normalizeSize as w } from "./kongponents192.es.js";
-import { POPOVER_PARENT_ZINDEX_KEY as I } from "./kongponents229.es.js";
+import $ from "./kongponents188.es.js";
+import { KUI_COLOR_TEXT_NEUTRAL as g } from "./kongponents194.es.js";
+import { normalizeSize as w } from "./kongponents196.es.js";
+import { POPOVER_PARENT_ZINDEX_KEY as I } from "./kongponents227.es.js";
 const L = { class: "k-slideout" }, S = {
   key: 0,
   ref: "slideoutContainerElement",

package/dist/{kongponents150.cjs → kongponents149.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents253.cjs"),r={key:0,class:"k-stepper"},s=e.defineComponent({__name:"KStepper",props:{steps:{},maxLabelWidth:{default:"170px"},hideStepNumbers:{type:Boolean,default:!1}},setup(t){return(u,o)=>t.steps&&t.steps.length?(e.openBlock(),e.createElementBlock("ol",r,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.steps,(l,a)=>(e.openBlock(),e.createBlock(n.default,{key:`step-${l.label.replace(/ /gi,"-")}`,label:l.label,"max-label-width":t.maxLabelWidth,state:l.state,"step-number":t.hideStepNumbers?void 0:a+1},null,8,["label","max-label-width","state","step-number"]))),128))])):e.createCommentVNode("",!0)}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents213.cjs"),r={key:0,class:"k-stepper"},s=e.defineComponent({__name:"KStepper",props:{steps:{},maxLabelWidth:{default:"170px"},hideStepNumbers:{type:Boolean,default:!1}},setup(t){return(u,o)=>t.steps&&t.steps.length?(e.openBlock(),e.createElementBlock("ol",r,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.steps,(l,a)=>(e.openBlock(),e.createBlock(n.default,{key:`step-${l.label.replace(/ /gi,"-")}`,label:l.label,"max-label-width":t.maxLabelWidth,state:l.state,"step-number":t.hideStepNumbers?void 0:a+1},null,8,["label","max-label-width","state","step-number"]))),128))])):e.createCommentVNode("",!0)}});exports.default=s;

package/dist/{kongponents150.es.js → kongponents149.es.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, openBlock as l, createElementBlock as a, Fragment as n, renderList as m, createBlock as o, createCommentVNode as p } from "vue";
-import u from "./kongponents253.es.js";
+import u from "./kongponents213.es.js";
 const c = {
   key: 0,
   class: "k-stepper"

package/dist/{kongponents152.cjs → kongponents151.cjs}

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("./kongponents38.cjs"),fe=require("./kongponents51.cjs"),We=require("./kongponents25.cjs");;/* empty css                */const Ge=require("./kongponents61.cjs"),Je=require("./kongponents30.cjs");;/* empty css                */const Xe=require("./kongponents231.cjs"),Ze=require("./kongponents186.cjs"),Qe=require("./kongponents205.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Ye=require("./kongponents13.cjs"),K=require("./kongponents189.cjs"),_e=require("./kongponents234.cjs"),et=require("./kongponents192.cjs"),ge=require("./kongponents181.cjs"),tt={class:"k-table"},at={key:0,class:"table-toolbar","data-testid":"table-toolbar"},lt={key:0,class:"toolbar-default-items-container"},ot={key:2,class:"table-error-state","data-testid":"table-error-state"},rt={key:3,class:"table-empty-state","data-testid":"table-empty-state"},nt={key:4,class:"table-container"},st=["data-tableid"],it=["aria-sort","data-testid","onClick","onMouseover"],ut=["onMousedown","onMouseover"],ct=["aria-describedby"],dt=["onMousedown","onMouseover"],vt=["role","tabindex"],ft=e.defineComponent({__name:"KTable",props:{resizeColumns:{type:Boolean,default:!1},tablePreferences:{type:Object,default:()=>({})},clientSort:{type:Boolean,default:!1},rowHover:{type:Boolean,default:!0},sortHandlerFunction:{type:Function,default:()=>({})},rowAttrs:{type:Function,default:()=>({})},cellAttrs:{type:Function,default:()=>({})},loading:{type:Boolean,default:!1},emptyStateTitle:{type:String,default:"No Data"},emptyStateMessage:{type:String,default:"There is no data to display."},emptyStateActionRoute:{type:[Object,String],default:""},emptyStateActionMessage:{type:String,default:""},emptyStateIconVariant:{type:String,default:Ye.EmptyStateIconVariants.Default},error:{type:Boolean,default:!1},errorStateTitle:{type:String,default:"An error occurred"},errorStateMessage:{type:String,default:"Data cannot be displayed due to an error."},errorStateActionRoute:{type:[Object,String],default:""},errorStateActionMessage:{type:String,default:""},fetcher:{type:Function,default:void 0,required:!0},fetcherCacheKey:{type:String,default:""},cacheIdentifier:{type:String,default:""},searchInput:{type:String,default:""},headers:{type:Array,default:()=>[]},initialFetcherParams:{type:Object,default:null},paginationNeighbors:{type:Number,default:1},paginationPageSizes:{type:Array,default:()=>[15,30,50,75,100],validator:r=>!!r.length&&r.every(L=>typeof L=="number")},paginationTotalItems:{type:Number,default:null},disablePaginationPageJump:{type:Boolean,default:!1},sortable:{type:Boolean,default:!0},disablePagination:{type:Boolean,default:!1},paginationOffset:{type:Boolean,default:!1},hidePaginationWhenOptional:{type:Boolean,default:!1},maxHeight:{type:String,default:"none"}},emits:["cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","state"],setup(r,{emit:L}){e.useCssVars(t=>({v60cb3642:we.value}));const{useDebounce:U,useRequest:pe,useSwrvState:me,clientSideSorter:W}=Qe.default(),o=r,V=L,G=e.useAttrs(),ye=e.useSlots(),m=e.useId(),C={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},f=e.ref([]),J=e.ref(),E=e.ref([]),y=e.ref([]),P=e.ref(""),z=e.ref(""),T=e.ref(""),X=e.computed(()=>E.value.filter(t=>t.hidable).length>0),O=e.computed(()=>!!(X.value&&!o.error&&!S.value&&!o.loading&&f.value&&f.value.length)),be=e.computed(()=>E.value.filter(t=>t.hidable)),he=e.computed(()=>O.value?o.tablePreferences.columnVisibility||{}:{}),M=e.ref(O.value?o.tablePreferences.columnVisibility||{}:{}),D=e.ref(0),B=e.ref(!1),u=e.ref(1),N=e.ref(15),Z=e.ref(""),v=e.ref(""),d=e.ref("desc"),k=e.ref(null),b=e.ref([]),Q=e.ref(!0),H=e.ref(!1),F=e.ref(!1),ke=e.computed(()=>!!ye.toolbar||O.value),Se=e.computed(()=>({maxHeight:et.normalizeSize(o.maxHeight)})),Ce=t=>`column-${t}`,w=t=>`tooltip-${t}`,R=t=>t,Y=(t,a)=>(l,s)=>{const n=/^on[^a-z]/,i={};for(const c in a)n.test(c)&&a[c]&&(i[c]=a[c]);return Object.keys(i).reduce((c,g)=>{if(g.indexOf(t)===0){const h=g.split(t);c[h[1]]=p=>i[g](p,l,s)}return c},{})},ze=e.computed(()=>(t,a)=>{const l=Y("onRow:",G)(a,"row"),s=Y("onCell:",G)(t,"cell"),n=["a","button","label","input","select"];return l.click&&(H.value=!0),{...l,...s,click(i){const c=i.target.className;let g=n.includes(i.target.tagName.toLowerCase()),h=!1;typeof c=="string"||Array.isArray(c)?h=c.includes("k-popover"):typeof c=="object"&&(h=Object.keys(c).includes("k-popover")),i.target.closest(".popover-content")!==null&&(h=!0);for(let p=0;p<n.length;p++)if(i.target.closest(n[p])!==null){g=!0;break}if((!g||i.target.hasAttribute("disabled"))&&!h&&(l.click||s.click))if(s.click){V("cell-click",{data:t});const p=s.click(i,t,"cell");typeof p=="function"&&p(i,t)}else{V("row-click",{data:a});const p=l.click(i,a,"row");typeof p=="function"&&p(i,a)}}}}),A=e.ref(o.resizeColumns?o.tablePreferences.columnWidths||{}:{}),_=e.computed(()=>{const t={};for(const a in A.value){if(!A.value[a])continue;const l=A.value[a]+"px";t[a]={width:l,maxWidth:l,minWidth:l}}return t}),Be=(t,a)=>({"resize-hover":ee.value===t.key&&o.resizeColumns&&a!==y.value.length-1,resizable:o.resizeColumns,sortable:o.sortable&&!t.hideLabel&&!!t.sortable,"active-sort":o.sortable&&!t.hideLabel&&!!t.sortable&&t.key===v.value,[d.value]:o.sortable&&t.key===v.value&&!t.hideLabel,"is-scrolled":B.value,"has-tooltip":!!t.tooltip}),Ne=e.computed(()=>P.value?"resizing":z.value?"resize-hover":T.value?"th-hover":""),ee=e.computed(()=>{switch(Ne.value){case"resizing":return P.value;case"resize-hover":return z.value;case"th-hover":return T.value;default:return""}}),te=e.computed(()=>J.value?.querySelectorAll("th.resizable")),we=e.computed(()=>{const t=te.value?.item(0);if(t){const a=window?.getComputedStyle(t);if(a?.height)return`${parseInt(a.height,10)}px`}return"auto"}),ae=(t,a)=>{if(t.button!==0)return;let l=0,s=0;P.value=a;let n=null;te.value?.forEach(g=>{g.getAttribute("data-testid")===`table-header-${a}`&&(n=document?.querySelector(`[data-tableid="${m}"] [data-testid="table-header-${a}"]`))});const i=g=>{const h=g.clientX-l;n?.setAttribute("style",`width: ${s+h}px`),A.value[a]=s+h},c=()=>{P.value="",document?.removeEventListener("mousemove",i),document?.removeEventListener("mouseup",c),q()};if(l=t.clientX,n){const g=window?.getComputedStyle(n);g?.width&&(s=parseInt(g.width,10)),document?.addEventListener("mousemove",i),document?.addEventListener("mouseup",c)}},le=e.ref(!0),Ee=async()=>{const t=o.searchInput,a=await o.fetcher({pageSize:N.value,page:u.value,query:t||Z.value,sortColumnKey:v.value,sortColumnOrder:d.value,offset:k.value});return f.value=a.data,D.value=o.paginationTotalItems||a.total||a.data?.length,o.paginationOffset&&(a.pagination?.offset?($.value=a.pagination.offset,b.value[u.value]||b.value.push(a.pagination.offset)):$.value=null,Q.value=a.pagination&&"hasNextPage"in a.pagination?a.pagination.hasNextPage:!0),f.value.length===0&&u.value>1&&(u.value=1,b.value=[null],k.value=null),le.value=!1,a},Pe=()=>{const t={...C,...o.initialFetcherParams};u.value=t.page??C.page,N.value=t.pageSize??C.pageSize,Z.value=t.query??C.query,v.value=t.sortColumnKey??C.sortColumnKey,d.value=t.sortColumnOrder??C.sortColumnOrder,o.clientSort&&v.value&&d.value&&W(v.value,"",d.value,f.value),o.paginationOffset&&(k.value=t.offset,b.value.push(t.offset)),o.headers&&o.headers.length&&(E.value=o.headers),F.value=!0};e.watch(()=>o.headers,t=>{t&&t.length&&(E.value=t)},{deep:!0});const x=e.computed(()=>b.value[u.value-1]),$=e.ref(null),Oe=e.computed(()=>{if(!o.fetcher||!F.value)return"";let t=m;return o.cacheIdentifier&&(t=o.cacheIdentifier),o.fetcherCacheKey&&(t+=`-${o.fetcherCacheKey}`),`k-table_${t}`}),oe=e.ref(""),{debouncedFn:Ae,generateDebouncedFn:$e}=U(t=>{oe.value=t},350),Ie=$e(0),{data:re,error:ne,revalidate:Ve,isValidating:Te}=pe(()=>Oe.value,()=>Ee(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:j,hasData:Me,swrvState:se}=me(re,ne,Te),S=e.ref(!0),ie=e.computed(()=>({hasData:Me.value,state:j.value})),ue=e.computed(()=>S.value?"loading":ne.value?"error":"success"),{debouncedFn:ce,generateDebouncedFn:He}=U(Ve,500),qe=He(0),Ke=t=>{const{key:a,useSortHandlerFunction:l}=t,s=v.value+"";u.value=1,v.value?a===v.value?d.value==="asc"?d.value="desc":d.value="asc":(v.value=a,d.value="asc",b.value=[null]):(v.value=a,d.value="asc",b.value=[null]),o.clientSort?l&&o.sortHandlerFunction?o.sortHandlerFunction({key:a,prevKey:s,sortColumnOrder:d.value,data:f.value}):W(a,s,d.value,f.value):o.paginationOffset||ce(),q()},Le=({page:t})=>{u.value=t},De=({pageSize:t})=>{b.value=[null],k.value=null,N.value=t,u.value=1,q()},Fe=t=>{t&&t.target&&typeof t.target.scrollTop=="number"&&(t.target.scrollTop>1?B.value=!0:t.target.scrollTop===0&&(B.value=!B.value))},Re=e.computed(()=>({pageSize:N.value,sortColumnKey:v.value,sortColumnOrder:d.value,...o.resizeColumns?{columnWidths:A.value}:{},...X.value?{columnVisibility:M.value}:{}})),q=()=>{ue.value==="success"&&V("update:table-preferences",Re.value)},xe=()=>{u.value++,k.value=$.value},je=()=>{u.value--,k.value=x.value},Ue=e.computed(()=>!!(o.fetcher&&!o.disablePagination&&!(!o.paginationOffset&&o.hidePaginationWhenOptional&&D.value<=(o.paginationPageSizes[0]??ge.DEFAULT_PAGE_SIZE))&&!(o.paginationOffset&&o.hidePaginationWhenOptional&&!x.value&&!$.value&&f.value.length<(o.paginationPageSizes[0]??ge.DEFAULT_PAGE_SIZE)))),de=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-");e.watch([M,E],t=>{const a=t[0],s=t[1].filter(n=>a[n.key]!==!1);JSON.stringify(s)!==JSON.stringify(y.value)&&(y.value=s,q())},{deep:!0,immediate:!0}),e.watch(re,t=>{t?.length&&!f.value.length&&(f.value=t)},{deep:!0,immediate:!0}),e.watch(j,()=>{switch(j.value){case se.PENDING:S.value=!0;break;case se.VALIDATING_HAS_DATA:S.value=I.value;break;default:S.value=!1;break}},{immediate:!0}),e.watch([ie,ue],t=>{V("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>o.searchInput,t=>{u.value!==1&&(u.value=1),t===""?Ie(t):Ae(t)},{immediate:!0});const I=e.ref(!1);return e.watch([oe,u,N],async(t,a)=>{const l=a?.[0],s=t[0],n=t[1];s!==l&&n!==1&&(u.value=1,b.value=[null],k.value=null),F.value&&!le.value&&(I.value=!0,s!==""&&s!==l?await ce():await qe(),I.value=!1)},{deep:!0,immediate:!0}),e.watch(O,t=>{t&&(M.value=o.tablePreferences.columnVisibility||{})},{immediate:!0}),e.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("./kongponents38.cjs"),fe=require("./kongponents51.cjs"),We=require("./kongponents25.cjs");;/* empty css                */const Ge=require("./kongponents61.cjs"),Je=require("./kongponents30.cjs");;/* empty css                */const Xe=require("./kongponents186.cjs"),Ze=require("./kongponents200.cjs"),Qe=require("./kongponents212.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Ye=require("./kongponents13.cjs"),K=require("./kongponents194.cjs"),_e=require("./kongponents243.cjs"),et=require("./kongponents196.cjs"),ge=require("./kongponents181.cjs"),tt={class:"k-table"},at={key:0,class:"table-toolbar","data-testid":"table-toolbar"},lt={key:0,class:"toolbar-default-items-container"},ot={key:2,class:"table-error-state","data-testid":"table-error-state"},rt={key:3,class:"table-empty-state","data-testid":"table-empty-state"},nt={key:4,class:"table-container"},st=["data-tableid"],it=["aria-sort","data-testid","onClick","onMouseover"],ut=["onMousedown","onMouseover"],ct=["aria-describedby"],dt=["onMousedown","onMouseover"],vt=["role","tabindex"],ft=e.defineComponent({__name:"KTable",props:{resizeColumns:{type:Boolean,default:!1},tablePreferences:{type:Object,default:()=>({})},clientSort:{type:Boolean,default:!1},rowHover:{type:Boolean,default:!0},sortHandlerFunction:{type:Function,default:()=>({})},rowAttrs:{type:Function,default:()=>({})},cellAttrs:{type:Function,default:()=>({})},loading:{type:Boolean,default:!1},emptyStateTitle:{type:String,default:"No Data"},emptyStateMessage:{type:String,default:"There is no data to display."},emptyStateActionRoute:{type:[Object,String],default:""},emptyStateActionMessage:{type:String,default:""},emptyStateIconVariant:{type:String,default:Ye.EmptyStateIconVariants.Default},error:{type:Boolean,default:!1},errorStateTitle:{type:String,default:"An error occurred"},errorStateMessage:{type:String,default:"Data cannot be displayed due to an error."},errorStateActionRoute:{type:[Object,String],default:""},errorStateActionMessage:{type:String,default:""},fetcher:{type:Function,default:void 0,required:!0},fetcherCacheKey:{type:String,default:""},cacheIdentifier:{type:String,default:""},searchInput:{type:String,default:""},headers:{type:Array,default:()=>[]},initialFetcherParams:{type:Object,default:null},paginationNeighbors:{type:Number,default:1},paginationPageSizes:{type:Array,default:()=>[15,30,50,75,100],validator:r=>!!r.length&&r.every(L=>typeof L=="number")},paginationTotalItems:{type:Number,default:null},disablePaginationPageJump:{type:Boolean,default:!1},sortable:{type:Boolean,default:!0},disablePagination:{type:Boolean,default:!1},paginationOffset:{type:Boolean,default:!1},hidePaginationWhenOptional:{type:Boolean,default:!1},maxHeight:{type:String,default:"none"}},emits:["cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","state"],setup(r,{emit:L}){e.useCssVars(t=>({v60cb3642:we.value}));const{useDebounce:U,useRequest:pe,useSwrvState:me,clientSideSorter:W}=Qe.default(),o=r,V=L,G=e.useAttrs(),ye=e.useSlots(),m=e.useId(),C={pageSize:15,page:1,query:"",sortColumnKey:"",sortColumnOrder:"desc",offset:null},f=e.ref([]),J=e.ref(),E=e.ref([]),y=e.ref([]),P=e.ref(""),z=e.ref(""),T=e.ref(""),X=e.computed(()=>E.value.filter(t=>t.hidable).length>0),O=e.computed(()=>!!(X.value&&!o.error&&!S.value&&!o.loading&&f.value&&f.value.length)),be=e.computed(()=>E.value.filter(t=>t.hidable)),he=e.computed(()=>O.value?o.tablePreferences.columnVisibility||{}:{}),M=e.ref(O.value?o.tablePreferences.columnVisibility||{}:{}),D=e.ref(0),B=e.ref(!1),u=e.ref(1),N=e.ref(15),Z=e.ref(""),v=e.ref(""),d=e.ref("desc"),k=e.ref(null),b=e.ref([]),Q=e.ref(!0),H=e.ref(!1),F=e.ref(!1),ke=e.computed(()=>!!ye.toolbar||O.value),Se=e.computed(()=>({maxHeight:et.normalizeSize(o.maxHeight)})),Ce=t=>`column-${t}`,w=t=>`tooltip-${t}`,R=t=>t,Y=(t,a)=>(l,s)=>{const n=/^on[^a-z]/,i={};for(const c in a)n.test(c)&&a[c]&&(i[c]=a[c]);return Object.keys(i).reduce((c,g)=>{if(g.indexOf(t)===0){const h=g.split(t);c[h[1]]=p=>i[g](p,l,s)}return c},{})},ze=e.computed(()=>(t,a)=>{const l=Y("onRow:",G)(a,"row"),s=Y("onCell:",G)(t,"cell"),n=["a","button","label","input","select"];return l.click&&(H.value=!0),{...l,...s,click(i){const c=i.target.className;let g=n.includes(i.target.tagName.toLowerCase()),h=!1;typeof c=="string"||Array.isArray(c)?h=c.includes("k-popover"):typeof c=="object"&&(h=Object.keys(c).includes("k-popover")),i.target.closest(".popover-content")!==null&&(h=!0);for(let p=0;p<n.length;p++)if(i.target.closest(n[p])!==null){g=!0;break}if((!g||i.target.hasAttribute("disabled"))&&!h&&(l.click||s.click))if(s.click){V("cell-click",{data:t});const p=s.click(i,t,"cell");typeof p=="function"&&p(i,t)}else{V("row-click",{data:a});const p=l.click(i,a,"row");typeof p=="function"&&p(i,a)}}}}),A=e.ref(o.resizeColumns?o.tablePreferences.columnWidths||{}:{}),_=e.computed(()=>{const t={};for(const a in A.value){if(!A.value[a])continue;const l=A.value[a]+"px";t[a]={width:l,maxWidth:l,minWidth:l}}return t}),Be=(t,a)=>({"resize-hover":ee.value===t.key&&o.resizeColumns&&a!==y.value.length-1,resizable:o.resizeColumns,sortable:o.sortable&&!t.hideLabel&&!!t.sortable,"active-sort":o.sortable&&!t.hideLabel&&!!t.sortable&&t.key===v.value,[d.value]:o.sortable&&t.key===v.value&&!t.hideLabel,"is-scrolled":B.value,"has-tooltip":!!t.tooltip}),Ne=e.computed(()=>P.value?"resizing":z.value?"resize-hover":T.value?"th-hover":""),ee=e.computed(()=>{switch(Ne.value){case"resizing":return P.value;case"resize-hover":return z.value;case"th-hover":return T.value;default:return""}}),te=e.computed(()=>J.value?.querySelectorAll("th.resizable")),we=e.computed(()=>{const t=te.value?.item(0);if(t){const a=window?.getComputedStyle(t);if(a?.height)return`${parseInt(a.height,10)}px`}return"auto"}),ae=(t,a)=>{if(t.button!==0)return;let l=0,s=0;P.value=a;let n=null;te.value?.forEach(g=>{g.getAttribute("data-testid")===`table-header-${a}`&&(n=document?.querySelector(`[data-tableid="${m}"] [data-testid="table-header-${a}"]`))});const i=g=>{const h=g.clientX-l;n?.setAttribute("style",`width: ${s+h}px`),A.value[a]=s+h},c=()=>{P.value="",document?.removeEventListener("mousemove",i),document?.removeEventListener("mouseup",c),q()};if(l=t.clientX,n){const g=window?.getComputedStyle(n);g?.width&&(s=parseInt(g.width,10)),document?.addEventListener("mousemove",i),document?.addEventListener("mouseup",c)}},le=e.ref(!0),Ee=async()=>{const t=o.searchInput,a=await o.fetcher({pageSize:N.value,page:u.value,query:t||Z.value,sortColumnKey:v.value,sortColumnOrder:d.value,offset:k.value});return f.value=a.data,D.value=o.paginationTotalItems||a.total||a.data?.length,o.paginationOffset&&(a.pagination?.offset?($.value=a.pagination.offset,b.value[u.value]||b.value.push(a.pagination.offset)):$.value=null,Q.value=a.pagination&&"hasNextPage"in a.pagination?a.pagination.hasNextPage:!0),f.value.length===0&&u.value>1&&(u.value=1,b.value=[null],k.value=null),le.value=!1,a},Pe=()=>{const t={...C,...o.initialFetcherParams};u.value=t.page??C.page,N.value=t.pageSize??C.pageSize,Z.value=t.query??C.query,v.value=t.sortColumnKey??C.sortColumnKey,d.value=t.sortColumnOrder??C.sortColumnOrder,o.clientSort&&v.value&&d.value&&W(v.value,"",d.value,f.value),o.paginationOffset&&(k.value=t.offset,b.value.push(t.offset)),o.headers&&o.headers.length&&(E.value=o.headers),F.value=!0};e.watch(()=>o.headers,t=>{t&&t.length&&(E.value=t)},{deep:!0});const x=e.computed(()=>b.value[u.value-1]),$=e.ref(null),Oe=e.computed(()=>{if(!o.fetcher||!F.value)return"";let t=m;return o.cacheIdentifier&&(t=o.cacheIdentifier),o.fetcherCacheKey&&(t+=`-${o.fetcherCacheKey}`),`k-table_${t}`}),oe=e.ref(""),{debouncedFn:Ae,generateDebouncedFn:$e}=U(t=>{oe.value=t},350),Ie=$e(0),{data:re,error:ne,revalidate:Ve,isValidating:Te}=pe(()=>Oe.value,()=>Ee(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:j,hasData:Me,swrvState:se}=me(re,ne,Te),S=e.ref(!0),ie=e.computed(()=>({hasData:Me.value,state:j.value})),ue=e.computed(()=>S.value?"loading":ne.value?"error":"success"),{debouncedFn:ce,generateDebouncedFn:He}=U(Ve,500),qe=He(0),Ke=t=>{const{key:a,useSortHandlerFunction:l}=t,s=v.value+"";u.value=1,v.value?a===v.value?d.value==="asc"?d.value="desc":d.value="asc":(v.value=a,d.value="asc",b.value=[null]):(v.value=a,d.value="asc",b.value=[null]),o.clientSort?l&&o.sortHandlerFunction?o.sortHandlerFunction({key:a,prevKey:s,sortColumnOrder:d.value,data:f.value}):W(a,s,d.value,f.value):o.paginationOffset||ce(),q()},Le=({page:t})=>{u.value=t},De=({pageSize:t})=>{b.value=[null],k.value=null,N.value=t,u.value=1,q()},Fe=t=>{t&&t.target&&typeof t.target.scrollTop=="number"&&(t.target.scrollTop>1?B.value=!0:t.target.scrollTop===0&&(B.value=!B.value))},Re=e.computed(()=>({pageSize:N.value,sortColumnKey:v.value,sortColumnOrder:d.value,...o.resizeColumns?{columnWidths:A.value}:{},...X.value?{columnVisibility:M.value}:{}})),q=()=>{ue.value==="success"&&V("update:table-preferences",Re.value)},xe=()=>{u.value++,k.value=$.value},je=()=>{u.value--,k.value=x.value},Ue=e.computed(()=>!!(o.fetcher&&!o.disablePagination&&!(!o.paginationOffset&&o.hidePaginationWhenOptional&&D.value<=(o.paginationPageSizes[0]??ge.DEFAULT_PAGE_SIZE))&&!(o.paginationOffset&&o.hidePaginationWhenOptional&&!x.value&&!$.value&&f.value.length<(o.paginationPageSizes[0]??ge.DEFAULT_PAGE_SIZE)))),de=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-");e.watch([M,E],t=>{const a=t[0],s=t[1].filter(n=>a[n.key]!==!1);JSON.stringify(s)!==JSON.stringify(y.value)&&(y.value=s,q())},{deep:!0,immediate:!0}),e.watch(re,t=>{t?.length&&!f.value.length&&(f.value=t)},{deep:!0,immediate:!0}),e.watch(j,()=>{switch(j.value){case se.PENDING:S.value=!0;break;case se.VALIDATING_HAS_DATA:S.value=I.value;break;default:S.value=!1;break}},{immediate:!0}),e.watch([ie,ue],t=>{V("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>o.searchInput,t=>{u.value!==1&&(u.value=1),t===""?Ie(t):Ae(t)},{immediate:!0});const I=e.ref(!1);return e.watch([oe,u,N],async(t,a)=>{const l=a?.[0],s=t[0],n=t[1];s!==l&&n!==1&&(u.value=1,b.value=[null],k.value=null),F.value&&!le.value&&(I.value=!0,s!==""&&s!==l?await ce():await qe(),I.value=!1)},{deep:!0,immediate:!0}),e.watch(O,t=>{t&&(M.value=o.tablePreferences.columnVisibility||{})},{immediate:!0}),e.onMounted(()=>{console.warn(`The Kongponents 'KTable' component is deprecated and will be removed in the next major release.
 We suggest using 'KTableData' component instead.
 Docs: https://kongponents.konghq.com/components/table-data.html`),Pe()}),(t,a)=>(e.openBlock(),e.createElementBlock("div",tt,[ke.value?(e.openBlock(),e.createElementBlock("div",at,[e.renderSlot(t.$slots,"toolbar",{state:ie.value},void 0,!0),O.value?(e.openBlock(),e.createElementBlock("div",lt,[e.createVNode(_e.default,{columns:be.value,"table-id":e.unref(m),"visibility-preferences":he.value,onUpdate:a[0]||(a[0]=l=>M.value=l)},null,8,["columns","table-id","visibility-preferences"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(S.value||r.loading||I.value)&&!r.error?(e.openBlock(),e.createBlock(We.default,{key:1,"data-testid":"table-skeleton",type:"table"})):r.error?(e.openBlock(),e.createElementBlock("div",ot,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode(fe.default,{"icon-variant":"error",message:r.errorStateMessage,title:r.errorStateTitle},e.createSlots({_:2},[r.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ve.default,{"data-testid":de(r.errorStateActionMessage),to:r.errorStateActionRoute?r.errorStateActionRoute:void 0,onClick:a[1]||(a[1]=l=>t.$emit("error-action-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):!r.error&&!S.value&&!r.loading&&!I.value&&f.value&&!f.value.length?(e.openBlock(),e.createElementBlock("div",rt,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode(fe.default,{"icon-variant":r.emptyStateIconVariant,message:r.emptyStateMessage,title:r.emptyStateTitle},e.createSlots({_:2},[r.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(ve.default,{appearance:r.searchInput?"tertiary":"primary","data-testid":de(r.emptyStateActionMessage),to:r.emptyStateActionRoute?r.emptyStateActionRoute:void 0,onClick:a[2]||(a[2]=l=>t.$emit("empty-state-action-click"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"empty-state-action-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(r.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(e.openBlock(),e.createElementBlock("div",nt,[e.createElementVNode("div",{class:"table-wrapper",style:e.normalizeStyle(Se.value),onScrollPassive:Fe},[e.createElementVNode("table",{class:e.normalizeClass(["table",{"has-hover":r.rowHover,"is-clickable":H.value}]),"data-tableid":e.unref(m)},[e.createElementVNode("thead",{class:e.normalizeClass({"is-scrolled":B.value})},[e.createElementVNode("tr",{ref_key:"headerRow",ref:J,class:e.normalizeClass({"is-scrolled":B.value})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(l,s)=>(e.openBlock(),e.createElementBlock("th",{key:`table-${e.unref(m)}-headers-${s}`,"aria-sort":r.sortable&&l.key===v.value?d.value==="asc"?"ascending":"descending":void 0,class:e.normalizeClass(["table-headers",Be(l,s)]),"data-testid":`table-header-${l.key}`,style:e.normalizeStyle(_.value[l.key]),onClick:()=>{r.sortable&&l.sortable&&(t.$emit("sort",{prevKey:v.value,sortColumnKey:l.key,sortColumnOrder:d.value==="asc"?"desc":"asc"}),Ke(l))},onMouseleave:a[7]||(a[7]=n=>T.value=""),onMouseover:n=>T.value=l.key},[r.resizeColumns&&s!==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle previous",onClick:a[3]||(a[3]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ae(n,y.value[s-1].key),onMouseleave:a[4]||(a[4]=n=>z.value=""),onMouseover:n=>z.value=y.value[s-1].key},null,40,ut)):e.createCommentVNode("",!0),e.createElementVNode("div",{"aria-describedby":l.tooltip||t.$slots[w(l.key)]?`${w(l.key)}-${e.unref(m)}`:void 0,class:e.normalizeClass(["table-headers-container",{resized:P.value===l.key}])},[e.renderSlot(t.$slots,Ce(l.key),{column:R(l)},()=>[e.createElementVNode("span",{class:e.normalizeClass(["table-header-label",{"sr-only":l.hideLabel}])},e.toDisplayString(l.label?l.label:l.key),3)],!0),l.tooltip||t.$slots[w(l.key)]?(e.openBlock(),e.createBlock(Je.default,{key:0,"data-testid":w(l.key),"tooltip-id":`${w(l.key)}-${e.unref(m)}`},{content:e.withCtx(()=>[e.renderSlot(t.$slots,w(l.key),{column:R(l)},()=>[e.createTextVNode(e.toDisplayString(l.tooltip),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(Ze.default),{class:"header-tooltip-trigger",color:`var(--kui-color-text-neutral, ${e.unref(K.KUI_COLOR_TEXT_NEUTRAL)})`,size:`var(--kui-icon-size-30, ${e.unref(K.KUI_ICON_SIZE_30)})`},null,8,["color","size"])]),_:2},1032,["data-testid","tooltip-id"])):e.createCommentVNode("",!0),r.sortable&&!l.hideLabel&&l.sortable?(e.openBlock(),e.createBlock(e.unref(Xe.default),{key:1,class:"sort-icon",color:`var(--kui-color-text-neutral, ${e.unref(K.KUI_COLOR_TEXT_NEUTRAL)})`,size:`var(--kui-icon-size-30, ${e.unref(K.KUI_ICON_SIZE_30)})`},null,8,["color","size"])):e.createCommentVNode("",!0)],10,ct),r.resizeColumns&&s!==y.value.length-1?(e.openBlock(),e.createElementBlock("div",{key:1,class:"resize-handle",onClick:a[5]||(a[5]=e.withModifiers(()=>{},["stop"])),onMousedown:n=>ae(n,l.key),onMouseleave:a[6]||(a[6]=n=>z.value=""),onMouseover:n=>z.value=l.key},null,40,dt)):e.createCommentVNode("",!0)],46,it))),128))],2)],2),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(l,s)=>(e.openBlock(),e.createElementBlock("tr",e.mergeProps({ref_for:!0},r.rowAttrs(l),{key:`table-${e.unref(m)}-row-${s}`,role:H.value?"link":null,tabindex:H.value?0:null}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(n,i)=>(e.openBlock(),e.createElementBlock("td",e.mergeProps({ref_for:!0},r.cellAttrs({headerKey:n.key,row:l,rowIndex:s,colIndex:i}),{key:`table-${e.unref(m)}-cell-${i}`,class:{"resize-hover":r.resizeColumns&&ee.value===n.key&&i!==y.value.length-1},style:_.value[n.key]},e.toHandlers(ze.value(l[n.key],l),!0)),[e.renderSlot(t.$slots,n.key,{row:R(l),rowKey:s,rowValue:l[n.key]},()=>[e.createTextVNode(e.toDisplayString(l[n.key]),1)],!0)],16))),128))],16,vt))),128))])],10,st)],36),Ue.value?(e.openBlock(),e.createBlock(Ge.default,{key:0,class:"table-pagination","current-page":u.value,"data-testid":"table-pagination","disable-page-jump":r.disablePaginationPageJump,"initial-page-size":N.value,neighbors:r.paginationNeighbors,offset:r.paginationOffset,"offset-next-button-disabled":!$.value||!Q.value,"offset-previous-button-disabled":!x.value,"page-sizes":r.paginationPageSizes,"total-count":D.value,onGetNextOffset:xe,onGetPreviousOffset:je,onPageChange:Le,onPageSizeChange:De},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):e.createCommentVNode("",!0)]))]))}});exports.default=ft;