@scouterna/ui-webc 2.0.0 → 2.1.0

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-DByXnE9g.js';
-export { s as setNonce } from './index-DByXnE9g.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-BI7oh__S.js';
+export { s as setNonce } from './index-BI7oh__S.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["scout-bottom-bar",[[273,"scout-bottom-bar"]]],["scout-bottom-bar-item",[[273,"scout-bottom-bar-item",{"type":[1],"href":[1],"icon":[1],"label":[1],"active":[4]}]]],["scout-button",[[273,"scout-button",{"type":[1],"variant":[1],"icon":[1]}]]],["scout-card",[[273,"scout-card"]]],["scout-checkbox",[[258,"scout-checkbox",{"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]],["scout-field",[[262,"scout-field",{"label":[1],"helpText":[1,"help-text"],"inputId":[32],"errorText":[32],"errorHidden":[32]},[[0,"_fieldId","catchFieldId"],[0,"scoutInputChange","handleInputChange"],[0,"scoutBlur","handleValidationBlur"]]]]],["scout-input",[[258,"scout-input",{"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"disabled":[4],"validate":[16],"ariaId":[32]}]]],["scout-switch",[[273,"scout-switch",{"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]]], options);
+  return bootstrapLazy([["scout-bottom-bar",[[273,"scout-bottom-bar"]]],["scout-bottom-bar-item",[[785,"scout-bottom-bar-item",{"type":[1],"href":[1],"target":[1],"rel":[1],"icon":[1],"label":[1],"active":[4]}]]],["scout-button",[[785,"scout-button",{"type":[1],"href":[1],"target":[1],"rel":[1],"variant":[1],"icon":[1]}]]],["scout-card",[[273,"scout-card"]]],["scout-checkbox",[[770,"scout-checkbox",{"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]],["scout-divider",[[273,"scout-divider"]]],["scout-field",[[774,"scout-field",{"label":[1],"helpText":[1,"help-text"],"inputId":[32],"errorText":[32],"errorHidden":[32]},[[0,"_fieldId","catchFieldId"],[0,"scoutInputChange","handleInputChange"],[0,"scoutBlur","handleValidationBlur"]]]]],["scout-input",[[770,"scout-input",{"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"disabled":[4],"validate":[16],"ariaId":[32]}]]],["scout-link",[[785,"scout-link",{"href":[1],"label":[1],"rel":[1],"linkAriaLabel":[1,"link-aria-label"],"type":[1],"target":[1]}]]],["scout-list-view",[[273,"scout-list-view"]]],["scout-list-view-item",[[785,"scout-list-view-item",{"icon":[1],"primary":[1],"secondary":[1],"type":[1],"href":[1],"target":[1],"rel":[1]}]]],["scout-loader",[[769,"scout-loader",{"text":[1],"size":[1]}]]],["scout-select",[[774,"scout-select",{"value":[1],"disabled":[4],"validate":[16],"ariaId":[32]}]]],["scout-stack",[[785,"scout-stack",{"direction":[1],"gapSize":[1,"gap-size"]}]]],["scout-switch",[[785,"scout-switch",{"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/scout-bottom-bar-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-DByXnE9g.js';
+import { r as registerInstance, c as createEvent, h } from './index-BI7oh__S.js';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -18,6 +18,8 @@ const ScoutBottomBarItem = class {
      * `type` is set to "link".
      */
     href;
+    target;
+    rel;
     /**
      * An icon to display above the label. Must be an SVG string.
      */
@@ -37,9 +39,13 @@ const ScoutBottomBarItem = class {
         const props = 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(Tag, { key: 'da439bd71733883dd610eb24b9ffffb9bb2369e1', class: clsx("button", this.active && "active"), onClick: () => this.scoutClick.emit(), ...props }, h("span", { key: 'e3267d4487d643265984555155760cbdb242ef81', class: "icon", innerHTML: this.icon }), h("span", { key: '02ade513642f237b24ef25856bf4b56e386b7b2a', class: "label" }, this.label)));
+        return (h(Tag, { key: 'd6accb2a7bb0af55f33dba3299749b7ec5ba68a4', class: clsx("button", this.active && "active"), onClick: () => this.scoutClick.emit(), ...props }, h("span", { key: '419edd0be8ff7a4f91aeb1641afffb9d949efba2', class: "icon", innerHTML: this.icon }), h("span", { key: 'e1e40f9a192ffe8a0152a1d0333fbedf174e7bea', class: "label" }, this.label)));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/scout-bottom-bar-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"scout-bottom-bar-item.entry.js","sources":["../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","src/components/bottom-bar-item/bottom-bar-item.css?tag=scout-bottom-bar-item&encapsulation=shadow","src/components/bottom-bar-item/bottom-bar-item.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;",":host {\n  display: flex;\n  flex: 1;\n}\n\n.button {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border: none;\n  color: var(--color-text-base);\n  cursor: pointer;\n}\n\n.button:hover {\n  background-color: var(--color-neutral-50);\n}\n\n.button.active {\n  background-color: var(--color-blue-50);\n  color: var(--color-blue-500);\n}\n\n.button .icon {\n  width: var(--spacing-6);\n  height: var(--spacing-6);\n}\n\n.button .label {\n  font: var(--type-label-sm);\n}\n\na {\n  text-decoration: none;\n}","import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\nimport clsx from \"clsx\";\n\nexport type ItemType = \"button\" | \"link\";\n\n/**\n * A bottom bar item used within the bottom bar for navigation. Should not be\n * used outside of a bottom bar.\n */\n@Component({\n  tag: \"scout-bottom-bar-item\",\n  styleUrl: \"bottom-bar-item.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutBottomBarItem {\n  /**\n   * The type of the bottom bar item, either a button or a link.\n   */\n  @Prop() type: ItemType = \"button\";\n\n  /**\n   * An optional link to navigate to when the item is clicked. Only used when\n   * `type` is set to \"link\".\n   */\n  @Prop() href?: string;\n\n  /**\n   * An icon to display above the label. Must be an SVG string.\n   */\n  @Prop() icon!: string;\n\n  /**\n   * The label to display below the icon.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Whether the item is currently active. Should be set to true when the item\n   * represents the current page.\n   */\n  @Prop() active?: boolean;\n\n  @Event() scoutClick: EventEmitter<void>;\n\n  render() {\n    const Tag = this.type === \"link\" ? \"a\" : \"button\";\n\n    const props =\n      this.type === \"link\"\n        ? {\n            href: this.href,\n          }\n        : {};\n\n    return (\n      <Tag\n        class={clsx(\"button\", this.active && \"active\")}\n        onClick={() => this.scoutClick.emit()}\n        {...props}\n      >\n        <span class=\"icon\" innerHTML={this.icon} />\n        <span class=\"label\">{this.label}</span>\n      </Tag>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACA/W,MAAM,gBAAgB,GAAG,+eAA+e;;MCgB3f,kBAAkB,GAAA,MAAA;;;;;AAC7B;;AAEG;IACK,IAAI,GAAa,QAAQ;AAEjC;;;AAGG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,KAAK;AAEb;;;AAGG;AACK,IAAA,MAAM;AAEL,IAAA,UAAU;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,QAAQ;AAEjD,QAAA,MAAM,KAAK,GACT,IAAI,CAAC,IAAI,KAAK;AACZ,cAAE;gBACE,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB;cACD,EAAE;AAER,QAAA,QACE,CAAA,CAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EACF,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,EAC9C,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KACjC,KAAK,EAAA,EAET,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC3C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CACnC;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"scout-bottom-bar-item.entry.js","sources":["../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","src/components/bottom-bar-item/bottom-bar-item.css?tag=scout-bottom-bar-item&encapsulation=shadow","src/components/bottom-bar-item/bottom-bar-item.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;",":host {\n  display: flex;\n  flex: 1;\n}\n\n.button {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border: none;\n  color: var(--color-text-base);\n  cursor: pointer;\n}\n\n.button:hover {\n  background-color: var(--color-neutral-50);\n}\n\n.button.active {\n  background-color: var(--color-blue-50);\n  color: var(--color-blue-500);\n}\n\n.button .icon {\n  width: var(--spacing-6);\n  height: var(--spacing-6);\n}\n\n.button .label {\n  font: var(--type-label-sm);\n}\n\na {\n  text-decoration: none;\n}","import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\nimport clsx from \"clsx\";\n\nexport type ItemType = \"button\" | \"link\";\n\n/**\n * A bottom bar item used within the bottom bar for navigation. Should not be\n * used outside of a bottom bar.\n */\n@Component({\n  tag: \"scout-bottom-bar-item\",\n  styleUrl: \"bottom-bar-item.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutBottomBarItem {\n  /**\n   * The type of the bottom bar item, either a button or a link.\n   */\n  @Prop() type: ItemType = \"button\";\n\n  /**\n   * An optional link to navigate to when the item is clicked. Only used when\n   * `type` is set to \"link\".\n   */\n  @Prop() href?: string;\n  @Prop() target?: string;\n  @Prop() rel?: string;\n\n  /**\n   * An icon to display above the label. Must be an SVG string.\n   */\n  @Prop() icon!: string;\n\n  /**\n   * The label to display below the icon.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Whether the item is currently active. Should be set to true when the item\n   * represents the current page.\n   */\n  @Prop() active?: boolean;\n\n  @Event() scoutClick: EventEmitter<void>;\n\n  render() {\n    const Tag = this.type === \"link\" ? \"a\" : \"button\";\n\n    const props =\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      <Tag\n        class={clsx(\"button\", this.active && \"active\")}\n        onClick={() => this.scoutClick.emit()}\n        {...props}\n      >\n        <span class=\"icon\" innerHTML={this.icon} />\n        <span class=\"label\">{this.label}</span>\n      </Tag>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACA/W,MAAM,gBAAgB,GAAG,+eAA+e;;MCgB3f,kBAAkB,GAAA,MAAA;;;;;AAC7B;;AAEG;IACK,IAAI,GAAa,QAAQ;AAEjC;;;AAGG;AACK,IAAA,IAAI;AACJ,IAAA,MAAM;AACN,IAAA,GAAG;AAEX;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,KAAK;AAEb;;;AAGG;AACK,IAAA,MAAM;AAEL,IAAA,UAAU;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,QAAQ;AAEjD,QAAA,MAAM,KAAK,GACT,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,CAAA,CAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EACF,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,EAC9C,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KACjC,KAAK,EAAA,EAET,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC3C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CACnC;;;;;;;;","x_google_ignoreList":[0]}

package/dist/esm/scout-bottom-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DByXnE9g.js';
+import { r as registerInstance, h } from './index-BI7oh__S.js';
 
 const bottomBarCss = ":host{display:flex;width:100%}.container{display:flex;flex:1;height:var(--spacing-14);border-top:1px solid var(--color-neutral-100)}";
 
@@ -7,7 +7,7 @@ const ScoutBottomBar = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("nav", { key: '0904c3ec8b60ca5fe9a2ed4d68ea2b6fcb55f0dc', class: "container" }, h("slot", { key: '18223004272416c7ced4ff31a160adbb451a7367' })));
+        return (h("nav", { key: '9bee87231edda78b5d5b52cbba60c4686f98307b', class: "container" }, h("slot", { key: 'f6d625aa11702ee7382384aa32f8a8d8e5bf55f8' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/scout-button.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-DByXnE9g.js';
+import { r as registerInstance, c as createEvent, h } from './index-BI7oh__S.js';
 
-const buttonCss = ":host{display:inline-flex}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3);height:var(--spacing-10);padding:0 var(--spacing-4);font:var(--type-body-base);border-radius:var(--spacing-2);border:1px solid transparent;cursor:pointer}.icon{width:var(--spacing-5);height:var(--spacing-5);margin:0 calc(var(--spacing-1) * -1)}.icon svg{width:100%;height:100%}button.primary{background-color:var(--color-background-brand-base);color:var(--color-text-brand-inverse)}button.primary:hover{background-color:var(--color-background-brand-hovered)}button.primary:active{background-color:var(--color-background-brand-pressed)}button.outlined{background-color:transparent;border-color:var(--color-background-brand-subtle-base);color:var(--color-text-brand-base)}button.outlined:hover{background-color:var(--color-background-brand-subtle-hovered)}button.outlined:active{background-color:var(--color-background-brand-subtle-pressed)}button.text{background-color:transparent;border-color:transparent;color:var(--color-text-brand-base)}button.text:hover{background-color:var(--color-background-brand-subtle-hovered)}button.text:active{background-color:var(--color-background-brand-subtle-pressed)}button.caution{background-color:var(--color-background-caution-bold-base);color:var(--color-text-caution-bold-base)}button.caution:hover{background-color:var(--color-background-caution-bold-hovered)}button.caution:active{background-color:var(--color-background-caution-bold-pressed)}button.danger{background-color:var(--color-background-danger-bold-base);color:var(--color-text-danger-bold-base)}button.danger:hover{background-color:var(--color-background-danger-bold-hovered)}button.danger:active{background-color:var(--color-background-danger-bold-pressed)}";
+const buttonCss = ":host{display:inline-flex}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3);height:var(--spacing-10);padding:0 var(--spacing-4);font:var(--type-body-base);border-radius:var(--spacing-2);border:1px solid transparent;cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.icon{width:var(--spacing-5);height:var(--spacing-5);margin:0 calc(var(--spacing-1) * -1)}.icon svg{width:100%;height:100%}.button.primary{background-color:var(--color-background-brand-base);color:var(--color-text-brand-inverse)}.button.primary:hover{background-color:var(--color-background-brand-hovered)}.button.primary:active{background-color:var(--color-background-brand-pressed)}.button.outlined{background-color:transparent;border-color:var(--color-background-brand-subtle-base);color:var(--color-text-brand-base)}.button.outlined:hover{background-color:var(--color-background-brand-subtle-hovered)}.button.outlined:active{background-color:var(--color-background-brand-subtle-pressed)}.button.text{background-color:transparent;border-color:transparent;color:var(--color-text-brand-base)}.button.text:hover{background-color:var(--color-background-brand-subtle-hovered)}.button.text:active{background-color:var(--color-background-brand-subtle-pressed)}.button.caution{background-color:var(--color-background-caution-bold-base);color:var(--color-text-caution-bold-base)}.button.caution:hover{background-color:var(--color-background-caution-bold-hovered)}.button.caution:active{background-color:var(--color-background-caution-bold-pressed)}.button.danger{background-color:var(--color-background-danger-bold-base);color:var(--color-text-danger-bold-base)}.button.danger:hover{background-color:var(--color-background-danger-bold-hovered)}.button.danger:active{background-color:var(--color-background-danger-bold-pressed)}";
 
 const ScoutButton = class {
     constructor(hostRef) {
@@ -8,6 +8,9 @@ const ScoutButton = class {
         this.scoutClick = createEvent(this, "scoutClick");
     }
     type = "button";
+    href;
+    target;
+    rel;
     /**
      * The variant primarily affects the color of the button.
      */
@@ -18,7 +21,19 @@ const ScoutButton = class {
     icon;
     scoutClick;
     render() {
-        return (h("button", { key: '7c5b9b8b4dbb40537b923585af17c81dc6ee1644', type: this.type, class: this.variant, onClick: () => this.scoutClick.emit() }, h("slot", { key: 'a89b795dbbd004cd8d9123bacf338cb87cca4953' }), this.icon && h("span", { key: '12ac9a0668ebd4d84fd02e5065f1c9802d188171', class: "icon", innerHTML: this.icon })));
+        const Tag = this.type === "link" ? "a" : "button";
+        const props = 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),
+            }
+            : {
+                type: this.type,
+            };
+        return (h(Tag, { key: 'fc7b2867c649782e166b7a363c5e3b43955a8011', class: `button ${this.variant}`, onClick: () => this.scoutClick.emit(), ...props }, h("slot", { key: '60d6e548ddf0da4bca40f1daea0fb656da8fb733' }), this.icon && h("span", { key: 'aef054b5de8cc20f5f26a9e2e82b76f43a9d3f32', class: "icon", innerHTML: this.icon })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/scout-button.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"scout-button.entry.js","sources":["src/components/button/button.css?tag=scout-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n}\n\nbutton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-3);\n  height: var(--spacing-10);\n  padding: 0 var(--spacing-4);\n  font: var(--type-body-base);\n  border-radius: var(--spacing-2);\n  border: 1px solid transparent;\n  cursor: pointer;\n}\n\n.icon {\n  width: var(--spacing-5);\n  height: var(--spacing-5);\n  margin: 0 calc(var(--spacing-1) * -1);\n}\n\n.icon svg {\n  width: 100%;\n  height: 100%;\n}\n\nbutton.primary {\n  background-color: var(--color-background-brand-base);\n  color: var(--color-text-brand-inverse);\n\n  &:hover {\n    background-color: var(--color-background-brand-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-brand-pressed);\n  }\n}\n\nbutton.outlined {\n  background-color: transparent;\n  border-color: var(--color-background-brand-subtle-base);\n  color: var(--color-text-brand-base);\n\n  &:hover {\n    background-color: var(--color-background-brand-subtle-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-brand-subtle-pressed);\n  }\n}\n\nbutton.text {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--color-text-brand-base);\n\n  &:hover {\n    background-color: var(--color-background-brand-subtle-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-brand-subtle-pressed);\n  }\n}\n\nbutton.caution {\n  background-color: var(--color-background-caution-bold-base);\n  color: var(--color-text-caution-bold-base);\n\n  &:hover {\n    background-color: var(--color-background-caution-bold-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-caution-bold-pressed);\n  }\n}\n\nbutton.danger {\n  background-color: var(--color-background-danger-bold-base);\n  color: var(--color-text-danger-bold-base);\n\n  &:hover {\n    background-color: var(--color-background-danger-bold-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-danger-bold-pressed);\n  }\n}\n","import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\n\nexport type Variant = \"primary\" | \"outlined\" | \"text\" | \"caution\" | \"danger\";\n\n/**\n * A simple button component.\n */\n@Component({\n  tag: \"scout-button\",\n  styleUrl: \"button.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutButton {\n  @Prop() type: \"button\" | \"submit\" | \"reset\" = \"button\";\n\n  /**\n   * The variant primarily affects the color of the button.\n   */\n  @Prop() variant: Variant = \"outlined\";\n\n  /**\n   * An optional icon to display alongside the button text. Must be an SVG string.\n   */\n  @Prop() icon?: string;\n\n  @Event() scoutClick: EventEmitter<void>;\n\n  render() {\n    return (\n      <button\n        type={this.type}\n        class={this.variant}\n        onClick={() => this.scoutClick.emit()}\n      >\n        <slot />\n        {this.icon && <span class=\"icon\" innerHTML={this.icon} />}\n      </button>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,kvDAAkvD;;MCcvvD,WAAW,GAAA,MAAA;;;;;IACd,IAAI,GAAkC,QAAQ;AAEtD;;AAEG;IACK,OAAO,GAAY,UAAU;AAErC;;AAEG;AACK,IAAA,IAAI;AAEH,IAAA,UAAU;IAEnB,MAAM,GAAA;AACJ,QAAA,QACE,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EAAA,EAErC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,IAAI,CAAC,IAAI,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,CAClD;;;;;;;;"}
+{"version":3,"file":"scout-button.entry.js","sources":["src/components/button/button.css?tag=scout-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n}\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-3);\n  height: var(--spacing-10);\n  padding: 0 var(--spacing-4);\n  font: var(--type-body-base);\n  border-radius: var(--spacing-2);\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.icon {\n  width: var(--spacing-5);\n  height: var(--spacing-5);\n  margin: 0 calc(var(--spacing-1) * -1);\n}\n\n.icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.button.primary {\n  background-color: var(--color-background-brand-base);\n  color: var(--color-text-brand-inverse);\n\n  &:hover {\n    background-color: var(--color-background-brand-hovered);\n  }\n\n  &:active {\n    background-color: var(--color-background-brand-pressed);\n  }\n}\n\n.button.outlined {\n  background-color: transparent;\n  border-color: var(--color-background-brand-subtle-base);\n  color: var(--color-text-brand-base);\n\n  &:hover {\n    background-color: var(--color-background-brand-subtle-hovered);\n  }\n\n  &:active {\n    background-color: var(--color-background-brand-subtle-pressed);\n  }\n}\n\n.button.text {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--color-text-brand-base);\n\n  &:hover {\n    background-color: var(--color-background-brand-subtle-hovered);\n  }\n\n  &:active {\n    background-color: var(--color-background-brand-subtle-pressed);\n  }\n}\n\n.button.caution {\n  background-color: var(--color-background-caution-bold-base);\n  color: var(--color-text-caution-bold-base);\n\n  &:hover {\n    background-color: var(--color-background-caution-bold-hovered);\n  }\n\n  &:active {\n    background-color: var(--color-background-caution-bold-pressed);\n  }\n}\n\n.button.danger {\n  background-color: var(--color-background-danger-bold-base);\n  color: var(--color-text-danger-bold-base);\n\n  &:hover {\n    background-color: var(--color-background-danger-bold-hovered);\n  }\n\n  &:active {\n    background-color: var(--color-background-danger-bold-pressed);\n  }\n}","import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\n\nexport type Variant = \"primary\" | \"outlined\" | \"text\" | \"caution\" | \"danger\";\n\n/**\n * A simple button component.\n */\n@Component({\n  tag: \"scout-button\",\n  styleUrl: \"button.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutButton {\n  @Prop() type: \"button\" | \"submit\" | \"reset\" | \"link\" = \"button\";\n\n  @Prop() href?: string;\n  @Prop() target?: string;\n  @Prop() rel?: string;\n\n  /**\n   * The variant primarily affects the color of the button.\n   */\n  @Prop() variant: Variant = \"outlined\";\n\n  /**\n   * An optional icon to display alongside the button text. Must be an SVG string.\n   */\n  @Prop() icon?: string;\n\n  @Event() scoutClick: EventEmitter<void>;\n\n  render() {\n    const Tag = this.type === \"link\" ? \"a\" : \"button\";\n\n    const props =\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            type: this.type,\n          };\n\n    return (\n      <Tag\n        class={`button ${this.variant}`}\n        onClick={() => this.scoutClick.emit()}\n        {...props}\n      >\n        <slot />\n        {this.icon && <span class=\"icon\" innerHTML={this.icon} />}\n      </Tag>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,ozDAAozD;;MCczzD,WAAW,GAAA,MAAA;;;;;IACd,IAAI,GAA2C,QAAQ;AAEvD,IAAA,IAAI;AACJ,IAAA,MAAM;AACN,IAAA,GAAG;AAEX;;AAEG;IACK,OAAO,GAAY,UAAU;AAErC;;AAEG;AACK,IAAA,IAAI;AAEH,IAAA,UAAU;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,QAAQ;AAEjD,QAAA,MAAM,KAAK,GACT,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;AACH,cAAE;gBACE,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB;AAEP,QAAA,QACE,CAAC,CAAA,GAAG,EACF,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,CAAE,CAAA,EAC/B,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EAAA,GACjC,KAAK,EAAA,EAET,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,IAAI,CAAC,IAAI,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,CACrD;;;;;;;;"}

package/dist/esm/scout-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DByXnE9g.js';
+import { r as registerInstance, h } from './index-BI7oh__S.js';
 
 const cardCss = ":host{display:block;border-radius:var(--spacing-2);border:1px solid var(--color-gray-100);padding:var(--spacing-2);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)}";
 
@@ -7,7 +7,7 @@ const ScoutCard = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: 'bde708b7482da31d53fbc29581bed3f068e26279' });
+        return h("slot", { key: '44e84e98fac4b83c20fdec40a532c752f41dffd7' });
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/scout-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-DByXnE9g.js';
+import { r as registerInstance, c as createEvent, h } from './index-BI7oh__S.js';
 
 const checkSvg = 'data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hlY2siCj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNNSAxMmw1IDVsMTAgLTEwIiAvPgo8L3N2Zz4=';
 
@@ -42,7 +42,7 @@ const ScoutCheckbox = class {
     */
     render() {
         const Tag = this.label && this.label.length ? "label" : "div";
-        return (h(Tag, { key: '2d97627d29b09521936eeef81419673d70fc75f1' }, this.label, h("span", { key: 'f62b4e360f03b4b6fb6e8fee326756552a5a631d', class: "inlineDivider" }), h("input", { key: '7ca6b74e12c369fc937d1b8c85e70c52fd9aa25c', class: "checkbox", onChange: (event) => this.onClick(event), style: { "--icon-checkbox": `url(${checkSvg})` }, type: "checkbox", id: this.ariaId, "aria-labelledby": this.ariaLabelledby, "aria-disabled": this.disabled, disabled: this.disabled, checked: this.checked })));
+        return (h(Tag, { key: '39d7814c3af4261c7b60423464d5b3167ad96003' }, this.label, h("span", { key: '10375644d673913047c66460c2c0395f0110b644', class: "inlineDivider" }), h("input", { key: '3e5c5fa2571874e75325a7a3161a15e00332cd36', class: "checkbox", onChange: (event) => this.onClick(event), style: { "--icon-checkbox": `url(${checkSvg})` }, type: "checkbox", id: this.ariaId, "aria-labelledby": this.ariaLabelledby, "aria-disabled": this.disabled, disabled: this.disabled, checked: this.checked })));
     }
 };
 ScoutCheckbox.style = checkboxCss;

package/dist/esm/scout-divider.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-BI7oh__S.js';
+
+const dividerCss = ":host{display:block;height:1px;background-color:var(--color-gray-200)}";
+
+const ScoutDivider = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return h(Host, { key: '78c9366fcd393e53b579481d31feafa643b63690' });
+    }
+    static get delegatesFocus() { return true; }
+};
+ScoutDivider.style = dividerCss;
+
+export { ScoutDivider as scout_divider };
+//# sourceMappingURL=scout-divider.entry.js.map

package/dist/esm/scout-divider.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scout-divider.entry.js","sources":["src/components/divider/divider.css?tag=scout-divider&encapsulation=shadow","src/components/divider/divider.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 1px;\n  background-color: var(--color-gray-200);\n}","import { Component, Host, h } from \"@stencil/core\";\n\n@Component({\n  tag: \"scout-divider\",\n  styleUrl: \"divider.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutDivider {\n  render() {\n    return <Host />;\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,UAAU,GAAG,wEAAwE;;MCS9E,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,OAAO,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAG;;;;;;;;"}

package/dist/esm/scout-field.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-DByXnE9g.js';
+import { r as registerInstance, a as getElement, h } from './index-BI7oh__S.js';
 
 const fieldCss = ".field.sc-scout-field{display:flex;flex-direction:column}.label.sc-scout-field{font:var(--type-label-sm);font-weight:600;color:var(--color-text-base)}.error-text.sc-scout-field{font:var(--type-label-sm);color:var(--color-text-danger-base);margin:var(--spacing-1) 0 0 0}.error-text.sc-scout-field:empty{margin:0}.help-text.sc-scout-field{font:var(--type-label-sm);color:var(--color-gray-600);margin:var(--spacing-1) 0 0 0}";
 
@@ -36,7 +36,7 @@ const ScoutField = class {
         this.errorHidden = false;
     }
     render() {
-        return (h("div", { key: '0ba5919cf10618bf4617e1ced85485a6d136f668', class: "field" }, h("label", { key: '55cac1b4eb9c0d58ea1e4045b9c85c30a384d99b', htmlFor: this.inputId, class: "label" }, this.label), h("slot", { key: 'b5931e88ad82e693ff1dc24acd99db393f048fab' }), h("p", { key: '6354b6187ba63158bdd5c784787f1612eb641db4', class: "error-text", "aria-live": "polite" }, !this.errorHidden && this.errorText), this.helpText && h("p", { key: 'ba9e47977b682fbe28afd61c6a00832506860e56', class: "help-text" }, this.helpText)));
+        return (h("div", { key: 'e38499f35a268b15962a31a2dc45361fb803a8e3', class: "field" }, h("label", { key: '3e6ba58b91285a082964bd01336fd4c7d8260835', htmlFor: this.inputId, class: "label" }, this.label), h("slot", { key: '75de87617caef28b9d90d0e112870a5cf2b08bfc' }), h("p", { key: 'f152609ade3a840a4bfd6bfef5f5aadf8060fab2', class: "error-text", "aria-live": "polite" }, !this.errorHidden && this.errorText), this.helpText && h("p", { key: '86069ef5f19840e44e79a274152742070b51e7a8', class: "help-text" }, this.helpText)));
     }
 };
 ScoutField.style = fieldCss;

package/dist/esm/scout-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-DByXnE9g.js';
+import { r as registerInstance, c as createEvent, h } from './index-BI7oh__S.js';
 
 const inputCss = ".input.sc-scout-input{height:var(--spacing-10);padding:var(--spacing-2);font:var(--type-body-base);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);background-color:var(--color-white);color:var(--color-text-base)}.input.sc-scout-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}";
 

package/dist/esm/scout-link.entry.js

@@ -0,0 +1,62 @@
+import { r as registerInstance, c as createEvent, h } from './index-BI7oh__S.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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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; }
+};
+ScoutLink.style = linkCss;
+
+export { ScoutLink as scout_link };
+//# sourceMappingURL=scout-link.entry.js.map

package/dist/esm/scout-link.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scout-link.entry.js","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"],"names":[],"mappings":";;AAAA,MAAM,OAAO,GAAG,8XAA8X;;MCSjY,SAAS,GAAA,MAAA;;;;;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;;;;;;;;"}

package/dist/esm/scout-list-view-item.entry.js

@@ -0,0 +1,62 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BI7oh__S.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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.scoutClick = createEvent(this, "scoutClick");
+    }
+    icon;
+    primary;
+    secondary;
+    type = "button";
+    href;
+    target;
+    rel;
+    scoutClick;
+    render() {
+        const Tag = this.type === "link" ? "a" : "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 (
+        // biome-ignore lint/a11y/useSemanticElements: We can't use <li> because we're using shadow DOM.
+        h(Host, { key: '075b28cf90ce6487ba7c7212c209c2fafff80c8f', role: "listitem" }, h(Tag, { key: '30bc35454f69979ade277e4e376346ef5cc01c3b', 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 === "link") {
+        //   return (
+        //     <div class="suffix-icon">
+        //       <span
+        //         class="icon"
+        //         style={{
+        //           "--icon": `url(${ChevronRightIcon})`,
+        //         }}
+        //       />
+        //     </div>
+        //   );
+        // }
+        return null;
+    }
+    static get delegatesFocus() { return true; }
+};
+ScoutListViewItem.style = listViewItemCss;
+
+export { ScoutListViewItem as scout_list_view_item };
+//# sourceMappingURL=scout-list-view-item.entry.js.map

package/dist/esm/scout-list-view-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scout-list-view-item.entry.js","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\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}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nexport type ItemType = \"button\" | \"link\";\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  @Event() scoutClick: EventEmitter<void>;\n\n  render() {\n    const Tag = this.type === \"link\" ? \"a\" : \"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      // biome-ignore lint/a11y/useSemanticElements: We can't use <li> because we're using shadow DOM.\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 === \"link\") {\n    //   return (\n    //     <div class=\"suffix-icon\">\n    //       <span\n    //         class=\"icon\"\n    //         style={{\n    //           \"--icon\": `url(${ChevronRightIcon})`,\n    //         }}\n    //       />\n    //     </div>\n    //   );\n    // }\n\n    return null;\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,klCAAklC;;MCkB7lC,iBAAiB,GAAA,MAAA;;;;;AACpB,IAAA,IAAI;AACJ,IAAA,OAAO;AACP,IAAA,SAAS;IACT,IAAI,GAAa,QAAQ;AAEzB,IAAA,IAAI;AACJ,IAAA,MAAM;AACN,IAAA,GAAG;AAEF,IAAA,UAAU;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,QAAQ;AAEjD,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;QAER;;QAEE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,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,OAAO,IAAI;;;;;;;;"}

package/dist/esm/scout-list-view.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h, H as Host } from './index-BI7oh__S.js';
+
+const listViewCss = ":host{display:flex;flex-direction:column;padding:var(--spacing-2) 0}";
+
+const ScoutListView = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (
+        // biome-ignore lint/a11y/useSemanticElements: We can't use <ul> because we're using shadow DOM.
+        h(Host, { key: '162a45f1de284bc6f737769753837c29ca51155a', role: "list" }, h("slot", { key: '6a66f07a8082b94330dc33a183a7a915139d1e39' })));
+    }
+    static get delegatesFocus() { return true; }
+};
+ScoutListView.style = listViewCss;
+
+export { ScoutListView as scout_list_view };
+//# sourceMappingURL=scout-list-view.entry.js.map

package/dist/esm/scout-list-view.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scout-list-view.entry.js","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}","import { Component, Host, h } 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  render() {\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: We can't use <ul> because we're using shadow DOM.\n      <Host role=\"list\">\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,sEAAsE;;MCS7E,aAAa,GAAA,MAAA;;;;IACxB,MAAM,GAAA;QACJ;;QAEE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,MAAM,EAAA,EACf,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;"}

package/dist/esm/scout-loader.entry.js

@@ -0,0 +1,71 @@
+import { r as registerInstance, h, H as Host } from './index-BI7oh__S.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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    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: '7a6e9a17459a3accf01b6798786f3eb7622f904f', class: this.size === 'base' ? '' : this.size }, h("div", { key: '1f04ba7a74b0a8d0292269e7784873670ecdddbe', class: "frame" }, this.getSymbols()), this.text && h("div", { key: '08c9bb14cd5aab83b66c18f1bc2509e6063f6c02', 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) })));
+    }
+};
+ScoutLoader.style = loaderCss;
+
+export { ScoutLoader as scout_loader };
+//# sourceMappingURL=scout-loader.entry.js.map