@kong/kongponents 9.52.7 → 9.52.8

package/dist/kongponents.es238.js

@@ -1,7 +1,116 @@
-import o from "./kongponents.es269.js";
-/* empty css                  */
-import t from "./kongponents.es75.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f750ceb7"]]);
+import { computePosition as j } from "./kongponents.es240.js";
+import { autoPlacement as Q, autoUpdate as T, flip as W, platform as X, shift as Y } from "./kongponents.es240.js";
+import { isNode as A, getNodeName as B } from "./kongponents.es364.js";
+import { getOverflowAncestors as ee } from "./kongponents.es364.js";
+import { computed as o, ref as f, shallowRef as F, watch as g, getCurrentScope as I, onScopeDispose as U, shallowReadonly as r, unref as k } from "vue";
+function q(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function b(e) {
+  if (q(e)) {
+    const u = e.$el;
+    return A(u) && B(u) === "#comment" ? null : u;
+  }
+  return e;
+}
+function c(e) {
+  return typeof e == "function" ? e() : k(e);
+}
+function M(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function C(e, u) {
+  const n = M(e);
+  return Math.round(u * n) / n;
+}
+function J(e, u, n) {
+  n === void 0 && (n = {});
+  const P = n.whileElementsMounted, s = o(() => {
+    var t;
+    return (t = c(n.open)) != null ? t : !0;
+  }), V = o(() => c(n.middleware)), p = o(() => {
+    var t;
+    return (t = c(n.placement)) != null ? t : "bottom";
+  }), w = o(() => {
+    var t;
+    return (t = c(n.strategy)) != null ? t : "absolute";
+  }), S = o(() => {
+    var t;
+    return (t = c(n.transform)) != null ? t : !0;
+  }), i = o(() => b(e.value)), l = o(() => b(u.value)), y = f(0), h = f(0), m = f(w.value), D = f(p.value), O = F({}), x = f(!1), _ = o(() => {
+    const t = {
+      position: m.value,
+      left: "0",
+      top: "0"
+    };
+    if (!l.value)
+      return t;
+    const a = C(l.value, y.value), R = C(l.value, h.value);
+    return S.value ? {
+      ...t,
+      transform: "translate(" + a + "px, " + R + "px)",
+      ...M(l.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: m.value,
+      left: a + "px",
+      top: R + "px"
+    };
+  });
+  let v;
+  function d() {
+    if (i.value == null || l.value == null)
+      return;
+    const t = s.value;
+    j(i.value, l.value, {
+      middleware: V.value,
+      placement: p.value,
+      strategy: w.value
+    }).then((a) => {
+      y.value = a.x, h.value = a.y, m.value = a.strategy, D.value = a.placement, O.value = a.middlewareData, x.value = t !== !1;
+    });
+  }
+  function E() {
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function N() {
+    if (E(), P === void 0) {
+      d();
+      return;
+    }
+    if (i.value != null && l.value != null) {
+      v = P(i.value, l.value, d);
+      return;
+    }
+  }
+  function $() {
+    s.value || (x.value = !1);
+  }
+  return g([V, p, w, s], d, {
+    flush: "sync"
+  }), g([i, l], N, {
+    flush: "sync"
+  }), g(s, $, {
+    flush: "sync"
+  }), I() && U(E), {
+    x: r(y),
+    y: r(h),
+    strategy: r(m),
+    placement: r(D),
+    middlewareData: r(O),
+    isPositioned: r(x),
+    floatingStyles: _,
+    update: d
+  };
+}
 export {
-  f as default
+  Q as autoPlacement,
+  T as autoUpdate,
+  j as computePosition,
+  W as flip,
+  ee as getOverflowAncestors,
+  X as platform,
+  Y as shift,
+  J as useFloating
 };

package/dist/kongponents.es239.js

@@ -1,7 +1,19 @@
-import o from "./kongponents.es271.js";
-/* empty css                  */
-import e from "./kongponents.es75.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bc7e2b16"]]);
+import { defineComponent as r, openBlock as l, createBlock as a, Teleport as p, renderSlot as o } from "vue";
+const u = /* @__PURE__ */ r({
+  __name: "KPopTeleportWrapper",
+  props: {
+    useTeleport: { type: Boolean },
+    target: { default: null }
+  },
+  setup(e) {
+    return (t, n) => e.useTeleport ? (l(), a(p, {
+      key: 0,
+      to: e.target
+    }, [
+      o(t.$slots, "default")
+    ], 8, ["to"])) : o(t.$slots, "default", { key: 1 });
+  }
+});
 export {
-  m as default
+  u as default
 };

package/dist/kongponents.es24.js

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

package/dist/kongponents.es240.js

@@ -1,7 +1,399 @@
-import r from "./kongponents.es273.js";
-/* empty css                  */
-import e from "./kongponents.es75.js";
-const a = /* @__PURE__ */ e(r, [["__scopeId", "data-v-a0d12d73"]]);
+import { shift as st, flip as rt, autoPlacement as ct, computePosition as lt } from "./kongponents.es459.js";
+import { createCoords as w, rectToClientRect as J, round as A, max as E, min as V, floor as D } from "./kongponents.es460.js";
+import { getOverflowAncestors as z, isElement as v, getDocumentElement as b, getWindow as O, getFrameElement as U, getComputedStyle as R, isHTMLElement as T, isTopLayer as _, getParentNode as W, isLastTraversableNode as H, isTableElement as ft, isContainingBlock as Q, getContainingBlock as ut, getNodeName as $, isOverflowElement as P, getNodeScroll as I, isWebKit as Y } from "./kongponents.es364.js";
+function Z(t) {
+  const e = R(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = T(t), r = i ? t.offsetWidth : n, s = i ? t.offsetHeight : o, c = A(n) !== r || A(o) !== s;
+  return c && (n = r, o = s), {
+    width: n,
+    height: o,
+    $: c
+  };
+}
+function q(t) {
+  return v(t) ? t : t.contextElement;
+}
+function F(t) {
+  const e = q(t);
+  if (!T(e))
+    return w(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: r
+  } = Z(e);
+  let s = (r ? A(n.width) : n.width) / o, c = (r ? A(n.height) : n.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const at = /* @__PURE__ */ w(0);
+function tt(t) {
+  const e = O(t);
+  return !Y() || !e.visualViewport ? at : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function ht(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== O(t) ? !1 : e;
+}
+function L(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), r = q(t);
+  let s = w(1);
+  e && (o ? v(o) && (s = F(o)) : s = F(t));
+  const c = ht(r, n, o) ? tt(r) : w(0);
+  let l = (i.left + c.x) / s.x, f = (i.top + c.y) / s.y, u = i.width / s.x, h = i.height / s.y;
+  if (r) {
+    const d = O(r), a = o && v(o) ? O(o) : o;
+    let m = d, p = U(m);
+    for (; p && o && a !== m; ) {
+      const y = F(p), g = p.getBoundingClientRect(), x = R(p), C = g.left + (p.clientLeft + parseFloat(x.paddingLeft)) * y.x, S = g.top + (p.clientTop + parseFloat(x.paddingTop)) * y.y;
+      l *= y.x, f *= y.y, u *= y.x, h *= y.y, l += C, f += S, m = O(p), p = U(m);
+    }
+  }
+  return J({
+    width: u,
+    height: h,
+    x: l,
+    y: f
+  });
+}
+function M(t, e) {
+  const n = I(t).scrollLeft;
+  return e ? e.left + n : L(b(t)).left + n;
+}
+function et(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - M(t, n), i = n.top + e.scrollTop;
+  return {
+    x: o,
+    y: i
+  };
+}
+function dt(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const r = i === "fixed", s = b(o), c = e ? _(e.floating) : !1;
+  if (o === s || c && r)
+    return n;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = w(1);
+  const u = w(0), h = T(o);
+  if ((h || !h && !r) && (($(o) !== "body" || P(s)) && (l = I(o)), h)) {
+    const a = L(o);
+    f = F(o), u.x = a.x + o.clientLeft, u.y = a.y + o.clientTop;
+  }
+  const d = s && !h && !r ? et(s, l) : w(0);
+  return {
+    width: n.width * f.x,
+    height: n.height * f.y,
+    x: n.x * f.x - l.scrollLeft * f.x + u.x + d.x,
+    y: n.y * f.y - l.scrollTop * f.y + u.y + d.y
+  };
+}
+function gt(t) {
+  return Array.from(t.getClientRects());
+}
+function pt(t) {
+  const e = b(t), n = I(t), o = t.ownerDocument.body, i = E(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), r = E(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + M(t);
+  const c = -n.scrollTop;
+  return R(o).direction === "rtl" && (s += E(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: s,
+    y: c
+  };
+}
+const K = 25;
+function mt(t, e) {
+  const n = O(t), o = b(t), i = n.visualViewport;
+  let r = o.clientWidth, s = o.clientHeight, c = 0, l = 0;
+  if (i) {
+    r = i.width, s = i.height;
+    const u = Y();
+    (!u || u && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
+  }
+  const f = M(o);
+  if (f <= 0) {
+    const u = o.ownerDocument, h = u.body, d = getComputedStyle(h), a = u.compatMode === "CSS1Compat" && parseFloat(d.marginLeft) + parseFloat(d.marginRight) || 0, m = Math.abs(o.clientWidth - h.clientWidth - a);
+    m <= K && (r -= m);
+  } else f <= K && (r += f);
+  return {
+    width: r,
+    height: s,
+    x: c,
+    y: l
+  };
+}
+function yt(t, e) {
+  const n = L(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, r = T(t) ? F(t) : w(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = i * r.x, f = o * r.y;
+  return {
+    width: s,
+    height: c,
+    x: l,
+    y: f
+  };
+}
+function j(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = mt(t, n);
+  else if (e === "document")
+    o = pt(b(t));
+  else if (v(e))
+    o = yt(e, n);
+  else {
+    const i = tt(t);
+    o = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return J(o);
+}
+function nt(t, e) {
+  const n = W(t);
+  return n === e || !v(n) || H(n) ? !1 : R(n).position === "fixed" || nt(n, e);
+}
+function wt(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = z(t, [], !1).filter((c) => v(c) && $(c) !== "body"), i = null;
+  const r = R(t).position === "fixed";
+  let s = r ? W(t) : t;
+  for (; v(s) && !H(s); ) {
+    const c = R(s), l = Q(s);
+    !l && c.position === "fixed" && (i = null), (r ? !l && !i : !l && c.position === "static" && !!i && (i.position === "absolute" || i.position === "fixed") || P(s) && !l && nt(t, s)) ? o = o.filter((u) => u !== s) : i = c, s = W(s);
+  }
+  return e.set(t, o), o;
+}
+function xt(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const s = [...n === "clippingAncestors" ? _(e) ? [] : wt(e, this._c) : [].concat(n), o], c = j(e, s[0], i);
+  let l = c.top, f = c.right, u = c.bottom, h = c.left;
+  for (let d = 1; d < s.length; d++) {
+    const a = j(e, s[d], i);
+    l = E(a.top, l), f = V(a.right, f), u = V(a.bottom, u), h = E(a.left, h);
+  }
+  return {
+    width: f - h,
+    height: u - l,
+    x: h,
+    y: l
+  };
+}
+function vt(t) {
+  const {
+    width: e,
+    height: n
+  } = Z(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function Rt(t, e, n) {
+  const o = T(e), i = b(e), r = n === "fixed", s = L(t, !0, r, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = w(0);
+  function f() {
+    l.x = M(i);
+  }
+  if (o || !o && !r)
+    if (($(e) !== "body" || P(i)) && (c = I(e)), o) {
+      const a = L(e, !0, r, e);
+      l.x = a.x + e.clientLeft, l.y = a.y + e.clientTop;
+    } else i && f();
+  r && !o && i && f();
+  const u = i && !o && !r ? et(i, c) : w(0), h = s.left + c.scrollLeft - l.x - u.x, d = s.top + c.scrollTop - l.y - u.y;
+  return {
+    x: h,
+    y: d,
+    width: s.width,
+    height: s.height
+  };
+}
+function N(t) {
+  return R(t).position === "static";
+}
+function G(t, e) {
+  if (!T(t) || R(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return b(t) === n && (n = n.ownerDocument.body), n;
+}
+function ot(t, e) {
+  const n = O(t);
+  if (_(t))
+    return n;
+  if (!T(t)) {
+    let i = W(t);
+    for (; i && !H(i); ) {
+      if (v(i) && !N(i))
+        return i;
+      i = W(i);
+    }
+    return n;
+  }
+  let o = G(t, e);
+  for (; o && ft(o) && N(o); )
+    o = G(o, e);
+  return o && H(o) && N(o) && !Q(o) ? n : o || ut(t) || n;
+}
+const bt = async function(t) {
+  const e = this.getOffsetParent || ot, n = this.getDimensions, o = await n(t.floating);
+  return {
+    reference: Rt(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Ct(t) {
+  return R(t).direction === "rtl";
+}
+const Ot = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: dt,
+  getDocumentElement: b,
+  getClippingRect: xt,
+  getOffsetParent: ot,
+  getElementRects: bt,
+  getClientRects: gt,
+  getDimensions: vt,
+  getScale: F,
+  isElement: v,
+  isRTL: Ct
+};
+function it(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function Lt(t, e) {
+  let n = null, o;
+  const i = b(t);
+  function r() {
+    var c;
+    clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
+  }
+  function s(c, l) {
+    c === void 0 && (c = !1), l === void 0 && (l = 1), r();
+    const f = t.getBoundingClientRect(), {
+      left: u,
+      top: h,
+      width: d,
+      height: a
+    } = f;
+    if (c || e(), !d || !a)
+      return;
+    const m = D(h), p = D(i.clientWidth - (u + d)), y = D(i.clientHeight - (h + a)), g = D(u), C = {
+      rootMargin: -m + "px " + -p + "px " + -y + "px " + -g + "px",
+      threshold: E(0, V(1, l)) || 1
+    };
+    let S = !0;
+    function X(k) {
+      const B = k[0].intersectionRatio;
+      if (B !== l) {
+        if (!S)
+          return s();
+        B ? s(!1, B) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      B === 1 && !it(f, t.getBoundingClientRect()) && s(), S = !1;
+    }
+    try {
+      n = new IntersectionObserver(X, {
+        ...C,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(X, C);
+    }
+    n.observe(t);
+  }
+  return s(!0), r;
+}
+function Wt(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = o, f = q(t), u = i || r ? [...f ? z(f) : [], ...e ? z(e) : []] : [];
+  u.forEach((g) => {
+    i && g.addEventListener("scroll", n, {
+      passive: !0
+    }), r && g.addEventListener("resize", n);
+  });
+  const h = f && c ? Lt(f, n) : null;
+  let d = -1, a = null;
+  s && (a = new ResizeObserver((g) => {
+    let [x] = g;
+    x && x.target === f && a && e && (a.unobserve(e), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+      var C;
+      (C = a) == null || C.observe(e);
+    })), n();
+  }), f && !l && a.observe(f), e && a.observe(e));
+  let m, p = l ? L(t) : null;
+  l && y();
+  function y() {
+    const g = L(t);
+    p && !it(p, g) && n(), p = g, m = requestAnimationFrame(y);
+  }
+  return n(), () => {
+    var g;
+    u.forEach((x) => {
+      i && x.removeEventListener("scroll", n), r && x.removeEventListener("resize", n);
+    }), h == null || h(), (g = a) == null || g.disconnect(), a = null, l && cancelAnimationFrame(m);
+  };
+}
+const St = ct, Bt = st, Dt = rt, At = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: Ot,
+    ...n
+  }, r = {
+    ...i.platform,
+    _c: o
+  };
+  return lt(t, e, {
+    ...i,
+    platform: r
+  });
+};
 export {
-  a as default
+  St as autoPlacement,
+  Wt as autoUpdate,
+  At as computePosition,
+  Dt as flip,
+  z as getOverflowAncestors,
+  Ot as platform,
+  Bt as shift
 };

package/dist/kongponents.es241.js

@@ -1,7 +1,121 @@
-import o from "./kongponents.es369.js";
-/* empty css                  */
-import t from "./kongponents.es75.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-34b46660"]]);
+import { defineComponent as y, 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.es270.js";
+const k = ["aria-hidden"], p = '<path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"/>', $ = /* @__PURE__ */ y({
+  __name: "MoreIcon",
+  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 = {}, 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);
+    }, C = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, g = (a) => a.replace(/[<>"'&]/g, (t) => C[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(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 more-icon",
+      "data-testid": "kui-icon-wrapper-more-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-more-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: m
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  i as default
+  $ as default
 };