@kong/kongponents 9.56.1 → 9.56.2

package/dist/kongponents.es203.js

@@ -1,123 +1,169 @@
-import { defineComponent as h, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as $, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kongponents.es273.js";
-const N = ["aria-hidden"], c = '<path d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
-  __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: p,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
-          return !0;
-        if (typeof t == "string") {
-          const e = String(t).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 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 A, watchImmediate as w, noop as R, 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 P, getCurrentInstance as x, onMounted as z, unref as B } from "vue";
+const $ = 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, l, r, a) => (e.addEventListener(l, r, a), () => e.removeEventListener(l, r, a)), i = h(() => {
+    const e = A(p(n[0])).filter((l) => l != null);
+    return e.every((l) => typeof l != "string") ? e : void 0;
+  });
+  return w(() => {
+    var e, l;
+    return [
+      (e = (l = i.value) === null || l === void 0 ? void 0 : l.map((r) => g(r))) !== null && e !== void 0 ? e : [$].filter((r) => r != null),
+      A(p(i.value ? n[1] : n[0])),
+      A(B(i.value ? n[2] : n[1])),
+      p(i.value ? n[3] : n[2])
+    ];
+  }, ([e, l, r, a], m, c) => {
+    if (!(e != null && e.length) || !(l != null && l.length) || !(r != null && r.length)) return;
+    const d = k(a) ? { ...a } : a, v = e.flatMap((f) => l.flatMap((E) => r.map((y) => o(f, E, y, d))));
+    c(() => {
+      v.forEach((f) => f());
+    });
+  }, { flush: "post" });
+}
+function N(n, o, i = {}) {
+  const { window: e = $, ignore: l = [], capture: r = !0, detectIframe: a = !1, controls: m = !1 } = i;
+  if (!e) return m ? {
+    stop: R,
+    cancel: R,
+    trigger: R
+  } : R;
+  let c = !0;
+  const d = (t) => p(l).some((u) => {
+    if (typeof u == "string") return Array.from(e.document.querySelectorAll(u)).some((s) => s === t.target || t.composedPath().includes(s));
+    {
+      const s = g(u);
+      return s && (t.target === s || t.composedPath().includes(s));
     }
-  },
-  setup(t) {
-    const e = t, n = (i) => typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i), o = d(() => {
-      if (n(e.size))
-        return e.size;
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const i = String(e.size).replace(/px/gi, ""), r = Number(i);
-        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-          return `${r}px`;
+  });
+  function v(t) {
+    const u = p(t);
+    return u && u.$.subTree.shapeFlag === 16;
+  }
+  function f(t, u) {
+    const s = p(t), b = s.$.subTree && s.$.subTree.children;
+    return b == null || !Array.isArray(b) ? !1 : b.some((M) => M.el === u.target || u.composedPath().includes(M.el));
+  }
+  const E = (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 && (c = !d(t)), !c) {
+        c = !0;
+        return;
       }
-      return p;
-    }), f = d(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: o.value,
-      lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), g = (i) => {
-      const r = {}, w = Math.random().toString(36).substring(2, 12);
-      return i.replace(/id="([^"]+)"/g, (s, a) => {
-        const l = `${w}-${a}`;
-        return r[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, a) => r[a] ? `#${r[a]}` : s);
-    }, m = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, v = (i) => i.replace(/[<>"'&]/g, (r) => m[r]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
-    return (i, r) => (u(), b(x(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon arrow-down-icon",
-      "data-testid": "kui-icon-wrapper-arrow-down-icon",
-      style: S(f.value),
-      tabindex: t.decorative ? "-1" : void 0
+      o(t);
+    }
+  };
+  let y = !1;
+  const T = [
+    S(e, "click", (t) => {
+      y || (y = !0, setTimeout(() => {
+        y = !1;
+      }, 0), E(t));
     }, {
-      default: $(() => [
-        (u(), z("svg", {
-          "aria-hidden": t.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: y
-        }, null, 8, N))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+      passive: !0,
+      capture: r
+    }),
+    S(e, "pointerdown", (t) => {
+      const u = g(n);
+      c = !d(t) && !!(u && !t.composedPath().includes(u));
+    }, { passive: !0 }),
+    a && S(e, "blur", (t) => {
+      setTimeout(() => {
+        const u = g(n);
+        let s = e.document.activeElement;
+        for (; s != null && s.shadowRoot; ) s = s.shadowRoot.activeElement;
+        (s == null ? void 0 : s.tagName) === "IFRAME" && !(u != null && u.contains(e.document.activeElement)) && o(t);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), C = () => T.forEach((t) => t());
+  return m ? {
+    stop: C,
+    cancel: () => {
+      c = !1;
+    },
+    trigger: (t) => {
+      c = !0, E(t), c = !1;
+    }
+  } : C;
+}
+// @__NO_SIDE_EFFECTS__
+function F() {
+  const n = P(!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 = $, ...l } = i;
+  let r;
+  const a = /* @__PURE__ */ W(() => e && "ResizeObserver" in e), m = () => {
+    r && (r.disconnect(), r = void 0);
+  }, c = L(h(() => {
+    const v = p(n);
+    return Array.isArray(v) ? v.map((f) => g(f)) : [g(v)];
+  }), (v) => {
+    if (m(), a.value && e) {
+      r = new ResizeObserver(o);
+      for (const f of v) f && r.observe(f, l);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), d = () => {
+    m(), c();
+  };
+  return O(d), {
+    isSupported: a,
+    stop: d
+  };
+}
+function j(n) {
+  var o;
+  const i = (o = n.rangeCount) !== null && o !== void 0 ? o : 0;
+  return Array.from({ length: i }, (e, l) => n.getRangeAt(l));
+}
+// @__NO_SIDE_EFFECTS__
+function G(n = {}) {
+  var o;
+  const { window: i = $ } = n, e = P((o = i == null ? void 0 : i.getSelection()) !== null && o !== void 0 ? o : null), l = h(() => {
+    var c, d;
+    return (c = (d = e.value) === null || d === void 0 ? void 0 : d.toString()) !== null && c !== void 0 ? c : "";
+  }), r = h(() => e.value ? j(e.value) : []), a = h(() => r.value.map((c) => c.getBoundingClientRect()));
+  function m() {
+    e.value = null, i && (e.value = i.getSelection());
   }
-});
+  return i && S(i.document, "selectionchange", m, { passive: !0 }), {
+    text: l,
+    rects: a,
+    ranges: r,
+    selection: e
+  };
+}
 export {
-  q as default
+  $ as defaultWindow,
+  I as isClient,
+  k as isObject,
+  R as noop,
+  N as onClickOutside,
+  A as toArray,
+  O as tryOnScopeDispose,
+  g as unrefElement,
+  S as useEventListener,
+  F as useMounted,
+  V as useResizeObserver,
+  W as useSupported,
+  G as useTextSelection,
+  w as watchImmediate
 };