@kong/kongponents 9.58.0 → 9.59.0

package/dist/kongponents.es197.js

@@ -1,123 +1,20 @@
-import { defineComponent as b, computed as d, openBlock as u, createBlock as S, resolveDynamicComponent as x, normalizeStyle as w, withCtx as $, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kongponents.es259.js";
-const I = ["aria-hidden"], c = '<path d="M5 11V9H15V11H5Z" fill="currentColor"/>', q = /* @__PURE__ */ b({
-  __name: "IndeterminateSmallIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: p,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
-          return !0;
-        if (typeof t == "string") {
-          const e = String(t).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(t) {
-    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
-      if (n(e.size))
-        return e.size;
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return p;
-    }), f = d(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: o.value,
-      lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, h = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (l, a) => {
-        const s = `${h}-${a}`;
-        return i[a] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (l, a) => i[a] ? `#${i[a]}` : l);
-    }, m = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
-    return (r, i) => (u(), S(x(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon indeterminate-small-icon",
-      "data-testid": "kui-icon-wrapper-indeterminate-small-icon",
-      style: w(f.value),
-      tabindex: t.decorative ? "-1" : void 0
-    }, {
-      default: $(() => [
-        (u(), z("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-indeterminate-small-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: y
-        }, null, 8, I))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+var n;
+const i = typeof navigator < "u" && ("userAgentData" in navigator && navigator.userAgentData === "macOS" || ((n = navigator.platform) == null ? void 0 : n.toLowerCase().includes("mac"))), r = typeof navigator < "u" && navigator.userAgent.includes("Firefox");
+function a(e, o) {
+  return typeof CSS < "u" && CSS.supports(e, o);
+}
+let t = null;
+function l() {
+  if (t !== null)
+    return t;
+  if (typeof document > "u")
+    return 0;
+  const e = document.createElement("div");
+  return e.style.width = "100px", e.style.height = "100px", e.style.overflow = "scroll", e.style.position = "absolute", e.style.top = "-9999px", document.body.appendChild(e), t = e.offsetWidth - e.clientWidth, document.body.removeChild(e), t;
+}
 export {
-  q as default
+  r as IS_MAYBE_FIREFOX,
+  i as IS_MAYBE_MAC,
+  a as cssSupports,
+  l as getScrollbarSize
 };

package/dist/kongponents.es198.js

@@ -1,123 +1,169 @@
-import { defineComponent as w, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as $ } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kongponents.es259.js";
-const z = ["aria-hidden"], p = '<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"/>', q = /* @__PURE__ */ w({
-  __name: "ChevronDownIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: c,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
-          return !0;
-        if (typeof t == "string") {
-          const e = String(t).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
+import { toArray as A, watchImmediate as w, noop as R, tryOnScopeDispose as O, isClient as I, isObject as k } from "./kongponents.es253.js";
+import { computed as h, toValue as p, watch as L, shallowRef as P, getCurrentInstance as x, onMounted as z, unref as B } from "vue";
+const $ = I ? window : void 0;
+function g(n) {
+  var o;
+  const i = p(n);
+  return (o = i == null ? void 0 : i.$el) !== null && o !== void 0 ? o : i;
+}
+function S(...n) {
+  const o = (e, l, r, a) => (e.addEventListener(l, r, a), () => e.removeEventListener(l, r, a)), i = h(() => {
+    const e = A(p(n[0])).filter((l) => l != null);
+    return e.every((l) => typeof l != "string") ? e : void 0;
+  });
+  return w(() => {
+    var e, l;
+    return [
+      (e = (l = i.value) === null || l === void 0 ? void 0 : l.map((r) => g(r))) !== null && e !== void 0 ? e : [$].filter((r) => r != null),
+      A(p(i.value ? n[1] : n[0])),
+      A(B(i.value ? n[2] : n[1])),
+      p(i.value ? n[3] : n[2])
+    ];
+  }, ([e, l, r, a], m, c) => {
+    if (!(e != null && e.length) || !(l != null && l.length) || !(r != null && r.length)) return;
+    const d = k(a) ? { ...a } : a, v = e.flatMap((f) => l.flatMap((E) => r.map((y) => o(f, E, y, d))));
+    c(() => {
+      v.forEach((f) => f());
+    });
+  }, { flush: "post" });
+}
+function N(n, o, i = {}) {
+  const { window: e = $, ignore: l = [], capture: r = !0, detectIframe: a = !1, controls: m = !1 } = i;
+  if (!e) return m ? {
+    stop: R,
+    cancel: R,
+    trigger: R
+  } : R;
+  let c = !0;
+  const d = (t) => p(l).some((u) => {
+    if (typeof u == "string") return Array.from(e.document.querySelectorAll(u)).some((s) => s === t.target || t.composedPath().includes(s));
+    {
+      const s = g(u);
+      return s && (t.target === s || t.composedPath().includes(s));
     }
-  },
-  setup(t) {
-    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
-      if (n(e.size))
-        return e.size;
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
+  });
+  function v(t) {
+    const u = p(t);
+    return u && u.$.subTree.shapeFlag === 16;
+  }
+  function f(t, u) {
+    const s = p(t), b = s.$.subTree && s.$.subTree.children;
+    return b == null || !Array.isArray(b) ? !1 : b.some((M) => M.el === u.target || u.composedPath().includes(M.el));
+  }
+  const E = (t) => {
+    const u = g(n);
+    if (t.target != null && !(!(u instanceof Element) && v(n) && f(n, t)) && !(!u || u === t.target || t.composedPath().includes(u))) {
+      if ("detail" in t && t.detail === 0 && (c = !d(t)), !c) {
+        c = !0;
+        return;
       }
-      return c;
-    }), f = d(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: a.value,
-      lineHeight: "0",
-      width: a.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, y = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const l = `${y}-${o}`;
-        return i[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => i[o] ? `#${i[o]}` : s);
-    }, v = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (i) => v[i]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
-    return (r, i) => (u(), b(x(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon chevron-down-icon",
-      "data-testid": "kui-icon-wrapper-chevron-down-icon",
-      style: S(f.value),
-      tabindex: t.decorative ? "-1" : void 0
+      o(t);
+    }
+  };
+  let y = !1;
+  const T = [
+    S(e, "click", (t) => {
+      y || (y = !0, setTimeout(() => {
+        y = !1;
+      }, 0), E(t));
     }, {
-      default: N(() => [
-        (u(), $("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-down-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: h
-        }, null, 8, z))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+      passive: !0,
+      capture: r
+    }),
+    S(e, "pointerdown", (t) => {
+      const u = g(n);
+      c = !d(t) && !!(u && !t.composedPath().includes(u));
+    }, { passive: !0 }),
+    a && S(e, "blur", (t) => {
+      setTimeout(() => {
+        const u = g(n);
+        let s = e.document.activeElement;
+        for (; s != null && s.shadowRoot; ) s = s.shadowRoot.activeElement;
+        (s == null ? void 0 : s.tagName) === "IFRAME" && !(u != null && u.contains(e.document.activeElement)) && o(t);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), C = () => T.forEach((t) => t());
+  return m ? {
+    stop: C,
+    cancel: () => {
+      c = !1;
+    },
+    trigger: (t) => {
+      c = !0, E(t), c = !1;
+    }
+  } : C;
+}
+// @__NO_SIDE_EFFECTS__
+function F() {
+  const n = P(!1), o = x();
+  return o && z(() => {
+    n.value = !0;
+  }, o), n;
+}
+// @__NO_SIDE_EFFECTS__
+function W(n) {
+  const o = /* @__PURE__ */ F();
+  return h(() => (o.value, !!n()));
+}
+function V(n, o, i = {}) {
+  const { window: e = $, ...l } = i;
+  let r;
+  const a = /* @__PURE__ */ W(() => e && "ResizeObserver" in e), m = () => {
+    r && (r.disconnect(), r = void 0);
+  }, c = L(h(() => {
+    const v = p(n);
+    return Array.isArray(v) ? v.map((f) => g(f)) : [g(v)];
+  }), (v) => {
+    if (m(), a.value && e) {
+      r = new ResizeObserver(o);
+      for (const f of v) f && r.observe(f, l);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), d = () => {
+    m(), c();
+  };
+  return O(d), {
+    isSupported: a,
+    stop: d
+  };
+}
+function j(n) {
+  var o;
+  const i = (o = n.rangeCount) !== null && o !== void 0 ? o : 0;
+  return Array.from({ length: i }, (e, l) => n.getRangeAt(l));
+}
+// @__NO_SIDE_EFFECTS__
+function G(n = {}) {
+  var o;
+  const { window: i = $ } = n, e = P((o = i == null ? void 0 : i.getSelection()) !== null && o !== void 0 ? o : null), l = h(() => {
+    var c, d;
+    return (c = (d = e.value) === null || d === void 0 ? void 0 : d.toString()) !== null && c !== void 0 ? c : "";
+  }), r = h(() => e.value ? j(e.value) : []), a = h(() => r.value.map((c) => c.getBoundingClientRect()));
+  function m() {
+    e.value = null, i && (e.value = i.getSelection());
   }
-});
+  return i && S(i.document, "selectionchange", m, { passive: !0 }), {
+    text: l,
+    rects: a,
+    ranges: r,
+    selection: e
+  };
+}
 export {
-  q as default
+  $ as defaultWindow,
+  I as isClient,
+  k as isObject,
+  R as noop,
+  N as onClickOutside,
+  A as toArray,
+  O as tryOnScopeDispose,
+  g as unrefElement,
+  S as useEventListener,
+  F as useMounted,
+  V as useResizeObserver,
+  W as useSupported,
+  G as useTextSelection,
+  w as watchImmediate
 };

package/dist/kongponents.es199.js

@@ -1,110 +1,12 @@
-import { computed as s, ref as v, watchEffect as D } from "vue";
-import "./kongponents.es252.js";
-import m from "./kongponents.es253.js";
-const S = {
-  VALIDATING: "VALIDATING",
-  VALIDATING_HAS_DATA: "VALIDATING_HAS_DATA",
-  PENDING: "PENDING",
-  SUCCESS: "SUCCESS",
-  SUCCESS_HAS_DATA: "SUCCESS_HAS_DATA",
-  ERROR: "ERROR",
-  STALE_IF_ERROR: "STALE_IF_ERROR"
-};
-function w() {
-  return {
-    useRequest: (e, u, a) => {
-      const {
-        data: t,
-        error: n,
-        isValidating: c,
-        isLoading: o,
-        mutate: r
-      } = m(e, u, {
-        revalidateDebounce: 500,
-        dedupingInterval: 100,
-        ...a
-      });
-      return {
-        data: s(() => {
-          var A;
-          return (A = t.value) == null ? void 0 : A.data;
-        }),
-        response: t,
-        error: n,
-        isValidating: c,
-        isLoading: o,
-        revalidate: r
-      };
-    },
-    useDebounce: (e, u = 300) => {
-      let a;
-      const t = (n) => async (...c) => {
-        clearTimeout(a), n > 0 ? await new Promise((o) => {
-          a = setTimeout(async () => {
-            await e(...c), o();
-          }, n);
-        }) : await e(...c);
-      };
-      return {
-        debouncedFn: t(u),
-        generateDebouncedFn: t
-      };
-    },
-    clientSideSorter: (e, u, a, t) => {
-      let n = null;
-      const c = (r, i) => typeof i == "number" && !Number.isNaN(r) && !Number.isNaN(i) ? r - i : 0, o = (r, i) => r.localeCompare(i);
-      return e !== u ? (n = (r, i) => {
-        const A = (l) => l == null ? "" : typeof l == "number" ? l : Array.isArray(l) && l.length && typeof l[0] == "number" ? l[0] : String(l), f = A(r[e]), d = A(i[e]);
-        switch (typeof f) {
-          case "number":
-            return c(f, d);
-          default:
-            return o(f, d);
-        }
-      }, t.sort(n), u = e, a = "ascending") : (t.reverse(), a === "descending" || a === "desc" ? a = "ascending" : a = "descending"), { previousKey: u, sortOrder: a };
-    },
-    useSwrvState: (e, u, a) => {
-      const t = v(S.PENDING), n = v(!1);
-      return D(() => {
-        var c, o, r, i, A, f;
-        if (n.value = e.value && !!((c = Object.keys(e.value)) != null && c.length || (o = e.value.data) != null && o.length || (i = (r = e.value.data) == null ? void 0 : r.data) != null && i.length || !((A = e.value.data) != null && A.data) && typeof e.value.data == "object" && Object.keys((f = e.value) == null ? void 0 : f.data).length), e.value && n.value && a.value) {
-          t.value = S.VALIDATING_HAS_DATA;
-          return;
-        }
-        if (e.value && a.value) {
-          t.value = S.VALIDATING;
-          return;
-        }
-        if (e.value && u.value) {
-          t.value = S.STALE_IF_ERROR;
-          return;
-        }
-        if (e.value === void 0 && !u.value) {
-          t.value = S.PENDING;
-          return;
-        }
-        if (e.value && !u.value && n.value) {
-          t.value = S.SUCCESS_HAS_DATA;
-          return;
-        }
-        if (e.value && !u.value) {
-          t.value = S.SUCCESS;
-          return;
-        }
-        e.value === void 0 && u && (t.value = S.ERROR);
-      }), {
-        hasData: n,
-        state: t,
-        swrvState: S
-      };
-    },
-    cloneDeep: (e) => {
-      if (e)
-        return JSON.parse(JSON.stringify(e));
-    },
-    stripRequiredLabel: (e, u) => !u || !e ? e || "" : /( )?\*$/gi.test(e) ? e.replace(/\*$/gi, "").trim() : e
-  };
+import t from "./kongponents.es332.js";
+import u from "./kongponents.es333.js";
+import f from "./kongponents.es334.js";
+function l(s, r) {
+  var o = {};
+  return r = f(r), u(s, function(m, a, n) {
+    t(o, a, r(m, a, n));
+  }), o;
 }
 export {
-  w as default
+  l as default
 };

package/dist/kongponents.es20.js

@@ -1,12 +1,12 @@
 import { defineComponent as s, ref as i, onMounted as c, openBlock as r, createElementBlock as u, normalizeClass as m, createBlock as t, withCtx as l, renderSlot as n, unref as d, createCommentVNode as f } from "vue";
-import k from "./kongponents.es226.js";
-import y from "./kongponents.es227.js";
-import g from "./kongponents.es228.js";
-import h from "./kongponents.es229.js";
-import x from "./kongponents.es230.js";
-import C from "./kongponents.es231.js";
-import S from "./kongponents.es191.js";
-import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es181.js";
+import k from "./kongponents.es222.js";
+import y from "./kongponents.es223.js";
+import g from "./kongponents.es224.js";
+import h from "./kongponents.es225.js";
+import x from "./kongponents.es226.js";
+import C from "./kongponents.es227.js";
+import S from "./kongponents.es205.js";
+import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es178.js";
 const R = /* @__PURE__ */ s({
   __name: "KSkeleton",
   props: {