@kong/kongponents 9.48.2 → 9.48.3

package/dist/kongponents.es221.js

@@ -1,7 +1,121 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
-}
+import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
+const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
+  __name: "ArrowUpIcon",
+  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 = s(() => {
+      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 = 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 = (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) => (d(), b(w(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon arrow-up-icon",
+      "data-testid": "kui-icon-wrapper-arrow-up-icon",
+      style: x(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-arrow-up-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 {
-  i as warnInvalidProp
+  z as default
 };

package/dist/kongponents.es222.js

@@ -1,7 +1,7 @@
-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.es265.js";
-const w = ["aria-hidden"], p = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "ChevronUpIcon",
+import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as w, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
+const k = ["aria-hidden"], p = '<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+  __name: "FilterIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -65,7 +65,7 @@ const w = ["aria-hidden"], p = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12
       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);
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
@@ -79,43 +79,43 @@ const w = ["aria-hidden"], p = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${h}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
+    })), 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;"
-    }, v = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (d(), b(x(r.as), {
+    }, 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) => (d(), b(x(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon chevron-up-icon",
-      "data-testid": "kui-icon-wrapper-chevron-up-icon",
+      class: "kui-icon filter-icon",
+      "data-testid": "kui-icon-wrapper-filter-icon",
       style: S(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: N(() => [
-        (d(), k("svg", {
+      default: w(() => [
+        (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-up-icon",
+          "data-testid": "kui-icon-svg-filter-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, w))
+          innerHTML: v
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  z as default
+  q as default
 };

package/dist/kongponents.es223.js

@@ -1,7 +1,121 @@
-import o from "./kongponents.es246.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72b558ed"]]);
+import { defineComponent as y, computed as s, createBlock as x, openBlock as d, resolveDynamicComponent as L, normalizeStyle as h, withCtx as b, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
+const N = ["aria-hidden"], p = '<path d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "RegexIcon",
+  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 = s(() => {
+      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 = 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 = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), x(L(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon regex-icon",
+      "data-testid": "kui-icon-wrapper-regex-icon",
+      style: h(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: b(() => [
+        (d(), S("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-regex-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: m
+        }, null, 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  p as default
+  z as default
 };

package/dist/kongponents.es224.js

@@ -1,7 +1,54 @@
-import o from "./kongponents.es248.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fa22dc7"]]);
+import S from "./kongponents.es312.js";
+import h from "./kongponents.es313.js";
+import W from "./kongponents.es314.js";
+var y = "Expected a function", R = Math.max, A = Math.min;
+function _(x, i, l) {
+  var u, f, c, a, n, r, o = 0, p = !1, d = !1, v = !0;
+  if (typeof x != "function")
+    throw new TypeError(y);
+  i = W(i) || 0, S(l) && (p = !0, d = "maxWait" in l, c = d ? R(W(l.maxWait) || 0, i) : c, v = "trailing" in l ? !0 : v);
+  function g(e) {
+    var t = u, m = f;
+    return u = f = void 0, o = e, a = x.apply(m, t), a;
+  }
+  function b(e) {
+    return o = e, n = setTimeout(s, i), p ? g(e) : a;
+  }
+  function C(e) {
+    var t = e - r, m = e - o, I = i - t;
+    return d ? A(I, c - m) : I;
+  }
+  function E(e) {
+    var t = e - r, m = e - o;
+    return r === void 0 || t >= i || t < 0 || d && m >= c;
+  }
+  function s() {
+    var e = h();
+    if (E(e))
+      return k(e);
+    n = setTimeout(s, C(e));
+  }
+  function k(e) {
+    return n = void 0, v && u ? g(e) : (u = f = void 0, a);
+  }
+  function L() {
+    n !== void 0 && clearTimeout(n), o = 0, u = r = f = n = void 0;
+  }
+  function M() {
+    return n === void 0 ? a : k(h());
+  }
+  function T() {
+    var e = h(), t = E(e);
+    if (u = arguments, f = this, r = e, t) {
+      if (n === void 0)
+        return b(r);
+      if (d)
+        return clearTimeout(n), n = setTimeout(s, i), g(r);
+    }
+    return n === void 0 && (n = setTimeout(s, i)), a;
+  }
+  return T.cancel = L, T.flush = M, T;
+}
 export {
-  f as default
+  _ as default
 };

package/dist/kongponents.es225.js

@@ -1,7 +1,116 @@
-import o from "./kongponents.es250.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-35dc3248"]]);
+import { computePosition as j } from "./kongponents.es227.js";
+import { autoPlacement as Q, autoUpdate as T, flip as W, platform as X, shift as Y } from "./kongponents.es227.js";
+import { isNode as A, getNodeName as B } from "./kongponents.es259.js";
+import { getOverflowAncestors as ee } from "./kongponents.es259.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 {
-  m 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.es226.js

@@ -1,7 +1,19 @@
-import o from "./kongponents.es252.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f750ceb7"]]);
+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 });
+  }
+});
 export {
-  f as default
+  u as default
 };