@scouterna/ui-webc 2.0.0 → 2.2.0

package/dist/components/scout-input.js.map

@@ -1 +1 @@
-{"file":"scout-input.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,iWAAiW;;MCqCrWA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AACrB;;;;AAIG;IACK,IAAI,GAAc,MAAM;AAEhC;;AAEG;AACK,IAAA,SAAS;AAEjB;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,KAAK,GAAW,EAAE;AAE1B;;;AAGG;IACK,QAAQ,GAAY,KAAK;AAEjC;;;;AAIG;AACK,IAAA,QAAQ;AAEP,IAAA,gBAAgB;AAIhB,IAAA,SAAS;AAElB;;AAEG;AACM,IAAA,QAAQ;AAER,IAAA,MAAM;IAEf,iBAAiB,GAAA;QACf,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;QAC9D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;AAGjC,IAAA,OAAO,CAAC,KAAiB,EAAA;AACvB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAE9C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;AACpD,YAAA,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,CAAC;;AAGlD,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACzB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,YAAA,OAAO,EAAE,KAAK;AACf,SAAA,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAC/B,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAA,CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ScoutInput","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/input/input.css?tag=scout-input&encapsulation=scoped","src/components/input/input.tsx"],"sourcesContent":[".input {\n  height: var(--spacing-10);\n  padding: var(--spacing-2);\n  font: var(--type-body-base);\n  border: 1px solid var(--color-gray-300);\n  border-radius: var(--spacing-2);\n  background-color: var(--color-white);\n  color: var(--color-text-base);\n}\n\n.input:disabled {\n  background-color: var(--color-gray-100);\n  color: var(--color-gray-700);\n  cursor: not-allowed;\n}","import {\n  Component,\n  type ComponentInterface,\n  Event,\n  type EventEmitter,\n  h,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\nexport type InputType =\n  | \"text\"\n  | \"password\"\n  | \"email\"\n  | \"number\"\n  | \"tel\"\n  | \"url\"\n  // Hack to suggest above value but still allow any other string value\n  | (string & {});\n\nexport type InputMode =\n  | \"none\"\n  | \"text\"\n  | \"decimal\"\n  | \"numeric\"\n  | \"tel\"\n  | \"search\"\n  | \"email\"\n  | \"url\"\n  // Hack to suggest above value but still allow any other string value\n  | (string & {});\n\n@Component({\n  tag: \"scout-input\",\n  styleUrl: \"input.css\",\n  scoped: true,\n})\nexport class ScoutInput implements ComponentInterface {\n  /**\n   * Type of input element. If you need a number input, read the accessibility\n   * section of this MDN article first:\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/number#accessibility\n   */\n  @Prop() type: InputType = \"text\";\n\n  /**\n   * Input mode hints for devices with dynamic keyboards.\n   */\n  @Prop() inputmode?: InputMode;\n\n  /**\n   * Regex pattern for input validation.\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * Value of the input element, in case you want to control it yourself.\n   */\n  @Prop() value: string = \"\";\n\n  /**\n   * Whether the input is disabled. Disabled inputs are not editable, excluded\n   * from tab order and are not validated.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Custom validation function run on top of the implicit validation performed\n   * by the browser. Return a string with the validation message to mark the\n   * input as invalid, or null to mark it as valid.\n   */\n  @Prop() validate?: (value: string) => string | null;\n\n  @Event() scoutInputChange: EventEmitter<{\n    value: string;\n    element: HTMLInputElement;\n  }>;\n  @Event() scoutBlur: EventEmitter<void>;\n\n  /**\n   * Internal event used for form field association.\n   */\n  @Event() _fieldId: EventEmitter<string>;\n\n  @State() ariaId: string;\n\n  componentWillLoad(): Promise<void> | void {\n    this.ariaId = `_${Math.random().toString(36).substring(2, 9)}`;\n    this._fieldId.emit(this.ariaId);\n  }\n\n  onInput(event: InputEvent) {\n    const input = event.target as HTMLInputElement;\n\n    if (this.validate) {\n      const validationMessage = this.validate(input.value);\n      input.setCustomValidity(validationMessage ?? \"\");\n    }\n\n    this.scoutInputChange.emit({\n      value: input.value,\n      element: input,\n    });\n  }\n\n  render() {\n    return (\n      <input\n        id={this.ariaId}\n        type={this.type}\n        inputMode={this.inputmode}\n        pattern={this.pattern}\n        class=\"input\"\n        value={this.value}\n        disabled={this.disabled}\n        onInput={(e) => this.onInput(e)}\n        onBlur={() => this.scoutBlur.emit()}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"scout-input.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,iWAAiW;;MCqCrWA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AACrB;;;;AAIG;IACK,IAAI,GAAc,MAAM;AAEhC;;AAEG;AACK,IAAA,SAAS;AAEjB;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,KAAK,GAAW,EAAE;AAElB,IAAA,IAAI;AAEZ;;;AAGG;IACK,QAAQ,GAAY,KAAK;AAEjC;;;;AAIG;AACK,IAAA,QAAQ;AAEP,IAAA,gBAAgB;AAIhB,IAAA,SAAS;AAElB;;AAEG;AACM,IAAA,QAAQ;AAER,IAAA,MAAM;IAEf,iBAAiB,GAAA;QACf,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;QAC9D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;AAGjC,IAAA,OAAO,CAAC,KAAiB,EAAA;AACvB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAE9C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;AACpD,YAAA,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,CAAC;;AAGlD,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACzB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,YAAA,OAAO,EAAE,KAAK;AACf,SAAA,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAC/B,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAA,CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ScoutInput","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/input/input.css?tag=scout-input&encapsulation=scoped","src/components/input/input.tsx"],"sourcesContent":[".input {\n  height: var(--spacing-10);\n  padding: var(--spacing-2);\n  font: var(--type-body-base);\n  border: 1px solid var(--color-gray-300);\n  border-radius: var(--spacing-2);\n  background-color: var(--color-white);\n  color: var(--color-text-base);\n}\n\n.input:disabled {\n  background-color: var(--color-gray-100);\n  color: var(--color-gray-700);\n  cursor: not-allowed;\n}\n","import {\n  Component,\n  type ComponentInterface,\n  Event,\n  type EventEmitter,\n  h,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\nexport type InputType =\n  | \"text\"\n  | \"password\"\n  | \"email\"\n  | \"number\"\n  | \"tel\"\n  | \"url\"\n  // Hack to suggest above value but still allow any other string value\n  | (string & {});\n\nexport type InputMode =\n  | \"none\"\n  | \"text\"\n  | \"decimal\"\n  | \"numeric\"\n  | \"tel\"\n  | \"search\"\n  | \"email\"\n  | \"url\"\n  // Hack to suggest above value but still allow any other string value\n  | (string & {});\n\n@Component({\n  tag: \"scout-input\",\n  styleUrl: \"input.css\",\n  scoped: true,\n})\nexport class ScoutInput implements ComponentInterface {\n  /**\n   * Type of input element. If you need a number input, read the accessibility\n   * section of this MDN article first:\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/number#accessibility\n   */\n  @Prop() type: InputType = \"text\";\n\n  /**\n   * Input mode hints for devices with dynamic keyboards.\n   */\n  @Prop() inputmode?: InputMode;\n\n  /**\n   * Regex pattern for input validation.\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * Value of the input element, in case you want to control it yourself.\n   */\n  @Prop() value: string = \"\";\n\n  @Prop() name: string;\n\n  /**\n   * Whether the input is disabled. Disabled inputs are not editable, excluded\n   * from tab order and are not validated.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Custom validation function run on top of the implicit validation performed\n   * by the browser. Return a string with the validation message to mark the\n   * input as invalid, or null to mark it as valid.\n   */\n  @Prop() validate?: (value: string) => string | null;\n\n  @Event() scoutInputChange: EventEmitter<{\n    value: string;\n    element: HTMLInputElement;\n  }>;\n  @Event() scoutBlur: EventEmitter<void>;\n\n  /**\n   * Internal event used for form field association.\n   */\n  @Event() _fieldId: EventEmitter<string>;\n\n  @State() ariaId: string;\n\n  componentWillLoad(): Promise<void> | void {\n    this.ariaId = `_${Math.random().toString(36).substring(2, 9)}`;\n    this._fieldId.emit(this.ariaId);\n  }\n\n  onInput(event: InputEvent) {\n    const input = event.target as HTMLInputElement;\n\n    if (this.validate) {\n      const validationMessage = this.validate(input.value);\n      input.setCustomValidity(validationMessage ?? \"\");\n    }\n\n    this.scoutInputChange.emit({\n      value: input.value,\n      element: input,\n    });\n  }\n\n  render() {\n    return (\n      <input\n        id={this.ariaId}\n        type={this.type}\n        name={this.name}\n        inputMode={this.inputmode}\n        pattern={this.pattern}\n        class=\"input\"\n        value={this.value}\n        disabled={this.disabled}\n        onInput={(e) => this.onInput(e)}\n        onBlur={() => this.scoutBlur.emit()}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/scout-link.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScoutLink extends Components.ScoutLink, HTMLElement {}
+export const ScoutLink: {
+    prototype: ScoutLink;
+    new (): ScoutLink;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/scout-link.js

@@ -0,0 +1,91 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-DNlelzlE.js';
+
+const linkCss = ":host{display:inline}a,button{color:var(--color-text-brand-base);-webkit-text-decoration:none;text-decoration:none}a:hover,button:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--color-background-brand-hover)}a:active,button:active{color:var(--color-background-brand-pressed)}button{display:inline;background:none;border:none;padding:0;cursor:pointer}";
+
+const ScoutLink$1 = /*@__PURE__*/ proxyCustomElement(class ScoutLink extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.scoutLinkClick = createEvent(this, "scoutLinkClick");
+    }
+    /**
+     * The URL that the link points to. Required when type is set to link
+     */
+    href;
+    /**
+     * Text to be displayed for the link
+     */
+    label;
+    rel;
+    /**
+     * If the label property is not sufficient to describe its use, add an aria-label describing what happens
+     * when pressing the button or where the user navigates if it is a link.
+     */
+    linkAriaLabel;
+    /**
+     * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it
+     * as a normal link, a link with href is rendered.
+     */
+    type = "link";
+    /**
+     * _blank	Opens the linked document in a new window or tab
+     *
+     * _self	Opens the linked document in the same frame as it was clicked (this is default)
+     *
+     * _parent	Opens the linked document in the parent frame
+     *
+     * _top	Opens the linked document in the full body of the window
+     *
+     * _framename	Opens the linked document in the named iframe
+     */
+    target = "_self";
+    /**
+     * Only sent if the link is a button.
+     */
+    scoutLinkClick;
+    render() {
+        if (this.type === "button") {
+            return (h("button", { type: "button", "aria-label": this.linkAriaLabel || "", onClick: () => this.scoutLinkClick.emit() }, this.label));
+        }
+        if (!this.href) {
+            throw new Error("Href is requied when type is set to link");
+        }
+        return (h("a", { href: this.href, target: this.target, "aria-label": this.linkAriaLabel || "", rel: 
+            // This might not be our job, but better safe than sorry.
+            this.rel ??
+                (this.target === "_blank" ? "noopener noreferrer" : undefined) }, this.label));
+    }
+    static get delegatesFocus() { return true; }
+    static get style() { return linkCss; }
+}, [785, "scout-link", {
+        "href": [1],
+        "label": [1],
+        "rel": [1],
+        "linkAriaLabel": [1, "link-aria-label"],
+        "type": [1],
+        "target": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["scout-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "scout-link":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ScoutLink$1);
+            }
+            break;
+    } });
+}
+
+const ScoutLink = ScoutLink$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScoutLink, defineCustomElement };
+//# sourceMappingURL=scout-link.js.map
+
+//# sourceMappingURL=scout-link.js.map

package/dist/components/scout-link.js.map

@@ -0,0 +1 @@
+{"file":"scout-link.js","mappings":";;AAAA,MAAM,OAAO,GAAG,8XAA8X;;MCSjYA,WAAS,iBAAAC,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;;AACpB;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,KAAK;AAEL,IAAA,GAAG;AAEX;;;AAGG;AACK,IAAA,aAAa;AAErB;;;AAGG;IACK,IAAI,GAAsB,MAAM;AAExC;;;;;;;;;;AAUG;IACK,MAAM,GACZ,OAAO;AAET;;AAEG;AACM,IAAA,cAAc;IAEvB,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC1B,YAAA,QACE,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,IAAI,CAAC,aAAa,IAAI,EAAE,EACpC,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,EAAA,EAExC,IAAI,CAAC,KAAK,CACJ;;AAIb,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC;;QAG7D,QACE,SACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,gBACP,IAAI,CAAC,aAAa,IAAI,EAAE,EACpC,GAAG;;AAED,YAAA,IAAI,CAAC,GAAG;iBACP,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAG,SAAS,CAAC,EAG/D,EAAA,IAAI,CAAC,KAAK,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ScoutLink","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/link/link.css?tag=scout-link&encapsulation=shadow","src/components/link/link.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\na,\nbutton {\n  color: var(--color-text-brand-base);\n  text-decoration: none;\n}\na:hover,\nbutton:hover {\n  text-decoration: underline;\n  color: var(--color-background-brand-hover);\n}\na:active,\nbutton:active {\n  color: var(--color-background-brand-pressed);\n}\n\nbutton {\n  display: inline;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n}\n","import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: \"scout-link\",\n  styleUrl: \"link.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutLink {\n  /**\n   * The URL that the link points to. Required when type is set to link\n   */\n  @Prop() href?: string;\n\n  /**\n   * Text to be displayed for the link\n   */\n  @Prop() label: string;\n\n  @Prop() rel?: string;\n\n  /**\n   * If the label property is not sufficient to describe its use, add an aria-label describing what happens\n   * when pressing the button or where the user navigates if it is a link.\n   */\n  @Prop() linkAriaLabel?: string;\n\n  /**\n   * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it\n   * as a normal link, a link with href is rendered.\n   */\n  @Prop() type: \"link\" | \"button\" = \"link\";\n\n  /**\n   * _blank\tOpens the linked document in a new window or tab\n   *\n   * _self\tOpens the linked document in the same frame as it was clicked (this is default)\n   *\n   * _parent\tOpens the linked document in the parent frame\n   *\n   * _top\tOpens the linked document in the full body of the window\n   *\n   * _framename\tOpens the linked document in the named iframe\n   */\n  @Prop() target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" | \"framename\" =\n    \"_self\";\n\n  /**\n   * Only sent if the link is a button.\n   */\n  @Event() scoutLinkClick: EventEmitter<HTMLButtonElement>;\n\n  render() {\n    if (this.type === \"button\") {\n      return (\n        <button\n          type=\"button\"\n          aria-label={this.linkAriaLabel || \"\"}\n          onClick={() => this.scoutLinkClick.emit()}\n        >\n          {this.label}\n        </button>\n      );\n    }\n\n    if (!this.href) {\n      throw new Error(\"Href is requied when type is set to link\");\n    }\n\n    return (\n      <a\n        href={this.href}\n        target={this.target}\n        aria-label={this.linkAriaLabel || \"\"}\n        rel={\n          // This might not be our job, but better safe than sorry.\n          this.rel ??\n          (this.target === \"_blank\" ? \"noopener noreferrer\" : undefined)\n        }\n      >\n        {this.label}\n      </a>\n    );\n  }\n}\n"],"version":3}

package/dist/components/scout-list-view-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScoutListViewItem extends Components.ScoutListViewItem, HTMLElement {}
+export const ScoutListViewItem: {
+    prototype: ScoutListViewItem;
+    new (): ScoutListViewItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/scout-list-view-item.js

@@ -0,0 +1,106 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DNlelzlE.js';
+import { d as defineCustomElement$3 } from './p-C2uc7k4n.js';
+import { d as defineCustomElement$2 } from './p-Jt6ZXtWI.js';
+
+const listViewItemCss = ":host{display:flex}.button{flex:1;display:flex;align-items:center;text-align:inherit;min-height:var(--spacing-12);color:var(--color-text-base);padding:var(--spacing-2) var(--spacing-4);cursor:pointer;border:none;background-color:transparent;-webkit-text-decoration:none;text-decoration:none}.button:hover{background-color:var(--color-background-brand-subtle-hovered)}.prefix-icon,.suffix-icon{display:flex;align-items:center;height:var(--spacing-6);color:var(--color-neutral-700)}.prefix-icon svg,.suffix-icon svg,.prefix-icon .icon,.suffix-icon .icon{width:var(--spacing-6);height:var(--spacing-6)}.prefix-icon{justify-content:flex-start;width:var(--spacing-14)}.suffix-icon{justify-content:flex-end;width:var(--spacing-8)}.suffix-icon .icon{background-color:currentColor;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.content{flex:1;display:flex;flex-direction:column;justify-content:center}.primary{font:var(--type-body-base)}.secondary{font:var(--type-body-sm);color:var(--color-neutral-700)}";
+
+const ScoutListViewItem$1 = /*@__PURE__*/ proxyCustomElement(class ScoutListViewItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.scoutClick = createEvent(this, "scoutClick");
+    }
+    icon;
+    primary;
+    secondary;
+    type = "button";
+    href;
+    target;
+    rel;
+    name;
+    value;
+    checked;
+    scoutClick;
+    render() {
+        const Tag = this.type === "link"
+            ? "a"
+            : this.type === "radio" || this.type === "checkbox"
+                ? "label"
+                : "button";
+        const linkProps = this.type === "link"
+            ? {
+                href: this.href,
+                target: this.target,
+                // This might not be our job, but better safe than sorry.
+                rel: this.rel ??
+                    (this.target === "_blank" ? "noopener noreferrer" : undefined),
+            }
+            : {};
+        return (h(Host, { key: '9b9ac94836164ad6a375ee17086e39dec344509d', role: "listitem" }, h(Tag, { key: '302cd52b48fec498897cce4d681ef77592038ba4', class: "button", ...linkProps, onClick: () => this.scoutClick.emit() }, this.getPrefix(), this.getContent(), this.getSuffix())));
+    }
+    getPrefix() {
+        if (!this.icon) {
+            return null;
+        }
+        return h("div", { class: "prefix-icon", innerHTML: this.icon });
+    }
+    getContent() {
+        return (h("div", { class: "content" }, this.primary && h("div", { class: "primary" }, this.primary), this.secondary && h("div", { class: "secondary" }, this.secondary)));
+    }
+    getSuffix() {
+        if (this.type === "radio") {
+            return (h("scout-radio-button", { name: this.name, value: this.value, checked: this.checked }));
+        }
+        if (this.type === "checkbox") {
+            return (h("scout-checkbox", { name: this.name, value: this.value, checked: this.checked }));
+        }
+        return null;
+    }
+    static get delegatesFocus() { return true; }
+    static get style() { return listViewItemCss; }
+}, [785, "scout-list-view-item", {
+        "icon": [1],
+        "primary": [1],
+        "secondary": [1],
+        "type": [1],
+        "href": [1],
+        "target": [1],
+        "rel": [1],
+        "name": [1],
+        "value": [1],
+        "checked": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["scout-list-view-item", "scout-checkbox", "scout-radio-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "scout-list-view-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ScoutListViewItem$1);
+            }
+            break;
+        case "scout-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "scout-radio-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const ScoutListViewItem = ScoutListViewItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScoutListViewItem, defineCustomElement };
+//# sourceMappingURL=scout-list-view-item.js.map
+
+//# sourceMappingURL=scout-list-view-item.js.map

