@kong/kongponents 9.46.14-pr.2993.74fe817.0 → 9.47.0

package/dist/kongponents.es213.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as C, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.js";
-const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
-  __name: "FileEmptyIcon",
+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.es262.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: {
@@ -33,12 +33,12 @@ const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21
       required: !1,
       default: u,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (i) => {
-        if (typeof i == "number" && i > 0)
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
           return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 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;
@@ -60,8 +60,8 @@ const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21
       default: !1
     }
   },
-  setup(i) {
-    const e = i, r = s(() => {
+  setup(r) {
+    const e = r, i = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -70,19 +70,19 @@ const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21
           return `${t}px`;
       }
       return u;
-    }), c = s(() => ({
+    }), c = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: i.value,
       lineHeight: "0",
-      width: r.value,
+      width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (a) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${v}-${n}`;
+        const l = `${y}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
@@ -91,25 +91,25 @@ const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (a, t) => (d(), b(x(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon file-empty-icon",
-      "data-testid": "kui-icon-wrapper-file-empty-icon",
-      style: S(c.value),
-      tabindex: i.decorative ? "-1" : void 0
+    }, 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: C(() => [
-        (d(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-file-empty-icon",
+      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: y
+          innerHTML: v
         }, null, 8, k))
       ]),
       _: 1
@@ -117,5 +117,5 @@ const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21
   }
 });
 export {
-  $ as default
+  z as default
 };

package/dist/kongponents.es214.js

@@ -1,121 +1,116 @@
-import { defineComponent as h, computed as d, createBlock as b, openBlock as s, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as C } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.js";
-const k = ["aria-hidden"], p = '<path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
-  __name: "UploadIcon",
-  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;
+import { computePosition as j } from "./kongponents.es216.js";
+import { autoPlacement as Q, autoUpdate as T, flip as W, platform as X, shift as Y } from "./kongponents.es216.js";
+import { isNode as A, getNodeName as B } from "./kongponents.es240.js";
+import { getOverflowAncestors as ee } from "./kongponents.es240.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"
       }
-    },
-    /** 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
+    } : {
+      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;
     }
-  },
-  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(x(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon upload-icon",
-      "data-testid": "kui-icon-wrapper-upload-icon",
-      style: S(c.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: N(() => [
-        (s(), C("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-upload-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"]));
+    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 {
-  $ 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
 };

package/dist/kongponents.es215.js

@@ -1,187 +1,19 @@
-import { toArray as C, watchImmediate as w, tryOnScopeDispose as T, isObject as I, isClient as L, noop as b, isIOS as W } from "./kongponents.es254.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])
-      ];
-    },
-    ([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))
-          )
-        )
-      );
-    },
-    { 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);
+import { defineComponent as r, createBlock as l, renderSlot as o, openBlock as a, Teleport as p } from "vue";
+const u = /* @__PURE__ */ r({
+  __name: "KPopTeleportWrapper",
+  props: {
+    useTeleport: { type: Boolean },
+    target: { default: null }
+  },
+  setup(e) {
+    return (t, n) => e.useTeleport ? (a(), l(p, {
+      key: 0,
+      to: e.target
+    }, [
+      o(t.$slots, "default")
+    ], 8, ["to"])) : o(t.$slots, "default", { key: 1 });
   }
-  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;
-    },
-    trigger: (e) => {
-      n = !0, m(e), n = !1;
-    }
-  } : 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);
-      }
-    },
-    { 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 {
-  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
+  u as default
 };