@kong/kongponents 9.48.4-pr.3023.54ef46c.0 → 9.48.4-pr.3023.7fdcc0b.0

package/dist/kongponents.es184.js

@@ -1,121 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as h, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es263.js";
-const k = ["aria-hidden"], p = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"/>', $ = /* @__PURE__ */ y({
-  __name: "VisibilityIcon",
-  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: (i) => {
-        if (typeof i == "number" && i > 0)
-          return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 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(i) {
-    const e = i, r = 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: r.value,
-      lineHeight: "0",
-      width: r.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (a) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${m}-${n}`;
-        return t[n] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, C = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, g = (a) => a.replace(/[<>"'&]/g, (t) => C[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (a, t) => (d(), b(h(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon visibility-icon",
-      "data-testid": "kui-icon-wrapper-visibility-icon",
-      style: x(c.value),
-      tabindex: i.decorative ? "-1" : void 0
-    }, {
-      default: S(() => [
-        (d(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-visibility-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"]));
-  }
-});
+const n = (r) => {
+  const e = Number(r);
+  return Number.isNaN(e) ? `${r}` : `${e}px`;
+};
 export {
-  $ as default
+  n as normalizeSize
 };

package/dist/kongponents.es185.js

@@ -1,121 +1,168 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as C, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es263.js";
-const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
-  __name: "FileEmptyIcon",
-  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: (i) => {
-        if (typeof i == "number" && i > 0)
-          return !0;
-        if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 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.es240.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(i) {
-    const e = i, r = 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`;
+  });
+  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: r.value,
-      lineHeight: "0",
-      width: r.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(), b(x(i.as), {
-      "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon file-empty-icon",
-      "data-testid": "kui-icon-wrapper-file-empty-icon",
-      style: S(c.value),
-      tabindex: i.decorative ? "-1" : void 0
+      o(t);
+    }
+  };
+  let $ = !1;
+  const P = [
+    S(e, "click", (t) => {
+      $ || ($ = !0, setTimeout(() => {
+        $ = !1;
+      }, 0), w(t));
     }, {
-      default: C(() => [
-        (d(), N("svg", {
-          "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-file-empty-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"]));
+      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 {
-  $ 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.es186.js

@@ -1,121 +1,7 @@
-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.es263.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"]));
-  }
-});
+import o from "./kongponents.es245.js";
+/* empty css                  */
+import t from "./kongponents.es74.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-34b46660"]]);
 export {
-  $ as default
+  i as default
 };