@kong/kongponents 9.48.8 → 9.48.9-pr.3039.0ac4edb.0

package/dist/kongponents.es247.js

@@ -1,47 +1,136 @@
-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.es330.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)
-        ]))
-      ])
-    ]));
+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 {
-  z as default
+  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.es248.js

@@ -0,0 +1,4 @@
+import f from "./kongponents.es206.js";
+export {
+  f as default
+};

package/dist/{kongponents.es265.js → kongponents.es250.js}

@@ -1,5 +1,5 @@
 import { defineComponent as K, computed as g, useTemplateRef as $, createElementBlock as d, openBlock as l, createBlock as u, createCommentVNode as h, Fragment as m, renderList as f, withCtx as S, renderSlot as v, createElementVNode as p, toDisplayString as y, createTextVNode as V } from "vue";
-import w from "./kongponents.es221.js";
+import w from "./kongponents.es184.js";
 const D = { ref: "itemsContainer" }, O = { class: "select-group-title" }, R = { class: "select-item-description" }, I = ".select-item button:not(:disabled)", q = '.select-item[aria-selected="true"] button:not(:disabled)', G = /* @__PURE__ */ K({
   __name: "KSelectItems",
   props: {

package/dist/kongponents.es252.js

@@ -1,322 +1,47 @@
-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.es419.js";
-import x from "./kongponents.es251.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];
+import { defineComponent as r, createElementBlock as c, openBlock as u, createElementVNode as l, withKeys as s, normalizeClass as v, withModifiers as n, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
+const k = ["aria-selected", "data-testid"], y = { class: "select-item-container" }, $ = ["disabled", "value"], h = { class: "select-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KSelectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: o }) {
+    const a = o, d = (t) => {
+      if (e.item.disabled) {
+        t.stopPropagation();
+        return;
       }
-    });
-  });
-};
-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*/
-              ];
-          }
-        });
-      });
+      a("selected", e.item);
     };
-    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 {
+    return (t, i) => (u(), c("div", {
+      key: e.item.key,
+      "aria-selected": e.item.selected,
+      class: "select-item",
+      "data-testid": `select-item-${e.item.value}`,
+      role: "option"
+    }, [
+      l("div", y, [
+        l("button", {
+          class: v({ selected: e.item.selected }),
+          disabled: e.item.disabled === !0 ? !0 : void 0,
+          type: "button",
+          value: e.item.value,
+          onClick: d,
+          onKeydown: [
+            i[0] || (i[0] = s(n((m) => t.$emit("arrow-down"), ["prevent"]), ["down"])),
+            i[1] || (i[1] = s(n((m) => t.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(t.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
   }
-  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
+  K as default
 };

package/dist/kongponents.es254.js

@@ -0,0 +1,4 @@
+const I = "24px";
+export {
+  I as KUI_ICON_SIZE_50
+};