@kong/kongponents 9.61.7 → 9.61.8

package/dist/kongponents269.es.js

@@ -1,184 +1,182 @@
-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 "./kongponents388.es.js";
-import ae from "./kongponents368.es.js";
-import ne from "./kongponents380.es.js";
-import k from "./kongponents241.es.js";
-import $ from "./kongponents375.es.js";
-import le from "./kongponents371.es.js";
-import ie from "./kongponents373.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)
+import { defineComponent as D, ref as u, computed as L, watch as T, onMounted as $, onBeforeMount as H, openBlock as c, createElementBlock as h, createVNode as o, withCtx as r, unref as f, createBlock as g, withModifiers as v, createSlots as K, createCommentVNode as N, createElementVNode as w, Fragment as E, renderList as P, createTextVNode as C, toDisplayString as z, nextTick as U } from "vue";
+import { debounce as A } from "./kongponents178.es.js";
+import J from "./kongponents184.es.js";
+import R from "./kongponents212.es.js";
+import F from "./kongponents290.es.js";
+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" }, me = /* @__PURE__ */ D({
+  __name: "ColumnVisibilityMenu",
+  props: {
+    columns: {},
+    tableId: {},
+    visibilityPreferences: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update"],
+  setup(a, { emit: V }) {
+    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), i = u(""), b = () => {
+      s.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
+    }, I = A((e) => {
+      i.value = e, n.value && m(n.value);
+    }, 500), k = L(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
+      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, i.value = "";
+    }, M = (e) => {
+      y.value = e, e && n.value && U(() => {
+        n.value && m(n.value);
+      }), !e && d.value && b(), e || (i.value = "");
+    }, m = (e) => {
+      if (!(e.scrollHeight > e.clientHeight)) {
+        e.classList.remove("is-bottom-overflowing");
         return;
-      const { 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 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)
+    return T(() => a.visibilityPreferences, () => {
+      b();
+    }, { immediate: !0 }), $(() => {
+      n.value && (n.value.addEventListener("scroll", (e) => {
+        const t = e.currentTarget;
+        m(t);
+      }), m(n.value));
+    }), H(() => {
+      b();
+    }), (e, t) => (c(), h("div", X, [
+      o(j, {
+        "data-testid": "table-column-visibility-menu",
+        disabled: a.disabled,
+        "kpop-attributes": { placement: "bottom-end" },
+        onToggleDropdown: M
+      }, {
+        items: r(() => [
+          i.value || k.value.length > 5 ? (c(), g(G, {
+            key: 0,
+            modelValue: i.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
+            modelModifiers: { trim: !0 },
+            autocapitalize: "off",
+            autocomplete: "off",
+            autocorrect: "off",
+            class: "search-input",
+            "data-testid": "search-input",
+            name: "column-search",
+            placeholder: "Search columns",
+            spellcheck: "false",
+            type: "search",
+            onClick: t[2] || (t[2] = v(() => {
+            }, ["stop"])),
+            onInput: f(I)
+          }, K({
+            before: r(() => [
+              o(f(R), { decorative: "" })
+            ]),
+            _: 2
+          }, [
+            i.value ? {
+              name: "after",
+              fn: r(() => [
+                o(p, {
+                  appearance: "tertiary",
+                  "aria-label": "Clear search",
+                  class: "clear-search",
+                  "data-testid": "clear-search-button",
+                  icon: "",
+                  size: "small",
+                  onClick: t[0] || (t[0] = v(() => i.value = "", ["stop"]))
+                }, {
+                  default: r(() => [
+                    o(f(J), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "onInput"])) : N("", !0),
+          w("div", {
+            ref_key: "menuItemsRef",
+            ref: n,
+            class: "menu-items-wrapper"
+          }, [
+            (c(!0), h(E, null, P(k.value, (l) => (c(), g(q, {
+              key: l.key,
+              class: "column-visibility-menu-item",
+              "data-testid": `column-visibility-menu-item-${l.key}`,
+              onClick: v(() => {
+                s.value[l.key] = !s.value[l.key], d.value = !0;
+              }, ["stop"])
+            }, {
+              default: r(() => [
+                o(O, {
+                  modelValue: s.value[l.key],
+                  "onUpdate:modelValue": (B) => s.value[l.key] = B,
+                  "aria-labelledby": `${a.tableId}-${l.key}-visibility-checkbox-label`,
+                  "data-testid": `column-visibility-checkbox-${l.key}`
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
+                o(W, {
+                  id: `${a.tableId}-${l.key}-visibility-checkbox-label`,
+                  class: "visibility-checkbox-label",
+                  title: l.label
+                }, {
+                  default: r(() => [
+                    C(z(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "title"])
+              ]),
+              _: 2
+            }, 1032, ["data-testid", "onClick"]))), 128))
+          ], 512),
+          w("div", Y, [
+            o(p, {
+              appearance: "tertiary",
+              class: "apply-button",
+              "data-testid": "apply-button",
+              onClick: S
+            }, {
+              default: r(() => [...t[3] || (t[3] = [
+                C(" Apply ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: r(() => [
+          o(Q, {
+            placement: "bottom-end",
+            text: y.value ? void 0 : "Show/Hide Columns"
+          }, {
+            default: r(() => [
+              o(p, {
+                appearance: "tertiary",
+                "aria-label": "Show/Hide Columns",
+                class: "menu-button",
+                "data-testid": "column-visibility-menu-button",
+                disabled: a.disabled,
+                icon: "",
+                size: "large"
+              }, {
+                default: r(() => [
+                  o(f(F), { decorative: "" })
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["text"])
         ]),
-        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)
+        _: 1
+      }, 8, ["disabled"])
     ]));
   }
 });
 export {
-  He as default
+  me as default
 };

package/dist/kongponents27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),Pe=require("./kongponents72.cjs"),ke=require("./kongponents187.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Fe=require("./kongponents13.cjs"),$=require("./kongponents181.cjs"),Ae=require("./kongponents221.cjs"),Re=t.defineComponent({__name:"KTableData",props:{fetcher:{type:Function},headers:{default:()=>[]},fetcherCacheKey:{default:""},cacheIdentifier:{default:""},searchInput:{default:""},initialFetcherParams:{default:()=>({})},clientSort:{type:Boolean},sortHandlerFunction:{},sortable:{type:Boolean,default:!0},resizeColumns:{type:Boolean},tablePreferences:{default:()=>({})},rowHover:{type:Boolean,default:!0},rowAttrs:{default:()=>(()=>({}))},rowLink:{default:()=>(()=>({}))},rowBulkActionEnabled:{default:()=>(()=>!0)},rowKey:{},cellAttrs:{default:()=>(()=>({}))},loading:{type:Boolean},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:()=>Fe.EmptyStateIconVariants.Default},emptyStateButtonAppearance:{},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{},errorStateActionMessage:{default:""},maxHeight:{default:"none"},hidePagination:{type:Boolean},paginationAttributes:{default:()=>({})},rowExpandable:{default:()=>(()=>!1)},rowExpanded:{default:()=>(()=>!1)},hideHeaders:{type:Boolean},nested:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},hideToolbar:{type:Boolean},tooltipTarget:{},actionsDropdownPopoverAttributes:{},"onRow:click":{type:Function},"onRow:dblclick":{type:Function},"onRow:auxclick":{type:Function},"onRow:contextmenu":{type:Function},"onRow:mouseover":{type:Function},"onRow:mouseout":{type:Function},"onRow:mouseenter":{type:Function},"onRow:mouseleave":{type:Function},"onRow:mousedown":{type:Function},"onRow:mouseup":{type:Function},"onRow:focus":{type:Function},"onRow:focusin":{type:Function},"onRow:blur":{type:Function},"onRow:focusout":{type:Function},"onRow:keydown":{type:Function},"onRow:keyup":{type:Function},"onRow:keypress":{type:Function},"onCell:click":{type:Function},"onCell:dblclick":{type:Function},"onCell:auxclick":{type:Function},"onCell:contextmenu":{type:Function},"onCell:mouseover":{type:Function},"onCell:mouseout":{type:Function},"onCell:mouseenter":{type:Function},"onCell:mouseleave":{type:Function},"onCell:mousedown":{type:Function},"onCell:mouseup":{type:Function},"onCell:focus":{type:Function},"onCell:focusin":{type:Function},"onCell:blur":{type:Function},"onCell:focusout":{type:Function},"onCell:keydown":{type:Function},"onCell:keyup":{type:Function},"onCell:keypress":{type:Function}},emits:["state","cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","row-select","update:row-expanded","row-actions-toggle"],setup(a,{expose:M,emit:q}){const W=t.createPropsRestProxy(a,["resizeColumns","tablePreferences","rowHover","rowAttrs","rowLink","rowBulkActionEnabled","rowKey","cellAttrs","loading","emptyStateTitle","emptyStateMessage","emptyStateActionMessage","emptyStateIconVariant","emptyStateButtonAppearance","emptyStateActionRoute","error","errorStateTitle","errorStateMessage","errorStateActionMessage","errorStateActionRoute","maxHeight","hidePagination","paginationAttributes","rowExpandable","rowExpanded","hideHeaders","nested","hidePaginationWhenOptional","hideToolbar","headers","fetcherCacheKey","cacheIdentifier","searchInput","initialFetcherParams","clientSort","sortable","fetcher","sortHandlerFunction","tooltipTarget"]),N=t.computed(()=>{const e=/^on[^a-z]/;return Ae.default(W,(n,o)=>e.test(o))}),v=q,i=t.useSlots(),{useDebounce:F,useRequest:L,useSwrvState:U,clientSideSorter:A}=ke.default(),j=t.useId(),c=t.ref([]),S=t.computed(()=>a.sortable?a.headers:a.headers.map(e=>({...e,sortable:!1}))),V=t.computed(()=>a.emptyStateButtonAppearance?a.emptyStateButtonAppearance:a.searchInput?"tertiary":"primary"),C=t.ref(0),r=t.ref(1),d=t.ref($.getInitialPageSize(a.tablePreferences,a.paginationAttributes)),p=t.ref(a.searchInput??""),l=t.ref(a.tablePreferences.sortColumnKey||a.initialFetcherParams.sortColumnKey||""),s=t.ref(a.tablePreferences.sortColumnOrder||a.initialFetcherParams.sortColumnOrder||"desc"),R=t.ref(!(l.value&&a.clientSort)),f=t.ref(null),m=t.ref([]),x=t.ref(!0),O=t.ref(!1),y={pageSize:d.value,page:r.value,query:p.value,sortColumnKey:l.value,sortColumnOrder:s.value,offset:f.value},G=t.computed(()=>({totalCount:C.value,initialPageSize:d.value,currentPage:r.value,offsetPreviousButtonDisabled:!P.value,offsetNextButtonDisabled:!b.value||!x.value,...a.paginationAttributes})),Q=e=>e.startsWith("column-"),J=e=>e.startsWith("tooltip-"),Z=e=>S.value.some(n=>n.key===e),X=t.computed(()=>i?Object.keys(i).filter(Q):[]),Y=t.computed(()=>i?Object.keys(i).filter(J):[]),_=t.computed(()=>i?Object.keys(i).filter(Z):[]),z=t.computed(()=>({sortColumnKey:l.value,sortColumnOrder:s.value})),H=t.computed(()=>({pageSize:d.value,page:r.value,query:p.value,offset:f.value,...a.clientSort?{}:z.value})),ee=t.computed(()=>({...H.value,...z.value})),te=t.ref(!0),ae=async()=>{const e=await a.fetcher(ee.value);return te.value=!1,e},oe=()=>{const e={...y,...a.initialFetcherParams};if(r.value=e.page??y.page,d.value=e.pageSize??y.pageSize,p.value=e.query??y.query,l.value=e.sortColumnKey??y.sortColumnKey,s.value=e.sortColumnOrder??y.sortColumnOrder,a.clientSort&&l.value&&s.value){const n=S.value.find(u=>u.key===l.value)||{},{useSortHandlerFunction:o}=n;if(o&&a.sortHandlerFunction){const u=a.sortHandlerFunction({key:l.value,prevKey:"",sortColumnOrder:s.value,data:c.value});u&&(c.value=[...u])}else A(l.value,"",s.value,c.value)}a.paginationAttributes?.offset&&(f.value=e.offset,m.value.push(e.offset)),O.value=!0},P=t.computed(()=>m.value[r.value-1]||null),b=t.ref(null),ne=t.computed(()=>{if(!a.fetcher||!O.value)return"";let e=j;return a.cacheIdentifier&&(e=a.cacheIdentifier),e+=`-${JSON.stringify(H.value)}`,a.fetcherCacheKey&&(e+=`-${a.fetcherCacheKey}`),`k-table_${e}`}),{debouncedFn:re,generateDebouncedFn:le}=F(e=>{p.value=e},350),ie=le(0),{data:ue,response:se,error:T,revalidate:B,isValidating:ce,isLoading:K}=L(()=>ne.value,()=>ae(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:de,hasData:fe}=U(ue,T,ce),D=t.computed(()=>({hasData:fe.value,state:de.value})),I=t.computed(()=>K.value?"loading":T.value?"error":"success"),{debouncedFn:me}=F(B,500),k=({sortColumnKey:e,prevKey:n,sortColumnOrder:o},u=!0)=>{R.value=!0;const we=S.value.find(w=>w.key===e)||{},{useSortHandlerFunction:Ce}=we;if(u&&v("sort",{prevKey:n,sortColumnKey:e,sortColumnOrder:o}),r.value=1,(!l.value||e!==l.value)&&(m.value=[null]),l.value=e,s.value=o,a.clientSort)if(Ce&&a.sortHandlerFunction){const w=a.sortHandlerFunction({key:e,prevKey:n,sortColumnOrder:s.value,data:c.value});w&&(c.value=[...w])}else A(e,n,s.value,c.value);else a.paginationAttributes?.offset||me()},ve=({page:e})=>{r.value=e},ye=({pageSize:e})=>{m.value=[null],f.value=null,d.value=e,r.value=1},ge=({columnWidths:e,columnVisibility:n})=>{g.value={...g.value,...e},h.value={...h.value,...n},he()},g=t.ref(a.tablePreferences.columnWidths||{}),h=t.ref(a.tablePreferences.columnVisibility||{}),E=t.computed(()=>({pageSize:d.value,sortColumnKey:l.value,sortColumnOrder:s.value,...g.value?{columnWidths:g.value}:{},...h.value?{columnVisibility:h.value}:{}}));t.watch(()=>a.tablePreferences,e=>{d.value=e?.pageSize?e.pageSize:d.value,g.value=e?.columnWidths?e.columnWidths:g.value,h.value=e?.columnVisibility?e.columnVisibility:h.value,(e?.sortColumnKey||e?.sortColumnOrder)&&(l.value!==e.sortColumnKey||s.value!==e.sortColumnOrder)&&k({sortColumnKey:e.sortColumnKey,prevKey:l.value,sortColumnOrder:e.sortColumnOrder},!1)});const he=()=>{I.value==="success"&&v("update:table-preferences",E.value)},pe=()=>{r.value++,f.value=b.value},be=()=>{r.value--,f.value=P.value},Se=t.computed(()=>{if(!a.fetcher||a.hidePagination)return!1;const e=a.paginationAttributes?.pageSizes?.[0]??$.DEFAULT_PAGE_SIZE;return a.hidePaginationWhenOptional&&r.value===1?a.paginationAttributes?.offset?!!P.value||!!b.value||c.value.length>=e:C.value>e:!0});return t.watch(se,e=>{e?.data&&(c.value=[...e.data],C.value=a.paginationAttributes?.totalCount||e.total||e.data?.length||0,a.paginationAttributes?.offset&&(e.pagination?.offset?(b.value=e.pagination.offset,m.value[r.value]||m.value.push(e.pagination.offset)):b.value=null,x.value=e.pagination&&"hasNextPage"in e.pagination?e.pagination.hasNextPage||!1:!0),c.value.length===0&&r.value>1&&(r.value=1,m.value=[null],f.value=null),a.sortable&&!R.value&&k({sortColumnKey:l.value,prevKey:"",sortColumnOrder:s.value},!1))},{deep:!0,immediate:!0}),t.watch([D,I],e=>{const[n,o]=e;v("state",{state:o,hasData:n.hasData})}),t.watch(()=>a.searchInput,e=>{e===""?ie(e):re(e)},{immediate:!0}),t.watch([p,d],async(e,n)=>{const[o]=n,[u]=e;u!==o&&r.value!==1&&(r.value=1,m.value=[null],f.value=null)},{deep:!0,immediate:!0}),t.onMounted(()=>{oe()}),M({revalidate:()=>{B()}}),(e,n)=>(t.openBlock(),t.createBlock(Pe.default,t.mergeProps({"cell-attrs":a.cellAttrs,class:"k-table-data",data:c.value,"empty-state-action-message":a.emptyStateActionMessage,"empty-state-action-route":a.emptyStateActionRoute,"empty-state-button-appearance":V.value,"empty-state-icon-variant":a.emptyStateIconVariant,"empty-state-message":a.emptyStateMessage,"empty-state-title":a.emptyStateTitle,error:a.error,"error-state-action-message":a.errorStateActionMessage,"error-state-action-route":a.errorStateActionRoute,"error-state-message":a.errorStateMessage,"error-state-title":a.errorStateTitle,headers:S.value,"hide-headers":a.hideHeaders,"hide-pagination":a.hidePagination||!Se.value,"hide-pagination-when-optional":!1,"hide-toolbar":a.hideToolbar,loading:a.loading||t.unref(K),"max-height":a.maxHeight,nested:a.nested,"pagination-attributes":G.value,"resize-columns":a.resizeColumns,"row-attrs":a.rowAttrs,"row-bulk-action-enabled":a.rowBulkActionEnabled,"row-expandable":a.rowExpandable,"row-expanded":a.rowExpanded,"row-hover":a.rowHover,"row-key":a.rowKey,"row-link":a.rowLink,"table-preferences":E.value,"tooltip-target":a.tooltipTarget},N.value,{onEmptyStateActionClick:n[0]||(n[0]=o=>v("empty-state-action-click")),onErrorActionClick:n[1]||(n[1]=o=>v("error-action-click")),onGetNextOffset:pe,onGetPreviousOffset:be,onPageChange:ve,onPageSizeChange:ye,onRowActionsToggle:n[2]||(n[2]=o=>e.$emit("row-actions-toggle",o)),onRowSelect:n[3]||(n[3]=o=>v("row-select",o)),onSort:k,"onUpdate:rowExpanded":n[4]||(n[4]=o=>v("update:row-expanded",o)),"onUpdate:tablePreferences":ge}),t.createSlots({_:2},[i.toolbar&&!a.hideToolbar?{name:"toolbar",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"toolbar",{state:D.value})]),key:"0"}:void 0,i["bulk-actions"]?{name:"bulk-actions",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-actions",t.normalizeProps(t.guardReactiveProps(o)))]),key:"1"}:void 0,i["bulk-action-items"]?{name:"bulk-action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"2"}:void 0,i["error-state"]?{name:"error-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"error-state")]),key:"3"}:void 0,i["empty-state"]?{name:"empty-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state")]),key:"4"}:void 0,i["empty-state-action-icon"]?{name:"empty-state-action-icon",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state-action-icon")]),key:"5"}:void 0,t.renderList(X.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(Y.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(_.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),i["action-items"]?{name:"action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"6"}:void 0,i["row-expanded"]?{name:"row-expanded",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"row-expanded",t.normalizeProps(t.guardReactiveProps(o)))]),key:"7"}:void 0]),1040,["cell-attrs","data","empty-state-action-message","empty-state-action-route","empty-state-button-appearance","empty-state-icon-variant","empty-state-message","empty-state-title","error","error-state-action-message","error-state-action-route","error-state-message","error-state-title","headers","hide-headers","hide-pagination","hide-toolbar","loading","max-height","nested","pagination-attributes","resize-columns","row-attrs","row-bulk-action-enabled","row-expandable","row-expanded","row-hover","row-key","row-link","table-preferences","tooltip-target"]))}});exports.default=Re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),Pe=require("./kongponents72.cjs"),ke=require("./kongponents215.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const Fe=require("./kongponents13.cjs"),$=require("./kongponents181.cjs"),Ae=require("./kongponents231.cjs"),Re=t.defineComponent({__name:"KTableData",props:{fetcher:{type:Function},headers:{default:()=>[]},fetcherCacheKey:{default:""},cacheIdentifier:{default:""},searchInput:{default:""},initialFetcherParams:{default:()=>({})},clientSort:{type:Boolean},sortHandlerFunction:{},sortable:{type:Boolean,default:!0},resizeColumns:{type:Boolean},tablePreferences:{default:()=>({})},rowHover:{type:Boolean,default:!0},rowAttrs:{default:()=>(()=>({}))},rowLink:{default:()=>(()=>({}))},rowBulkActionEnabled:{default:()=>(()=>!0)},rowKey:{},cellAttrs:{default:()=>(()=>({}))},loading:{type:Boolean},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:()=>Fe.EmptyStateIconVariants.Default},emptyStateButtonAppearance:{},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{},errorStateActionMessage:{default:""},maxHeight:{default:"none"},hidePagination:{type:Boolean},paginationAttributes:{default:()=>({})},rowExpandable:{default:()=>(()=>!1)},rowExpanded:{default:()=>(()=>!1)},hideHeaders:{type:Boolean},nested:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},hideToolbar:{type:Boolean},tooltipTarget:{},actionsDropdownPopoverAttributes:{},"onRow:click":{type:Function},"onRow:dblclick":{type:Function},"onRow:auxclick":{type:Function},"onRow:contextmenu":{type:Function},"onRow:mouseover":{type:Function},"onRow:mouseout":{type:Function},"onRow:mouseenter":{type:Function},"onRow:mouseleave":{type:Function},"onRow:mousedown":{type:Function},"onRow:mouseup":{type:Function},"onRow:focus":{type:Function},"onRow:focusin":{type:Function},"onRow:blur":{type:Function},"onRow:focusout":{type:Function},"onRow:keydown":{type:Function},"onRow:keyup":{type:Function},"onRow:keypress":{type:Function},"onCell:click":{type:Function},"onCell:dblclick":{type:Function},"onCell:auxclick":{type:Function},"onCell:contextmenu":{type:Function},"onCell:mouseover":{type:Function},"onCell:mouseout":{type:Function},"onCell:mouseenter":{type:Function},"onCell:mouseleave":{type:Function},"onCell:mousedown":{type:Function},"onCell:mouseup":{type:Function},"onCell:focus":{type:Function},"onCell:focusin":{type:Function},"onCell:blur":{type:Function},"onCell:focusout":{type:Function},"onCell:keydown":{type:Function},"onCell:keyup":{type:Function},"onCell:keypress":{type:Function}},emits:["state","cell-click","row-click","error-action-click","empty-state-action-click","update:table-preferences","sort","row-select","update:row-expanded","row-actions-toggle"],setup(a,{expose:M,emit:q}){const W=t.createPropsRestProxy(a,["resizeColumns","tablePreferences","rowHover","rowAttrs","rowLink","rowBulkActionEnabled","rowKey","cellAttrs","loading","emptyStateTitle","emptyStateMessage","emptyStateActionMessage","emptyStateIconVariant","emptyStateButtonAppearance","emptyStateActionRoute","error","errorStateTitle","errorStateMessage","errorStateActionMessage","errorStateActionRoute","maxHeight","hidePagination","paginationAttributes","rowExpandable","rowExpanded","hideHeaders","nested","hidePaginationWhenOptional","hideToolbar","headers","fetcherCacheKey","cacheIdentifier","searchInput","initialFetcherParams","clientSort","sortable","fetcher","sortHandlerFunction","tooltipTarget"]),N=t.computed(()=>{const e=/^on[^a-z]/;return Ae.default(W,(n,o)=>e.test(o))}),v=q,i=t.useSlots(),{useDebounce:F,useRequest:L,useSwrvState:U,clientSideSorter:A}=ke.default(),j=t.useId(),c=t.ref([]),S=t.computed(()=>a.sortable?a.headers:a.headers.map(e=>({...e,sortable:!1}))),V=t.computed(()=>a.emptyStateButtonAppearance?a.emptyStateButtonAppearance:a.searchInput?"tertiary":"primary"),C=t.ref(0),r=t.ref(1),d=t.ref($.getInitialPageSize(a.tablePreferences,a.paginationAttributes)),p=t.ref(a.searchInput??""),l=t.ref(a.tablePreferences.sortColumnKey||a.initialFetcherParams.sortColumnKey||""),s=t.ref(a.tablePreferences.sortColumnOrder||a.initialFetcherParams.sortColumnOrder||"desc"),R=t.ref(!(l.value&&a.clientSort)),f=t.ref(null),m=t.ref([]),x=t.ref(!0),O=t.ref(!1),y={pageSize:d.value,page:r.value,query:p.value,sortColumnKey:l.value,sortColumnOrder:s.value,offset:f.value},G=t.computed(()=>({totalCount:C.value,initialPageSize:d.value,currentPage:r.value,offsetPreviousButtonDisabled:!P.value,offsetNextButtonDisabled:!b.value||!x.value,...a.paginationAttributes})),Q=e=>e.startsWith("column-"),J=e=>e.startsWith("tooltip-"),Z=e=>S.value.some(n=>n.key===e),X=t.computed(()=>i?Object.keys(i).filter(Q):[]),Y=t.computed(()=>i?Object.keys(i).filter(J):[]),_=t.computed(()=>i?Object.keys(i).filter(Z):[]),z=t.computed(()=>({sortColumnKey:l.value,sortColumnOrder:s.value})),H=t.computed(()=>({pageSize:d.value,page:r.value,query:p.value,offset:f.value,...a.clientSort?{}:z.value})),ee=t.computed(()=>({...H.value,...z.value})),te=t.ref(!0),ae=async()=>{const e=await a.fetcher(ee.value);return te.value=!1,e},oe=()=>{const e={...y,...a.initialFetcherParams};if(r.value=e.page??y.page,d.value=e.pageSize??y.pageSize,p.value=e.query??y.query,l.value=e.sortColumnKey??y.sortColumnKey,s.value=e.sortColumnOrder??y.sortColumnOrder,a.clientSort&&l.value&&s.value){const n=S.value.find(u=>u.key===l.value)||{},{useSortHandlerFunction:o}=n;if(o&&a.sortHandlerFunction){const u=a.sortHandlerFunction({key:l.value,prevKey:"",sortColumnOrder:s.value,data:c.value});u&&(c.value=[...u])}else A(l.value,"",s.value,c.value)}a.paginationAttributes?.offset&&(f.value=e.offset,m.value.push(e.offset)),O.value=!0},P=t.computed(()=>m.value[r.value-1]||null),b=t.ref(null),ne=t.computed(()=>{if(!a.fetcher||!O.value)return"";let e=j;return a.cacheIdentifier&&(e=a.cacheIdentifier),e+=`-${JSON.stringify(H.value)}`,a.fetcherCacheKey&&(e+=`-${a.fetcherCacheKey}`),`k-table_${e}`}),{debouncedFn:re,generateDebouncedFn:le}=F(e=>{p.value=e},350),ie=le(0),{data:ue,response:se,error:T,revalidate:B,isValidating:ce,isLoading:K}=L(()=>ne.value,()=>ae(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:de,hasData:fe}=U(ue,T,ce),D=t.computed(()=>({hasData:fe.value,state:de.value})),I=t.computed(()=>K.value?"loading":T.value?"error":"success"),{debouncedFn:me}=F(B,500),k=({sortColumnKey:e,prevKey:n,sortColumnOrder:o},u=!0)=>{R.value=!0;const we=S.value.find(w=>w.key===e)||{},{useSortHandlerFunction:Ce}=we;if(u&&v("sort",{prevKey:n,sortColumnKey:e,sortColumnOrder:o}),r.value=1,(!l.value||e!==l.value)&&(m.value=[null]),l.value=e,s.value=o,a.clientSort)if(Ce&&a.sortHandlerFunction){const w=a.sortHandlerFunction({key:e,prevKey:n,sortColumnOrder:s.value,data:c.value});w&&(c.value=[...w])}else A(e,n,s.value,c.value);else a.paginationAttributes?.offset||me()},ve=({page:e})=>{r.value=e},ye=({pageSize:e})=>{m.value=[null],f.value=null,d.value=e,r.value=1},ge=({columnWidths:e,columnVisibility:n})=>{g.value={...g.value,...e},h.value={...h.value,...n},he()},g=t.ref(a.tablePreferences.columnWidths||{}),h=t.ref(a.tablePreferences.columnVisibility||{}),E=t.computed(()=>({pageSize:d.value,sortColumnKey:l.value,sortColumnOrder:s.value,...g.value?{columnWidths:g.value}:{},...h.value?{columnVisibility:h.value}:{}}));t.watch(()=>a.tablePreferences,e=>{d.value=e?.pageSize?e.pageSize:d.value,g.value=e?.columnWidths?e.columnWidths:g.value,h.value=e?.columnVisibility?e.columnVisibility:h.value,(e?.sortColumnKey||e?.sortColumnOrder)&&(l.value!==e.sortColumnKey||s.value!==e.sortColumnOrder)&&k({sortColumnKey:e.sortColumnKey,prevKey:l.value,sortColumnOrder:e.sortColumnOrder},!1)});const he=()=>{I.value==="success"&&v("update:table-preferences",E.value)},pe=()=>{r.value++,f.value=b.value},be=()=>{r.value--,f.value=P.value},Se=t.computed(()=>{if(!a.fetcher||a.hidePagination)return!1;const e=a.paginationAttributes?.pageSizes?.[0]??$.DEFAULT_PAGE_SIZE;return a.hidePaginationWhenOptional&&r.value===1?a.paginationAttributes?.offset?!!P.value||!!b.value||c.value.length>=e:C.value>e:!0});return t.watch(se,e=>{e?.data&&(c.value=[...e.data],C.value=a.paginationAttributes?.totalCount||e.total||e.data?.length||0,a.paginationAttributes?.offset&&(e.pagination?.offset?(b.value=e.pagination.offset,m.value[r.value]||m.value.push(e.pagination.offset)):b.value=null,x.value=e.pagination&&"hasNextPage"in e.pagination?e.pagination.hasNextPage||!1:!0),c.value.length===0&&r.value>1&&(r.value=1,m.value=[null],f.value=null),a.sortable&&!R.value&&k({sortColumnKey:l.value,prevKey:"",sortColumnOrder:s.value},!1))},{deep:!0,immediate:!0}),t.watch([D,I],e=>{const[n,o]=e;v("state",{state:o,hasData:n.hasData})}),t.watch(()=>a.searchInput,e=>{e===""?ie(e):re(e)},{immediate:!0}),t.watch([p,d],async(e,n)=>{const[o]=n,[u]=e;u!==o&&r.value!==1&&(r.value=1,m.value=[null],f.value=null)},{deep:!0,immediate:!0}),t.onMounted(()=>{oe()}),M({revalidate:()=>{B()}}),(e,n)=>(t.openBlock(),t.createBlock(Pe.default,t.mergeProps({"cell-attrs":a.cellAttrs,class:"k-table-data",data:c.value,"empty-state-action-message":a.emptyStateActionMessage,"empty-state-action-route":a.emptyStateActionRoute,"empty-state-button-appearance":V.value,"empty-state-icon-variant":a.emptyStateIconVariant,"empty-state-message":a.emptyStateMessage,"empty-state-title":a.emptyStateTitle,error:a.error,"error-state-action-message":a.errorStateActionMessage,"error-state-action-route":a.errorStateActionRoute,"error-state-message":a.errorStateMessage,"error-state-title":a.errorStateTitle,headers:S.value,"hide-headers":a.hideHeaders,"hide-pagination":a.hidePagination||!Se.value,"hide-pagination-when-optional":!1,"hide-toolbar":a.hideToolbar,loading:a.loading||t.unref(K),"max-height":a.maxHeight,nested:a.nested,"pagination-attributes":G.value,"resize-columns":a.resizeColumns,"row-attrs":a.rowAttrs,"row-bulk-action-enabled":a.rowBulkActionEnabled,"row-expandable":a.rowExpandable,"row-expanded":a.rowExpanded,"row-hover":a.rowHover,"row-key":a.rowKey,"row-link":a.rowLink,"table-preferences":E.value,"tooltip-target":a.tooltipTarget},N.value,{onEmptyStateActionClick:n[0]||(n[0]=o=>v("empty-state-action-click")),onErrorActionClick:n[1]||(n[1]=o=>v("error-action-click")),onGetNextOffset:pe,onGetPreviousOffset:be,onPageChange:ve,onPageSizeChange:ye,onRowActionsToggle:n[2]||(n[2]=o=>e.$emit("row-actions-toggle",o)),onRowSelect:n[3]||(n[3]=o=>v("row-select",o)),onSort:k,"onUpdate:rowExpanded":n[4]||(n[4]=o=>v("update:row-expanded",o)),"onUpdate:tablePreferences":ge}),t.createSlots({_:2},[i.toolbar&&!a.hideToolbar?{name:"toolbar",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"toolbar",{state:D.value})]),key:"0"}:void 0,i["bulk-actions"]?{name:"bulk-actions",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-actions",t.normalizeProps(t.guardReactiveProps(o)))]),key:"1"}:void 0,i["bulk-action-items"]?{name:"bulk-action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"bulk-action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"2"}:void 0,i["error-state"]?{name:"error-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"error-state")]),key:"3"}:void 0,i["empty-state"]?{name:"empty-state",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state")]),key:"4"}:void 0,i["empty-state-action-icon"]?{name:"empty-state-action-icon",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty-state-action-icon")]),key:"5"}:void 0,t.renderList(X.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(Y.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),t.renderList(_.value,o=>({name:o,fn:t.withCtx(u=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(u)))])})),i["action-items"]?{name:"action-items",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"action-items",t.normalizeProps(t.guardReactiveProps(o)))]),key:"6"}:void 0,i["row-expanded"]?{name:"row-expanded",fn:t.withCtx(o=>[t.renderSlot(e.$slots,"row-expanded",t.normalizeProps(t.guardReactiveProps(o)))]),key:"7"}:void 0]),1040,["cell-attrs","data","empty-state-action-message","empty-state-action-route","empty-state-button-appearance","empty-state-icon-variant","empty-state-message","empty-state-title","error","error-state-action-message","error-state-action-route","error-state-message","error-state-title","headers","hide-headers","hide-pagination","hide-toolbar","loading","max-height","nested","pagination-attributes","resize-columns","row-attrs","row-bulk-action-enabled","row-expandable","row-expanded","row-hover","row-key","row-link","table-preferences","tooltip-target"]))}});exports.default=Re;

package/dist/kongponents27.es.js

@@ -1,11 +1,11 @@
 import { defineComponent as xe, createPropsRestProxy as He, computed as l, useSlots as Te, useId as Be, ref as r, watch as P, onMounted as Ke, openBlock as ze, createBlock as De, mergeProps as Ie, unref as Ee, createSlots as $e, withCtx as d, renderSlot as f, normalizeProps as b, guardReactiveProps as p, renderList as T } from "vue";
 import Me from "./kongponents72.es.js";
-import We from "./kongponents187.es.js";
+import We from "./kongponents215.es.js";
 import "./kongponents7.es.js";
 import "./kongponents12.es.js";
 import { EmptyStateIconVariants as Ne } from "./kongponents13.es.js";
 import { getInitialPageSize as Le, DEFAULT_PAGE_SIZE as qe } from "./kongponents181.es.js";
-import Ue from "./kongponents221.es.js";
+import Ue from "./kongponents231.es.js";
 const _e = /* @__PURE__ */ xe({
   __name: "KTableData",
   props: {

package/dist/kongponents271.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("./kongponents49.cjs"),C=require("./kongponents50.cjs"),h=require("./kongponents55.cjs"),S=require("./kongponents389.cjs"),b=require("./kongponents262.cjs"),B={key:0,class:"item-filtering-wrapper"},T={key:1,class:"no-items","data-testid":"filter-selector-no-items"},F={ref:"itemWrapper",class:"items-wrapper"},V=e.defineComponent({__name:"FilterSelector",props:{filters:{},itemFiltering:{type:Boolean,default:!1},label:{default:"Add filter"}},emits:["select"],setup(r,{emit:u}){const s=e.useTemplateRef("filterSelector"),d=e.useTemplateRef("itemWrapper"),f=e.useTemplateRef("itemFilteringInput"),a=e.ref(!1),i=e.ref(""),m=e.computed(()=>i.value.toLocaleLowerCase()),n=e.ref(!1),c=e.computed(()=>Object.entries(r.filters).filter(([,t])=>(r.itemFiltering===!1||t.label.toLocaleLowerCase().includes(m.value))&&!t.readonly).map(([t,l])=>({label:l.label,value:t,onClick:()=>v(t)}))),p=u,v=t=>{p("select",t)},g=async t=>{t?(n.value=!0,await e.nextTick(),i.value="",f.value?.input?.focus()):n.value=!1,a.value=!a.value},k=async()=>{a.value?s.value?.closeDropdown():(s.value?.openDropdown(),await e.nextTick(),d.value?.scrollTo({top:0}))};return(t,l)=>(e.openBlock(),e.createBlock(w.default,{ref:"filterSelector",width:"auto",onToggleDropdown:g},{default:e.withCtx(()=>[e.createVNode(S.default,{"data-testid":"filter-selector",label:r.label,"pill-focus":n.value,onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"])),onTrigger:k},{"open-icon":e.withCtx(()=>[e.createVNode(e.unref(b.default),{decorative:""})]),_:1},8,["label","pill-focus"])]),items:e.withCtx(()=>[r.itemFiltering?(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(h.default,{ref:"itemFilteringInput",modelValue:i.value,"onUpdate:modelValue":l[1]||(l[1]=o=>i.value=o),"data-testid":"filter-selector-item-filtering",placeholder:"Search…",onClick:l[2]||(l[2]=e.withModifiers(()=>{},["stop"]))},null,8,["modelValue"])])):e.createCommentVNode("",!0),r.itemFiltering&&c.value.length===0?(e.openBlock(),e.createElementBlock("div",T," No filters found ")):e.createCommentVNode("",!0),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,o=>(e.openBlock(),e.createBlock(C.default,{key:o.value,"data-testid":"dropdown-item-trigger",item:o,value:o.value,onClick:o.onClick},{default:e.withCtx(()=>[e.renderSlot(t.$slots,`filter-item-${o.value}`,{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)],!0)]),_:2},1032,["item","value","onClick"]))),128))],512)]),_:3},512))}});exports.default=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./kongponents386.cjs");function G(n,a){(a==null||a>n.length)&&(a=n.length);for(var i=0,u=Array(a);i<a;i++)u[i]=n[i];return u}function re(n){if(Array.isArray(n))return G(n)}function J(n,a){var i=typeof Symbol<"u"&&n[Symbol.iterator]||n["@@iterator"];if(!i){if(Array.isArray(n)||(i=U(n))||a){i&&(n=i);var u=0,y=function(){};return{s:y,n:function(){return u>=n.length?{done:!0}:{done:!1,value:n[u++]}},e:function(h){throw h},f:y}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var d,r=!0,m=!1;return{s:function(){i=i.call(n)},n:function(){var h=i.next();return r=h.done,h},e:function(h){m=!0,d=h},f:function(){try{r||i.return==null||i.return()}finally{if(m)throw d}}}}function ne(n,a,i){return(a=ce(a))in n?Object.defineProperty(n,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[a]=i,n}function ie(n){if(typeof Symbol<"u"&&n[Symbol.iterator]!=null||n["@@iterator"]!=null)return Array.from(n)}function oe(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Q(n,a){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(n);a&&(u=u.filter(function(y){return Object.getOwnPropertyDescriptor(n,y).enumerable})),i.push.apply(i,u)}return i}function X(n){for(var a=1;a<arguments.length;a++){var i=arguments[a]!=null?arguments[a]:{};a%2?Q(Object(i),!0).forEach(function(u){ne(n,u,i[u])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Q(Object(i)).forEach(function(u){Object.defineProperty(n,u,Object.getOwnPropertyDescriptor(i,u))})}return n}function ue(n){return re(n)||ie(n)||U(n)||oe()}function se(n,a){if(typeof n!="object"||!n)return n;var i=n[Symbol.toPrimitive];if(i!==void 0){var u=i.call(n,a);if(typeof u!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(n)}function ce(n){var a=se(n,"string");return typeof a=="symbol"?a:a+""}function U(n,a){if(n){if(typeof n=="string")return G(n,a);var i={}.toString.call(n).slice(8,-1);return i==="Object"&&n.constructor&&(i=n.constructor.name),i==="Map"||i==="Set"?Array.from(n):i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?G(n,a):void 0}}var N={getActiveTrap:function(a){return a?.length>0?a[a.length-1]:null},activateTrap:function(a,i){var u=N.getActiveTrap(a);i!==u&&N.pauseTrap(a);var y=a.indexOf(i);y===-1||a.splice(y,1),a.push(i)},deactivateTrap:function(a,i){var u=a.indexOf(i);u!==-1&&a.splice(u,1),N.unpauseTrap(a)},pauseTrap:function(a){var i=N.getActiveTrap(a);i?._setPausedState(!0)},unpauseTrap:function(a){var i=N.getActiveTrap(a);i&&!i._isManuallyPaused()&&i._setPausedState(!1)}},le=function(a){return a.tagName&&a.tagName.toLowerCase()==="input"&&typeof a.select=="function"},de=function(a){return a?.key==="Escape"||a?.key==="Esc"||a?.keyCode===27},j=function(a){return a?.key==="Tab"||a?.keyCode===9},fe=function(a){return j(a)&&!a.shiftKey},ve=function(a){return j(a)&&a.shiftKey},Z=function(a){return setTimeout(a,0)},R=function(a){for(var i=arguments.length,u=new Array(i>1?i-1:0),y=1;y<i;y++)u[y-1]=arguments[y];return typeof a=="function"?a.apply(void 0,u):a},L=function(a){return a.target.shadowRoot&&typeof a.composedPath=="function"?a.composedPath()[0]:a.target},be=[],pe=function(a,i){var u=i?.document||document,y=i?.trapStack||be,d=X({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isolateSubtrees:!1,isKeyForward:fe,isKeyBackward:ve},i),r={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},m,h=function(e,t,o){return e&&e[t]!==void 0?e[t]:d[o||t]},A=function(e,t){var o=typeof t?.composedPath=="function"?t.composedPath():void 0;return r.containerGroups.findIndex(function(l){var c=l.container,f=l.tabbableNodes;return c.contains(e)||o?.includes(c)||f.find(function(s){return s===e})})},P=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},o=t.hasFallback,l=o===void 0?!1:o,c=t.params,f=c===void 0?[]:c,s=d[e];if(typeof s=="function"&&(s=s.apply(void 0,ue(f))),s===!0&&(s=void 0),!s){if(s===void 0||s===!1)return s;throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var v=s;if(typeof s=="string"){try{v=u.querySelector(s)}catch(b){throw new Error("`".concat(e,'` appears to be an invalid selector; error="').concat(b.message,'"'))}if(!v&&!l)throw new Error("`".concat(e,"` as selector refers to no known node"))}return v},D=function(){var e=P("initialFocus",{hasFallback:!0});if(e===!1)return!1;if(e===void 0||e&&!g.isFocusable(e,d.tabbableOptions))if(A(u.activeElement)>=0)e=u.activeElement;else{var t=r.tabbableGroups[0],o=t&&t.firstTabbableNode;e=o||P("fallbackFocus")}else e===null&&(e=P("fallbackFocus"));if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},I=function(){if(r.containerGroups=r.containers.map(function(e){var t=g.tabbable(e,d.tabbableOptions),o=g.focusable(e,d.tabbableOptions),l=t.length>0?t[0]:void 0,c=t.length>0?t[t.length-1]:void 0,f=o.find(function(b){return g.isTabbable(b)}),s=o.slice().reverse().find(function(b){return g.isTabbable(b)}),v=!!t.find(function(b){return g.getTabIndex(b)>0});return{container:e,tabbableNodes:t,focusableNodes:o,posTabIndexesFound:v,firstTabbableNode:l,lastTabbableNode:c,firstDomTabbableNode:f,lastDomTabbableNode:s,nextTabbableNode:function(w){var F=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,T=t.indexOf(w);return T<0?F?o.slice(o.indexOf(w)+1).find(function(S){return g.isTabbable(S)}):o.slice(0,o.indexOf(w)).reverse().find(function(S){return g.isTabbable(S)}):t[T+(F?1:-1)]}}}),r.tabbableGroups=r.containerGroups.filter(function(e){return e.tabbableNodes.length>0}),r.tabbableGroups.length<=0&&!P("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(r.containerGroups.find(function(e){return e.posTabIndexesFound})&&r.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},C=function(e){var t=e.activeElement;if(t)return t.shadowRoot&&t.shadowRoot.activeElement!==null?C(t.shadowRoot):t},E=function(e){if(e!==!1&&e!==C(document)){if(!e||!e.focus){E(D());return}e.focus({preventScroll:!!d.preventScroll}),r.mostRecentlyFocusedNode=e,le(e)&&e.select()}},M=function(e){var t=P("setReturnFocus",{params:[e]});return t||(t===!1?!1:e)},H=function(e){var t=e.target,o=e.event,l=e.isBackward,c=l===void 0?!1:l;t=t||L(o),I();var f=null;if(r.tabbableGroups.length>0){var s=A(t,o),v=s>=0?r.containerGroups[s]:void 0;if(s<0)c?f=r.tabbableGroups[r.tabbableGroups.length-1].lastTabbableNode:f=r.tabbableGroups[0].firstTabbableNode;else if(c){var b=r.tabbableGroups.findIndex(function(_){var x=_.firstTabbableNode;return t===x});if(b<0&&(v.container===t||g.isFocusable(t,d.tabbableOptions)&&!g.isTabbable(t,d.tabbableOptions)&&!v.nextTabbableNode(t,!1))&&(b=s),b>=0){var w=b===0?r.tabbableGroups.length-1:b-1,F=r.tabbableGroups[w];f=g.getTabIndex(t)>=0?F.lastTabbableNode:F.lastDomTabbableNode}else j(o)||(f=v.nextTabbableNode(t,!1))}else{var T=r.tabbableGroups.findIndex(function(_){var x=_.lastTabbableNode;return t===x});if(T<0&&(v.container===t||g.isFocusable(t,d.tabbableOptions)&&!g.isTabbable(t,d.tabbableOptions)&&!v.nextTabbableNode(t))&&(T=s),T>=0){var S=T===r.tabbableGroups.length-1?0:T+1,k=r.tabbableGroups[S];f=g.getTabIndex(t)>=0?k.firstTabbableNode:k.firstDomTabbableNode}else j(o)||(f=v.nextTabbableNode(t))}}else f=P("fallbackFocus");return f},K=function(e){var t=L(e);if(!(A(t,e)>=0)){if(R(d.clickOutsideDeactivates,e)){m.deactivate({returnFocus:d.returnFocusOnDeactivate});return}R(d.allowOutsideClick,e)||e.preventDefault()}},q=function(e){var t=L(e),o=A(t,e)>=0;if(o||t instanceof Document)o&&(r.mostRecentlyFocusedNode=t);else{e.stopImmediatePropagation();var l,c=!0;if(r.mostRecentlyFocusedNode)if(g.getTabIndex(r.mostRecentlyFocusedNode)>0){var f=A(r.mostRecentlyFocusedNode),s=r.containerGroups[f].tabbableNodes;if(s.length>0){var v=s.findIndex(function(b){return b===r.mostRecentlyFocusedNode});v>=0&&(d.isKeyForward(r.recentNavEvent)?v+1<s.length&&(l=s[v+1],c=!1):v-1>=0&&(l=s[v-1],c=!1))}}else r.containerGroups.some(function(b){return b.tabbableNodes.some(function(w){return g.getTabIndex(w)>0})})||(c=!1);else c=!1;c&&(l=H({target:r.mostRecentlyFocusedNode,isBackward:d.isKeyBackward(r.recentNavEvent)})),E(l||r.mostRecentlyFocusedNode||D())}r.recentNavEvent=void 0},ee=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;r.recentNavEvent=e;var o=H({event:e,isBackward:t});o&&(j(e)&&e.preventDefault(),E(o))},Y=function(e){(d.isKeyForward(e)||d.isKeyBackward(e))&&ee(e,d.isKeyBackward(e))},V=function(e){de(e)&&R(d.escapeDeactivates,e)!==!1&&(e.preventDefault(),m.deactivate())},W=function(e){var t=L(e);A(t,e)>=0||R(d.clickOutsideDeactivates,e)||R(d.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},$=function(){if(r.active)return N.activateTrap(y,m),r.delayInitialFocusTimer=d.delayInitialFocus?Z(function(){E(D())}):E(D()),u.addEventListener("focusin",q,!0),u.addEventListener("mousedown",K,{capture:!0,passive:!1}),u.addEventListener("touchstart",K,{capture:!0,passive:!1}),u.addEventListener("click",W,{capture:!0,passive:!1}),u.addEventListener("keydown",Y,{capture:!0,passive:!1}),u.addEventListener("keydown",V),m},te=function(e){r.active&&!r.paused&&m._setSubtreeIsolation(!1),r.adjacentElements.clear(),r.alreadySilent.clear();var t=new Set,o=new Set,l=J(e),c;try{for(l.s();!(c=l.n()).done;){var f=c.value;t.add(f);for(var s=typeof ShadowRoot<"u"&&f.getRootNode()instanceof ShadowRoot,v=f;v;){t.add(v);var b=v.parentElement,w=[];b?w=b.children:!b&&s&&(w=v.getRootNode().children,b=v.getRootNode().host,s=typeof ShadowRoot<"u"&&b.getRootNode()instanceof ShadowRoot);var F=J(w),T;try{for(F.s();!(T=F.n()).done;){var S=T.value;o.add(S)}}catch(k){F.e(k)}finally{F.f()}v=b}}}catch(k){l.e(k)}finally{l.f()}t.forEach(function(k){o.delete(k)}),r.adjacentElements=o},z=function(){if(r.active)return u.removeEventListener("focusin",q,!0),u.removeEventListener("mousedown",K,!0),u.removeEventListener("touchstart",K,!0),u.removeEventListener("click",W,!0),u.removeEventListener("keydown",Y,!0),u.removeEventListener("keydown",V),m},ae=function(e){var t=e.some(function(o){var l=Array.from(o.removedNodes);return l.some(function(c){return c===r.mostRecentlyFocusedNode})});t&&E(D())},B=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(ae):void 0,O=function(){B&&(B.disconnect(),r.active&&!r.paused&&r.containers.map(function(e){B.observe(e,{subtree:!0,childList:!0})}))};return m={get active(){return r.active},get paused(){return r.paused},activate:function(e){if(r.active)return this;var t=h(e,"onActivate"),o=h(e,"onPostActivate"),l=h(e,"checkCanFocusTrap"),c=N.getActiveTrap(y),f=!1;if(c&&!c.paused){var s;(s=c._setSubtreeIsolation)===null||s===void 0||s.call(c,!1),f=!0}try{l||I(),r.active=!0,r.paused=!1,r.nodeFocusedBeforeActivation=C(u),t?.();var v=function(){l&&I(),$(),O(),d.isolateSubtrees&&m._setSubtreeIsolation(!0),o?.()};if(l)return l(r.containers.concat()).then(v,v),this;v()}catch(w){if(c===N.getActiveTrap(y)&&f){var b;(b=c._setSubtreeIsolation)===null||b===void 0||b.call(c,!0)}throw w}return this},deactivate:function(e){if(!r.active)return this;var t=X({onDeactivate:d.onDeactivate,onPostDeactivate:d.onPostDeactivate,checkCanReturnFocus:d.checkCanReturnFocus},e);clearTimeout(r.delayInitialFocusTimer),r.delayInitialFocusTimer=void 0,r.paused||m._setSubtreeIsolation(!1),r.alreadySilent.clear(),z(),r.active=!1,r.paused=!1,O(),N.deactivateTrap(y,m);var o=h(t,"onDeactivate"),l=h(t,"onPostDeactivate"),c=h(t,"checkCanReturnFocus"),f=h(t,"returnFocus","returnFocusOnDeactivate");o?.();var s=function(){Z(function(){f&&E(M(r.nodeFocusedBeforeActivation)),l?.()})};return f&&c?(c(M(r.nodeFocusedBeforeActivation)).then(s,s),this):(s(),this)},pause:function(e){return r.active?(r.manuallyPaused=!0,this._setPausedState(!0,e)):this},unpause:function(e){return r.active?(r.manuallyPaused=!1,y[y.length-1]!==this?this:this._setPausedState(!1,e)):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return r.containers=t.map(function(o){return typeof o=="string"?u.querySelector(o):o}),d.isolateSubtrees&&te(r.containers),r.active&&(I(),d.isolateSubtrees&&!r.paused&&m._setSubtreeIsolation(!0)),O(),this}},Object.defineProperties(m,{_isManuallyPaused:{value:function(){return r.manuallyPaused}},_setPausedState:{value:function(e,t){if(r.paused===e)return this;if(r.paused=e,e){var o=h(t,"onPause"),l=h(t,"onPostPause");o?.(),z(),O(),m._setSubtreeIsolation(!1),l?.()}else{var c=h(t,"onUnpause"),f=h(t,"onPostUnpause");c?.(),m._setSubtreeIsolation(!0),I(),$(),O(),f?.()}return this}},_setSubtreeIsolation:{value:function(e){d.isolateSubtrees&&r.adjacentElements.forEach(function(t){var o;e?d.isolateSubtrees==="aria-hidden"?((t.ariaHidden==="true"||((o=t.getAttribute("aria-hidden"))===null||o===void 0?void 0:o.toLowerCase())==="true")&&r.alreadySilent.add(t),t.setAttribute("aria-hidden","true")):((t.inert||t.hasAttribute("inert"))&&r.alreadySilent.add(t),t.setAttribute("inert",!0)):r.alreadySilent.has(t)||(d.isolateSubtrees==="aria-hidden"?t.removeAttribute("aria-hidden"):t.removeAttribute("inert"))})}}}),m.updateContainerElements(a),m};exports.createFocusTrap=pe;