@kong/kongponents 9.48.10-pr.3042.f75d935.0 → 9.49.1-pr.3042.f75d935.0

package/dist/kongponents.es265.js

@@ -1,594 +1,121 @@
-import { tabbable as oe, focusable as ie, isTabbable as D, getTabIndex as R, isFocusable as M } from "./kongponents.es279.js";
-/*!
-* focus-trap 7.7.1
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/
-function H(n, t) {
-  (t == null || t > n.length) && (t = n.length);
-  for (var o = 0, u = Array(t); o < t; o++) u[o] = n[o];
-  return u;
-}
-function ue(n) {
-  if (Array.isArray(n)) return H(n);
-}
-function X(n, t) {
-  var o = typeof Symbol < "u" && n[Symbol.iterator] || n["@@iterator"];
-  if (!o) {
-    if (Array.isArray(n) || (o = te(n)) || t) {
-      o && (n = o);
-      var u = 0, y = function() {
-      };
-      return {
-        s: y,
-        n: function() {
-          return u >= n.length ? {
-            done: !0
-          } : {
-            done: !1,
-            value: n[u++]
-          };
-        },
-        e: function(h) {
-          throw h;
-        },
-        f: y
-      };
-    }
-    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-  }
-  var f, r = !0, m = !1;
-  return {
-    s: function() {
-      o = o.call(n);
-    },
-    n: function() {
-      var h = o.next();
-      return r = h.done, h;
+import { defineComponent as y, computed as s, createBlock as b, 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.es264.js";
+const w = ["aria-hidden"], c = '<path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "CheckIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
     },
-    e: function(h) {
-      m = !0, f = h;
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
     },
-    f: function() {
-      try {
-        r || o.return == null || o.return();
-      } finally {
-        if (m) throw f;
-      }
-    }
-  };
-}
-function se(n, t, o) {
-  return (t = ve(t)) in n ? Object.defineProperty(n, t, {
-    value: o,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : n[t] = o, n;
-}
-function ce(n) {
-  if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null) return Array.from(n);
-}
-function le() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function Z(n, t) {
-  var o = Object.keys(n);
-  if (Object.getOwnPropertySymbols) {
-    var u = Object.getOwnPropertySymbols(n);
-    t && (u = u.filter(function(y) {
-      return Object.getOwnPropertyDescriptor(n, y).enumerable;
-    })), o.push.apply(o, u);
-  }
-  return o;
-}
-function U(n) {
-  for (var t = 1; t < arguments.length; t++) {
-    var o = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Z(Object(o), !0).forEach(function(u) {
-      se(n, u, o[u]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(o)) : Z(Object(o)).forEach(function(u) {
-      Object.defineProperty(n, u, Object.getOwnPropertyDescriptor(o, u));
-    });
-  }
-  return n;
-}
-function fe(n) {
-  return ue(n) || ce(n) || te(n) || le();
-}
-function de(n, t) {
-  if (typeof n != "object" || !n) return n;
-  var o = n[Symbol.toPrimitive];
-  if (o !== void 0) {
-    var u = o.call(n, t);
-    if (typeof u != "object") return u;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (t === "string" ? String : Number)(n);
-}
-function ve(n) {
-  var t = de(n, "string");
-  return typeof t == "symbol" ? t : t + "";
-}
-function te(n, t) {
-  if (n) {
-    if (typeof n == "string") return H(n, t);
-    var o = {}.toString.call(n).slice(8, -1);
-    return o === "Object" && n.constructor && (o = n.constructor.name), o === "Map" || o === "Set" ? Array.from(n) : o === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o) ? H(n, t) : void 0;
-  }
-}
-var N = {
-  // Returns the trap from the top of the stack.
-  getActiveTrap: function(t) {
-    return (t == null ? void 0 : t.length) > 0 ? t[t.length - 1] : null;
-  },
-  // Pauses the currently active trap, then adds a new trap to the stack.
-  activateTrap: function(t, o) {
-    var u = N.getActiveTrap(t);
-    o !== u && N.pauseTrap(t);
-    var y = t.indexOf(o);
-    y === -1 || t.splice(y, 1), t.push(o);
-  },
-  // Removes the trap from the top of the stack, then unpauses the next trap down.
-  deactivateTrap: function(t, o) {
-    var u = t.indexOf(o);
-    u !== -1 && t.splice(u, 1), N.unpauseTrap(t);
-  },
-  // Pauses the trap at the top of the stack.
-  pauseTrap: function(t) {
-    var o = N.getActiveTrap(t);
-    o == null || o._setPausedState(!0);
-  },
-  // Unpauses the trap at the top of the stack.
-  unpauseTrap: function(t) {
-    var o = N.getActiveTrap(t);
-    o && !o._isManuallyPaused() && o._setPausedState(!1);
-  }
-}, be = function(t) {
-  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
-}, pe = function(t) {
-  return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
-}, _ = function(t) {
-  return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
-}, ye = function(t) {
-  return _(t) && !t.shiftKey;
-}, me = function(t) {
-  return _(t) && t.shiftKey;
-}, ee = function(t) {
-  return setTimeout(t, 0);
-}, j = function(t) {
-  for (var o = arguments.length, u = new Array(o > 1 ? o - 1 : 0), y = 1; y < o; y++)
-    u[y - 1] = arguments[y];
-  return typeof t == "function" ? t.apply(void 0, u) : t;
-}, L = function(t) {
-  return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
-}, he = [], we = function(t, o) {
-  var u = (o == null ? void 0 : o.document) || document, y = (o == null ? void 0 : o.trapStack) || he, f = U({
-    returnFocusOnDeactivate: !0,
-    escapeDeactivates: !0,
-    delayInitialFocus: !0,
-    isolateSubtrees: !1,
-    isKeyForward: ye,
-    isKeyBackward: me
-  }, o), r = {
-    // containers given to createFocusTrap()
-    /** @type {Array<HTMLElement>} */
-    containers: [],
-    // list of objects identifying tabbable nodes in `containers` in the trap
-    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
-    //  is active, but the trap should never get to a state where there isn't at least one group
-    //  with at least one tabbable node in it (that would lead to an error condition that would
-    //  result in an error being thrown)
-    /** @type {Array<{
-     *    container: HTMLElement,
-     *    tabbableNodes: Array<HTMLElement>, // empty if none
-     *    focusableNodes: Array<HTMLElement>, // empty if none
-     *    posTabIndexesFound: boolean,
-     *    firstTabbableNode: HTMLElement|undefined,
-     *    lastTabbableNode: HTMLElement|undefined,
-     *    firstDomTabbableNode: HTMLElement|undefined,
-     *    lastDomTabbableNode: HTMLElement|undefined,
-     *    nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
-     *  }>}
-     */
-    containerGroups: [],
-    // same order/length as `containers` list
-    // references to objects in `containerGroups`, but only those that actually have
-    //  tabbable nodes in them
-    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
-    //  the same length
-    tabbableGroups: [],
-    // references to nodes that are siblings to the ancestors of this trap's containers.
-    /** @type {Set<HTMLElement>} */
-    adjacentElements: /* @__PURE__ */ new Set(),
-    // references to nodes that were inert before the trap was activated.
-    /** @type {Set<HTMLElement>} */
-    alreadyInert: /* @__PURE__ */ new Set(),
-    nodeFocusedBeforeActivation: null,
-    mostRecentlyFocusedNode: null,
-    active: !1,
-    paused: !1,
-    manuallyPaused: !1,
-    // timer ID for when delayInitialFocus is true and initial focus in this trap
-    //  has been delayed during activation
-    delayInitialFocusTimer: void 0,
-    // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
-    recentNavEvent: void 0
-  }, m, h = function(e, a, i) {
-    return e && e[a] !== void 0 ? e[a] : f[i || a];
-  }, S = function(e, a) {
-    var i = typeof (a == null ? void 0 : a.composedPath) == "function" ? a.composedPath() : void 0;
-    return r.containerGroups.findIndex(function(c) {
-      var l = c.container, d = c.tabbableNodes;
-      return l.contains(e) || // fall back to explicit tabbable search which will take into consideration any
-      //  web components if the `tabbableOptions.getShadowRoot` option was used for
-      //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
-      //  look inside web components even if open)
-      (i == null ? void 0 : i.includes(l)) || d.find(function(s) {
-        return s === e;
-      });
-    });
-  }, P = function(e) {
-    var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = a.hasFallback, c = i === void 0 ? !1 : i, l = a.params, d = l === void 0 ? [] : l, s = f[e];
-    if (typeof s == "function" && (s = s.apply(void 0, fe(d))), s === !0 && (s = void 0), !s) {
-      if (s === void 0 || s === !1)
-        return s;
-      throw new Error("`".concat(e, "` was specified but was not a node, or did not return a node"));
-    }
-    var v = s;
-    if (typeof s == "string") {
-      try {
-        v = u.querySelector(s);
-      } catch (p) {
-        throw new Error("`".concat(e, '` appears to be an invalid selector; error="').concat(p.message, '"'));
-      }
-      if (!v && !c)
-        throw new Error("`".concat(e, "` as selector refers to no known node"));
-    }
-    return v;
-  }, A = function() {
-    var e = P("initialFocus", {
-      hasFallback: !0
-    });
-    if (e === !1)
-      return !1;
-    if (e === void 0 || e && !M(e, f.tabbableOptions))
-      if (S(u.activeElement) >= 0)
-        e = u.activeElement;
-      else {
-        var a = r.tabbableGroups[0], i = a && a.firstTabbableNode;
-        e = i || P("fallbackFocus");
-      }
-    else e === null && (e = P("fallbackFocus"));
-    if (!e)
-      throw new Error("Your focus-trap needs to have at least one focusable element");
-    return e;
-  }, I = function() {
-    if (r.containerGroups = r.containers.map(function(e) {
-      var a = oe(e, f.tabbableOptions), i = ie(e, f.tabbableOptions), c = a.length > 0 ? a[0] : void 0, l = a.length > 0 ? a[a.length - 1] : void 0, d = i.find(function(p) {
-        return D(p);
-      }), s = i.slice().reverse().find(function(p) {
-        return D(p);
-      }), v = !!a.find(function(p) {
-        return R(p) > 0;
-      });
-      return {
-        container: e,
-        tabbableNodes: a,
-        focusableNodes: i,
-        /** True if at least one node with positive `tabindex` was found in this container. */
-        posTabIndexesFound: v,
-        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: c,
-        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: l,
-        // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
-        //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
-        //  because that API doesn't work with Shadow DOM as well as it should (@see
-        //  https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,
-        //  to address an edge case related to positive tabindex support, this seems like a much easier,
-        //  "close enough most of the time" alternative for positive tabindexes which should generally
-        //  be avoided anyway...
-        /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: d,
-        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
-        lastDomTabbableNode: s,
-        /**
-         * Finds the __tabbable__ node that follows the given node in the specified direction,
-         *  in this container, if any.
-         * @param {HTMLElement} node
-         * @param {boolean} [forward] True if going in forward tab order; false if going
-         *  in reverse.
-         * @returns {HTMLElement|undefined} The next tabbable node, if any.
-         */
-        nextTabbableNode: function(g) {
-          var T = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, w = a.indexOf(g);
-          return w < 0 ? T ? i.slice(i.indexOf(g) + 1).find(function(k) {
-            return D(k);
-          }) : i.slice(0, i.indexOf(g)).reverse().find(function(k) {
-            return D(k);
-          }) : a[w + (T ? 1 : -1)];
-        }
-      };
-    }), r.tabbableGroups = r.containerGroups.filter(function(e) {
-      return e.tabbableNodes.length > 0;
-    }), r.tabbableGroups.length <= 0 && !P("fallbackFocus"))
-      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-    if (r.containerGroups.find(function(e) {
-      return e.posTabIndexesFound;
-    }) && r.containerGroups.length > 1)
-      throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, B = function(e) {
-    var a = e.activeElement;
-    if (a)
-      return a.shadowRoot && a.shadowRoot.activeElement !== null ? B(a.shadowRoot) : a;
-  }, F = function(e) {
-    if (e !== !1 && e !== B(document)) {
-      if (!e || !e.focus) {
-        F(A());
-        return;
-      }
-      e.focus({
-        preventScroll: !!f.preventScroll
-      }), r.mostRecentlyFocusedNode = e, be(e) && e.select();
-    }
-  }, $ = function(e) {
-    var a = P("setReturnFocus", {
-      params: [e]
-    });
-    return a || (a === !1 ? !1 : e);
-  }, q = function(e) {
-    var a = e.target, i = e.event, c = e.isBackward, l = c === void 0 ? !1 : c;
-    a = a || L(i), I();
-    var d = null;
-    if (r.tabbableGroups.length > 0) {
-      var s = S(a, i), v = s >= 0 ? r.containerGroups[s] : void 0;
-      if (s < 0)
-        l ? d = r.tabbableGroups[r.tabbableGroups.length - 1].lastTabbableNode : d = r.tabbableGroups[0].firstTabbableNode;
-      else if (l) {
-        var p = r.tabbableGroups.findIndex(function(x) {
-          var G = x.firstTabbableNode;
-          return a === G;
-        });
-        if (p < 0 && (v.container === a || M(a, f.tabbableOptions) && !D(a, f.tabbableOptions) && !v.nextTabbableNode(a, !1)) && (p = s), p >= 0) {
-          var g = p === 0 ? r.tabbableGroups.length - 1 : p - 1, T = r.tabbableGroups[g];
-          d = R(a) >= 0 ? T.lastTabbableNode : T.lastDomTabbableNode;
-        } else _(i) || (d = v.nextTabbableNode(a, !1));
-      } else {
-        var w = r.tabbableGroups.findIndex(function(x) {
-          var G = x.lastTabbableNode;
-          return a === G;
-        });
-        if (w < 0 && (v.container === a || M(a, f.tabbableOptions) && !D(a, f.tabbableOptions) && !v.nextTabbableNode(a)) && (w = s), w >= 0) {
-          var k = w === r.tabbableGroups.length - 1 ? 0 : w + 1, E = r.tabbableGroups[k];
-          d = R(a) >= 0 ? E.firstTabbableNode : E.firstDomTabbableNode;
-        } else _(i) || (d = v.nextTabbableNode(a));
-      }
-    } else
-      d = P("fallbackFocus");
-    return d;
-  }, K = function(e) {
-    var a = L(e);
-    if (!(S(a, e) >= 0)) {
-      if (j(f.clickOutsideDeactivates, e)) {
-        m.deactivate({
-          // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
-          //  which will result in the outside click setting focus to the node
-          //  that was clicked (and if not focusable, to "nothing"); by setting
-          //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
-          //  on activation (or the configured `setReturnFocus` node), whether the
-          //  outside click was on a focusable node or not
-          returnFocus: f.returnFocusOnDeactivate
-        });
-        return;
-      }
-      j(f.allowOutsideClick, e) || e.preventDefault();
-    }
-  }, Y = function(e) {
-    var a = L(e), i = S(a, e) >= 0;
-    if (i || a instanceof Document)
-      i && (r.mostRecentlyFocusedNode = a);
-    else {
-      e.stopImmediatePropagation();
-      var c, l = !0;
-      if (r.mostRecentlyFocusedNode)
-        if (R(r.mostRecentlyFocusedNode) > 0) {
-          var d = S(r.mostRecentlyFocusedNode), s = r.containerGroups[d].tabbableNodes;
-          if (s.length > 0) {
-            var v = s.findIndex(function(p) {
-              return p === r.mostRecentlyFocusedNode;
-            });
-            v >= 0 && (f.isKeyForward(r.recentNavEvent) ? v + 1 < s.length && (c = s[v + 1], l = !1) : v - 1 >= 0 && (c = s[v - 1], l = !1));
-          }
-        } else
-          r.containerGroups.some(function(p) {
-            return p.tabbableNodes.some(function(g) {
-              return R(g) > 0;
-            });
-          }) || (l = !1);
-      else
-        l = !1;
-      l && (c = q({
-        // move FROM the MRU node, not event-related node (which will be the node that is
-        //  outside the trap causing the focus escape we're trying to fix)
-        target: r.mostRecentlyFocusedNode,
-        isBackward: f.isKeyBackward(r.recentNavEvent)
-      })), F(c || r.mostRecentlyFocusedNode || A());
-    }
-    r.recentNavEvent = void 0;
-  }, ae = function(e) {
-    var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    r.recentNavEvent = e;
-    var i = q({
-      event: e,
-      isBackward: a
-    });
-    i && (_(e) && e.preventDefault(), F(i));
-  }, V = function(e) {
-    (f.isKeyForward(e) || f.isKeyBackward(e)) && ae(e, f.isKeyBackward(e));
-  }, W = function(e) {
-    pe(e) && j(f.escapeDeactivates, e) !== !1 && (e.preventDefault(), m.deactivate());
-  }, z = function(e) {
-    var a = L(e);
-    S(a, e) >= 0 || j(f.clickOutsideDeactivates, e) || j(f.allowOutsideClick, e) || (e.preventDefault(), e.stopImmediatePropagation());
-  }, J = function() {
-    if (r.active)
-      return N.activateTrap(y, m), r.delayInitialFocusTimer = f.delayInitialFocus ? ee(function() {
-        F(A());
-      }) : F(A()), u.addEventListener("focusin", Y, !0), u.addEventListener("mousedown", K, {
-        capture: !0,
-        passive: !1
-      }), u.addEventListener("touchstart", K, {
-        capture: !0,
-        passive: !1
-      }), u.addEventListener("click", z, {
-        capture: !0,
-        passive: !1
-      }), u.addEventListener("keydown", V, {
-        capture: !0,
-        passive: !1
-      }), u.addEventListener("keydown", W), m;
-  }, re = function(e) {
-    r.active && !r.paused && m._setSubtreeIsolation(!1), r.adjacentElements.clear(), r.alreadyInert.clear();
-    var a = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), c = X(e), l;
-    try {
-      for (c.s(); !(l = c.n()).done; ) {
-        var d = l.value;
-        a.add(d);
-        for (var s = typeof ShadowRoot < "u" && d.getRootNode() instanceof ShadowRoot, v = d; v; ) {
-          a.add(v);
-          var p = v.parentElement, g = [];
-          p ? g = p.children : !p && s && (g = v.getRootNode().children, p = v.getRootNode().host, s = typeof ShadowRoot < "u" && p.getRootNode() instanceof ShadowRoot);
-          var T = X(g), w;
-          try {
-            for (T.s(); !(w = T.n()).done; ) {
-              var k = w.value;
-              i.add(k);
-            }
-          } catch (E) {
-            T.e(E);
-          } finally {
-            T.f();
-          }
-          v = p;
-        }
-      }
-    } catch (E) {
-      c.e(E);
-    } finally {
-      c.f();
-    }
-    a.forEach(function(E) {
-      i.delete(E);
-    }), r.adjacentElements = i;
-  }, Q = function() {
-    if (r.active)
-      return u.removeEventListener("focusin", Y, !0), u.removeEventListener("mousedown", K, !0), u.removeEventListener("touchstart", K, !0), u.removeEventListener("click", z, !0), u.removeEventListener("keydown", V, !0), u.removeEventListener("keydown", W), m;
-  }, ne = function(e) {
-    var a = e.some(function(i) {
-      var c = Array.from(i.removedNodes);
-      return c.some(function(l) {
-        return l === r.mostRecentlyFocusedNode;
-      });
-    });
-    a && F(A());
-  }, C = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(ne) : void 0, O = function() {
-    C && (C.disconnect(), r.active && !r.paused && r.containers.map(function(e) {
-      C.observe(e, {
-        subtree: !0,
-        childList: !0
-      });
-    }));
-  };
-  return m = {
-    get active() {
-      return r.active;
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
     },
-    get paused() {
-      return r.paused;
+    /** 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
     },
-    activate: function(e) {
-      if (r.active)
-        return this;
-      var a = h(e, "onActivate"), i = h(e, "onPostActivate"), c = h(e, "checkCanFocusTrap"), l = N.getActiveTrap(y), d = !1;
-      l && !l.paused && (l._setSubtreeIsolation(!1), d = !0);
-      try {
-        c || I(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = B(u), a == null || a();
-        var s = function() {
-          c && I(), J(), O(), f.isolateSubtrees && m._setSubtreeIsolation(!0), i == null || i();
-        };
-        if (c)
-          return c(r.containers.concat()).then(s, s), this;
-        s();
-      } catch (v) {
-        throw l === N.getActiveTrap(y) && d && l._setSubtreeIsolation(!0), v;
+    /** 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;
       }
-      return this;
-    },
-    deactivate: function(e) {
-      if (!r.active)
-        return this;
-      var a = U({
-        onDeactivate: f.onDeactivate,
-        onPostDeactivate: f.onPostDeactivate,
-        checkCanReturnFocus: f.checkCanReturnFocus
-      }, e);
-      clearTimeout(r.delayInitialFocusTimer), r.delayInitialFocusTimer = void 0, r.paused || m._setSubtreeIsolation(!1), r.alreadyInert.clear(), Q(), r.active = !1, r.paused = !1, O(), N.deactivateTrap(y, m);
-      var i = h(a, "onDeactivate"), c = h(a, "onPostDeactivate"), l = h(a, "checkCanReturnFocus"), d = h(a, "returnFocus", "returnFocusOnDeactivate");
-      i == null || i();
-      var s = function() {
-        ee(function() {
-          d && F($(r.nodeFocusedBeforeActivation)), c == null || c();
-        });
-      };
-      return d && l ? (l($(r.nodeFocusedBeforeActivation)).then(s, s), this) : (s(), this);
-    },
-    pause: function(e) {
-      return r.active ? (r.manuallyPaused = !0, this._setPausedState(!0, e)) : this;
     },
-    unpause: function(e) {
-      return r.active ? (r.manuallyPaused = !1, y[y.length - 1] !== this ? this : this._setPausedState(!1, e)) : this;
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
     },
-    updateContainerElements: function(e) {
-      var a = [].concat(e).filter(Boolean);
-      return r.containers = a.map(function(i) {
-        return typeof i == "string" ? u.querySelector(i) : i;
-      }), f.isolateSubtrees && re(r.containers), r.active && (I(), f.isolateSubtrees && !r.paused && m._setSubtreeIsolation(!0)), O(), this;
+    /**
+     * 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
     }
-  }, Object.defineProperties(m, {
-    _isManuallyPaused: {
-      value: function() {
-        return r.manuallyPaused;
-      }
-    },
-    _setPausedState: {
-      value: function(e, a) {
-        if (r.paused === e)
-          return this;
-        if (r.paused = e, e) {
-          var i = h(a, "onPause"), c = h(a, "onPostPause");
-          i == null || i(), Q(), O(), m._setSubtreeIsolation(!1), c == null || c();
-        } else {
-          var l = h(a, "onUnpause"), d = h(a, "onPostUnpause");
-          l == null || l(), m._setSubtreeIsolation(!0), I(), J(), O(), d == null || d();
-        }
-        return this;
-      }
-    },
-    _setSubtreeIsolation: {
-      value: function(e) {
-        f.isolateSubtrees && r.adjacentElements.forEach(function(a) {
-          if (e) {
-            var i = a.inert || a.hasAttribute("inert");
-            i && r.alreadyInert.add(a), a.inert = !0;
-          } else
-            r.alreadyInert.has(a) || (a.inert = !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`;
       }
-    }
-  }), m.updateContainerElements(t), m;
-};
+      return u;
+    }), p = 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 = {}, h = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${h}-${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 ? c : f(c)}`;
+    return (a, t) => (d(), b(k(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon check-icon",
+      "data-testid": "kui-icon-wrapper-check-icon",
+      style: x(p.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-check-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))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  we as createFocusTrap
+  z as default
 };