@cobwds/cob-button 1.19.3 → 1.19.4

package/dist/cob-button.js

@@ -1,24 +1,1019 @@
-import { LitElement as v, unsafeCSS as h, html as b } from "lit";
-import { property as c, state as u } from "lit/decorators.js";
-import { ifDefined as a } from "lit/directives/if-defined.js";
+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";
 /*!
    * █▄  █  █   █  █▀▀▀█  █▀▀▄  █▀▀▀█
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Button Component v1.19.3
+   * Button Component v1.19.4
    * Part of the City of Boston Web Design System
    * Repository: https://github.com/CityOfBoston/nywds-poc
    * License: MIT
 */
-const _ = ':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, #1871bd) );--_cob-button-border-color--hover: var( --cob-button-border-color--hover, var(--cob-color-theme, #1871bd) );--_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, #1871bd) );--_cob-button-border-color--active: var( --cob-button-border-color--active, var(--cob-color-theme, #1871bd) );--_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 p = Object.defineProperty, r = (f, o, e, i) => {
-  for (var n = void 0, s = f.length - 1, d; s >= 0; s--)
-    (d = f[s]) && (n = d(o, e, n) || n);
-  return n && p(o, e, n), n;
+/*!
+   * █▄  █  █   █  █▀▀▀█  █▀▀▄  █▀▀▀█
+   * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
+   * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
+   *
+   * Icon Component v1.19.4
+   * Part of the City of Boston Web Design System
+   * 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);
+}
+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 Xe(o) {
+  return Ke(), uo.get(o);
+}
+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;
+      }
+    }
+    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);
+    }
+    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);
+    }
+    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
+      });
+    }
+    if (r.removeAttribute(t), t === "is")
+      if (nt || At)
+        try {
+          Q(r);
+        } catch {
+        }
+      else
+        try {
+          r.setAttribute(t, "");
+        } catch {
+        }
+  }, 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]);
+    }
+  }, 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];
+    }
+    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 {
+      }
+    }
+    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;
+    }
+  }, gt = function(t) {
+    if (!z || typeof t != "object" || t === null)
+      return !1;
+    try {
+      return typeof z(t) == "number";
+    } catch {
+      return !1;
+    }
+  };
+  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 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);
+    }
+    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;
+    }
+    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);
+    }
+  }, 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 : "";
+    }
+    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;
+    }
+    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;
+    }
+    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]);
+    }
+  }, 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;
+    }
+    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();
+    }
+    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;
 };
-let g = 0;
-const l = class l extends v {
+let $r = 0;
+const wt = class wt extends bo {
   // allows use of elementInternals' API
   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();
@@ -31,30 +1026,30 @@ const l = class l extends v {
    * --------------------------------------------------------------------------
    */
   _generateUniqueId() {
-    return `cob-button-${Date.now()}-${g++}`;
+    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(o) {
-    const e = o.target;
-    this._hasCircleSlot = e.assignedElements({ flatten: !0 }).length > 0;
+  _onCircleSlotChange(e) {
+    const c = e.target;
+    this._hasCircleSlot = c.assignedElements({ flatten: !0 }).length > 0;
   }
   _manageFormAction() {
     typeof this.onClick == "function" && this.onClick !== null && this.onClick(new Event("click"));
-    const o = this._internals.form;
-    if (o)
+    const e = this._internals.form;
+    if (e)
       switch (this.type) {
         case "submit":
-          o.requestSubmit();
+          e.requestSubmit();
           break;
         case "reset":
-          o.reset();
+          e.reset();
           break;
       }
   }
@@ -72,31 +1067,31 @@ const l = class l extends v {
       new Event("cob-blur", { bubbles: !0, composed: !0 })
     );
   }
-  _handleClick(o) {
+  _handleClick(e) {
     if (this.disabled) {
-      o.preventDefault();
+      e.preventDefault();
       return;
     }
     this._manageFormAction(), this.dispatchEvent(
       new Event("cob-click", { bubbles: !0, composed: !0 })
     );
   }
-  _handleKeydown(o) {
-    if (o.code === "Space" || o.code === "Enter" || o.key === " " || o.key === "Enter") {
+  _handleKeydown(e) {
+    if (e.code === "Space" || e.code === "Enter" || e.key === " " || e.key === "Enter") {
       if (this.disabled) return;
-      o.preventDefault();
-      const e = this.renderRoot.querySelector(".cob-button");
-      if (e?.classList.add("active"), setTimeout(() => e?.classList.remove("active"), 150), this.href) {
+      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(
           "a.cob-button"
         );
         i && i.click();
       } else
-        this._handleAnyAttributeFunction(), this._handleClick(o);
+        this._handleAnyAttributeFunction(), this._handleClick(e);
     }
   }
-  _handleKeyup(o) {
-    (o.code === "Space" || o.code === "Enter" || o.key === " " || o.key === "Enter") && this.renderRoot.querySelector(".cob-button")?.classList.remove("active");
+  _handleKeyup(e) {
+    (e.code === "Space" || e.code === "Enter" || e.key === " " || e.key === "Enter") && this.renderRoot.querySelector(".cob-button")?.classList.remove("active");
   }
   /**
    * Handles inline onclick attributes for keyboard activation.
@@ -110,22 +1105,22 @@ const l = class l extends v {
   _handleAnyAttributeFunction() {
     this.click();
   }
-  focus(o) {
-    const e = this.renderRoot.querySelector(
+  focus(e) {
+    const c = this.renderRoot.querySelector(
       this.href ? "a.cob-button" : "button.cob-button"
     );
-    e ? e.focus(o) : super.focus(o);
+    c ? c.focus(e) : super.focus(e);
   }
   render() {
-    return b`
-      ${this.href ? b`
+    return R`
+      ${this.href ? R`
             <div class="cob-button__linkwrapper">
               <a
                 class="cob-button"
-                name=${a(this.name ? this.name : void 0)}
+                name=${P(this.name ? this.name : void 0)}
                 ?disabled=${this.disabled}
                 aria-disabled="${this.disabled ? "true" : "false"}"
-                value=${a(this.value ? this.value : void 0)}
+                value=${P(this.value ? this.value : void 0)}
                 href=${this.href}
                 target=${this.target}
                 @click=${this._handleClick}
@@ -134,28 +1129,28 @@ const l = class l extends v {
                 @keydown="${this._handleKeydown}"
                 @keyup="${this._handleKeyup}"
                 tabindex="${this.disabled ? -1 : 0}"
-                aria-label=${a(
+                aria-label=${P(
       this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"
     )}
-                aria-description=${a(this.ariaDescription || void 0)}
+                aria-description=${P(this.ariaDescription || void 0)}
               >
                 <slot
                   name="prefix-icon"
                   @slotchange=${this._onPrefixSlotChange}
                   ?hidden=${!this.prefixIcon && !this._hasPrefixSlot}
                 >
-                  ${this.prefixIcon ? b`<cob-icon
+                  ${this.prefixIcon ? R`<cob-icon
                         size="16"
                         name=${this.prefixIcon}
                       ></cob-icon>` : ""}
                 </slot>
-                ${this.circle ? "" : this.label ? b`<div class="cob-button__text">${this.label}</div>` : b` <slot class="cob-button__default-slot"></slot> `}
+                ${this.circle ? "" : this.label ? R`<div class="cob-button__text">${this.label}</div>` : R` <slot class="cob-button__default-slot"></slot> `}
                 <slot
                   name="suffix-icon"
                   @slotchange=${this._onSuffixSlotChange}
                   ?hidden=${!this.suffixIcon && !this._hasSuffixSlot}
                 >
-                  ${this.suffixIcon ? b`<cob-icon
+                  ${this.suffixIcon ? R`<cob-icon
                         size="16"
                         name=${this.suffixIcon}
                       ></cob-icon>` : ""}
@@ -165,33 +1160,33 @@ const l = class l extends v {
                   @slotchange=${this._onCircleSlotChange}
                   ?hidden=${!this.circle || !this.icon && !this._hasCircleSlot}
                 >
-                  ${this.icon ? b`<cob-icon
+                  ${this.icon ? R`<cob-icon
                         size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
                         name=${this.icon}
                       ></cob-icon>` : ""}
                 </slot>
               </a>
             </div>
-          ` : b`
+          ` : R`
             <button
               class="cob-button"
-              name=${a(this.name ? this.name : void 0)}
+              name=${P(this.name ? this.name : void 0)}
               ?disabled=${this.disabled}
               aria-disabled="${this.disabled ? "true" : "false"}"
-              form=${a(this.form || void 0)}
-              value=${a(this.value ? this.value : void 0)}
+              form=${P(this.form || void 0)}
+              value=${P(this.value ? this.value : void 0)}
               type=${this.type}
-              aria-controls=${a(this.ariaControls || void 0)}
+              aria-controls=${P(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=${a(
+              aria-label=${P(
       this.ariaLabel || this.label || (this.circle ? this.icon : null) || this.prefixIcon || this.suffixIcon || "button"
     )}
-              aria-description=${a(this.ariaDescription || void 0)}
+              aria-description=${P(this.ariaDescription || void 0)}
               role="button"
             >
               <slot
@@ -199,18 +1194,18 @@ const l = class l extends v {
                 @slotchange=${this._onPrefixSlotChange}
                 ?hidden=${!this.prefixIcon && !this._hasPrefixSlot}
               >
-                ${this.prefixIcon ? b`<cob-icon
+                ${this.prefixIcon ? R`<cob-icon
                       size="16"
                       name=${this.prefixIcon}
                     ></cob-icon>` : ""}
               </slot>
-              ${this.circle ? "" : this.label ? b`<div class="cob-button__text">${this.label}</div>` : b` <slot class="cob-button__default-slot"></slot> `}
+              ${this.circle ? "" : this.label ? R`<div class="cob-button__text">${this.label}</div>` : R` <slot class="cob-button__default-slot"></slot> `}
               <slot
                 name="suffix-icon"
                 @slotchange=${this._onSuffixSlotChange}
                 ?hidden=${!this.suffixIcon && !this._hasSuffixSlot}
               >
-                ${this.suffixIcon ? b`<cob-icon
+                ${this.suffixIcon ? R`<cob-icon
                       size="16"
                       name=${this.suffixIcon}
                     ></cob-icon>` : ""}
@@ -220,7 +1215,7 @@ const l = class l extends v {
                 @slotchange=${this._onCircleSlotChange}
                 ?hidden=${!this.circle || !this.icon && !this._hasCircleSlot}
               >
-                ${this.icon ? b`<cob-icon
+                ${this.icon ? R`<cob-icon
                       size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
                       name=${this.icon}
                     ></cob-icon>` : ""}
@@ -230,85 +1225,85 @@ const l = class l extends v {
     `;
   }
 };
-l.styles = h(_), l.shadowRootOptions = {
-  ...v.shadowRootOptions,
+wt.styles = fe(Mr), wt.shadowRootOptions = {
+  ...bo.shadowRootOptions,
   delegatesFocus: !0
-}, l.formAssociated = !0;
-let t = l;
-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, "ariaLabel");
-r([
-  c({ type: String })
-], t.prototype, "ariaControls");
-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, "ariaDescription");
-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([
-  u()
-], t.prototype, "_hasPrefixSlot");
-r([
-  u()
-], t.prototype, "_hasSuffixSlot");
-r([
-  u()
-], t.prototype, "_hasCircleSlot");
-customElements.get("cob-button") || customElements.define("cob-button", t);
+}, 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);
 export {
-  t as CobButton
+  p as CobButton
 };
 //# sourceMappingURL=cob-button.js.map