package/dist/components/scout-list-view-item.js.map

@@ -0,0 +1 @@
+{"file":"scout-list-view-item.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,klCAAklC;;MCkB7lCA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AACpB,IAAA,IAAI;AACJ,IAAA,OAAO;AACP,IAAA,SAAS;IACT,IAAI,GAAa,QAAQ;AAEzB,IAAA,IAAI;AACJ,IAAA,MAAM;AACN,IAAA,GAAG;AAEH,IAAA,IAAI;AACJ,IAAA,KAAK;AACL,IAAA,OAAO;AAEN,IAAA,UAAU;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GACP,IAAI,CAAC,IAAI,KAAK;AACZ,cAAE;cACA,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK;AACvC,kBAAE;kBACA,QAAQ;AAEhB,QAAA,MAAM,SAAS,GACb,IAAI,CAAC,IAAI,KAAK;AACZ,cAAE;gBACE,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;;gBAEnB,GAAG,EACD,IAAI,CAAC,GAAG;AACR,qBAAC,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAG,SAAS,CAAC;AACjE;cACD,EAAE;AAER,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,CAAA,CAAC,GAAG,EACF,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,GACV,SAAS,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EAAA,EAEpC,IAAI,CAAC,SAAS,EAAE,EAChB,IAAI,CAAC,UAAU,EAAE,EACjB,IAAI,CAAC,SAAS,EAAE,CACb,CACD;;IAIH,SAAS,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,OAAO,IAAI;;AAGb,QAAA,OAAO,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAA,CAAI;;IAGlD,UAAU,GAAA;QAChB,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,OAAO,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAE,EAAA,IAAI,CAAC,OAAO,CAAO,EACzD,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAE,EAAA,IAAI,CAAC,SAAS,CAAO,CAC5D;;IAIF,SAAS,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;YACzB,QACE,0BACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,CAAA;;AAIN,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YAC5B,QACE,sBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,CAAA;;AAIN,QAAA,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ScoutListViewItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/list-view-item/list-view-item.css?tag=scout-list-view-item&encapsulation=shadow","src/components/list-view-item/list-view-item.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n\n.button {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  text-align: unset;\n  min-height: var(--spacing-12);\n  color: var(--color-text-base);\n  padding: var(--spacing-2) var(--spacing-4);\n  cursor: pointer;\n  border: none;\n  background-color: transparent;\n  text-decoration: none;\n}\n\n.button:hover {\n  background-color: var(--color-background-brand-subtle-hovered);\n}\n\n.prefix-icon,\n.suffix-icon {\n  display: flex;\n  align-items: center;\n  height: var(--spacing-6);\n  color: var(--color-neutral-700);\n\n  svg,\n  .icon {\n    width: var(--spacing-6);\n    height: var(--spacing-6);\n  }\n}\n\n.prefix-icon {\n  justify-content: flex-start;\n  width: var(--spacing-14);\n}\n\n.suffix-icon {\n  justify-content: flex-end;\n  width: var(--spacing-8);\n\n  .icon {\n    background-color: currentColor;\n    mask-image: var(--icon);\n    mask-repeat: no-repeat;\n    mask-size: 100% 100%;\n  }\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.primary {\n  font: var(--type-body-base);\n}\n\n.secondary {\n  font: var(--type-body-sm);\n  color: var(--color-neutral-700);\n}\n","import {\n  Component,\n  Event,\n  type EventEmitter,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nexport type ItemType = \"button\" | \"link\" | \"radio\" | \"checkbox\";\n\n@Component({\n  tag: \"scout-list-view-item\",\n  styleUrl: \"list-view-item.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutListViewItem {\n  @Prop() icon?: string;\n  @Prop() primary?: string;\n  @Prop() secondary?: string;\n  @Prop() type: ItemType = \"button\";\n\n  @Prop() href?: string;\n  @Prop() target?: string;\n  @Prop() rel?: string;\n\n  @Prop() name?: string;\n  @Prop() value?: string;\n  @Prop() checked?: boolean;\n\n  @Event() scoutClick: EventEmitter<void>;\n\n  render() {\n    const Tag =\n      this.type === \"link\"\n        ? \"a\"\n        : this.type === \"radio\" || this.type === \"checkbox\"\n          ? \"label\"\n          : \"button\";\n\n    const linkProps =\n      this.type === \"link\"\n        ? {\n            href: this.href,\n            target: this.target,\n            // This might not be our job, but better safe than sorry.\n            rel:\n              this.rel ??\n              (this.target === \"_blank\" ? \"noopener noreferrer\" : undefined),\n          }\n        : {};\n\n    return (\n      <Host role=\"listitem\">\n        <Tag\n          class=\"button\"\n          {...linkProps}\n          onClick={() => this.scoutClick.emit()}\n        >\n          {this.getPrefix()}\n          {this.getContent()}\n          {this.getSuffix()}\n        </Tag>\n      </Host>\n    );\n  }\n\n  private getPrefix() {\n    if (!this.icon) {\n      return null;\n    }\n\n    return <div class=\"prefix-icon\" innerHTML={this.icon} />;\n  }\n\n  private getContent() {\n    return (\n      <div class=\"content\">\n        {this.primary && <div class=\"primary\">{this.primary}</div>}\n        {this.secondary && <div class=\"secondary\">{this.secondary}</div>}\n      </div>\n    );\n  }\n\n  private getSuffix() {\n    if (this.type === \"radio\") {\n      return (\n        <scout-radio-button\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n        />\n      );\n    }\n\n    if (this.type === \"checkbox\") {\n      return (\n        <scout-checkbox\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n        />\n      );\n    }\n\n    return null;\n  }\n}\n"],"version":3}

package/dist/components/scout-list-view-subheader.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScoutListViewSubheader extends Components.ScoutListViewSubheader, HTMLElement {}
+export const ScoutListViewSubheader: {
+    prototype: ScoutListViewSubheader;
+    new (): ScoutListViewSubheader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/scout-list-view-subheader.js

@@ -0,0 +1,44 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-DNlelzlE.js';
+
+const listViewSubheaderCss = ":host{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-2) var(--spacing-4) var(--spacing-1) !important;border:none !important;background-color:transparent}.heading{margin:0;padding:0;font:var(--type-body-sm);color:var(--color-text-base);font-weight:500}";
+
+const ScoutListViewSubheader$1 = /*@__PURE__*/ proxyCustomElement(class ScoutListViewSubheader extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    text;
+    headingLevel = "h2";
+    render() {
+        return (h(Host, { key: '6fcadbd85c81d7772d4ceb4ecd67f0f3ad1f2f87', role: "listitem" }, h(this.headingLevel, { key: 'f81481cbb344b07ae1599a7dfcac010b3eeccea1', class: "heading" }, this.text)));
+    }
+    static get delegatesFocus() { return true; }
+    static get style() { return listViewSubheaderCss; }
+}, [785, "scout-list-view-subheader", {
+        "text": [1],
+        "headingLevel": [1, "heading-level"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["scout-list-view-subheader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "scout-list-view-subheader":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ScoutListViewSubheader$1);
+            }
+            break;
+    } });
+}
+
+const ScoutListViewSubheader = ScoutListViewSubheader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScoutListViewSubheader, defineCustomElement };
+//# sourceMappingURL=scout-list-view-subheader.js.map
+
+//# sourceMappingURL=scout-list-view-subheader.js.map

package/dist/components/scout-list-view-subheader.js.map

