@kong/kongponents 9.49.1 → 9.49.2-pr.3043.153e3fe.0

package/dist/kongponents.es186.js

@@ -1,100 +1,121 @@
-import g from "./kongponents.es244.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;
+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;
+      }
+    },
+    /** 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 = 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"]));
   }
-  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 {
-  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
+  $ as default
 };

package/dist/kongponents.es187.js

@@ -1,121 +1,104 @@
-import { defineComponent as w, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, 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="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: {
-      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: {
+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.es270.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: !1
+      default: !0
     }
+  }, D),
+  emits: [
+    "update:active",
+    "activate",
+    "postActivate",
+    "deactivate",
+    "postDeactivate"
+  ],
+  render() {
+    return this.renderImpl();
   },
-  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`;
+  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 });
       }
-      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 = {}, 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;"
-    }, 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 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-arrow-down-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 {
-  z as default
+  T as FocusTrap
 };