@kong/kongponents 9.47.3 → 9.47.4

package/dist/kongponents.es247.js

@@ -1,25 +1,178 @@
-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))
+import { defineComponent as $, ref as u, computed as D, watch as L, onMounted as T, onBeforeMount as H, createElementBlock as h, openBlock as c, createVNode as o, withCtx as r, unref as b, createBlock as g, createCommentVNode as K, createElementVNode as w, withModifiers as f, createSlots as N, Fragment as P, renderList as E, createTextVNode as C, toDisplayString as U, nextTick as q } from "vue";
+import { debounce as z } from "./kongponents.es166.js";
+import A from "./kongponents.es172.js";
+import J from "./kongponents.es210.js";
+import R from "./kongponents.es254.js";
+import p from "./kongponents.es33.js";
+import F from "./kongponents.es37.js";
+import O from "./kongponents.es42.js";
+import j from "./kongponents.es43.js";
+import G from "./kongponents.es46.js";
+import Q from "./kongponents.es24.js";
+/* empty css                 */
+import W from "./kongponents.es48.js";
+const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, me = /* @__PURE__ */ $({
+  __name: "ColumnVisibilityMenu",
+  props: {
+    columns: {},
+    tableId: {},
+    visibilityPreferences: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update"],
+  setup(i, { emit: V }) {
+    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), a = u(""), v = () => {
+      s.value = i.columns.reduce((e, t) => (e[t.key] = i.visibilityPreferences[t.key] === void 0 ? !0 : i.visibilityPreferences[t.key], e), {}), d.value = !1;
+    }, I = z((e) => {
+      a.value = e, n.value && m(n.value);
+    }, 500), k = D(() => a.value ? i.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(a.value.toLowerCase())) : i.columns), S = () => {
+      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, a.value = "";
+    }, B = (e) => {
+      y.value = e, e && n.value && q(() => {
+        n.value && m(n.value);
+      }), !e && d.value && v(), e || (a.value = "");
+    }, m = (e) => {
+      if (!(e.scrollHeight > e.clientHeight)) {
+        e.classList.remove("is-bottom-overflowing");
+        return;
+      }
+      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
+      e.classList.toggle("is-bottom-overflowing", !l);
+    };
+    return L(() => i.visibilityPreferences, () => {
+      v();
+    }, { immediate: !0 }), T(() => {
+      n.value && (n.value.addEventListener("scroll", (e) => {
+        const t = e.currentTarget;
+        m(t);
+      }), m(n.value));
+    }), H(() => {
+      v();
+    }), (e, t) => (c(), h("div", X, [
+      o(O, {
+        "data-testid": "table-column-visibility-menu",
+        disabled: i.disabled,
+        "kpop-attributes": { placement: "bottom-end" },
+        onToggleDropdown: B
+      }, {
+        items: r(() => [
+          a.value || k.value.length > 5 ? (c(), g(G, {
+            key: 0,
+            modelValue: a.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => a.value = l),
+            modelModifiers: { trim: !0 },
+            autocomplete: "off",
+            class: "search-input",
+            "data-testid": "search-input",
+            placeholder: "Search columns",
+            type: "search",
+            onClick: t[2] || (t[2] = f(() => {
+            }, ["stop"])),
+            onInput: b(I)
+          }, N({
+            before: r(() => [
+              o(b(J), { decorative: "" })
+            ]),
+            _: 2
+          }, [
+            a.value ? {
+              name: "after",
+              fn: r(() => [
+                o(p, {
+                  appearance: "tertiary",
+                  "aria-label": "Clear search",
+                  class: "clear-search",
+                  "data-testid": "clear-search-button",
+                  icon: "",
+                  size: "small",
+                  onClick: t[0] || (t[0] = f(() => a.value = "", ["stop"]))
+                }, {
+                  default: r(() => [
+                    o(b(A), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "onInput"])) : K("", !0),
+          w("div", {
+            ref_key: "menuItemsRef",
+            ref: n,
+            class: "menu-items-wrapper"
+          }, [
+            (c(!0), h(P, null, E(k.value, (l) => (c(), g(j, {
+              key: l.key,
+              class: "column-visibility-menu-item",
+              "data-testid": `column-visibility-menu-item-${l.key}`,
+              onClick: f(() => {
+                s.value[l.key] = !s.value[l.key], d.value = !0;
+              }, ["stop"])
+            }, {
+              default: r(() => [
+                o(F, {
+                  modelValue: s.value[l.key],
+                  "onUpdate:modelValue": (M) => s.value[l.key] = M,
+                  "aria-labelledby": `${i.tableId}-${l.key}-visibility-checkbox-label`,
+                  "data-testid": `column-visibility-checkbox-${l.key}`
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
+                o(W, {
+                  id: `${i.tableId}-${l.key}-visibility-checkbox-label`,
+                  class: "visibility-checkbox-label",
+                  title: l.label
+                }, {
+                  default: r(() => [
+                    C(U(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "title"])
+              ]),
+              _: 2
+            }, 1032, ["data-testid", "onClick"]))), 128))
+          ], 512),
+          w("div", Y, [
+            o(p, {
+              appearance: "tertiary",
+              class: "apply-button",
+              "data-testid": "apply-button",
+              onClick: S
+            }, {
+              default: r(() => [...t[3] || (t[3] = [
+                C(" Apply ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: r(() => [
+          o(Q, {
+            placement: "bottom-end",
+            text: y.value ? void 0 : "Show/Hide Columns"
+          }, {
+            default: r(() => [
+              o(p, {
+                appearance: "tertiary",
+                "aria-label": "Show/Hide Columns",
+                class: "menu-button",
+                "data-testid": "column-visibility-menu-button",
+                disabled: i.disabled,
+                icon: "",
+                size: "large"
+              }, {
+                default: r(() => [
+                  o(b(R), { decorative: "" })
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ]),
+        _: 1
+      }, 8, ["disabled"])
     ]));
   }
 });
 export {
-  f as default
+  me as default
 };

package/dist/kongponents.es249.js

@@ -1,47 +1,42 @@
-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.es308.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)
-        ]))
-      ])
-    ]));
-  }
-});
+import p from "./kongponents.es448.js";
+function f(t) {
+  if (typeof t == "function")
+    try {
+      t = t();
+    } catch {
+      t = "";
+    }
+  return Array.isArray(t) ? t = p(t) : t = String(t || ""), t;
+}
+var c = (
+  /** @class */
+  (function() {
+    function t(e) {
+      e === void 0 && (e = 0), this.items = /* @__PURE__ */ new Map(), this.ttl = e;
+    }
+    return t.prototype.serializeKey = function(e) {
+      return f(e);
+    }, t.prototype.get = function(e) {
+      var i = this.serializeKey(e);
+      return this.items.get(i);
+    }, t.prototype.set = function(e, i, s) {
+      var n = this.serializeKey(e), r = s || this.ttl, a = Date.now(), o = {
+        data: i,
+        createdAt: a,
+        expiresAt: r ? a + r : 1 / 0
+      };
+      this.dispatchExpire(r, o, n), this.items.set(n, o);
+    }, t.prototype.dispatchExpire = function(e, i, s) {
+      var n = this;
+      e && setTimeout(function() {
+        var r = Date.now(), a = r >= i.expiresAt;
+        a && n.delete(s);
+      }, e);
+    }, t.prototype.delete = function(e) {
+      this.items.delete(e);
+    }, t;
+  })()
+);
 export {
-  z as default
+  c as default
 };

package/dist/kongponents.es250.js

@@ -0,0 +1,322 @@
+import { getCurrentInstance as $, ref as q, reactive as z, onMounted as J, onUnmounted as K, watch as N, isReadonly as Q, toRefs as X } from "vue";
+import D from "./kongponents.es449.js";
+import x from "./kongponents.es249.js";
+var m = function() {
+  return m = Object.assign || function(u) {
+    for (var a, r = 1, i = arguments.length; r < i; r++) {
+      a = arguments[r];
+      for (var n in a) Object.prototype.hasOwnProperty.call(a, n) && (u[n] = a[n]);
+    }
+    return u;
+  }, m.apply(this, arguments);
+}, E = function(u, a, r, i) {
+  function n(e) {
+    return e instanceof r ? e : new r(function(s) {
+      s(e);
+    });
+  }
+  return new (r || (r = Promise))(function(e, s) {
+    function y(o) {
+      try {
+        t(i.next(o));
+      } catch (h) {
+        s(h);
+      }
+    }
+    function c(o) {
+      try {
+        t(i.throw(o));
+      } catch (h) {
+        s(h);
+      }
+    }
+    function t(o) {
+      o.done ? e(o.value) : n(o.value).then(y, c);
+    }
+    t((i = i.apply(u, a || [])).next());
+  });
+}, V = function(u, a) {
+  var r = { label: 0, sent: function() {
+    if (e[0] & 1) throw e[1];
+    return e[1];
+  }, trys: [], ops: [] }, i, n, e, s;
+  return s = { next: y(0), throw: y(1), return: y(2) }, typeof Symbol == "function" && (s[Symbol.iterator] = function() {
+    return this;
+  }), s;
+  function y(t) {
+    return function(o) {
+      return c([t, o]);
+    };
+  }
+  function c(t) {
+    if (i) throw new TypeError("Generator is already executing.");
+    for (; r; ) try {
+      if (i = 1, n && (e = t[0] & 2 ? n.return : t[0] ? n.throw || ((e = n.return) && e.call(n), 0) : n.next) && !(e = e.call(n, t[1])).done) return e;
+      switch (n = 0, e && (t = [t[0] & 2, e.value]), t[0]) {
+        case 0:
+        case 1:
+          e = t;
+          break;
+        case 4:
+          return r.label++, { value: t[1], done: !1 };
+        case 5:
+          r.label++, n = t[1], t = [0];
+          continue;
+        case 7:
+          t = r.ops.pop(), r.trys.pop();
+          continue;
+        default:
+          if (e = r.trys, !(e = e.length > 0 && e[e.length - 1]) && (t[0] === 6 || t[0] === 2)) {
+            r = 0;
+            continue;
+          }
+          if (t[0] === 3 && (!e || t[1] > e[0] && t[1] < e[3])) {
+            r.label = t[1];
+            break;
+          }
+          if (t[0] === 6 && r.label < e[1]) {
+            r.label = e[1], e = t;
+            break;
+          }
+          if (e && r.label < e[2]) {
+            r.label = e[2], r.ops.push(t);
+            break;
+          }
+          e[2] && r.ops.pop(), r.trys.pop();
+          continue;
+      }
+      t = a.call(u, r);
+    } catch (o) {
+      t = [6, o], n = 0;
+    } finally {
+      i = e = 0;
+    }
+    if (t[0] & 5) throw t[1];
+    return { value: t[0] ? t[1] : void 0, done: !0 };
+  }
+}, Y = function(u, a) {
+  var r = typeof Symbol == "function" && u[Symbol.iterator];
+  if (!r) return u;
+  var i = r.call(u), n, e = [], s;
+  try {
+    for (; (a === void 0 || a-- > 0) && !(n = i.next()).done; ) e.push(n.value);
+  } catch (y) {
+    s = { error: y };
+  } finally {
+    try {
+      n && !n.done && (r = i.return) && r.call(i);
+    } finally {
+      if (s) throw s.error;
+    }
+  }
+  return e;
+}, Z = function(u, a, r) {
+  if (r || arguments.length === 2) for (var i = 0, n = a.length, e; i < n; i++)
+    (e || !(i in a)) && (e || (e = Array.prototype.slice.call(a, 0, i)), e[i] = a[i]);
+  return u.concat(e || Array.prototype.slice.call(a));
+}, W = new x(), p = new x(), k = new x(), G = {
+  cache: W,
+  refreshInterval: 0,
+  ttl: 0,
+  serverTTL: 1e3,
+  dedupingInterval: 2e3,
+  revalidateOnFocus: !0,
+  revalidateDebounce: 0,
+  shouldRetryOnError: !0,
+  errorRetryInterval: 5e3,
+  errorRetryCount: 5,
+  fetcher: D.fetcher,
+  isOnline: D.isOnline,
+  isDocumentVisible: D.isDocumentVisible
+};
+function ee(u, a, r) {
+  var i = p.get(u);
+  if (i)
+    i.data.push(a);
+  else {
+    var n = 5e3;
+    p.set(u, [a], r > 0 ? r + n : r);
+  }
+}
+function re(u, a, r) {
+  if (r.isDocumentVisible() && !(r.errorRetryCount !== void 0 && a > r.errorRetryCount)) {
+    var i = Math.min(a || 0, r.errorRetryCount), n = i * r.errorRetryInterval;
+    setTimeout(function() {
+      u(null, { errorRetryCount: i + 1, shouldRetryOnError: !0 });
+    }, n);
+  }
+}
+var P = function(u, a, r, i) {
+  return r === void 0 && (r = W), i === void 0 && (i = G.ttl), E(void 0, void 0, void 0, function() {
+    var n, e, s, y, c, t, o;
+    return V(this, function(h) {
+      switch (h.label) {
+        case 0:
+          if (!te(a)) return [3, 5];
+          h.label = 1;
+        case 1:
+          return h.trys.push([1, 3, , 4]), [4, a];
+        case 2:
+          return n = h.sent(), [3, 4];
+        case 3:
+          return y = h.sent(), e = y, [3, 4];
+        case 4:
+          return [3, 6];
+        case 5:
+          n = a, h.label = 6;
+        case 6:
+          if (s = !1, c = { data: n, error: e, isValidating: s }, typeof n < "u")
+            try {
+              r.set(u, c, i);
+            } catch (d) {
+              console.error("swrv(mutate): failed to set cache", d);
+            }
+          return t = p.get(u), t && t.data.length && (o = t.data.filter(function(d) {
+            return d.key === u;
+          }), o.forEach(function(d, l) {
+            typeof c.data < "u" && (d.data = c.data), d.error = c.error, d.isValidating = c.isValidating, d.isLoading = c.isValidating;
+            var b = l === o.length - 1;
+            b || delete o[l];
+          }), o = o.filter(Boolean)), [2, c];
+      }
+    });
+  });
+};
+function ue() {
+  for (var u = this, a = [], r = 0; r < arguments.length; r++)
+    a[r] = arguments[r];
+  var i, n, e = m({}, G), s = !1, y = !1, c = $(), t = (c == null ? void 0 : c.proxy) || c;
+  if (!t)
+    return console.error("Could not get current instance, check to make sure that `useSwrv` is declared in the top level of the setup function."), null;
+  var o = (t == null ? void 0 : t.$isServer) || !1;
+  a.length >= 1 && (i = a[0]), a.length >= 2 && (n = a[1]), a.length > 2 && (e = m(m({}, e), a[2]));
+  var h = o ? e.serverTTL : e.ttl, d = typeof i == "function" ? i : q(i);
+  typeof n > "u" && (n = e.fetcher);
+  var l = null;
+  l || (l = z({
+    data: void 0,
+    error: void 0,
+    isValidating: !0,
+    isLoading: !0,
+    key: null
+  }));
+  var b = function(v, f) {
+    return E(u, void 0, void 0, function() {
+      var F, g, I, C, A, H, L, j = this;
+      return V(this, function(S) {
+        switch (S.label) {
+          case 0:
+            return F = l.data === void 0, g = d.value, g ? (I = e.cache.get(g), C = I && I.data, l.isValidating = !0, l.isLoading = !C, C && (l.data = C.data, l.error = C.error), A = v || n, !A || !e.isDocumentVisible() && !F || (f == null ? void 0 : f.forceRevalidate) !== void 0 && !(f != null && f.forceRevalidate) ? (l.isValidating = !1, l.isLoading = !1, [
+              2
+              /*return*/
+            ]) : I && (H = !!(Date.now() - I.createdAt >= e.dedupingInterval || f != null && f.forceRevalidate), !H) ? (l.isValidating = !1, l.isLoading = !1, [
+              2
+              /*return*/
+            ]) : (L = function() {
+              return E(j, void 0, void 0, function() {
+                var w, B, T, M;
+                return V(this, function(_) {
+                  switch (_.label) {
+                    case 0:
+                      return w = k.get(g), w ? [3, 2] : (B = Array.isArray(g) ? g : [g], T = A.apply(void 0, Z([], Y(B), !1)), k.set(g, T, e.dedupingInterval), [4, P(g, T, e.cache, h)]);
+                    case 1:
+                      return _.sent(), [3, 4];
+                    case 2:
+                      return [4, P(g, w.data, e.cache, h)];
+                    case 3:
+                      _.sent(), _.label = 4;
+                    case 4:
+                      return l.isValidating = !1, l.isLoading = !1, k.delete(g), l.error !== void 0 && (M = !s && e.shouldRetryOnError && (f ? f.shouldRetryOnError : !0), M && re(b, f ? f.errorRetryCount : 1, e)), [
+                        2
+                        /*return*/
+                      ];
+                  }
+                });
+              });
+            }, C && e.revalidateDebounce ? (setTimeout(function() {
+              return E(j, void 0, void 0, function() {
+                return V(this, function(w) {
+                  switch (w.label) {
+                    case 0:
+                      return s ? [3, 2] : [4, L()];
+                    case 1:
+                      w.sent(), w.label = 2;
+                    case 2:
+                      return [
+                        2
+                        /*return*/
+                      ];
+                  }
+                });
+              });
+            }, e.revalidateDebounce), [3, 3]) : [3, 1])) : [
+              2
+              /*return*/
+            ];
+          case 1:
+            return [4, L()];
+          case 2:
+            S.sent(), S.label = 3;
+          case 3:
+            return [
+              2
+              /*return*/
+            ];
+        }
+      });
+    });
+  }, O = function() {
+    return E(u, void 0, void 0, function() {
+      return V(this, function(v) {
+        return [2, b(null, { shouldRetryOnError: !1 })];
+      });
+    });
+  }, R = null;
+  J(function() {
+    var v = function() {
+      return E(u, void 0, void 0, function() {
+        return V(this, function(f) {
+          switch (f.label) {
+            case 0:
+              return !l.error && e.isOnline() ? [4, b()] : [3, 2];
+            case 1:
+              return f.sent(), [3, 3];
+            case 2:
+              R && clearTimeout(R), f.label = 3;
+            case 3:
+              return e.refreshInterval && !s && (R = setTimeout(v, e.refreshInterval)), [
+                2
+                /*return*/
+              ];
+          }
+        });
+      });
+    };
+    e.refreshInterval && (R = setTimeout(v, e.refreshInterval)), e.revalidateOnFocus && (document.addEventListener("visibilitychange", O, !1), window.addEventListener("focus", O, !1));
+  }), K(function() {
+    s = !0, R && clearTimeout(R), e.revalidateOnFocus && (document.removeEventListener("visibilitychange", O, !1), window.removeEventListener("focus", O, !1));
+    var v = p.get(d.value);
+    v && (v.data = v.data.filter(function(f) {
+      return f !== l;
+    }));
+  });
+  try {
+    N(d, function(v) {
+      Q(d) || (d.value = v), l.key = v, l.isValidating = !!v, ee(d.value, l, h), !o && !y && d.value && b(), y = !1;
+    }, {
+      immediate: !0
+    });
+  } catch {
+  }
+  var U = m(m({}, X(l)), { mutate: function(v, f) {
+    return b(v, m(m({}, f), { forceRevalidate: !0 }));
+  } });
+  return U;
+}
+function te(u) {
+  return u !== null && typeof u == "object" && typeof u.then == "function";
+}
+export {
+  ue as default,
+  P as mutate
+};

package/dist/kongponents.es251.js

@@ -1,43 +1,4 @@
-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)
-        ]))
-      ])
-    ]));
-  }
-});
+const I = "24px";
 export {
-  y as default
+  I as KUI_ICON_SIZE_50
 };