@kong/kongponents 9.52.3 → 9.52.4

package/dist/kongponents.es238.js

@@ -1,7 +1,399 @@
-import o from "./kongponents.es272.js";
-/* empty css                  */
-import t from "./kongponents.es75.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fa22dc7"]]);
+import { shift as st, flip as rt, autoPlacement as ct, computePosition as lt } from "./kongponents.es406.js";
+import { createCoords as w, rectToClientRect as J, round as A, max as E, min as V, floor as D } from "./kongponents.es407.js";
+import { getOverflowAncestors as z, isElement as v, getDocumentElement as b, getWindow as O, getFrameElement as U, getComputedStyle as R, isHTMLElement as T, isTopLayer as _, getParentNode as W, isLastTraversableNode as H, isTableElement as ft, isContainingBlock as Q, getContainingBlock as ut, getNodeName as $, isOverflowElement as P, getNodeScroll as I, isWebKit as Y } from "./kongponents.es309.js";
+function Z(t) {
+  const e = R(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = T(t), r = i ? t.offsetWidth : n, s = i ? t.offsetHeight : o, c = A(n) !== r || A(o) !== s;
+  return c && (n = r, o = s), {
+    width: n,
+    height: o,
+    $: c
+  };
+}
+function q(t) {
+  return v(t) ? t : t.contextElement;
+}
+function F(t) {
+  const e = q(t);
+  if (!T(e))
+    return w(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: r
+  } = Z(e);
+  let s = (r ? A(n.width) : n.width) / o, c = (r ? A(n.height) : n.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const at = /* @__PURE__ */ w(0);
+function tt(t) {
+  const e = O(t);
+  return !Y() || !e.visualViewport ? at : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function ht(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== O(t) ? !1 : e;
+}
+function L(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), r = q(t);
+  let s = w(1);
+  e && (o ? v(o) && (s = F(o)) : s = F(t));
+  const c = ht(r, n, o) ? tt(r) : w(0);
+  let l = (i.left + c.x) / s.x, f = (i.top + c.y) / s.y, u = i.width / s.x, h = i.height / s.y;
+  if (r) {
+    const d = O(r), a = o && v(o) ? O(o) : o;
+    let m = d, p = U(m);
+    for (; p && o && a !== m; ) {
+      const y = F(p), g = p.getBoundingClientRect(), x = R(p), C = g.left + (p.clientLeft + parseFloat(x.paddingLeft)) * y.x, S = g.top + (p.clientTop + parseFloat(x.paddingTop)) * y.y;
+      l *= y.x, f *= y.y, u *= y.x, h *= y.y, l += C, f += S, m = O(p), p = U(m);
+    }
+  }
+  return J({
+    width: u,
+    height: h,
+    x: l,
+    y: f
+  });
+}
+function M(t, e) {
+  const n = I(t).scrollLeft;
+  return e ? e.left + n : L(b(t)).left + n;
+}
+function et(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - M(t, n), i = n.top + e.scrollTop;
+  return {
+    x: o,
+    y: i
+  };
+}
+function dt(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const r = i === "fixed", s = b(o), c = e ? _(e.floating) : !1;
+  if (o === s || c && r)
+    return n;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = w(1);
+  const u = w(0), h = T(o);
+  if ((h || !h && !r) && (($(o) !== "body" || P(s)) && (l = I(o)), h)) {
+    const a = L(o);
+    f = F(o), u.x = a.x + o.clientLeft, u.y = a.y + o.clientTop;
+  }
+  const d = s && !h && !r ? et(s, l) : w(0);
+  return {
+    width: n.width * f.x,
+    height: n.height * f.y,
+    x: n.x * f.x - l.scrollLeft * f.x + u.x + d.x,
+    y: n.y * f.y - l.scrollTop * f.y + u.y + d.y
+  };
+}
+function gt(t) {
+  return Array.from(t.getClientRects());
+}
+function pt(t) {
+  const e = b(t), n = I(t), o = t.ownerDocument.body, i = E(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), r = E(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + M(t);
+  const c = -n.scrollTop;
+  return R(o).direction === "rtl" && (s += E(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: s,
+    y: c
+  };
+}
+const K = 25;
+function mt(t, e) {
+  const n = O(t), o = b(t), i = n.visualViewport;
+  let r = o.clientWidth, s = o.clientHeight, c = 0, l = 0;
+  if (i) {
+    r = i.width, s = i.height;
+    const u = Y();
+    (!u || u && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
+  }
+  const f = M(o);
+  if (f <= 0) {
+    const u = o.ownerDocument, h = u.body, d = getComputedStyle(h), a = u.compatMode === "CSS1Compat" && parseFloat(d.marginLeft) + parseFloat(d.marginRight) || 0, m = Math.abs(o.clientWidth - h.clientWidth - a);
+    m <= K && (r -= m);
+  } else f <= K && (r += f);
+  return {
+    width: r,
+    height: s,
+    x: c,
+    y: l
+  };
+}
+function yt(t, e) {
+  const n = L(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, r = T(t) ? F(t) : w(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = i * r.x, f = o * r.y;
+  return {
+    width: s,
+    height: c,
+    x: l,
+    y: f
+  };
+}
+function j(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = mt(t, n);
+  else if (e === "document")
+    o = pt(b(t));
+  else if (v(e))
+    o = yt(e, n);
+  else {
+    const i = tt(t);
+    o = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return J(o);
+}
+function nt(t, e) {
+  const n = W(t);
+  return n === e || !v(n) || H(n) ? !1 : R(n).position === "fixed" || nt(n, e);
+}
+function wt(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = z(t, [], !1).filter((c) => v(c) && $(c) !== "body"), i = null;
+  const r = R(t).position === "fixed";
+  let s = r ? W(t) : t;
+  for (; v(s) && !H(s); ) {
+    const c = R(s), l = Q(s);
+    !l && c.position === "fixed" && (i = null), (r ? !l && !i : !l && c.position === "static" && !!i && (i.position === "absolute" || i.position === "fixed") || P(s) && !l && nt(t, s)) ? o = o.filter((u) => u !== s) : i = c, s = W(s);
+  }
+  return e.set(t, o), o;
+}
+function xt(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const s = [...n === "clippingAncestors" ? _(e) ? [] : wt(e, this._c) : [].concat(n), o], c = j(e, s[0], i);
+  let l = c.top, f = c.right, u = c.bottom, h = c.left;
+  for (let d = 1; d < s.length; d++) {
+    const a = j(e, s[d], i);
+    l = E(a.top, l), f = V(a.right, f), u = V(a.bottom, u), h = E(a.left, h);
+  }
+  return {
+    width: f - h,
+    height: u - l,
+    x: h,
+    y: l
+  };
+}
+function vt(t) {
+  const {
+    width: e,
+    height: n
+  } = Z(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function Rt(t, e, n) {
+  const o = T(e), i = b(e), r = n === "fixed", s = L(t, !0, r, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = w(0);
+  function f() {
+    l.x = M(i);
+  }
+  if (o || !o && !r)
+    if (($(e) !== "body" || P(i)) && (c = I(e)), o) {
+      const a = L(e, !0, r, e);
+      l.x = a.x + e.clientLeft, l.y = a.y + e.clientTop;
+    } else i && f();
+  r && !o && i && f();
+  const u = i && !o && !r ? et(i, c) : w(0), h = s.left + c.scrollLeft - l.x - u.x, d = s.top + c.scrollTop - l.y - u.y;
+  return {
+    x: h,
+    y: d,
+    width: s.width,
+    height: s.height
+  };
+}
+function N(t) {
+  return R(t).position === "static";
+}
+function G(t, e) {
+  if (!T(t) || R(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return b(t) === n && (n = n.ownerDocument.body), n;
+}
+function ot(t, e) {
+  const n = O(t);
+  if (_(t))
+    return n;
+  if (!T(t)) {
+    let i = W(t);
+    for (; i && !H(i); ) {
+      if (v(i) && !N(i))
+        return i;
+      i = W(i);
+    }
+    return n;
+  }
+  let o = G(t, e);
+  for (; o && ft(o) && N(o); )
+    o = G(o, e);
+  return o && H(o) && N(o) && !Q(o) ? n : o || ut(t) || n;
+}
+const bt = async function(t) {
+  const e = this.getOffsetParent || ot, n = this.getDimensions, o = await n(t.floating);
+  return {
+    reference: Rt(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Ct(t) {
+  return R(t).direction === "rtl";
+}
+const Ot = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: dt,
+  getDocumentElement: b,
+  getClippingRect: xt,
+  getOffsetParent: ot,
+  getElementRects: bt,
+  getClientRects: gt,
+  getDimensions: vt,
+  getScale: F,
+  isElement: v,
+  isRTL: Ct
+};
+function it(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function Lt(t, e) {
+  let n = null, o;
+  const i = b(t);
+  function r() {
+    var c;
+    clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
+  }
+  function s(c, l) {
+    c === void 0 && (c = !1), l === void 0 && (l = 1), r();
+    const f = t.getBoundingClientRect(), {
+      left: u,
+      top: h,
+      width: d,
+      height: a
+    } = f;
+    if (c || e(), !d || !a)
+      return;
+    const m = D(h), p = D(i.clientWidth - (u + d)), y = D(i.clientHeight - (h + a)), g = D(u), C = {
+      rootMargin: -m + "px " + -p + "px " + -y + "px " + -g + "px",
+      threshold: E(0, V(1, l)) || 1
+    };
+    let S = !0;
+    function X(k) {
+      const B = k[0].intersectionRatio;
+      if (B !== l) {
+        if (!S)
+          return s();
+        B ? s(!1, B) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      B === 1 && !it(f, t.getBoundingClientRect()) && s(), S = !1;
+    }
+    try {
+      n = new IntersectionObserver(X, {
+        ...C,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(X, C);
+    }
+    n.observe(t);
+  }
+  return s(!0), r;
+}
+function Wt(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = o, f = q(t), u = i || r ? [...f ? z(f) : [], ...e ? z(e) : []] : [];
+  u.forEach((g) => {
+    i && g.addEventListener("scroll", n, {
+      passive: !0
+    }), r && g.addEventListener("resize", n);
+  });
+  const h = f && c ? Lt(f, n) : null;
+  let d = -1, a = null;
+  s && (a = new ResizeObserver((g) => {
+    let [x] = g;
+    x && x.target === f && a && e && (a.unobserve(e), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+      var C;
+      (C = a) == null || C.observe(e);
+    })), n();
+  }), f && !l && a.observe(f), e && a.observe(e));
+  let m, p = l ? L(t) : null;
+  l && y();
+  function y() {
+    const g = L(t);
+    p && !it(p, g) && n(), p = g, m = requestAnimationFrame(y);
+  }
+  return n(), () => {
+    var g;
+    u.forEach((x) => {
+      i && x.removeEventListener("scroll", n), r && x.removeEventListener("resize", n);
+    }), h == null || h(), (g = a) == null || g.disconnect(), a = null, l && cancelAnimationFrame(m);
+  };
+}
+const St = ct, Bt = st, Dt = rt, At = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: Ot,
+    ...n
+  }, r = {
+    ...i.platform,
+    _c: o
+  };
+  return lt(t, e, {
+    ...i,
+    platform: r
+  });
+};
 export {
-  f as default
+  St as autoPlacement,
+  Wt as autoUpdate,
+  At as computePosition,
+  Dt as flip,
+  z as getOverflowAncestors,
+  Ot as platform,
+  Bt as shift
 };

package/dist/kongponents.es239.js

@@ -1,7 +1,7 @@
-import o from "./kongponents.es274.js";
+import t from "./kongponents.es314.js";
 /* empty css                  */
-import t from "./kongponents.es75.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-35dc3248"]]);
+import o from "./kongponents.es75.js";
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72a28527"]]);
 export {
-  m as default
+  a as default
 };

package/dist/kongponents.es24.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, useSlots as m, computed as r, useId as u, openBlock as c, createBlock as f, mergeProps as h, unref as l, withCtx as a, renderSlot as o, createElementVNode as x, createTextVNode as p, toDisplayString as b } from "vue";
 import k from "./kongponents.es56.js";
-import { KUI_SPACE_20 as I } from "./kongponents.es175.js";
+import { KUI_SPACE_20 as I } from "./kongponents.es191.js";
 const v = ["id"], A = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "KTooltip",

package/dist/kongponents.es240.js

@@ -1,7 +1,7 @@
-import o from "./kongponents.es276.js";
+import t from "./kongponents.es316.js";
 /* empty css                  */
-import t from "./kongponents.es75.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f750ceb7"]]);
+import o from "./kongponents.es75.js";
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-11bc36aa"]]);
 export {
-  f as default
+  r as default
 };

package/dist/kongponents.es241.js

@@ -1,7 +1,51 @@
-import o from "./kongponents.es278.js";
-/* empty css                  */
-import e from "./kongponents.es75.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bc7e2b16"]]);
+import { defineComponent as v, useTemplateRef as b, ref as s, computed as g, openBlock as w, createBlock as C, withCtx as n, createVNode as a, withModifiers as k, unref as D } from "vue";
+import S from "./kongponents.es43.js";
+import T from "./kongponents.es408.js";
+import _ from "./kongponents.es255.js";
+const O = /* @__PURE__ */ v({
+  __name: "FilterSelector",
+  props: {
+    filters: {},
+    label: { default: "Add filter" }
+  },
+  emits: ["select"],
+  setup(r, { emit: c }) {
+    const i = b("filterSelector"), t = s(!1), o = s(!1), f = g(() => Object.entries(r.filters).map(([e, l]) => ({
+      label: l.label,
+      value: e,
+      onClick: () => u(e)
+    }))), p = c, u = (e) => {
+      p("select", e);
+    }, m = (e) => {
+      e ? o.value = !0 : o.value = !1, t.value = !t.value;
+    }, d = () => {
+      var e, l;
+      t.value ? (e = i.value) == null || e.closeDropdown() : (l = i.value) == null || l.openDropdown();
+    };
+    return (e, l) => (w(), C(S, {
+      ref: "filterSelector",
+      items: f.value,
+      onToggleDropdown: m
+    }, {
+      default: n(() => [
+        a(T, {
+          "data-testid": "filter-selector",
+          label: r.label,
+          "pill-focus": o.value,
+          onClick: l[0] || (l[0] = k(() => {
+          }, ["prevent", "stop"])),
+          onTrigger: d
+        }, {
+          "open-icon": n(() => [
+            a(D(_), { decorative: "" })
+          ]),
+          _: 1
+        }, 8, ["label", "pill-focus"])
+      ]),
+      _: 1
+    }, 8, ["items"]));
+  }
+});
 export {
-  m as default
+  O as default
 };

package/dist/kongponents.es242.js

@@ -1,7 +1,7 @@
-import r from "./kongponents.es280.js";
+import o from "./kongponents.es312.js";
 /* empty css                  */
-import e from "./kongponents.es75.js";
-const a = /* @__PURE__ */ e(r, [["__scopeId", "data-v-a0d12d73"]]);
+import t from "./kongponents.es75.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-448ac18e"]]);
 export {
-  a as default
+  i as default
 };

package/dist/kongponents.es243.js

@@ -1,11 +1,121 @@
-function i(t, o) {
-  let e;
-  return (...u) => {
-    clearTimeout(e), e = window == null ? void 0 : window.setTimeout(() => {
-      t(...u);
-    }, o);
-  };
-}
+import { defineComponent as y, computed as s, openBlock as d, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as k } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es256.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",
+  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 n = String(e.size).replace(/px/gi, ""), t = Number(n);
+        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 = (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);
+    }, 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), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon chevron-up-icon",
+      "data-testid": "kui-icon-wrapper-chevron-up-icon",
+      style: S(c.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-up-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))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  i as debounce
+  z as default
 };

package/dist/kongponents.es244.js

@@ -1,11 +1,7 @@
-import { urlAlphabet as l } from "./kongponents.es366.js";
-let o = (t = 21) => {
-  let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
-  for (; t--; )
-    e += l[r[t] & 63];
-  return e;
-};
+import o from "./kongponents.es307.js";
+/* empty css                  */
+import t from "./kongponents.es75.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ac5fa2a2"]]);
 export {
-  o as nanoid,
-  l as urlAlphabet
+  f as default
 };