@kong/kongponents 9.47.1 → 9.47.2-pr.3004.2d5e6a8.0

package/dist/kongponents.es364.js

@@ -1,4 +1,136 @@
-var o = { exports: {} };
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
 export {
-  o as __module
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };

package/dist/kongponents.es365.js

@@ -1,15 +1,4 @@
-import { __module as t } from "./kongponents.es453.js";
-var u;
-function n() {
-  return u ? t.exports : (u = 1, (function(e) {
-    function o(r) {
-      return r && r.__esModule ? r : {
-        default: r
-      };
-    }
-    e.exports = o, e.exports.__esModule = !0, e.exports.default = e.exports;
-  })(t), t.exports);
-}
+import f from "./kongponents.es220.js";
 export {
-  n as __require
+  f as default
 };

package/dist/kongponents.es366.js

@@ -1,25 +1,26 @@
-import { __module as e } from "./kongponents.es454.js";
-import { __require as d } from "./kongponents.es365.js";
-import { __require as l } from "./kongponents.es455.js";
-import { __require as m } from "./kongponents.es368.js";
-import { __require as q } from "./kongponents.es374.js";
-var a;
-function R() {
-  return a ? e.exports : (a = 1, (function(t, r) {
-    var u = d().default;
-    Object.defineProperty(r, "__esModule", {
-      value: !0
-    }), r.default = n;
-    var o = u(/* @__PURE__ */ l()), f = u(/* @__PURE__ */ m()), s = u(/* @__PURE__ */ q());
-    function n(i) {
-      if ((0, s.default)(1, arguments), !(0, o.default)(i) && typeof i != "number")
-        return !1;
-      var _ = (0, f.default)(i);
-      return !isNaN(Number(_));
-    }
-    t.exports = r.default;
-  })(e, e.exports), e.exports);
-}
+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 {
-  R as __require
+  _ as default
 };

package/dist/kongponents.es368.js

@@ -1,23 +1,50 @@
-import { __module as t } from "./kongponents.es458.js";
-import { __require as d } from "./kongponents.es365.js";
-import { __require as p } from "./kongponents.es459.js";
-import { __require as c } from "./kongponents.es374.js";
-var i;
-function q() {
-  return i ? t.exports : (i = 1, (function(s, r) {
-    var a = d().default;
-    Object.defineProperty(r, "__esModule", {
-      value: !0
-    }), r.default = f;
-    var n = a(p()), u = a(/* @__PURE__ */ c());
-    function f(e) {
-      (0, u.default)(1, arguments);
-      var o = Object.prototype.toString.call(e);
-      return e instanceof Date || (0, n.default)(e) === "object" && o === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || o === "[object Number]" ? new Date(e) : ((typeof e == "string" || o === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
-    }
-    s.exports = r.default;
-  })(t, t.exports), t.exports);
-}
+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.es178.js";
+import { normalizeSize as p } from "./kongponents.es183.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 {
-  q as __require
+  E as default
 };

package/dist/kongponents.es370.js

@@ -1,86 +1,36 @@
-import { __module as i } from "./kongponents.es468.js";
-var P;
-function v() {
-  return P ? i.exports : (P = 1, (function(l, a) {
-    Object.defineProperty(a, "__esModule", {
-      value: !0
-    }), a.default = void 0;
-    var d = function(t, e) {
-      switch (t) {
-        case "P":
-          return e.date({
-            width: "short"
-          });
-        case "PP":
-          return e.date({
-            width: "medium"
-          });
-        case "PPP":
-          return e.date({
-            width: "long"
-          });
-        case "PPPP":
-        default:
-          return e.date({
-            width: "full"
-          });
-      }
-    }, u = function(t, e) {
-      switch (t) {
-        case "p":
-          return e.time({
-            width: "short"
-          });
-        case "pp":
-          return e.time({
-            width: "medium"
-          });
-        case "ppp":
-          return e.time({
-            width: "long"
-          });
-        case "pppp":
-        default:
-          return e.time({
-            width: "full"
-          });
-      }
-    }, h = function(t, e) {
-      var c = t.match(/(P+)(p+)?/) || [], m = c[1], n = c[2];
-      if (!n)
-        return d(t, e);
-      var r;
-      switch (m) {
-        case "P":
-          r = e.dateTime({
-            width: "short"
-          });
-          break;
-        case "PP":
-          r = e.dateTime({
-            width: "medium"
-          });
-          break;
-        case "PPP":
-          r = e.dateTime({
-            width: "long"
-          });
-          break;
-        case "PPPP":
-        default:
-          r = e.dateTime({
-            width: "full"
-          });
-          break;
-      }
-      return r.replace("{{date}}", d(m, e)).replace("{{time}}", u(n, e));
-    }, p = {
-      p: u,
-      P: h
-    }, o = p;
-    a.default = o, l.exports = a.default;
-  })(i, i.exports), i.exports);
-}
+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 {
-  v as __require
+  b as default
 };

package/dist/kongponents.es372.js

@@ -1,29 +1,25 @@
-import { __exports as t } from "./kongponents.es469.js";
-var n;
-function Y() {
-  if (n) return t;
-  n = 1, Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), t.isProtectedDayOfYearToken = d, t.isProtectedWeekYearToken = c, t.throwProtectedError = i;
-  var s = ["D", "DD"], a = ["YY", "YYYY"];
-  function d(e) {
-    return s.indexOf(e) !== -1;
+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))
+    ]));
   }
