@kong/kongponents 9.47.1 → 9.47.2-pr.3005.17b94c3.0

package/dist/kongponents.es237.js

@@ -1,7 +1,7 @@
-import { defineComponent as b, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as k, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es295.js";
-const w = ["aria-hidden"], c = '<path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"/>', z = /* @__PURE__ */ b({
-  __name: "BackIcon",
+import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as C, normalizeStyle as H, withCtx as x, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es271.js";
+const V = ["aria-hidden"], c = '<path d="M7 17H9V12H7V17ZM15 17H17V7H15V17ZM11 17H13V14H11V17ZM11 12H13V10H11V12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"/>', w = /* @__PURE__ */ h({
+  __name: "AnalyticsIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -33,12 +33,12 @@ const w = ["aria-hidden"], c = '<path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.
       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)
+      validator: (i) => {
+        if (typeof i == "number" && i > 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)
+        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;
@@ -60,8 +60,8 @@ const w = ["aria-hidden"], c = '<path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.
       default: !1
     }
   },
-  setup(r) {
-    const e = r, i = s(() => {
+  setup(i) {
+    const e = i, r = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -75,14 +75,14 @@ const w = ["aria-hidden"], c = '<path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: i.value,
+      height: r.value,
       lineHeight: "0",
-      width: i.value,
+      width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (a) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${y}-${n}`;
+        const l = `${v}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
@@ -91,31 +91,31 @@ const w = ["aria-hidden"], c = '<path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.
       '"': "&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 ? c : f(c)}`;
-    return (a, t) => (d(), h(k(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon back-icon",
-      "data-testid": "kui-icon-wrapper-back-icon",
-      style: x(p.value),
-      tabindex: r.decorative ? "-1" : void 0
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), b(C(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
+      class: "kui-icon analytics-icon",
+      "data-testid": "kui-icon-wrapper-analytics-icon",
+      style: H(p.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (d(), N("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-back-icon",
+      default: x(() => [
+        (d(), S("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-analytics-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, w))
+          innerHTML: y
+        }, null, 8, V))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  z as default
+  w as default
 };

package/dist/kongponents.es238.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as d, createBlock as b, openBlock as s, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es295.js";
-const k = ["aria-hidden"], p = '<path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
-  __name: "ForwardIcon",
+import { defineComponent as x, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as k, withCtx as S, createElementBlock as C } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es271.js";
+const H = ["aria-hidden"], p = '<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"/>', z = /* @__PURE__ */ x({
+  __name: "ExternalLinkIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -61,16 +61,16 @@ const k = ["aria-hidden"], p = '<path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13
     }
   },
   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 a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
       return u;
-    }), c = d(() => ({
+    }), c = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,30 +79,30 @@ const k = ["aria-hidden"], p = '<path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (a) => {
+    })), f = (n) => {
       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);
+      return n.replace(/id="([^"]+)"/g, (l, a) => {
+        const o = `${y}-${a}`;
+        return t[a] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (l, a) => t[a] ? `#${t[a]}` : l);
     }, 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(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 forward-icon",
-      "data-testid": "kui-icon-wrapper-forward-icon",
-      style: x(c.value),
+      class: "kui-icon external-link-icon",
+      "data-testid": "kui-icon-wrapper-external-link-icon",
+      style: k(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
       default: S(() => [
-        (s(), N("svg", {
+        (d(), C("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-forward-icon",
+          "data-testid": "kui-icon-svg-external-link-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,7 +110,7 @@ const k = ["aria-hidden"], p = '<path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, k))
+        }, null, 8, H))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kongponents.es24.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, useSlots as m, computed as r, useId as u, createBlock as c, renderSlot as o, openBlock as f, mergeProps as h, unref as l, withCtx as a, createElementVNode as x, createTextVNode as p, toDisplayString as b } from "vue";
 import k from "./kongponents.es53.js";
-import { KUI_SPACE_20 as I } from "./kongponents.es183.js";
+import { KUI_SPACE_20 as I } from "./kongponents.es177.js";
 const v = ["id"], A = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "KTooltip",

package/dist/kongponents.es240.js

@@ -1,179 +1,136 @@
-import { defineComponent as W, mergeModels as j, useModel as P, ref as b, useId as J, computed as D, onMounted as K, watch as h, createElementBlock as m, openBlock as i, createBlock as I, createCommentVNode as y, unref as c, mergeProps as B, createElementVNode as M, createVNode as L, withDirectives as S, toDisplayString as k, normalizeClass as F, vModelText as A, Transition as Q, withCtx as X } from "vue";
-import { DatePicker as U } from "./kongponents.es431.js";
-import Z from "./kongponents.es280.js";
-import p from "./kongponents.es284.js";
-import G from "./kongponents.es190.js";
-const _ = { class: "calendar-wrapper" }, ee = {
-  key: 2,
-  class: "time-wrapper"
-}, te = { class: "time-input" }, ae = ["for"], ne = { key: 0 }, le = { key: 1 }, ue = ["id", "step"], se = ["for"], ie = { key: 0 }, re = ["id", "step"], oe = {
-  key: 0,
-  class: "help-text"
-}, ye = /* @__PURE__ */ W({
-  __name: "CalendarWrapper",
-  props: /* @__PURE__ */ j({
-    isRange: { type: Boolean },
-    kDatePickerMode: {},
-    maxDate: { default: () => {
-    } },
-    minDate: { default: () => {
-    } },
-    errorMessage: { default: () => {
-    } },
-    timeGranularity: { default: "minutely" }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    error: { type: Boolean, default: !1 },
-    errorModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:error"],
-  setup(t, { expose: Y }) {
-    const u = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = P(t, "modelValue"), f = P(t, "error"), s = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), r = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), o = b({
-      start: u(/* @__PURE__ */ new Date(), t.timeGranularity),
-      end: u(/* @__PURE__ */ new Date(), t.timeGranularity)
-    }), g = J(), $ = D(() => t.isRange && e.value && "start" in e.value && e.value.start instanceof Date ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && Z(t.maxDate, p()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), x = D(() => ({
-      borderless: !0,
-      color: "blue",
-      dragAttribute: q,
-      expanded: !0,
-      initialPage: $.value,
-      maxDate: t.maxDate,
-      minDate: t.minDate,
-      mode: "date",
-      modelConfig: N,
-      selectAttribute: z,
-      transparent: !0
-    })), R = D(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), H = D(() => {
-      switch (t.timeGranularity) {
-        case "minutely":
-          return 60;
-        case "secondly":
-          return 1;
-        default:
-          return 60;
-      }
-    }), V = (n, a) => n > a, C = () => {
-      if (e.value && R.value)
-        if (t.isRange && e.value.start && e.value.end) {
-          const n = e.value;
-          s.value = u(n.start, t.timeGranularity), r.value = u(n.end, t.timeGranularity);
-        } else e.value instanceof Date ? s.value = u(e.value, t.timeGranularity) : s.value = u(/* @__PURE__ */ new Date(), t.timeGranularity);
-    }, w = (n) => {
-      const a = n.split(":"), l = parseInt(a[0], 10), d = parseInt(a[1], 10), v = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
-      return { hours: l, minutes: d, seconds: v };
-    };
-    K(() => {
-      C(), o.value.start = s.value, o.value.end = r.value;
-    });
-    const N = { type: "number" }, q = {
-      key: "select-drag",
-      highlight: {
-        start: { contentClass: "vcal-day-drag-start" },
-        base: { contentClass: "vcal-day-drag-base" },
-        end: { contentClass: "vcal-day-drag-end" }
-      }
-    }, z = {
-      key: "select-calendar",
-      highlight: {
-        start: { contentClass: "vcal-day-start" },
-        base: { contentClass: "vcal-day-base" },
-        end: { contentClass: "vcal-day-end" }
-      }
-    };
-    h(() => s.value, (n) => {
-      if (n) {
-        if (e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date) {
-          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-          a.setHours(l, d, v, 0), e.value.start.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
-        } else if (e.value instanceof Date) {
-          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-          a.setHours(l, d, v, 0), e.value.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0);
-        }
-      }
-    }), h(() => r.value, (n) => {
-      if (n && e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && "start" in e.value && e.value.start instanceof Date) {
-        const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-        a.setHours(l, d, v, 0), e.value.end.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
-      }
-    }), h(() => e.value, () => {
-      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date ? (s.value = u(e.value.start, t.timeGranularity), r.value = u(e.value.end, t.timeGranularity), f.value = V(e.value.start, e.value.end)) : e.value instanceof Date && (s.value = u(e.value, t.timeGranularity));
-    }, { immediate: !0, deep: !0 }), h(() => t.timeGranularity, () => {
-      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date ? o.value.start = u(e.value.start, t.timeGranularity) : e.value instanceof Date && (o.value.start = u(e.value, t.timeGranularity)), e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && (o.value.end = u(e.value.end, t.timeGranularity));
-    });
-    const T = (n) => {
-      const a = e.value;
-      return t.isRange && a && n in a && a[n] instanceof Date;
-    }, O = () => {
-      s.value = o.value.start, r.value = o.value.end;
-    }, E = (n) => {
-      try {
-        return G(n, "EEE MMM d yyyy");
-      } catch (a) {
-        console.warn("Error formatting date:", a);
-      }
-    };
-    return Y({
-      resetTime: O,
-      initTimeInputs: C
-    }), (n, a) => (i(), m("div", _, [
-      t.isRange ? (i(), I(c(U), B({ key: 0 }, x.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
-        modelModifiers: { range: !0 }
-      }), null, 16, ["modelValue"])) : (i(), I(c(U), B({ key: 1 }, x.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
-      }), null, 16, ["modelValue"])),
-      R.value ? (i(), m("div", ee, [
-        M("div", te, [
-          M("label", {
-            class: "time-input-label",
-            for: `time-input-start-${c(g)}`
-          }, [
-            T("start") ? (i(), m("span", ne, k(E(e.value.start)), 1)) : e.value && e.value instanceof Date ? (i(), m("span", le, k(E(e.value)), 1)) : y("", !0)
-          ], 8, ae),
-          S(M("input", {
-            id: `time-input-start-${c(g)}`,
-            "onUpdate:modelValue": a[2] || (a[2] = (l) => s.value = l),
-            class: F(["time-input-start", { "input-error": f.value }]),
-            "data-testid": "time-input-start",
-            step: H.value,
-            type: "time"
-          }, null, 10, ue), [
-            [A, s.value]
-          ]),
-          M("label", {
-            class: "time-input-label",
-            for: `time-input-end-${c(g)}`
-          }, [
-            T("end") ? (i(), m("span", ie, k(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : y("", !0)
-          ], 8, se),
-          t.isRange ? S((i(), m("input", {
-            key: 0,
-            id: `time-input-end-${c(g)}`,
-            "onUpdate:modelValue": a[3] || (a[3] = (l) => r.value = l),
-            class: F(["time-input-end", { "input-error": f.value }]),
-            "data-testid": "time-input-end",
-            step: H.value,
-            type: "time"
-          }, null, 10, re)), [
-            [A, r.value]
-          ]) : y("", !0)
-        ]),
-        L(Q, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
-        }, {
-          default: X(() => [
-            f.value && t.errorMessage ? (i(), m("div", oe, k(t.errorMessage), 1)) : y("", !0)
-          ]),
-          _: 1
-        })
-      ])) : y("", !0)
-    ]));
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
   }
-});
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
 export {
-  ye as default
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };

package/dist/kongponents.es241.js

@@ -0,0 +1,4 @@
+import f from "./kongponents.es195.js";
+export {
+  f as default
+};

package/dist/kongponents.es242.js

@@ -1,8 +1,34 @@
-import p from "./kongponents.es303.js";
-var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
-function x(e) {
-  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
+import { watch as e, getCurrentScope as i, onScopeDispose as r } from "vue";
+function u(o) {
+  return i() ? (r(o), !0) : !1;
+}
+const a = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const c = Object.prototype.toString, l = (o) => c.call(o) === "[object Object]", w = () => {
+}, p = /* @__PURE__ */ d();
+function d() {
+  var o, n;
+  return a && ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function f(o) {
+  return Array.isArray(o) ? o : [o];
+}
+function g(o, n, t) {
+  return e(
+    o,
+    n,
+    {
+      ...t,
+      immediate: !0
+    }
+  );
 }
 export {
-  x as default
+  a as isClient,
+  p as isIOS,
+  l as isObject,
+  w as noop,
+  f as toArray,
+  u as tryOnScopeDispose,
+  g as watchImmediate
 };