@cobwds/cob-button 1.19.4 → 1.23.1

package/dist/cob-button.js

@@ -1,1055 +1,176 @@
-import { unsafeCSS as fe, LitElement as bo, html as R } from "lit";
-import { property as d, state as Mt } from "lit/decorators.js";
-import { ifDefined as P } from "lit/directives/if-defined.js";
+import { LitElement as p, unsafeCSS as g, html as n } from "lit";
+import { property as c, state as v } from "lit/decorators.js";
+import { ifDefined as i } from "lit/directives/if-defined.js";
+import "@cobwds/cob-icon";
 /*!
    * █▄  █  █   █  █▀▀▀█  █▀▀▄  █▀▀▀█
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Button Component v1.19.4
+   * Button Component v1.23.1
    * Part of the City of Boston Web Design System
    * Repository: https://github.com/CityOfBoston/nywds-poc
    * License: MIT
 */
 /*!
-   * █▄  █  █   █  █▀▀▀█  █▀▀▄  █▀▀▀█
-   * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
-   * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
-   *
-   * Icon Component v1.19.4
-   * Part of the City of Boston Web Design System
-   * Repository: https://github.com/CityOfBoston/nywds-poc
-   * License: MIT
+  * City of Boston Web Design System v1.23.1
+  * Description: A web design system for the City of Boston's digital products.
+  * Repository: https://github.com/CityOfBoston/nywds-poc
+  * License: MIT
 */
