@kong/kongponents 9.48.10-pr.3038.0ad2deb.0 → 9.48.10-pr.3038.59209e8.0

package/dist/kongponents.es263.js

@@ -1,7 +1,121 @@
-function n(t) {
-  var e = typeof t;
-  return t != null && (e == "object" || e == "function");
-}
+import { defineComponent as y, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as C, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es260.js";
+const H = ["aria-hidden"], c = '<path d="M3.0249 17.75V7.75C3.0249 7.2 3.22074 6.72917 3.6124 6.3375C4.00407 5.94583 4.4749 5.75 5.0249 5.75H18.9999C19.5499 5.75 20.0207 5.94583 20.4124 6.3375C20.8041 6.72917 20.9999 7.2 20.9999 7.75V17.75C20.9999 18.3 20.8041 18.7708 20.4124 19.1625C20.0207 19.5542 19.5499 19.75 18.9999 19.75H5.0249C4.4749 19.75 4.00407 19.5542 3.6124 19.1625C3.22074 18.7708 3.0249 18.3 3.0249 17.75ZM4.9999 17.75H8.3249V7.75H4.9999V17.75ZM10.3249 17.75H13.6499V7.75H10.3249V17.75ZM15.6499 17.75H18.9749V7.75H15.6499V17.75Z" fill="currentColor"/>', I = /* @__PURE__ */ y({
+  __name: "TableColumnsIcon",
+  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;
+    }), p = 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 = {}, b = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${b}-${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]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), h(C(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon table-columns-icon",
+      "data-testid": "kui-icon-wrapper-table-columns-icon",
+      style: x(p.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-table-columns-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: v
+        }, null, 8, H))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  n as default
+  I as default
 };

package/dist/kongponents.es264.js

