@kong/kongponents 9.48.8 → 9.48.9-pr.3038.fc72bda.0

package/dist/kongponents.es316.js

@@ -1,9 +1,220 @@
-import t from "./kongponents.es280.js";
-function o(e) {
-  return function(r) {
-    return t(r, e);
-  };
-}
+/*!
+* tabbable 6.3.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var T = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], b = /* @__PURE__ */ T.join(","), I = typeof Element > "u", d = I ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, h = !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;
+}, v = 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 && v(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 (v(t))
+    return [];
+  var a = Array.prototype.slice.apply(t.querySelectorAll(b));
+  return e && d.call(t, b) && 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 (!v(n, !1))
+      if (n.tagName === "SLOT") {
+        var c = n.assignedElements(), s = c.length ? c : n.children, u = g(s, !0, r);
+        r.flatten ? a.push.apply(a, u) : a.push({
+          scopeParent: n,
+          candidates: u
+        });
+      } else {
+        var f = d.call(n, b);
+        f && r.filter(n) && (e || !t.includes(n)) && a.push(n);
+        var o = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), A = !v(o, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (o && A) {
+          var p = g(o === !0 ? n.children : o.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 || h(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 && h(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
+  if (r && r !== t) {
+    var n, c, s;
+    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (s = t.ownerDocument) !== null && s !== void 0 && s.contains(t)); !l && a; ) {
+      var u, f, o;
+      r = h(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((f = a) !== null && f !== void 0 && (o = f.ownerDocument) !== null && o !== void 0 && o.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 s = t; t; ) {
+        var u = t.parentElement, f = h(t);
+        if (u && !u.shadowRoot && a(u) === !0)
+          return w(t);
+        t.assignedSlot ? t = t.assignedSlot : !u && f !== t.ownerDocument ? t = f.host : t = u;
+      }
+      t = s;
+    }
+    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 || // we must do an inert look up to filter out any elements inside an inert ancestor
+  //  because we're limited in the type of selectors we can use in JSDom (see related
+  //  note related to `candidateSelectors`)
+  v(e) || 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, s = O(c, n), u = n ? E(a.candidates) : c;
+    s === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
+      documentOrder: l,
+      tabIndex: s,
+      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, b) === !1 ? !1 : S(e, t);
+}, W = /* @__PURE__ */ T.concat("iframe").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 {
-  o as default
+  z as focusable,
+  N as getTabIndex,
+  X as isFocusable,
+  G as isTabbable,
+  Z as tabbable
 };

package/dist/kongponents.es317.js

@@ -1,12 +1,26 @@
-import o from "./kongponents.es288.js";
-import n from "./kongponents.es296.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 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 {
-  m as default
+  _ as default
 };

package/dist/kongponents.es319.js

@@ -1,6 +1,50 @@
-function r() {
-  return [];
-}
+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 {
-  r as default
+  E as default
 };

package/dist/kongponents.es321.js

@@ -1,18 +1,36 @@
-import t from "./kongponents.es369.js";
-import f from "./kongponents.es311.js";
-import m from "./kongponents.es288.js";
-import p from "./kongponents.es296.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 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 {
-  y as default
+  b as default
 };

package/dist/kongponents.es323.js

@@ -1,4 +1,25 @@
-const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+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 {
-  t as urlAlphabet
+  f as default
 };

package/dist/kongponents.es325.js

@@ -1,4 +1,47 @@
-import f from "./kongponents.es236.js";
+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.es386.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 {
-  f as default
+  z as default
 };

package/dist/kongponents.es327.js

@@ -0,0 +1,43 @@
+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
+};