@kong/kongponents 9.53.0 → 9.53.1

package/dist/kongponents.es322.js

@@ -1,12 +1,36 @@
-import o from "./kongponents.es327.js";
-import r from "./kongponents.es306.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 { defineComponent as i, useCssVars as d, openBlock as t, createElementBlock as n, Fragment as a, renderList as c, renderSlot as m, createVNode as k } from "vue";
+import f from "./kongponents.es61.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) => (t(), n("div", p, [
+      (t(!0), n(a, null, c(s.rows, (l) => (t(), n("div", {
+        key: l,
+        class: "skeleton-table-row"
+      }, [
+        m(e.$slots, "default", {}, () => [
+          (t(!0), n(a, null, c(s.columns, (o) => (t(), n("div", {
+            key: o,
+            class: "skeleton-cell-container"
+          }, [
+            k(f, {
+              class: "skeleton-cell",
+              width: u(o, l)
+            }, null, 8, ["width"])
+          ]))), 128))
+        ], !0)
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  g as default
+  b as default
 };

package/dist/kongponents.es324.js

@@ -1,6 +1,25 @@
-import f from "./kongponents.es325.js";
-import t from "./kongponents.es326.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 { defineComponent as s, openBlock as e, createElementBlock as t, Fragment as c, renderList as l, createElementVNode as m, createVNode as o } from "vue";
+import r from "./kongponents.es61.js";
+const a = { class: "skeleton-form-wrapper" }, f = /* @__PURE__ */ s({
+  __name: "FormSkeleton",
+  setup(i) {
+    return (d, p) => (e(), t("div", a, [
+      (e(), t(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 {
-  a as default
+  f as default
 };

package/dist/kongponents.es326.js

@@ -1,6 +1,47 @@
-function e() {
-  return !1;
-}
+import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, openBlock as l, createElementBlock as a, createElementVNode as o, unref as v, normalizeStyle as p, createCommentVNode as f } from "vue";
+import h from "./kongponents.es429.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) => (l(), a("div", I, [
+      o("div", null, [
+        o("img", {
+          alt: "Loading",
+          src: v(h)
+        }, null, 8, _),
+        r.hideProgress ? f("", !0) : (l(), a("div", k, [
+          o("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: p({ width: `${c.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
-  e as default
+  z as default
 };

package/dist/kongponents.es328.js

@@ -1,9 +1,43 @@
-import t from "./kongponents.es327.js";
-import m from "./kongponents.es319.js";
-var r = "[object Symbol]";
-function i(o) {
-  return typeof o == "symbol" || m(o) && t(o) == r;
-}
+import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, openBlock as a, createElementBlock as i, createElementVNode as s, normalizeStyle as g, createCommentVNode 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) => (a(), i("div", h, [
+      s("div", null, [
+        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
+        r.hideProgress ? f("", !0) : (a(), i("div", I, [
+          s("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: g({ width: `${d.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
-  i as default
+  y as default
 };

package/dist/kongponents.es330.js

@@ -1,12 +1,219 @@
-import e from "./kongponents.es327.js";
-import r from "./kongponents.es323.js";
-import o from "./kongponents.es319.js";
-var g = "[object Arguments]", b = "[object Array]", c = "[object Boolean]", j = "[object Date]", n = "[object Error]", T = "[object Function]", i = "[object Map]", y = "[object Number]", p = "[object Object]", A = "[object RegExp]", f = "[object Set]", u = "[object String]", m = "[object WeakMap]", s = "[object ArrayBuffer]", l = "[object DataView]", d = "[object Float32Array]", I = "[object Float64Array]", U = "[object Int8Array]", k = "[object Int16Array]", w = "[object Int32Array]", x = "[object Uint8Array]", B = "[object Uint8ClampedArray]", F = "[object Uint16Array]", M = "[object Uint32Array]", a = {};
-a[d] = a[I] = a[U] = a[k] = a[w] = a[x] = a[B] = a[F] = a[M] = !0;
-a[g] = a[b] = a[s] = a[c] = a[l] = a[j] = a[n] = a[T] = a[i] = a[y] = a[p] = a[A] = a[f] = a[u] = a[m] = !1;
-function E(t) {
-  return o(t) && r(t.length) && !!a[e(t)];
-}
+/*!
+* tabbable 6.4.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var T = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], v = /* @__PURE__ */ T.join(","), I = typeof Element > "u", d = I ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, b = !I && Element.prototype.getRootNode ? function(i) {
+  var t;
+  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
+} : function(i) {
+  return i == null ? void 0 : i.ownerDocument;
+}, h = function(t, e) {
+  var r;
+  e === void 0 && (e = !0);
+  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  (typeof t.closest == "function" ? t.closest("[inert]") : h(t.parentNode));
+  return n;
+}, x = function(t) {
+  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
+  return r === "" || r === "true";
+}, m = function(t, e, r) {
+  if (h(t))
+    return [];
+  var a = Array.prototype.slice.apply(t.querySelectorAll(v));
+  return e && d.call(t, v) && a.unshift(t), a = a.filter(r), a;
+}, g = function(t, e, r) {
+  for (var a = [], l = Array.from(t); l.length; ) {
+    var n = l.shift();
+    if (!h(n, !1))
+      if (n.tagName === "SLOT") {
+        var c = n.assignedElements(), o = c.length ? c : n.children, u = g(o, !0, r);
+        r.flatten ? a.push.apply(a, u) : a.push({
+          scopeParent: n,
+          candidates: u
+        });
+      } else {
+        var s = d.call(n, v);
+        s && r.filter(n) && (e || !t.includes(n)) && a.push(n);
+        var f = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), A = !h(f, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (f && A) {
+          var p = g(f === !0 ? n.children : f.children, !0, r);
+          r.flatten ? a.push.apply(a, p) : a.push({
+            scopeParent: n,
+            candidates: p
+          });
+        } else
+          l.unshift.apply(l, n.children);
+      }
+  }
+  return a;
+}, C = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, N = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || x(t)) && !C(t) ? 0 : t.tabIndex;
+}, O = function(t, e) {
+  var r = N(t);
+  return r < 0 && e && !C(t) ? 0 : r;
+}, k = function(t, e) {
+  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
+}, R = function(t) {
+  return t.tagName === "INPUT";
+}, F = function(t) {
+  return R(t) && t.type === "hidden";
+}, D = function(t) {
+  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return e;
+}, M = function(t, e) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === e)
+      return t[r];
+}, P = function(t) {
+  if (!t.name)
+    return !0;
+  var e = t.form || b(t), r = function(c) {
+    return e.querySelectorAll('input[type="radio"][name="' + c + '"]');
+  }, a;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    a = r(window.CSS.escape(t.name));
+  else
+    try {
+      a = r(t.name);
+    } catch (n) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
+    }
+  var l = M(a, t.form);
+  return !l || l === t;
+}, L = function(t) {
+  return R(t) && t.type === "radio";
+}, V = function(t) {
+  return L(t) && !P(t);
+}, B = function(t) {
+  var e, r = t && b(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
+  if (r && r !== t) {
+    var n, c, o;
+    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (o = t.ownerDocument) !== null && o !== void 0 && o.contains(t)); !l && a; ) {
+      var u, s, f;
+      r = b(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((s = a) !== null && s !== void 0 && (f = s.ownerDocument) !== null && f !== void 0 && f.contains(a));
+    }
+  }
+  return l;
+}, w = function(t) {
+  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
+  return r === 0 && a === 0;
+}, q = function(t, e) {
+  var r = e.displayCheck, a = e.getShadowRoot;
+  if (r === "full-native" && "checkVisibility" in t) {
+    var l = t.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !l;
+  }
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var n = d.call(t, "details>summary:first-of-type"), c = n ? t.parentElement : t;
+  if (d.call(c, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  r === "full-native" || r === "legacy-full") {
+    if (typeof a == "function") {
+      for (var o = t; t; ) {
+        var u = t.parentElement, s = b(t);
+        if (u && !u.shadowRoot && a(u) === !0)
+          return w(t);
+        t.assignedSlot ? t = t.assignedSlot : !u && s !== t.ownerDocument ? t = s.host : t = u;
+      }
+      t = o;
+    }
+    if (B(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return w(t);
+  return !1;
+}, U = function(t) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
+    for (var e = t.parentElement; e; ) {
+      if (e.tagName === "FIELDSET" && e.disabled) {
+        for (var r = 0; r < e.children.length; r++) {
+          var a = e.children.item(r);
+          if (a.tagName === "LEGEND")
+            return d.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
+        }
+        return !0;
+      }
+      e = e.parentElement;
+    }
+  return !1;
+}, y = function(t, e) {
+  return !(e.disabled || F(e) || q(e, t) || // For a details element with a summary, the summary element gets the focus
+  D(e) || U(e));
+}, S = function(t, e) {
+  return !(V(e) || N(e) < 0 || !y(t, e));
+}, j = function(t) {
+  var e = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(e) || e >= 0);
+}, E = function(t) {
+  var e = [], r = [];
+  return t.forEach(function(a, l) {
+    var n = !!a.scopeParent, c = n ? a.scopeParent : a, o = O(c, n), u = n ? E(a.candidates) : c;
+    o === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
+      documentOrder: l,
+      tabIndex: o,
+      item: a,
+      isScope: n,
+      content: u
+    });
+  }), r.sort(k).reduce(function(a, l) {
+    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
+  }, []).concat(e);
+}, Z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: S.bind(null, e),
+    flatten: !1,
+    getShadowRoot: e.getShadowRoot,
+    shadowRootFilter: j
+  }) : r = m(t, e.includeContainer, S.bind(null, e)), E(r);
+}, z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: y.bind(null, e),
+    flatten: !0,
+    getShadowRoot: e.getShadowRoot
+  }) : r = m(t, e.includeContainer, y.bind(null, e)), r;
+}, G = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return d.call(t, v) === !1 ? !1 : S(e, t);
+}, W = /* @__PURE__ */ T.concat("iframe:not([inert]):not([inert] *)").join(","), X = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return d.call(t, W) === !1 ? !1 : y(e, t);
+};
 export {
-  E as default
+  z as focusable,
+  N as getTabIndex,
+  X as isFocusable,
+  G as isTabbable,
+  Z as tabbable
 };