@kong/kongponents 9.52.7 → 9.52.8

package/dist/kongponents.es194.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as d, openBlock as s, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es255.js";
-const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "KongIcon",
+import { defineComponent as y, computed as s, openBlock as d, createBlock as h, resolveDynamicComponent as b, normalizeStyle as k, withCtx as x, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es270.js";
+const N = ["aria-hidden"], c = '<path d="M2.4498 10.575L6.6498 6.37504C6.88314 6.1417 7.15814 5.97504 7.4748 5.87504C7.79147 5.77504 8.11647 5.75837 8.4498 5.82504L9.7498 6.10004C8.8498 7.1667 8.14147 8.13337 7.6248 9.00004C7.10814 9.8667 6.60814 10.9167 6.1248 12.15L2.4498 10.575ZM7.5748 12.85C7.95814 11.65 8.47897 10.5167 9.1373 9.45004C9.79564 8.38337 10.5915 7.38337 11.5248 6.45004C12.9915 4.98337 14.6665 3.88754 16.5498 3.16254C18.4331 2.43754 20.1915 2.2167 21.8248 2.50004C22.1081 4.13337 21.8915 5.8917 21.1748 7.77504C20.4581 9.65837 19.3665 11.3334 17.8998 12.8C16.9831 13.7167 15.9831 14.5125 14.8998 15.1875C13.8165 15.8625 12.6748 16.3917 11.4748 16.775L7.5748 12.85ZM14.4748 9.85004C14.8581 10.2334 15.329 10.425 15.8873 10.425C16.4456 10.425 16.9165 10.2334 17.2998 9.85004C17.6831 9.4667 17.8748 8.99587 17.8748 8.43754C17.8748 7.8792 17.6831 7.40837 17.2998 7.02504C16.9165 6.6417 16.4456 6.45004 15.8873 6.45004C15.329 6.45004 14.8581 6.6417 14.4748 7.02504C14.0915 7.40837 13.8998 7.8792 13.8998 8.43754C13.8998 8.99587 14.0915 9.4667 14.4748 9.85004ZM13.7748 21.875L12.1748 18.2C13.4081 17.7167 14.4623 17.2167 15.3373 16.7C16.2123 16.1834 17.1831 15.475 18.2498 14.575L18.4998 15.875C18.5665 16.2084 18.5498 16.5375 18.4498 16.8625C18.3498 17.1875 18.1831 17.4667 17.9498 17.7L13.7748 21.875ZM4.0498 16.05C4.63314 15.4667 5.34147 15.1709 6.1748 15.1625C7.00814 15.1542 7.71647 15.4417 8.2998 16.025C8.88314 16.6084 9.1748 17.3167 9.1748 18.15C9.1748 18.9834 8.88314 19.6917 8.2998 20.275C7.88314 20.6917 7.1873 21.05 6.2123 21.35C5.2373 21.65 3.89147 21.9167 2.1748 22.15C2.40814 20.4334 2.6748 19.0917 2.9748 18.125C3.2748 17.1584 3.63314 16.4667 4.0498 16.05Z" fill="currentColor"/>', I = /* @__PURE__ */ y({
+  __name: "RocketIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -61,16 +61,16 @@ const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(r) {
-    const e = r, i = d(() => {
+    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);
+        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(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,30 +79,30 @@ const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
+    })), C = (a) => {
       const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const l = `${v}-${o}`;
-        return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, g = {
+      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);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, L = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (s(), h(b(r.as), {
+    }, g = (a) => a.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? c : C(c)}`;
+    return (a, t) => (d(), h(b(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon kong-icon",
-      "data-testid": "kui-icon-wrapper-kong-icon",
-      style: x(c.value),
+      class: "kui-icon rocket-icon",
+      "data-testid": "kui-icon-wrapper-rocket-icon",
+      style: k(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (s(), k("svg", {
+      default: x(() => [
+        (d(), S("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-kong-icon",
+          "data-testid": "kui-icon-svg-rocket-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -117,5 +117,5 @@ const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d=
   }
 });
 export {
-  z as default
+  I as default
 };

package/dist/kongponents.es195.js

@@ -1,17 +1,104 @@
-import u from "./kongponents.es351.js";
-import i from "./kongponents.es348.js";
-import m from "./kongponents.es352.js";
-import a from "./kongponents.es353.js";
-function y(r, n) {
-  if (r == null)
-    return {};
-  var o = u(a(r), function(t) {
-    return [t];
-  });
-  return n = i(n), m(r, o, function(t, f) {
-    return n(t, f[0]);
-  });
-}
+import { defineComponent as r, ref as s, computed as v, onMounted as d, watch as f, onUnmounted as p, Comment as F, cloneVNode as O } from "vue";
+import { createFocusTrap as b } from "./kongponents.es250.js";
+/*!
+  * focus-trap-vue v4.0.3
+  * (c) 2025 Eduardo San Martin Morote
+  * @license MIT
+  */
+const D = {
+  escapeDeactivates: {
+    type: Boolean,
+    default: !0
+  },
+  returnFocusOnDeactivate: {
+    type: Boolean,
+    default: !0
+  },
+  allowOutsideClick: {
+    type: [Boolean, Function],
+    default: !0
+  },
+  clickOutsideDeactivates: [Boolean, Function],
+  initialFocus: [String, Function, Boolean],
+  fallbackFocus: [String, Function],
+  checkCanFocusTrap: Function,
+  checkCanReturnFocus: Function,
+  delayInitialFocus: {
+    type: Boolean,
+    default: !0
+  },
+  document: Object,
+  preventScroll: Boolean,
+  setReturnFocus: [Object, String, Boolean, Function],
+  tabbableOptions: Object
+}, T = r({
+  name: "FocusTrap",
+  props: Object.assign({
+    active: {
+      // TODO: could be options for activate but what about the options for deactivating?
+      type: Boolean,
+      default: !0
+    }
+  }, D),
+  emits: [
+    "update:active",
+    "activate",
+    "postActivate",
+    "deactivate",
+    "postDeactivate"
+  ],
+  render() {
+    return this.renderImpl();
+  },
+  setup(a, { slots: o, emit: n }) {
+    let t;
+    const i = s(null), c = v(() => {
+      const e = i.value;
+      return e && (e instanceof HTMLElement ? e : e.$el);
+    });
+    function u() {
+      return t || (t = b(c.value, {
+        escapeDeactivates: a.escapeDeactivates,
+        allowOutsideClick: a.allowOutsideClick,
+        returnFocusOnDeactivate: a.returnFocusOnDeactivate,
+        clickOutsideDeactivates: a.clickOutsideDeactivates,
+        onActivate: () => {
+          n("update:active", !0), n("activate");
+        },
+        onDeactivate: () => {
+          n("update:active", !1), n("deactivate");
+        },
+        onPostActivate: () => n("postActivate"),
+        onPostDeactivate: () => n("postDeactivate"),
+        initialFocus: a.initialFocus,
+        fallbackFocus: a.fallbackFocus,
+        tabbableOptions: a.tabbableOptions,
+        delayInitialFocus: a.delayInitialFocus,
+        preventScroll: a.preventScroll
+      }));
+    }
+    return d(() => {
+      f(() => a.active, (e) => {
+        e && c.value ? u().activate() : t && (t.deactivate(), (!c.value || c.value.nodeType === Node.COMMENT_NODE) && (t = null));
+      }, { immediate: !0, flush: "post" });
+    }), p(() => {
+      t && t.deactivate(), t = null;
+    }), {
+      activate() {
+        u().activate();
+      },
+      deactivate() {
+        t && t.deactivate();
+      },
+      renderImpl() {
+        if (!o.default)
+          return null;
+        const e = o.default().filter((l) => l.type !== F);
+        return !e || !e.length || e.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), e) : O(e[0], { ref: i });
+      }
+    };
+  }
+});
 export {
-  y as default
+  T as FocusTrap
 };

package/dist/kongponents.es196.js

@@ -1,121 +1,168 @@
-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.es255.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
+import { toArray as C, watchImmediate as T, noop as y, tryOnScopeDispose as O, isClient as I, isObject as k } from "./kongponents.es251.js";
+import { computed as h, toValue as p, watch as L, shallowRef as M, getCurrentInstance as x, onMounted as z, unref as B } from "vue";
+const b = 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, r, l, c) => (e.addEventListener(r, l, c), () => e.removeEventListener(r, l, c)), i = h(() => {
+    const e = C(p(n[0])).filter((r) => r != null);
+    return e.every((r) => typeof r != "string") ? e : void 0;
+  });
+  return T(() => {
+    var e, r;
+    return [
+      (e = (r = i.value) === null || r === void 0 ? void 0 : r.map((l) => g(l))) !== null && e !== void 0 ? e : [b].filter((l) => l != null),
+      C(p(i.value ? n[1] : n[0])),
+      C(B(i.value ? n[2] : n[1])),
+      p(i.value ? n[3] : n[2])
+    ];
+  }, ([e, r, l, c], m, s) => {
+    if (!(e != null && e.length) || !(r != null && r.length) || !(l != null && l.length)) return;
+    const d = k(c) ? { ...c } : c, v = e.flatMap((f) => r.flatMap((w) => l.map(($) => o(f, w, $, d))));
+    s(() => {
+      v.forEach((f) => f());
+    });
+  }, { flush: "post" });
+}
+function N(n, o, i = {}) {
+  const { window: e = b, ignore: r = [], capture: l = !0, detectIframe: c = !1, controls: m = !1 } = i;
+  if (!e) return m ? {
+    stop: y,
+    cancel: y,
+    trigger: y
+  } : y;
+  let s = !0;
+  const d = (t) => p(r).some((u) => {
+    if (typeof u == "string") return Array.from(e.document.querySelectorAll(u)).some((a) => a === t.target || t.composedPath().includes(a));
+    {
+      const a = g(u);
+      return a && (t.target === a || t.composedPath().includes(a));
     }
-  },
-  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`;
+  });
+  function v(t) {
+    const u = p(t);
+    return u && u.$.subTree.shapeFlag === 16;
+  }
+  function f(t, u) {
+    const a = p(t), A = a.$.subTree && a.$.subTree.children;
+    return A == null || !Array.isArray(A) ? !1 : A.some((R) => R.el === u.target || u.composedPath().includes(R.el));
+  }
+  const w = (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 && (s = !d(t)), !s) {
+        s = !0;
+        return;
       }
-      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
+      o(t);
+    }
+  };
+  let $ = !1;
+  const P = [
+    S(e, "click", (t) => {
+      $ || ($ = !0, setTimeout(() => {
+        $ = !1;
+      }, 0), w(t));
     }, {
-      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"]));
+      passive: !0,
+      capture: l
+    }),
+    S(e, "pointerdown", (t) => {
+      const u = g(n);
+      s = !d(t) && !!(u && !t.composedPath().includes(u));
+    }, { passive: !0 }),
+    c && S(e, "blur", (t) => {
+      setTimeout(() => {
+        var u;
+        const a = g(n);
+        ((u = e.document.activeElement) === null || u === void 0 ? void 0 : u.tagName) === "IFRAME" && !(a != null && a.contains(e.document.activeElement)) && o(t);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), E = () => P.forEach((t) => t());
+  return m ? {
+    stop: E,
+    cancel: () => {
+      s = !1;
+    },
+    trigger: (t) => {
+      s = !0, w(t), s = !1;
+    }
+  } : E;
+}
+// @__NO_SIDE_EFFECTS__
+function F() {
+  const n = M(!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 = b, ...r } = i;
+  let l;
+  const c = /* @__PURE__ */ W(() => e && "ResizeObserver" in e), m = () => {
+    l && (l.disconnect(), l = void 0);
+  }, s = L(h(() => {
+    const v = p(n);
+    return Array.isArray(v) ? v.map((f) => g(f)) : [g(v)];
+  }), (v) => {
+    if (m(), c.value && e) {
+      l = new ResizeObserver(o);
+      for (const f of v) f && l.observe(f, r);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), d = () => {
+    m(), s();
+  };
+  return O(d), {
+    isSupported: c,
+    stop: d
+  };
+}
+function j(n) {
+  var o;
+  const i = (o = n.rangeCount) !== null && o !== void 0 ? o : 0;
+  return Array.from({ length: i }, (e, r) => n.getRangeAt(r));
+}
+// @__NO_SIDE_EFFECTS__
+function _(n = {}) {
+  var o;
+  const { window: i = b } = n, e = M((o = i == null ? void 0 : i.getSelection()) !== null && o !== void 0 ? o : null), r = h(() => {
+    var s, d;
+    return (s = (d = e.value) === null || d === void 0 ? void 0 : d.toString()) !== null && s !== void 0 ? s : "";
+  }), l = h(() => e.value ? j(e.value) : []), c = h(() => l.value.map((s) => s.getBoundingClientRect()));
+  function m() {
+    e.value = null, i && (e.value = i.getSelection());
   }
-});
+  return i && S(i.document, "selectionchange", m, { passive: !0 }), {
+    text: r,
+    rects: c,
+    ranges: l,
+    selection: e
+  };
+}
 export {
-  z as default
+  b as defaultWindow,
+  I as isClient,
+  k as isObject,
+  y as noop,
+  N as onClickOutside,
+  C as toArray,
+  O as tryOnScopeDispose,
+  g as unrefElement,
+  S as useEventListener,
+  F as useMounted,
+  V as useResizeObserver,
+  W as useSupported,
+  _ as useTextSelection,
+  T as watchImmediate
 };

package/dist/kongponents.es197.js

@@ -1,26 +1,7 @@
-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);
-  }
-}
+import o from "./kongponents.es257.js";
+/* empty css                  */
+import t from "./kongponents.es75.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72b558ed"]]);
 export {
-  t as ResizeObserverHelper
+  p as default
 };

package/dist/kongponents.es198.js

@@ -1,7 +1,7 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
-}
+import o from "./kongponents.es259.js";
+/* empty css                  */
+import t from "./kongponents.es75.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fa22dc7"]]);
 export {
-  i as warnInvalidProp
+  f as default
 };