@kong/kongponents 9.47.1 → 9.47.2-pr.3004.2d5e6a8.0

package/dist/kongponents.es221.js

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

package/dist/kongponents.es222.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es295.js";
-const w = ["aria-hidden"], p = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "ChevronUpIcon",
+import { defineComponent as y, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es303.js";
+const N = ["aria-hidden"], p = '<path d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "DangerIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -65,7 +65,7 @@ const w = ["aria-hidden"], p = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12
       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);
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
@@ -79,30 +79,30 @@ const w = ["aria-hidden"], p = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${h}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, g = {
+    })), C = (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);
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (d(), b(x(r.as), {
+    }, g = (a) => a.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : C(p)}`;
+    return (a, t) => (d(), h(b(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon chevron-up-icon",
-      "data-testid": "kui-icon-wrapper-chevron-up-icon",
-      style: S(c.value),
+      class: "kui-icon danger-icon",
+      "data-testid": "kui-icon-wrapper-danger-icon",
+      style: x(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: N(() => [
-        (d(), k("svg", {
+      default: L(() => [
+        (d(), S("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-up-icon",
+          "data-testid": "kui-icon-svg-danger-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,7 +110,7 @@ const w = ["aria-hidden"], p = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, w))
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));