@kong/kongponents 9.46.12 → 9.46.13-pr.3000.5f5fbac.0

package/dist/kongponents.es303.js

@@ -1,20 +1,9 @@
-import a from "./kongponents.es398.js";
-import g from "./kongponents.es286.js";
-import h from "./kongponents.es289.js";
-import b from "./kongponents.es293.js";
-import A from "./kongponents.es376.js";
-import c from "./kongponents.es298.js";
-var d = Object.prototype, O = d.hasOwnProperty;
-function l(t, p) {
-  var o = h(t), i = !o && g(t), s = !o && !i && b(t), e = !o && !i && !s && c(t), n = o || i || s || e, f = n ? a(t.length, String) : [], m = f.length;
-  for (var r in t)
-    (p || O.call(t, r)) && !(n && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (r == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    s && (r == "offset" || r == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    e && (r == "buffer" || r == "byteLength" || r == "byteOffset") || // Skip index properties.
-    A(r, m))) && f.push(r);
-  return f;
+import t from "./kongponents.es404.js";
+import o from "./kongponents.es405.js";
+import r from "./kongponents.es294.js";
+function s(e) {
+  return t(e, r, o);
 }
 export {
-  l as default
+  s as default
 };

package/dist/kongponents.es304.js

@@ -1,14 +1,10 @@
-import a from "./kongponents.es366.js";
-import e from "./kongponents.es380.js";
-var s = Object.prototype, n = s.hasOwnProperty;
-function f(r) {
-  if (!a(r))
-    return e(r);
-  var o = [];
-  for (var t in Object(r))
-    n.call(r, t) && t != "constructor" && o.push(t);
-  return o;
+import o from "./kongponents.es305.js";
+import e from "./kongponents.es306.js";
+import t from "./kongponents.es307.js";
+import m from "./kongponents.es308.js";
+function s(r) {
+  return t(r) ? o(m(r)) : e(r);
 }
 export {
-  f as default
+  s as default
 };

package/dist/kongponents.es305.js

@@ -1,9 +1,8 @@
-import e from "./kongponents.es303.js";
-import i from "./kongponents.es306.js";
-import a from "./kongponents.es290.js";
-function t(r) {
-  return a(r) ? e(r, !0) : i(r);
+function r(e) {
+  return function(n) {
+    return n == null ? void 0 : n[e];
+  };
 }
 export {
-  t as default
+  r as default
 };

package/dist/kongponents.es306.js

@@ -1,15 +1,9 @@
-import a from "./kongponents.es275.js";
-import i from "./kongponents.es366.js";
-import n from "./kongponents.es399.js";
-var e = Object.prototype, p = e.hasOwnProperty;
-function v(r) {
-  if (!a(r))
-    return n(r);
-  var s = i(r), o = [];
-  for (var t in r)
-    t == "constructor" && (s || !p.call(r, t)) || o.push(t);
-  return o;
+import t from "./kongponents.es270.js";
+function o(e) {
+  return function(r) {
+    return t(r, e);
+  };
 }
 export {
-  v as default
+  o as default
 };

package/dist/kongponents.es307.js

@@ -1,12 +1,12 @@
-import u from "./kongponents.es367.js";
-function i(r, e, t) {
-  e == "__proto__" && u ? u(r, e, {
-    configurable: !0,
-    enumerable: !0,
-    value: t,
-    writable: !0
-  }) : r[e] = t;
+import o from "./kongponents.es278.js";
+import n from "./kongponents.es286.js";
+var i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, s = /^\w*$/;
+function m(r, e) {
+  if (o(r))
+    return !1;
+  var t = typeof r;
+  return t == "number" || t == "symbol" || t == "boolean" || r == null || n(r) ? !0 : s.test(r) || !i.test(r) || e != null && r in Object(e);
 }
 export {
-  i as default
+  m as default
 };

package/dist/kongponents.es308.js

@@ -1,8 +1,10 @@
-import e from "./kongponents.es373.js";
-import t from "./kongponents.es302.js";
-function m(r, o) {
-  return r && e(r, o, t);
+import i from "./kongponents.es286.js";
+function o(t) {
+  if (typeof t == "string" || i(t))
+    return t;
+  var r = t + "";
+  return r == "0" && 1 / t == -1 / 0 ? "-0" : r;
 }
 export {
-  m as default
+  o as default
 };

package/dist/kongponents.es309.js

@@ -1,11 +1,6 @@
-import t from "./kongponents.es369.js";
-import o from "./kongponents.es370.js";
-import f from "./kongponents.es285.js";
-import i from "./kongponents.es289.js";
-import e from "./kongponents.es315.js";
-function c(r) {
-  return typeof r == "function" ? r : r == null ? f : typeof r == "object" ? i(r) ? o(r[0], r[1]) : t(r) : e(r);
+function r() {
+  return [];
 }
 export {
-  c as default
+  r as default
 };

package/dist/kongponents.es310.js

@@ -1,18 +1,8 @@
-import h from "./kongponents.es311.js";
-var p = "Expected a function";
-function o(r, e) {
-  if (typeof r != "function" || e != null && typeof e != "function")
-    throw new TypeError(p);
-  var t = function() {
-    var c = arguments, n = e ? e.apply(this, c) : c[0], a = t.cache;
-    if (a.has(n))
-      return a.get(n);
-    var i = r.apply(this, c);
-    return t.cache = a.set(n, i) || a, i;
-  };
-  return t.cache = new (o.Cache || h)(), t;
+import r from "./kongponents.es410.js";
+var a = /^\s+/;
+function t(e) {
+  return e && e.slice(0, r(e) + 1).replace(a, "");
 }
-o.Cache = h;
 export {
-  o as default
+  t as default
 };

package/dist/kongponents.es311.js

@@ -1,20 +1,18 @@
-import r from "./kongponents.es401.js";
-import m from "./kongponents.es402.js";
-import h from "./kongponents.es403.js";
-import l from "./kongponents.es404.js";
-import c from "./kongponents.es405.js";
-function e(t) {
-  var o = -1, a = t == null ? 0 : t.length;
-  for (this.clear(); ++o < a; ) {
-    var p = t[o];
-    this.set(p[0], p[1]);
-  }
+import t from "./kongponents.es368.js";
+import f from "./kongponents.es301.js";
+import m from "./kongponents.es278.js";
+import p from "./kongponents.es286.js";
+var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
+function y(r) {
+  if (typeof r == "string")
+    return r;
+  if (m(r))
+    return f(r, y) + "";
+  if (p(r))
+    return n ? n.call(r) : "";
+  var o = r + "";
+  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
 }
-e.prototype.clear = r;
-e.prototype.delete = m;
-e.prototype.get = h;
-e.prototype.has = l;
-e.prototype.set = c;
 export {
-  e as default
+  y as default
 };

package/dist/kongponents.es312.js

@@ -1,8 +1,26 @@
-function h(e, u) {
-  for (var l = -1, n = e == null ? 0 : e.length, t = Array(n); ++l < n; )
-    t[l] = u(e[l], l, e);
-  return t;
-}
+import { defineComponent as r, createElementBlock as n, openBlock as s, renderSlot as i, createVNode as e } from "vue";
+import t from "./kongponents.es58.js";
+const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
+  __name: "SkeletonBase",
+  setup(a) {
+    return (o, d) => (s(), n("div", l, [
+      i(o.$slots, "default", {}, () => [
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        })
+      ], !0)
+    ]));
+  }
+});
 export {
-  h as default
+  _ as default
 };

package/dist/kongponents.es314.js

@@ -1,9 +1,50 @@
-import t from "./kongponents.es407.js";
-import o from "./kongponents.es408.js";
-import r from "./kongponents.es305.js";
-function s(e) {
-  return t(e, r, o);
-}
+import { defineComponent as h, useCssVars as k, computed as f, createElementBlock as t, openBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
+import d from "./kongponents.es58.js";
+import { KUI_SPACE_50 as C } from "./kongponents.es177.js";
+import { normalizeSize as p } from "./kongponents.es178.js";
+const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
+  __name: "CardSkeleton",
+  props: {
+    cardCount: {},
+    maxWidth: {}
+  },
+  setup(o) {
+    k((e) => ({
+      v243e7eb5: u.value
+    }));
+    const u = f(() => o.maxWidth ? p(o.maxWidth) : o.cardCount === 1 ? "470px" : `calc((100% / 3) - ${C})`);
+    return (e, S) => (r(), t("div", _, [
+      (r(!0), t(s, null, c(o.cardCount, (m) => (r(), t("div", {
+        key: m,
+        class: "skeleton-card"
+      }, [
+        l("div", v, [
+          i(e.$slots, "card-header", {}, () => [
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", w, [
+          i(e.$slots, "card-content", {}, () => [
+            (r(), t(s, null, c(3, (a) => n(d, {
+              key: a,
+              width: "100"
+            })), 64)),
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", x, [
+          i(e.$slots, "card-footer", {}, () => [
+            (r(), t(s, null, c(2, (a) => n(d, {
+              key: a,
+              height: "2",
+              width: "5"
+            })), 64))
+          ], !0)
+        ])
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  s as default
+  E as default
 };

package/dist/kongponents.es316.js

@@ -1,8 +1,36 @@
-function r(e) {
-  return function(n) {
-    return n == null ? void 0 : n[e];
-  };
-}
+import { defineComponent as i, useCssVars as d, createElementBlock as t, openBlock as n, Fragment as a, renderList as c, renderSlot as m, createVNode as k } from "vue";
+import f from "./kongponents.es58.js";
+const p = { class: "skeleton-table-wrapper" }, b = /* @__PURE__ */ i({
+  __name: "TableSkeleton",
+  props: {
+    rows: {},
+    columns: {}
+  },
+  setup(s) {
+    d((e) => ({
+      v11294cba: e.columns
+    }));
+    const u = (e, r) => e === 1 && r === 1 || e !== 1 && r !== 1 ? "25" : "50";
+    return (e, r) => (n(), t("div", p, [
+      (n(!0), t(a, null, c(s.rows, (l) => (n(), t("div", {
+        key: l,
+        class: "skeleton-table-row"
+      }, [
+        m(e.$slots, "default", {}, () => [
+          (n(!0), t(a, null, c(s.columns, (o) => (n(), t("div", {
+            key: o,
+            class: "skeleton-cell-container"
+          }, [
+            k(f, {
+              class: "skeleton-cell",
+              width: u(o, l)
+            }, null, 8, ["width"])
+          ]))), 128))
+        ], !0)
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  r as default
+  b as default
 };

package/dist/kongponents.es318.js

@@ -1,12 +1,25 @@
-import o from "./kongponents.es289.js";
-import n from "./kongponents.es297.js";
-var i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, s = /^\w*$/;
-function m(r, e) {
-  if (o(r))
-    return !1;
-  var t = typeof r;
-  return t == "number" || t == "symbol" || t == "boolean" || r == null || n(r) ? !0 : s.test(r) || !i.test(r) || e != null && r in Object(e);
-}
+import { defineComponent as s, createElementBlock as e, openBlock as t, Fragment as c, renderList as l, createElementVNode as m, createVNode as o } from "vue";
+import r from "./kongponents.es58.js";
+const a = { class: "skeleton-form-wrapper" }, f = /* @__PURE__ */ s({
+  __name: "FormSkeleton",
+  setup(i) {
+    return (d, p) => (t(), e("div", a, [
+      (t(), e(c, null, l(4, (n) => m("div", {
+        key: n,
+        class: "skeleton-form-row"
+      }, [
+        o(r, {
+          height: "2",
+          width: "10"
+        }),
+        o(r, {
+          height: "2",
+          width: "100"
+        })
+      ])), 64))
+    ]));
+  }
+});
 export {
-  m as default
+  f as default
 };

package/dist/kongponents.es320.js

@@ -1,6 +1,47 @@
-function r() {
-  return [];
-}
+import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, createElementBlock as l, openBlock as a, createElementVNode as o, createCommentVNode as v, unref as p, normalizeStyle as f } from "vue";
+import h from "./kongponents.es415.js";
+const I = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-loader"
+}, _ = ["src"], k = {
+  key: 0,
+  class: "progress"
+}, z = /* @__PURE__ */ d({
+  __name: "FullScreenKongSkeleton",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    i((t) => ({
+      v4d434712: t.zIndex
+    }));
+    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), g(() => {
+      clearInterval(n.value);
+    }), (t, x) => (a(), l("div", I, [
+      o("div", null, [
+        o("img", {
+          alt: "Loading",
+          src: p(h)
+        }, null, 8, _),
+        r.hideProgress ? v("", !0) : (a(), l("div", k, [
+          o("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: f({ width: `${c.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
-  r as default
+  z as default
 };

package/dist/kongponents.es322.js

@@ -1,18 +1,43 @@
-import t from "./kongponents.es371.js";
-import f from "./kongponents.es312.js";
-import m from "./kongponents.es289.js";
-import p from "./kongponents.es297.js";
-var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
-function y(r) {
-  if (typeof r == "string")
-    return r;
-  if (m(r))
-    return f(r, y) + "";
-  if (p(r))
-    return n ? n.call(r) : "";
-  var o = r + "";
-  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
-}
+import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, createElementBlock as a, openBlock as i, createElementVNode as s, createCommentVNode as g, normalizeStyle as f } from "vue";
+const h = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-spinner-loader"
+}, I = {
+  key: 0,
+  class: "progress"
+}, y = /* @__PURE__ */ u({
+  __name: "FullScreenGenericSpinner",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    c((l) => ({
+      v07a3a490: l.zIndex
+    }));
+    const n = o(0), e = o(0), d = v(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), p(() => {
+      clearInterval(n.value);
+    }), (l, t) => (i(), a("div", h, [
+      s("div", null, [
+        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
+        r.hideProgress ? g("", !0) : (i(), a("div", I, [
+          s("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: f({ width: `${d.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
   y as default
 };

package/dist/kongponents.es324.js

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