-const uo = globalThis.__nysIconRegistry ??= /* @__PURE__ */ new Map(), Lt = globalThis.__nysIconWatchers ??= /* @__PURE__ */ new Map();
-let Yo = null, qo = null;
-async function qe() {
-  return Yo || (qo ??= import("./cob-icon.library-BR0WCz7Q-CwcFQs-u.js").then(
-    (o) => Yo = o.default
-  ), qo);
+let x = 0;
+function k(a) {
+  return `${a}-${Date.now()}-${x++}`;
 }
-function Ke() {
-  if (globalThis.__nysIconDefaultRegistered || uo.has("default")) {
-    globalThis.__nysIconDefaultRegistered = !0;
-    return;
-  }
-  globalThis.__nysIconDefaultRegistered = !0, uo.set("default", {
-    resolver: async (o) => {
-      if (!o) return;
-      const e = (await qe())[o];
-      return e ? { type: "svg", content: e } : void 0;
-    }
-  });
+function y(a, o, e) {
+  a.dispatchEvent(
+    new CustomEvent(o, { detail: e, bubbles: !0, composed: !0 })
+  );
 }
-function Xe(o) {
-  return Ke(), uo.get(o);
+function _(a, o) {
+  a.dispatchEvent(
+    new Event(`cob-${o}`, { bubbles: !0, composed: !0 })
+  );
 }
-function Ko(o, e) {
-  Lt.has(o) || Lt.set(o, /* @__PURE__ */ new Set()), Lt.get(o).add(e);
-}
-function Xo(o, e) {
-  Lt.get(o)?.delete(e);
-}
-/*! @license DOMPurify 3.4.11 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.11/LICENSE */
-function Vo(o, e) {
-  (e == null || e > o.length) && (e = o.length);
-  for (var c = 0, i = Array(e); c < e; c++) i[c] = o[c];
-  return i;
-}
-function Ve(o) {
-  if (Array.isArray(o)) return o;
-}
-function Ze(o, e) {
-  var c = o == null ? null : typeof Symbol < "u" && o[Symbol.iterator] || o["@@iterator"];
-  if (c != null) {
-    var i, l, u, A, ut = [], D = !0, Pt = !1;
-    try {
-      if (u = (c = c.call(o)).next, e !== 0) for (; !(D = (i = u.call(c)).done) && (ut.push(i.value), ut.length !== e); D = !0) ;
-    } catch ($t) {
-      Pt = !0, l = $t;
-    } finally {
-      try {
-        if (!D && c.return != null && (A = c.return(), Object(A) !== A)) return;
-      } finally {
-        if (Pt) throw l;
-      }
+const m = (a) => {
+  class o extends a {
+    get idPrefix() {
+      return this.localName || "cob-element";
     }
-    return ut;
-  }
-}
-function Je() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function Qe(o, e) {
-  return Ve(o) || Ze(o, e) || tr(o, e) || Je();
-}
-function tr(o, e) {
-  if (o) {
-    if (typeof o == "string") return Vo(o, e);
-    var c = {}.toString.call(o).slice(8, -1);
-    return c === "Object" && o.constructor && (c = o.constructor.name), c === "Map" || c === "Set" ? Array.from(o) : c === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c) ? Vo(o, e) : void 0;
-  }
-}
-const de = Object.entries, Zo = Object.setPrototypeOf, or = Object.isFrozen, er = Object.getPrototypeOf, rr = Object.getOwnPropertyDescriptor;
-let T = Object.freeze, E = Object.seal, bt = Object.create, he = typeof Reflect < "u" && Reflect, fo = he.apply, ho = he.construct;
-T || (T = function(o) {
-  return o;
-});
-E || (E = function(o) {
-  return o;
-});
-fo || (fo = function(o, e) {
-  for (var c = arguments.length, i = new Array(c > 2 ? c - 2 : 0), l = 2; l < c; l++)
-    i[l - 2] = arguments[l];
-  return o.apply(e, i);
-});
-ho || (ho = function(o) {
-  for (var e = arguments.length, c = new Array(e > 1 ? e - 1 : 0), i = 1; i < e; i++)
-    c[i - 1] = arguments[i];
-  return new o(...c);
-});
-const _t = S(Array.prototype.forEach), nr = S(Array.prototype.lastIndexOf), Jo = S(Array.prototype.pop), st = S(Array.prototype.push), cr = S(Array.prototype.splice), K = Array.isArray, kt = S(String.prototype.toLowerCase), no = S(String.prototype.toString), Qo = S(String.prototype.match), yt = S(String.prototype.replace), te = S(String.prototype.indexOf), ar = S(String.prototype.trim), ir = S(Number.prototype.toString), lr = S(Boolean.prototype.toString), oe = typeof BigInt > "u" ? null : S(BigInt.prototype.toString), ee = typeof Symbol > "u" ? null : S(Symbol.prototype.toString), k = S(Object.prototype.hasOwnProperty), xt = S(Object.prototype.toString), w = S(RegExp.prototype.test), et = sr(TypeError);
-function S(o) {
-  return function(e) {
-    e instanceof RegExp && (e.lastIndex = 0);
-    for (var c = arguments.length, i = new Array(c > 1 ? c - 1 : 0), l = 1; l < c; l++)
-      i[l - 1] = arguments[l];
-    return fo(o, e, i);
-  };
-}
-function sr(o) {
-  return function() {
-    for (var e = arguments.length, c = new Array(e), i = 0; i < e; i++)
-      c[i] = arguments[i];
-    return ho(o, c);
-  };
-}
-function b(o, e) {
-  let c = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : kt;
-  if (Zo && Zo(o, null), !K(e))
-    return o;
-  let i = e.length;
-  for (; i--; ) {
-    let l = e[i];
-    if (typeof l == "string") {
-      const u = c(l);
-      u !== l && (or(e) || (e[i] = u), l = u);
+    ensureId() {
+      this.id || (this.id = k(this.idPrefix));
     }
-    o[l] = !0;
-  }
-  return o;
-}
-function br(o) {
-  for (let e = 0; e < o.length; e++)
-    k(o, e) || (o[e] = null);
-  return o;
-}
-function C(o) {
-  const e = bt(null);
-  for (const i of de(o)) {
-    var c = Qe(i, 2);
-    const l = c[0], u = c[1];
-    k(o, l) && (K(u) ? e[l] = br(u) : u && typeof u == "object" && u.constructor === Object ? e[l] = C(u) : e[l] = u);
-  }
-  return e;
-}
-function ur(o) {
-  switch (typeof o) {
-    case "string":
-      return o;
-    case "number":
-      return ir(o);
-    case "boolean":
-      return lr(o);
-    case "bigint":
-      return oe ? oe(o) : "0";
-    case "symbol":
-      return ee ? ee(o) : "Symbol()";
-    case "undefined":
-      return xt(o);
-    case "function":
-    case "object": {
-      if (o === null)
-        return xt(o);
-      const e = o, c = F(e, "toString");
-      if (typeof c == "function") {
-        const i = c(e);
-        return typeof i == "string" ? i : xt(i);
-      }
-      return xt(o);
+    connectedCallback() {
+      super.connectedCallback(), this.ensureId();
     }
-    default:
-      return xt(o);
   }
-}
-function F(o, e) {
-  for (; o !== null; ) {
-    const i = rr(o, e);
-    if (i) {
-      if (i.get)
-        return S(i.get);
-      if (typeof i.value == "function")
-        return S(i.value);
-    }
-    o = er(o);
-  }
-  function c() {
-    return null;
-  }
-  return c;
-}
-function fr(o) {
-  try {
-    return w(o, ""), !0;
-  } catch {
-    return !1;
-  }
-}
-const re = T(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]), co = T(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "enterkeyhint", "exportparts", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "inputmode", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "part", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]), ao = T(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]), dr = T(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]), io = T(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]), hr = T(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]), ne = T(["#text"]), ce = T(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "command", "commandfor", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "exportparts", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inert", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "part", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "slot", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns"]), lo = T(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "mask-type", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]), ae = T(["accent", "accentunder", "align", "bevelled", "close", "columnalign", "columnlines", "columnspacing", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lquote", "lspace", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]), zt = T(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]), pr = E(/{{[\w\W]*|^[\w\W]*}}/g), mr = E(/<%[\w\W]*|^[\w\W]*%>/g), vr = E(/\${[\w\W]*/g), gr = E(/^data-[\-\w.\u00B7-\uFFFF]+$/), _r = E(/^aria-[\-\w]+$/), ie = E(
-  /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
-  // eslint-disable-line no-useless-escape
-), yr = E(/^(?:\w+script|data):/i), xr = E(
-  /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
-  // eslint-disable-line no-control-regex
-), Sr = E(/^html$/i), kr = E(/^[a-z][.\w]*(-[.\w]+)+$/i), le = E(/<[/\w!]/g), wr = E(/<[/\w]/g), Tr = E(/<\/no(script|embed|frames)/i), Er = E(/\/>/i), $ = {
-  element: 1,
-  attribute: 2,
-  text: 3,
-  cdataSection: 4,
-  entityReference: 5,
-  // Deprecated
-  entityNode: 6,
-  // Deprecated
-  processingInstruction: 7,
-  comment: 8,
-  document: 9,
-  documentType: 10,
-  documentFragment: 11,
-  notation: 12
-  // Deprecated
-}, Ar = function() {
-  return typeof window > "u" ? null : window;
-}, Nr = function(o, e) {
-  if (typeof o != "object" || typeof o.createPolicy != "function")
-    return null;
-  let c = null;
-  const i = "data-tt-policy-suffix";
-  e && e.hasAttribute(i) && (c = e.getAttribute(i));
-  const l = "dompurify" + (c ? "#" + c : "");
-  try {
-    return o.createPolicy(l, {
-      createHTML(u) {
-        return u;
-      },
-      createScriptURL(u) {
-        return u;
-      }
-    });
-  } catch {
-    return console.warn("TrustedTypes policy " + l + " could not be created."), null;
-  }
-}, se = function() {
-  return {
-    afterSanitizeAttributes: [],
-    afterSanitizeElements: [],
-    afterSanitizeShadowDOM: [],
-    beforeSanitizeAttributes: [],
-    beforeSanitizeElements: [],
-    beforeSanitizeShadowDOM: [],
-    uponSanitizeAttribute: [],
-    uponSanitizeElement: [],
-    uponSanitizeShadowNode: []
-  };
-}, q = function(o, e, c, i) {
-  return k(o, e) && K(o[e]) ? b(i.base ? C(i.base) : {}, o[e], i.transform) : c;
-};
-function pe() {
-  let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Ar();
-  const e = (t) => pe(t);
-  if (e.version = "3.4.11", e.removed = [], !o || !o.document || o.document.nodeType !== $.document || !o.Element)
-    return e.isSupported = !1, e;
-  let c = o.document;
-  const i = c, l = i.currentScript;
-  o.DocumentFragment;
-  const u = o.HTMLTemplateElement, A = o.Node, ut = o.Element, D = o.NodeFilter;
-  o.NamedNodeMap === void 0 && (o.NamedNodeMap || o.MozNamedAttrMap), o.HTMLFormElement;
-  const $t = o.DOMParser, Tt = o.trustedTypes, V = ut.prototype, ve = F(V, "cloneNode"), po = F(V, "remove"), ge = F(V, "nextSibling"), ft = F(V, "childNodes"), dt = F(V, "parentNode"), mo = F(V, "shadowRoot"), Ft = F(V, "attributes"), z = A && A.prototype ? F(A.prototype, "nodeType") : null, j = A && A.prototype ? F(A.prototype, "nodeName") : null;
-  if (typeof u == "function") {
-    const t = c.createElement("template");
-    t.content && t.content.ownerDocument && (c = t.content.ownerDocument);
-  }
-  let I, Z = "", Ut, vo = !1, ht = 0;
-  const go = function() {
-    if (ht > 0)
-      throw et('A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the "DOMPurify and Trusted Types" section of the README.');
-  }, rt = function(t) {
-    go(), ht++;
-    try {
-      return I.createHTML(t);
-    } finally {
-      ht--;
-    }
-  }, _e = function(t) {
-    go(), ht++;
-    try {
-      return I.createScriptURL(t);
-    } finally {
-      ht--;
-    }
-  }, ye = function() {
-    return vo || (Ut = Nr(Tt, l), vo = !0), Ut;
-  }, Et = c, Ht = Et.implementation, _o = Et.createNodeIterator, xe = Et.createDocumentFragment, Se = Et.getElementsByTagName, ke = i.importNode;
-  let x = se();
-  e.isSupported = typeof de == "function" && typeof dt == "function" && Ht && Ht.createHTMLDocument !== void 0;
-  const we = pr, Te = mr, Ee = vr, Ae = gr, Ne = _r, Ce = yr, yo = xr, Ie = kr;
-  let xo = ie, v = null;
-  const So = b({}, [...re, ...co, ...ao, ...io, ...ne]);
-  let g = null;
-  const ko = b({}, [...ce, ...lo, ...ae, ...zt]);
-  let _ = Object.seal(bt(null, {
-    tagNameCheck: {
-      writable: !0,
-      configurable: !1,
-      enumerable: !0,
-      value: null
-    },
-    attributeNameCheck: {
-      writable: !0,
-      configurable: !1,
-      enumerable: !0,
-      value: null
-    },
-    allowCustomizedBuiltInElements: {
-      writable: !0,
-      configurable: !1,
-      enumerable: !0,
-      value: !1
-    }
-  })), pt = null, wo = null;
-  const B = Object.seal(bt(null, {
-    tagCheck: {
-      writable: !0,
-      configurable: !1,
-      enumerable: !0,
-      value: null
-    },
-    attributeCheck: {
-      writable: !0,
-      configurable: !1,
-      enumerable: !0,
-      value: null
-    }
-  }));
-  let To = !0, jt = !0, Eo = !1, Ao = !0, G = !1, mt = !0, J = !1, Bt = !1, Gt = null, Wt = null, Yt = !1, nt = !1, At = !1, Nt = !1, No = !0, Co = !1;
-  const Io = "user-content-";
-  let qt = !0, Kt = !1, ct = {}, L = null;
-  const Xt = b({}, [
-    "annotation-xml",
-    "audio",
-    "colgroup",
-    "desc",
-    "foreignobject",
-    "head",
-    "iframe",
-    "math",
-    "mi",
-    "mn",
-    "mo",
-    "ms",
-    "mtext",
-    "noembed",
-    "noframes",
-    "noscript",
-    "plaintext",
-    "script",
-    // <selectedcontent> mirrors the selected <option>'s subtree, cloned by
-    // the UA (customizable <select>) — including any on* handlers — and the
-    // engine re-mirrors synchronously whenever a removal changes which
-    // option/selectedcontent is current, even inside DOMPurify's inert
-    // DOMParser document. Hoisting its children on removal re-inserts a fresh
-    // mirror target ahead of the walk, which the engine refills, looping
-    // forever (DoS) and amplifying output. Dropping its content on removal
-    // (rather than hoisting) breaks that cascade; the content is a duplicate
-    // of the option, which is sanitized on its own. See campaign-3 F1/F6.
-    "selectedcontent",
-    "style",
-    "svg",
-    "template",
-    "thead",
-    "title",
-    "video",
-    "xmp"
-  ]);
-  let Oo = null;
-  const Ro = b({}, ["audio", "video", "img", "source", "image", "track"]);
-  let Vt = null;
-  const Do = b({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]), Ct = "http://www.w3.org/1998/Math/MathML", It = "http://www.w3.org/2000/svg", M = "http://www.w3.org/1999/xhtml";
-  let at = M, Zt = !1, Jt = null;
-  const Oe = b({}, [Ct, It, M], no), zo = T(["mi", "mo", "mn", "ms", "mtext"]);
-  let Qt = b({}, zo);
-  const Lo = T(["annotation-xml"]);
-  let to = b({}, Lo);
-  const Re = b({}, ["title", "style", "font", "a", "script"]);
-  let vt = null;
-  const De = ["application/xhtml+xml", "text/html"], ze = "text/html";
-  let y = null, it = null;
-  const Le = c.createElement("form"), Mo = function(t) {
-    return t instanceof RegExp || t instanceof Function;
-  }, oo = function() {
-    let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    if (it && it === t)
-      return;
-    (!t || typeof t != "object") && (t = {}), t = C(t), vt = // eslint-disable-next-line unicorn/prefer-includes
-    De.indexOf(t.PARSER_MEDIA_TYPE) === -1 ? ze : t.PARSER_MEDIA_TYPE, y = vt === "application/xhtml+xml" ? no : kt, v = q(t, "ALLOWED_TAGS", So, {
-      transform: y
-    }), g = q(t, "ALLOWED_ATTR", ko, {
-      transform: y
-    }), Jt = q(t, "ALLOWED_NAMESPACES", Oe, {
-      transform: no
-    }), Vt = q(t, "ADD_URI_SAFE_ATTR", Do, {
-      transform: y,
-      base: Do
-    }), Oo = q(t, "ADD_DATA_URI_TAGS", Ro, {
-      transform: y,
-      base: Ro
-    }), L = q(t, "FORBID_CONTENTS", Xt, {
-      transform: y
-    }), pt = q(t, "FORBID_TAGS", C({}), {
-      transform: y
-    }), wo = q(t, "FORBID_ATTR", C({}), {
-      transform: y
-    }), ct = k(t, "USE_PROFILES") ? t.USE_PROFILES && typeof t.USE_PROFILES == "object" ? C(t.USE_PROFILES) : t.USE_PROFILES : !1, To = t.ALLOW_ARIA_ATTR !== !1, jt = t.ALLOW_DATA_ATTR !== !1, Eo = t.ALLOW_UNKNOWN_PROTOCOLS || !1, Ao = t.ALLOW_SELF_CLOSE_IN_ATTR !== !1, G = t.SAFE_FOR_TEMPLATES || !1, mt = t.SAFE_FOR_XML !== !1, J = t.WHOLE_DOCUMENT || !1, nt = t.RETURN_DOM || !1, At = t.RETURN_DOM_FRAGMENT || !1, Nt = t.RETURN_TRUSTED_TYPE || !1, Yt = t.FORCE_BODY || !1, No = t.SANITIZE_DOM !== !1, Co = t.SANITIZE_NAMED_PROPS || !1, qt = t.KEEP_CONTENT !== !1, Kt = t.IN_PLACE || !1, xo = fr(t.ALLOWED_URI_REGEXP) ? t.ALLOWED_URI_REGEXP : ie, at = typeof t.NAMESPACE == "string" ? t.NAMESPACE : M, Qt = k(t, "MATHML_TEXT_INTEGRATION_POINTS") && t.MATHML_TEXT_INTEGRATION_POINTS && typeof t.MATHML_TEXT_INTEGRATION_POINTS == "object" ? C(t.MATHML_TEXT_INTEGRATION_POINTS) : b({}, zo), to = k(t, "HTML_INTEGRATION_POINTS") && t.HTML_INTEGRATION_POINTS && typeof t.HTML_INTEGRATION_POINTS == "object" ? C(t.HTML_INTEGRATION_POINTS) : b({}, Lo);
-    const r = k(t, "CUSTOM_ELEMENT_HANDLING") && t.CUSTOM_ELEMENT_HANDLING && typeof t.CUSTOM_ELEMENT_HANDLING == "object" ? C(t.CUSTOM_ELEMENT_HANDLING) : bt(null);
-    if (_ = bt(null), k(r, "tagNameCheck") && Mo(r.tagNameCheck) && (_.tagNameCheck = r.tagNameCheck), k(r, "attributeNameCheck") && Mo(r.attributeNameCheck) && (_.attributeNameCheck = r.attributeNameCheck), k(r, "allowCustomizedBuiltInElements") && typeof r.allowCustomizedBuiltInElements == "boolean" && (_.allowCustomizedBuiltInElements = r.allowCustomizedBuiltInElements), E(_), G && (jt = !1), At && (nt = !0), ct && (v = b({}, ne), g = bt(null), ct.html === !0 && (b(v, re), b(g, ce)), ct.svg === !0 && (b(v, co), b(g, lo), b(g, zt)), ct.svgFilters === !0 && (b(v, ao), b(g, lo), b(g, zt)), ct.mathMl === !0 && (b(v, io), b(g, ae), b(g, zt))), B.tagCheck = null, B.attributeCheck = null, k(t, "ADD_TAGS") && (typeof t.ADD_TAGS == "function" ? B.tagCheck = t.ADD_TAGS : K(t.ADD_TAGS) && (v === So && (v = C(v)), b(v, t.ADD_TAGS, y))), k(t, "ADD_ATTR") && (typeof t.ADD_ATTR == "function" ? B.attributeCheck = t.ADD_ATTR : K(t.ADD_ATTR) && (g === ko && (g = C(g)), b(g, t.ADD_ATTR, y))), k(t, "ADD_URI_SAFE_ATTR") && K(t.ADD_URI_SAFE_ATTR) && b(Vt, t.ADD_URI_SAFE_ATTR, y), k(t, "FORBID_CONTENTS") && K(t.FORBID_CONTENTS) && (L === Xt && (L = C(L)), b(L, t.FORBID_CONTENTS, y)), k(t, "ADD_FORBID_CONTENTS") && K(t.ADD_FORBID_CONTENTS) && (L === Xt && (L = C(L)), b(L, t.ADD_FORBID_CONTENTS, y)), qt && (v["#text"] = !0), J && b(v, ["html", "head", "body"]), v.table && (b(v, ["tbody"]), delete pt.tbody), t.TRUSTED_TYPES_POLICY) {
-      if (typeof t.TRUSTED_TYPES_POLICY.createHTML != "function")
-        throw et('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
-      if (typeof t.TRUSTED_TYPES_POLICY.createScriptURL != "function")
-        throw et('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
-      const n = I;
-      I = t.TRUSTED_TYPES_POLICY;
-      try {
-        Z = rt("");
-      } catch (a) {
-        throw I = n, a;
-      }
-    } else t.TRUSTED_TYPES_POLICY === null ? (I = void 0, Z = "") : (I === void 0 && (I = ye()), I && typeof Z == "string" && (Z = rt("")));
-    T && T(t), it = t;
-  }, Po = b({}, [...co, ...ao, ...dr]), $o = b({}, [...io, ...hr]), Me = function(t, r, n) {
-    return r.namespaceURI === M ? t === "svg" : r.namespaceURI === Ct ? t === "svg" && (n === "annotation-xml" || Qt[n]) : !!Po[t];
-  }, Pe = function(t, r, n) {
-    return r.namespaceURI === M ? t === "math" : r.namespaceURI === It ? t === "math" && to[n] : !!$o[t];
-  }, $e = function(t, r, n) {
-    return r.namespaceURI === It && !to[n] || r.namespaceURI === Ct && !Qt[n] ? !1 : !$o[t] && (Re[t] || !Po[t]);
-  }, Fe = function(t) {
-    let r = dt(t);
-    (!r || !r.tagName) && (r = {
-      namespaceURI: at,
-      tagName: "template"
-    });
-    const n = kt(t.tagName), a = kt(r.tagName);
-    return Jt[t.namespaceURI] ? t.namespaceURI === It ? Me(n, r, a) : t.namespaceURI === Ct ? Pe(n, r, a) : t.namespaceURI === M ? $e(n, r, a) : !!(vt === "application/xhtml+xml" && Jt[t.namespaceURI]) : !1;
-  }, Q = function(t) {
-    st(e.removed, {
-      element: t
-    });
-    try {
-      dt(t).removeChild(t);
-    } catch {
-      if (po(t), !dt(t))
-        throw et("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
-    }
-  }, Fo = function(t) {
-    const r = ft(t);
-    if (r) {
-      const a = [];
-      _t(r, (s) => {
-        st(a, s);
-      }), _t(a, (s) => {
-        try {
-          po(s);
-        } catch {
-        }
-      });
-    }
-    const n = Ft(t);
-    if (n)
-      for (let a = n.length - 1; a >= 0; --a) {
-        const s = n[a], f = s && s.name;
-        if (typeof f == "string")
-          try {
-            t.removeAttribute(f);
-          } catch {
-          }
-      }
-  }, tt = function(t, r) {
-    try {
-      st(e.removed, {
-        attribute: r.getAttributeNode(t),
-        from: r
-      });
-    } catch {
-      st(e.removed, {
-        attribute: null,
-        from: r
-      });
+  return o;
+}, $ = (a) => {
+  class o extends m(a) {
+    constructor() {
+      super(...arguments), this.__internals = null;
     }
-    if (r.removeAttribute(t), t === "is")
-      if (nt || At)
-        try {
-          Q(r);
-        } catch {
-        }
-      else
+    get internals() {
+      if (this.__internals) return this.__internals;
+      if (typeof this.attachInternals == "function")
         try {
-          r.setAttribute(t, "");
+          this.__internals = this.attachInternals();
         } catch {
+          this.__internals = null;
         }
-  }, Ue = function(t) {
-    const r = Ft(t);
-    if (r)
-      for (let n = r.length - 1; n >= 0; --n) {
-        const a = r[n], s = a && a.name;
-        if (!(typeof s != "string" || g[y(s)]))
-          try {
-            t.removeAttribute(s);
-          } catch {
-          }
-      }
-  }, He = function(t) {
-    const r = [t];
-    for (; r.length > 0; ) {
-      const n = r.pop();
-      (z ? z(n) : n.nodeType) === $.element && Ue(n);
-      const a = ft(n);
-      if (a)
-        for (let s = a.length - 1; s >= 0; --s)
-          r.push(a[s]);
+      return this.__internals;
     }
-  }, Uo = function(t) {
-    let r = null, n = null;
-    if (Yt)
-      t = "<remove></remove>" + t;
-    else {
-      const f = Qo(t, /^[\r\n\t ]+/);
-      n = f && f[0];
+    get defaultRole() {
+      return null;
     }
-    vt === "application/xhtml+xml" && at === M && (t = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + t + "</body></html>");
-    const a = I ? rt(t) : t;
-    if (at === M)
-      try {
-        r = new $t().parseFromString(a, vt);
-      } catch {
-      }
-    if (!r || !r.documentElement) {
-      r = Ht.createDocument(at, "template", null);
-      try {
-        r.documentElement.innerHTML = Zt ? Z : a;
-      } catch {
+    setHostAria(l, b) {
+      const s = this.internals;
+      if (s && l in s) {
+        s[l] = b;
+        return;
       }
+      const u = S(l);
+      b === null ? this.removeAttribute(u) : this.setAttribute(u, b);
     }
-    const s = r.body || r.documentElement;
-    return t && n && s.insertBefore(c.createTextNode(n), s.childNodes[0] || null), at === M ? Se.call(r, J ? "html" : "body")[0] : J ? r.documentElement : s;
-  }, Ho = function(t) {
-    return _o.call(
-      t.ownerDocument || t,
-      t,
-      // eslint-disable-next-line no-bitwise
-      D.SHOW_ELEMENT | D.SHOW_COMMENT | D.SHOW_TEXT | D.SHOW_PROCESSING_INSTRUCTION | D.SHOW_CDATA_SECTION,
-      null
-    );
-  }, Ot = function(t) {
-    return t = yt(t, we, " "), t = yt(t, Te, " "), t = yt(t, Ee, " "), t;
-  }, eo = function(t) {
-    var r;
-    t.normalize();
-    const n = _o.call(
-      t.ownerDocument || t,
-      t,
-      // eslint-disable-next-line no-bitwise
-      D.SHOW_TEXT | D.SHOW_COMMENT | D.SHOW_CDATA_SECTION | D.SHOW_PROCESSING_INSTRUCTION,
-      null
-    );
-    let a = n.nextNode();
-    for (; a; )
-      a.data = Ot(a.data), a = n.nextNode();
-    const s = (r = t.querySelectorAll) === null || r === void 0 ? void 0 : r.call(t, "template");
-    s && _t(s, (f) => {
-      lt(f.content) && eo(f.content);
-    });
-  }, Rt = function(t) {
-    const r = j ? j(t) : null;
-    return typeof r != "string" || y(r) !== "form" ? !1 : typeof t.nodeName != "string" || typeof t.textContent != "string" || typeof t.removeChild != "function" || // Realm-safe NamedNodeMap detection: equality against the cached
-    // prototype getter. Clobbered .attributes (e.g. <input name="attributes">)
-    // makes the direct read diverge from the cached read; a clean form
-    // (same-realm OR foreign-realm) has both reads pointing at the same
-    // canonical NamedNodeMap.
-    t.attributes !== Ft(t) || typeof t.removeAttribute != "function" || typeof t.setAttribute != "function" || typeof t.namespaceURI != "string" || typeof t.insertBefore != "function" || typeof t.hasChildNodes != "function" || // NodeType clobbering probe. Cached Node.prototype.nodeType getter
-    // returns the integer 1 for any Element regardless of realm; direct
-    // read on a clobbered form (e.g. <input name="nodeType">) returns
-    // the named child element. Cheap addition — nodeType is read from
-    // an internal slot, no serialization cost — and removes a residual
-    // clobbering surface used by several mXSS / PI / comment branches
-    // in _sanitizeElements that compare currentNode.nodeType directly.
-    t.nodeType !== z(t) || // HTMLFormElement has [LegacyOverrideBuiltIns]: a descendant named
-    // "childNodes" shadows the prototype getter. Direct reads of
-    // form.childNodes from a clobbered form return the named child
-    // instead of the real NodeList, so any walk that reads it directly
-    // skips the form's real children. Compare the direct read to the
-    // cached Node.prototype getter — when the form's named-property
-    // getter intercepts the read, the two values differ and we flag
-    // the form. This catches every clobbering child type (input,
-    // select, etc.) regardless of whether the named child happens to
-    // carry a numeric .length, which a typeof-based probe would miss
-    // (e.g. HTMLSelectElement.length is a defined unsigned-long).
-    t.childNodes !== ft(t);
-  }, lt = function(t) {
-    if (!z || typeof t != "object" || t === null)
-      return !1;
-    try {
-      return z(t) === $.documentFragment;
-    } catch {
-      return !1;
+    reflectDefaultSemantics() {
+      const l = this.defaultRole;
+      l && this.setHostAria("role", l);
     }
-  }, gt = function(t) {
-    if (!z || typeof t != "object" || t === null)
-      return !1;
-    try {
-      return typeof z(t) == "number";
-    } catch {
-      return !1;
+    connectedCallback() {
+      super.connectedCallback(), this.reflectDefaultSemantics();
     }
-  };
-  function U(t, r, n) {
-    t.length !== 0 && _t(t, (a) => {
-      a.call(e, r, n, it);
-    });
   }
-  const je = function(t, r) {
-    return !!(mt && t.hasChildNodes() && !gt(t.firstElementChild) && w(le, t.textContent) && w(le, t.innerHTML) || mt && t.namespaceURI === M && r === "style" && gt(t.firstElementChild) || t.nodeType === $.processingInstruction || mt && t.nodeType === $.comment && w(wr, t.data));
-  }, Be = function(t, r) {
-    if (!pt[r] && Go(r) && (_.tagNameCheck instanceof RegExp && w(_.tagNameCheck, r) || _.tagNameCheck instanceof Function && _.tagNameCheck(r)))
-      return !1;
-    if (qt && !L[r]) {
-      const n = dt(t), a = ft(t);
-      if (a && n) {
-        const s = a.length;
-        for (let f = s - 1; f >= 0; --f) {
-          const h = Kt ? a[f] : ve(a[f], !0);
-          n.insertBefore(h, ge(t));
-        }
-      }
+  return o;
+};
+function S(a) {
+  if (a === "role") return "role";
+  const o = a.replace(/^aria/, "");
+  return "aria-" + o.charAt(0).toLowerCase() + o.slice(1);
+}
+const w = (a) => {
+  const o = class extends $(a) {
+    constructor() {
+      super(...arguments), this.__internalValidationMessage = "";
     }
-    return Q(t), !0;
-  }, jo = function(t) {
-    if (U(x.beforeSanitizeElements, t, null), Rt(t))
-      return Q(t), !0;
-    const r = y(j ? j(t) : t.nodeName);
-    if (U(x.uponSanitizeElement, t, {
-      tagName: r,
-      allowedTags: v
-    }), je(t, r))
-      return Q(t), !0;
-    if (pt[r] || !(B.tagCheck instanceof Function && B.tagCheck(r)) && !v[r])
-      return Be(t, r);
-    if ((z ? z(t) : t.nodeType) === $.element && !Fe(t) || (r === "noscript" || r === "noembed" || r === "noframes") && w(Tr, t.innerHTML))
-      return Q(t), !0;
-    if (G && t.nodeType === $.text) {
-      const n = Ot(t.textContent);
-      t.textContent !== n && (st(e.removed, {
-        element: t.cloneNode()
-      }), t.textContent = n);
+    get internalValidationMessage() {
+      return this.__internalValidationMessage;
     }
-    return U(x.afterSanitizeElements, t, null), !1;
-  }, Bo = function(t, r, n) {
-    if (wo[r] || No && (r === "id" || r === "name") && (n in c || n in Le))
-      return !1;
-    const a = g[r] || B.attributeCheck instanceof Function && B.attributeCheck(r, t);
-    if (!(jt && w(Ae, r)) && !(To && w(Ne, r))) {
-      if (a) {
-        if (!Vt[r] && !w(xo, yt(n, yo, "")) && !((r === "src" || r === "xlink:href" || r === "href") && t !== "script" && te(n, "data:") === 0 && Oo[t]) && !(Eo && !w(Ce, yt(n, yo, ""))) && n)
-          return !1;
-      } else if (
-        // First condition does a very basic check if a) it's basically a valid custom element tagname AND
-        // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-        // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-        !(Go(t) && (_.tagNameCheck instanceof RegExp && w(_.tagNameCheck, t) || _.tagNameCheck instanceof Function && _.tagNameCheck(t)) && (_.attributeNameCheck instanceof RegExp && w(_.attributeNameCheck, r) || _.attributeNameCheck instanceof Function && _.attributeNameCheck(r, t)) || // Alternative, second condition checks if it's an `is`-attribute, AND
-        // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-        r === "is" && _.allowCustomizedBuiltInElements && (_.tagNameCheck instanceof RegExp && w(_.tagNameCheck, n) || _.tagNameCheck instanceof Function && _.tagNameCheck(n)))
-      ) return !1;
+    set internalValidationMessage(b) {
+      b !== this.__internalValidationMessage && (this.__internalValidationMessage = b, this.requestUpdate("internalValidationMessage"));
     }
-    return !0;
-  }, Ge = b({}, ["annotation-xml", "color-profile", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "missing-glyph"]), Go = function(t) {
-    return !Ge[kt(t)] && w(Ie, t);
-  }, We = function(t, r, n, a) {
-    if (I && typeof Tt == "object" && typeof Tt.getAttributeType == "function" && !n)
-      switch (Tt.getAttributeType(t, r)) {
-        case "TrustedHTML":
-          return rt(a);
-        case "TrustedScriptURL":
-          return _e(a);
-      }
-    return a;
-  }, Ye = function(t, r, n, a) {
-    try {
-      n ? t.setAttributeNS(n, r, a) : t.setAttribute(r, a), Rt(t) ? Q(t) : Jo(e.removed);
-    } catch {
-      tt(r, t);
+    resolvedErrorMessage() {
+      return this.errorMessage || this.internalValidationMessage;
     }
-  }, Wo = function(t) {
-    U(x.beforeSanitizeAttributes, t, null);
-    const r = t.attributes;
-    if (!r || Rt(t))
-      return;
-    const n = {
-      attrName: "",
-      attrValue: "",
-      keepAttr: !0,
-      allowedAttributes: g,
-      forceKeepAttr: void 0
-    };
-    let a = r.length;
-    const s = y(t.nodeName);
-    for (; a--; ) {
-      const f = r[a], h = f.name, ot = f.namespaceURI, W = f.value, O = y(h), Y = W;
-      let N = h === "value" ? Y : ar(Y);
-      if (n.attrName = O, n.attrValue = N, n.keepAttr = !0, n.forceKeepAttr = void 0, U(x.uponSanitizeAttribute, t, n), N = n.attrValue, Co && (O === "id" || O === "name") && te(N, Io) !== 0 && (tt(h, t), N = Io + N), mt && w(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, N)) {
-        tt(h, t);
-        continue;
-      }
-      if (O === "attributename" && Qo(N, "href")) {
-        tt(h, t);
-        continue;
-      }
-      if (!n.forceKeepAttr) {
-        if (!n.keepAttr) {
-          tt(h, t);
-          continue;
-        }
-        if (!Ao && w(Er, N)) {
-          tt(h, t);
-          continue;
-        }
-        if (G && (N = Ot(N)), !Bo(s, O, N)) {
-          tt(h, t);
-          continue;
-        }
-        N = We(s, O, ot, N), N !== Y && Ye(t, h, ot, N);
-      }
-    }
-    U(x.afterSanitizeAttributes, t, null);
-  }, Dt = function(t) {
-    let r = null;
-    const n = Ho(t);
-    for (U(x.beforeSanitizeShadowDOM, t, null); r = n.nextNode(); )
-      if (U(x.uponSanitizeShadowNode, r, null), jo(r), Wo(r), lt(r.content) && Dt(r.content), (z ? z(r) : r.nodeType) === $.element) {
-        const a = mo(r);
-        lt(a) && (ro(a), Dt(a));
-      }
-    U(x.afterSanitizeShadowDOM, t, null);
-  }, ro = function(t) {
-    const r = [{
-      node: t,
-      shadow: null
-    }];
-    for (; r.length > 0; ) {
-      const n = r.pop();
-      if (n.shadow) {
-        Dt(n.shadow);
-        continue;
-      }
-      const a = n.node, s = (z ? z(a) : a.nodeType) === $.element, f = ft(a);
-      if (f)
-        for (let h = f.length - 1; h >= 0; --h)
-          r.push({
-            node: f[h],
-            shadow: null
-          });
-      if (s) {
-        const h = j ? j(a) : null;
-        if (typeof h == "string" && y(h) === "template") {
-          const ot = a.content;
-          lt(ot) && r.push({
-            node: ot,
-            shadow: null
-          });
-        }
-      }
-      if (s) {
-        const h = mo(a);
-        lt(h) && r.push({
-          node: null,
-          shadow: h
-        }, {
-          node: h,
-          shadow: null
-        });
-      }
-    }
-  };
-  return e.sanitize = function(t) {
-    let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = null, a = null, s = null, f = null;
-    if (Zt = !t, Zt && (t = "<!-->"), typeof t != "string" && !gt(t) && (t = ur(t), typeof t != "string"))
-      throw et("dirty is not a string, aborting");
-    if (!e.isSupported)
-      return t;
-    Bt ? (v = Gt, g = Wt) : oo(r), (x.uponSanitizeElement.length > 0 || x.uponSanitizeAttribute.length > 0) && (v = C(v)), x.uponSanitizeAttribute.length > 0 && (g = C(g)), e.removed = [];
-    const h = Kt && typeof t != "string" && gt(t);
-    if (h) {
-      const O = j ? j(t) : t.nodeName;
-      if (typeof O == "string") {
-        const Y = y(O);
-        if (!v[Y] || pt[Y])
-          throw et("root node is forbidden and cannot be sanitized in-place");
-      }
-      if (Rt(t))
-        throw et("root node is clobbered and cannot be sanitized in-place");
-      try {
-        ro(t);
-      } catch (Y) {
-        throw Fo(t), Y;
-      }
-    } else if (gt(t))
-      n = Uo("<!---->"), a = n.ownerDocument.importNode(t, !0), a.nodeType === $.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? n = a : n.appendChild(a), ro(a);
-    else {
-      if (!nt && !G && !J && // eslint-disable-next-line unicorn/prefer-includes
-      t.indexOf("<") === -1)
-        return I && Nt ? rt(t) : t;
-      if (n = Uo(t), !n)
-        return nt ? null : Nt ? Z : "";
+    setFormValue(b) {
+      this.internals?.setFormValue(b ?? null);
     }
-    n && Yt && Q(n.firstChild);
-    const ot = Ho(h ? t : n);
-    try {
-      for (; s = ot.nextNode(); )
-        jo(s), Wo(s), lt(s.content) && Dt(s.content);
-    } catch (O) {
-      throw h && Fo(t), O;
+    setValidityFromState(b, s, u) {
+      const f = this.internals;
+      if (!f) return;
+      const h = Object.values(b).some(Boolean);
+      h ? f.setValidity(b, s ?? "Invalid value", u) : f.setValidity({}), this.setHostAria("ariaInvalid", h ? "true" : "false");
     }
-    if (h)
-      return _t(e.removed, (O) => {
-        O.element && He(O.element);
-      }), G && eo(t), t;
-    if (nt) {
-      if (G && eo(n), At)
-        for (f = xe.call(n.ownerDocument); n.firstChild; )
-          f.appendChild(n.firstChild);
-      else
-        f = n;
-      return (g.shadowroot || g.shadowrootmode) && (f = ke.call(i, f, !0)), f;
+    clearValidity() {
+      this.internals?.setValidity({}), this.setHostAria("ariaInvalid", "false");
     }
-    let W = J ? n.outerHTML : n.innerHTML;
-    return J && v["!doctype"] && n.ownerDocument && n.ownerDocument.doctype && n.ownerDocument.doctype.name && w(Sr, n.ownerDocument.doctype.name) && (W = "<!DOCTYPE " + n.ownerDocument.doctype.name + `>
-` + W), G && (W = Ot(W)), I && Nt ? rt(W) : W;
-  }, e.setConfig = function() {
-    let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    oo(t), Bt = !0, Gt = v, Wt = g;
-  }, e.clearConfig = function() {
-    it = null, Bt = !1, Gt = null, Wt = null, I = Ut, Z = "";
-  }, e.isValidAttribute = function(t, r, n) {
-    it || oo({});
-    const a = y(t), s = y(r);
-    return Bo(a, s, n);
-  }, e.addHook = function(t, r) {
-    typeof r == "function" && k(x, t) && st(x[t], r);
-  }, e.removeHook = function(t, r) {
-    if (k(x, t)) {
-      if (r !== void 0) {
-        const n = nr(x[t], r);
-        return n === -1 ? void 0 : cr(x[t], n, 1)[0];
-      }
-      return Jo(x[t]);
+    checkValidity() {
+      return this.internals?.checkValidity() ?? !0;
     }
-  }, e.removeHooks = function(t) {
-    k(x, t) && (x[t] = []);
-  }, e.removeAllHooks = function() {
-    x = se();
-  }, e;
-}
-var Cr = pe();
-const so = /* @__PURE__ */ new Map(), be = /* @__PURE__ */ new Map();
-function Ir(o) {
-  o.querySelectorAll("g[mask]").forEach((e) => {
-    e.removeAttribute("mask");
-  }), o.querySelectorAll("mask").forEach((e) => {
-    e.remove();
-  });
-}
-function me(o, e) {
-  const c = Cr.sanitize(o, {
-    USE_PROFILES: { svg: !0, svgFilters: !0 },
-    FORBID_TAGS: ["script", "use"],
-    // <use> can SSRF to external hrefs
-    FORBID_ATTR: ["onload", "onerror", "onbegin", "href", "xlink:href"]
-  }), i = new DOMParser().parseFromString(c, "image/svg+xml").documentElement;
-  if (!(i instanceof SVGElement))
-    throw new Error(`Invalid SVG from ${e}`);
-  return Ir(i), i;
-}
-async function Or(o) {
-  const e = await fetch(o);
-  if (!e.ok)
-    throw new Error(`Failed to load icon: ${e.status}`);
-  return me(await e.text(), o);
-}
-async function ue(o) {
-  return so.has(o) || so.set(o, Or(o)), (await so.get(o)).cloneNode(!0);
-}
-function Rr(o) {
-  let e = be.get(o);
-  return e || (e = me(o, "inline SVG source"), be.set(o, e)), e.cloneNode(!0);
-}
-const Dr = ":host{display:inline-block;width:fit-content;height:fit-content;--_cob-icon-size: var( --cob-icon-size, .7em );box-sizing:content-box!important;vertical-align:middle}@supports (font-size: 1cap){:host{--_cob-icon-size: var(--cob-icon-size, 1cap)}}.cob-icon--svg{width:var(--_cob-icon-size, 1em);height:var(--_cob-icon-size, 1em);display:block;white-space:nowrap}.cob-icon--xs{width:calc(var(--_cob-icon-size) * .75);height:calc(var(--_cob-icon-size) * .75)}.cob-icon--sm{width:calc(var(--_cob-icon-size) * .875);height:calc(var(--_cob-icon-size) * .875)}.cob-icon--md{width:var(--_cob-icon-size);height:var(--_cob-icon-size)}.cob-icon--lg{width:calc(var(--_cob-icon-size) * 1.125);height:calc(var(--_cob-icon-size) * 1.125)}.cob-icon--xl{width:calc(var(--_cob-icon-size) * 1.25);height:calc(var(--_cob-icon-size) * 1.25)}.cob-icon--2xl{width:calc(var(--_cob-icon-size) * 1.5);height:calc(var(--_cob-icon-size) * 1.5)}.cob-icon--3xl{width:calc(var(--_cob-icon-size) * 1.875);height:calc(var(--_cob-icon-size) * 1.875)}.cob-icon--4xl{width:calc(var(--_cob-icon-size) * 2.25);height:calc(var(--_cob-icon-size) * 2.25)}.cob-icon--5xl{width:calc(var(--_cob-icon-size) * 3);height:calc(var(--_cob-icon-size) * 3)}.cob-icon--12{width:.75rem;height:.75rem}.cob-icon--14{width:.875rem;height:.875rem}.cob-icon--16{width:1rem;height:1rem}.cob-icon--18{width:1.125rem;height:1.125rem}.cob-icon--20{width:1.25rem;height:1.25rem}.cob-icon--24{width:1.5rem;height:1.5rem}.cob-icon--32{width:2rem;height:2rem}.cob-icon--40{width:2.5rem;height:2.5rem}.cob-icon--50{width:3.125rem;height:3.125rem}.cob-icon--flip-horizontal{transform:scaleX(-1)}.cob-icon--flip-vertical{transform:scaleY(-1)}.cob-icon--flip-both{transform:scale(-1)}";
-var zr = Object.defineProperty, X = (o, e, c, i) => {
-  for (var l = void 0, u = o.length - 1, A; u >= 0; u--)
-    (A = o[u]) && (l = A(e, c, l) || l);
-  return l && zr(e, c, l), l;
-}, St;
-const H = (St = class extends bo {
-  constructor() {
-    super(...arguments), this.name = "", this.library = "default", this.ariaLabel = "", this.rotate = "0", this.flip = "", this.color = "", this.size = "md", this._svg = null, this._loadSeq = 0, this._loadPromise = null;
-  }
-  /** Resolves when the current icon load (if any) is complete. */
-  get updateComplete() {
-    return (async () => {
-      const o = await super.updateComplete;
-      return await this._loadPromise, o;
-    })();
-  }
-  connectedCallback() {
-    super.connectedCallback(), Ko(this.library, this);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), Xo(this.library, this);
-  }
-  /** Called by the icon library registry when the current library changes. */
-  redraw() {
-    this._loadIcon();
-  }
-  /**
-   * Lit calls firstUpdated after the first render, once all reactive
-   * properties (including those set from the template) are resolved.
-   * This guarantees the initial _loadIcon runs with the correct name
-   * and library values, avoiding the race where updated() might not
-   * fire for properties that equal their defaults.
-   */
-  firstUpdated() {
-    this._loadIcon();
-  }
-  updated(o) {
-    if (o.has("name") && !St._validName.test(this.name)) {
-      console.warn(`cob-icon: invalid name "${this.name}" — ignored`), this._svg = null;
-      return;
+    reportValidity() {
+      return this.internals?.reportValidity() ?? !0;
     }
-    if (o.has("name") || o.has("library")) {
-      if (o.has("library")) {
-        const e = o.get("library");
-        e && Xo(e, this), Ko(this.library, this);
-      }
-      this._loadIcon();
+    formResetCallback() {
+      this.internalValidationMessage = "", this.clearValidity();
     }
-    this._svg && (o.has("ariaLabel") || o.has("rotate") || o.has("flip") || o.has("color") || o.has("size")) && this._applyAttributes(this._svg);
-  }
-  _loadIcon() {
-    const o = ++this._loadSeq;
-    this._loadPromise = (async () => {
-      const e = Xe(this.library);
-      if (!e || !this.name) {
-        this._svg = null;
-        return;
-      }
-      try {
-        const c = await e.resolver(this.name);
-        if (o !== this._loadSeq) return;
-        if (!c) {
-          this._svg = null;
-          return;
-        }
-        const i = typeof c == "string" ? await ue(c) : c.type === "url" ? await ue(c.href) : Rr(c.content);
-        if (o !== this._loadSeq) return;
-        e.mutator?.(i), this._applyAttributes(i), this._svg = i;
-      } catch {
-        o === this._loadSeq && (this._svg = null);
-      }
-    })();
-  }
-  _applyAttributes(o) {
-    o.setAttribute("role", "img"), this.ariaLabel ? (o.setAttribute("aria-label", this.ariaLabel), o.removeAttribute("aria-hidden")) : (o.setAttribute("aria-hidden", "true"), o.removeAttribute("aria-label")), this.rotate && this.rotate !== "0" ? o.style.rotate = `${this.rotate}deg` : o.style.removeProperty("rotate"), o.style.color = this.color || "currentcolor", o.classList.add(`cob-icon--${this.size}`), o.classList.add("cob-icon--svg"), this.flip && o.classList.add(`cob-icon--flip-${this.flip}`);
-  }
-  render() {
-    return this._svg ? R`${this._svg}` : null;
-  }
-}, St.styles = fe(Dr), St._validName = /^[a-zA-Z0-9_-]+$/, St);
-X([
-  d({ type: String, reflect: !0 })
-], H.prototype, "name");
-X([
-  d({ type: String, reflect: !0 })
-], H.prototype, "library");
-X([
-  d({ type: String })
-], H.prototype, "ariaLabel");
-X([
-  d({ type: String })
-], H.prototype, "rotate");
-X([
-  d({ type: String })
-], H.prototype, "flip");
-X([
-  d({ type: String })
-], H.prototype, "color");
-X([
-  d({ type: String })
-], H.prototype, "size");
-X([
-  Mt()
-], H.prototype, "_svg");
-let Lr = H;
-customElements.get("cob-icon") || customElements.define("cob-icon", Lr);
-const Mr = ':host{--_cob-button-width: fit-content;--_cob-button-height: var(--cob-size-600, 48px);--_cob-button-border-radius: var(--cob-radius-xl, 12px);--_cob-button-padding--y: calc( var(--cob-space-150, 12px) - var(--cob-border-width-md, 2px) );--_cob-button-cursor: pointer;--_cob-button-padding--x: calc( var(--cob-space-250, 20px) - var(--cob-border-width-md, 2px) );--_cob-button-gap: var(--cob-space-100, 8px);--_cob-button-justify-content: center;--_cob-button-border-style: solid;--_cob-button-border-width: var(--cob-border-width-md, 2px);--_cob-button-outline-width: var(--cob-border-width-md, 2px);--_cob-button-outline-offset: var(--cob-space-2px, 2px);--_cob-button-outline-color: var(--cob-color-focus, #004dd1);--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-theme, #1871bd) );--_cob-button-color: var( --cob-button-color, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-theme-strong, #125084) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-theme-stronger, #091f2f) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-neutral-10, #f6f6f6 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1);--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00);--_cob-button-font-size: var(--cob-font-size-ui-md, 16px);--_cob-button-font-weight: var(--cob-font-weight-semibold, 600);--_cob-button-line-height: var(--cob-font-lineheight-ui-md, 24px);--_cob-button-font-family: var( --cob-font-family-ui, var(--cob-font-family-serif, "Lora", "Georgia", "Times New Roman", serif) );--_cob-button-text-decoration: none;display:inline-flex;width:var(--_cob-button-width);vertical-align:middle}:host([size=sm]){--_cob-button-height: var(--cob-size-500, 40px);--_cob-button-padding--y: calc( var(--cob-space-100, 8px) - var(--cob-border-width-md, 2px) );--_cob-button-padding--x: calc( var(--cob-space-200, 16px) - var(--cob-border-width-md, 2px) )}:host([size=lg]){--_cob-button-height: var(--cob-size-700, 56px);--_cob-button-padding--y: calc( var(--cob-space-200, 16px) - var(--cob-border-width-md, 2px) );--_cob-button-padding--x: calc( var(--cob-space-300, 24px) - var(--cob-border-width-md, 2px) )}:host([fullWidth]){width:100%}:host([fullWidth]) .cob-button__linkwrapper{width:100%}:host([fullWidth]) .cob-button{width:100%}:host([variant=filled]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-theme, #1871bd) );--_cob-button-color: var( --cob-button-color, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-theme-strong, #125084) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--hover: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-theme-stronger, #091f2f) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--active: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-neutral-10, #f6f6f6 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1)}:host([variant=outline]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-surface, #ffffff) );--_cob-button-color: var(--cob-button-color, var(--cob-color-theme, #1871bd));--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-theme, #1871bd) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-theme-weaker, #d0e9fc) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-theme-strong, #125084) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-theme-strong, #125084) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-theme-weak, #cddde9) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-theme-strong, #125084) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-theme-strong, #125084) );--_cob-button-background-color--disabled: var(--cob-color-surface, #ffffff);--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1);--_cob-button-border-color--disabled: var(--cob-color-neutral-100, #d0d0ce)}:host([variant=text]){--_cob-button-height: fit-content;--_cob-button-border-radius: var(--cob-radius-md, 4px);--_cob-button-padding--y: var(--cob-space-2px, 2px);--_cob-button-padding--x: 0;--_cob-button-border-width: 0px;--_cob-button-text-decoration: underline;--_cob-button-text-decoration-thickness: var( --cob-font-decoration-thickness-regular, 7% );--_cob-button-text-decoration-thickness--hover: var( --cob-font-decoration-thickness-strong, 14% );--_cob-button-text-decoration-thickness--active: var( --cob-font-decoration-thickness-strong, 14% );--_cob-button-gap: var(--cob-space-50, 4px);--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-color: var(--cob-button-color, var(--cob-color-link, #004dd1));--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-link-strong, #003ba1) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-link-strongest, #002971) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-transparent, #ffffff00 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1);--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00)}:host([variant=ghost]){--_cob-button-gap: var(--cob-space-50, 4px);--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-color: var(--cob-button-color, var(--cob-color-text, #1b1b1b));--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-black-transparent-100, #0000001a) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text, #1b1b1b) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-black-transparent-200, #00000033) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text, #1b1b1b) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-transparent, #ffffff00 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1);--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00)}:host([variant=filled][inverted]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-surface, #ffffff) );--_cob-button-color: var(--cob-button-color, var(--cob-color-text, #1b1b1b));--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00);--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-neutral-100, #d0d0ce) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text, #1b1b1b) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-neutral-300, #a7a9ab) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text, #1b1b1b) );--_cob-button-background-color--disabled: var(--cob-color-text, #1b1b1b);--_cob-button-color--disabled: var(--cob-color-text-disabled, #62666a)}:host([variant=outline][inverted]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-surface-reverse, #1b1b1b) );--_cob-button-color: var( --cob-button-color, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-ink-reverse, #ffffff) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-surface-reverse, #1b1b1b) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text-reverse-weak, #d0d0ce) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-neutral-100, #d0d0ce) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-surface-reverse, #1b1b1b) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text-reverse-weaker, #bec0c1) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-neutral-300, #a7a9ab) );--_cob-button-background-color--disabled: var( --cob-color-surface-reverse, #1b1b1b );--_cob-button-color--disabled: var( --cob-color-text-reverse-disabled, #62666a );--_cob-button-border-color--disabled: var(--cob-color-neutral-600, #62666a)}:host([variant=text][inverted]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-color: var( --cob-button-color, var(--cob-color-link-reverse, #a7a9ab) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-link-reverse-strong, #ededed) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-reverse-strongest, #ffffff) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-transparent, #ffffff00 );--_cob-button-color--disabled: var( --cob-color-text-reverse-disabled, #62666a );--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00)}:host([variant=ghost][inverted]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-color: var( --cob-button-color, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-white-transparent-200, #ffffff33) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-white-transparent-300, #ffffff4d) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-transparent, #ffffff00 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #62666a);--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00)}:host([inverted]){--_cob-button-outline-color: var(--cob-color-focus-reverse, #7aa5e7)}:host([circle]){--_cob-button-width: var(--_cob-button-height);--_cob-button-border-radius: var(--cob-radius-round, 1776px);--_cob-button-padding--y: 0;--_cob-button-padding--x: 0}:host([circle]) .cob-button{max-width:var(--_cob-button-height);max-height:var(--_cob-button-height)}.cob-button{width:var(--_cob-button-width);min-height:var(--_cob-button-height);border-radius:var(--_cob-button-border-radius);padding:var(--_cob-button-padding--y) var(--_cob-button-padding--x);display:flex;align-items:center;justify-content:var(--_cob-button-justify-content);gap:var(--_cob-button-gap);font-family:var(--_cob-button-font-family);font-size:var(--_cob-button-font-size);font-weight:var(--_cob-button-font-weight);line-height:var(--_cob-button-line-height);text-decoration:var(--_cob-button-text-decoration);box-sizing:border-box;background-color:var(--_cob-button-background-color);color:var(--_cob-button-color);border-color:var(--_cob-button-border-color);border-style:var(--_cob-button-border-style);border-width:var(--_cob-button-border-width);cursor:var(--_cob-button-cursor)}.cob-button:hover{background-color:var(--_cob-button-background-color--hover);color:var(--_cob-button-color--hover);border-color:var(--_cob-button-border-color--hover);text-decoration-thickness:var(--_cob-button-text-decoration-thickness--hover, auto)}.cob-button:active,.cob-button.active{background-color:var(--_cob-button-background-color--active);color:var(--_cob-button-color--active);border-color:var(--_cob-button-border-color--active);text-decoration-thickness:var(--_cob-button-text-decoration-thickness--active, auto)}.cob-button:disabled,a[disabled]{background-color:var(--_cob-button-background-color--disabled);color:var(--_cob-button-color--disabled);border-color:var(--_cob-button-border-color--disabled);--_cob-button-cursor: not-allowed}a[disabled]{pointer-events:none}.cob-button:focus-visible{outline-offset:var(--_cob-button-outline-offset);outline:solid var(--_cob-button-outline-width) var(--_cob-button-outline-color)}.cob-button__text{display:flex;align-items:center;-webkit-user-select:none;user-select:none}';
-var Pr = Object.defineProperty, m = (o, e, c, i) => {
-  for (var l = void 0, u = o.length - 1, A; u >= 0; u--)
-    (A = o[u]) && (l = A(e, c, l) || l);
-  return l && Pr(e, c, l), l;
+  };
+  return o.formAssociated = !0, o;
+}, C = /* @__PURE__ */ w(p), V = ':host{--_cob-button-width: fit-content;--_cob-button-height: var(--cob-size-600, 48px);--_cob-button-border-radius: var(--cob-radius-xl, 12px);--_cob-button-padding--y: calc( var(--cob-space-150, 12px) - var(--cob-border-width-md, 2px) );--_cob-button-cursor: pointer;--_cob-button-padding--x: calc( var(--cob-space-250, 20px) - var(--cob-border-width-md, 2px) );--_cob-button-gap: var(--cob-space-100, 8px);--_cob-button-justify-content: center;--_cob-button-border-style: solid;--_cob-button-border-width: var(--cob-border-width-md, 2px);--_cob-button-outline-width: var(--cob-border-width-md, 2px);--_cob-button-outline-offset: var(--cob-space-2px, 2px);--_cob-button-outline-color: var(--cob-color-focus, #004dd1);--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-theme, #1871bd) );--_cob-button-color: var( --cob-button-color, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-theme-strong, #125084) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-theme-stronger, #091f2f) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-neutral-10, #f6f6f6 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1);--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00);--_cob-button-font-size: var(--cob-font-size-ui-md, 16px);--_cob-button-font-weight: var(--cob-font-weight-semibold, 600);--_cob-button-line-height: var(--cob-font-lineheight-ui-md, 24px);--_cob-button-font-family: var( --cob-font-family-ui, var(--cob-font-family-serif, "Lora", "Georgia", "Times New Roman", serif) );--_cob-button-text-decoration: none;display:inline-flex;width:var(--_cob-button-width);vertical-align:middle}:host([size=sm]){--_cob-button-height: var(--cob-size-500, 40px);--_cob-button-padding--y: calc( var(--cob-space-100, 8px) - var(--cob-border-width-md, 2px) );--_cob-button-padding--x: calc( var(--cob-space-200, 16px) - var(--cob-border-width-md, 2px) )}:host([size=lg]){--_cob-button-height: var(--cob-size-700, 56px);--_cob-button-padding--y: calc( var(--cob-space-200, 16px) - var(--cob-border-width-md, 2px) );--_cob-button-padding--x: calc( var(--cob-space-300, 24px) - var(--cob-border-width-md, 2px) )}:host([fullWidth]){width:100%}:host([fullWidth]) .cob-button__linkwrapper{width:100%}:host([fullWidth]) .cob-button{width:100%}:host([variant=filled]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-theme, #1871bd) );--_cob-button-color: var( --cob-button-color, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-theme-strong, #125084) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--hover: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-theme-stronger, #091f2f) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--active: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-neutral-10, #f6f6f6 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1)}:host([variant=outline]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-surface, #ffffff) );--_cob-button-color: var(--cob-button-color, var(--cob-color-theme, #1871bd));--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-theme, #1871bd) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-theme-weaker, #d0e9fc) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-theme-strong, #125084) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-theme-strong, #125084) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-theme-weak, #cddde9) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-theme-strong, #125084) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-theme-strong, #125084) );--_cob-button-background-color--disabled: var(--cob-color-surface, #ffffff);--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1);--_cob-button-border-color--disabled: var(--cob-color-neutral-100, #d0d0ce)}:host([variant=text]){--_cob-button-height: fit-content;--_cob-button-border-radius: var(--cob-radius-md, 4px);--_cob-button-padding--y: var(--cob-space-2px, 2px);--_cob-button-padding--x: 0;--_cob-button-border-width: 0px;--_cob-button-text-decoration: var(--cob-button-text-decoration, underline);--_cob-button-text-decoration-thickness: var( --cob-font-decoration-thickness-regular, 7% );--_cob-button-text-decoration-thickness--hover: var( --cob-font-decoration-thickness-strong, 14% );--_cob-button-text-decoration-thickness--active: var( --cob-font-decoration-thickness-strong, 14% );--_cob-button-gap: var(--cob-space-50, 4px);--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-color: var(--cob-button-color, var(--cob-color-link, #004dd1));--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-link-strong, #003ba1) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-link-strongest, #002971) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-transparent, #ffffff00 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1);--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00)}:host([variant=ghost]){--_cob-button-gap: var(--cob-space-50, 4px);--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-color: var(--cob-button-color, var(--cob-color-text, #1b1b1b));--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-black-transparent-100, #0000001a) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text, #1b1b1b) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-black-transparent-200, #00000033) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text, #1b1b1b) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-transparent, #ffffff00 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #bec0c1);--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00)}:host([variant=filled][inverted]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-surface, #ffffff) );--_cob-button-color: var(--cob-button-color, var(--cob-color-text, #1b1b1b));--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00);--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-neutral-100, #d0d0ce) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text, #1b1b1b) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-neutral-300, #a7a9ab) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text, #1b1b1b) );--_cob-button-background-color--disabled: var(--cob-color-text, #1b1b1b);--_cob-button-color--disabled: var(--cob-color-text-disabled, #62666a)}:host([variant=outline][inverted]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-surface-reverse, #1b1b1b) );--_cob-button-color: var( --cob-button-color, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-ink-reverse, #ffffff) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-surface-reverse, #1b1b1b) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text-reverse-weak, #d0d0ce) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-neutral-100, #d0d0ce) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-surface-reverse, #1b1b1b) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text-reverse-weaker, #bec0c1) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-neutral-300, #a7a9ab) );--_cob-button-background-color--disabled: var( --cob-color-surface-reverse, #1b1b1b );--_cob-button-color--disabled: var( --cob-color-text-reverse-disabled, #62666a );--_cob-button-border-color--disabled: var(--cob-color-neutral-600, #62666a)}:host([variant=text][inverted]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-color: var( --cob-button-color, var(--cob-color-link-reverse, #a7a9ab) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-link-reverse-strong, #ededed) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-reverse-strongest, #ffffff) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-transparent, #ffffff00 );--_cob-button-color--disabled: var( --cob-color-text-reverse-disabled, #62666a );--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00)}:host([variant=ghost][inverted]){--_cob-button-background-color: var( --cob-button-background-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-color: var( --cob-button-color, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color: var( --cob-button-border-color, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--hover: var( --cob-button-background-color--hover, var(--cob-color-white-transparent-200, #ffffff33) );--_cob-button-color--hover: var( --cob-button-color--hover, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--active: var( --cob-button-background-color--active, var(--cob-color-white-transparent-300, #ffffff4d) );--_cob-button-color--active: var( --cob-button-color--active, var(--cob-color-text-reverse, #ffffff) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-transparent, #ffffff00) );--_cob-button-background-color--disabled: var( --cob-color-transparent, #ffffff00 );--_cob-button-color--disabled: var(--cob-color-text-disabled, #62666a);--_cob-button-border-color--disabled: var(--cob-color-transparent, #ffffff00)}:host([inverted]){--_cob-button-outline-color: var(--cob-color-focus-reverse, #7aa5e7)}:host([circle]){--_cob-button-width: var(--_cob-button-height);--_cob-button-border-radius: var(--cob-radius-round, 1776px);--_cob-button-padding--y: 0;--_cob-button-padding--x: 0}:host([circle]) .cob-button{max-width:var(--_cob-button-height);max-height:var(--_cob-button-height)}.cob-button{width:var(--_cob-button-width);min-height:var(--_cob-button-height);border-radius:var(--_cob-button-border-radius);padding:var(--_cob-button-padding--y) var(--_cob-button-padding--x);display:flex;align-items:center;justify-content:var(--_cob-button-justify-content);gap:var(--_cob-button-gap);font-family:var(--_cob-button-font-family);font-size:var(--_cob-button-font-size);font-weight:var(--_cob-button-font-weight);line-height:var(--_cob-button-line-height);text-decoration:var(--_cob-button-text-decoration);text-decoration-thickness:var(--_cob-button-text-decoration-thickness, auto);box-sizing:border-box;background-color:var(--_cob-button-background-color);color:var(--_cob-button-color);border-color:var(--_cob-button-border-color);border-style:var(--_cob-button-border-style);border-width:var(--_cob-button-border-width);cursor:var(--_cob-button-cursor)}.cob-button:hover{background-color:var(--_cob-button-background-color--hover);color:var(--_cob-button-color--hover);border-color:var(--_cob-button-border-color--hover);text-decoration-line:var(--cob-button-text-decoration--hover, var(--_cob-button-text-decoration));text-decoration-thickness:var(--_cob-button-text-decoration-thickness--hover, auto)}.cob-button:active,.cob-button.active{background-color:var(--_cob-button-background-color--active);color:var(--_cob-button-color--active);border-color:var(--_cob-button-border-color--active);text-decoration-line:var(--cob-button-text-decoration--active, var(--cob-button-text-decoration--hover, var(--_cob-button-text-decoration)));text-decoration-thickness:var(--_cob-button-text-decoration-thickness--active, auto)}.cob-button:disabled,a[disabled]{background-color:var(--_cob-button-background-color--disabled);color:var(--_cob-button-color--disabled);border-color:var(--_cob-button-border-color--disabled);--_cob-button-cursor: not-allowed}a[disabled]{pointer-events:none}.cob-button:focus-visible,.active-focus{outline-offset:var(--_cob-button-outline-offset);outline:solid var(--_cob-button-outline-width) var(--_cob-button-outline-color)}.cob-button__text{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}';
+var I = Object.defineProperty, r = (a, o, e, l) => {
+  for (var b = void 0, s = a.length - 1, u; s >= 0; s--)
+    (u = a[s]) && (b = u(o, e, b) || b);
+  return b && I(o, e, b), b;
 };
-let $r = 0;
-const wt = class wt extends bo {
-  // allows use of elementInternals' API
+const d = class d extends C {
   constructor() {
-    super(), this.id = "", this.name = "", this.size = "md", this.fullWidth = !1, this.variant = "filled", this.inverted = !1, this.label = "", this.ariaLabel = "", this.ariaControls = "", this.prefixIcon = "", this.suffixIcon = "", this.circle = !1, this.icon = "", this.disabled = !1, this.form = null, this.value = "", this.ariaDescription = "", this.type = "button", this.onClick = null, this.href = "", this.target = "_self", this._hasPrefixSlot = !1, this._hasSuffixSlot = !1, this._hasCircleSlot = !1, this._internals = this.attachInternals();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
+    super(...arguments), this.id = "", this.name = "", this.size = "md", this.fullWidth = !1, this.variant = "filled", this.inverted = !1, this.label = "", this.ariaControls = "", this.ariaExpanded = "", this.ariaCurrent = "", this.prefixIcon = "", this.suffixIcon = "", this.circle = !1, this.icon = "", this.disabled = !1, this.form = null, this.value = "", this.ariaDescribedBy = "", this.type = "button", this.onClick = null, this.href = "", this.target = "_self", this._hasPrefixSlot = !1, this._hasSuffixSlot = !1, this._hasCircleSlot = !1;
   }
   /**
    * Functions
    * --------------------------------------------------------------------------
+   *
+   * Form association, ElementInternals, and id generation are provided by
+   * CobFormControlElement (@cobwds/internals). super.connectedCallback() assigns
+   * an id when one is not provided (prefix = the element's localName).
    */
-  _generateUniqueId() {
-    return `cob-button-${Date.now()}-${$r++}`;
+  _onPrefixSlotChange(o) {
+    const e = o.target;
+    this._hasPrefixSlot = e.assignedElements({ flatten: !0 }).length > 0;
   }
-  _onPrefixSlotChange(e) {
-    const c = e.target;
-    this._hasPrefixSlot = c.assignedElements({ flatten: !0 }).length > 0;
+  _onSuffixSlotChange(o) {
+    const e = o.target;
+    this._hasSuffixSlot = e.assignedElements({ flatten: !0 }).length > 0;
   }
-  _onSuffixSlotChange(e) {
-    const c = e.target;
-    this._hasSuffixSlot = c.assignedElements({ flatten: !0 }).length > 0;
-  }
-  _onCircleSlotChange(e) {
-    const c = e.target;
-    this._hasCircleSlot = c.assignedElements({ flatten: !0 }).length > 0;
+  _onCircleSlotChange(o) {
+    const e = o.target;
+    this._hasCircleSlot = e.assignedElements({ flatten: !0 }).length > 0;
   }
   _manageFormAction() {
     typeof this.onClick == "function" && this.onClick !== null && this.onClick(new Event("click"));
-    const e = this._internals.form;
-    if (e)
+    const o = this.internals?.form;
+    if (o)
       switch (this.type) {
-        case "submit":
-          e.requestSubmit();
+        case "submit": {
+          const e = this.name !== "" && this.value !== "";
+          e && this.setFormValue(this.value);
+          try {
+            o.requestSubmit();
+          } finally {
+            e && this.setFormValue(null);
+          }
           break;
+        }
         case "reset":
-          e.reset();
+          o.reset();
           break;
       }
   }
@@ -1058,40 +179,34 @@ const wt = class wt extends bo {
    * --------------------------------------------------------------------------
    */
   _handleFocus() {
-    this.dispatchEvent(
-      new Event("cob-focus", { bubbles: !0, composed: !0 })
-    );
+    _(this, "focus");
   }
   _handleBlur() {
-    this.shadowRoot?.querySelector(".cob-button")?.classList.remove("active-focus"), this.dispatchEvent(
-      new Event("cob-blur", { bubbles: !0, composed: !0 })
-    );
+    this.shadowRoot?.querySelector(".cob-button")?.classList.remove("active-focus"), _(this, "blur");
   }
-  _handleClick(e) {
+  _handleClick(o) {
     if (this.disabled) {
-      e.preventDefault();
+      o.preventDefault();
       return;
     }
-    this._manageFormAction(), this.dispatchEvent(
-      new Event("cob-click", { bubbles: !0, composed: !0 })
-    );
+    this._manageFormAction(), y(this, "cob-click", void 0);
   }
-  _handleKeydown(e) {
-    if (e.code === "Space" || e.code === "Enter" || e.key === " " || e.key === "Enter") {
+  _handleKeydown(o) {
+    if (o.code === "Space" || o.code === "Enter" || o.key === " " || o.key === "Enter") {
       if (this.disabled) return;
-      e.preventDefault();
-      const c = this.renderRoot.querySelector(".cob-button");
-      if (c?.classList.add("active"), setTimeout(() => c?.classList.remove("active"), 150), this.href) {
-        const i = this.renderRoot.querySelector(
+      o.preventDefault();
+      const e = this.renderRoot.querySelector(".cob-button");
+      if (e?.classList.add("active"), setTimeout(() => e?.classList.remove("active"), 150), this.href) {
+        const l = this.renderRoot.querySelector(
           "a.cob-button"
         );
-        i && i.click();
+        l && l.click();
       } else
-        this._handleAnyAttributeFunction(), this._handleClick(e);
+        this._handleAnyAttributeFunction(), this._handleClick(o);
     }
   }
-  _handleKeyup(e) {
-    (e.code === "Space" || e.code === "Enter" || e.key === " " || e.key === "Enter") && this.renderRoot.querySelector(".cob-button")?.classList.remove("active");
+  _handleKeyup(o) {
+    (o.code === "Space" || o.code === "Enter" || o.key === " " || o.key === "Enter") && this.renderRoot.querySelector(".cob-button")?.classList.remove("active");
   }
   /**
    * Handles inline onclick attributes for keyboard activation.
@@ -1105,22 +220,22 @@ const wt = class wt extends bo {
   _handleAnyAttributeFunction() {
     this.click();
   }
-  focus(e) {
-    const c = this.renderRoot.querySelector(
+  focus(o) {
+    const e = this.renderRoot.querySelector(
       this.href ? "a.cob-button" : "button.cob-button"
     );
-    c ? c.focus(e) : super.focus(e);
+    e ? e.focus(o) : super.focus(o);
   }
   render() {
-    return R`
-      ${this.href ? R`
+    return n`
+      ${this.href ? n`
             <div class="cob-button__linkwrapper">
               <a
                 class="cob-button"
-                name=${P(this.name ? this.name : void 0)}
+                name=${i(this.name ? this.name : void 0)}
                 ?disabled=${this.disabled}
                 aria-disabled="${this.disabled ? "true" : "false"}"
-                value=${P(this.value ? this.value : void 0)}
+                value=${i(this.value ? this.value : void 0)}
                 href=${this.href}
                 target=${this.target}
                 @click=${this._handleClick}
@@ -1128,29 +243,29 @@ const wt = class wt extends bo {
                 @blur="${this._handleBlur}"
                 @keydown="${this._handleKeydown}"
                 @keyup="${this._handleKeyup}"
-                tabindex="${this.disabled ? -1 : 0}"
-                aria-label=${P(
-      this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"
-    )}
-                aria-description=${P(this.ariaDescription || void 0)}
+                aria-describedby=${i(this.ariaDescribedBy || void 0)}
+                aria-expanded=${i(this.ariaExpanded || void 0)}
+                aria-current=${i(this.ariaCurrent || void 0)}
               >
                 <slot
                   name="prefix-icon"
                   @slotchange=${this._onPrefixSlotChange}
                   ?hidden=${!this.prefixIcon && !this._hasPrefixSlot}
                 >
-                  ${this.prefixIcon ? R`<cob-icon
+                  ${this.prefixIcon ? n`<cob-icon
                         size="16"
                         name=${this.prefixIcon}
                       ></cob-icon>` : ""}
                 </slot>
-                ${this.circle ? "" : this.label ? R`<div class="cob-button__text">${this.label}</div>` : R` <slot class="cob-button__default-slot"></slot> `}
+                ${this.circle ? n`<div class="cob-button__text sr-only">
+                      ${this.label}
+                    </div>` : this.label ? n`<div class="cob-button__text">${this.label}</div>` : n` <slot class="cob-button__default-slot"></slot> `}
                 <slot
                   name="suffix-icon"
                   @slotchange=${this._onSuffixSlotChange}
                   ?hidden=${!this.suffixIcon && !this._hasSuffixSlot}
                 >
-                  ${this.suffixIcon ? R`<cob-icon
+                  ${this.suffixIcon ? n`<cob-icon
                         size="16"
                         name=${this.suffixIcon}
                       ></cob-icon>` : ""}
@@ -1160,52 +275,50 @@ const wt = class wt extends bo {
                   @slotchange=${this._onCircleSlotChange}
                   ?hidden=${!this.circle || !this.icon && !this._hasCircleSlot}
                 >
-                  ${this.icon ? R`<cob-icon
+                  ${this.icon ? n`<cob-icon
                         size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
                         name=${this.icon}
                       ></cob-icon>` : ""}
                 </slot>
               </a>
             </div>
-          ` : R`
+          ` : n`
             <button
               class="cob-button"
-              name=${P(this.name ? this.name : void 0)}
+              name=${i(this.name ? this.name : void 0)}
               ?disabled=${this.disabled}
-              aria-disabled="${this.disabled ? "true" : "false"}"
-              form=${P(this.form || void 0)}
-              value=${P(this.value ? this.value : void 0)}
+              form=${i(this.form || void 0)}
+              value=${i(this.value ? this.value : void 0)}
               type=${this.type}
-              aria-controls=${P(this.ariaControls || void 0)}
+              aria-controls=${i(this.ariaControls || void 0)}
               @click=${this._handleClick}
-              @focus="${this._handleFocus}"
-              @blur="${this._handleBlur}"
-              @keydown="${this._handleKeydown}"
-              @keyup="${this._handleKeyup}"
-              tabindex="${this.disabled ? -1 : 0}"
-              aria-label=${P(
-      this.ariaLabel || this.label || (this.circle ? this.icon : null) || this.prefixIcon || this.suffixIcon || "button"
-    )}
-              aria-description=${P(this.ariaDescription || void 0)}
-              role="button"
+              @focus=${this._handleFocus}
+              @blur=${this._handleBlur}
+              @keydown=${this._handleKeydown}
+              @keyup=${this._handleKeyup}
+              aria-describedby=${i(this.ariaDescribedBy || void 0)}
+              aria-expanded=${i(this.ariaExpanded || void 0)}
+              aria-current=${i(this.ariaCurrent || void 0)}
             >
               <slot
                 name="prefix-icon"
                 @slotchange=${this._onPrefixSlotChange}
                 ?hidden=${!this.prefixIcon && !this._hasPrefixSlot}
               >
-                ${this.prefixIcon ? R`<cob-icon
+                ${this.prefixIcon ? n`<cob-icon
                       size="16"
                       name=${this.prefixIcon}
                     ></cob-icon>` : ""}
               </slot>
-              ${this.circle ? "" : this.label ? R`<div class="cob-button__text">${this.label}</div>` : R` <slot class="cob-button__default-slot"></slot> `}
+              ${this.circle ? n`<div class="cob-button__text sr-only">
+                    ${this.label}
+                  </div>` : this.label ? n`<div class="cob-button__text">${this.label}</div>` : n` <slot class="cob-button__default-slot"></slot> `}
               <slot
                 name="suffix-icon"
                 @slotchange=${this._onSuffixSlotChange}
                 ?hidden=${!this.suffixIcon && !this._hasSuffixSlot}
               >
-                ${this.suffixIcon ? R`<cob-icon
+                ${this.suffixIcon ? n`<cob-icon
                       size="16"
                       name=${this.suffixIcon}
                     ></cob-icon>` : ""}
@@ -1215,7 +328,7 @@ const wt = class wt extends bo {
                 @slotchange=${this._onCircleSlotChange}
                 ?hidden=${!this.circle || !this.icon && !this._hasCircleSlot}
               >
-                ${this.icon ? R`<cob-icon
+                ${this.icon ? n`<cob-icon
                       size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
                       name=${this.icon}
                     ></cob-icon>` : ""}
@@ -1225,85 +338,88 @@ const wt = class wt extends bo {
     `;
   }
 };
-wt.styles = fe(Mr), wt.shadowRootOptions = {
-  ...bo.shadowRootOptions,
+d.styles = g(V), d.shadowRootOptions = {
+  ...p.shadowRootOptions,
   delegatesFocus: !0
-}, wt.formAssociated = !0;
-let p = wt;
-m([
-  d({ type: String, reflect: !0 })
-], p.prototype, "id");
-m([
-  d({ type: String, reflect: !0 })
-], p.prototype, "name");
-m([
-  d({ type: String, reflect: !0 })
-], p.prototype, "size");
-m([
-  d({ type: Boolean, reflect: !0 })
-], p.prototype, "fullWidth");
-m([
-  d({ type: String, reflect: !0 })
-], p.prototype, "variant");
-m([
-  d({ type: Boolean, reflect: !0 })
-], p.prototype, "inverted");
-m([
-  d({ type: String })
-], p.prototype, "label");
-m([
-  d({ type: String })
-], p.prototype, "ariaLabel");
-m([
-  d({ type: String })
-], p.prototype, "ariaControls");
-m([
-  d({ type: String })
-], p.prototype, "prefixIcon");
-m([
-  d({ type: String })
-], p.prototype, "suffixIcon");
-m([
-  d({ type: Boolean, reflect: !0 })
-], p.prototype, "circle");
-m([
-  d({ type: String })
-], p.prototype, "icon");
-m([
-  d({ type: Boolean, reflect: !0 })
-], p.prototype, "disabled");
-m([
-  d({ type: String, reflect: !0 })
-], p.prototype, "form");
-m([
-  d({ type: String })
-], p.prototype, "value");
-m([
-  d({ type: String })
-], p.prototype, "ariaDescription");
-m([
-  d({ type: String, reflect: !0 })
-], p.prototype, "type");
-m([
-  d({ attribute: !1 })
-], p.prototype, "onClick");
-m([
-  d({ type: String })
-], p.prototype, "href");
-m([
-  d({ type: String, reflect: !0 })
-], p.prototype, "target");
-m([
-  Mt()
-], p.prototype, "_hasPrefixSlot");
-m([
-  Mt()
-], p.prototype, "_hasSuffixSlot");
-m([
-  Mt()
-], p.prototype, "_hasCircleSlot");
-customElements.get("cob-button") || customElements.define("cob-button", p);
+};
+let t = d;
+r([
+  c({ type: String, reflect: !0 })
+], t.prototype, "id");
+r([
+  c({ type: String, reflect: !0 })
+], t.prototype, "name");
+r([
+  c({ type: String, reflect: !0 })
+], t.prototype, "size");
+r([
+  c({ type: Boolean, reflect: !0 })
+], t.prototype, "fullWidth");
+r([
+  c({ type: String, reflect: !0 })
+], t.prototype, "variant");
+r([
+  c({ type: Boolean, reflect: !0 })
+], t.prototype, "inverted");
+r([
+  c({ type: String })
+], t.prototype, "label");
+r([
+  c({ type: String })
+], t.prototype, "ariaControls");
+r([
+  c({ type: String })
+], t.prototype, "ariaExpanded");
+r([
+  c({ type: String })
+], t.prototype, "ariaCurrent");
+r([
+  c({ type: String })
+], t.prototype, "prefixIcon");
+r([
+  c({ type: String })
+], t.prototype, "suffixIcon");
+r([
+  c({ type: Boolean, reflect: !0 })
+], t.prototype, "circle");
+r([
+  c({ type: String })
+], t.prototype, "icon");
+r([
+  c({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled");
+r([
+  c({ type: String, reflect: !0 })
+], t.prototype, "form");
+r([
+  c({ type: String })
+], t.prototype, "value");
+r([
+  c({ type: String })
+], t.prototype, "ariaDescribedBy");
+r([
+  c({ type: String, reflect: !0 })
+], t.prototype, "type");
+r([
+  c({ attribute: !1 })
+], t.prototype, "onClick");
+r([
+  c({ type: String })
+], t.prototype, "href");
+r([
+  c({ type: String, reflect: !0 })
+], t.prototype, "target");
+r([
+  v()
+], t.prototype, "_hasPrefixSlot");
+r([
+  v()
+], t.prototype, "_hasSuffixSlot");
+r([
+  v()
+], t.prototype, "_hasCircleSlot");
+customElements.get("cob-button") || customElements.define("cob-button", t);
 export {
-  p as CobButton
+  t as CobButton
 };
 //# sourceMappingURL=cob-button.js.map