@kong/kongponents 9.49.9-pr.3071.c5afbc1.0 → 9.49.9-pr.3075.6dc117e.0

package/dist/kongponents.es219.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as h, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es248.js";
-const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"/>', $ = /* @__PURE__ */ y({
-  __name: "VisibilityIcon",
+import { defineComponent as h, computed as s, openBlock as d, createBlock as b, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es270.js";
+const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
+  __name: "ArrowUpIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -33,12 +33,12 @@ const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875
       required: !1,
       default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -60,8 +60,8 @@ const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
+  setup(r) {
+    const e = r, i = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -75,34 +75,34 @@ const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: i.value,
       lineHeight: "0",
-      width: r.value,
+      width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (a) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${m}-${n}`;
+        const l = `${y}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, C = {
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (a) => a.replace(/[<>"'&]/g, (t) => C[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (a, t) => (d(), b(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon visibility-icon",
-      "data-testid": "kui-icon-wrapper-visibility-icon",
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), b(w(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon arrow-up-icon",
+      "data-testid": "kui-icon-wrapper-arrow-up-icon",
       style: x(c.value),
-      tabindex: i.decorative ? "-1" : void 0
+      tabindex: r.decorative ? "-1" : void 0
     }, {
       default: S(() => [
         (d(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-visibility-icon",
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-arrow-up-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -117,5 +117,5 @@ const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875
   }
 });
 export {
-  $ as default
+  z as default
 };

package/dist/kongponents.es22.js

@@ -0,0 +1,366 @@
+import { defineComponent as He, createPropsRestProxy as Te, computed as r, useSlots as Be, useId as Ke, ref as i, watch as A, onMounted as ze, openBlock as De, createBlock as Ie, mergeProps as Ee, unref as $e, createSlots as Me, withCtx as d, renderSlot as f, normalizeProps as p, guardReactiveProps as S, renderList as B } from "vue";
+import We from "./kongponents.es65.js";
+import Ne from "./kongponents.es190.js";
+import "./kongponents.es5.js";
+import "./kongponents.es10.js";
+import { EmptyStateIconVariants as Le } from "./kongponents.es11.js";
+import { getInitialPageSize as qe, DEFAULT_PAGE_SIZE as Ue } from "./kongponents.es169.js";
+import je from "./kongponents.es233.js";
+const et = /* @__PURE__ */ He({
+  __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: () => Le.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: {},
+    "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(t, { expose: Q, emit: J }) {
+    const Z = Te(t, ["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"]), X = r(() => {
+      const e = /^on[^a-z]/;
+      return je(Z, (o, a) => e.test(a));
+    }), b = J, s = Be(), { useDebounce: K, useRequest: Y, useSwrvState: V, clientSideSorter: z } = Ne(), _ = Ke(), m = i([]), O = r(() => t.sortable ? t.headers : t.headers.map((e) => ({ ...e, sortable: !1 }))), ee = r(() => t.emptyStateButtonAppearance ? t.emptyStateButtonAppearance : t.searchInput ? "tertiary" : "primary"), x = i(0), l = i(1), v = i(qe(t.tablePreferences, t.paginationAttributes)), P = i(t.searchInput ?? ""), u = i(t.tablePreferences.sortColumnKey || t.initialFetcherParams.sortColumnKey || ""), c = i(t.tablePreferences.sortColumnOrder || t.initialFetcherParams.sortColumnOrder || "desc"), D = i(!(u.value && t.clientSort)), g = i(null), h = i([]), I = i(!0), E = i(!1), C = {
+      pageSize: v.value,
+      page: l.value,
+      query: P.value,
+      sortColumnKey: u.value,
+      sortColumnOrder: c.value,
+      offset: g.value
+    }, te = r(() => ({
+      totalCount: x.value,
+      initialPageSize: v.value,
+      currentPage: l.value,
+      offsetPreviousButtonDisabled: !H.value,
+      offsetNextButtonDisabled: !w.value || !I.value,
+      ...t.paginationAttributes
+    })), ae = (e) => e.startsWith("column-"), oe = (e) => e.startsWith("tooltip-"), ne = (e) => O.value.some((o) => o.key === e), le = r(() => s ? Object.keys(s).filter(ae) : []), re = r(() => s ? Object.keys(s).filter(oe) : []), ie = r(() => s ? Object.keys(s).filter(ne) : []), $ = r(() => ({
+      sortColumnKey: u.value,
+      sortColumnOrder: c.value
+    })), M = r(() => ({
+      pageSize: v.value,
+      page: l.value,
+      query: P.value,
+      offset: g.value,
+      ...t.clientSort ? {} : $.value
+    })), ue = r(() => ({
+      ...M.value,
+      ...$.value
+    })), se = i(!0), ce = async () => {
+      const e = await t.fetcher(ue.value);
+      return se.value = !1, e;
+    }, de = () => {
+      var o;
+      const e = {
+        ...C,
+        ...t.initialFetcherParams
+      };
+      if (l.value = e.page ?? C.page, v.value = e.pageSize ?? C.pageSize, P.value = e.query ?? C.query, u.value = e.sortColumnKey ?? C.sortColumnKey, c.value = e.sortColumnOrder ?? C.sortColumnOrder, t.clientSort && u.value && c.value) {
+        const a = O.value.find((y) => y.key === u.value) || {}, { useSortHandlerFunction: n } = a;
+        if (n && t.sortHandlerFunction) {
+          const y = t.sortHandlerFunction({
+            key: u.value,
+            prevKey: "",
+            sortColumnOrder: c.value,
+            data: m.value
+          });
+          y && (m.value = [...y]);
+        } else
+          z(u.value, "", c.value, m.value);
+      }
+      (o = t.paginationAttributes) != null && o.offset && (g.value = e.offset, h.value.push(e.offset)), E.value = !0;
+    }, H = r(() => h.value[l.value - 1] || null), w = i(null), fe = r(() => {
+      if (!t.fetcher || !E.value)
+        return "";
+      let e = _;
+      return t.cacheIdentifier && (e = t.cacheIdentifier), e += `-${JSON.stringify(M.value)}`, t.fetcherCacheKey && (e += `-${t.fetcherCacheKey}`), `k-table_${e}`;
+    }), { debouncedFn: me, generateDebouncedFn: ve } = K((e) => {
+      P.value = e;
+    }, 350), ye = ve(0), {
+      data: ge,
+      response: he,
+      error: W,
+      revalidate: N,
+      isValidating: be,
+      isLoading: L
+    } = Y(
+      () => fe.value,
+      () => ce(),
+      { revalidateOnFocus: !1, revalidateDebounce: 0 }
+    ), { state: pe, hasData: Se } = V(ge, W, be), q = r(() => ({
+      hasData: Se.value,
+      state: pe.value
+    })), U = r(() => L.value ? "loading" : W.value ? "error" : "success"), { debouncedFn: Ce } = K(N, 500), T = ({ sortColumnKey: e, prevKey: o, sortColumnOrder: a }, n = !0) => {
+      var G;
+      D.value = !0;
+      const y = O.value.find((R) => R.key === e) || {}, { useSortHandlerFunction: xe } = y;
+      if (n && b("sort", {
+        prevKey: o,
+        sortColumnKey: e,
+        sortColumnOrder: a
+      }), l.value = 1, (!u.value || e !== u.value) && (h.value = [null]), u.value = e, c.value = a, t.clientSort)
+        if (xe && t.sortHandlerFunction) {
+          const R = t.sortHandlerFunction({
+            key: e,
+            prevKey: o,
+            sortColumnOrder: c.value,
+            data: m.value
+          });
+          R && (m.value = [...R]);
+        } else
+          z(e, o, c.value, m.value);
+      else (G = t.paginationAttributes) != null && G.offset || Ce();
+    }, ke = ({ page: e }) => {
+      l.value = e;
+    }, Fe = ({ pageSize: e }) => {
+      h.value = [null], g.value = null, v.value = e, l.value = 1;
+    }, Pe = ({ columnWidths: e, columnVisibility: o }) => {
+      k.value = {
+        ...k.value,
+        ...e
+      }, F.value = {
+        ...F.value,
+        ...o
+      }, we();
+    }, k = i(t.tablePreferences.columnWidths || {}), F = i(t.tablePreferences.columnVisibility || {}), j = r(() => ({
+      pageSize: v.value,
+      sortColumnKey: u.value,
+      sortColumnOrder: c.value,
+      ...k.value ? { columnWidths: k.value } : {},
+      ...F.value ? { columnVisibility: F.value } : {}
+    }));
+    A(() => t.tablePreferences, (e) => {
+      v.value = e != null && e.pageSize ? e.pageSize : v.value, k.value = e != null && e.columnWidths ? e.columnWidths : k.value, F.value = e != null && e.columnVisibility ? e.columnVisibility : F.value, (e != null && e.sortColumnKey || e != null && e.sortColumnOrder) && (u.value !== e.sortColumnKey || c.value !== e.sortColumnOrder) && T({
+        sortColumnKey: e.sortColumnKey,
+        prevKey: u.value,
+        sortColumnOrder: e.sortColumnOrder
+      }, !1);
+    });
+    const we = () => {
+      U.value === "success" && b("update:table-preferences", j.value);
+    }, Ae = () => {
+      l.value++, g.value = w.value;
+    }, Oe = () => {
+      l.value--, g.value = H.value;
+    }, Re = r(() => {
+      var o, a, n;
+      if (!t.fetcher || t.hidePagination)
+        return !1;
+      const e = ((a = (o = t.paginationAttributes) == null ? void 0 : o.pageSizes) == null ? void 0 : a[0]) ?? Ue;
+      return t.hidePaginationWhenOptional && l.value === 1 ? (n = t.paginationAttributes) != null && n.offset ? !!H.value || !!w.value || m.value.length >= e : x.value > e : !0;
+    });
+    return A(he, (e) => {
+      var o, a, n, y;
+      e != null && e.data && (m.value = [...e.data], x.value = ((o = t.paginationAttributes) == null ? void 0 : o.totalCount) || e.total || ((a = e.data) == null ? void 0 : a.length) || 0, (n = t.paginationAttributes) != null && n.offset && ((y = e.pagination) != null && y.offset ? (w.value = e.pagination.offset, h.value[l.value] || h.value.push(e.pagination.offset)) : w.value = null, I.value = e.pagination && "hasNextPage" in e.pagination ? e.pagination.hasNextPage || !1 : !0), m.value.length === 0 && l.value > 1 && (l.value = 1, h.value = [null], g.value = null), t.sortable && !D.value && T({ sortColumnKey: u.value, prevKey: "", sortColumnOrder: c.value }, !1));
+    }, { deep: !0, immediate: !0 }), A([q, U], (e) => {
+      const [o, a] = e;
+      b("state", {
+        state: a,
+        hasData: o.hasData
+      });
+    }), A(() => t.searchInput, (e) => {
+      e === "" ? ye(e) : me(e);
+    }, { immediate: !0 }), A([P, v], async (e, o) => {
+      const [a] = o, [n] = e;
+      n !== a && l.value !== 1 && (l.value = 1, h.value = [null], g.value = null);
+    }, { deep: !0, immediate: !0 }), ze(() => {
+      de();
+    }), Q({
+      revalidate: () => {
+        N();
+      }
+    }), (e, o) => (De(), Ie(We, Ee({
+      "cell-attrs": t.cellAttrs,
+      class: "k-table-data",
+      data: m.value,
+      "empty-state-action-message": t.emptyStateActionMessage,
+      "empty-state-action-route": t.emptyStateActionRoute,
+      "empty-state-button-appearance": ee.value,
+      "empty-state-icon-variant": t.emptyStateIconVariant,
+      "empty-state-message": t.emptyStateMessage,
+      "empty-state-title": t.emptyStateTitle,
+      error: t.error,
+      "error-state-action-message": t.errorStateActionMessage,
+      "error-state-action-route": t.errorStateActionRoute,
+      "error-state-message": t.errorStateMessage,
+      "error-state-title": t.errorStateTitle,
+      headers: O.value,
+      "hide-headers": t.hideHeaders,
+      "hide-pagination": t.hidePagination || !Re.value,
+      "hide-pagination-when-optional": !1,
+      "hide-toolbar": t.hideToolbar,
+      loading: t.loading || $e(L),
+      "max-height": t.maxHeight,
+      nested: t.nested,
+      "pagination-attributes": te.value,
+      "resize-columns": t.resizeColumns,
+      "row-attrs": t.rowAttrs,
+      "row-bulk-action-enabled": t.rowBulkActionEnabled,
+      "row-expandable": t.rowExpandable,
+      "row-expanded": t.rowExpanded,
+      "row-hover": t.rowHover,
+      "row-key": t.rowKey,
+      "row-link": t.rowLink,
+      "table-preferences": j.value,
+      "tooltip-target": t.tooltipTarget
+    }, X.value, {
+      onEmptyStateActionClick: o[0] || (o[0] = (a) => b("empty-state-action-click")),
+      onErrorActionClick: o[1] || (o[1] = (a) => b("error-action-click")),
+      onGetNextOffset: Ae,
+      onGetPreviousOffset: Oe,
+      onPageChange: ke,
+      onPageSizeChange: Fe,
+      onRowActionsToggle: o[2] || (o[2] = (a) => e.$emit("row-actions-toggle", a)),
+      onRowSelect: o[3] || (o[3] = (a) => b("row-select", a)),
+      onSort: T,
+      "onUpdate:rowExpanded": o[4] || (o[4] = (a) => b("update:row-expanded", a)),
+      "onUpdate:tablePreferences": Pe
+    }), Me({ _: 2 }, [
+      s.toolbar && !t.hideToolbar ? {
+        name: "toolbar",
+        fn: d(() => [
+          f(e.$slots, "toolbar", { state: q.value })
+        ]),
+        key: "0"
+      } : void 0,
+      s["bulk-actions"] ? {
+        name: "bulk-actions",
+        fn: d((a) => [
+          f(e.$slots, "bulk-actions", p(S(a)))
+        ]),
+        key: "1"
+      } : void 0,
+      s["bulk-action-items"] ? {
+        name: "bulk-action-items",
+        fn: d((a) => [
+          f(e.$slots, "bulk-action-items", p(S(a)))
+        ]),
+        key: "2"
+      } : void 0,
+      s["error-state"] ? {
+        name: "error-state",
+        fn: d(() => [
+          f(e.$slots, "error-state")
+        ]),
+        key: "3"
+      } : void 0,
+      s["empty-state"] ? {
+        name: "empty-state",
+        fn: d(() => [
+          f(e.$slots, "empty-state")
+        ]),
+        key: "4"
+      } : void 0,
+      s["empty-state-action-icon"] ? {
+        name: "empty-state-action-icon",
+        fn: d(() => [
+          f(e.$slots, "empty-state-action-icon")
+        ]),
+        key: "5"
+      } : void 0,
+      B(le.value, (a) => ({
+        name: a,
+        fn: d((n) => [
+          f(e.$slots, a, p(S(n)))
+        ])
+      })),
+      B(re.value, (a) => ({
+        name: a,
+        fn: d((n) => [
+          f(e.$slots, a, p(S(n)))
+        ])
+      })),
+      B(ie.value, (a) => ({
+        name: a,
+        fn: d((n) => [
+          f(e.$slots, a, p(S(n)))
+        ])
+      })),
+      s["action-items"] ? {
+        name: "action-items",
+        fn: d((a) => [
+          f(e.$slots, "action-items", p(S(a)))
+        ]),
+        key: "6"
+      } : void 0,
+      s["row-expanded"] ? {
+        name: "row-expanded",
+        fn: d((a) => [
+          f(e.$slots, "row-expanded", p(S(a)))
+        ]),
+        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"]));
+  }
+});
+export {
+  et as default
+};

package/dist/kongponents.es220.js

@@ -1,7 +1,121 @@
-import t from "./kongponents.es267.js";
-/* empty css                  */
-import e from "./kongponents.es74.js";
-const s = /* @__PURE__ */ e(t, [["__scopeId", "data-v-a2ee6e0d"]]);
+import { defineComponent as C, computed as s, openBlock as d, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es270.js";
+const k = ["aria-hidden"], p = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"/>', I = /* @__PURE__ */ C({
+  __name: "CopyIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: u,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
+          return !0;
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const e = r, i = s(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), c = s(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), h(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon copy-icon",
+      "data-testid": "kui-icon-wrapper-copy-icon",
+      style: x(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-copy-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: y
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  s as default
+  I as default
 };