@kong/kongponents 9.46.5-pr.2983.c02bc9f.0 → 9.46.6-pr.2985.85534d2.0

package/dist/kongponents.es207.js

@@ -1,7 +1,121 @@
-import o from "./kongponents.es308.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-35dc3248"]]);
+import { defineComponent as h, computed as d, createBlock as b, openBlock as s, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es288.js";
+const k = ["aria-hidden"], p = '<path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
+  __name: "ForwardIcon",
+  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: u,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
+          return !0;
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 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(r) {
+    const e = r, i = d(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), c = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${y}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (s(), b(w(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon forward-icon",
+      "data-testid": "kui-icon-wrapper-forward-icon",
+      style: x(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (s(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-forward-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: v
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  m as default
+  z as default
 };

package/dist/kongponents.es208.js

@@ -1,7 +1,26 @@
-import o from "./kongponents.es310.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f750ceb7"]]);
+var b = Object.defineProperty;
+var v = (s, e, r) => e in s ? b(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r;
+var i = (s, e, r) => v(s, typeof e != "symbol" ? e + "" : e, r);
+class t {
+  constructor(e) {
+    i(this, "resizeObserver");
+    i(this, "callback");
+    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
+      window.requestAnimationFrame(() => {
+        !Array.isArray(r) || !r.length || e();
+      });
+    });
+  }
+  static create(e) {
+    return new t(e);
+  }
+  observe(e) {
+    !this.resizeObserver || !e || this.resizeObserver.observe(e);
+  }
+  unobserve(e) {
+    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
+  }
+}
 export {
-  f as default
+  t as ResizeObserverHelper
 };

package/dist/kongponents.es209.js

@@ -1,7 +1,7 @@
-import o from "./kongponents.es312.js";
+import t from "./kongponents.es352.js";
 /* empty css                  */
 import e from "./kongponents.es74.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bc7e2b16"]]);
+const s = /* @__PURE__ */ e(t, [["__scopeId", "data-v-a2ee6e0d"]]);
 export {
-  m as default
+  s as default
 };

package/dist/kongponents.es21.js

@@ -1,12 +1,12 @@
 import { defineComponent as s, ref as i, onMounted as c, createElementBlock as u, createCommentVNode as m, openBlock as r, normalizeClass as f, createBlock as t, withCtx as l, renderSlot as n, unref as d } from "vue";