@@ -1,7 +1,58 @@
-import o from "./kongponents.es282.js";
-var t = function() {
-  return o.Date.now();
-};
+import { defineComponent as f, createElementBlock as p, openBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
+import b from "./kongponents.es213.js";
+import m from "./kongponents.es214.js";
+import r from "./kongponents.es33.js";
+const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
+  __name: "PaginationOffset",
+  props: {
+    previousButtonDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    nextButtonDisabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["getPreviousOffset", "getNextOffset"],
+  setup(o, { emit: l }) {
+    const a = l;
+    return (v, t) => (u(), p("div", c, [
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the previous page",
+        class: "pagination-button",
+        "data-testid": "previous-button",
+        disabled: o.previousButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(b), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"]),
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the next page",
+        class: "pagination-button",
+        "data-testid": "next-button",
+        disabled: o.nextButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(m), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
+  }
+});
 export {
-  t as default
+  O as default
 };

package/dist/kongponents.es266.js

@@ -1,6 +1,97 @@
-function t(n, f) {
-  return n === f || n !== n && f !== f;
-}
+import { defineComponent as K, computed as g, useTemplateRef as $, createElementBlock as d, openBlock as l, createBlock as u, createCommentVNode as h, Fragment as m, renderList as f, withCtx as S, renderSlot as v, createElementVNode as p, toDisplayString as y, createTextVNode as V } from "vue";
+import w from "./kongponents.es194.js";
+const D = { ref: "itemsContainer" }, O = { class: "select-group-title" }, R = { class: "select-item-description" }, I = ".select-item button:not(:disabled)", q = '.select-item[aria-selected="true"] button:not(:disabled)', G = /* @__PURE__ */ K({
+  __name: "KSelectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(s, { expose: k, emit: A }) {
+    const L = A, C = (n) => L("selected", n), T = g(() => {
+      var n;
+      return (n = s.items) == null ? void 0 : n.filter((t) => !t.group);
+    }), b = g(() => {
+      var n, t;
+      return [...new Set((t = (n = s.items) == null ? void 0 : n.filter((e) => e.group)) == null ? void 0 : t.map((e) => e.group))].sort((e, o) => e.toLowerCase().localeCompare(o.toLowerCase()));
+    }), x = (n) => {
+      var t;
+      return (t = s.items) == null ? void 0 : t.filter((e) => e.group === n);
+    }, E = $("itemsContainer"), B = (n) => {
+      var i, c;
+      const t = E.value;
+      if (!t)
+        return;
+      const e = t.querySelectorAll(I);
+      if (!(e != null && e.length))
+        return;
+      const o = t.querySelector(q);
+      if (o) {
+        const r = [...e].indexOf(o);
+        (i = e[n === "down" ? r + 1 : r - 1]) == null || i.focus();
+      } else
+        (c = e[n === "down" ? 0 : e.length - 1]) == null || c.focus();
+    }, a = ({ target: n, key: t }) => {
+      var e;
+      if (t === "ArrowDown" || t === "ArrowUp") {
+        const o = (e = E.value) == null ? void 0 : e.querySelectorAll(I);
+        if (o != null && o.length) {
+          const i = [...o].indexOf(n), c = t === "ArrowDown" ? i + 1 : i - 1, r = o[c];
+          r == null || r.focus();
+        }
+      }
+    };
+    return k({ setFocus: B }), (n, t) => (l(), d("div", D, [
+      (l(!0), d(m, null, f(T.value, (e) => (l(), u(w, {
+        key: e.key,
+        item: e,
+        onKeydown: a,
+        onSelected: C
+      }, {
+        content: S(() => [
+          v(n.$slots, "content", { item: e }, void 0, !0)
+        ]),
+        _: 2
+      }, 1032, ["item"]))), 128)),
+      (l(!0), d(m, null, f(b.value, (e) => (l(), d("div", {
+        key: `${e}-group`,
+        class: "select-group",
+        "data-propagate-clicks": "false"
+      }, [
+        p("span", O, y(e), 1),
+        (l(!0), d(m, null, f(x(e), (o) => (l(), u(w, {
+          key: o.key,
+          item: o,
+          onKeydown: a,
+          onSelected: C
+        }, {
+          content: S(() => [
+            v(n.$slots, "content", { item: o }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))), 128))
+      ]))), 128)),
+      s.itemCreationEnabled ? (l(), u(w, {
+        key: "select-add-item",
+        class: "select-add-item",
+        "data-testid": "select-add-item",
+        item: { label: `${s.filterString} (Add new value)`, value: "add_item", disabled: !s.itemCreationValid },
+        onKeydown: a,
+        onSelected: t[0] || (t[0] = (e) => n.$emit("add-item"))
+      }, {
+        content: S(() => [
+          p("div", R, [
+            V(y(s.filterString) + " ", 1),
+            t[1] || (t[1] = p("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : h("", !0)
+    ], 512));
+  }
+});
 export {
-  t as default
+  G as default
 };

package/dist/kongponents.es268.js

@@ -1,8 +1,47 @@
-import u from "./kongponents.es269.js";
-function f(e, r, t) {
-  var n = e == null ? void 0 : u(e, r);
-  return n === void 0 ? t : n;
-}
+import { defineComponent as r, createElementBlock as c, openBlock as u, createElementVNode as l, withKeys as s, normalizeClass as v, withModifiers as n, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
+const k = ["aria-selected", "data-testid"], y = { class: "select-item-container" }, $ = ["disabled", "value"], h = { class: "select-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KSelectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: o }) {
+    const a = o, d = (t) => {
+      if (e.item.disabled) {
+        t.stopPropagation();
+        return;
+      }
+      a("selected", e.item);
+    };
+    return (t, i) => (u(), c("div", {
+      key: e.item.key,
+      "aria-selected": e.item.selected,
+      class: "select-item",
+      "data-testid": `select-item-${e.item.value}`,
+      role: "option"
+    }, [
+      l("div", y, [
+        l("button", {
+          class: v({ selected: e.item.selected }),
+          disabled: e.item.disabled === !0 ? !0 : void 0,
+          type: "button",
+          value: e.item.value,
+          onClick: d,
+          onKeydown: [
+            i[0] || (i[0] = s(n((m) => t.$emit("arrow-down"), ["prevent"]), ["down"])),
+            i[1] || (i[1] = s(n((m) => t.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(t.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
+  }
+});
 export {
-  f as default
+  K as default
 };

package/dist/kongponents.es270.js

@@ -1,8 +1,7 @@
-import n from "./kongponents.es271.js";
-import t from "./kongponents.es272.js";
-function f(a, r) {
-  return a != null && t(a, r, n);
+function n(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
 }
 export {
-  f as default
+  n as default
 };

package/dist/kongponents.es271.js

@@ -1,6 +1,7 @@
-function e(n, a) {
-  return n != null && a in Object(n);
-}
+import o from "./kongponents.es289.js";
+var t = function() {
+  return o.Date.now();
+};
 export {
-  e as default
+  t as default
 };

package/dist/kongponents.es272.js

@@ -1,19 +1,22 @@
-import t from "./kongponents.es370.js";
-import a from "./kongponents.es274.js";
-import u from "./kongponents.es277.js";
-import o from "./kongponents.es371.js";
-import e from "./kongponents.es280.js";
-import g from "./kongponents.es307.js";
-function P(r, m, s) {
-  m = t(m, r);
-  for (var n = -1, i = m.length, f = !1; ++n < i; ) {
-    var l = g(m[n]);
-    if (!(f = r != null && s(r, l)))
-      break;
-    r = r[l];
+import n from "./kongponents.es316.js";
+import f from "./kongponents.es270.js";
+import o from "./kongponents.es292.js";
+var s = NaN, m = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, e = /^0o[0-7]+$/i, b = parseInt;
+function O(r) {
+  if (typeof r == "number")
+    return r;
+  if (o(r))
+    return s;
+  if (f(r)) {
+    var t = typeof r.valueOf == "function" ? r.valueOf() : r;
+    r = f(t) ? t + "" : t;
   }
-  return f || ++n != i ? f : (i = r == null ? 0 : r.length, !!i && e(i) && o(l, i) && (u(r) || a(r)));
+  if (typeof r != "string")
+    return r === 0 ? r : +r;
+  r = n(r);
+  var i = p.test(r);
+  return i || e.test(r) ? b(r.slice(2), i ? 2 : 8) : m.test(r) ? s : +r;
 }
 export {
-  P as default
+  O as default
 };

package/dist/kongponents.es273.js

@@ -1,6 +1,6 @@
-function e(t) {
-  return t;
+function t(n, f) {
+  return n === f || n !== n && f !== f;
 }
 export {
-  e as default
+  t as default
 };

package/dist/kongponents.es274.js

@@ -1,10 +1,7 @@
-import e from "./kongponents.es275.js";
-import o from "./kongponents.es276.js";
-var t = Object.prototype, a = t.hasOwnProperty, n = t.propertyIsEnumerable, c = e(/* @__PURE__ */ (function() {
-  return arguments;
-})()) ? e : function(r) {
-  return o(r) && a.call(r, "callee") && !n.call(r, "callee");
-};
+import r from "./kongponents.es317.js";
+function o(t) {
+  return t == null ? "" : r(t);
+}
 export {
-  c as default
+  o as default
 };

package/dist/kongponents.es275.js

@@ -1,9 +1,8 @@
-import t from "./kongponents.es284.js";
-import e from "./kongponents.es276.js";
-var s = "[object Arguments]";
-function m(r) {
-  return e(r) && t(r) == s;
+import u from "./kongponents.es276.js";
+function f(e, r, t) {
+  var n = e == null ? void 0 : u(e, r);
+  return n === void 0 ? t : n;
 }
 export {
-  m as default
+  f as default
 };

package/dist/kongponents.es276.js

@@ -1,6 +1,11 @@
-function e(t) {
-  return t != null && typeof t == "object";
+import l from "./kongponents.es372.js";
+import f from "./kongponents.es314.js";
+function d(n, e) {
+  e = l(e, n);
+  for (var r = 0, i = e.length; n != null && r < i; )
+    n = n[f(e[r++])];
+  return r && r == i ? n : void 0;
 }
 export {
-  e as default
+  d as default
 };

package/dist/kongponents.es277.js

@@ -1,4 +1,8 @@
-var r = Array.isArray;
+import n from "./kongponents.es278.js";
+import t from "./kongponents.es279.js";
+function f(a, r) {
+  return a != null && t(a, r, n);
+}
 export {
-  r as default
+  f as default
 };

package/dist/kongponents.es278.js

@@ -1,7 +1,5 @@
-import t from "./kongponents.es279.js";
-import i from "./kongponents.es280.js";
-function e(r) {
-  return r != null && i(r.length) && !t(r);
+function e(n, a) {
+  return n != null && a in Object(n);
 }
 export {
   e as default

package/dist/kongponents.es279.js

@@ -1,12 +1,19 @@
-import o from "./kongponents.es284.js";
-import r from "./kongponents.es263.js";
-var e = "[object AsyncFunction]", a = "[object Function]", c = "[object GeneratorFunction]", i = "[object Proxy]";
-function g(n) {
-  if (!r(n))
-    return !1;
-  var t = o(n);
-  return t == a || t == c || t == e || t == i;
+import t from "./kongponents.es372.js";
+import a from "./kongponents.es281.js";
+import u from "./kongponents.es284.js";
+import o from "./kongponents.es373.js";
+import e from "./kongponents.es287.js";
+import g from "./kongponents.es314.js";
+function P(r, m, s) {
+  m = t(m, r);
+  for (var n = -1, i = m.length, f = !1; ++n < i; ) {
+    var l = g(m[n]);
+    if (!(f = r != null && s(r, l)))
+      break;
+    r = r[l];
+  }
+  return f || ++n != i ? f : (i = r == null ? 0 : r.length, !!i && e(i) && o(l, i) && (u(r) || a(r)));
 }
 export {
-  g as default
+  P as default
 };

package/dist/kongponents.es28.js

@@ -1,11 +1,11 @@
 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, createBlock as De, openBlock as Ie, mergeProps as Ee, unref as $e, createSlots as Me, withCtx as d, renderList as B, renderSlot as f, normalizeProps as p, guardReactiveProps as S } from "vue";
 import We from "./kongponents.es68.js";
-import Ne from "./kongponents.es188.js";
+import Ne from "./kongponents.es180.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.es216.js";
+import je from "./kongponents.es236.js";
 const et = /* @__PURE__ */ He({
   __name: "KTableData",
   props: {

package/dist/kongponents.es280.js

@@ -1,7 +1,6 @@
-var n = 9007199254740991;
-function r(t) {
-  return typeof t == "number" && t > -1 && t % 1 == 0 && t <= n;
+function e(t) {
+  return t;
 }
 export {
-  r as default
+  e as default
 };

package/dist/kongponents.es281.js

@@ -1,6 +1,10 @@
-import f from "./kongponents.es282.js";
-import t from "./kongponents.es283.js";
-var r = typeof exports == "object" && exports && !exports.nodeType && exports, e = r && typeof module == "object" && module && !module.nodeType && module, u = e && e.exports === r, o = u ? f.Buffer : void 0, p = o ? o.isBuffer : void 0, a = p || t;
+import e from "./kongponents.es282.js";
+import o from "./kongponents.es283.js";
+var t = Object.prototype, a = t.hasOwnProperty, n = t.propertyIsEnumerable, c = e(/* @__PURE__ */ (function() {
+  return arguments;
+})()) ? e : function(r) {
+  return o(r) && a.call(r, "callee") && !n.call(r, "callee");
+};
 export {
-  a as default
+  c as default
 };

package/dist/kongponents.es282.js

@@ -1,5 +1,9 @@
-import e from "./kongponents.es372.js";
-var t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+import t from "./kongponents.es291.js";
+import e from "./kongponents.es283.js";
+var s = "[object Arguments]";
+function m(r) {
+  return e(r) && t(r) == s;
+}
 export {
-  r as default
+  m as default
 };

package/dist/kongponents.es283.js

@@ -1,5 +1,5 @@
-function e() {
-  return !1;
+function e(t) {
+  return t != null && typeof t == "object";
 }
 export {
   e as default

package/dist/kongponents.es284.js

@@ -1,10 +1,4 @@
-import t from "./kongponents.es366.js";
-import e from "./kongponents.es373.js";
-import o from "./kongponents.es374.js";
-var i = "[object Null]", f = "[object Undefined]", r = t ? t.toStringTag : void 0;
-function m(n) {
-  return n == null ? n === void 0 ? f : i : r && r in Object(n) ? e(n) : o(n);
-}
+var r = Array.isArray;
 export {
-  m as default
+  r as default
 };

package/dist/kongponents.es285.js

@@ -1,9 +1,8 @@
-import t from "./kongponents.es284.js";
-import m from "./kongponents.es276.js";
-var r = "[object Symbol]";
-function i(o) {
-  return typeof o == "symbol" || m(o) && t(o) == r;
+import t from "./kongponents.es286.js";
+import i from "./kongponents.es287.js";
+function e(r) {
+  return r != null && i(r.length) && !t(r);
 }
 export {
-  i as default
+  e as default
 };

package/dist/kongponents.es286.js

@@ -1,7 +1,12 @@
-import e from "./kongponents.es287.js";
-import o from "./kongponents.es288.js";
-import r from "./kongponents.es289.js";
-var a = r && r.isTypedArray, s = a ? o(a) : e;
+import o from "./kongponents.es291.js";
+import r from "./kongponents.es270.js";
+var e = "[object AsyncFunction]", a = "[object Function]", c = "[object GeneratorFunction]", i = "[object Proxy]";
+function g(n) {
+  if (!r(n))
+    return !1;
+  var t = o(n);
+  return t == a || t == c || t == e || t == i;
+}
 export {
-  s as default
+  g as default
 };