-  function c(e) {
-    return a.indexOf(e) !== -1;
-  }
-  function i(e, o, r) {
-    if (e === "YYYY")
-      throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(o, "`) for formatting years to the input `").concat(r, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-    if (e === "YY")
-      throw new RangeError("Use `yy` instead of `YY` (in `".concat(o, "`) for formatting years to the input `").concat(r, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-    if (e === "D")
-      throw new RangeError("Use `d` instead of `D` (in `".concat(o, "`) for formatting days of the month to the input `").concat(r, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-    if (e === "DD")
-      throw new RangeError("Use `dd` instead of `DD` (in `".concat(o, "`) for formatting days of the month to the input `").concat(r, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-  }
-  return t;
-}
+});
 export {
-  Y as __require
+  f as default
 };

package/dist/kongponents.es374.js

@@ -1,17 +1,47 @@
-import { __module as e } from "./kongponents.es470.js";
-var n;
-function d() {
-  return n ? e.exports : (n = 1, (function(o, r) {
-    Object.defineProperty(r, "__esModule", {
-      value: !0
-    }), r.default = i;
-    function i(t, u) {
-      if (u.length < t)
-        throw new TypeError(t + " argument" + (t > 1 ? "s" : "") + " required, but only " + u.length + " present");
-    }
-    o.exports = r.default;
-  })(e, e.exports), e.exports);
-}
+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 {
-  d as __require
+  z as default
 };

package/dist/kongponents.es376.js

@@ -1,17 +1,43 @@
-import { __module as r } from "./kongponents.es472.js";
-import { __require as f } from "./kongponents.es365.js";
-import { __require as l } from "./kongponents.es473.js";
-var u;
-function q() {
-  return u ? r.exports : (u = 1, (function(t, e) {
-    var a = f().default;
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), e.default = void 0;
-    var i = a(/* @__PURE__ */ l()), o = i.default;
-    e.default = o, t.exports = e.default;
-  })(r, r.exports), r.exports);
-}
+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 {
-  q as __require
+  y as default
 };

package/dist/kongponents.es378.js

@@ -1,20 +1,8 @@
-import { __module as e } from "./kongponents.es379.js";
-import { __require as f } from "./kongponents.es365.js";
-import { __require as l } from "./kongponents.es380.js";
-var t;
-function d() {
-  return t ? e.exports : (t = 1, (function(u, r) {
-    var o = f().default;
-    Object.defineProperty(r, "__esModule", {
-      value: !0
-    }), r.default = n;
-    var i = o(/* @__PURE__ */ l());
-    function n(a) {
-      return (0, i.default)({}, a);
-    }
-    u.exports = r.default;
-  })(e, e.exports), e.exports);
-}
+import { default as a } from "./kongponents.es240.js";
+import t from "./kongponents.es241.js";
+import { mutate as m } from "./kongponents.es241.js";
 export {
-  d as __require
+  a as SWRVCache,
+  t as default,
+  m as mutate
 };