@@ -0,0 +1 @@
+{"file":"scout-list-view-subheader.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,+RAA+R;;MCS/SA,wBAAsB,iBAAAC,kBAAA,CAAA,MAAA,sBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACzB,IAAA,IAAI;IACJ,YAAY,GAA4C,IAAI;IAEpE,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,CAAA,CAAC,IAAI,CAAC,YAAY,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,SAAS,EAAE,EAAA,IAAI,CAAC,IAAI,CAAqB,CAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ScoutListViewSubheader","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/list-view-subheader/list-view-subheader.css?tag=scout-list-view-subheader&encapsulation=shadow","src/components/list-view-subheader/list-view-subheader.tsx"],"sourcesContent":["/** biome-ignore-all lint/complexity/noImportantStyles: https://github.com/tailwindlabs/tailwindcss/discussions/18628#discussioncomment-13915195 */\n\n:host {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: var(--spacing-2) var(--spacing-4) var(--spacing-1) !important;\n  border: none !important;\n  background-color: transparent;\n}\n\n.heading {\n  margin: 0;\n  padding: 0;\n  font: var(--type-body-sm);\n  color: var(--color-text-base);\n  font-weight: 500;\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: \"scout-list-view-subheader\",\n  styleUrl: \"list-view-subheader.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutListViewSubheader {\n  @Prop() text: string;\n  @Prop() headingLevel: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h2\";\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <this.headingLevel class=\"heading\">{this.text}</this.headingLevel>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/scout-list-view.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScoutListView extends Components.ScoutListView, HTMLElement {}
+export const ScoutListView: {
+    prototype: ScoutListView;
+    new (): ScoutListView;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/scout-list-view.js

@@ -0,0 +1,59 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-DNlelzlE.js';
+
+const listViewCss = ":host{display:flex;flex-direction:column;padding:var(--spacing-2) 0}";
+
+const ScoutListView$1 = /*@__PURE__*/ proxyCustomElement(class ScoutListView extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    get el() { return this; }
+    onScoutChecked(event) {
+        const { checked, element } = event.detail;
+        if (element.type !== "radio" || !element.name || !checked) {
+            return;
+        }
+        const listItems = this.el.querySelectorAll("scout-list-view-item");
+        const otherRadios = [];
+        listItems.forEach((item) => {
+            const radios = item.shadowRoot.querySelectorAll(`input[type="radio"][name="${CSS.escape(element.name)}"]`);
+            radios.forEach((r) => {
+                if (r !== element) {
+                    otherRadios.push(r);
+                }
+            });
+        });
+        for (const radio of otherRadios) {
+            radio.checked = false;
+        }
+    }
+    render() {
+        return (h(Host, { key: 'b20a3a6e3ba31b390e99a31b144bf522057ca55c', role: "list" }, h("slot", { key: 'fb58eb9e354415f9ed01120206d5cb2b1be28ad0' })));
+    }
+    static get delegatesFocus() { return true; }
+    static get style() { return listViewCss; }
+}, [273, "scout-list-view", undefined, [[0, "scoutChecked", "onScoutChecked"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["scout-list-view"];
+    components.forEach(tagName => { switch (tagName) {
+        case "scout-list-view":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ScoutListView$1);
+            }
+            break;
+    } });
+}
+
+const ScoutListView = ScoutListView$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScoutListView, defineCustomElement };
+//# sourceMappingURL=scout-list-view.js.map
+
+//# sourceMappingURL=scout-list-view.js.map

package/dist/components/scout-list-view.js.map

@@ -0,0 +1 @@
+{"file":"scout-list-view.js","mappings":";;AAAA,MAAM,WAAW,GAAG,sEAAsE;;MCS7EA,eAAa,iBAAAC,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAIxB,IAAA,cAAc,CACZ,KAAmE,EAAA;QAEnE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM;AAEzC,QAAA,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE;YACzD;;QAGF,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,sBAAsB,CAAC;QAElE,MAAM,WAAW,GAAuB,EAAE;AAE1C,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACzB,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAC7C,CAAA,0BAAA,EAA6B,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA,EAAA,CAAI,CAC1D;AAED,YAAA,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAI;AACnB,gBAAA,IAAI,CAAC,KAAK,OAAO,EAAE;AACjB,oBAAA,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;;AAEvB,aAAC,CAAC;AACJ,SAAC,CAAC;AAEF,QAAA,KAAK,MAAM,KAAK,IAAI,WAAW,EAAE;AAC/B,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;;;IAIzB,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["ScoutListView","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/list-view/list-view.css?tag=scout-list-view&encapsulation=shadow","src/components/list-view/list-view.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-2) 0;\n}\n","import { Component, Element, Host, h, Listen } from \"@stencil/core\";\n\n@Component({\n  tag: \"scout-list-view\",\n  styleUrl: \"list-view.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutListView {\n  @Element() el: HTMLElement;\n\n  @Listen(\"scoutChecked\")\n  onScoutChecked(\n    event: CustomEvent<{ checked: boolean; element: HTMLInputElement }>,\n  ) {\n    const { checked, element } = event.detail;\n\n    if (element.type !== \"radio\" || !element.name || !checked) {\n      return;\n    }\n\n    const listItems = this.el.querySelectorAll(\"scout-list-view-item\");\n\n    const otherRadios: HTMLInputElement[] = [];\n\n    listItems.forEach((item) => {\n      const radios = item.shadowRoot.querySelectorAll<HTMLInputElement>(\n        `input[type=\"radio\"][name=\"${CSS.escape(element.name)}\"]`,\n      );\n\n      radios.forEach((r) => {\n        if (r !== element) {\n          otherRadios.push(r);\n        }\n      });\n    });\n\n    for (const radio of otherRadios) {\n      radio.checked = false;\n    }\n  }\n\n  render() {\n    return (\n      <Host role=\"list\">\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/scout-loader.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScoutLoader extends Components.ScoutLoader, HTMLElement {}
+export const ScoutLoader: {
+    prototype: ScoutLoader;
+    new (): ScoutLoader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/scout-loader.js

@@ -0,0 +1,96 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-DNlelzlE.js';
+
+const adventurerSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjU2IgogICBoZWlnaHQ9IjI1NiIKICAgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDMuNzc5NTA2NSwwLDAsMy43Nzk1MDY1LC0zMDkuODc3MDcsLTM3OS41OTg3MSkiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOmN1cnJlbnRDb2xvciIKICAgICAgIGQ9Im0gOTYuNzE5NTg3LDE2NS42NTE2OSBjIDAuMDMyMSwtMC4wNzU4IDAuMDgwMiwtMC4yNTQ5OCAwLjEwNjgzLC0wLjM5ODIyIDAuMDI5NSwtMC4xNTg4MiAyLjUwNjA1LC00LjAwNjA1IDYuMzQ2NjkzLC05Ljg1OTQ2IDYuMDQ0NTgsLTkuMjEyMzggNi4zMDc4MSwtOS41OTkwNiA2LjUzNTI0LC05LjYwMDI4IDAuMjE5NzksLTAuMDAxIDAuMzQ0MzUsMC4xNDcwMyAxLjcxODYxLDIuMDQ0OSAwLjgxNDksMS4xMjUzOSAxLjUwNjkxLDIuMDYxNzkgMS41Mzc4MSwyLjA4MDg4IDAuMDMwOSwwLjAxOTEgMC42Nzc5NSwtMS40NTk2NiAxLjQzNzkxLC0zLjI4NjEzIDEuMzY3NjYsLTMuMjg3MDEgMS4zODQwNSwtMy4zMjA4NSAxLjYwODUzLC0zLjMyMDg1IDAuMjIzMzQsMCAwLjIzNDg5LDAuMDIyOCAwLjc1NzMsMS40OTU4MyAyLjEwMjI0LDUuOTI3NjEgMi41NDAxMiw3LjEyMDgyIDIuNTkzNTcsNy4wNjczNCAwLjA4MzgsLTAuMDgzOSAzLjA2MDEsLTUuNzEyMDIgMy4wNjAxLC01Ljc4NjY2IDAsLTAuMDMzMiAwLjEwNTIsLTAuMDYwNCAwLjIzMzc5LC0wLjA2MDQgMC4yMDIzOCwwIDAuMjg1NDEsMC4wNzY3IDAuNjE4MTUsMC41NzA3OCAwLjIxMTQxLDAuMzEzOTMgMi45MTA0NSw0LjYwOTU1IDUuOTk3ODgsOS41NDU4MSA0LjMxNTgsNi45MDAyMSA1LjYyNjAyLDkuMDUyMzggNS42Njc2Myw5LjMwOTYzIGwgMC4wNTQxLDAuMzM0NTkgaCAtMTkuMTY2MjkgYyAtMTguMjIzMzczLDAgLTE5LjE2MzQxMywtMC4wMDcgLTE5LjEwNzg3MywtMC4xMzc3NyB6IG0gMjIuNzI5NDkzLC0yMC41ODc0NiBjIC0wLjE3ODY5LC0wLjIyMTM4IC0wLjkzODA0LC0xLjgzNDQ4IC0yLjE0MDk2LC00LjU0ODA4IC0wLjcwMDI0LC0xLjU3OTYzIC0xLjMwMTE1LC0yLjkwMDU4IC0xLjMzNTM2LC0yLjkzNTQzIC0wLjA5ODksLTAuMTAwOCAtMS4yMzMzOCwyLjUxOTEzIC0yLjU1ODY2LDUuOTA4OTQgLTAuNzE3MTMsMS44MzQyOSAtMC41NzMwMiwxLjg1MjYgLTIuMjk5NDUsLTAuMjkyMTcgLTAuNzMwNiwtMC45MDc2NCAtMS4zNTE1LC0xLjY1MTYyIC0xLjM3OTc5LC0xLjY1MzMgLTAuMDI4MywtMC4wMDIgLTAuNTI0MjcsMC42NTIyNiAtMS4xMDIxOSwxLjQ1MzE5IC0xLjM0OTQzLDEuODcwMTQgLTEuMzMwMDEsMS44NjQ3OSAtMS43ODQ5MywwLjQ5MjI4IC0wLjU1NzU2LC0xLjY4MjIxIC0wLjY2NDUyLC0yLjM4NjgzIC0wLjYxODQ0LC00LjA3NDE5IDAuMDMxNSwtMS4xNTE1NyAwLjA5MTgsLTEuNzUzMTMgMC4yODg0NiwtMi44NzM1OCAwLjI4Nzg1LC0xLjY0MDM0IDAuMzMzMjIsLTIuODg3MjQgMC4xMzc2MywtMy43ODI2MiAtMC4wODQ2LC0wLjM4NzMzIC0wLjM1NjQzLC0xLjAxNyAtMC45MDA2NSwtMi4wODYzIC0wLjgzMDQxLC0xLjYzMTYyIC0xLjI1MTA4LC0yLjc2MDUyIC0xLjUwOTQ5LC00LjA1MDg1IC0wLjg0MzQxLC00LjIxMTM2IC0wLjAwNiwtOS45ODc0MyAyLjA1MTU4LC0xNC4xNDMzMSAxLjYxNTM2LC0zLjI2MzQgNC4wMzYyNywtNS45NzY5NiA3LjE4OTY5LC04LjA1ODgxIDEuMjQxMTYsLTAuODE5NCAyLjM2NTI2LC0xLjQwMTYxIDIuODM0MjIsLTEuNDY3OTUgMC4yMTY1LC0wLjAzMDYgMC40OTYzMywtMC4wODEgMC42MjE4NCwtMC4xMTE4OCAwLjE2MjUsLTAuMDQgMC4yMTIxNiwtMC4wMzAyIDAuMTcyNDksMC4wMzQgLTAuMDMxNiwwLjA1MTIgLTAuMDA4LDAuMDkwMSAwLjA1MzgsMC4wOTAxIDAuMDg4MywwIDAuMDY1NiwwLjIyNTM1IC0wLjExNjY1LDEuMTYxMjQgLTAuMzUzMzIsMS44MTQxNiAtMC45MDE2Nyw1LjEyNTAzIC0xLjA4NTQ5LDYuNTU0MTQgLTAuMzUyNjcsMi43NDE4NiAtMC4yOTM4MiwzLjk0NDM0IDAuMjc2NDcsNS42NDg3OSAwLjI4NTc2LDAuODU0MDkgMC45OTE3LDIuMzMzODcgMS4zODg1NSwyLjkxMDY3IGwgMC4yMzczNywwLjM0NSAxLjUwMTQ1LC0zLjExMzg1IGMgMS43Mzc0MiwtMy42MDMyMyAxLjYzNTAyLC0zLjQ4MzY3IDIuMjExODMsLTIuNTgyNDQgMS44OTkyOCwyLjk2NzUgNC4yOTMwMSw3LjM2NDQ3IDUuMjM5NjUsOS42MjQ1NCAxLjE1MzcyLDIuNzU0NDkgMS45NDkzMSw1LjIwNDg3IDIuMzQ4MjksNy4yMzI2OCAwLjE5NzgsMS4wMDUzMiAwLjIxMTM1LDEuMjEyNTIgMC4yMTQyMywzLjI3NzU1IDAuMDAzLDIuMTEzMzggLTAuMDA2LDIuMjQ1ODYgLTAuMjEyOTgsMy4yMDg2NSAtMC40OTA1MywyLjI3OTk4IC0xLjQyMTU4LDQuNDM1NDQgLTIuOTA1MDMsNi43MjU0IC0wLjcwNTgxLDEuMDg5NTQgLTAuNjA1NzgsMS4xNDMwNyAtMi4yMzA0NSwtMS4xOTM3OCAtMC43MzYxMSwtMS4wNTg3OSAtMS4zNTk2NSwtMS45MjYyNCAtMS4zODU2NCwtMS45Mjc2NyAtMC4wMjYsLTAuMDAxIC0wLjQ2NjI3LDAuNjc5MzkgLTAuOTc4NDEsMS41MTI5MiAtMS42MjE0MSwyLjYzODk1IC0xLjc0MzM1LDIuODE0NTQgLTEuOTU0NiwyLjgxNDU0IC0wLjEwMzkyLDAgLTAuMjI0NywtMC4wNDQzIC0wLjI2ODM4LC0wLjA5ODQgeiBtIC0wLjczNDEyLC0xMi4xNTIwNiBjIDEuMDk5NywtMS41Mzg3OCAxLjcxNDU0LC0yLjc3NTE4IDIuMDkxMzEsLTQuMjA1NDcgMC4yMTYzNiwtMC44MjEzNSAwLjU0NjY2LC0yLjcwMTA4IDAuNjMyNTksLTMuNjAwMSAwLjA1MjgsLTAuNTUyNzYgMC4wNjEyLC0wLjU3MDc4IDAuMjY1MjMsLTAuNTcwNzggMC4zMDIzLDAgMS42MjkwNCwxLjI2Nzk5IDIuNTgwODgsMi40NjY2IDAuNDE4NDcsMC41MjY5NCAwLjgwODY5LDEuMDEwNDMgMC44NjcxOCwxLjA3NDQxIDAuMTExOTQsMC4xMjI0NSAtMC4yOTMyOCwtMC45NTg2NyAtMC44OTAyLC0yLjM3NTAyIC0wLjQxNTMzLC0wLjk4NTQ5IC0xLjE2MTA0LC0yLjMxMjE0IC0yLjIyNjM5LC0zLjk2MDg1IC0xLjE0NzUsLTEuNzc1ODMgLTEuMzAxODMsLTIuMDA0NjEgLTEuMzUzMjQsLTIuMDA2MTUgLTAuMDI2LC03LjhlLTQgLTAuNTQxODEsMS4yMTE5OCAtMS4xNDYzNCwyLjY5NTAzIC0xLjM0MDc0LDMuMjg5MTggLTEuMjM4NDksMy4xOTMxNiAtMi4wMTY4OSwxLjg5Mzk2IC0xLjYxMjM4LC0yLjY5MTE1IC0zLjE4MTIzLC01LjYwNzU2IC0zLjUyNzc1LC02LjU1Nzg3IC0wLjQ2MjQ1LC0xLjI2ODI5IC0xLjA4NTI3LC00LjAzOTIxIC0xLjM0MzAyLC01Ljk3NTA5IC0wLjA1MjUsLTAuMzk0NjYgLTAuMTIxMDMsLTAuNzE3NTYgLTAuMTUyMTgsLTAuNzE3NTYgLTAuMDg3NywwIC0wLjgyNTUyLDAuODI5MzIgLTEuNDM1OTUsMS42MTM5MyAtMS44NzY0NiwyLjQxMTg5IC0zLjI3MzE2LDUuMjM4NSAtMy43NTM3NCw3LjU5Njc1IC0wLjM0ODk1LDEuNzEyMzUgLTAuMzYyMjQsMy45OTkxNiAtMC4wMzM1LDUuNzY3NDEgMC4xNTE4LDAuODE2NDkgMC41MTI1NiwyLjE4NDcgMC41NzYwMywyLjE4NDYyIDAuMDI2MywtNGUtNSAwLjE4MjgzLC0wLjY5OTc0IDAuMzQ3ODIsLTEuNTU0ODkgMC4zNzA3NCwtMS45MjE1NCAwLjYyMjczLC0yLjY5MzA5IDEuMzA1NzUsLTMuOTk4MDIgMC40ODM1NCwtMC45MjM4MyAwLjU1NjA4LC0xLjAyMzA0IDAuNzYzMzEsLTEuMDQzOTIgMC4yMjc2NSwtMC4wMjI5IDAuMjM5NjMsLTAuMDAyIDIuMDM5NzQsMy42MTYwNiAxLjg0OTI5LDMuNzE2NiAyLjExMzg4LDQuMTY1NzIgMy4xOTUsNS40MjMzNiAwLjU4NTc2LDAuNjgxNCAyLjY2NzksMi44MzI4OCAyLjczOTc0LDIuODMwOTggMC4wMjY3LC03LjFlLTQgMC4yNDAzMiwtMC4yNjk1MyAwLjQ3NDYzLC0wLjU5NzM5IHoiCiAgICAgICBpZD0icGF0aDUiIC8+CiAgPC9nPgo8L3N2Zz4K';
+
+const challengerSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjU2IgogICBoZWlnaHQ9IjI1NiIKICAgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDMuNzc5NTUzNSwwLDAsMy43Nzk1NTM1LC0zMDkuODgyNTIsLTM3OS42MDUwMSkiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOmN1cnJlbnRDb2xvciIKICAgICAgIGQ9Im0gMTE2LjMyMzcxLDE2NS42OTMxNiBjIC0wLjA2NDksLTAuMDQyIC0wLjI1OTgsLTAuMDc3NCAtMC40MzMsLTAuMDc4NiAtMC4yMzQzNSwtMC4wMDIgLTIuMDk0ODQsLTAuNzU0ODQgLTcuMjcxOTEsLTIuOTQzNTUgbCAtNi45NTY5OSwtMi45NDEyIC0wLjg3MzYzLDAuOTU0NDQgYyAtMS4wMjI0MjMsMS4xMTY5OSAtMS4xMzkwMjMsMS4xNjg3IC0xLjYzMTczMywwLjcyMzU2IC0wLjE3MDk4LC0wLjE1NDQ3IC0wLjM0MzY1LC0wLjI4MDg2IC0wLjM4MzcxLC0wLjI4MDg2IC0wLjA0MDEsMCAtMC45NjM2MiwwLjk1NjU1IC0yLjA1MjM4LDIuMTI1NjcgbCAtMS45Nzk1NSwyLjEyNTY3IGggLTAuNjExODMgYyAtMC42OTE2MywwIC0xLjIwNDE2LC0wLjE0ODE5IC0yLjAzNDE5LC0wLjU4ODE2IC0xLjczMTQwNiwtMC45MTc3NiAtNC4wMjY5MjcsLTMuMDk2MzQgLTUuMDYwNzcxLC00LjgwMjk4IC0wLjE4MjI2MywtMC4zMDA4OCAtMC4yNTkzNDcsLTAuNjQ5NTggLTAuMzYyODEsLTEuNjQxMjIgLTAuMDMwODksLTAuMjk2MDcgLTAuMDE2NDQsLTAuNDg5OTUgMC4wNDA3NywtMC41NDcxNiAwLjA0ODc0LC0wLjA0ODcgMC4wODg2MSwtMC4xNjMwOSAwLjA4ODYxLC0wLjI1NDEyIDAsLTAuMTAzMjggMC40MjE3MzgsLTAuNjI0NzUgMS4xMjE4NzksLTEuMzg3MTcgMC42MTcwMzMsLTAuNjcxOTIgMS40NDA0NzgsLTEuNTY5MjUgMS44Mjk4NzksLTEuOTk0MDYgbCAwLjcwODAwMywtMC43NzIzOCAtMC4zNzk2LC0wLjMzNDAzIGMgLTAuMjk5OTk2LC0wLjI2Mzk4IC0wLjM3NDE3MSwtMC4zNzY4OSAtMC4zNTM3MjMsLTAuNTM4NDIgMC4wMTc5NiwtMC4xNDE4MyAxLjM3MTMxMywtMS42NzUwNCA0LjQyMTYxMywtNS4wMDkyMiA0LjcxOTI1LC01LjE1ODQ1IDQuNTczNDYsLTUuMDIyNjYgNC45ODE0OCwtNC42MzkzNCBsIDAuMTc2MTYsMC4xNjU0OCAwLjIxNjYyLC0wLjM0MjYyIGMgMC44MDgwNTMsLTEuMjc4MDUgMi41OTYxMDMsLTQuNzA0MjggMy4zMDA3NzMsLTYuMzI0ODkgMS4zNDUyOCwtMy4wOTM4NCAyLjIxMTcxLC02LjQ0OTI1IDIuNTU2MTgsLTkuODk5MiBsIDAuMDg0MywtMC44NDQzNCAtMC40MjQ2NiwtMC43MDQ0MiBjIC0wLjY0MTI5LC0xLjA2Mzc2IC0wLjg1NzQ1LC0xLjY1Mzk0IC0wLjkwMDYxLC0yLjQ1OTA0IC0wLjA0MSwtMC43NjU0NSAwLjA0NTMsLTEuMTI1MzYgMC4zNTk0LC0xLjQ5ODY4IDAuMzE0MDgsLTAuMzczMjcgMC43NDUxMiwtMC41MzQxNiAxLjQzNjQzLC0wLjUzNjE3IDEuMzA3NTksLTAuMDA0IDIuODA1NjMsMC42NTQxOCA1LjQxNDU5LDIuMzc4MjcgNi45NTQxMiw0LjU5NTUxIDE2Ljc5NDAxLDE0LjI4MzI0IDE4Ljc5MDMzLDE4LjQ5OTc2IDAuNjM2NjEsMS4zNDQ2MiAwLjY0Mzc3LDIuNTExMDIgMC4wMTkxLDMuMTEzNTQgLTAuMzU0MTEsMC4zNDE1NiAtMC41OTM1OCwwLjQxMjQ4IC0xLjM5Mjc3LDAuNDEyNDggLTAuODc0ODMsMCAtMS40NjI0OSwtMC4xNzI0NiAtMi43MDgxNiwtMC43OTQ3NiBsIC0wLjkzMzU5LC0wLjQ2NjM5IC0wLjczMTQzLDAuMTE3NyBjIC00LjM2ODkyLDAuNzAzMDMgLTkuMTI1MywyLjk1NDU0IC0xNC42MDM1Miw2LjkxMjgxIGwgLTEuMTQxNTYsMC44MjQ4MyAwLjAyNTQsMC4zMTM3NCBjIDAuMDIzMiwwLjI4NjY0IC0wLjAxMywwLjM1NTIzIC0wLjQxOTUxLDAuNzk0MjkgLTAuMjQ0NywwLjI2NDMxIC0wLjQyNjM3LDAuNTEwNTUgLTAuNDAzNzIsMC41NDcyIDAuMDIyNiwwLjAzNjcgMi43NTI5OCwxLjIxNTc1IDYuMDY3MzksMi42MjAyIGwgNi4wMjYxOSwyLjU1MzU2IDguOGUtNCwwLjIzMzI3IGMgMC4wMDEsMC4zNTE0MiAtMi45MTQyLDcuMDY0NCAtMy4wODc4Nyw3LjEwOTgxIC0wLjA3NjUsMC4wMiAtMC4xMzkxMiwwLjA2NzcgLTAuMTM5MTIsMC4xMDU5MyAwLDAuMDkyNCAtMC4yNDUzNCwwLjA4NjcgLTAuMzkzNjQsLTAuMDA5IHogbSAxMS4zNjc2NiwtMjMuNzE2OTEgYyAtMC41NDcyNSwtMC45NDA4NiAtMi4wMjY4NCwtMi44NjczMiAtMy4zNjc3NiwtNC4zODQ4OCAtNC42NDkyNywtNS4yNjE3MyAtMTIuOTA0NjUsLTEyLjIyNzU2IC0xNi43NjE5NiwtMTQuMTQzNjIgbCAtMC40MDk3OSwtMC4yMDM1NiAwLjU1MTEsMC41NDk5NyBjIDAuMzAzMTEsMC4zMDI0OSAyLjAxNDksMS45NTMxMiAzLjgwMzk5LDMuNjY4MDcgbCAzLjI1Mjg5LDMuMTE4MDkgaCAwLjUyOTIxIGMgMS42NDEyNCwwIDMuMTkyNjksMS4wMzEyIDQuMDA0NTIsMi42NjE2NSAwLjI0ODk0LDAuNDk5OTggMC4yOTIzNCwwLjY3MjI0IDAuMzMxMjgsMS4zMTQ4NiBsIDAuMDQ0OCwwLjczOTQ5IDEuOTI4ODQsMS44MjU4NSBjIDQuMTAxMDMsMy44ODIwOSA0LjA1NzE0LDMuODQzODggNS4wNzczNyw0LjQyMTA3IDAuOTUyOTcsMC41MzkxNSAxLjExODIxLDAuNjA5NjEgMS4wMTU0OSwwLjQzMzAxIHogbSAwLjAwNiwtNy45OTA5MyBjIDAuMDk0NiwtMC45NTE5NyAwLjI3ODQ1LC0zLjc0NTQ1IDAuMjQ4NDcsLTMuNzc1NDMgLTAuMDE3MywtMC4wMTczIC0wLjk0MDUsMC4xNDc1NiAtMi4wNTE1OCwwLjM2NjMyIC0xLjExMTA4LDAuMjE4NzcgLTIuMTA3MTEsMC4zOTc3NiAtMi4yMTM0LDAuMzk3NzYgLTAuMTgxMTgsMCAtMC4xOTMyNiwtMC4wMjY0IC0wLjE5MzI2LC0wLjQyMjM1IDAsLTAuNDIyMzIgMC4zNzkxOCwtMS44OTY2OCAxLjI4ODQ2LC01LjAwOTkxIDAuMjk5MTgsLTEuMDI0MzcgMC4zOTY3LC0xLjQ2MzMyIDAuMzI4NywtMS40Nzk1NSAtMC4xMzAxOSwtMC4wMzExIC0xLjczMjg2LDAuNTUzODggLTMuOTczMywxLjQ1MDIxIC0xLjAxNDQzLDAuNDA1ODQgLTEuOTM5MSwwLjczNzkgLTIuMDU0ODMsMC43Mzc5IC0wLjIwOTAzLDAgLTAuMjEwNzYsLTAuMDA1IC0wLjI2MTU4LC0wLjcyMDY1IC0wLjAyODEsLTAuMzk2MzYgLTAuMDUxMiwtMS4zMDE5NCAtMC4wNTEyLC0yLjAxMjQgdiAtMS4yOTE3NSBsIC0wLjMzNDU5LDAuMDQ0OCBjIC0xLjEwMTM5LDAuMTQ3MzYgLTIuMzc5MzgsMC4yNzk4IC0yLjY5OTkxLDAuMjc5OCBoIC0wLjM3MTQyIGwgMC4wNDc2LC0wLjI5MzI3IGMgMC4wNjc4LC0wLjQxODA2IDAuOTkwNzksLTIuMjU1NTkgMS40MTkxNCwtMi44MjU0MyAwLjQxODM3LC0wLjU1NjU0IDAuODI2ODIsLTAuOTE2MTQgMi4xMzYwMSwtMS44ODA0OSAxLjE4OTU0LC0wLjg3NjIxIDEuODYwNzcsLTEuNTEyNjIgMi4yODM1NSwtMi4xNjUwOSAwLjM3NjE2LC0wLjU4MDUzIDAuNTA2NDksLTAuOTUxMjQgMC43NDczMSwtMi4xMjU2NyAwLjMzNDEsLTEuNjI5MzEgMC44MDg0OSwtMi43NzEwOSAxLjY4MzI2LC00LjA1MTI3IDEuMjQxMzksLTEuODE2NzMgMy40NzUxNCwtMy42NTEzOCA2LjAxMTUxLC00LjkzNzQ1IDEuMDI3MDEsLTAuNTIwNzQgMi41NTk3LC0xLjA3NTM2IDMuNDA2MTEsLTEuMjMyNTMgMS4wNDgwOCwtMC4xOTQ2MiAzLjk1NzQ1LC0wLjI2MTAyIDYuMjU4OSwtMC4xNDI4NiAxLjY5NDM5LDAuMDg3IDMuNDc4MTgsMC41MDg0OSA1LjI1NSwxLjI0MTY4IDAuNDEwNjIsMC4xNjk0NSAwLjQ1MjI5LDAuMjA4NjcgMC40NDk0OCwwLjQyMjk1IC0wLjAwMywwLjIwNjYzIC0wLjA3MzgsMC4yODAyMiAtMC41NjgxNCwwLjU4ODExIC0wLjgzOTY4LDAuNTIyOTggLTMuMTMxMTIsMi4xMzgzNyAtNC4wNjcwNSwyLjg2NzEzIC0yLjM2MDg5LDEuODM4MzEgLTMuMTQzNTEsMi43OTEyOSAtMy43Mjc0Miw0LjUzODg4IC0wLjIwMjAzLDAuNjA0NjIgLTAuNTYyMzUsMi4yNzk5MyAtMC40OTAzNywyLjI3OTkzIDAuMDEsMCAxLjE4MzA1LC0wLjM3MTc0IDIuNjA2OCwtMC44MjYwOSAxLjQyMzc1LC0wLjQ1NDM0IDIuNjg2MDYsLTAuODI2MzMgMi44MDUxNCwtMC44MjY2NCAwLjI3MDU0LC03ZS00IDAuMjcxNjYsMC4wMzMzIDAuMDU1OSwxLjcwNjMyIC0wLjMxMjU4LDIuNDIzMzUgLTAuOTU0NjksNS45MDU0NSAtMS4zODAzNiw3LjQ4NTUgLTAuMjg5NDUsMS4wNzQ0MiAtMC44NzQ0LDIuODYyODkgLTEuMjIyOTEsMy43MzkwMSAtMS45NDIzNiw0Ljg4Mjk1IC00Ljg0MzkzLDcuMjE4OSAtMTAuMTQxNjIsOC4xNjQ2NyAtMS4zMzYyMSwwLjIzODU1IC0xLjI4MjQxLDAuMjUxMzUgLTEuMjI4NCwtMC4yOTIxMSB6IG0gOS42MTM0OCwtMTEuNjMwOSBjIDAuMTUxNjMsLTAuNTE4OTUgMC4zNDQ3NSwtMS4zNjkyMSAwLjQyOTE3LC0xLjg4OTQ4IDAuMTM5NTksLTAuODYwMzIgMC40NjUwMiwtMy43NDk2OCAwLjQyODIzLC0zLjgwMjA3IC0wLjAwOCwtMC4wMTIgLTEuMDMyMjgsMC4zNjg4IC0yLjI3NTE1LDAuODQ2MzMgLTEuMjQyODYsMC40Nzc1MyAtMi4zMjgzMSwwLjg2ODIzIC0yLjQxMjExLDAuODY4MjMgLTAuMjAxNTcsMCAtMC4yMDAzNCwtMC4yOTQxNiAwLjAwNywtMS43MDgwMiAwLjQyNDM4LC0yLjg5MTg3IDAuODEzNTIsLTQuODQ3NiAxLjE1NTUxLC01LjgwNzM5IDAuMjc4NDMsLTAuNzgxNDIgMS4wOTYwNywtMi4zNDk4MiAxLjgyODAzLC0zLjUwNjU1IGwgMC42MjI3MywtMC45ODQxIC0wLjYwMzU0LC0wLjAyNTIgYyAtMS4yNTk0OSwtMC4wNTI2IC0zLjUyMTE2LDAuMjk5NTcgLTUuMDMzMzIsMC43ODM3MyAtMS43MjA4OSwwLjU1MDk4IC0yLjk4NTY1LDEuMzA1MTQgLTQuMjQ3NTUsMi41MzI3NiAtMS4xMjE5OCwxLjA5MTUgLTIuMDU3MjksMi4zODQ4MyAtMi40OTg1OSwzLjQ1NTAxIGwgLTAuMTE5ODMsMC4yOTA1OCAxLjAwMjksLTAuNjM3NDkgYyAxLjM2NDE3LC0wLjg2NzE1IDIuMDg0ODksLTEuMTk3OTUgMy4yNjMzMSwtMS40OTc4OSAwLjc4MzQ0LC0wLjE5OTQgMS4wMjE0NywtMC4yMzQwMSAxLjA5NjEsLTAuMTU5MzcgMC4xMDU3LDAuMTA1NyAtMC4wMDMsMC42NDI5OSAtMC45NDI3OSw0LjY2NTkgbCAtMC41MjQyNCwyLjI0Mzc2IDAuMDEzNCwxLjE4MDkyIGMgMC4wMTE0LDEuMDA0NSAwLjIzNzI5LDMuMjYwMjEgMC4zODU2NCwzLjg1MTI4IDAuMDQxNSwwLjE2NTI4IDAuMDY3LDAuMTY5NyAwLjYzMDk0LDAuMTA5MjcgMi4xNDgyNywtMC4yMzAxNiAzLjcxMjE0LC0wLjkyOTEzIDUuNzAxMjEsLTIuNTQ4MTQgMC4zODUwOSwtMC4zMTM0NiAwLjY5NTkyLC0wLjUwNzAzIDAuODE0MTUsLTAuNTA3MDMgMC4xNzg0NSwwIDAuMTk3MTksMC4wNDA4IDAuMjc5ODMsMC42MTAxNCAwLjE0ODU2LDEuMDIzMzMgMC4yNDAwOSwyLjE0MjYyIDAuMjQ2MjUsMy4wMTEzNiBsIDAuMDA2LDAuODI2NjUgMC4yMzU1MSwtMC42Mjk4MyBjIDAuMTI5NTIsLTAuMzQ2MzkgMC4zNTk1NiwtMS4wNTQ0MiAwLjUxMTE4LC0xLjU3MzM2IHoiCiAgICAgICBpZD0icGF0aDYiIC8+CiAgPC9nPgo8L3N2Zz4K';
+
+const discovererSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjU2IgogICBoZWlnaHQ9IjI1NiIKICAgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDMuNzc5NTY5NywwLDAsMy43Nzk1Njk3LC0zMDkuODg0MzgsLTM3OS42MDcyMSkiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOmN1cnJlbnRDb2xvciIKICAgICAgIGQ9Im0gMTA0Ljk0MjUyLDE2NS42OTYyMSBjIC0wLjA4NjYsLTAuMDM3MiAtMC4zMzkzNSwtMC4wNzAxIC0wLjU2MTY3LC0wLjA3MzIgLTAuNTE5OTcsLTAuMDA3IC0xLjU0NDk4LC0wLjUwMzg3IC0xLjkzODUzLC0wLjkzOTQ4IGwgLTAuMjczNzYsLTAuMzAzMDIgLTAuMDQ5MSwtMS41NjYyMyBjIC0wLjAyNywtMC44NjE0MiAtMC4wOTE0LC01LjkwMDg5IC0wLjE0MzA4LC0xMS4xOTg4MSAtMC4wNjUxLC02LjY3NDI4IC0wLjExOTc3LC05LjYzOTU0IC0wLjE3Nzg4LC05LjY1NTIyIC0wLjc5NjU2LC0wLjIxNSAtMS40MDc1MSwtMC42MjYyNCAtMS42OTA0OCwtMS4xMzc4OCBsIC0wLjE4OTQ5LC0wLjM0MjYxIDAuMjIwNzEsLTQuOTYwMzMgMC4yMjA3MSwtNC45NjAzMyAwLjYxOTE3LC0wLjkxMjkyIDAuNjE5MTcsLTAuOTEyOTIgLTMuMjc3ODYsLTEwLjExNjU5IGMgLTMuMzA5NDYsLTEwLjIxNDEzIC0zLjQzNzQ3LC0xMC42NTI1MSAtMy40MzY2NCwtMTEuNzY5ODggNi4zZS00LC0wLjg1MDY2IDAuMTEyNjUsLTEuMTg3MzIgMC41NDA1MywtMS42MjQ2NCAxLjEwMDQ1LC0xLjEyNDY4IDMuMjMxMjksLTIuMTI5MzQgNC44NzMxOSwtMi4yOTc2NCAxLjAyNjk5LC0wLjEwNTI4IDMuMDA0MjIsLTAuMTE1MDggMy43Nzg5NiwtMC4wMTg3IDAuNzc1NzksMC4wOTY1IDEuMDM4NjIsMC4zNjQwOSAxLjM1OTc0LDEuMzg0NTIgMC4xMjkwNywwLjQxMDE2IDEuNTg1MzIsNC44NzQ5IDMuMjM2MTEsOS45MjE2NSAxLjY1MDc4LDUuMDQ2NzQgMy4wMDE0Myw5LjI4NTQyIDMuMDAxNDMsOS40MTkyOSAwLDAuMjU5ODUgLTAuMTA1OTIsMC4zMzg5NyAtMC40NTM3NywwLjMzODk3IC0wLjM3MDk2LDAgLTEuMzg1NTksMC4zMTgwMSAtMi4wMjYxNywwLjYzNTA2IC0wLjM0NjQxLDAuMTcxNDUgLTAuNTU4OTcsMC4yOTA3MSAtMC40NzIzNywwLjI2NTAyIDAuMDg2NiwtMC4wMjU3IDAuODMyMDksLTAuMDY2NyAxLjY1NjY1LC0wLjA5MTIgbCAxLjQ5OTE5LC0wLjA0NDUgMS4yNTYzLDAuMjkxMiBjIDAuNjkwOTYsMC4xNjAxNiAxLjMzMDQ0LDAuMzIxNDUgMS40MjEwNiwwLjM1ODQzIDAuMDkwNiwwLjAzNyAxLjM1OTU3LDEuNTAxNDYgMi44MTk5LDMuMjU0NDEgMi4zNDAwNywyLjgwODk3IDIuNjk1MTQsMy4yMDI0NSAyLjk5MjIsMy4zMTU5IDEuMzA0NzYsMC40OTgyOSAxLjY4MDk0LDIuMDMxMzUgMC44MjM4NSwzLjM1NzQ0IGwgLTAuMzE1MjMsMC40ODc3MSA3Ljk3NjA1LDEzLjY2NjI1IDcuOTc2MDQsMTMuNjY2MjUgdiAwLjcwNzI2IDAuNzA3MjcgbCAtMC4zMjY4NywwLjI0OTMgYyAtMC43NDc4OSwwLjU3MDQ0IC0yLjA1ODQ0LDAuOTM2NTggLTMuMjk0NjQsMC45MjA0NCAtMC44OTQ5NCwtMC4wMTE3IC0xLjExMzI4LC0wLjA4MiAtMS40NTI4NiwtMC40Njc3NyAtMC4zNjAzOSwtMC40MDk0MSAtMC41MTIxNiwtMC44Mjc4NCAtMC42MzcyNCwtMS43NTY4IC0wLjU2NDk0LC00LjE5NTY3IC0xLjEwNzI0LC01Ljc2NTQ2IC0zLjMwNDUxLC05LjU2NTQ5IC0xLjM3NjMsLTIuMzgwMjMgLTMuNjQ2MDEsLTUuODI4MjYgLTMuNzgxNDMsLTUuNzQ0NTcgLTAuMDM2LDAuMDIyMiAtMC45MjE0NCwxLjIyNjQ0IC0xLjk2NzY3LDIuNjc2IC0yLjE4NzQyLDMuMDMwNjkgLTIuMTE0NSwyLjk2OTAxIC0yLjYxNjQ3LDIuMjEzIC0wLjk3MDYxLC0xLjQ2MTg0IC0xLjY4NDU0LC0zLjYyMDM5IC0xLjk1MzI3LC01LjkwNTY0IC0wLjExNjgsLTAuOTkzMjMgLTAuMDUwMywtMy41NjA4MSAwLjExNSwtNC40NDI3IDAuMjcxODcsLTEuNDUwMTMgMC44MDY3NSwtMy4xMDU4OCAxLjM1ODQ2LC00LjIwNTE5IDAuMTQ2MTUsLTAuMjkxMiAwLjI2NTcyLC0wLjU0NjY5IDAuMjY1NzIsLTAuNTY3NzYgMCwtMC4wNzQ4IC0xLjg0MTQyLDAuNTk4MDkgLTIuODIyMzYsMS4wMzEzIC0xLjkzNzAxLDAuODU1NDUgLTMuOTMzNzgsMi4wNjA1MSAtNS40ODM0OCwzLjMwOTMyIC0wLjg3NjM2LDAuNzA2MiAtMi4zMzQ3LDIuMTUzMDYgLTIuOTYwMDYsMi45MzY3NiAtMS44MDYzLDIuMjYzNjYgLTMuMTUyNDMsNS4yNjUwOCAtMy43ODQzMyw4LjQzNzc2IC0wLjIxNTQyLDEuMDgxNjIgLTAuMjU0NzgsMy4yODY4OCAtMC4wNzQ5LDQuMTk4MTQgMC4yNTY4LDEuMzAxMTIgMC43ODk3NCwyLjYwNzU2IDEuNzE4OTMsNC4yMTM2NyAwLjUxODQ5LDAuODk2MjQgMC41NzM2NSwxLjA4MTA2IDAuNTcyNzUsMS45MTkyIC02LjNlLTQsMC41OTQyNSAtMC4wMzM3LDAuNzg3MjQgLTAuMTkzODEsMS4xMzExMyAtMC4xMDYxNywwLjIyODA1IC0wLjI1NjM5LDAuNDM0MzUgLTAuMzMzODIsMC40NTg0NCAtMC4wNzc0LDAuMDI0MSAtMC4yMDIzMSwwLjA3NjYgLTAuMjc3NSwwLjExNjc3IC0wLjE2NTQ0LDAuMDg4MyAtMC40MzcyNSwwLjA4NTkgLTAuNjUwNTcsLTAuMDA2IHogbSAwLjAzOTQsLTI2LjAyMzc1IGMgMS45ODczNywtMC4xNjE3NyA1LjQwMiwtMS4wNzk3MyA4LjMxNjMyLC0yLjIzNTcgMS4yMzg1NSwtMC40OTEyNyAyLjg3NDQzLC0xLjMwNDA0IDMuODQ3MjEsLTEuOTExNDQgMC44MzAzMiwtMC41MTg0NSAxLjg3MTQsLTEuMzc0NjggMS44MjgzOCwtMS41MDM3NSAtMC4xMjY3MywtMC4zODAxNyAtMy4wMTA4LC0wLjE4OTMzIC01LjM4Njc0LDAuMzU2NDUgbCAtMC43MzIzNCwwLjE2ODIyIHYgMC41Mjg4OCBjIDAsMC45OTQwNyAtMC41Nzg0LDEuNzA1NjkgLTEuNjM2MzQsMi4wMTMyNSAtMC41OTQ2NywwLjE3Mjg3IC0xLjU4OTU2LDAuMTE4NjEgLTIuMDM0MywtMC4xMTA5NSAtMC4zNDEyOSwtMC4xNzYxNyAtMC42OTM0NCwtMC41Mzk0NiAtMC43NzY0NiwtMC44MDEwMyAtMC4wNDg5LC0wLjE1NDE2IC0wLjA1MTMsLTAuMTU0MTYgLTAuNDQyMTQsLTEuMWUtNCAtMS4zMDU0MywwLjUxNDU1IC0zLjEyMTQ1LDEuNDQ5ODggLTQuMTI1MTUsMi4xMjQ2MiAtMC42NDU3MSwwLjQzNDA4IC0xLjQwNDk4LDEuMDk4ODggLTEuMzM1MywxLjE2OTE1IDAuMTA0MzMsMC4xMDUyIDEuMTk2NzYsMC4zMDMwNSAxLjUzMjEyLDAuMjc3NDggMC4xOTQ4NSwtMC4wMTQ5IDAuNjE5OTksLTAuMDQ4NiAwLjk0NDc0LC0wLjA3NTEgeiBtIDE0LjQ4NTM2LDI2LjAyMTY4IGMgLTAuMDY0NiwtMC4wNDA4IC0wLjE5NjM3LC0wLjA3NDggLTAuMjkyODQsLTAuMDc1NSAtMC4yODUyOCwtMC4wMDIgLTIuNjEyODMsLTIuMDg1MTQgLTMuNzM5OCwtMy4zNDcxNiAtMC44NTE2MywtMC45NTM2OCAtMS4wNTE2NCwtMS4yNzY1OSAtMi44NjQxMiwtNC42MjQwNSAtMC44NjEyMywtMS41OTA2MSAtMS41ODM2LC0yLjg5MTg2IC0xLjYwNTI1LC0yLjg5MTY1IC0wLjA2NjUsNi4yZS00IC0wLjk5NTg4LDEuMjY4MDkgLTEuMjk0NTIsMS43NjUzNSAtMC4yOTQ3MywwLjQ5MDczIC0wLjgxNTU1LDEuNzczOTQgLTEuMzgzMjgsMy40MDgxOCAtMC4zMTcyMywwLjkxMzE1IC0wLjM0NjM3LDAuOTY0NDIgLTAuNTQ4MDEsMC45NjQ0MiAtMC4yMzIxNiwwIC0wLjI5NDI0LC0wLjA5NDcgLTAuNTY3NTgsLTAuODY2MDEgLTAuMzU3MjgsLTEuMDA4MTUgLTAuNDY4OTcsLTEuNzI4NCAtMC41MTI3NiwtMy4zMDY1OSAtMC4wNjUzLC0yLjM1MjQzIDAuMjAxNzIsLTMuODE3MzIgMS4wMDE5NiwtNS40OTcyMSAwLjc2ODc0LC0xLjYxMzc2IDEuODU1ODUsLTMuMDU3NTcgMy41MDk1OSwtNC42NjExMyAxLjQyNjc4LC0xLjM4MzQ4IDMuMDgyOTcsLTIuNjc0MzggMy40MzExNiwtMi42NzQzOCAwLjE4NTU3LDAgMC4xOTIxMywwLjAyMjggMC4yODkxNSwxLjAwMzc5IDAuMjM5MzQsMi40MjAxNyAwLjc3NjYzLDQuNzc0NzIgMS4zNzc2MSw2LjAzNjk5IDAuNjE5NjksMS4zMDE1OCAzLjYyODM2LDYuMjIxNjcgMy43NTYyNiw2LjE0MjYyIDAuMDMwNCwtMC4wMTg4IDAuNzAwMDcsLTEuMDc5NjMgMS40ODgxOSwtMi4zNTc0NCAxLjc0NzgzLC0yLjgzMzgzIDEuNTcwNTYsLTIuNzMwOSAyLjUzNzA0LC0xLjQ3MzA4IDAuOTM3MjUsMS4yMTk4IDEuOTkzNTQsMi43MjkwMiAyLjU2MTIyLDMuNjU5NDYgMC44NDMzMiwxLjM4MjI1IDIuMzgyNzYsNS4wNDAxNSAyLjM4Mjc2LDUuNjYxNzQgMCwwLjE3ODgxIC0wLjAzNDksMC4yMjA3MiAtMC4xODM5LDAuMjIwNzIgLTAuMTQxNDgsMCAtMC40MTQ2MSwtMC4yNzk4MSAtMS4xODQxNCwtMS4yMTMxMSAtMC45NDcxNSwtMS4xNDg3MSAtMi4yODgyNSwtMi41MjYwNCAtMy4wMjIyNSwtMy4xMDM4OCAtMC4xODMzNywtMC4xNDQzNyAtMC4zMzQ2NCwtMC4yNTA2NSAtMC4zMzYxNCwtMC4yMzYxOSAtMC4wMDIsMC4wMTQ1IC0wLjE0MDQsMC41NjA5NCAtMC4zMDg2NywxLjIxNDQgLTAuNjQ4MDYsMi41MTY3IC0xLjEzMTM1LDMuNDEwMjcgLTIuNzQ5NTIsNS4wODM2OSAtMC44MzY0NywwLjg2NTAyIC0xLjA5NjY0LDEuMDg5MzEgLTEuMjYzNTksMS4wODkzMSAtMC4xMTU2MywwIC0wLjI0NDE5LDAuMDM0IC0wLjI4NTY5LDAuMDc1NCAtMC4wNDc0LDAuMDQ3NCAtMC4xMTkwMiwwLjA0NzkgLTAuMTkyODgsMC4wMDEgeiIKICAgICAgIGlkPSJwYXRoMyIgLz4KICA8L2c+Cjwvc3ZnPgo=';
+
+const familyScoutSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjU2IgogICBoZWlnaHQ9IjI1NiIKICAgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDMuNzc5NTQ2MiwwLDAsMy43Nzk1NDYyLC0zMDkuODgxNjYsLTM1NS43ODA1OCkiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuOTMyNDYiCiAgICAgICBkPSJtIDExOC41NTA0NywxNTkuMzYxMzggYyAtMC4wMjUzLC0wLjA1NjggLTAuMjYyNjksLTAuMjgwMzMgLTAuNTI3NjYsLTAuNDk2NzkgLTIuNDg4NzksLTIuMDMzMDIgLTQuMzY2MTcsLTQuNDQzMzcgLTYuMjYzMTUsLTguMDQxMjMgLTAuOTE3NjksLTEuNzQwNSAtMC45NzQwNCwtMS44MTQ3MyAtMS4xODM1OCwtMS41NTkxMSAtMC41MzY3NSwwLjY1NDc5IC0xLjQ5NjYxLDQuNDczOTUgLTEuNDk5ODEsNS45Njc1OSAtMC4wMDMsMS4xMTQ3IC0wLjYyMTA3LC0wLjI1NDgyIC0xLjA4NzE0LC0yLjQwNjUxIC0wLjMyNTY4LC0xLjUwMzU3IC0wLjM5NDYsLTQuMTQ5MzEgLTAuMTQ0NjIsLTUuNTUyMDEgMC40ODksLTIuNzQ0MDEgMS43ODAzNCwtNS41MDQzMSAzLjY4NzUzLC03Ljg4MjI3IDAuNjMxNDEsLTAuNzg3MjcgMC43MDQ5OSwtMC44NDAzIDAuNzYzODYsLTAuNTUwNjEgMC4yMzc2NiwxLjE2OTI1IDAuODUyMzIsMy42MTk5MiAxLjA4MTY1LDQuMzEyNDcgMC41NTY4MywxLjY4MTY3IDEuMjk2MzksMy4yMzQ5MyAyLjMwMzY2LDQuODM4MzIgMC44OTE5NSwxLjQxOTc5IDIuMzE1NTcsMy4zNTE5NSAyLjQ2OTc0LDMuMzUxOTUgMC4wODYsMCAxLjUzNjUzLC00LjA1OTM1IDEuNzM1ODcsLTQuODU4MjIgMC4wNTI4LC0wLjIxMTQ5IDAuMTQ0NDYsLTAuMzY2MzUgMC4yMDM3NCwtMC4zNDQxMyAwLjE4MDYsMC4wNjc3IDEuNjQ4NDQsMi4wMjcyNiAyLjU1NzcxLDMuNDE0NDggMS4wMjE4MSwxLjU1ODkzIDIuOTE5NTcsNS4zMDA4NSAyLjc2NjE4LDUuNDU0MjQgLTAuMDI0OSwwLjAyNDggLTAuNDEyNzUsLTAuMzk2MzIgLTAuODYyMTEsLTAuOTM1ODMgLTAuODQwNzIsLTEuMDA5NDQgLTIuOTA3MDYsLTMuMDA1ODQgLTMuMTExMTMsLTMuMDA1ODQgLTAuMDYzMSwwIC0wLjExNDc3LDAuMzAzNTYgLTAuMTE0NzcsMC42NzQ1NyAwLDAuMzcxMDIgLTAuMTI0OTMsMS40MDUzOCAtMC4yNzc2MywyLjI5ODU5IC0wLjMwMzMzLDEuNzc0MjUgLTAuODQ4NiwzLjIxNjY4IC0xLjczNzU0LDQuNTk2NDIgLTAuNTE0MzgsMC43OTgzOCAtMC42NjQzLDAuOTQxMDMgLTAuNzYwOCwwLjcyMzkyIHogbSAtMTguNTI4MzMsLTEuOTUwMTggYyAtMC4yNDc1NTUsLTAuMDYzNCAtMC43MDU3NzgsLTAuMjkyNTMgLTEuMDE4MjY4LC0wLjUwOTA5IC0yLjIxNDQxLC0xLjUzNDU5IC0zLjA1MDQxLC01LjU0MDA2IC0yLjIzNzYsLTEwLjcyMDg3IDAuMjQwNDEsLTEuNTMyMzggMC43ODkzNywtMy44MDc4OSAxLjA5NTg2LC00LjU0MjUgMC41MDQyNSwtMS4yMDg1OSAwLjc2NzExLC0xLjc5OTA1IDAuODg4NTgsLTEuOTk1OTUgMC4wNywtMC4xMTM1NiAwLjM0MTc2LC0wLjU3ODE0IDAuNjAzOCwtMS4wMzIzOSAwLjY3MjY5OCwtMS4xNjYxNCAyLjQ0MTQ1OCwtMy4yNTQxNSAzLjgxNjg3OCwtNC41MDU3NyAyLjM4Mjg2LC0yLjE2ODM5IDQuODI2NCwtMy44MzA0MSA4LjE3ODQzLC01LjU2MjcgMy4xODc1NCwtMS42NDcyNyA0LjI0MzA5LC0xLjg0NjgxIDYuMTc1NSwtMS4xNjczOCAxLjY2OTgsMC41ODcxIDIuNzEwNzEsMS43MzkzNiAzLjQzNTE5LDMuODAyNjcgMC4yNjU4NCwwLjc1NzA4IDAuNjQ4MDUsMS44NDEwOSAwLjg0OTM3LDIuNDA4OSAwLjIwMTMzLDAuNTY3ODEgMC42NDUyNywxLjU4NjMgMC45ODY1MywyLjI2MzMgMS4yODQ2OSwyLjU0ODU1IDIuMjQ5NDksMy42MDU5MSA0LjEwNDkyLDQuNDk4NzggMS4wMzMwMiwwLjQ5NzEgMS42NzEzNSwwLjY4Mzk4IDQuNDA0ODYsMS4yODk1OCAzLjcyODgsMC44MjYxMSA1LjYyMDYsMy4zMDM2OSA1LjYyMzk2LDcuMzY1MzIgMC4wMDMsMi44MjM0MiAtMS4wMDIzNiw2LjA2MDQ3IC0yLjE1MzUyLDYuOTM4NSAtMS4zNjE0MywxLjAzODQxIC00Ljc0Nzg5LDAuNzE2ODUgLTYuMTkyMTcsLTAuNTg3OTcgLTAuNzI2NTgsLTAuNjU2NDIgLTEuMDU0NTEsLTEuMjA4MTcgLTEuNjA2NDIsLTIuNzAyNzYgLTAuNDM5MjksLTEuMTg5NiAtMS43MjYwMiwtMy45NDIwOCAtMi4zODA5MywtNS4wOTMxMSAtMS40ODI0MywtMi42MDU0IC00LjM0Nzg0LC02Ljc1NTIxIC00LjUzNTExLC02LjU2NzkzIC0wLjEwNTc1LDAuMTA1NzkgLTEuOTQzNzgsNC41NjUzMSAtMi4yMTE5Niw1LjM2NjkgLTAuMDgzLDAuMjQ3OTMgLTAuMjE0NDcsMC40Mjk1OCAtMC4yOTIyMywwLjQwMzY2IC0wLjI1NDYsLTAuMDg0OSAtMS4yODcyNiwtMS44ODAxNCAtMS43MDM2NywtMi45NjE3OSAtMC42OTU5NywtMS44MDc4NyAtMC43NTAyLC0yLjA5NzI5IC0wLjgyMTgsLTQuMzg1MDcgLTAuMDczOCwtMi4zNTc1MyAwLjA2NjQsLTQuMDc0MDIgMC41MzA1NiwtNi40OTYzMiAwLjE1MDI3LC0wLjc4NDMgMC4yNDQ5OCwtMS40NTQyNCAwLjIxMDQ2LC0xLjQ4ODc3IC0wLjExNDc1LC0wLjExNDc1IC0xLjY2MjcyLDAuNzQxNzUgLTIuNTY2NTQsMS40MjAwOCAtNC4yNDMzOCwzLjE4NDczIC03LjE4NDc0LDguMzcxMjEgLTcuOTgyNTYsMTQuMDc1NTggLTAuMjM0NCwxLjY3NTg5IC0wLjE5OTM3LDQuNDUwMTEgMC4wNzUsNS45NDMyNSAwLjMwNDg5LDEuNjU5MDYgMC4xNTI2LDIuNDQyMjEgLTAuNjUyODcsMy4zNTcyNyAtMC44MjgxOCwwLjk0MDg3IC0xLjQ1MTMxLDEuMjA4MTkgLTIuOTM1MzIsMS4yNTkyOSAtMC42ODEzOCwwLjAyMzUgLTEuNDQxNDEsLTAuMDA5IC0xLjY4ODk3LC0wLjA3MjcgeiBtIDMxLjI1MTIsLTE5LjMyMDc2IGMgLTMuNTMwODEsLTEuNTY4MTUgLTMuNTA5NjgsLTYuNjk3MDQgMC4wNDM5LC0xMC42NjY2NyAwLjk5NjkzLC0xLjExMzY1IDIuMjA5NiwtMS45NzIwNyAzLjU3Njk5LC0yLjUzMjA5IDAuOTY3NzEsLTAuMzk2MzMgMS4yNDEwMiwtMC40NDczMyAyLjM5OTc3LC0wLjQ0NzgxIDEuMDYzMTMsLTQuM2UtNCAxLjQyNjU1LDAuMDU2IDEuOTQzMjMsMC4zMDIwMSAwLjg3OTgxLDAuNDE4ODEgMS42NDA1OSwxLjE5OTM4IDIuMTE0MywyLjE2OTMzIDAuMzY2MzcsMC43NTAxNCAwLjQwMDQ4LDAuOTQ1MDEgMC4zOTY3MSwyLjI2NjA2IC0wLjAwMywxLjMwMTg5IC0wLjA0ODgsMS41NTk0MyAtMC40NTUwNSwyLjU5NDggLTAuNzY1MjcsMS45NTA3NSAtMS4yMzA5NSwyLjY1ODkyIC0yLjY5MjIyLDQuMDk0MDEgLTAuOTEyNCwwLjg5NjA2IC0xLjM5NjAyLDEuMjQzODQgLTIuNDcyODIsMS43NzgyNCAtMS4yOTM2NywwLjY0MjAzIC0xLjM4NTQ5LDAuNjY1OTYgLTIuNzM2MTYsMC43MTMzNSAtMS4yMjg3OCwwLjA0MzEgLTEuNDg0NjgsMC4wMTA0IC0yLjExODY4LC0wLjI3MTIzIHogbSAtMzYuNzAzMDQ4LC0xLjU1NTM3IGMgLTAuOTI4NjksLTAuMjk2NiAtMS41NzYxNywtMC43MzI4NyAtMi4zMjY4OCwtMS41Njc4NCAtMS4zOTE4MSwtMS41NDgwMyAtMi4xNDM4MSwtMy40NzkxMyAtMi4yNjQwMywtNS44MTM4OCAtMC4xODM1NywtMy41NjUyNSAxLjE2MTA2LC02LjQ2MDY0IDMuNTcxOTQsLTcuNjkxNDUgMC42NTI1MywtMC4zMzMxMyAwLjk1NTkxLC0wLjQwMjA3IDEuNzY5MzQsLTAuNDAyMDcgMC44NjI0NCwwIDEuMDk3NDMsMC4wNjA4IDEuOTMzMjcsMC40OTk5OSAzLjU2NDgwOCwxLjg3MzI2IDQuOTg3ODM4LDcuODM5MTcgMi44NzAzODgsMTIuMDMzODEgLTEuMjAwNjk4LDIuMzc4NTggLTMuNTAxMzU4LDMuNTk3MDIgLTUuNTU0MDI4LDIuOTQxNDQgeiBtIDI3LjM3NTU4OCwtOS4zOTEwMSBjIC0xLjY2ODY0LC0wLjgwNTEyIC0yLjc2NTkyLC0yLjQ4NzQ2IC0zLjE3ODc4LC00Ljg3MzY2IC0wLjg0NzI0LC00Ljg5Njg3IDIuMzc2NSwtMTAuNTE0MzIgNi41NDcyNywtMTEuNDA4NzkgMi41MTI5MSwtMC41Mzg5MyA0Ljg4MjA0LDEuMzI0MTkgNS42NzU5NCw0LjQ2MzY3IDAuMzgzNjEsMS41MTY5MyAwLjI5Mzk5LDQuMDY1ODkgLTAuMTk2OCw1LjU5NjkyIC0wLjkxMzk3LDIuODUxMTcgLTIuNjMwMjgsNS4wNjkxIC00Ljc0MzE3LDYuMTI5NDIgLTAuNjcyNDgsMC4zMzc0NyAtMC45OTkzNiwwLjQwOTAxIC0yLjAzOTY5LDAuNDQ2NDEgLTEuMTMzNDUsMC4wNDA3IC0xLjMwOTE0LDAuMDEwNiAtMi4wNjQ3NywtMC4zNTM5NyB6IG0gLTEzLjc2NTE2LC0xLjA0NjA4IGMgLTIuMjc1MjYsLTAuNTU5MzUgLTMuOTI3NTQsLTIuNTM2MDggLTQuODQ0LC01Ljc5NTI0IC0wLjE2NDk5LC0wLjU4NjczIC0wLjIzMjgyLC0xLjM2NDA3IC0wLjIzNDIzLC0yLjY4NDIgLTAuMDAyLC0xLjY1NDc0IDAuMDQwNCwtMS45OTQgMC4zODQ5NiwtMy4wOTcxNiAwLjQ2OTYzLC0xLjUwMzYgMC43NjksLTIuMTA5MzYgMS41MzA1OCwtMy4wOTcxNiAwLjc4MzE1LC0xLjAxNTc4IDEuMzIyMDMsLTEuNDcyODEgMi4yNDg2OCwtMS45MDcxNCAwLjYzNjU0LC0wLjI5ODM1IDAuOTc0NywtMC4zNjM5MSAxLjg3NzU3LC0wLjM2NCAxLjQ0MDk4LC0xLjVlLTQgMi40MDUyMSwwLjQ0NjE4IDMuNTg2MTQsMS42NTk5OCAwLjk4NjEzLDEuMDEzNTkgMS41NDgzMiwyLjAxOTYyIDIuMDcyMjUsMy43MDgzMiAwLjMzNTU4LDEuMDgxNiAwLjM4NTAyLDEuNDY2MDIgMC4zODk1MSwzLjAyODMzIDAuMDA1LDEuOTU3NTYgLTAuMTMyOTgsMi43MjIxMyAtMC43ODYwNiw0LjMzNjAzIC0wLjkwOTc4LDIuMjQ4MjggLTIuMzg5OTcsMy43MDAwMSAtNC4yOTgyOCw0LjIxNTYyIC0wLjgxNDcxLDAuMjIwMTMgLTEuMDE5MzksMC4yMTk3NyAtMS45MjcxMiwtMC4wMDMgeiIKICAgICAgIGlkPSJwYXRoMiIgLz4KICA8L2c+Cjwvc3ZnPgo=';
+
+const roverSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjU2IgogICBoZWlnaHQ9IjI1NiIKICAgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDMuNzc5NTgyOSwwLDAsMy43Nzk1ODI5LC0zMDkuODg1OTEsLTM3OS42MDg5NykiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOmN1cnJlbnRDb2xvciIKICAgICAgIGQ9Im0gMTE1LjYwNDExLDE2NS43MzA0MiBjIC0wLjEyOTksLTAuMDM1MSAtMC40MDkwMiwtMC4wNjggLTAuNjIwMjYsLTAuMDczMSAtMC45NzU4MiwtMC4wMjM3IC0zLjgyMzQ0LC0xLjYxNDA1IC01Ljk2OTAzLC0zLjMzMzY5IC0wLjk4ODU4LC0wLjc5MjMxIC0yLjcwMDM1LC0yLjQ0NzEgLTMuNTI0MjQsLTMuNDA2OSAtMi40MjY3NSwtMi44MjcwNyAtNC4wNzc2LC01LjkyOTM3IC00Ljg3ODUsLTkuMTY3NzUgLTAuMjcwMzQsLTEuMDkzMDkgLTAuMzUxNzMsLTIuMTk5MjcgLTAuMzU2NTUsLTQuODQ1ODkgLTAuMDA1LC0yLjUwMTYgMC4wODk2LC0zLjQxNTI0IDAuNDIxNDMsLTQuMDg5MjcgMC40ODQwNywtMC45ODMzIDEuMjU2ODQsLTEuNjMxNiAyLjI1NDY1LC0xLjg5MTQ5IDAuNjYxNDUsLTAuMTcyMjkgMi4wOTk4OCwtMC4xNTY2MyAyLjk4ODkyLDAuMDMyNiAyLjQxMzI1LDAuNTEzNSA1LjczNTY3LDIuMjQ1MjcgOS4wMjE5OCw0LjcwMjU5IGwgMC44MzQyMywwLjYyMzc5IDAuMzg2MDYsLTAuMzUyMjUgYyAxLjc0MTksLTEuNTg5MzcgNC41MTkxOSwtMy41MDMyNSA2LjUyNjg2LC00LjQ5Nzc4IDEuODk4NzYsLTAuOTQwNTcgMy4wMTAwMiwtMS4yMjEzNiA0LjYyMTM2LC0xLjE2NzcyIDAuOTUyNTYsMC4wMzE3IDEuMDEyMDEsMC4wNDM5IDEuNTgwOTIsMC4zMjUxMSAxLjY4MTg1LDAuODMxMjEgMi40NDY1MiwyLjY2NDQ4IDIuNTUzMTgsNi4xMjExMiAwLjEwMDM5LDMuMjUzNCAtMC40OTYzLDUuOTI0NzkgLTEuOTg3NTEsOC44OTgxOSAtMi4wMjUzMiw0LjAzODM3IC01Ljc0NjAxLDguMTgzNDQgLTkuODE5NDMsMTAuOTM5NDMgLTEuMTQsMC43NzEzIC0xLjYzNTkyLDEuMDMwMiAtMi4xNDQ1OSwxLjExOTYgLTAuNTc5MTMsMC4xMDE3OSAtMS42MTgyOCwwLjEzNjY4IC0xLjg4OTQ4LDAuMDYzNCB6IG0gLTAuMTgxMjQsLTIyLjUwMDMgYyAtMC4zNDYxNCwtMC41MTM0MiAtMS41NzM1MiwtMi41NzEgLTIuMjU0NjQsLTMuNzc5NzEgLTAuMjUwMzQsLTAuNDQ0MjQgLTAuNDc3ODcsLTAuODIxNzUgLTAuNTA1NjIsLTAuODM4OSAtMC4wMjc3LC0wLjAxNzIgLTAuNzU4OTUsMC4xNDI2NiAtMS42MjQ4OCwwLjM1NTE0IC0wLjg2NTk0LDAuMjEyNDggLTEuNjgwNzEsMC4zNzc0MiAtMS44MTA2MSwwLjM2NjUzIC0wLjIyMDAyLC0wLjAxODQgLTAuMjkyNzksLTAuMTIyMTUgLTEuMDYzNCwtMS41MTU2MyAtMC40NTQ5NywtMC44MjI3MSAtMC44NjcwOCwtMS41NjM2OSAtMC45MTU3OSwtMS42NDY2MyAtMC4wODI0LC0wLjE0MDI3IC0wLjE5NjMzLC0wLjA4NCAtMS42MzQxOCwwLjgwNjk3IC0xLjY1NTc0LDEuMDI1OTkgLTEuOTUyMjMsMS4xMzQ5NCAtMi4wOTE1NCwwLjc2ODU1IC0wLjEzNTMyLC0wLjM1NTkxIC0wLjIzNjA5LC0xLjExMDI0IC0wLjM1ODYsLTIuNjg0MzggLTAuMTUwODMsLTEuOTM3OTQgLTAuMzEzMzQsLTMuMzEzMDUgLTAuNDI2NTYsLTMuNjA5MzkgLTAuMDQ3MSwtMC4xMjMyNCAtMC4xNzUyNSwtMC41NDI5MyAtMC4yODQ4MiwtMC45MzI2MyAtMC4xMTU2MywtMC40MTEyNSAtMC40NjAwOSwtMS4yMjk1MiAtMC44MjA5MywtMS45NTAxNSAtMC45MDAwNywtMS43OTc0OSAtMS4xNzY2NywtMi42MzQ2IC0xLjI4ODY0LC0zLjg5OTk3IC0wLjExNTgzLC0xLjMwODk3IC0wLjExMjg1LC00LjQzNzM3IDAuMDA2LC02LjA2MjA4IDAuMTQ1MDQsLTEuOTg2NTEgMC43MDYyMSwtMy45OTE1NyAxLjY4NTYxLC02LjAyMjcyIDEuODExMzgsLTMuNzU2NTcgNS4wNjYyMSwtNi45MDgyNiA5LjM1OTA4LC05LjA2MjUgMC43NzAzMSwtMC4zODY1NSAxLjE2Njk0LC0wLjU0MjM1IDEuMzgwNjUsLTAuNTQyMzUgMC4xNjQ5MiwwIDAuNDE0MTUsLTAuMDQxMyAwLjU1MzgzLC0wLjA5MTggMC4yMDgzOCwtMC4wNzU0IDAuMjc1MDgsLTAuMDcwNyAwLjM3MTU2LDAuMDI1NyAwLjEwNDMsMC4xMDQzIDAuMDkxNiwwLjI0NTkyIC0wLjExMjYyLDEuMjUzMDggLTAuODEzMTMsNC4wMTA2NSAtMS4yNTAwNiw3LjU3NzcyIC0xLjA4ODMyLDguODg1MDQgMC4xODA3NSwxLjQ2MDk0IDEuMTA3ODIsMy40NzMxNiAyLjIyMzExLDQuODI1MjggbCAwLjE3NjkxLDAuMjE0NDcgMS40OTQ1LC0yLjg3MzYzIGMgMS44MjY3NSwtMy41MTI1IDEuNTY1MDksLTMuMzUxOTIgMi44MTU1MywtMS43Mjc5MiAyLjE5MTU0LDIuODQ2MjUgNC4yMjIwOCw1LjkzNzA3IDUuNzY2OTMsOC43NzgyIDIuODAyNzcsNS4xNTQ2IDMuMjQwMzEsNi4yOTQ3NCAzLjE2Njk0LDguMjUyMzQgLTAuMDMyNywwLjg3MTU4IC0wLjA3MzcsMS4xMTEyMyAtMC4zMjM1MywxLjg4ODY5IC0wLjQzMDgyLDEuMzQwOCAtMC41OTYxLDIuMjU3NzIgLTAuODAwOTcsNC40NDM0IC0wLjA0NywwLjUwMTcyIC0wLjA2MDksMC41MzE0MSAtMC4yNDc0NywwLjUzMTQxIC0wLjE0MTA3LDAgLTAuNTMxNTgsLTAuMjkyOTMgLTEuMzY0MzgsLTEuMDIzNDcgLTAuNjQxNywtMC41NjI5IC0xLjE4MTk0LC0xLjAyMzQ2IC0xLjIwMDUyLC0xLjAyMzQ2IC0wLjAxODYsMCAtMC41OTc0NywwLjg4NDgxIC0xLjI4NjQzLDEuOTY2MjQgLTEuMTc5MTksMS44NTA5NSAtMS4yNjY1MywxLjk2NjM2IC0xLjQ4OTM2LDEuOTY4MjEgLTAuMTY1NTgsMC4wMDEgLTAuNTAyMjQsLTAuMTc1NDcgLTEuMTIwMzQsLTAuNTg4NSAtMC40ODYsLTAuMzI0NzUgLTAuOTEwOSwtMC41OTAwNCAtMC45NDQyMiwtMC41ODk1MyAtMC4wMzMzLDUuMmUtNCAtMC4yODI0NSwwLjQzNDUxIC0wLjU1MzYzLDAuOTY0NDIgLTAuMjcxMTgsMC41Mjk5MiAtMC45MzU2MSwxLjcyNDM3IC0xLjQ3NjUyLDIuNjU0MzMgLTAuNTQwOTEsMC45Mjk5NiAtMS4wMDM0LDEuNzUzNjYgLTEuMDI3NzcsMS44MzA0NCAtMC4wMzEsMC4wOTc1IC0wLjEyNDg1LDAuMTM5NTkgLTAuMzExNjIsMC4xMzk1OSAtMC4yMzc1NSwwIC0wLjMwMTI5LC0wLjA1MDQgLTAuNTcyNTEsLTAuNDUyNjkgeiBtIDAuNzk5MTcsLTEzLjE0NzYzIGMgMS42ODIxLC0yLjA4OTA4IDIuMzUwMzMsLTMuNzc3NzQgMi42NjQwNiwtNi43MzIyOCBsIDAuMDk4MSwtMC45MjQwNSBoIDAuMjE0NCBjIDAuMzY0MjcsMCAxLjczMzQ5LDEuMDk0ODYgMy4wNDQ2MywyLjQzNDU1IGwgMC44OTE5NywwLjkxMTQxIC0wLjU2NTk2LC0xLjE0MTU3IGMgLTAuNzQ5MjgsLTEuNTExMzQgLTEuMjA0NDMsLTIuMjU2MDggLTIuMTYyNDksLTMuNTM4MzcgLTAuODk5MDksLTEuMjAzMzcgLTIuMzk3OCwtMy4wMjU5NyAtMi40NDc0MiwtMi45NzYzNSAtMC4wMTgsMC4wMTggLTAuNTU4NjMsMS4xNjM0NCAtMS4yMDE0NCwyLjU0NTQ3IC0xLjM3MjUxLDIuOTUwODQgLTEuMzA0NTUsMi44ODAwMyAtMS45Mzg1NiwyLjAxOTkxIC0xLjc3NzM5LC0yLjQxMTI5IC0zLjMzOTIxLC00LjcwNzcyIC0zLjkyMTUyLC01Ljc2NjAzIC0wLjU5NzQzLC0xLjA4NTggLTEuMTg1NDQsLTIuOTA1NjQgLTEuNjc2MjUsLTUuMTg3ODIgLTAuMTU0MzIsLTAuNzE3NTkgLTAuMjkxNzUsLTEuMzE1ODggLTAuMzA1NCwtMS4zMjk1MyAtMC4wNDMxLC0wLjA0MzEgLTEuNTg2OTgsMS42NDUxNCAtMi4xODAyNywyLjM4NDExIC0xLjYyNDg3LDIuMDIzODggLTIuODI1NDIsNC40MjY0MiAtMy4yMjU5Myw2LjQ1NTcyIC0wLjA3MTMsMC4zNjEzNiAtMC4xMDc3OCwxLjA5MzIyIC0wLjEwNTg5LDIuMTI1NjcgMC4wMDIsMS4zMzcwMiAwLjAyOTksMS42OTkyOCAwLjE4MjIzLDIuNDAxMjEgMC4xNzg0OSwwLjgyMjY1IDAuNDI5NDIsMS42NDM0NiAwLjY4NTkyLDIuMjQzNzYgbCAwLjEzNDU3LDAuMzE0OTEgMC4yOTA5LC0xLjI1OTY1IGMgMC41NjA0NywtMi40MjY5OCAwLjc5NDU1LC0zLjA2MzMyIDEuNTczNTUsLTQuMjc3NzIgMC42NjU1NiwtMS4wMzc1NCAwLjQ3NDA5LC0xLjIxMzA3IDIuODc3MTIsMi42Mzc1NyAyLjIxMDM5LDMuNTQxOTMgMi40NTgxNiwzLjg2NjAyIDMuOTMzNjMsNS4xNDUyMiAwLjk5NjEzLDAuODYzNjMgMi41MDEwNSwyLjAzNzc4IDIuNjE3MTEsMi4wNDE5IDAuMDUyMywwLjAwMiAwLjI4NzU3LC0wLjIzNTc2IDAuNTIyOTEsLTAuNTI4MDQgeiIKICAgICAgIGlkPSJwYXRoNyIgLz4KICA8L2c+Cjwvc3ZnPgo=';
+
+const trackerSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjU2IgogICBoZWlnaHQ9IjI1NiIKICAgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDMuNzc5NTM5OCwwLDAsMy43Nzk1Mzk4LC0zMDkuODgwOTQsLTM3OS42MDMxNikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOmN1cnJlbnRDb2xvciIKICAgICAgIGQ9Im0gMTExLjQ3NjM1LDE2NS43MTYgYyAtMC4wMjk0LC0wLjA0NzUgLTAuMTM5MDcsLTAuMDg2NCAtMC4yNDM3NywtMC4wODY0IC0wLjQ0NzA4LDAgLTAuNjM1NTgsLTAuODcyOCAtMC4zNjU1NywtMS42OTI2NiAwLjA4NTYsLTAuMjU5OCAwLjM1ODkxLC0wLjkzMjkzIDAuNjA3NDUsLTEuNDk1ODQgMC4zMjA3NCwtMC43MjY0MiAwLjU0ODMxLC0xLjQxMTkgMC43ODQxLC0yLjM2MTg1IDAuNDQwMzQsLTEuNzc0MDMgMC43MjY3MSwtMy4yODcxNyAwLjYyODYxLC0zLjMyMTUyIC0wLjA0MjUsLTAuMDE0OSAtMC43Njc3OSwtMC40Mjg4MiAtMS42MTE4NCwtMC45MTk4OSBsIC0xLjUzNDY1LC0wLjg5Mjg2IC0wLjQyMTM4LDAuNzk1NzUgYyAtMS4yNDkwOSwyLjM1ODg0IC0yLjY1NDU5LDQuNTU4MTUgLTMuNDU3NzUsNS40MTA2NSAtMC42MTAyOSwwLjY0Nzc4IC0xLjA2OTY4LDAuODY2NzkgLTEuOTI3LDAuOTE4NjggLTEuMDY0OTQsMC4wNjQ1IC0xLjM5OTYxLC0wLjIwMjgyIC0xLjM5NzA0LC0xLjExNTczIDAuMDAyLC0wLjYxNDQ4IDAuMTExMTYsLTEuMDggMC44NjA3NywtMy42NjE3MiAwLjU4OTMsLTIuMDI5NiAwLjcyOTA2LC0yLjczMTE0IDAuOTQyNywtNC43MzE5MSAwLjA5MDIsLTAuODQ0MzYgMC4xNzg2OCwtMS42NDY4NyAwLjE5NjcxLC0xLjc4MzM1IDAuMDMwOSwtMC4yMzQwNyAtMC4wMDUsLTAuMjczOTQgLTAuNjI5NTQsLTAuNzAyNjcgLTAuMzY0MjcsLTAuMjQ5OTkgLTAuNjc5NDksLTAuNDM3MzQgLTAuNzAwNSwtMC40MTYzNCAtMC4wODk4LDAuMDg5OCAtMC41MjM1OSwxLjEyNTc4IC0wLjg1Njg2LDIuMDQ2NDIgLTAuMzc2MDMsMS4wMzg3MyAtMC43MzQ4OCwyLjI4MDE4IC0wLjk1ODU4LDMuMzE2MiAtMC4xMTg5NiwwLjU1MDk2IC0wLjE0OTcyLDAuNjEwMTQgLTAuMzE3MDksMC42MTAxNCAtMC4yMDcyNywwIC0wLjIwMzQsMC4wMTQyIC0wLjM0MzA5LC0xLjI2MDM0IC0wLjA4LC0wLjcyOTczIC0wLjMzMzY3LC0xLjYzMzEzIC0wLjU4Nzg5LC0yLjA5MzQ2IC0wLjExOTY2LC0wLjIxNjY2IC0wLjEyMzU5LC0wLjE4MTk2IC0wLjA3NywwLjY3ODcxIDAuMDI4MywwLjUyMTc4IDAuMDA4LDEuMzU4MzMgLTAuMDQ3MiwxLjk2OTQ4IGwgLTAuMDk2NCwxLjA2MjQyIDAuMzkzMSwwLjM5MzEgYyAwLjUwOTQ0LDAuNTA5NDMgMC42Nzg4MiwxLjAzNzgzIDAuNjI4LDEuOTU5MDMgLTAuMDQzLDAuNzgwMjIgLTAuMjgwMTEsMS4yOTU3NiAtMC44MTA1OCwxLjc2MjY5IC0wLjM1Nzc0LDAuMzE0OSAtMC45MjE2NywwLjU2Njk5IC0xLjI2ODM5LDAuNTY2OTkgLTAuMDk4LDAgLTAuMjAwMDQsMC4wMzU0IC0wLjIyNjgsMC4wNzg3IC0wLjA1OTQsMC4wOTYxIC0wLjQzMzAxLDAuMTA1NTggLTAuNDMzMDEsMC4wMTEgMCwtMC4wMzczIC0wLjE3NDcyLC0wLjA4ODQgLTAuMzg4MjYsLTAuMTEzNzQgLTAuNzkyNiwtMC4wOTM5IC0xLjUyNzA1LC0wLjY3Nzg3IC0xLjgxMjcxLC0xLjQ0MTM0IC0wLjIwMzY3LC0wLjU0NDM2IC0wLjIxNjAyLC0xLjU3MjIgLTAuMDI0NSwtMi4wMzgwMiAwLjE4ODQ2LC0wLjQ1ODM3IDAuMTU0NjcsLTAuOTQxMDMgLTAuMTcwOSwtMi40NDA1OCAtMC4zMzIwOSwtMS41Mjk2NiAtMC43MzI4NiwtMi44MDAxMSAtMS4wNjgxOSwtMy4zODYyIC0wLjQ1MzMsLTAuNzkyMyAtMS4zODkzMSwtMS41MjA4MSAtMi43NzA0NSwtMi4xNTYzMSAtMS4zNjcyLC0wLjYyOTA3IC0zLjg0MzU3LC0xLjQyNTggLTQuNDI1NzQsLTEuNDIzOSAtMC40MzgyNiwwLjAwMSAtMS41MDM1MiwwLjM4MzY2IC0yLjE2NTc1LDAuNzc3MDggLTAuMzAwMDIsMC4xNzgyNCAtMC42MTkwMSwwLjMyNDA3IC0wLjcwODg2LDAuMzI0MDcgLTAuMjU5MjUsMCAtMC4yMDA5NCwtMC4zNjIxOSAwLjE1MTUsLTAuOTQxIDAuMTcwMTMsLTAuMjc5MzkgMC4yOTc3MiwtMC41MTk1OCAwLjI4MzU0LC0wLjUzMzc2IC0wLjAxNDIsLTAuMDE0MiAtMC40NTg4NiwwLjAyNzggLTAuOTg4MiwwLjA5MzQgLTAuODY2NjUsMC4xMDczIC0wLjk3NDU1LDAuMTA3MDMgLTEuMDg0MjksLTAuMDAzIC0wLjA5MDksLTAuMDkwOSAtMC4wOTkyLC0wLjE0NDU0IC0wLjAzMjQsLTAuMjExMjggMC4wNDkyLC0wLjA0OTIgMC4wODk0LC0wLjE0NzIgMC4wODk0LC0wLjIxNzgzIDAsLTAuMDcwNiAwLjI1NjYzLC0wLjMxMTU0IDAuNTcwMjksLTAuNTM1MzUgbCAwLjU3MDI5LC0wLjQwNjkzIGggLTAuNTM2NTUgYyAtMC4zNjEzNywwIC0wLjU3MzQ2LC0wLjAzNjkgLTAuNjQ5NjIsLTAuMTEzMDggLTAuMDcwNywtMC4wNzA3IC0wLjA4MzMsLTAuMTMxNDUgLTAuMDMzNywtMC4xNjIxIDAuMDQzNiwtMC4wMjcgMC4wNzkzLC0wLjExNDYzIDAuMDc5MywtMC4xOTQ4MiAwLC0wLjE3MDYxIDAuNDE3MDUsLTAuMzkxMDEgMS4xOTA2NiwtMC42MjkyNSAwLjcwOTA2LC0wLjIxODM2IDEuMTE3NTEsLTAuNjQ4ODEgMS4yNDQ1MywtMS4zMTE1NiAwLjM0OTg2LC0xLjgyNTQxIDAuNTk1OCwtMi42MjY0MSAxLjE1MjY0LC0zLjc1NDA4IDAuNjY4NjEsLTEuMzU0MDEgMS42ODM5OCwtMi42MTkyOSAyLjc0NDA2LC0zLjQxOTQ3IDAuMjYyOTYsLTAuMTk4NDkgMC41MDc5OCwtMC4zODY4IDAuNTQ0NDksLTAuNDE4NDcgMC4wMzY1LC0wLjAzMTcgLTAuMTY4NjEsLTAuMzM1OTMgLTAuNDU1ODMsLTAuNjc2MTMgLTAuNTg1NTYsLTAuNjkzNiAtMS4wODEyLC0xLjYyMzkzIC0xLjI3MzI1LC0yLjM4OTk0IC0wLjE2OTMyLC0wLjY3NTM3IC0wLjExMDkxLC0yLjA3NDMxIDAuMTIyNTYsLTIuOTM1ODEgMC40ODQzMywtMS43ODcwNyAxLjU1NTM3LC0zLjU5MDM2IDMuMjY2ODUsLTUuNTAwMzEgMC43MTAwMSwtMC43OTIzNCAwLjg3MDY2LC0wLjkzMjU2IDEuMDY4NDksLTAuOTMyNTYgMC4yNTc1NywwIDAuMjQ3NDcsLTAuMDIzMyAwLjM5MjQ1LDAuOTA1MzggMC4yMjIsMS40MjE5NyAwLjUwMjk1LDIuMDk1NTUgMS4zNTU2LDMuMjUwMDQgMC45MTg4NSwxLjI0NDExIDEuNTQyNzIsMi4yNDQ3MyAyLjAwMjA4LDMuMjExMTIgMC40NTYwNCwwLjk1OTQgMC44MTU3NywyLjE3NjU1IDAuODE1NzcsMi43NjAxNSB2IDAuMzQ0MTggaCAwLjY1MDIxIDAuNjUwMjEgbCAwLjE4OTIyLC0wLjUzMTQxIGMgMC4xMDQwNiwtMC4yOTIyOCAwLjQwNDAzLC0wLjk1NjU1IDAuNjY2NTksLTEuNDc2MTYgMC40MDA3MSwtMC43OTMwMSAwLjU3MjUyLC0xLjAzOTg0IDEuMDY5NzMsLTEuNTM2ODQgMC45NTY2NCwtMC45NTYyMSAyLjIwMzM2LC0xLjUxNjA1IDQuMjkyNTksLTEuOTI3NTkgMC41NjI5MSwtMC4xMTA4OCAxLjE3ODYzLC0wLjI3NjY4IDEuMzY4MjYsLTAuMzY4NDQgMC40MTYzLC0wLjIwMTQzIDEuMzA3OTcsLTAuOTEzNDUgMS44OTYyOCwtMS41MTQyMyAwLjI4NDg0LC0wLjI5MDg4IDAuNDkzOTQsLTAuNDM5NDMgMC42MTg1MiwtMC40Mzk0MyBoIDAuMTg4MjEgbCAtMC4wMzY3LDIuNjk2NDQgYyAtMC4wMzkzLDIuODkwNSAtMC4xNDA1OCwzLjk4OTQ4IC0wLjQ5ODgxLDUuNDEyNTggLTAuMjM5OTUsMC45NTMyNiAtMC42NTk1NywxLjgxMjI3IC0xLjA0MjE5LDIuMTMzNSBsIC0wLjI5NDA2LDAuMjQ2ODggMC41NDI2MiwwLjUyMjE1IGMgMC41OTQ1OCwwLjU3MjE1IDEuMTE4MTUsMS4yNjEwNiAxLjM5ODUyLDEuODQwMTYgMC4xNDU1LDAuMzAwNTMgMC4yMjc1OSwwLjM4MDgxIDAuNDIxMjMsMC40MTE5NSAwLjEzMjI4LDAuMDIxMyAxLjcyODQ4LDAuMjM2MDQgMy41NDcxLDAuNDc3MjYgNy42MTA3MSwxLjAwOTQ3IDguNzM1NzQsMS4xMzg4NyA5Ljg5Nzg1LDEuMTM4NDkgMC40MDE3NiwtMS40ZS00IDEuMjkwMTQsMC4wMzk1IDEuOTc0MTksMC4wODgxIDAuNjg0MDMsMC4wNDg2IDEuMjU4NDMsMC4wNzM2IDEuMjc2NDQsMC4wNTU2IDAuMDE4LC0wLjAxOCAtMC4wMjAzLC0wLjIwODIzIC0wLjA4NTEsLTAuNDIyNzEgLTAuNDI0MjQsLTEuNDA0MjYgLTAuNTEwMDIsLTQuMDk0NjkgLTAuMTk2OTMsLTYuMTc2NSAwLjI1OTYxLC0xLjcyNjIyIDAuNjE5OCwtMy4yOTY3NCAxLjE0MzAzLC00Ljk4Mzk2IGwgMC4xMTczMiwtMC4zNzgzNSAtMC40ODk1OSwtMC4yMjEwMyBjIC0wLjc1OTQ4LC0wLjM0Mjg2IC0xLjgxNzY5LC0wLjk3Njc2IC0yLjM4NzUyLC0xLjQzMDE4IC0yLjIyMDY3LC0xLjc2NzA0IC00LjY0NTk2LC03LjMxMDQ5IC01LjA3NTE4LC0xMS42MDAyMyAtMC4xMzM5NywtMS4zMzg4OSAtMC4wNTU1LC0zLjc1NTE0IDAuMTYyMTEsLTQuOTk0NjQgMC4zNDg0NiwtMS45ODQ0MSAwLjk1NjI0LC0zLjgxMDg2IDEuODUxNzcsLTUuNTY0NzcgMC41NzIwMSwtMS4xMjAzMiAxLjQ5MjIxLC0yLjU0NzQ5IDEuNjc5NDEsLTIuNjA0NjcgMC4wNzE5LC0wLjAyMiAwLjE5NzQsLTAuMDc2IDAuMjc4OTksLTAuMTIwMTUgMC4wODgzLC0wLjA0NzcgMC4xNjc5NSwtMC4wNTExIDAuMTk2ODIsLTAuMDA4IDAuMDI2NywwLjAzOTYgMC4xMDE2NCwwLjA5MTcgMC4xNjY1OCwwLjExNTc4IDAuMDcwNiwwLjAyNjIgMC4yODgxNywwLjU2MjA0IDAuNTQxMDMsMS4zMzI2NCAxLjE1ODAxLDMuNTI4OTggMi40MDAzNSw2LjUwOTk4IDMuMjg0MDEsNy44Nzk5MyAwLjQyNjI4LDAuNjYwODYgMS4zNzE4NSwxLjY1NjkxIDIuMTA4NTEsMi4yMjEwNiAwLjUyNDQ1LDAuNDAxNjQgMS44NjQ1OCwxLjI1MDY0IDEuOTA0MTIsMS4yMDYzIDAuMDEsLTAuMDEwOSAtMC4wNjU0LC0xLjIyNDQzIC0wLjE2NjkyLC0yLjY5NjY1IC0wLjEwMTU3LC0xLjQ3MjIyIC0wLjE4NjIyLC0yLjg5ODE5IC0wLjE4ODExLC0zLjE2ODgyIC0wLjAwMywtMC40NTMxNiAwLjAxLC0wLjQ5MjA1IDAuMTY3MDUsLTAuNDkyMDUgMC40MTMzOCwwIDQuNzQ5OTEsMi41MTA4MSA3LjM4NzQzLDQuMjc3MjUgMS44NzkyOCwxLjI1ODYzIDQuODg5MjcsMy41NDk2IDUuODMxNzUsNC40Mzg2OCAxLjg5NjMyLDEuNzg4OSAzLjQ4MjM3LDQuNjg1NzcgNC4wODI4MSw3LjQ1NzE2IDAuMzc0MDksMS43MjY2MyAwLjUwOTk5LDQuMzgxOTggMC4zMTU3NSw2LjE2OTE4IC0wLjQxMjA5LDMuNzkxNDkgLTIuMzU2ODEsNy41MDE0IC01Ljc4MTE2LDExLjAyODU4IC0xLjg2NDU2LDEuOTIwNTUgLTQuNjcwMTgsNC4xODI1NiAtNS4xODc3Myw0LjE4MjU2IC0wLjE4ODI3LDAgLTAuMjA2MTcsLTAuMDI3NSAtMC4yMDYxNywtMC4zMTY5MyB2IC0wLjMxNjk0IGwgLTAuMjE4LDAuMTEyNzMgYyAtMC4xMTk4OSwwLjA2MiAtMC41NzE2LDAuMjI2MjUgLTEuMDAzNzgsMC4zNjUgLTAuNDMyMTksMC4xMzg3NCAtMS4xNDI4MiwwLjM5MDM2IC0xLjU3OTE5LDAuNTU5MTQgbCAtMC43OTMzOSwwLjMwNjg5IC0xLjk4MTc4LDMuMTgyNDcgYyAtMS4wODk5OCwxLjc1MDM2IC0xLjk4MTc4LDMuMTk5MjUgLTEuOTgxNzgsMy4yMTk3NCAwLDAuMDIwNSAwLjI0MzM2LDAuMjE3NjggMC41NDA3OSwwLjQzODE4IGwgMC41NDA3OSwwLjQwMDkgMC4xNjYzNSwxLjA0MzM0IGMgMC42OTA2Niw0LjMzMTg0IDAuNjAxMjgsNi44NDQzNiAtMC4zMDc2NSw4LjY0ODU4IC0wLjQ0MzI2LDAuODc5ODcgLTAuODIxODYsMS4xNzQwOCAtMS41MDcxNSwxLjE3MTI0IC0wLjYwMjUzLC0wLjAwMiAtMS4wMjQ4MSwtMC4yMTkzNyAtMS4yODIxNSwtMC42NTg0OSAtMC40NDkxNywtMC43NjY0NSAtMS4wMzg1MSwtMi43MTY5OCAtMS42NTE3OSwtNS40NjY4NyAtMC4xOTYyOCwtMC44ODAxMiAtMC4zNTY4OCwtMS42MjA3IC0wLjM1Njg4LC0xLjY0NTc0IDAsLTAuMDU3MSAtNC44Njg3NiwwLjA0MzYgLTYuMjkzNTMsMC4xMzAwOCAtMS4wMzY3LDAuMDYzIC0xLjA2MTg4LDAuMDY4OCAtMS4yNDQ3LDAuMjkxMDUgLTAuMTAyNjMsMC4xMjQ3MyAtMC42MDk4NiwxLjA5MDM0IC0xLjEyNzE4LDIuMTQ1OCAtMS4zNjY3MiwyLjc4ODQ0IC0yLjEwNzE4LDMuODQ4MyAtMy4zMTMxOSw0Ljc0MjM2IC0wLjYwNjM1LDAuNDQ5NSAtMC44NTM4OCwwLjUyNTk0IC0xLjkyNzIyLDAuNTk1MTIgLTAuNDIyMDUsMC4wMjcyIC0wLjY1ODMsMC4wMTE4IC0wLjY5MzUyLC0wLjA0NTIgeiBtIDEyLjUwMTU3LC05Ljg4MzAzIGMgMi42ODk3MywtMC43MzIwMiA0Ljg0MzE2LC0yLjg0NDE4IDUuNDgzMzYsLTUuMzc4MjcgMC4wNzAyLC0wLjI3Nzc5IDAuMTE2NzcsLTAuMzM0NiAwLjI3NDQsLTAuMzM0NiAwLjEwNDQzLDAgMC4yMjA1OSwwLjA1NDkgMC4yNTgxMiwwLjEyMTk1IDAuMDc4NSwwLjE0MDI1IDAuMTY4NDMsLTAuMDE4NyAwLjQyMTE3LC0wLjc0NDQyIDAuNjAwNTMsLTEuNzI0MzQgLTAuNzA2MDcsLTIuODU3IC0zLjMxNTgxLC0yLjg3NDM4IC0zLjM1ODY4LC0wLjAyMjQgLTUuNzkzNzEsMS45NjM2MiAtNi45OTAzMSw1LjcwMTI0IC0wLjI0OTU3LDAuNzc5NTcgLTAuNTM4NDcsMi4xNTA1NyAtMC41NzkyMywyLjc0ODg4IGwgLTAuMDIzNywwLjM0NzY3IDAuNTQ5MDcsMC4xODY1NSBjIDEuMjQ3MywwLjQyMzc3IDIuODU0NjUsMC41MTYxMiAzLjkyMjkyLDAuMjI1MzggeiBtIC0xMy4zNzU4MywtOC42MzU3MSBjIC0wLjA2MywtMC4xNzg2NSAtMC4xMTQ2LC0wLjQzMTc3IC0wLjExNDYsLTAuNTYyNDkgdiAtMC4yMzc2NyBsIDAuNDkzMDIsMC4wNDYgYyAwLjI3MTE3LDAuMDI1MyAwLjU2MzQ0LDAuMDcxIDAuNjQ5NTEsMC4xMDE2IDAuMDg2MSwwLjAzMDYgMC4wMDYsLTAuMDc2NCAtMC4xNzgxMSwtMC4yMzc2MSAtMC4yNTA0MSwtMC4yMTk0MSAtMC4zMzQ1OSwtMC4zNTEwNSAtMC4zMzQ1OSwtMC41MjMyMiAwLC0wLjIyMTk1IDAuMDEzMiwtMC4yMzAwNSAwLjM3Mzk2LC0wLjIzMDExIGwgMC4zNzM5NiwtN2UtNSAtMC4zMzU4NCwtMC4xNjYyMyBjIC0wLjQxMTU3LC0wLjIwMzczIC0wLjYyMjk4LC0wLjQ2MTYzIC0wLjcyNzEzLC0wLjg4NzA3IC0wLjA0MzcsLTAuMTc4MzcgLTAuMTMwNzQsLTAuNDgzNzQgLTAuMTkzNSwtMC42Nzg1OSBsIC0wLjExNDEsLTAuMzU0MjggMC4wNTU1LDAuMzkzNjQgYyAwLjAzMDUsMC4yMTY1IDAuMDU1NCwwLjgwMTA2IDAuMDU1NCwxLjI5OTAyIHYgMC45MDUzNyBsIC0wLjE5NzI4LDAuMDIzMSBjIC0wLjE3NjQyLDAuMDIwNiAtMC4yMzM0NCwtMC4wNTAxIC0wLjUzOTI0LC0wLjY2OTE5IC0wLjUxNTk4LC0xLjA0NDUyIC0xLjAwMjU4LC0xLjgzMTU0IC0xLjQyNzgsLTIuMzA5MyBsIC0wLjM4MjYxLC0wLjQyOTg5IDAuMjgzNjcsMC43NDc5MiBjIDAuMjQxMjIsMC42MzU5OSAwLjI4ODE2LDAuODY1NzQgMC4zMTM2NCwxLjUzNTIxIDAuMDM3NiwwLjk4NjYzIC0wLjA4NjQsMS40ODQ1IC0wLjM3ODE1LDEuNTE5MDcgLTAuMTY0ODIsMC4wMTk1IC0wLjIyNTEyLC0wLjAzNjYgLTAuMzc4MzQsLTAuMzUxOTMgLTAuNTE2ODgsLTEuMDYzOTEgLTEuMDU4MzUsLTEuNjkwMjkgLTEuNjg4ODksLTEuOTUzNzQgbCAtMC4yOTI2NSwtMC4xMjIyOCAwLjIzMzk2LDAuNDE1MDcgYyAwLjI4ODQ0LDAuNTExNzUgMC40NDg4MSwxLjExMDg2IDAuNTIyMDQsMS45NTAzIDAuMDUyOCwwLjYwNTYxIDAuMDY1NiwwLjYzOTc3IDAuMjIyNDYsMC41OTQwNyAwLjA5MTUsLTAuMDI2NyAwLjYyNjk4LC0wLjA2OTYgMS4xODk4OSwtMC4wOTU0IDEuMTk3OTcsLTAuMDU0OSAxLjc1MDQsMC4wMzQ1IDIuMjUzMDMsMC4zNjQ2NiAwLjE4OTc1LDAuMTI0NjUgMC4zNTIyOSwwLjIyOTQgMC4zNjExOSwwLjIzMjc2IDAuMDA5LDAuMDAzIC0wLjAzNTQsLTAuMTQwMDQgLTAuMDk4NCwtMC4zMTg2OCB6IG0gLTE2LjY5MDEzMywtMC43MDQyMiBjIDAuNjA5NDYsLTAuMjI4MDMgMS4yMzM0NSwtMC44MTk1IDEuNTU2MjEsLTEuNDc1MTEgMC4yMTE1NywtMC40Mjk3NyAwLjI1Nzc2LC0wLjYxNTg4IDAuMjU3NzYsLTEuMDM4NjQgMCwtMS4zNTI4NCAtMS4yODAzNSwtMi42MzE2MiAtMi42MzkwNSwtMi42MzU4MSAtMC40MjI4NSwtMC4wMDEgLTAuNjA1NzMsMC4wNDM5IC0xLjAzNjk5LDAuMjU2MTggLTAuNjYxOTEsMC4zMjU4NiAtMS4yNDU5NiwwLjk0NTM2IC0xLjQ4MjkxLDEuNTcyOTMgLTAuNzM3MDEsMS45NTIgMS4zODE1OCw0LjA1NTA1IDMuMzQ0OTgsMy4zMjA0NSB6IG0gLTEuMDU5NjEsLTAuOTU4MTggYyAtMC41MzIsLTAuMjg1MTggLTAuODExOTQsLTAuNzMzMjMgLTAuODUyMDksLTEuMzYzNzkgLTAuMDQxNiwtMC42NTI5OSAwLjEyNCwtMS4xMDgxNSAwLjUzOTc5LC0xLjQ4Mzc5IDAuMzc5NDIsLTAuMzQyNzkgMC41NDA2MSwtMC4zODU0NyAxLjMyMTU1LC0wLjM0OTk3IDAuNTMwMzUsMC4wMjQxIDAuNjU3NTIsMC4wNTkgMC45MDYwNCwwLjI0ODU2IDAuMjMxNDEsMC4xNzY1MSAwLjI4OTEsMC4yNzMwNiAwLjI4OTEsMC40ODM4NSAwLDAuMjMwNjMgLTAuMDUsMC4yOTU0MyAtMC40MDI3NiwwLjUyMTc4IGwgLTAuNDAyNzUsMC4yNTg0NSAwLjUyMDg1LDAuMjYyNTggYyAwLjU5MDA0LDAuMjk3NDYgMC42NTI5LDAuNDYxMTYgMC4zNTk0MiwwLjkzNjAyIC0wLjI2MTU4LDAuNDIzMjUgLTAuNjM5NDMsMC42MDY2NCAtMS4zMjY1MSwwLjY0MzgzIC0wLjUxOTE1LDAuMDI4MSAtMC42NDUyNywwLjAwNyAtMC45NTI2NCwtMC4xNTc1MiB6IG0gNy42MDEyMDMsMC44MTE1NSBjIDEuMTkwNDIsLTAuNDE4MzkgMi4xMjUzNSwtMS43NDIyOCAxLjk2NTYyLC0yLjc4MzM0IC0wLjA4NDIsLTAuNTQ5MDIgLTAuNDgwMDUsLTEuMjcxNTIgLTAuOTA2NzUsLTEuNjU1MTcgLTAuNjEwNDUsLTAuNTQ4ODQgLTEuMDI2NzksLTAuNzE4MzMgLTEuNzcxMzQzLC0wLjcyMTExIC0wLjU0NDU0LC0wLjAwMiAtMC42OTIxMSwwLjAyOTIgLTEuMDg5NzEsMC4yMzA2NiAtMS4zMTcxNywwLjY2NzQgLTEuOTAzODEsMi4xNDk5IC0xLjMzMjM0LDMuMzY3IDAuMzg2ODMsMC44MjM4NyAwLjg4OTk5LDEuMjg4NDUgMS42OTc3MywxLjU2NzU1IDAuNTMwOTIsMC4xODM0NSAwLjkwMzA3LDAuMTgyIDEuNDM2NzkzLC0wLjAwNiB6IG0gLTAuODQ2OTkzLC0wLjcxMjkxIGMgLTAuNTg0NTcsLTAuMTc2MjEgLTAuOTg3ODksLTAuNzI2MTQgLTEuMDYxOCwtMS40NDc3NSAtMC4wOTUyLC0wLjkyOTQzIDAuNDExMjgsLTEuNjgwNzcgMS4yNTAyNiwtMS44NTQ3MyAwLjk1MjI2MywtMC4xOTc0MyAxLjg3NjczMywwLjI0NTY5IDEuODczODUzLDAuODk4MTkgLTguOWUtNCwwLjIwMTg4IC0wLjA2NzIsMC4yODEyNyAtMC40MzM1LDAuNTE4ODcgbCAtMC40MzI0NCwwLjI4MDUyIDAuNDcyODYsMC4yMjYwMSBjIDAuNDM2MDcsMC4yMDg0MiAwLjQ3Mjg2LDAuMjQ2MTEgMC40NzI4NiwwLjQ4NDQ1IDAsMC4zMjc4MiAtMC40MjE2LDAuNzcxNDQgLTAuODQ0ODUsMC44ODg5OCAtMC4zNDQwNiwwLjA5NTYgLTAuOTg5MzczLDAuMDk4MyAtMS4yOTcyNDMsMC4wMDUgeiBtIDI3LjA1OTg3MywtMjAuMzkxNzcgYyAtMC40ODg4MywtMS42OTQ1OCAtMC41OTA3MywtMi4zMjcwNiAtMC41OTA3MywtMy42NjYzNCB2IC0wLjk3ODQxIGggMC4yMzIyMyBjIDAuMjQxNDIsMCAyLjE2MjE3LDEuMjMzMTQgNC44ODM0LDMuMTM1MjIgMC43MTM1NCwwLjQ5ODczIDEuNTU3NSwxLjAyNyAxLjg3NTUyLDEuMTczOTIgMC43MzQwOCwwLjMzOTE3IDIuMzU0MzUsMC44NzkyNyAzLjY4Nzk2LDEuMjI5MzMgbCAxLjAzNDg4LDAuMjcxNjUgMC4wNDczLC0wLjIzNjM0IGMgMC4xMTc2NCwtMC41ODgyMSAwLjIxNDMyLC0yLjEyNDkgMC4xNjc0MSwtMi42NjA4MyAtMC4xMDQxOSwtMS4xOTAzIC0wLjYxNDM1LC0yLjkzNTIyIC0xLjM0MDYzLC00LjU4NTUgLTAuMTk0MzUsLTAuNDQxNiAtMC4zNTMzNiwtMC44ODgyIC0wLjM1MzM2LC0wLjk5MjQzIDAsLTAuMTgxNDYgMC4wMTY1LC0wLjE4NzM0IDAuMzg2ODEsLTAuMTM4MjEgMC42MDQ3NCwwLjA4MDIgMi4yOTc2NSwwLjU2NTQzIDMuMTc2NDgsMC45MTA0MiAwLjQzODg4LDAuMTcyMjkgMC44MDcxNCwwLjMwNDA4IDAuODE4MzUsMC4yOTI4NyAwLjAzMzEsLTAuMDMzMSAtMS42MDkzMywtMS4zMzE3MSAtMi4zMzQ3MSwtMS44NDU5NSAtMS4wNTg3NCwtMC43NTA1NyAtNC43NDI5MiwtMi43ODA3IC00Ljg1MDcxLC0yLjY3MjkzIC0wLjAxOSwwLjAxOSAwLjEwODE4LDEuMTkyOTQgMC4yODI0OCwyLjYwODg2IDAuMTc0MywxLjQxNTkzIDAuMzE2OSwyLjYyNTQ4IDAuMzE2OSwyLjY4Nzg5IDAsMC4zNDM2NyAtMC45MTAwMywtMC4wOTk4IC0zLjg1NzY4LC0xLjg4MDA3IC0zLjAzMzU0LC0xLjgzMjEgLTMuOTU4ODksLTIuNjQ1NDYgLTYuMjQwOTYsLTUuNDg1NjUgLTAuNDM0ODksLTAuNTQxMjUgLTAuODE1NjYsLTAuOTk0MjggLTAuODQ2MTQsLTEuMDA2NzIgLTAuMDc1OCwtMC4wMzA5IC0wLjM3MTQ5LDEuNDA3MDIgLTAuNTA2NTYsMi40NjMyIC0wLjI2MDY2LDIuMDM4MjYgLTAuMjI0NDQsMy42NDY3NCAwLjEyMDQxLDUuMzQ3MTcgMC40MTcwOSwyLjA1NjU5IDEuMzE3OTMsMy44NzgxNiAyLjk2MjE2LDUuOTg5NzEgMC41ODY2NiwwLjc1MzQgMS4yODgxNywxLjU1NjUgMS4zMjYzMSwxLjUxODM2IDAuMDEyNiwtMC4wMTI2IC0wLjE2NjA2LC0wLjY3ODI5IC0wLjM5NzEsLTEuNDc5MjIgeiIKICAgICAgIGlkPSJwYXRoNCIgLz4KICA8L2c+Cjwvc3ZnPgo=';
+
+const loaderCss = ":host{--loader-symbol-size:var(--spacing-16);--loader-type:var(--type-body-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}:host(.xs){--loader-symbol-size:var(--spacing-8);--loader-type:var(--type-body-sm)}:host(.sm){--loader-symbol-size:var(--spacing-12);--loader-type:var(--type-body-sm)}:host(.lg){--loader-symbol-size:var(--spacing-20);--loader-type:var(--type-body-lg)}:host(.xl){--loader-symbol-size:var(--spacing-24);--loader-type:var(--type-body-2xl)}.frame{position:relative;width:var(--loader-symbol-size);height:var(--loader-symbol-size)}.text{font:var(--loader-type);text-align:center;font-weight:500;color:var(--color-text-brand-base)}.symbol{position:absolute;flex:0 0 auto;width:100%;height:100%;background-color:var(--color-background-brand-base);-webkit-mask-image:var(--symbol);mask-image:var(--symbol);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:90% 90%;mask-size:90% 90%;-webkit-mask-position:center;mask-position:center;transform:translateX(-100%);opacity:0}.symbol.animate-in{animation:slide-in 1s cubic-bezier(0.83, 0, 0.17, 1) forwards,\n    fade-in 1s ease-in-out forwards}.symbol.animate-out{animation:slide-out 1s cubic-bezier(0.83, 0, 0.17, 1) forwards,\n    fade-out 1s ease-in-out forwards}@keyframes slide-in{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}@keyframes slide-out{0%{transform:translateX(0%)}100%{transform:translateX(100%)}}@keyframes fade-in{0%,50%{opacity:0}80%,100%{opacity:1}}@keyframes fade-out{0%,40%{opacity:1}50%,100%{opacity:0}}";
+
+const ScoutLoader$1 = /*@__PURE__*/ proxyCustomElement(class ScoutLoader extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    text;
+    size = "base";
+    symbols = [
+        familyScoutSvg,
+        trackerSvg,
+        discovererSvg,
+        adventurerSvg,
+        challengerSvg,
+        roverSvg,
+    ];
+    symbolElements = new Array(this.symbols.length);
+    currentSymbolIndex = 1;
+    componentDidLoad() {
+        this.showElement(this.symbolElements[0]);
+    }
+    render() {
+        return (h(Host, { key: 'b9271e02a57961fde6499c9e1cf2b32727631056', class: this.size === "base" ? "" : this.size }, h("div", { key: 'c0758b7d7b47bf97a5358d2df48d7518b899cb71', class: "frame" }, this.getSymbols()), this.text && h("div", { key: '9bcdf6093442c1a284a8b4de759b0b92f4df39d0', class: "text" }, this.text)));
+    }
+    showElement(el) {
+        el.classList.remove("animate-out");
+        el.classList.add("animate-in");
+    }
+    hideElement(el) {
+        el.classList.remove("animate-in");
+        el.classList.add("animate-out");
+    }
+    next() {
+        const currIndex = this.currentSymbolIndex;
+        const prevIndex = (currIndex - 1 + this.symbols.length) % this.symbols.length;
+        this.showElement(this.symbolElements[currIndex]);
+        this.hideElement(this.symbolElements[prevIndex]);
+        this.currentSymbolIndex += 1;
+        if (this.currentSymbolIndex >= this.symbols.length) {
+            this.currentSymbolIndex = 0;
+        }
+    }
+    tickDone(event) {
+        if (event.animationName === "slide-in") {
+            this.next();
+        }
+    }
+    getSymbols() {
+        return this.symbols.map((symbol, index) => (h("div", { ref: (el) => {
+                this.symbolElements[index] = el;
+            }, class: "symbol", style: { "--symbol": `url(${symbol})` }, onAnimationEnd: (event) => this.tickDone(event) })));
+    }
+    static get style() { return loaderCss; }
+}, [769, "scout-loader", {
+        "text": [1],
+        "size": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["scout-loader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "scout-loader":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ScoutLoader$1);
+            }
+            break;
+    } });
+}
+
+const ScoutLoader = ScoutLoader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScoutLoader, defineCustomElement };
+//# sourceMappingURL=scout-loader.js.map
+
+//# sourceMappingURL=scout-loader.js.map