-import k from "./kongponents.es205.js";
-import y from "./kongponents.es206.js";
-import g from "./kongponents.es207.js";
-import h from "./kongponents.es208.js";
-import x from "./kongponents.es209.js";
-import C from "./kongponents.es210.js";
-import S from "./kongponents.es189.js";
-import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es177.js";
+import k from "./kongponents.es215.js";
+import y from "./kongponents.es216.js";
+import g from "./kongponents.es217.js";
+import h from "./kongponents.es218.js";
+import x from "./kongponents.es219.js";
+import C from "./kongponents.es220.js";
+import S from "./kongponents.es182.js";
+import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es173.js";
 const E = /* @__PURE__ */ s({
   __name: "KSkeleton",
   props: {

package/dist/kongponents.es210.js

@@ -1,7 +1,7 @@
-import r from "./kongponents.es314.js";
+import t from "./kongponents.es354.js";
 /* empty css                  */
-import e from "./kongponents.es74.js";
-const a = /* @__PURE__ */ e(r, [["__scopeId", "data-v-a0d12d73"]]);
+import o from "./kongponents.es74.js";
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e01a7f81"]]);
 export {
   a as default
 };

package/dist/kongponents.es211.js

@@ -1,121 +1,187 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es249.js";
-const w = ["aria-hidden"], c = '<path d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "ChevronRightIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
+import { toArray as C, watchImmediate as w, tryOnScopeDispose as T, isObject as I, isClient as L, noop as b, isIOS as W } from "./kongponents.es246.js";
+import { computed as y, toValue as h, unref as $, watch as x, ref as z, shallowRef as B, getCurrentInstance as F, onMounted as _ } from "vue";
+const S = L ? window : void 0;
+function g(t) {
+  var r;
+  const u = h(t);
+  return (r = u == null ? void 0 : u.$el) != null ? r : u;
+}
+function A(...t) {
+  const r = [], u = () => {
+    r.forEach((o) => o()), r.length = 0;
+  }, l = (o, n, i, d) => (o.addEventListener(n, i, d), () => o.removeEventListener(n, i, d)), c = y(() => {
+    const o = C(h(t[0])).filter((n) => n != null);
+    return o.every((n) => typeof n != "string") ? o : void 0;
+  }), f = w(
+    () => {
+      var o, n;
+      return [
+        (n = (o = c.value) == null ? void 0 : o.map((i) => g(i))) != null ? n : [S].filter((i) => i != null),
+        C(h(c.value ? t[1] : t[0])),
+        C($(c.value ? t[2] : t[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        h(c.value ? t[3] : t[2])
+      ];
     },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
+    ([o, n, i, d]) => {
+      if (u(), !(o != null && o.length) || !(n != null && n.length) || !(i != null && i.length))
+        return;
+      const p = I(d) ? { ...d } : d;
+      r.push(
+        ...o.flatMap(
+          (m) => n.flatMap(
+            (E) => i.map((O) => l(m, E, O, p))
+          )
+        )
+      );
     },
-    /** 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: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
+    { flush: "post" }
+  ), v = () => {
+    f(), u();
+  };
+  return T(u), v;
+}
+let P = !1;
+function G(t, r, u = {}) {
+  const { window: l = S, ignore: c = [], capture: f = !0, detectIframe: v = !1, controls: o = !1 } = u;
+  if (!l)
+    return o ? { stop: b, cancel: b, trigger: b } : b;
+  if (W && !P) {
+    P = !0;
+    const e = { passive: !0 };
+    Array.from(l.document.body.children).forEach((s) => s.addEventListener("click", b, e)), l.document.documentElement.addEventListener("click", b, e);
+  }
+  let n = !0;
+  const i = (e) => h(c).some((s) => {
+    if (typeof s == "string")
+      return Array.from(l.document.querySelectorAll(s)).some((a) => a === e.target || e.composedPath().includes(a));
+    {
+      const a = g(s);
+      return a && (e.target === a || e.composedPath().includes(a));
+    }
+  });
+  function d(e) {
+    const s = h(e);
+    return s && s.$.subTree.shapeFlag === 16;
+  }
+  function p(e, s) {
+    const a = h(e), R = a.$.subTree && a.$.subTree.children;
+    return R == null || !Array.isArray(R) ? !1 : R.some((k) => k.el === s.target || s.composedPath().includes(k.el));
+  }
+  const m = (e) => {
+    const s = g(t);
+    if (e.target != null && !(!(s instanceof Element) && d(t) && p(t, e)) && !(!s || s === e.target || e.composedPath().includes(s))) {
+      if ("detail" in e && e.detail === 0 && (n = !i(e)), !n) {
+        n = !0;
+        return;
       }
+      r(e);
+    }
+  };
+  let E = !1;
+  const O = [
+    A(l, "click", (e) => {
+      E || (E = !0, setTimeout(() => {
+        E = !1;
+      }, 0), m(e));
+    }, { passive: !0, capture: f }),
+    A(l, "pointerdown", (e) => {
+      const s = g(t);
+      n = !i(e) && !!(s && !e.composedPath().includes(s));
+    }, { passive: !0 }),
+    v && A(l, "blur", (e) => {
+      setTimeout(() => {
+        var s;
+        const a = g(t);
+        ((s = l.document.activeElement) == null ? void 0 : s.tagName) === "IFRAME" && !(a != null && a.contains(l.document.activeElement)) && r(e);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), M = () => O.forEach((e) => e());
+  return o ? {
+    stop: M,
+    cancel: () => {
+      n = !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
+    trigger: (e) => {
+      n = !0, m(e), n = !1;
     }
-  },
-  setup(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+  } : M;
+}
+// @__NO_SIDE_EFFECTS__
+function j() {
+  const t = B(!1), r = F();
+  return r && _(() => {
+    t.value = !0;
+  }, r), t;
+}
+// @__NO_SIDE_EFFECTS__
+function q(t) {
+  const r = /* @__PURE__ */ j();
+  return y(() => (r.value, !!t()));
+}
+function H(t, r, u = {}) {
+  const { window: l = S, ...c } = u;
+  let f;
+  const v = /* @__PURE__ */ q(() => l && "ResizeObserver" in l), o = () => {
+    f && (f.disconnect(), f = void 0);
+  }, n = y(() => {
+    const p = h(t);
+    return Array.isArray(p) ? p.map((m) => g(m)) : [g(p)];
+  }), i = x(
+    n,
+    (p) => {
+      if (o(), v.value && l) {
+        f = new ResizeObserver(r);
+        for (const m of p)
+          m && f.observe(m, c);
       }
-      return u;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${m}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (n, t) => (d(), b(x(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon chevron-right-icon",
-      "data-testid": "kui-icon-wrapper-chevron-right-icon",
-      style: S(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: N(() => [
-        (d(), k("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-right-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, w))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+    },
+    { immediate: !0, flush: "post" }
+  ), d = () => {
+    o(), i();
+  };
+  return T(d), {
+    isSupported: v,
+    stop: d
+  };
+}
+function D(t) {
+  var r;
+  const u = (r = t.rangeCount) != null ? r : 0;
+  return Array.from({ length: u }, (l, c) => t.getRangeAt(c));
+}
+// @__NO_SIDE_EFFECTS__
+function J(t = {}) {
+  const {
+    window: r = S
+  } = t, u = z(null), l = y(() => {
+    var o, n;
+    return (n = (o = u.value) == null ? void 0 : o.toString()) != null ? n : "";
+  }), c = y(() => u.value ? D(u.value) : []), f = y(() => c.value.map((o) => o.getBoundingClientRect()));
+  function v() {
+    u.value = null, r && (u.value = r.getSelection());
   }
-});
+  return r && A(r.document, "selectionchange", v, { passive: !0 }), {
+    text: l,
+    rects: f,
+    ranges: c,
+    selection: u
+  };
+}
 export {
-  z as default
+  S as defaultWindow,
+  L as isClient,
+  W as isIOS,
+  I as isObject,
+  b as noop,
+  G as onClickOutside,
+  C as toArray,
+  T as tryOnScopeDispose,
+  g as unrefElement,
+  A as useEventListener,
+  j as useMounted,
+  H as useResizeObserver,
+  q as useSupported,
+  J as useTextSelection,
+  w as watchImmediate
 };

package/dist/kongponents.es212.js

@@ -1,7 +1,116 @@
-import o from "./kongponents.es301.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0033fccb"]]);
+import { computePosition as j } from "./kongponents.es214.js";
+import { autoPlacement as Q, autoUpdate as T, flip as W, platform as X, shift as Y } from "./kongponents.es214.js";
+import { isNode as A, getNodeName as B } from "./kongponents.es340.js";
+import { getOverflowAncestors as ee } from "./kongponents.es340.js";
+import { computed as o, ref as f, shallowRef as F, watch as g, getCurrentScope as I, onScopeDispose as U, shallowReadonly as r, unref as k } from "vue";
+function q(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function b(e) {
+  if (q(e)) {
+    const u = e.$el;
+    return A(u) && B(u) === "#comment" ? null : u;
+  }
+  return e;
+}
+function c(e) {
+  return typeof e == "function" ? e() : k(e);
+}
+function M(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function C(e, u) {
+  const n = M(e);
+  return Math.round(u * n) / n;
+}
+function J(e, u, n) {
+  n === void 0 && (n = {});
+  const P = n.whileElementsMounted, s = o(() => {
+    var t;
+    return (t = c(n.open)) != null ? t : !0;
+  }), V = o(() => c(n.middleware)), p = o(() => {
+    var t;
+    return (t = c(n.placement)) != null ? t : "bottom";
+  }), w = o(() => {
+    var t;
+    return (t = c(n.strategy)) != null ? t : "absolute";
+  }), S = o(() => {
+    var t;
+    return (t = c(n.transform)) != null ? t : !0;
+  }), i = o(() => b(e.value)), l = o(() => b(u.value)), y = f(0), h = f(0), m = f(w.value), D = f(p.value), O = F({}), x = f(!1), _ = o(() => {
+    const t = {
+      position: m.value,
+      left: "0",
+      top: "0"
+    };
+    if (!l.value)
+      return t;
+    const a = C(l.value, y.value), R = C(l.value, h.value);
+    return S.value ? {
+      ...t,
+      transform: "translate(" + a + "px, " + R + "px)",
+      ...M(l.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: m.value,
+      left: a + "px",
+      top: R + "px"
+    };
+  });
+  let v;
+  function d() {
+    if (i.value == null || l.value == null)
+      return;
+    const t = s.value;
+    j(i.value, l.value, {
+      middleware: V.value,
+      placement: p.value,
+      strategy: w.value
+    }).then((a) => {
+      y.value = a.x, h.value = a.y, m.value = a.strategy, D.value = a.placement, O.value = a.middlewareData, x.value = t !== !1;
+    });
+  }
+  function E() {
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function N() {
+    if (E(), P === void 0) {
+      d();
+      return;
+    }
+    if (i.value != null && l.value != null) {
+      v = P(i.value, l.value, d);
+      return;
+    }
+  }
+  function $() {
+    s.value || (x.value = !1);
+  }
+  return g([V, p, w, s], d, {
+    flush: "sync"
+  }), g([i, l], N, {
+    flush: "sync"
+  }), g(s, $, {
+    flush: "sync"
+  }), I() && U(E), {
+    x: r(y),
+    y: r(h),
+    strategy: r(m),
+    placement: r(D),
+    middlewareData: r(O),
+    isPositioned: r(x),
+    floatingStyles: _,
+    update: d
+  };
+}
 export {
-  c as default
+  Q as autoPlacement,
+  T as autoUpdate,
+  j as computePosition,
+  W as flip,
+  ee as getOverflowAncestors,
+  X as platform,
+  Y as shift,
+  J as useFloating
 };