@kong/kongponents 9.54.1 → 9.54.2

package/dist/kongponents.es194.js

@@ -1,7 +1,100 @@
-import t from "./kongponents.es260.js";
-/* empty css                  */
-import o from "./kongponents.es75.js";
-const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-12cbeddf"]]);
+import g from "./kongponents.es253.js";
+function E(t) {
+  const n = [0];
+  for (let r = 0; r < t.length; r++)
+    t[r] === `
+` && n.push(r + 1);
+  return n;
+}
+function a(t, n) {
+  let r = 0, e = t.length - 1;
+  for (; r < e; ) {
+    const i = Math.floor((r + e + 1) / 2);
+    t[i] && t[i] <= n ? r = i : e = i - 1;
+  }
+  return r + 1;
+}
+function x(t, n, r) {
+  if (!t || !n)
+    return [];
+  const e = [];
+  let i = 0;
+  for (; ; ) {
+    const s = t.indexOf(n, i);
+    if (s === -1) break;
+    const l = a(r, s);
+    e.push(l), i = (l < r.length ? r[l] : t.length) ?? 0;
+  }
+  return e;
+}
+function L(t, n, r) {
+  if (!t || !n)
+    return [];
+  const e = new RegExp(n, "sg"), i = [];
+  let s;
+  for (; (s = e.exec(t)) !== null; ) {
+    const l = s.index, c = s.index + s[0].length - 1, u = a(r, l), m = a(r, c);
+    for (let o = u; o <= m; o++)
+      i[i.length - 1] !== o && i.push(o);
+  }
+  return i;
+}
+function w(t, n, r, e = E(t)) {
+  return r ? L(t, n, e) : x(t, n, e);
+}
+const M = (t) => `<mark class="matched-term">${t}</mark>`, f = /[<&]/;
+function h(t) {
+  return t.replace(/[&<]/g, (n) => n === "&" ? "&amp;" : "&lt;");
+}
+function R(t, n = f, r = h) {
+  return n.test(t) ? r(t) : t;
+}
+function I(t, n, r) {
+  if (!t || !n)
+    return "";
+  let e;
+  try {
+    e = new RegExp(`(?:${r ? n : g(n)})+`, "sgi");
+  } catch {
+    return t;
+  }
+  const i = !f.test(t);
+  let s = "", l = 0, c;
+  for (; (c = e.exec(t)) !== null; ) {
+    const u = c.index;
+    s += i ? t.slice(l, u) : h(t.slice(l, u)), s += M(i ? c[0] : h(c[0])), l = u + c[0].length;
+  }
+  return s += i ? t.slice(l) : h(t.slice(l)), s;
+}
+const d = /^\d+(?:-\d+)?(?:,\d+(?:-\d+)?)*$/;
+function b(t, n) {
+  if (!d.test(t))
+    throw new Error("Invalid line number expression.");
+  const r = t.split(",").map((e) => {
+    const [i, s] = e.split("-").map(Number);
+    return s == null ? i : [i, s];
+  }).filter((e) => e !== void 0);
+  return p(r, n);
+}
+function p(t, n) {
+  const r = t.flatMap((e) => {
+    if (typeof e == "number")
+      return e < 1 || e > n ? [] : e;
+    let [i, s] = e[0] < e[1] ? e : [e[1], e[0]];
+    return i = Math.max(1, i), s = Math.min(n, s), Array.from({ length: s - i + 1 }, (l, c) => c + i);
+  }).sort((e, i) => e - i);
+  return Array.from(new Set(r));
+}
+function k(t, n) {
+  return typeof t == "string" ? b(t, n) : p(t, n);
+}
 export {
-  c as default
+  d as LINE_NUMBER_EXPRESSION_REGEX,
+  E as buildLineOffsets,
+  R as escapeHTMLIfNeeded,
+  h as escapeInnerHTML,
+  w as getMatchingLineNumbers,
+  I as highlightMatchingChars,
+  k as normalizeHighlightedLines,
+  M as wrapMark
 };

package/dist/kongponents.es195.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as s, openBlock as d, createBlock as b, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es281.js";
-const k = ["aria-hidden"], c = '<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "ChevronDownIcon",
+import { defineComponent as w, computed as s, openBlock as d, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.js";
+const k = ["aria-hidden"], p = '<path d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"/>', z = /* @__PURE__ */ w({
+  __name: "ArrowDownIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -70,7 +70,7 @@ const k = ["aria-hidden"], c = '<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18
           return `${t}px`;
       }
       return u;
-    }), p = s(() => ({
+    }), c = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -80,36 +80,36 @@ const k = ["aria-hidden"], c = '<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18
       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, (a, o) => {
-        const l = `${h}-${o}`;
-        return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (o, a) => {
+        const l = `${y}-${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 ? c : f(c)}`;
-    return (n, t) => (d(), b(w(r.as), {
+    }, m = (n) => n.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 (n, t) => (d(), h(b(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon chevron-down-icon",
-      "data-testid": "kui-icon-wrapper-chevron-down-icon",
-      style: x(p.value),
+      class: "kui-icon arrow-down-icon",
+      "data-testid": "kui-icon-wrapper-arrow-down-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-chevron-down-icon",
+          "data-testid": "kui-icon-svg-arrow-down-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, k))
       ]),
       _: 1

package/dist/kongponents.es196.js

@@ -1,23 +1,121 @@
-class s {
-  resizeObserver;
-  callback;
-  constructor(e) {
-    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
-      window.requestAnimationFrame(() => {
-        !Array.isArray(r) || !r.length || e();
-      });
-    });
+import { defineComponent as h, computed as s, openBlock as d, createBlock as b, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.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"]));
   }
-  static create(e) {
-    return new s(e);
-  }
-  observe(e) {
-    !this.resizeObserver || !e || this.resizeObserver.observe(e);
-  }
-  unobserve(e) {
-    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
-  }
-}
+});
 export {
-  s as ResizeObserverHelper
+  z as default
 };

package/dist/kongponents.es197.js

@@ -1,168 +1,121 @@
-import { toArray as C, watchImmediate as T, noop as y, tryOnScopeDispose as O, isClient as I, isObject as k } from "./kongponents.es246.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?.$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?.length || !r?.length || !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));
-    }
-  });
-  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;
+import { defineComponent as C, computed as s, openBlock as d, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.js";
+const k = ["aria-hidden"], p = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"/>', I = /* @__PURE__ */ C({
+  __name: "CopyIcon",
+  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;
       }
-      o(t);
-    }
-  };
-  let $ = !1;
-  const P = [
-    S(e, "click", (t) => {
-      $ || ($ = !0, setTimeout(() => {
-        $ = !1;
-      }, 0), w(t));
-    }, {
-      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?.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);
+    /** 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
     }
-  }, {
-    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?.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());
+  },
+  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;"
+    }, 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(), h(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon copy-icon",
+      "data-testid": "kui-icon-wrapper-copy-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-copy-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: y
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
-  return i && S(i.document, "selectionchange", m, { passive: !0 }), {
-    text: r,
-    rects: c,
-    ranges: l,
-    selection: e
-  };
-}
+});
 export {
-  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
+  I as default
 };