@govtechsg/sgds-web-component 3.6.0-rc.2 → 3.6.0

package/components/Alert/sgds-alert.d.ts

@@ -1,6 +1,6 @@
 import { nothing } from "lit";
 import SgdsElement from "../../base/sgds-element";
-import SgdsCloseButton from "../../internals/CloseButton/sgds-close-button";
+import SgdsCloseButton from "../CloseButton/sgds-close-button";
 import SgdsIcon from "../Icon/sgds-icon";
 export type AlertVariant = "info" | "success" | "danger" | "warning" | "neutral";
 /**

package/components/Alert/sgds-alert.js

@@ -5,7 +5,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { html } from 'lit/static-html.js';
 import SgdsElement from '../../base/sgds-element.js';
 import { watch } from '../../utils/watch.js';
-import { SgdsCloseButton } from '../../internals/CloseButton/sgds-close-button.js';
+import { SgdsCloseButton } from '../CloseButton/sgds-close-button.js';
 import { SgdsIcon } from '../Icon/sgds-icon.js';
 import css_248z from './alert.js';
 
@@ -61,7 +61,7 @@ class SgdsAlert extends SgdsElement {
                 ? html `<sgds-close-button
                   aria-label="close the alert"
                   @click=${this.close}
-                  variant=${this.outlined ? "dark" : "light"}
+                  tone=${this.outlined ? "fixed-dark" : "fixed-light"}
                 ></sgds-close-button>`
                 : nothing}
           </div>

package/components/Alert/sgds-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-alert.js","sources":["../../../src/components/Alert/sgds-alert.ts"],"sourcesContent":["import { nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit/static-html.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { watch } from \"../../utils/watch\";\nimport SgdsCloseButton from \"../../internals/CloseButton/sgds-close-button\";\nimport SgdsIcon from \"../Icon/sgds-icon\";\nimport alertStyle from \"./alert.css\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"danger\" | \"warning\" | \"neutral\";\n/**\n * @summary Alerts provide short, timely, and relevant information for your users. It can be a simple text message or customised HTML content with paragraphs, headings and links.\n *\n * @slot default - The alert's main content.\n * @slot icon - An icon to show in the alert. Pass in SVG elements.\n *\n * @event sgds-show - Emitted when the alert appears.\n * @event sgds-hide - Emitted after the alert closes.\n *\n */\nexport class SgdsAlert extends SgdsElement {\n  static styles = [...SgdsElement.styles, alertStyle];\n  /**@internal */\n  static dependencies = {\n    \"sgds-close-button\": SgdsCloseButton,\n    \"sgds-icon\": SgdsIcon\n  };\n  /** Controls the appearance of the alert  */\n  @property({ type: Boolean, reflect: true }) show = false;\n\n  /** Enables a close button that allows the user to dismiss the alert. */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /** The alert's theme variant. */\n  @property({ type: String, reflect: true }) variant: AlertVariant = \"info\";\n\n  /** Controls the alert visual between a lighter outline and a solid darker variant. */\n  @property({ type: Boolean, reflect: true }) outlined = false;\n\n  /** The title of the alert. Only text is allowed */\n  @property({ type: String, reflect: true }) title: string;\n\n  /** Closes the alert  */\n  public close() {\n    this.show = false;\n  }\n  /**@internal */\n  @watch(\"show\")\n  _handleShowChange() {\n    this.show ? this.emit(\"sgds-show\") : this.emit(\"sgds-hide\");\n  }\n\n  render() {\n    return (this.dismissible && this.show) || !this.dismissible\n      ? html`\n          <div\n            class=\"${classMap({\n              alert: true,\n              show: this.show,\n              [`alert-dismissible`]: this.dismissible,\n              outlined: this.outlined\n            })}\"\n            role=\"alert\"\n            aria-hidden=${this.show ? \"false\" : \"true\"}\n          >\n            <slot name=\"icon\"></slot>\n            <div class=\"alert-content\">\n              ${this.title ? html`<div class=\"alert-title\">${this.title}</div>` : nothing}\n              <slot></slot>\n            </div>\n            ${this.dismissible\n              ? html`<sgds-close-button\n                  aria-label=\"close the alert\"\n                  @click=${this.close}\n                  variant=${this.outlined ? \"dark\" : \"light\"}\n                ></sgds-close-button>`\n              : nothing}\n          </div>\n        `\n      : nothing;\n  }\n}\n\nexport default SgdsAlert;\n"],"names":["alertStyle"],"mappings":";;;;;;;;;;;AAWA;;;;;;;;;AASG;AACG,MAAO,SAAU,SAAQ,WAAW,CAAA;AAA1C,IAAA,WAAA,GAAA;;;QAQ8C,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;;QAGb,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;;QAGrB,IAAO,CAAA,OAAA,GAAiB,MAAM,CAAC;;QAG9B,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;KA4C9D;;IAtCQ,KAAK,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;;IAGD,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC7D;IAED,MAAM,GAAA;AACJ,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW;cACvD,IAAI,CAAA,CAAA;;AAES,mBAAA,EAAA,QAAQ,CAAC;AAChB,gBAAA,KAAK,EAAE,IAAI;gBACX,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,CAAC,CAAmB,iBAAA,CAAA,GAAG,IAAI,CAAC,WAAW;gBACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CAAA;;0BAEY,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,MAAM,CAAA;;;;AAItC,cAAA,EAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA,CAA4B,yBAAA,EAAA,IAAI,CAAC,KAAK,CAAA,MAAA,CAAQ,GAAG,OAAO,CAAA;;;AAG3E,YAAA,EAAA,IAAI,CAAC,WAAW;kBACd,IAAI,CAAA,CAAA;;AAEO,yBAAA,EAAA,IAAI,CAAC,KAAK,CAAA;4BACT,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AACtB,qCAAA,CAAA;AACxB,kBAAE,OAAO,CAAA;;AAEd,QAAA,CAAA;cACD,OAAO,CAAC;KACb;;AA3DM,SAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAU,CAArC,CAAuC;AACpD;AACO,SAAA,CAAA,YAAY,GAAG;AACpB,IAAA,mBAAmB,EAAE,eAAe;AACpC,IAAA,WAAW,EAAE,QAAQ;AACtB,CAHkB,CAGjB;AAE0C,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAc,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGb,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAqB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAgC,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG9B,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAkB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGlB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAe,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQzD,UAAA,CAAA;IADC,KAAK,CAAC,MAAM,CAAC;AAGb,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,IAAA,CAAA;;;;"}
+{"version":3,"file":"sgds-alert.js","sources":["../../../src/components/Alert/sgds-alert.ts"],"sourcesContent":["import { nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit/static-html.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { watch } from \"../../utils/watch\";\nimport SgdsCloseButton from \"../CloseButton/sgds-close-button\";\nimport SgdsIcon from \"../Icon/sgds-icon\";\nimport alertStyle from \"./alert.css\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"danger\" | \"warning\" | \"neutral\";\n/**\n * @summary Alerts provide short, timely, and relevant information for your users. It can be a simple text message or customised HTML content with paragraphs, headings and links.\n *\n * @slot default - The alert's main content.\n * @slot icon - An icon to show in the alert. Pass in SVG elements.\n *\n * @event sgds-show - Emitted when the alert appears.\n * @event sgds-hide - Emitted after the alert closes.\n *\n */\nexport class SgdsAlert extends SgdsElement {\n  static styles = [...SgdsElement.styles, alertStyle];\n  /**@internal */\n  static dependencies = {\n    \"sgds-close-button\": SgdsCloseButton,\n    \"sgds-icon\": SgdsIcon\n  };\n  /** Controls the appearance of the alert  */\n  @property({ type: Boolean, reflect: true }) show = false;\n\n  /** Enables a close button that allows the user to dismiss the alert. */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /** The alert's theme variant. */\n  @property({ type: String, reflect: true }) variant: AlertVariant = \"info\";\n\n  /** Controls the alert visual between a lighter outline and a solid darker variant. */\n  @property({ type: Boolean, reflect: true }) outlined = false;\n\n  /** The title of the alert. Only text is allowed */\n  @property({ type: String, reflect: true }) title: string;\n\n  /** Closes the alert  */\n  public close() {\n    this.show = false;\n  }\n  /**@internal */\n  @watch(\"show\")\n  _handleShowChange() {\n    this.show ? this.emit(\"sgds-show\") : this.emit(\"sgds-hide\");\n  }\n\n  render() {\n    return (this.dismissible && this.show) || !this.dismissible\n      ? html`\n          <div\n            class=\"${classMap({\n              alert: true,\n              show: this.show,\n              [`alert-dismissible`]: this.dismissible,\n              outlined: this.outlined\n            })}\"\n            role=\"alert\"\n            aria-hidden=${this.show ? \"false\" : \"true\"}\n          >\n            <slot name=\"icon\"></slot>\n            <div class=\"alert-content\">\n              ${this.title ? html`<div class=\"alert-title\">${this.title}</div>` : nothing}\n              <slot></slot>\n            </div>\n            ${this.dismissible\n              ? html`<sgds-close-button\n                  aria-label=\"close the alert\"\n                  @click=${this.close}\n                  tone=${this.outlined ? \"fixed-dark\" : \"fixed-light\"}\n                ></sgds-close-button>`\n              : nothing}\n          </div>\n        `\n      : nothing;\n  }\n}\n\nexport default SgdsAlert;\n"],"names":["alertStyle"],"mappings":";;;;;;;;;;;AAWA;;;;;;;;;AASG;AACG,MAAO,SAAU,SAAQ,WAAW,CAAA;AAA1C,IAAA,WAAA,GAAA;;;QAQ8C,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;;QAGb,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;;QAGrB,IAAO,CAAA,OAAA,GAAiB,MAAM,CAAC;;QAG9B,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;KA4C9D;;IAtCQ,KAAK,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;;IAGD,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC7D;IAED,MAAM,GAAA;AACJ,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW;cACvD,IAAI,CAAA,CAAA;;AAES,mBAAA,EAAA,QAAQ,CAAC;AAChB,gBAAA,KAAK,EAAE,IAAI;gBACX,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,CAAC,CAAmB,iBAAA,CAAA,GAAG,IAAI,CAAC,WAAW;gBACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CAAA;;0BAEY,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,MAAM,CAAA;;;;AAItC,cAAA,EAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA,CAA4B,yBAAA,EAAA,IAAI,CAAC,KAAK,CAAA,MAAA,CAAQ,GAAG,OAAO,CAAA;;;AAG3E,YAAA,EAAA,IAAI,CAAC,WAAW;kBACd,IAAI,CAAA,CAAA;;AAEO,yBAAA,EAAA,IAAI,CAAC,KAAK,CAAA;yBACZ,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,aAAa,CAAA;AAC/B,qCAAA,CAAA;AACxB,kBAAE,OAAO,CAAA;;AAEd,QAAA,CAAA;cACD,OAAO,CAAC;KACb;;AA3DM,SAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAU,CAArC,CAAuC;AACpD;AACO,SAAA,CAAA,YAAY,GAAG;AACpB,IAAA,mBAAmB,EAAE,eAAe;AACpC,IAAA,WAAW,EAAE,QAAQ;AACtB,CAHkB,CAGjB;AAE0C,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAc,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGb,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAqB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAgC,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG9B,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAkB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGlB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAe,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQzD,UAAA,CAAA;IADC,KAAK,CAAC,MAAM,CAAC;AAGb,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,IAAA,CAAA;;;;"}

package/components/Badge/index.umd.min.js

@@ -1,32 +1,32 @@
-!function(t){"function"==typeof define&&define.amd?define(t):t()}((function(){"use strict";function t(t,e,i,s){var n,r=arguments.length,o=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(o=(r<3?n(o):r>3?n(e,i,o):n(e,i))||o);return r>3&&o&&Object.defineProperty(e,i,o),o}"function"==typeof SuppressedError&&SuppressedError;
+!function(t){"function"==typeof define&&define.amd?define(t):t()}((function(){"use strict";function t(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
    * @license
    * Copyright 2019 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const e=globalThis,i=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),n=new WeakMap;class r{constructor(t,e,i){if(this._$cssResult$=!0,i!==s)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this._strings=e}get styleSheet(){let t=this._styleSheet;const e=this._strings;if(i&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=n.get(e)),void 0===t&&((this._styleSheet=t=new CSSStyleSheet).replaceSync(this.cssText),i&&n.set(e,t))}return t}toString(){return this.cssText}}const o=t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return new r("string"==typeof(i=e)?i:String(i),void 0,s);var i},a=i?t=>t:t=>t instanceof CSSStyleSheet?o(t):t
+const e=globalThis,i=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),n=new WeakMap;class o{constructor(t,e,i){if(this._$cssResult$=!0,i!==s)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this._strings=e}get styleSheet(){let t=this._styleSheet;const e=this._strings;if(i&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=n.get(e)),void 0===t&&((this._styleSheet=t=new CSSStyleSheet).replaceSync(this.cssText),i&&n.set(e,t))}return t}toString(){return this.cssText}}const r=t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return new o("string"==typeof(i=e)?i:String(i),void 0,s);var i},a=i?t=>t:t=>t instanceof CSSStyleSheet?r(t):t
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */,{is:l,defineProperty:d,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:u,getPrototypeOf:p}=Object,f=globalThis;let g;const m=f.trustedTypes,v=m?m.emptyScript:"",y=f.reactiveElementPolyfillSupportDevMode;{const t=f.litIssuedWarnings??=new Set;g=(e,i)=>{i+=` See https://lit.dev/msg/${e} for more information.`,t.has(i)||(console.warn(i),t.add(i))},g("dev-mode","Lit is in dev mode. Not recommended for production!"),f.ShadyDOM?.inUse&&void 0===y&&g("polyfill-support-missing","Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded.")}const b=(t,e)=>t,_={toAttribute(t,e){switch(e){case Boolean:t=t?v:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},w=(t,e)=>!l(t,e),x={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:w};Symbol.metadata??=Symbol("metadata"),f.litPropertyMetadata??=new WeakMap;class $ extends HTMLElement{static addInitializer(t){this.__prepare(),(this._initializers??=[]).push(t)}static get observedAttributes(){return this.finalize(),this.__attributeToPropertyMap&&[...this.__attributeToPropertyMap.keys()]}static createProperty(t,e=x){if(e.state&&(e.attribute=!1),this.__prepare(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol.for(`${String(t)} (@property() cache)`),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&d(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:n}=c(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};if(null==s){if("value"in(c(this.prototype,t)??{}))throw new Error(`Field ${JSON.stringify(String(t))} on ${this.name} was declared as a reactive property but it's actually declared as a value on the prototype. Usually this is due to using @property or @state on a method.`);g("reactive-property-without-getter",`Field ${JSON.stringify(String(t))} on ${this.name} was declared as a reactive property but it does not have a getter. This will be an error in a future version of Lit.`)}return{get(){return s?.call(this)},set(e){const r=s?.call(this);n.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??x}static __prepare(){if(this.hasOwnProperty(b("elementProperties")))return;const t=p(this);t.finalize(),void 0!==t._initializers&&(this._initializers=[...t._initializers]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(b("finalized")))return;if(this.finalized=!0,this.__prepare(),this.hasOwnProperty(b("properties"))){const t=this.properties,e=[...h(t),...u(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this.__attributeToPropertyMap=new Map;for(const[t,e]of this.elementProperties){const i=this.__attributeNameForProperty(t,e);void 0!==i&&this.__attributeToPropertyMap.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles),this.hasOwnProperty("createProperty")&&g("no-override-create-property","Overriding ReactiveElement.createProperty() is deprecated. The override will not be called with standard decorators"),this.hasOwnProperty("getPropertyDescriptor")&&g("no-override-get-property-descriptor","Overriding ReactiveElement.getPropertyDescriptor() is deprecated. The override will not be called with standard decorators")}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(a(t))}else void 0!==t&&e.push(a(t));return e}static __attributeNameForProperty(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this.__instanceProperties=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this.__reflectingProperty=null,this.__initialize()}__initialize(){this.__updatePromise=new Promise((t=>this.enableUpdating=t)),this._$changedProperties=new Map,this.__saveInstanceProperties(),this.requestUpdate(),this.constructor._initializers?.forEach((t=>t(this)))}addController(t){(this.__controllers??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this.__controllers?.delete(t)}__saveInstanceProperties(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this.__instanceProperties=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,s)=>{if(i)t.adoptedStyleSheets=s.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of s){const s=document.createElement("style"),n=e.litNonce;void 0!==n&&s.setAttribute("nonce",n),s.textContent=i.cssText,t.appendChild(s)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this.__controllers?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this.__controllers?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$attributeToProperty(t,i)}__propertyToAttribute(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor.__attributeNameForProperty(t,i);if(void 0!==s&&!0===i.reflect){const n=(void 0!==i.converter?.toAttribute?i.converter:_).toAttribute(e,i.type);this.constructor.enabledWarnings.includes("migration")&&void 0===n&&g("undefined-attribute-value",`The attribute value for the ${t} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`),this.__reflectingProperty=t,null==n?this.removeAttribute(s):this.setAttribute(s,n),this.__reflectingProperty=null}}_$attributeToProperty(t,e){const i=this.constructor,s=i.__attributeToPropertyMap.get(t);if(void 0!==s&&this.__reflectingProperty!==s){const t=i.getPropertyOptions(s),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:_;this.__reflectingProperty=s,this[s]=n.fromAttribute(e,t.type),this.__reflectingProperty=null}}requestUpdate(t,e,i){if(void 0!==t){t instanceof Event&&g("","The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()"),i??=this.constructor.getPropertyOptions(t);if(!(i.hasChanged??w)(this[t],e))return;this._$changeProperty(t,e,i)}!1===this.isUpdatePending&&(this.__updatePromise=this.__enqueueUpdate())}_$changeProperty(t,e,i){this._$changedProperties.has(t)||this._$changedProperties.set(t,e),!0===i.reflect&&this.__reflectingProperty!==t&&(this.__reflectingProperties??=new Set).add(t)}async __enqueueUpdate(){this.isUpdatePending=!0;try{await this.__updatePromise}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){const t=this.performUpdate();return this.constructor.enabledWarnings.includes("async-perform-update")&&"function"==typeof t?.then&&g("async-perform-update",`Element ${this.localName} returned a Promise from performUpdate(). This behavior is deprecated and will be removed in a future version of ReactiveElement.`),t}performUpdate(){if(!this.isUpdatePending)return;var t;if(t={kind:"update"},f.emitLitDebugLogEvents&&f.dispatchEvent(new CustomEvent("lit-debug",{detail:t})),!this.hasUpdated){this.renderRoot??=this.createRenderRoot();{const t=[...this.constructor.elementProperties.keys()].filter((t=>this.hasOwnProperty(t)&&t in p(this)));if(t.length)throw new Error(`The following properties on element ${this.localName} will not trigger updates as expected because they are set using class fields: ${t.join(", ")}. Native class fields and some compiled output will overwrite accessors used for detecting changes. See https://lit.dev/msg/class-field-shadowing for more information.`)}if(this.__instanceProperties){for(const[t,e]of this.__instanceProperties)this[t]=e;this.__instanceProperties=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$changedProperties.has(e)||void 0===this[e]||this._$changeProperty(e,this[e],i)}let e=!1;const i=this._$changedProperties;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),this.__controllers?.forEach((t=>t.hostUpdate?.())),this.update(i)):this.__markUpdated()}catch(t){throw e=!1,this.__markUpdated(),t}e&&this._$didUpdate(i)}willUpdate(t){}_$didUpdate(t){this.__controllers?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t),this.isUpdatePending&&this.constructor.enabledWarnings.includes("change-in-update")&&g("change-in-update",`Element ${this.localName} scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update.`)}__markUpdated(){this._$changedProperties=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.__updatePromise}shouldUpdate(t){return!0}update(t){this.__reflectingProperties&&=this.__reflectingProperties.forEach((t=>this.__propertyToAttribute(t,this[t]))),this.__markUpdated()}updated(t){}firstUpdated(t){}}$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[b("elementProperties")]=new Map,$[b("finalized")]=new Map,y?.({ReactiveElement:$});{$.enabledWarnings=["change-in-update","async-perform-update"];const t=function(t){t.hasOwnProperty(b("enabledWarnings"))||(t.enabledWarnings=t.enabledWarnings.slice())};$.enableWarning=function(e){t(this),this.enabledWarnings.includes(e)||this.enabledWarnings.push(e)},$.disableWarning=function(e){t(this);const i=this.enabledWarnings.indexOf(e);i>=0&&this.enabledWarnings.splice(i,1)}}(f.reactiveElementVersions??=[]).push("2.0.4"),f.reactiveElementVersions.length>1&&g("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
+   */,{is:l,defineProperty:d,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:u,getPrototypeOf:p}=Object,f=globalThis;let g;const m=f.trustedTypes,v=m?m.emptyScript:"",b=f.reactiveElementPolyfillSupportDevMode;{const t=f.litIssuedWarnings??=new Set;g=(e,i)=>{i+=` See https://lit.dev/msg/${e} for more information.`,t.has(i)||(console.warn(i),t.add(i))},g("dev-mode","Lit is in dev mode. Not recommended for production!"),f.ShadyDOM?.inUse&&void 0===b&&g("polyfill-support-missing","Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded.")}const y=(t,e)=>t,_={toAttribute(t,e){switch(e){case Boolean:t=t?v:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},w=(t,e)=>!l(t,e),x={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:w};Symbol.metadata??=Symbol("metadata"),f.litPropertyMetadata??=new WeakMap;class $ extends HTMLElement{static addInitializer(t){this.__prepare(),(this._initializers??=[]).push(t)}static get observedAttributes(){return this.finalize(),this.__attributeToPropertyMap&&[...this.__attributeToPropertyMap.keys()]}static createProperty(t,e=x){if(e.state&&(e.attribute=!1),this.__prepare(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol.for(`${String(t)} (@property() cache)`),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&d(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:n}=c(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};if(null==s){if("value"in(c(this.prototype,t)??{}))throw new Error(`Field ${JSON.stringify(String(t))} on ${this.name} was declared as a reactive property but it's actually declared as a value on the prototype. Usually this is due to using @property or @state on a method.`);g("reactive-property-without-getter",`Field ${JSON.stringify(String(t))} on ${this.name} was declared as a reactive property but it does not have a getter. This will be an error in a future version of Lit.`)}return{get(){return s?.call(this)},set(e){const o=s?.call(this);n.call(this,e),this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??x}static __prepare(){if(this.hasOwnProperty(y("elementProperties")))return;const t=p(this);t.finalize(),void 0!==t._initializers&&(this._initializers=[...t._initializers]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(y("finalized")))return;if(this.finalized=!0,this.__prepare(),this.hasOwnProperty(y("properties"))){const t=this.properties,e=[...h(t),...u(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this.__attributeToPropertyMap=new Map;for(const[t,e]of this.elementProperties){const i=this.__attributeNameForProperty(t,e);void 0!==i&&this.__attributeToPropertyMap.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles),this.hasOwnProperty("createProperty")&&g("no-override-create-property","Overriding ReactiveElement.createProperty() is deprecated. The override will not be called with standard decorators"),this.hasOwnProperty("getPropertyDescriptor")&&g("no-override-get-property-descriptor","Overriding ReactiveElement.getPropertyDescriptor() is deprecated. The override will not be called with standard decorators")}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(a(t))}else void 0!==t&&e.push(a(t));return e}static __attributeNameForProperty(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this.__instanceProperties=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this.__reflectingProperty=null,this.__initialize()}__initialize(){this.__updatePromise=new Promise((t=>this.enableUpdating=t)),this._$changedProperties=new Map,this.__saveInstanceProperties(),this.requestUpdate(),this.constructor._initializers?.forEach((t=>t(this)))}addController(t){(this.__controllers??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this.__controllers?.delete(t)}__saveInstanceProperties(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this.__instanceProperties=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,s)=>{if(i)t.adoptedStyleSheets=s.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of s){const s=document.createElement("style"),n=e.litNonce;void 0!==n&&s.setAttribute("nonce",n),s.textContent=i.cssText,t.appendChild(s)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this.__controllers?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this.__controllers?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$attributeToProperty(t,i)}__propertyToAttribute(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor.__attributeNameForProperty(t,i);if(void 0!==s&&!0===i.reflect){const n=(void 0!==i.converter?.toAttribute?i.converter:_).toAttribute(e,i.type);this.constructor.enabledWarnings.includes("migration")&&void 0===n&&g("undefined-attribute-value",`The attribute value for the ${t} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`),this.__reflectingProperty=t,null==n?this.removeAttribute(s):this.setAttribute(s,n),this.__reflectingProperty=null}}_$attributeToProperty(t,e){const i=this.constructor,s=i.__attributeToPropertyMap.get(t);if(void 0!==s&&this.__reflectingProperty!==s){const t=i.getPropertyOptions(s),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:_;this.__reflectingProperty=s,this[s]=n.fromAttribute(e,t.type),this.__reflectingProperty=null}}requestUpdate(t,e,i){if(void 0!==t){t instanceof Event&&g("","The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()"),i??=this.constructor.getPropertyOptions(t);if(!(i.hasChanged??w)(this[t],e))return;this._$changeProperty(t,e,i)}!1===this.isUpdatePending&&(this.__updatePromise=this.__enqueueUpdate())}_$changeProperty(t,e,i){this._$changedProperties.has(t)||this._$changedProperties.set(t,e),!0===i.reflect&&this.__reflectingProperty!==t&&(this.__reflectingProperties??=new Set).add(t)}async __enqueueUpdate(){this.isUpdatePending=!0;try{await this.__updatePromise}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){const t=this.performUpdate();return this.constructor.enabledWarnings.includes("async-perform-update")&&"function"==typeof t?.then&&g("async-perform-update",`Element ${this.localName} returned a Promise from performUpdate(). This behavior is deprecated and will be removed in a future version of ReactiveElement.`),t}performUpdate(){if(!this.isUpdatePending)return;var t;if(t={kind:"update"},f.emitLitDebugLogEvents&&f.dispatchEvent(new CustomEvent("lit-debug",{detail:t})),!this.hasUpdated){this.renderRoot??=this.createRenderRoot();{const t=[...this.constructor.elementProperties.keys()].filter((t=>this.hasOwnProperty(t)&&t in p(this)));if(t.length)throw new Error(`The following properties on element ${this.localName} will not trigger updates as expected because they are set using class fields: ${t.join(", ")}. Native class fields and some compiled output will overwrite accessors used for detecting changes. See https://lit.dev/msg/class-field-shadowing for more information.`)}if(this.__instanceProperties){for(const[t,e]of this.__instanceProperties)this[t]=e;this.__instanceProperties=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$changedProperties.has(e)||void 0===this[e]||this._$changeProperty(e,this[e],i)}let e=!1;const i=this._$changedProperties;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),this.__controllers?.forEach((t=>t.hostUpdate?.())),this.update(i)):this.__markUpdated()}catch(t){throw e=!1,this.__markUpdated(),t}e&&this._$didUpdate(i)}willUpdate(t){}_$didUpdate(t){this.__controllers?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t),this.isUpdatePending&&this.constructor.enabledWarnings.includes("change-in-update")&&g("change-in-update",`Element ${this.localName} scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update.`)}__markUpdated(){this._$changedProperties=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.__updatePromise}shouldUpdate(t){return!0}update(t){this.__reflectingProperties&&=this.__reflectingProperties.forEach((t=>this.__propertyToAttribute(t,this[t]))),this.__markUpdated()}updated(t){}firstUpdated(t){}}$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[y("elementProperties")]=new Map,$[y("finalized")]=new Map,b?.({ReactiveElement:$});{$.enabledWarnings=["change-in-update","async-perform-update"];const t=function(t){t.hasOwnProperty(y("enabledWarnings"))||(t.enabledWarnings=t.enabledWarnings.slice())};$.enableWarning=function(e){t(this),this.enabledWarnings.includes(e)||this.enabledWarnings.push(e)},$.disableWarning=function(e){t(this);const i=this.enabledWarnings.indexOf(e);i>=0&&this.enabledWarnings.splice(i,1)}}(f.reactiveElementVersions??=[]).push("2.0.4"),f.reactiveElementVersions.length>1&&g("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const S=globalThis,P=t=>{S.emitLitDebugLogEvents&&S.dispatchEvent(new CustomEvent("lit-debug",{detail:t}))};let C,E=0;S.litIssuedWarnings??=new Set,C=(t,e)=>{e+=t?` See https://lit.dev/msg/${t} for more information.`:"",S.litIssuedWarnings.has(e)||(console.warn(e),S.litIssuedWarnings.add(e))},C("dev-mode","Lit is in dev mode. Not recommended for production!");const k=S.ShadyDOM?.inUse&&!0===S.ShadyDOM?.noPatch?S.ShadyDOM.wrap:t=>t,T=S.trustedTypes,U=T?T.createPolicy("lit-html",{createHTML:t=>t}):void 0,O=t=>t,R=(t,e,i)=>O,z=t=>{if(nt!==R)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");nt=t},A=()=>{nt=R},N=(t,e,i)=>nt(t,e,i),L="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+M,D=`<${V}>`,W=document,B=()=>W.createComment(""),F=t=>null===t||"object"!=typeof t&&"function"!=typeof t,H=Array.isArray,I="[ \t\n\f\r]",j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,q=/-->/g,J=/>/g,Z=new RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),X=/'/g,Y=/"/g,G=/^(?:script|style|textarea|title)$/i,K=(Q=1,(t,...e)=>(t.some((t=>void 0===t))&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),e.some((t=>t?._$litStatic$))&&C("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:Q,strings:t,values:e}));var Q;const tt=Symbol.for("lit-noChange"),et=Symbol.for("lit-nothing"),it=new WeakMap,st=W.createTreeWalker(W,129);let nt=R;function rt(t,e){if(!H(t)||!t.hasOwnProperty("raw")){let t="invalid template strings array";throw t="\n          Internal Error: expected template strings to be an array\n          with a 'raw' field. Faking a template strings array by\n          calling html or svg like an ordinary function is effectively\n          the same as calling unsafeHtml and can lead to major security\n          issues, e.g. opening your code up to XSS attacks.\n          If you're using the html or svg tagged template functions normally\n          and still seeing this error, please file a bug at\n          https://github.com/lit/lit/issues/new?template=bug_report.md\n          and include information about your build tooling, if any.\n        ".trim().replace(/\n */g,"\n"),new Error(t)}return void 0!==U?U.createHTML(e):e}class ot{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let n=0,r=0;const o=t.length-1,a=this.parts,[l,d]=((t,e)=>{const i=t.length-1,s=[];let n,r=2===e?"<svg>":3===e?"<math>":"",o=j;for(let e=0;e<i;e++){const i=t[e];let a,l,d=-1,c=0;for(;c<i.length&&(o.lastIndex=c,l=o.exec(i),null!==l);)if(c=o.lastIndex,o===j){if("!--"===l[1])o=q;else if(void 0!==l[1])o=J;else if(void 0!==l[2])G.test(l[2])&&(n=new RegExp(`</${l[2]}`,"g")),o=Z;else if(void 0!==l[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else o===Z?">"===l[0]?(o=n??j,d=-1):void 0===l[1]?d=-2:(d=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?Z:'"'===l[3]?Y:X):o===Y||o===X?o=Z:o===q||o===J?o=j:(o=Z,n=void 0);console.assert(-1===d||o===Z||o===X||o===Y,"unexpected parse state B");const h=o===Z&&t[e+1].startsWith("/>")?" ":"";r+=o===j?i+D:d>=0?(s.push(a),i.slice(0,d)+L+i.slice(d)+M+h):i+M+(-2===d?e:h)}return[rt(t,r+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),s]})(t,e);if(this.el=ot.createElement(l,i),st.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(s=st.nextNode())&&a.length<o;){if(1===s.nodeType){{const t=s.localName;if(/^(?:textarea|template)$/i.test(t)&&s.innerHTML.includes(M)){const e=`Expressions are not supported inside \`${t}\` elements. See https://lit.dev/msg/expression-in-${t} for more information.`;if("template"===t)throw new Error(e);C("",e)}}if(s.hasAttributes())for(const t of s.getAttributeNames())if(t.endsWith(L)){const e=d[r++],i=s.getAttribute(t).split(M),o=/([.?@])?(.*)/.exec(e);a.push({type:1,index:n,name:o[2],strings:i,ctor:"."===o[1]?ht:"?"===o[1]?ut:"@"===o[1]?pt:ct}),s.removeAttribute(t)}else t.startsWith(M)&&(a.push({type:6,index:n}),s.removeAttribute(t));if(G.test(s.tagName)){const t=s.textContent.split(M),e=t.length-1;if(e>0){s.textContent=T?T.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],B()),st.nextNode(),a.push({type:2,index:++n});s.append(t[e],B())}}}else if(8===s.nodeType){if(s.data===V)a.push({type:2,index:n});else{let t=-1;for(;-1!==(t=s.data.indexOf(M,t+1));)a.push({type:7,index:n}),t+=M.length-1}}n++}if(d.length!==r)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+t.join("${...}")+"`");P&&P({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:t})}static createElement(t,e){const i=W.createElement("template");return i.innerHTML=t,i}}function at(t,e,i=t,s){if(e===tt)return e;let n=void 0!==s?i.__directives?.[s]:i.__directive;const r=F(e)?void 0:e._$litDirective$;return n?.constructor!==r&&(n?._$notifyDirectiveConnectionChanged?.(!1),void 0===r?n=void 0:(n=new r(t),n._$initialize(t,i,s)),void 0!==s?(i.__directives??=[])[s]=n:i.__directive=n),void 0!==n&&(e=at(t,n._$resolve(t,e.values),n,s)),e}class lt{constructor(t,e){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=t,this._$parent=e}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(t){const{el:{content:e},parts:i}=this._$template,s=(t?.creationScope??W).importNode(e,!0);st.currentNode=s;let n=st.nextNode(),r=0,o=0,a=i[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new dt(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new ft(n,this,t)),this._$parts.push(e),a=i[++o]}r!==a?.index&&(n=st.nextNode(),r++)}return st.currentNode=W,s}_update(t){let e=0;for(const i of this._$parts)void 0!==i&&(P&&P({kind:"set part",part:i,value:t[e],valueIndex:e,values:t,templateInstance:this}),void 0!==i.strings?(i._$setValue(t,i,e),e+=i.strings.length-2):i._$setValue(t[e])),e++}}class dt{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(t,e,i,s){this.type=2,this._$committedValue=et,this._$disconnectableChildren=void 0,this._$startNode=t,this._$endNode=e,this._$parent=i,this.options=s,this.__isConnected=s?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let t=k(this._$startNode).parentNode;const e=this._$parent;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(t,e=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(t=at(this,t,e),F(t))t===et||null==t||""===t?(this._$committedValue!==et&&(P&&P({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=et):t!==this._$committedValue&&t!==tt&&this._commitText(t);else if(void 0!==t._$litType$)this._commitTemplateResult(t);else if(void 0!==t.nodeType){if(this.options?.host===t)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",t,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(t)}else(t=>H(t)||"function"==typeof t?.[Symbol.iterator])(t)?this._commitIterable(t):this._commitText(t)}_insert(t){return k(k(this._$startNode).parentNode).insertBefore(t,this._$endNode)}_commitNode(t){if(this._$committedValue!==t){if(this._$clear(),nt!==R){const t=this._$startNode.parentNode?.nodeName;if("STYLE"===t||"SCRIPT"===t){let e="Forbidden";throw e="STYLE"===t?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(e)}}P&&P({kind:"commit node",start:this._$startNode,parent:this._$parent,value:t,options:this.options}),this._$committedValue=this._insert(t)}}_commitText(t){if(this._$committedValue!==et&&F(this._$committedValue)){const e=k(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=N(e,"data","property")),t=this._textSanitizer(t),P&&P({kind:"commit text",node:e,value:t,options:this.options}),e.data=t}else{const e=W.createTextNode("");this._commitNode(e),void 0===this._textSanitizer&&(this._textSanitizer=N(e,"data","property")),t=this._textSanitizer(t),P&&P({kind:"commit text",node:e,value:t,options:this.options}),e.data=t}this._$committedValue=t}_commitTemplateResult(t){const{values:e,_$litType$:i}=t,s="number"==typeof i?this._$getTemplate(t):(void 0===i.el&&(i.el=ot.createElement(rt(i.h,i.h[0]),this.options)),i);if(this._$committedValue?._$template===s)P&&P({kind:"template updating",template:s,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:e}),this._$committedValue._update(e);else{const t=new lt(s,this),i=t._clone(this.options);P&&P({kind:"template instantiated",template:s,instance:t,parts:t._$parts,options:this.options,fragment:i,values:e}),t._update(e),P&&P({kind:"template instantiated and updated",template:s,instance:t,parts:t._$parts,options:this.options,fragment:i,values:e}),this._commitNode(i),this._$committedValue=t}}_$getTemplate(t){let e=it.get(t.strings);return void 0===e&&it.set(t.strings,e=new ot(t)),e}_commitIterable(t){H(this._$committedValue)||(this._$committedValue=[],this._$clear());const e=this._$committedValue;let i,s=0;for(const n of t)s===e.length?e.push(i=new dt(this._insert(B()),this._insert(B()),this,this.options)):i=e[s],i._$setValue(n),s++;s<e.length&&(this._$clear(i&&k(i._$endNode).nextSibling,s),e.length=s)}_$clear(t=k(this._$startNode).nextSibling,e){for(this._$notifyConnectionChanged?.(!1,!0,e);t&&t!==this._$endNode;){const e=k(t).nextSibling;k(t).remove(),t=e}}setConnected(t){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=t,this._$notifyConnectionChanged?.(t)}}class ct{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(t,e,i,s,n){this.type=1,this._$committedValue=et,this._$disconnectableChildren=void 0,this.element=t,this.name=e,this._$parent=s,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$committedValue=new Array(i.length-1).fill(new String),this.strings=i):this._$committedValue=et,this._sanitizer=void 0}_$setValue(t,e=this,i,s){const n=this.strings;let r=!1;if(void 0===n)t=at(this,t,e,0),r=!F(t)||t!==this._$committedValue&&t!==tt,r&&(this._$committedValue=t);else{const s=t;let o,a;for(t=n[0],o=0;o<n.length-1;o++)a=at(this,s[i+o],e,o),a===tt&&(a=this._$committedValue[o]),r||=!F(a)||a!==this._$committedValue[o],a===et?t=et:t!==et&&(t+=(a??"")+n[o+1]),this._$committedValue[o]=a}r&&!s&&this._commitValue(t)}_commitValue(t){t===et?k(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=nt(this.element,this.name,"attribute")),t=this._sanitizer(t??""),P&&P({kind:"commit attribute",element:this.element,name:this.name,value:t,options:this.options}),k(this.element).setAttribute(this.name,t??""))}}class ht extends ct{constructor(){super(...arguments),this.type=3}_commitValue(t){void 0===this._sanitizer&&(this._sanitizer=nt(this.element,this.name,"property")),t=this._sanitizer(t),P&&P({kind:"commit property",element:this.element,name:this.name,value:t,options:this.options}),this.element[this.name]=t===et?void 0:t}}class ut extends ct{constructor(){super(...arguments),this.type=4}_commitValue(t){P&&P({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!t||t===et),options:this.options}),k(this.element).toggleAttribute(this.name,!!t&&t!==et)}}class pt extends ct{constructor(t,e,i,s,n){if(super(t,e,i,s,n),this.type=5,void 0!==this.strings)throw new Error(`A \`<${t.localName}>\` has a \`@${e}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(t,e=this){if((t=at(this,t,e,0)??et)===tt)return;const i=this._$committedValue,s=t===et&&i!==et||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==et&&(i===et||s);P&&P({kind:"commit event listener",element:this.element,name:this.name,value:t,options:this.options,removeListener:s,addListener:n,oldListener:i}),s&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$committedValue=t}handleEvent(t){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,t):this._$committedValue.handleEvent(t)}}class ft{constructor(t,e,i){this.element=t,this.type=6,this._$disconnectableChildren=void 0,this._$parent=e,this.options=i}get _$isConnected(){return this._$parent._$isConnected}_$setValue(t){P&&P({kind:"commit to element binding",element:this.element,value:t,options:this.options}),at(this,t)}}const gt=S.litHtmlPolyfillSupportDevMode;gt?.(ot,dt),(S.litHtmlVersions??=[]).push("3.2.0"),S.litHtmlVersions.length>1&&C("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");const mt=(t,e,i)=>{if(null==e)throw new TypeError(`The container to render into may not be ${e}`);const s=E++,n=i?.renderBefore??e;let r=n._$litPart$;if(P&&P({kind:"begin render",id:s,value:t,container:e,options:i,part:r}),void 0===r){const t=i?.renderBefore??null;n._$litPart$=r=new dt(e.insertBefore(B(),t),t,void 0,i??{})}return r._$setValue(t),P&&P({kind:"end render",id:s,value:t,container:e,options:i,part:r}),r};mt.setSanitizer=z,mt.createSanitizer=N,mt._testOnlyClearSanitizerFactoryDoNotCallOrElse=A;
+const S=globalThis,P=t=>{S.emitLitDebugLogEvents&&S.dispatchEvent(new CustomEvent("lit-debug",{detail:t}))};let C,k=0;S.litIssuedWarnings??=new Set,C=(t,e)=>{e+=t?` See https://lit.dev/msg/${t} for more information.`:"",S.litIssuedWarnings.has(e)||(console.warn(e),S.litIssuedWarnings.add(e))},C("dev-mode","Lit is in dev mode. Not recommended for production!");const E=S.ShadyDOM?.inUse&&!0===S.ShadyDOM?.noPatch?S.ShadyDOM.wrap:t=>t,T=S.trustedTypes,U=T?T.createPolicy("lit-html",{createHTML:t=>t}):void 0,O=t=>t,R=(t,e,i)=>O,z=t=>{if(nt!==R)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");nt=t},A=()=>{nt=R},N=(t,e,i)=>nt(t,e,i),L="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+M,D=`<${V}>`,W=document,B=()=>W.createComment(""),F=t=>null===t||"object"!=typeof t&&"function"!=typeof t,H=Array.isArray,I="[ \t\n\f\r]",j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,q=/-->/g,J=/>/g,Z=new RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),X=/'/g,Y=/"/g,G=/^(?:script|style|textarea|title)$/i,K=(Q=1,(t,...e)=>(t.some((t=>void 0===t))&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),e.some((t=>t?._$litStatic$))&&C("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:Q,strings:t,values:e}));var Q;const tt=Symbol.for("lit-noChange"),et=Symbol.for("lit-nothing"),it=new WeakMap,st=W.createTreeWalker(W,129);let nt=R;function ot(t,e){if(!H(t)||!t.hasOwnProperty("raw")){let t="invalid template strings array";throw t="\n          Internal Error: expected template strings to be an array\n          with a 'raw' field. Faking a template strings array by\n          calling html or svg like an ordinary function is effectively\n          the same as calling unsafeHtml and can lead to major security\n          issues, e.g. opening your code up to XSS attacks.\n          If you're using the html or svg tagged template functions normally\n          and still seeing this error, please file a bug at\n          https://github.com/lit/lit/issues/new?template=bug_report.md\n          and include information about your build tooling, if any.\n        ".trim().replace(/\n */g,"\n"),new Error(t)}return void 0!==U?U.createHTML(e):e}class rt{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let n=0,o=0;const r=t.length-1,a=this.parts,[l,d]=((t,e)=>{const i=t.length-1,s=[];let n,o=2===e?"<svg>":3===e?"<math>":"",r=j;for(let e=0;e<i;e++){const i=t[e];let a,l,d=-1,c=0;for(;c<i.length&&(r.lastIndex=c,l=r.exec(i),null!==l);)if(c=r.lastIndex,r===j){if("!--"===l[1])r=q;else if(void 0!==l[1])r=J;else if(void 0!==l[2])G.test(l[2])&&(n=new RegExp(`</${l[2]}`,"g")),r=Z;else if(void 0!==l[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else r===Z?">"===l[0]?(r=n??j,d=-1):void 0===l[1]?d=-2:(d=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?Z:'"'===l[3]?Y:X):r===Y||r===X?r=Z:r===q||r===J?r=j:(r=Z,n=void 0);console.assert(-1===d||r===Z||r===X||r===Y,"unexpected parse state B");const h=r===Z&&t[e+1].startsWith("/>")?" ":"";o+=r===j?i+D:d>=0?(s.push(a),i.slice(0,d)+L+i.slice(d)+M+h):i+M+(-2===d?e:h)}return[ot(t,o+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),s]})(t,e);if(this.el=rt.createElement(l,i),st.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(s=st.nextNode())&&a.length<r;){if(1===s.nodeType){{const t=s.localName;if(/^(?:textarea|template)$/i.test(t)&&s.innerHTML.includes(M)){const e=`Expressions are not supported inside \`${t}\` elements. See https://lit.dev/msg/expression-in-${t} for more information.`;if("template"===t)throw new Error(e);C("",e)}}if(s.hasAttributes())for(const t of s.getAttributeNames())if(t.endsWith(L)){const e=d[o++],i=s.getAttribute(t).split(M),r=/([.?@])?(.*)/.exec(e);a.push({type:1,index:n,name:r[2],strings:i,ctor:"."===r[1]?ht:"?"===r[1]?ut:"@"===r[1]?pt:ct}),s.removeAttribute(t)}else t.startsWith(M)&&(a.push({type:6,index:n}),s.removeAttribute(t));if(G.test(s.tagName)){const t=s.textContent.split(M),e=t.length-1;if(e>0){s.textContent=T?T.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],B()),st.nextNode(),a.push({type:2,index:++n});s.append(t[e],B())}}}else if(8===s.nodeType){if(s.data===V)a.push({type:2,index:n});else{let t=-1;for(;-1!==(t=s.data.indexOf(M,t+1));)a.push({type:7,index:n}),t+=M.length-1}}n++}if(d.length!==o)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+t.join("${...}")+"`");P&&P({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:t})}static createElement(t,e){const i=W.createElement("template");return i.innerHTML=t,i}}function at(t,e,i=t,s){if(e===tt)return e;let n=void 0!==s?i.__directives?.[s]:i.__directive;const o=F(e)?void 0:e._$litDirective$;return n?.constructor!==o&&(n?._$notifyDirectiveConnectionChanged?.(!1),void 0===o?n=void 0:(n=new o(t),n._$initialize(t,i,s)),void 0!==s?(i.__directives??=[])[s]=n:i.__directive=n),void 0!==n&&(e=at(t,n._$resolve(t,e.values),n,s)),e}class lt{constructor(t,e){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=t,this._$parent=e}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(t){const{el:{content:e},parts:i}=this._$template,s=(t?.creationScope??W).importNode(e,!0);st.currentNode=s;let n=st.nextNode(),o=0,r=0,a=i[0];for(;void 0!==a;){if(o===a.index){let e;2===a.type?e=new dt(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new ft(n,this,t)),this._$parts.push(e),a=i[++r]}o!==a?.index&&(n=st.nextNode(),o++)}return st.currentNode=W,s}_update(t){let e=0;for(const i of this._$parts)void 0!==i&&(P&&P({kind:"set part",part:i,value:t[e],valueIndex:e,values:t,templateInstance:this}),void 0!==i.strings?(i._$setValue(t,i,e),e+=i.strings.length-2):i._$setValue(t[e])),e++}}class dt{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(t,e,i,s){this.type=2,this._$committedValue=et,this._$disconnectableChildren=void 0,this._$startNode=t,this._$endNode=e,this._$parent=i,this.options=s,this.__isConnected=s?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let t=E(this._$startNode).parentNode;const e=this._$parent;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(t,e=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(t=at(this,t,e),F(t))t===et||null==t||""===t?(this._$committedValue!==et&&(P&&P({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=et):t!==this._$committedValue&&t!==tt&&this._commitText(t);else if(void 0!==t._$litType$)this._commitTemplateResult(t);else if(void 0!==t.nodeType){if(this.options?.host===t)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",t,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(t)}else(t=>H(t)||"function"==typeof t?.[Symbol.iterator])(t)?this._commitIterable(t):this._commitText(t)}_insert(t){return E(E(this._$startNode).parentNode).insertBefore(t,this._$endNode)}_commitNode(t){if(this._$committedValue!==t){if(this._$clear(),nt!==R){const t=this._$startNode.parentNode?.nodeName;if("STYLE"===t||"SCRIPT"===t){let e="Forbidden";throw e="STYLE"===t?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(e)}}P&&P({kind:"commit node",start:this._$startNode,parent:this._$parent,value:t,options:this.options}),this._$committedValue=this._insert(t)}}_commitText(t){if(this._$committedValue!==et&&F(this._$committedValue)){const e=E(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=N(e,"data","property")),t=this._textSanitizer(t),P&&P({kind:"commit text",node:e,value:t,options:this.options}),e.data=t}else{const e=W.createTextNode("");this._commitNode(e),void 0===this._textSanitizer&&(this._textSanitizer=N(e,"data","property")),t=this._textSanitizer(t),P&&P({kind:"commit text",node:e,value:t,options:this.options}),e.data=t}this._$committedValue=t}_commitTemplateResult(t){const{values:e,_$litType$:i}=t,s="number"==typeof i?this._$getTemplate(t):(void 0===i.el&&(i.el=rt.createElement(ot(i.h,i.h[0]),this.options)),i);if(this._$committedValue?._$template===s)P&&P({kind:"template updating",template:s,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:e}),this._$committedValue._update(e);else{const t=new lt(s,this),i=t._clone(this.options);P&&P({kind:"template instantiated",template:s,instance:t,parts:t._$parts,options:this.options,fragment:i,values:e}),t._update(e),P&&P({kind:"template instantiated and updated",template:s,instance:t,parts:t._$parts,options:this.options,fragment:i,values:e}),this._commitNode(i),this._$committedValue=t}}_$getTemplate(t){let e=it.get(t.strings);return void 0===e&&it.set(t.strings,e=new rt(t)),e}_commitIterable(t){H(this._$committedValue)||(this._$committedValue=[],this._$clear());const e=this._$committedValue;let i,s=0;for(const n of t)s===e.length?e.push(i=new dt(this._insert(B()),this._insert(B()),this,this.options)):i=e[s],i._$setValue(n),s++;s<e.length&&(this._$clear(i&&E(i._$endNode).nextSibling,s),e.length=s)}_$clear(t=E(this._$startNode).nextSibling,e){for(this._$notifyConnectionChanged?.(!1,!0,e);t&&t!==this._$endNode;){const e=E(t).nextSibling;E(t).remove(),t=e}}setConnected(t){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=t,this._$notifyConnectionChanged?.(t)}}class ct{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(t,e,i,s,n){this.type=1,this._$committedValue=et,this._$disconnectableChildren=void 0,this.element=t,this.name=e,this._$parent=s,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$committedValue=new Array(i.length-1).fill(new String),this.strings=i):this._$committedValue=et,this._sanitizer=void 0}_$setValue(t,e=this,i,s){const n=this.strings;let o=!1;if(void 0===n)t=at(this,t,e,0),o=!F(t)||t!==this._$committedValue&&t!==tt,o&&(this._$committedValue=t);else{const s=t;let r,a;for(t=n[0],r=0;r<n.length-1;r++)a=at(this,s[i+r],e,r),a===tt&&(a=this._$committedValue[r]),o||=!F(a)||a!==this._$committedValue[r],a===et?t=et:t!==et&&(t+=(a??"")+n[r+1]),this._$committedValue[r]=a}o&&!s&&this._commitValue(t)}_commitValue(t){t===et?E(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=nt(this.element,this.name,"attribute")),t=this._sanitizer(t??""),P&&P({kind:"commit attribute",element:this.element,name:this.name,value:t,options:this.options}),E(this.element).setAttribute(this.name,t??""))}}class ht extends ct{constructor(){super(...arguments),this.type=3}_commitValue(t){void 0===this._sanitizer&&(this._sanitizer=nt(this.element,this.name,"property")),t=this._sanitizer(t),P&&P({kind:"commit property",element:this.element,name:this.name,value:t,options:this.options}),this.element[this.name]=t===et?void 0:t}}class ut extends ct{constructor(){super(...arguments),this.type=4}_commitValue(t){P&&P({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!t||t===et),options:this.options}),E(this.element).toggleAttribute(this.name,!!t&&t!==et)}}class pt extends ct{constructor(t,e,i,s,n){if(super(t,e,i,s,n),this.type=5,void 0!==this.strings)throw new Error(`A \`<${t.localName}>\` has a \`@${e}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(t,e=this){if((t=at(this,t,e,0)??et)===tt)return;const i=this._$committedValue,s=t===et&&i!==et||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==et&&(i===et||s);P&&P({kind:"commit event listener",element:this.element,name:this.name,value:t,options:this.options,removeListener:s,addListener:n,oldListener:i}),s&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$committedValue=t}handleEvent(t){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,t):this._$committedValue.handleEvent(t)}}class ft{constructor(t,e,i){this.element=t,this.type=6,this._$disconnectableChildren=void 0,this._$parent=e,this.options=i}get _$isConnected(){return this._$parent._$isConnected}_$setValue(t){P&&P({kind:"commit to element binding",element:this.element,value:t,options:this.options}),at(this,t)}}const gt=S.litHtmlPolyfillSupportDevMode;gt?.(rt,dt),(S.litHtmlVersions??=[]).push("3.2.0"),S.litHtmlVersions.length>1&&C("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");const mt=(t,e,i)=>{if(null==e)throw new TypeError(`The container to render into may not be ${e}`);const s=k++,n=i?.renderBefore??e;let o=n._$litPart$;if(P&&P({kind:"begin render",id:s,value:t,container:e,options:i,part:o}),void 0===o){const t=i?.renderBefore??null;n._$litPart$=o=new dt(e.insertBefore(B(),t),t,void 0,i??{})}return o._$setValue(t),P&&P({kind:"end render",id:s,value:t,container:e,options:i,part:o}),o};mt.setSanitizer=z,mt.createSanitizer=N,mt._testOnlyClearSanitizerFactoryDoNotCallOrElse=A;
 /**
    * @license
    * Copyright 2019 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const vt=globalThis,yt=vt.ShadowRoot&&(void 0===vt.ShadyCSS||vt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,bt=Symbol(),_t=new WeakMap;class wt{constructor(t,e,i){if(this._$cssResult$=!0,i!==bt)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this._strings=e}get styleSheet(){let t=this._styleSheet;const e=this._strings;if(yt&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=_t.get(e)),void 0===t&&((this._styleSheet=t=new CSSStyleSheet).replaceSync(this.cssText),i&&_t.set(e,t))}return t}toString(){return this.cssText}}const xt=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${t}. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`)})(i)+t[s+1]),t[0]);return new wt(i,t,bt)},$t=t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return new wt("string"==typeof(i=e)?i:String(i),void 0,bt);var i},St=yt?t=>t:t=>t instanceof CSSStyleSheet?$t(t):t
+const vt=globalThis,bt=vt.ShadowRoot&&(void 0===vt.ShadyCSS||vt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,yt=Symbol(),_t=new WeakMap;class wt{constructor(t,e,i){if(this._$cssResult$=!0,i!==yt)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this._strings=e}get styleSheet(){let t=this._styleSheet;const e=this._strings;if(bt&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=_t.get(e)),void 0===t&&((this._styleSheet=t=new CSSStyleSheet).replaceSync(this.cssText),i&&_t.set(e,t))}return t}toString(){return this.cssText}}const xt=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${t}. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`)})(i)+t[s+1]),t[0]);return new wt(i,t,yt)},$t=t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return new wt("string"==typeof(i=e)?i:String(i),void 0,yt);var i},St=bt?t=>t:t=>t instanceof CSSStyleSheet?$t(t):t
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */,{is:Pt,defineProperty:Ct,getOwnPropertyDescriptor:Et,getOwnPropertyNames:kt,getOwnPropertySymbols:Tt,getPrototypeOf:Ut}=Object,Ot=globalThis;let Rt;const zt=Ot.trustedTypes,At=zt?zt.emptyScript:"",Nt=Ot.reactiveElementPolyfillSupportDevMode;{const t=Ot.litIssuedWarnings??=new Set;Rt=(e,i)=>{i+=` See https://lit.dev/msg/${e} for more information.`,t.has(i)||(console.warn(i),t.add(i))},Rt("dev-mode","Lit is in dev mode. Not recommended for production!"),Ot.ShadyDOM?.inUse&&void 0===Nt&&Rt("polyfill-support-missing","Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded.")}const Lt=(t,e)=>t,Mt={toAttribute(t,e){switch(e){case Boolean:t=t?At:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},Vt=(t,e)=>!Pt(t,e),Dt={attribute:!0,type:String,converter:Mt,reflect:!1,hasChanged:Vt};Symbol.metadata??=Symbol("metadata"),Ot.litPropertyMetadata??=new WeakMap;class Wt extends HTMLElement{static addInitializer(t){this.__prepare(),(this._initializers??=[]).push(t)}static get observedAttributes(){return this.finalize(),this.__attributeToPropertyMap&&[...this.__attributeToPropertyMap.keys()]}static createProperty(t,e=Dt){if(e.state&&(e.attribute=!1),this.__prepare(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol.for(`${String(t)} (@property() cache)`),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Ct(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:n}=Et(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};if(null==s){if("value"in(Et(this.prototype,t)??{}))throw new Error(`Field ${JSON.stringify(String(t))} on ${this.name} was declared as a reactive property but it's actually declared as a value on the prototype. Usually this is due to using @property or @state on a method.`);Rt("reactive-property-without-getter",`Field ${JSON.stringify(String(t))} on ${this.name} was declared as a reactive property but it does not have a getter. This will be an error in a future version of Lit.`)}return{get(){return s?.call(this)},set(e){const r=s?.call(this);n.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Dt}static __prepare(){if(this.hasOwnProperty(Lt("elementProperties")))return;const t=Ut(this);t.finalize(),void 0!==t._initializers&&(this._initializers=[...t._initializers]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Lt("finalized")))return;if(this.finalized=!0,this.__prepare(),this.hasOwnProperty(Lt("properties"))){const t=this.properties,e=[...kt(t),...Tt(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this.__attributeToPropertyMap=new Map;for(const[t,e]of this.elementProperties){const i=this.__attributeNameForProperty(t,e);void 0!==i&&this.__attributeToPropertyMap.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles),this.hasOwnProperty("createProperty")&&Rt("no-override-create-property","Overriding ReactiveElement.createProperty() is deprecated. The override will not be called with standard decorators"),this.hasOwnProperty("getPropertyDescriptor")&&Rt("no-override-get-property-descriptor","Overriding ReactiveElement.getPropertyDescriptor() is deprecated. The override will not be called with standard decorators")}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(St(t))}else void 0!==t&&e.push(St(t));return e}static __attributeNameForProperty(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this.__instanceProperties=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this.__reflectingProperty=null,this.__initialize()}__initialize(){this.__updatePromise=new Promise((t=>this.enableUpdating=t)),this._$changedProperties=new Map,this.__saveInstanceProperties(),this.requestUpdate(),this.constructor._initializers?.forEach((t=>t(this)))}addController(t){(this.__controllers??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this.__controllers?.delete(t)}__saveInstanceProperties(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this.__instanceProperties=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(yt)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),s=vt.litNonce;void 0!==s&&e.setAttribute("nonce",s),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this.__controllers?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this.__controllers?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$attributeToProperty(t,i)}__propertyToAttribute(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor.__attributeNameForProperty(t,i);if(void 0!==s&&!0===i.reflect){const n=(void 0!==i.converter?.toAttribute?i.converter:Mt).toAttribute(e,i.type);this.constructor.enabledWarnings.includes("migration")&&void 0===n&&Rt("undefined-attribute-value",`The attribute value for the ${t} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`),this.__reflectingProperty=t,null==n?this.removeAttribute(s):this.setAttribute(s,n),this.__reflectingProperty=null}}_$attributeToProperty(t,e){const i=this.constructor,s=i.__attributeToPropertyMap.get(t);if(void 0!==s&&this.__reflectingProperty!==s){const t=i.getPropertyOptions(s),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:Mt;this.__reflectingProperty=s,this[s]=n.fromAttribute(e,t.type),this.__reflectingProperty=null}}requestUpdate(t,e,i){if(void 0!==t){t instanceof Event&&Rt("","The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()"),i??=this.constructor.getPropertyOptions(t);if(!(i.hasChanged??Vt)(this[t],e))return;this._$changeProperty(t,e,i)}!1===this.isUpdatePending&&(this.__updatePromise=this.__enqueueUpdate())}_$changeProperty(t,e,i){this._$changedProperties.has(t)||this._$changedProperties.set(t,e),!0===i.reflect&&this.__reflectingProperty!==t&&(this.__reflectingProperties??=new Set).add(t)}async __enqueueUpdate(){this.isUpdatePending=!0;try{await this.__updatePromise}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){const t=this.performUpdate();return this.constructor.enabledWarnings.includes("async-perform-update")&&"function"==typeof t?.then&&Rt("async-perform-update",`Element ${this.localName} returned a Promise from performUpdate(). This behavior is deprecated and will be removed in a future version of ReactiveElement.`),t}performUpdate(){if(!this.isUpdatePending)return;var t;if(t={kind:"update"},Ot.emitLitDebugLogEvents&&Ot.dispatchEvent(new CustomEvent("lit-debug",{detail:t})),!this.hasUpdated){this.renderRoot??=this.createRenderRoot();{const t=[...this.constructor.elementProperties.keys()].filter((t=>this.hasOwnProperty(t)&&t in Ut(this)));if(t.length)throw new Error(`The following properties on element ${this.localName} will not trigger updates as expected because they are set using class fields: ${t.join(", ")}. Native class fields and some compiled output will overwrite accessors used for detecting changes. See https://lit.dev/msg/class-field-shadowing for more information.`)}if(this.__instanceProperties){for(const[t,e]of this.__instanceProperties)this[t]=e;this.__instanceProperties=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$changedProperties.has(e)||void 0===this[e]||this._$changeProperty(e,this[e],i)}let e=!1;const i=this._$changedProperties;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),this.__controllers?.forEach((t=>t.hostUpdate?.())),this.update(i)):this.__markUpdated()}catch(t){throw e=!1,this.__markUpdated(),t}e&&this._$didUpdate(i)}willUpdate(t){}_$didUpdate(t){this.__controllers?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t),this.isUpdatePending&&this.constructor.enabledWarnings.includes("change-in-update")&&Rt("change-in-update",`Element ${this.localName} scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update.`)}__markUpdated(){this._$changedProperties=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.__updatePromise}shouldUpdate(t){return!0}update(t){this.__reflectingProperties&&=this.__reflectingProperties.forEach((t=>this.__propertyToAttribute(t,this[t]))),this.__markUpdated()}updated(t){}firstUpdated(t){}}Wt.elementStyles=[],Wt.shadowRootOptions={mode:"open"},Wt[Lt("elementProperties")]=new Map,Wt[Lt("finalized")]=new Map,Nt?.({ReactiveElement:Wt});{Wt.enabledWarnings=["change-in-update","async-perform-update"];const t=function(t){t.hasOwnProperty(Lt("enabledWarnings"))||(t.enabledWarnings=t.enabledWarnings.slice())};Wt.enableWarning=function(e){t(this),this.enabledWarnings.includes(e)||this.enabledWarnings.push(e)},Wt.disableWarning=function(e){t(this);const i=this.enabledWarnings.indexOf(e);i>=0&&this.enabledWarnings.splice(i,1)}}(Ot.reactiveElementVersions??=[]).push("2.0.4"),Ot.reactiveElementVersions.length>1&&Rt("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")
+   */,{is:Pt,defineProperty:Ct,getOwnPropertyDescriptor:kt,getOwnPropertyNames:Et,getOwnPropertySymbols:Tt,getPrototypeOf:Ut}=Object,Ot=globalThis;let Rt;const zt=Ot.trustedTypes,At=zt?zt.emptyScript:"",Nt=Ot.reactiveElementPolyfillSupportDevMode;{const t=Ot.litIssuedWarnings??=new Set;Rt=(e,i)=>{i+=` See https://lit.dev/msg/${e} for more information.`,t.has(i)||(console.warn(i),t.add(i))},Rt("dev-mode","Lit is in dev mode. Not recommended for production!"),Ot.ShadyDOM?.inUse&&void 0===Nt&&Rt("polyfill-support-missing","Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded.")}const Lt=(t,e)=>t,Mt={toAttribute(t,e){switch(e){case Boolean:t=t?At:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},Vt=(t,e)=>!Pt(t,e),Dt={attribute:!0,type:String,converter:Mt,reflect:!1,hasChanged:Vt};Symbol.metadata??=Symbol("metadata"),Ot.litPropertyMetadata??=new WeakMap;class Wt extends HTMLElement{static addInitializer(t){this.__prepare(),(this._initializers??=[]).push(t)}static get observedAttributes(){return this.finalize(),this.__attributeToPropertyMap&&[...this.__attributeToPropertyMap.keys()]}static createProperty(t,e=Dt){if(e.state&&(e.attribute=!1),this.__prepare(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol.for(`${String(t)} (@property() cache)`),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Ct(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:n}=kt(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};if(null==s){if("value"in(kt(this.prototype,t)??{}))throw new Error(`Field ${JSON.stringify(String(t))} on ${this.name} was declared as a reactive property but it's actually declared as a value on the prototype. Usually this is due to using @property or @state on a method.`);Rt("reactive-property-without-getter",`Field ${JSON.stringify(String(t))} on ${this.name} was declared as a reactive property but it does not have a getter. This will be an error in a future version of Lit.`)}return{get(){return s?.call(this)},set(e){const o=s?.call(this);n.call(this,e),this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Dt}static __prepare(){if(this.hasOwnProperty(Lt("elementProperties")))return;const t=Ut(this);t.finalize(),void 0!==t._initializers&&(this._initializers=[...t._initializers]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Lt("finalized")))return;if(this.finalized=!0,this.__prepare(),this.hasOwnProperty(Lt("properties"))){const t=this.properties,e=[...Et(t),...Tt(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this.__attributeToPropertyMap=new Map;for(const[t,e]of this.elementProperties){const i=this.__attributeNameForProperty(t,e);void 0!==i&&this.__attributeToPropertyMap.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles),this.hasOwnProperty("createProperty")&&Rt("no-override-create-property","Overriding ReactiveElement.createProperty() is deprecated. The override will not be called with standard decorators"),this.hasOwnProperty("getPropertyDescriptor")&&Rt("no-override-get-property-descriptor","Overriding ReactiveElement.getPropertyDescriptor() is deprecated. The override will not be called with standard decorators")}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(St(t))}else void 0!==t&&e.push(St(t));return e}static __attributeNameForProperty(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this.__instanceProperties=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this.__reflectingProperty=null,this.__initialize()}__initialize(){this.__updatePromise=new Promise((t=>this.enableUpdating=t)),this._$changedProperties=new Map,this.__saveInstanceProperties(),this.requestUpdate(),this.constructor._initializers?.forEach((t=>t(this)))}addController(t){(this.__controllers??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this.__controllers?.delete(t)}__saveInstanceProperties(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this.__instanceProperties=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(bt)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),s=vt.litNonce;void 0!==s&&e.setAttribute("nonce",s),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this.__controllers?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this.__controllers?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$attributeToProperty(t,i)}__propertyToAttribute(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor.__attributeNameForProperty(t,i);if(void 0!==s&&!0===i.reflect){const n=(void 0!==i.converter?.toAttribute?i.converter:Mt).toAttribute(e,i.type);this.constructor.enabledWarnings.includes("migration")&&void 0===n&&Rt("undefined-attribute-value",`The attribute value for the ${t} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`),this.__reflectingProperty=t,null==n?this.removeAttribute(s):this.setAttribute(s,n),this.__reflectingProperty=null}}_$attributeToProperty(t,e){const i=this.constructor,s=i.__attributeToPropertyMap.get(t);if(void 0!==s&&this.__reflectingProperty!==s){const t=i.getPropertyOptions(s),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:Mt;this.__reflectingProperty=s,this[s]=n.fromAttribute(e,t.type),this.__reflectingProperty=null}}requestUpdate(t,e,i){if(void 0!==t){t instanceof Event&&Rt("","The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()"),i??=this.constructor.getPropertyOptions(t);if(!(i.hasChanged??Vt)(this[t],e))return;this._$changeProperty(t,e,i)}!1===this.isUpdatePending&&(this.__updatePromise=this.__enqueueUpdate())}_$changeProperty(t,e,i){this._$changedProperties.has(t)||this._$changedProperties.set(t,e),!0===i.reflect&&this.__reflectingProperty!==t&&(this.__reflectingProperties??=new Set).add(t)}async __enqueueUpdate(){this.isUpdatePending=!0;try{await this.__updatePromise}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){const t=this.performUpdate();return this.constructor.enabledWarnings.includes("async-perform-update")&&"function"==typeof t?.then&&Rt("async-perform-update",`Element ${this.localName} returned a Promise from performUpdate(). This behavior is deprecated and will be removed in a future version of ReactiveElement.`),t}performUpdate(){if(!this.isUpdatePending)return;var t;if(t={kind:"update"},Ot.emitLitDebugLogEvents&&Ot.dispatchEvent(new CustomEvent("lit-debug",{detail:t})),!this.hasUpdated){this.renderRoot??=this.createRenderRoot();{const t=[...this.constructor.elementProperties.keys()].filter((t=>this.hasOwnProperty(t)&&t in Ut(this)));if(t.length)throw new Error(`The following properties on element ${this.localName} will not trigger updates as expected because they are set using class fields: ${t.join(", ")}. Native class fields and some compiled output will overwrite accessors used for detecting changes. See https://lit.dev/msg/class-field-shadowing for more information.`)}if(this.__instanceProperties){for(const[t,e]of this.__instanceProperties)this[t]=e;this.__instanceProperties=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$changedProperties.has(e)||void 0===this[e]||this._$changeProperty(e,this[e],i)}let e=!1;const i=this._$changedProperties;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),this.__controllers?.forEach((t=>t.hostUpdate?.())),this.update(i)):this.__markUpdated()}catch(t){throw e=!1,this.__markUpdated(),t}e&&this._$didUpdate(i)}willUpdate(t){}_$didUpdate(t){this.__controllers?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t),this.isUpdatePending&&this.constructor.enabledWarnings.includes("change-in-update")&&Rt("change-in-update",`Element ${this.localName} scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update.`)}__markUpdated(){this._$changedProperties=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.__updatePromise}shouldUpdate(t){return!0}update(t){this.__reflectingProperties&&=this.__reflectingProperties.forEach((t=>this.__propertyToAttribute(t,this[t]))),this.__markUpdated()}updated(t){}firstUpdated(t){}}Wt.elementStyles=[],Wt.shadowRootOptions={mode:"open"},Wt[Lt("elementProperties")]=new Map,Wt[Lt("finalized")]=new Map,Nt?.({ReactiveElement:Wt});{Wt.enabledWarnings=["change-in-update","async-perform-update"];const t=function(t){t.hasOwnProperty(Lt("enabledWarnings"))||(t.enabledWarnings=t.enabledWarnings.slice())};Wt.enableWarning=function(e){t(this),this.enabledWarnings.includes(e)||this.enabledWarnings.push(e)},Wt.disableWarning=function(e){t(this);const i=this.enabledWarnings.indexOf(e);i>=0&&this.enabledWarnings.splice(i,1)}}(Ot.reactiveElementVersions??=[]).push("2.0.4"),Ot.reactiveElementVersions.length>1&&Rt("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")
 /**
    * @license
    * Copyright 2017 Google LLC
@@ -37,7 +37,7 @@ const vt=globalThis,yt=vt.ShadowRoot&&(void 0===vt.ShadyCSS||vt.ShadyCSS.nativeS
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-let jt;It?.({LitElement:Ft}),(globalThis.litElementVersions??=[]).push("4.1.0"),globalThis.litElementVersions.length>1&&Bt("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");{const t=globalThis.litIssuedWarnings??=new Set;jt=(e,i)=>{i+=` See https://lit.dev/msg/${e} for more information.`,t.has(i)||(console.warn(i),t.add(i))}}const qt=(t,e,i)=>{const s=e.hasOwnProperty(i);return e.constructor.createProperty(i,s?{...t,wrapped:!0}:t),s?Object.getOwnPropertyDescriptor(e,i):void 0},Jt={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:w},Zt=(t=Jt,e,i)=>{const{kind:s,metadata:n}=i;null==n&&jt("missing-class-metadata",`The class ${e} is missing decorator metadata. This could mean that you're using a compiler that supports decorators but doesn't support decorator metadata, such as TypeScript 5.1. Please update your compiler.`);let r=globalThis.litPropertyMetadata.get(n);if(void 0===r&&globalThis.litPropertyMetadata.set(n,r=new Map),r.set(i.name,t),"accessor"===s){const{name:s}=i;return{set(i){const n=e.get.call(this);e.set.call(this,i),this.requestUpdate(s,n,t)},init(e){return void 0!==e&&this._$changeProperty(s,void 0,t),e}}}if("setter"===s){const{name:s}=i;return function(i){const n=this[s];e.call(this,i),this.requestUpdate(s,n,t)}}throw new Error(`Unsupported decorator location: ${s}`)};function Xt(t){return(e,i)=>"object"==typeof i?Zt(t,e,i):qt(t,e,i)}
+let jt;It?.({LitElement:Ft}),(globalThis.litElementVersions??=[]).push("4.1.0"),globalThis.litElementVersions.length>1&&Bt("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");{const t=globalThis.litIssuedWarnings??=new Set;jt=(e,i)=>{i+=` See https://lit.dev/msg/${e} for more information.`,t.has(i)||(console.warn(i),t.add(i))}}const qt=(t,e,i)=>{const s=e.hasOwnProperty(i);return e.constructor.createProperty(i,s?{...t,wrapped:!0}:t),s?Object.getOwnPropertyDescriptor(e,i):void 0},Jt={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:w},Zt=(t=Jt,e,i)=>{const{kind:s,metadata:n}=i;null==n&&jt("missing-class-metadata",`The class ${e} is missing decorator metadata. This could mean that you're using a compiler that supports decorators but doesn't support decorator metadata, such as TypeScript 5.1. Please update your compiler.`);let o=globalThis.litPropertyMetadata.get(n);if(void 0===o&&globalThis.litPropertyMetadata.set(n,o=new Map),o.set(i.name,t),"accessor"===s){const{name:s}=i;return{set(i){const n=e.get.call(this);e.set.call(this,i),this.requestUpdate(s,n,t)},init(e){return void 0!==e&&this._$changeProperty(s,void 0,t),e}}}if("setter"===s){const{name:s}=i;return function(i){const n=this[s];e.call(this,i),this.requestUpdate(s,n,t)}}throw new Error(`Unsupported decorator location: ${s}`)};function Xt(t){return(e,i)=>"object"==typeof i?Zt(t,e,i):qt(t,e,i)}
 /**
    * @license
    * Copyright 2017 Google LLC
@@ -58,32 +58,32 @@ const Gt=1,Kt=2,Qt=t=>(...e)=>({_$litDirective$:t,values:e});class te{constructo
    * @license
    * Copyright 2018 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const ee=Qt(class extends te{constructor(t){if(super(t),t.type!==Gt||"class"!==t.name||t.strings?.length>2)throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this._previousClasses){this._previousClasses=new Set,void 0!==t.strings&&(this._staticClasses=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this._staticClasses?.has(t)&&this._previousClasses.add(t);return this.render(e)}const i=t.element.classList;for(const t of this._previousClasses)t in e||(i.remove(t),this._previousClasses.delete(t));for(const t in e){const s=!!e[t];s===this._previousClasses.has(t)||this._staticClasses?.has(t)||(s?(i.add(t),this._previousClasses.add(t)):(i.remove(t),this._previousClasses.delete(t)))}return tt}});function ie(t,e){const i=Object.assign({waitUntilFirstUpdate:!1},e);return(e,s)=>{const{update:n}=e;if(t in e){const r=t;e.update=function(t){if(t.has(r)){const e=t.get(r),n=this[r];e!==n&&(i.waitUntilFirstUpdate&&!this.hasUpdated||this[s](e,n))}n.call(this,t)}}}}var se=xt`:host{cursor:default;display:inline-flex;max-width:100%}:host([variant=accent]) .badge{background-color:var(--sgds-accent-surface-default)}:host([variant=success]) .badge{background-color:var(--sgds-success-surface-default)}:host([variant=danger]) .badge{background-color:var(--sgds-danger-surface-default)}:host([variant=warning]) .badge{background-color:var(--sgds-warning-surface-default);color:var(--sgds-color-fixed-dark)}:host([variant=cyan]) .badge{background-color:var(--sgds-cyan-surface-default)}:host([variant=purple]) .badge{background-color:var(--sgds-purple-surface-default)}:host([variant=neutral]) .badge{background-color:var(--sgds-neutral-surface-default)}:host([variant=white]) .badge{background-color:var(--sgds-surface-fixed-light);color:var(--sgds-color-fixed-dark)}:host([variant=accent][outlined]) .badge{background-color:var(--sgds-accent-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-accent-border-color-muted);color:var(--sgds-accent-color-fixed-dark)}:host([variant=success][outlined]) .badge{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted);color:var(--sgds-success-color-fixed-dark)}:host([variant=danger][outlined]) .badge{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted);color:var(--sgds-danger-color-fixed-dark)}:host([variant=warning][outlined]) .badge{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted);color:var(--sgds-warning-color-fixed-dark)}:host([variant=cyan][outlined]) .badge{background-color:var(--sgds-cyan-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-cyan-border-color-muted);color:var(--sgds-cyan-color-fixed-dark)}:host([variant=purple][outlined]) .badge{background-color:var(--sgds-purple-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-purple-border-color-muted);color:var(--sgds-purple-color-fixed-dark)}:host([variant=neutral][outlined]) .badge{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted);color:var(--sgds-color-fixed-dark)}:host([variant=white][outlined]) .badge{background-color:var(--sgds-surface-fixed-light);border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);color:var(--sgds-color-fixed-dark)}sgds-tooltip{display:block;max-width:100%}.badge{align-items:center;background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-sm);color:var(--sgds-color-fixed-light);display:inline-flex;font-size:var(--sgds-font-size-1);height:var(--sgds-dimension-24,24px);justify-content:center;max-width:var(--sgds-dimension-192);min-width:var(--sgds-dimension-24);padding:var(--sgds-padding-none) var(--sgds-padding-xs)}.badge.outlined{background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted);color:var(--sgds-primary-color-fixed-dark)}.badge.full-width{max-width:100%}.badge-label{line-height:var(--sgds-line-height-20);padding:var(--sgds-padding-none) var(--sgds-padding-3-xs)}.badge-dismissible{padding-right:0}.badge-dimissible sgds-close-button{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm)}.badge.truncated .badge-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}slot::slotted(*){font-size:var(--sgds-font-size-1);font-weight:var(--sgds-font-weight-regular)}`,ne=xt`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-24);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:var(--sgds-icon-size-lg);margin-left:.25rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:bottom;width:var(--sgds-icon-size-lg)}::slotted(svg){vertical-align:middle}}`;class re extends Ft{emit(t,e){const i=new CustomEvent(t,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(i),i}static define(t,e=this,i={}){if(customElements.get(t));else try{customElements.define(t,e,i)}catch(s){customElements.define(t,class extends e{},i)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach((([t,e])=>{this.constructor.define(t,e)}))}firstUpdated(t){var e;super.firstUpdated(t),this.ssr&&(null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll("slot").forEach((t=>{t.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))})))}}re.styles=[ne],re.dependencies={},t([Xt({type:Boolean,reflect:!0})],re.prototype,"ssr",void 0),
+   */const ee=Qt(class extends te{constructor(t){if(super(t),t.type!==Gt||"class"!==t.name||t.strings?.length>2)throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this._previousClasses){this._previousClasses=new Set,void 0!==t.strings&&(this._staticClasses=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this._staticClasses?.has(t)&&this._previousClasses.add(t);return this.render(e)}const i=t.element.classList;for(const t of this._previousClasses)t in e||(i.remove(t),this._previousClasses.delete(t));for(const t in e){const s=!!e[t];s===this._previousClasses.has(t)||this._staticClasses?.has(t)||(s?(i.add(t),this._previousClasses.add(t)):(i.remove(t),this._previousClasses.delete(t)))}return tt}});function ie(t,e){const i=Object.assign({waitUntilFirstUpdate:!1},e);return(e,s)=>{const{update:n}=e;if(t in e){const o=t;e.update=function(t){if(t.has(o)){const e=t.get(o),n=this[o];e!==n&&(i.waitUntilFirstUpdate&&!this.hasUpdated||this[s](e,n))}n.call(this,t)}}}}var se=xt`:host{cursor:default;display:inline-flex;max-width:100%}:host([variant=accent]) .badge{background-color:var(--sgds-accent-surface-default)}:host([variant=success]) .badge{background-color:var(--sgds-success-surface-default)}:host([variant=danger]) .badge{background-color:var(--sgds-danger-surface-default)}:host([variant=warning]) .badge{background-color:var(--sgds-warning-surface-default);color:var(--sgds-color-fixed-dark)}:host([variant=cyan]) .badge{background-color:var(--sgds-cyan-surface-default)}:host([variant=purple]) .badge{background-color:var(--sgds-purple-surface-default)}:host([variant=neutral]) .badge{background-color:var(--sgds-neutral-surface-default)}:host([variant=white]) .badge{background-color:var(--sgds-surface-fixed-light);color:var(--sgds-color-fixed-dark)}:host([variant=accent][outlined]) .badge{background-color:var(--sgds-accent-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-accent-border-color-muted);color:var(--sgds-accent-color-fixed-dark)}:host([variant=success][outlined]) .badge{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted);color:var(--sgds-success-color-fixed-dark)}:host([variant=danger][outlined]) .badge{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted);color:var(--sgds-danger-color-fixed-dark)}:host([variant=warning][outlined]) .badge{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted);color:var(--sgds-warning-color-fixed-dark)}:host([variant=cyan][outlined]) .badge{background-color:var(--sgds-cyan-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-cyan-border-color-muted);color:var(--sgds-cyan-color-fixed-dark)}:host([variant=purple][outlined]) .badge{background-color:var(--sgds-purple-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-purple-border-color-muted);color:var(--sgds-purple-color-fixed-dark)}:host([variant=neutral][outlined]) .badge{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted);color:var(--sgds-color-fixed-dark)}:host([variant=white][outlined]) .badge{background-color:var(--sgds-surface-fixed-light);border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);color:var(--sgds-color-fixed-dark)}sgds-tooltip{display:block;max-width:100%}.badge{align-items:center;background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-sm);color:var(--sgds-color-fixed-light);display:inline-flex;font-size:var(--sgds-font-size-1);height:var(--sgds-dimension-24,24px);justify-content:center;max-width:var(--sgds-dimension-192);min-width:var(--sgds-dimension-24);padding:var(--sgds-padding-none) var(--sgds-padding-xs)}.badge.outlined{background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted);color:var(--sgds-primary-color-fixed-dark)}.badge.full-width{max-width:100%}.badge-label{line-height:var(--sgds-line-height-20);padding:var(--sgds-padding-none) var(--sgds-padding-3-xs)}.badge-dismissible{padding-right:0}.badge-dimissible sgds-close-button{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm)}.badge.truncated .badge-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}slot::slotted(*){font-size:var(--sgds-font-size-1);font-weight:var(--sgds-font-weight-regular)}`,ne=xt`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-24);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:var(--sgds-icon-size-lg);margin-left:.25rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:bottom;width:var(--sgds-icon-size-lg)}::slotted(svg){vertical-align:middle}}`;class oe extends Ft{emit(t,e){const i=new CustomEvent(t,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(i),i}static define(t,e=this,i={}){if(customElements.get(t));else try{customElements.define(t,e,i)}catch(s){customElements.define(t,class extends e{},i)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach((([t,e])=>{this.constructor.define(t,e)}))}firstUpdated(t){var e;super.firstUpdated(t),this.ssr&&(null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll("slot").forEach((t=>{t.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))})))}}oe.styles=[ne],oe.dependencies={},t([Xt({type:Boolean,reflect:!0})],oe.prototype,"ssr",void 0),
 /**
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-window.ShadyDOM?.inUse&&!0===window.ShadyDOM?.noPatch&&window.ShadyDOM.wrap;const oe=(t,e)=>{const i=t._$disconnectableChildren;if(void 0===i)return!1;for(const t of i)t._$notifyDirectiveConnectionChanged?.(e,!1),oe(t,e);return!0},ae=t=>{let e,i;do{if(void 0===(e=t._$parent))break;i=e._$disconnectableChildren,i.delete(t),t=e}while(0===i?.size)},le=t=>{for(let e;e=t._$parent;t=e){let i=e._$disconnectableChildren;if(void 0===i)e._$disconnectableChildren=i=new Set;else if(i.has(t))break;i.add(t),he(e)}};
+window.ShadyDOM?.inUse&&!0===window.ShadyDOM?.noPatch&&window.ShadyDOM.wrap;const re=(t,e)=>{const i=t._$disconnectableChildren;if(void 0===i)return!1;for(const t of i)t._$notifyDirectiveConnectionChanged?.(e,!1),re(t,e);return!0},ae=t=>{let e,i;do{if(void 0===(e=t._$parent))break;i=e._$disconnectableChildren,i.delete(t),t=e}while(0===i?.size)},le=t=>{for(let e;e=t._$parent;t=e){let i=e._$disconnectableChildren;if(void 0===i)e._$disconnectableChildren=i=new Set;else if(i.has(t))break;i.add(t),he(e)}};
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */function de(t){void 0!==this._$disconnectableChildren?(ae(this),this._$parent=t,le(this)):this._$parent=t}function ce(t,e=!1,i=0){const s=this._$committedValue,n=this._$disconnectableChildren;if(void 0!==n&&0!==n.size)if(e)if(Array.isArray(s))for(let t=i;t<s.length;t++)oe(s[t],!1),ae(s[t]);else null!=s&&(oe(s,!1),ae(s));else oe(this,t)}const he=t=>{t.type==Kt&&(t._$notifyConnectionChanged??=ce,t._$reparentDisconnectables??=de)};class ue extends te{constructor(){super(...arguments),this._$disconnectableChildren=void 0}_$initialize(t,e,i){super._$initialize(t,e,i),le(this),this.isConnected=t._$isConnected}_$notifyDirectiveConnectionChanged(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(oe(this,t),ae(this))}setValue(t){if(void 0===this.__part.strings)this.__part._$setValue(t,this);else{if(void 0===this.__attributeIndex)throw new Error("Expected this.__attributeIndex to be a number");const e=[...this.__part._$committedValue];e[this.__attributeIndex]=t,this.__part._$setValue(e,this,0)}}disconnected(){}reconnected(){}}
+   */function de(t){void 0!==this._$disconnectableChildren?(ae(this),this._$parent=t,le(this)):this._$parent=t}function ce(t,e=!1,i=0){const s=this._$committedValue,n=this._$disconnectableChildren;if(void 0!==n&&0!==n.size)if(e)if(Array.isArray(s))for(let t=i;t<s.length;t++)re(s[t],!1),ae(s[t]);else null!=s&&(re(s,!1),ae(s));else re(this,t)}const he=t=>{t.type==Kt&&(t._$notifyConnectionChanged??=ce,t._$reparentDisconnectables??=de)};class ue extends te{constructor(){super(...arguments),this._$disconnectableChildren=void 0}_$initialize(t,e,i){super._$initialize(t,e,i),le(this),this.isConnected=t._$isConnected}_$notifyDirectiveConnectionChanged(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(re(this,t),ae(this))}setValue(t){if(void 0===this.__part.strings)this.__part._$setValue(t,this);else{if(void 0===this.__attributeIndex)throw new Error("Expected this.__attributeIndex to be a number");const e=[...this.__part._$committedValue];e[this.__attributeIndex]=t,this.__part._$setValue(e,this,0)}}disconnected(){}reconnected(){}}
 /**
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const pe=()=>new fe;class fe{}const ge=new WeakMap;const me=Qt(class extends ue{render(t){return et}update(t,[e]){const i=e!==this._ref;return i&&void 0!==this._ref&&this._updateRefValue(void 0),(i||this._lastElementForRef!==this._element)&&(this._ref=e,this._context=t.options?.host,this._updateRefValue(this._element=t.element)),et}_updateRefValue(t){if(this.isConnected||(t=void 0),"function"==typeof this._ref){const e=this._context??globalThis;let i=ge.get(e);void 0===i&&(i=new WeakMap,ge.set(e,i)),void 0!==i.get(this._ref)&&this._ref.call(this._context,void 0),i.set(this._ref,t),void 0!==t&&this._ref.call(this._context,t)}else this._ref.value=t}get _lastElementForRef(){return"function"==typeof this._ref?ge.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),ve=["top","right","bottom","left"],ye=Math.min,be=Math.max,_e=Math.round,we=Math.floor,xe=t=>({x:t,y:t}),$e={left:"right",right:"left",bottom:"top",top:"bottom"},Se={start:"end",end:"start"};function Pe(t,e,i){return be(t,ye(e,i))}function Ce(t,e){return"function"==typeof t?t(e):t}function Ee(t){return t.split("-")[0]}function ke(t){return t.split("-")[1]}function Te(t){return"x"===t?"y":"x"}function Ue(t){return"y"===t?"height":"width"}const Oe=new Set(["top","bottom"]);function Re(t){return Oe.has(Ee(t))?"y":"x"}function ze(t){return Te(Re(t))}function Ae(t,e,i){void 0===i&&(i=!1);const s=ke(t),n=ze(t),r=Ue(n);let o="x"===n?s===(i?"end":"start")?"right":"left":"start"===s?"bottom":"top";return e.reference[r]>e.floating[r]&&(o=Be(o)),[o,Be(o)]}function Ne(t){return t.replace(/start|end/g,(t=>Se[t]))}const Le=["left","right"],Me=["right","left"],Ve=["top","bottom"],De=["bottom","top"];function We(t,e,i,s){const n=ke(t);let r=function(t,e,i){switch(t){case"top":case"bottom":return i?e?Me:Le:e?Le:Me;case"left":case"right":return e?Ve:De;default:return[]}}(Ee(t),"start"===i,s);return n&&(r=r.map((t=>t+"-"+n)),e&&(r=r.concat(r.map(Ne)))),r}function Be(t){return t.replace(/left|right|bottom|top/g,(t=>$e[t]))}function Fe(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function He(t){const{x:e,y:i,width:s,height:n}=t;return{width:s,height:n,top:i,left:e,right:e+s,bottom:i+n,x:e,y:i}}function Ie(t,e,i){let{reference:s,floating:n}=t;const r=Re(e),o=ze(e),a=Ue(o),l=Ee(e),d="y"===r,c=s.x+s.width/2-n.width/2,h=s.y+s.height/2-n.height/2,u=s[a]/2-n[a]/2;let p;switch(l){case"top":p={x:c,y:s.y-n.height};break;case"bottom":p={x:c,y:s.y+s.height};break;case"right":p={x:s.x+s.width,y:h};break;case"left":p={x:s.x-n.width,y:h};break;default:p={x:s.x,y:s.y}}switch(ke(e)){case"start":p[o]-=u*(i&&d?-1:1);break;case"end":p[o]+=u*(i&&d?-1:1)}return p}async function je(t,e){var i;void 0===e&&(e={});const{x:s,y:n,platform:r,rects:o,elements:a,strategy:l}=t,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Ce(e,t),f=Fe(p),g=a[u?"floating"===h?"reference":"floating":h],m=He(await r.getClippingRect({element:null==(i=await(null==r.isElement?void 0:r.isElement(g)))||i?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),v="floating"===h?{x:s,y:n,width:o.floating.width,height:o.floating.height}:o.reference,y=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),b=await(null==r.isElement?void 0:r.isElement(y))&&await(null==r.getScale?void 0:r.getScale(y))||{x:1,y:1},_=He(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:v,offsetParent:y,strategy:l}):v);return{top:(m.top-_.top+f.top)/b.y,bottom:(_.bottom-m.bottom+f.bottom)/b.y,left:(m.left-_.left+f.left)/b.x,right:(_.right-m.right+f.right)/b.x}}function qe(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Je(t){return ve.some((e=>t[e]>=0))}const Ze=new Set(["left","top"]);function Xe(){return"undefined"!=typeof window}function Ye(t){return Qe(t)?(t.nodeName||"").toLowerCase():"#document"}function Ge(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function Ke(t){var e;return null==(e=(Qe(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function Qe(t){return!!Xe()&&(t instanceof Node||t instanceof Ge(t).Node)}function ti(t){return!!Xe()&&(t instanceof Element||t instanceof Ge(t).Element)}function ei(t){return!!Xe()&&(t instanceof HTMLElement||t instanceof Ge(t).HTMLElement)}function ii(t){return!(!Xe()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof Ge(t).ShadowRoot)}const si=new Set(["inline","contents"]);function ni(t){const{overflow:e,overflowX:i,overflowY:s,display:n}=mi(t);return/auto|scroll|overlay|hidden|clip/.test(e+s+i)&&!si.has(n)}const ri=new Set(["table","td","th"]);function oi(t){return ri.has(Ye(t))}const ai=[":popover-open",":modal"];function li(t){return ai.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}const di=["transform","translate","scale","rotate","perspective"],ci=["transform","translate","scale","rotate","perspective","filter"],hi=["paint","layout","strict","content"];function ui(t){const e=pi(),i=ti(t)?mi(t):t;return di.some((t=>!!i[t]&&"none"!==i[t]))||!!i.containerType&&"normal"!==i.containerType||!e&&!!i.backdropFilter&&"none"!==i.backdropFilter||!e&&!!i.filter&&"none"!==i.filter||ci.some((t=>(i.willChange||"").includes(t)))||hi.some((t=>(i.contain||"").includes(t)))}function pi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const fi=new Set(["html","body","#document"]);function gi(t){return fi.has(Ye(t))}function mi(t){return Ge(t).getComputedStyle(t)}function vi(t){return ti(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function yi(t){if("html"===Ye(t))return t;const e=t.assignedSlot||t.parentNode||ii(t)&&t.host||Ke(t);return ii(e)?e.host:e}function bi(t){const e=yi(t);return gi(e)?t.ownerDocument?t.ownerDocument.body:t.body:ei(e)&&ni(e)?e:bi(e)}function _i(t,e,i){var s;void 0===e&&(e=[]),void 0===i&&(i=!0);const n=bi(t),r=n===(null==(s=t.ownerDocument)?void 0:s.body),o=Ge(n);if(r){const t=wi(o);return e.concat(o,o.visualViewport||[],ni(n)?n:[],t&&i?_i(t):[])}return e.concat(n,_i(n,[],i))}function wi(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function xi(t){const e=mi(t);let i=parseFloat(e.width)||0,s=parseFloat(e.height)||0;const n=ei(t),r=n?t.offsetWidth:i,o=n?t.offsetHeight:s,a=_e(i)!==r||_e(s)!==o;return a&&(i=r,s=o),{width:i,height:s,$:a}}function $i(t){return ti(t)?t:t.contextElement}function Si(t){const e=$i(t);if(!ei(e))return xe(1);const i=e.getBoundingClientRect(),{width:s,height:n,$:r}=xi(e);let o=(r?_e(i.width):i.width)/s,a=(r?_e(i.height):i.height)/n;return o&&Number.isFinite(o)||(o=1),a&&Number.isFinite(a)||(a=1),{x:o,y:a}}const Pi=xe(0);function Ci(t){const e=Ge(t);return pi()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Pi}function Ei(t,e,i,s){void 0===e&&(e=!1),void 0===i&&(i=!1);const n=t.getBoundingClientRect(),r=$i(t);let o=xe(1);e&&(s?ti(s)&&(o=Si(s)):o=Si(t));const a=function(t,e,i){return void 0===e&&(e=!1),!(!i||e&&i!==Ge(t))&&e}(r,i,s)?Ci(r):xe(0);let l=(n.left+a.x)/o.x,d=(n.top+a.y)/o.y,c=n.width/o.x,h=n.height/o.y;if(r){const t=Ge(r),e=s&&ti(s)?Ge(s):s;let i=t,n=wi(i);for(;n&&s&&e!==i;){const t=Si(n),e=n.getBoundingClientRect(),s=mi(n),r=e.left+(n.clientLeft+parseFloat(s.paddingLeft))*t.x,o=e.top+(n.clientTop+parseFloat(s.paddingTop))*t.y;l*=t.x,d*=t.y,c*=t.x,h*=t.y,l+=r,d+=o,i=Ge(n),n=wi(i)}}return He({width:c,height:h,x:l,y:d})}function ki(t,e){const i=vi(t).scrollLeft;return e?e.left+i:Ei(Ke(t)).left+i}function Ti(t,e){const i=t.getBoundingClientRect();return{x:i.left+e.scrollLeft-ki(t,i),y:i.top+e.scrollTop}}const Ui=25;const Oi=new Set(["absolute","fixed"]);function Ri(t,e,i){let s;if("viewport"===e)s=function(t,e){const i=Ge(t),s=Ke(t),n=i.visualViewport;let r=s.clientWidth,o=s.clientHeight,a=0,l=0;if(n){r=n.width,o=n.height;const t=pi();(!t||t&&"fixed"===e)&&(a=n.offsetLeft,l=n.offsetTop)}const d=ki(s);if(d<=0){const t=s.ownerDocument,e=t.body,i=getComputedStyle(e),n="CSS1Compat"===t.compatMode&&parseFloat(i.marginLeft)+parseFloat(i.marginRight)||0,o=Math.abs(s.clientWidth-e.clientWidth-n);o<=Ui&&(r-=o)}else d<=Ui&&(r+=d);return{width:r,height:o,x:a,y:l}}(t,i);else if("document"===e)s=function(t){const e=Ke(t),i=vi(t),s=t.ownerDocument.body,n=be(e.scrollWidth,e.clientWidth,s.scrollWidth,s.clientWidth),r=be(e.scrollHeight,e.clientHeight,s.scrollHeight,s.clientHeight);let o=-i.scrollLeft+ki(t);const a=-i.scrollTop;return"rtl"===mi(s).direction&&(o+=be(e.clientWidth,s.clientWidth)-n),{width:n,height:r,x:o,y:a}}(Ke(t));else if(ti(e))s=function(t,e){const i=Ei(t,!0,"fixed"===e),s=i.top+t.clientTop,n=i.left+t.clientLeft,r=ei(t)?Si(t):xe(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:n*r.x,y:s*r.y}}(e,i);else{const i=Ci(t);s={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return He(s)}function zi(t,e){const i=yi(t);return!(i===e||!ti(i)||gi(i))&&("fixed"===mi(i).position||zi(i,e))}function Ai(t,e,i){const s=ei(e),n=Ke(e),r="fixed"===i,o=Ei(t,!0,r,e);let a={scrollLeft:0,scrollTop:0};const l=xe(0);function d(){l.x=ki(n)}if(s||!s&&!r)if(("body"!==Ye(e)||ni(n))&&(a=vi(e)),s){const t=Ei(e,!0,r,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else n&&d();r&&!s&&n&&d();const c=!n||s||r?xe(0):Ti(n,a);return{x:o.left+a.scrollLeft-l.x-c.x,y:o.top+a.scrollTop-l.y-c.y,width:o.width,height:o.height}}function Ni(t){return"static"===mi(t).position}function Li(t,e){if(!ei(t)||"fixed"===mi(t).position)return null;if(e)return e(t);let i=t.offsetParent;return Ke(t)===i&&(i=i.ownerDocument.body),i}function Mi(t,e){const i=Ge(t);if(li(t))return i;if(!ei(t)){let e=yi(t);for(;e&&!gi(e);){if(ti(e)&&!Ni(e))return e;e=yi(e)}return i}let s=Li(t,e);for(;s&&oi(s)&&Ni(s);)s=Li(s,e);return s&&gi(s)&&Ni(s)&&!ui(s)?i:s||function(t){let e=yi(t);for(;ei(e)&&!gi(e);){if(ui(e))return e;if(li(e))return null;e=yi(e)}return null}(t)||i}const Vi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:i,offsetParent:s,strategy:n}=t;const r="fixed"===n,o=Ke(s),a=!!e&&li(e.floating);if(s===o||a&&r)return i;let l={scrollLeft:0,scrollTop:0},d=xe(1);const c=xe(0),h=ei(s);if((h||!h&&!r)&&(("body"!==Ye(s)||ni(o))&&(l=vi(s)),ei(s))){const t=Ei(s);d=Si(s),c.x=t.x+s.clientLeft,c.y=t.y+s.clientTop}const u=!o||h||r?xe(0):Ti(o,l);return{width:i.width*d.x,height:i.height*d.y,x:i.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:i.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:Ke,getClippingRect:function(t){let{element:e,boundary:i,rootBoundary:s,strategy:n}=t;const r=[..."clippingAncestors"===i?li(e)?[]:function(t,e){const i=e.get(t);if(i)return i;let s=_i(t,[],!1).filter((t=>ti(t)&&"body"!==Ye(t))),n=null;const r="fixed"===mi(t).position;let o=r?yi(t):t;for(;ti(o)&&!gi(o);){const e=mi(o),i=ui(o);i||"fixed"!==e.position||(n=null),(r?!i&&!n:!i&&"static"===e.position&&n&&Oi.has(n.position)||ni(o)&&!i&&zi(t,o))?s=s.filter((t=>t!==o)):n=e,o=yi(o)}return e.set(t,s),s}(e,this._c):[].concat(i),s],o=r[0],a=r.reduce(((t,i)=>{const s=Ri(e,i,n);return t.top=be(s.top,t.top),t.right=ye(s.right,t.right),t.bottom=ye(s.bottom,t.bottom),t.left=be(s.left,t.left),t}),Ri(e,o,n));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Mi,getElementRects:async function(t){const e=this.getOffsetParent||Mi,i=this.getDimensions,s=await i(t.floating);return{reference:Ai(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:s.width,height:s.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:i}=xi(t);return{width:e,height:i}},getScale:Si,isElement:ti,isRTL:function(t){return"rtl"===mi(t).direction}};function Di(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Wi(t,e,i,s){void 0===s&&(s={});const{ancestorScroll:n=!0,ancestorResize:r=!0,elementResize:o="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=s,d=$i(t),c=n||r?[...d?_i(d):[],..._i(e)]:[];c.forEach((t=>{n&&t.addEventListener("scroll",i,{passive:!0}),r&&t.addEventListener("resize",i)}));const h=d&&a?function(t,e){let i,s=null;const n=Ke(t);function r(){var t;clearTimeout(i),null==(t=s)||t.disconnect(),s=null}return function o(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const d=t.getBoundingClientRect(),{left:c,top:h,width:u,height:p}=d;if(a||e(),!u||!p)return;const f={rootMargin:-we(h)+"px "+-we(n.clientWidth-(c+u))+"px "+-we(n.clientHeight-(h+p))+"px "+-we(c)+"px",threshold:be(0,ye(1,l))||1};let g=!0;function m(e){const s=e[0].intersectionRatio;if(s!==l){if(!g)return o();s?o(!1,s):i=setTimeout((()=>{o(!1,1e-7)}),1e3)}1!==s||Di(d,t.getBoundingClientRect())||o(),g=!1}try{s=new IntersectionObserver(m,{...f,root:n.ownerDocument})}catch(t){s=new IntersectionObserver(m,f)}s.observe(t)}(!0),r}(d,i):null;let u,p=-1,f=null;o&&(f=new ResizeObserver((t=>{let[s]=t;s&&s.target===d&&f&&(f.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=f)||t.observe(e)}))),i()})),d&&!l&&f.observe(d),f.observe(e));let g=l?Ei(t):null;return l&&function e(){const s=Ei(t);g&&!Di(g,s)&&i();g=s,u=requestAnimationFrame(e)}(),i(),()=>{var t;c.forEach((t=>{n&&t.removeEventListener("scroll",i),r&&t.removeEventListener("resize",i)})),null==h||h(),null==(t=f)||t.disconnect(),f=null,l&&cancelAnimationFrame(u)}}const Bi=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var i,s;const{x:n,y:r,placement:o,middlewareData:a}=e,l=await async function(t,e){const{placement:i,platform:s,elements:n}=t,r=await(null==s.isRTL?void 0:s.isRTL(n.floating)),o=Ee(i),a=ke(i),l="y"===Re(i),d=Ze.has(o)?-1:1,c=r&&l?-1:1,h=Ce(e,t);let{mainAxis:u,crossAxis:p,alignmentAxis:f}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&"number"==typeof f&&(p="end"===a?-1*f:f),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(e,t);return o===(null==(i=a.offset)?void 0:i.placement)&&null!=(s=a.arrow)&&s.alignmentOffset?{}:{x:n+l.x,y:r+l.y,data:{...l,placement:o}}}}},Fi=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:i,y:s,placement:n}=e,{mainAxis:r=!0,crossAxis:o=!1,limiter:a={fn:t=>{let{x:e,y:i}=t;return{x:e,y:i}}},...l}=Ce(t,e),d={x:i,y:s},c=await je(e,l),h=Re(Ee(n)),u=Te(h);let p=d[u],f=d[h];if(r){const t="y"===u?"bottom":"right";p=Pe(p+c["y"===u?"top":"left"],p,p-c[t])}if(o){const t="y"===h?"bottom":"right";f=Pe(f+c["y"===h?"top":"left"],f,f-c[t])}const g=a.fn({...e,[u]:p,[h]:f});return{...g,data:{x:g.x-i,y:g.y-s,enabled:{[u]:r,[h]:o}}}}}},Hi=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var i,s;const{placement:n,middlewareData:r,rects:o,initialPlacement:a,platform:l,elements:d}=e,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:g=!0,...m}=Ce(t,e);if(null!=(i=r.arrow)&&i.alignmentOffset)return{};const v=Ee(n),y=Re(a),b=Ee(a)===a,_=await(null==l.isRTL?void 0:l.isRTL(d.floating)),w=u||(b||!g?[Be(a)]:function(t){const e=Be(t);return[Ne(t),e,Ne(e)]}(a)),x="none"!==f;!u&&x&&w.push(...We(a,g,f,_));const $=[a,...w],S=await je(e,m),P=[];let C=(null==(s=r.flip)?void 0:s.overflows)||[];if(c&&P.push(S[v]),h){const t=Ae(n,o,_);P.push(S[t[0]],S[t[1]])}if(C=[...C,{placement:n,overflows:P}],!P.every((t=>t<=0))){var E,k;const t=((null==(E=r.flip)?void 0:E.index)||0)+1,e=$[t];if(e){if(!("alignment"===h&&y!==Re(e))||C.every((t=>Re(t.placement)!==y||t.overflows[0]>0)))return{data:{index:t,overflows:C},reset:{placement:e}}}let i=null==(k=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:k.placement;if(!i)switch(p){case"bestFit":{var T;const t=null==(T=C.filter((t=>{if(x){const e=Re(t.placement);return e===y||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:T[0];t&&(i=t);break}case"initialPlacement":i=a}if(n!==i)return{reset:{placement:i}}}return{}}}},Ii=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:i}=e,{strategy:s="referenceHidden",...n}=Ce(t,e);switch(s){case"referenceHidden":{const t=qe(await je(e,{...n,elementContext:"reference"}),i.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:Je(t)}}}case"escaped":{const t=qe(await je(e,{...n,altBoundary:!0}),i.floating);return{data:{escapedOffsets:t,escaped:Je(t)}}}default:return{}}}}},ji=(t,e,i)=>{const s=new Map,n={platform:Vi,...i},r={...n.platform,_c:s};return(async(t,e,i)=>{const{placement:s="bottom",strategy:n="absolute",middleware:r=[],platform:o}=i,a=r.filter(Boolean),l=await(null==o.isRTL?void 0:o.isRTL(e));let d=await o.getElementRects({reference:t,floating:e,strategy:n}),{x:c,y:h}=Ie(d,s,l),u=s,p={},f=0;for(let i=0;i<a.length;i++){const{name:r,fn:g}=a[i],{x:m,y:v,data:y,reset:b}=await g({x:c,y:h,initialPlacement:s,placement:u,strategy:n,middlewareData:p,rects:d,platform:o,elements:{reference:t,floating:e}});c=null!=m?m:c,h=null!=v?v:h,p={...p,[r]:{...p[r],...y}},b&&f<=50&&(f++,"object"==typeof b&&(b.placement&&(u=b.placement),b.rects&&(d=!0===b.rects?await o.getElementRects({reference:t,floating:e,strategy:n}):b.rects),({x:c,y:h}=Ie(d,u,l))),i=-1)}return{x:c,y:h,placement:u,strategy:n,middlewareData:p}})(t,e,{...n,platform:r})};var qi,Ji=xt`:host{display:contents}.tooltip-placeholder{display:inline-block;max-width:100%}.tooltip{word-wrap:break-word;background-color:var(--sgds-surface-fixed-dark);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 8px 16px 0 rgba(0,0,0,.14);color:var(--sgds-color-fixed-light);display:block;font-size:var(--sgds-font-size-1);line-break:auto;max-width:var(--sgds-dimension-320);padding:var(--sgds-padding-xs) var(--sgds-padding-sm);text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:900}div{max-width:fit-content}`;class Zi extends re{constructor(){super(...arguments),this._myTooltip=pe(),this._tooltipBubble=pe(),this.content="",this.placement="top",this.trigger="hover focus",this.open=!1,this._handleClickOutOfElement=t=>{this.open&&(t.composedPath().includes(this)||this.hide())}}connectedCallback(){super.connectedCallback(),this.trigger.includes("click")&&document.addEventListener("click",this._handleClickOutOfElement)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(t){super.firstUpdated(t),this._tooltipTargetElements.forEach((t=>{t.setAttribute("data-sgds-tooltip",this.content),this.trigger.includes("hover")&&(t.addEventListener("mouseenter",(()=>this.show())),t.addEventListener("mouseleave",(()=>this.hide()))),this.trigger.includes("focus")&&(t.addEventListener("focus",(()=>this.show())),t.addEventListener("blur",(()=>this.hide()))),"click"===this.trigger&&t.addEventListener("click",(()=>this.toggle()))}))}_handleSlotChange(){this._tooltipTargetElements.forEach((t=>t.setAttribute("data-sgds-tooltip",this.content)))}async updateFloatingPosition(){if(!this._myTooltip.value||!this._tooltipBubble.value)return;const{x:t,y:e,placement:i,strategy:s,middlewareData:n}=await ji(this._tooltipTargetElements[0],this._tooltipBubble.value,{strategy:"fixed",placement:this.placement,middleware:[Bi(8),Hi(),Fi(),Ii()]});this._tooltipBubble.value.setAttribute("data-placement",i),Object.assign(this._tooltipBubble.value.style,{position:s,left:`${t}px`,top:`${e}px`});const{referenceHidden:r,escaped:o}=n.hide||{};this._tooltipBubble.value.style.visibility=r||o?"hidden":"visible"}async show(){this.open||(this.open=!0,this.emit("sgds-show"),await this.updateComplete,await this.updateFloatingPosition(),this._myTooltip.value&&this._tooltipBubble.value&&(this._cleanupAutoUpdate=Wi(this._tooltipTargetElements[0],this._tooltipBubble.value,(()=>this.updateFloatingPosition()))),this.emit("sgds-after-show"))}hide(){this.open&&(this.emit("sgds-hide"),this.open=!1,this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0),setTimeout((()=>this.emit("sgds-after-hide")),0))}toggle(){this.open?this.hide():this.show()}render(){return K`
+   */const pe=()=>new fe;class fe{}const ge=new WeakMap;const me=Qt(class extends ue{render(t){return et}update(t,[e]){const i=e!==this._ref;return i&&void 0!==this._ref&&this._updateRefValue(void 0),(i||this._lastElementForRef!==this._element)&&(this._ref=e,this._context=t.options?.host,this._updateRefValue(this._element=t.element)),et}_updateRefValue(t){if(this.isConnected||(t=void 0),"function"==typeof this._ref){const e=this._context??globalThis;let i=ge.get(e);void 0===i&&(i=new WeakMap,ge.set(e,i)),void 0!==i.get(this._ref)&&this._ref.call(this._context,void 0),i.set(this._ref,t),void 0!==t&&this._ref.call(this._context,t)}else this._ref.value=t}get _lastElementForRef(){return"function"==typeof this._ref?ge.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),ve=["top","right","bottom","left"],be=Math.min,ye=Math.max,_e=Math.round,we=Math.floor,xe=t=>({x:t,y:t}),$e={left:"right",right:"left",bottom:"top",top:"bottom"},Se={start:"end",end:"start"};function Pe(t,e,i){return ye(t,be(e,i))}function Ce(t,e){return"function"==typeof t?t(e):t}function ke(t){return t.split("-")[0]}function Ee(t){return t.split("-")[1]}function Te(t){return"x"===t?"y":"x"}function Ue(t){return"y"===t?"height":"width"}const Oe=new Set(["top","bottom"]);function Re(t){return Oe.has(ke(t))?"y":"x"}function ze(t){return Te(Re(t))}function Ae(t,e,i){void 0===i&&(i=!1);const s=Ee(t),n=ze(t),o=Ue(n);let r="x"===n?s===(i?"end":"start")?"right":"left":"start"===s?"bottom":"top";return e.reference[o]>e.floating[o]&&(r=Be(r)),[r,Be(r)]}function Ne(t){return t.replace(/start|end/g,(t=>Se[t]))}const Le=["left","right"],Me=["right","left"],Ve=["top","bottom"],De=["bottom","top"];function We(t,e,i,s){const n=Ee(t);let o=function(t,e,i){switch(t){case"top":case"bottom":return i?e?Me:Le:e?Le:Me;case"left":case"right":return e?Ve:De;default:return[]}}(ke(t),"start"===i,s);return n&&(o=o.map((t=>t+"-"+n)),e&&(o=o.concat(o.map(Ne)))),o}function Be(t){return t.replace(/left|right|bottom|top/g,(t=>$e[t]))}function Fe(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function He(t){const{x:e,y:i,width:s,height:n}=t;return{width:s,height:n,top:i,left:e,right:e+s,bottom:i+n,x:e,y:i}}function Ie(t,e,i){let{reference:s,floating:n}=t;const o=Re(e),r=ze(e),a=Ue(r),l=ke(e),d="y"===o,c=s.x+s.width/2-n.width/2,h=s.y+s.height/2-n.height/2,u=s[a]/2-n[a]/2;let p;switch(l){case"top":p={x:c,y:s.y-n.height};break;case"bottom":p={x:c,y:s.y+s.height};break;case"right":p={x:s.x+s.width,y:h};break;case"left":p={x:s.x-n.width,y:h};break;default:p={x:s.x,y:s.y}}switch(Ee(e)){case"start":p[r]-=u*(i&&d?-1:1);break;case"end":p[r]+=u*(i&&d?-1:1)}return p}async function je(t,e){var i;void 0===e&&(e={});const{x:s,y:n,platform:o,rects:r,elements:a,strategy:l}=t,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Ce(e,t),f=Fe(p),g=a[u?"floating"===h?"reference":"floating":h],m=He(await o.getClippingRect({element:null==(i=await(null==o.isElement?void 0:o.isElement(g)))||i?g:g.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),v="floating"===h?{x:s,y:n,width:r.floating.width,height:r.floating.height}:r.reference,b=await(null==o.getOffsetParent?void 0:o.getOffsetParent(a.floating)),y=await(null==o.isElement?void 0:o.isElement(b))&&await(null==o.getScale?void 0:o.getScale(b))||{x:1,y:1},_=He(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:v,offsetParent:b,strategy:l}):v);return{top:(m.top-_.top+f.top)/y.y,bottom:(_.bottom-m.bottom+f.bottom)/y.y,left:(m.left-_.left+f.left)/y.x,right:(_.right-m.right+f.right)/y.x}}function qe(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Je(t){return ve.some((e=>t[e]>=0))}const Ze=new Set(["left","top"]);function Xe(){return"undefined"!=typeof window}function Ye(t){return Qe(t)?(t.nodeName||"").toLowerCase():"#document"}function Ge(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function Ke(t){var e;return null==(e=(Qe(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function Qe(t){return!!Xe()&&(t instanceof Node||t instanceof Ge(t).Node)}function ti(t){return!!Xe()&&(t instanceof Element||t instanceof Ge(t).Element)}function ei(t){return!!Xe()&&(t instanceof HTMLElement||t instanceof Ge(t).HTMLElement)}function ii(t){return!(!Xe()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof Ge(t).ShadowRoot)}const si=new Set(["inline","contents"]);function ni(t){const{overflow:e,overflowX:i,overflowY:s,display:n}=mi(t);return/auto|scroll|overlay|hidden|clip/.test(e+s+i)&&!si.has(n)}const oi=new Set(["table","td","th"]);function ri(t){return oi.has(Ye(t))}const ai=[":popover-open",":modal"];function li(t){return ai.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}const di=["transform","translate","scale","rotate","perspective"],ci=["transform","translate","scale","rotate","perspective","filter"],hi=["paint","layout","strict","content"];function ui(t){const e=pi(),i=ti(t)?mi(t):t;return di.some((t=>!!i[t]&&"none"!==i[t]))||!!i.containerType&&"normal"!==i.containerType||!e&&!!i.backdropFilter&&"none"!==i.backdropFilter||!e&&!!i.filter&&"none"!==i.filter||ci.some((t=>(i.willChange||"").includes(t)))||hi.some((t=>(i.contain||"").includes(t)))}function pi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const fi=new Set(["html","body","#document"]);function gi(t){return fi.has(Ye(t))}function mi(t){return Ge(t).getComputedStyle(t)}function vi(t){return ti(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function bi(t){if("html"===Ye(t))return t;const e=t.assignedSlot||t.parentNode||ii(t)&&t.host||Ke(t);return ii(e)?e.host:e}function yi(t){const e=bi(t);return gi(e)?t.ownerDocument?t.ownerDocument.body:t.body:ei(e)&&ni(e)?e:yi(e)}function _i(t,e,i){var s;void 0===e&&(e=[]),void 0===i&&(i=!0);const n=yi(t),o=n===(null==(s=t.ownerDocument)?void 0:s.body),r=Ge(n);if(o){const t=wi(r);return e.concat(r,r.visualViewport||[],ni(n)?n:[],t&&i?_i(t):[])}return e.concat(n,_i(n,[],i))}function wi(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function xi(t){const e=mi(t);let i=parseFloat(e.width)||0,s=parseFloat(e.height)||0;const n=ei(t),o=n?t.offsetWidth:i,r=n?t.offsetHeight:s,a=_e(i)!==o||_e(s)!==r;return a&&(i=o,s=r),{width:i,height:s,$:a}}function $i(t){return ti(t)?t:t.contextElement}function Si(t){const e=$i(t);if(!ei(e))return xe(1);const i=e.getBoundingClientRect(),{width:s,height:n,$:o}=xi(e);let r=(o?_e(i.width):i.width)/s,a=(o?_e(i.height):i.height)/n;return r&&Number.isFinite(r)||(r=1),a&&Number.isFinite(a)||(a=1),{x:r,y:a}}const Pi=xe(0);function Ci(t){const e=Ge(t);return pi()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Pi}function ki(t,e,i,s){void 0===e&&(e=!1),void 0===i&&(i=!1);const n=t.getBoundingClientRect(),o=$i(t);let r=xe(1);e&&(s?ti(s)&&(r=Si(s)):r=Si(t));const a=function(t,e,i){return void 0===e&&(e=!1),!(!i||e&&i!==Ge(t))&&e}(o,i,s)?Ci(o):xe(0);let l=(n.left+a.x)/r.x,d=(n.top+a.y)/r.y,c=n.width/r.x,h=n.height/r.y;if(o){const t=Ge(o),e=s&&ti(s)?Ge(s):s;let i=t,n=wi(i);for(;n&&s&&e!==i;){const t=Si(n),e=n.getBoundingClientRect(),s=mi(n),o=e.left+(n.clientLeft+parseFloat(s.paddingLeft))*t.x,r=e.top+(n.clientTop+parseFloat(s.paddingTop))*t.y;l*=t.x,d*=t.y,c*=t.x,h*=t.y,l+=o,d+=r,i=Ge(n),n=wi(i)}}return He({width:c,height:h,x:l,y:d})}function Ei(t,e){const i=vi(t).scrollLeft;return e?e.left+i:ki(Ke(t)).left+i}function Ti(t,e){const i=t.getBoundingClientRect();return{x:i.left+e.scrollLeft-Ei(t,i),y:i.top+e.scrollTop}}const Ui=25;const Oi=new Set(["absolute","fixed"]);function Ri(t,e,i){let s;if("viewport"===e)s=function(t,e){const i=Ge(t),s=Ke(t),n=i.visualViewport;let o=s.clientWidth,r=s.clientHeight,a=0,l=0;if(n){o=n.width,r=n.height;const t=pi();(!t||t&&"fixed"===e)&&(a=n.offsetLeft,l=n.offsetTop)}const d=Ei(s);if(d<=0){const t=s.ownerDocument,e=t.body,i=getComputedStyle(e),n="CSS1Compat"===t.compatMode&&parseFloat(i.marginLeft)+parseFloat(i.marginRight)||0,r=Math.abs(s.clientWidth-e.clientWidth-n);r<=Ui&&(o-=r)}else d<=Ui&&(o+=d);return{width:o,height:r,x:a,y:l}}(t,i);else if("document"===e)s=function(t){const e=Ke(t),i=vi(t),s=t.ownerDocument.body,n=ye(e.scrollWidth,e.clientWidth,s.scrollWidth,s.clientWidth),o=ye(e.scrollHeight,e.clientHeight,s.scrollHeight,s.clientHeight);let r=-i.scrollLeft+Ei(t);const a=-i.scrollTop;return"rtl"===mi(s).direction&&(r+=ye(e.clientWidth,s.clientWidth)-n),{width:n,height:o,x:r,y:a}}(Ke(t));else if(ti(e))s=function(t,e){const i=ki(t,!0,"fixed"===e),s=i.top+t.clientTop,n=i.left+t.clientLeft,o=ei(t)?Si(t):xe(1);return{width:t.clientWidth*o.x,height:t.clientHeight*o.y,x:n*o.x,y:s*o.y}}(e,i);else{const i=Ci(t);s={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return He(s)}function zi(t,e){const i=bi(t);return!(i===e||!ti(i)||gi(i))&&("fixed"===mi(i).position||zi(i,e))}function Ai(t,e,i){const s=ei(e),n=Ke(e),o="fixed"===i,r=ki(t,!0,o,e);let a={scrollLeft:0,scrollTop:0};const l=xe(0);function d(){l.x=Ei(n)}if(s||!s&&!o)if(("body"!==Ye(e)||ni(n))&&(a=vi(e)),s){const t=ki(e,!0,o,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else n&&d();o&&!s&&n&&d();const c=!n||s||o?xe(0):Ti(n,a);return{x:r.left+a.scrollLeft-l.x-c.x,y:r.top+a.scrollTop-l.y-c.y,width:r.width,height:r.height}}function Ni(t){return"static"===mi(t).position}function Li(t,e){if(!ei(t)||"fixed"===mi(t).position)return null;if(e)return e(t);let i=t.offsetParent;return Ke(t)===i&&(i=i.ownerDocument.body),i}function Mi(t,e){const i=Ge(t);if(li(t))return i;if(!ei(t)){let e=bi(t);for(;e&&!gi(e);){if(ti(e)&&!Ni(e))return e;e=bi(e)}return i}let s=Li(t,e);for(;s&&ri(s)&&Ni(s);)s=Li(s,e);return s&&gi(s)&&Ni(s)&&!ui(s)?i:s||function(t){let e=bi(t);for(;ei(e)&&!gi(e);){if(ui(e))return e;if(li(e))return null;e=bi(e)}return null}(t)||i}const Vi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:i,offsetParent:s,strategy:n}=t;const o="fixed"===n,r=Ke(s),a=!!e&&li(e.floating);if(s===r||a&&o)return i;let l={scrollLeft:0,scrollTop:0},d=xe(1);const c=xe(0),h=ei(s);if((h||!h&&!o)&&(("body"!==Ye(s)||ni(r))&&(l=vi(s)),ei(s))){const t=ki(s);d=Si(s),c.x=t.x+s.clientLeft,c.y=t.y+s.clientTop}const u=!r||h||o?xe(0):Ti(r,l);return{width:i.width*d.x,height:i.height*d.y,x:i.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:i.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:Ke,getClippingRect:function(t){let{element:e,boundary:i,rootBoundary:s,strategy:n}=t;const o=[..."clippingAncestors"===i?li(e)?[]:function(t,e){const i=e.get(t);if(i)return i;let s=_i(t,[],!1).filter((t=>ti(t)&&"body"!==Ye(t))),n=null;const o="fixed"===mi(t).position;let r=o?bi(t):t;for(;ti(r)&&!gi(r);){const e=mi(r),i=ui(r);i||"fixed"!==e.position||(n=null),(o?!i&&!n:!i&&"static"===e.position&&n&&Oi.has(n.position)||ni(r)&&!i&&zi(t,r))?s=s.filter((t=>t!==r)):n=e,r=bi(r)}return e.set(t,s),s}(e,this._c):[].concat(i),s],r=o[0],a=o.reduce(((t,i)=>{const s=Ri(e,i,n);return t.top=ye(s.top,t.top),t.right=be(s.right,t.right),t.bottom=be(s.bottom,t.bottom),t.left=ye(s.left,t.left),t}),Ri(e,r,n));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Mi,getElementRects:async function(t){const e=this.getOffsetParent||Mi,i=this.getDimensions,s=await i(t.floating);return{reference:Ai(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:s.width,height:s.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:i}=xi(t);return{width:e,height:i}},getScale:Si,isElement:ti,isRTL:function(t){return"rtl"===mi(t).direction}};function Di(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Wi(t,e,i,s){void 0===s&&(s={});const{ancestorScroll:n=!0,ancestorResize:o=!0,elementResize:r="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=s,d=$i(t),c=n||o?[...d?_i(d):[],..._i(e)]:[];c.forEach((t=>{n&&t.addEventListener("scroll",i,{passive:!0}),o&&t.addEventListener("resize",i)}));const h=d&&a?function(t,e){let i,s=null;const n=Ke(t);function o(){var t;clearTimeout(i),null==(t=s)||t.disconnect(),s=null}return function r(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),o();const d=t.getBoundingClientRect(),{left:c,top:h,width:u,height:p}=d;if(a||e(),!u||!p)return;const f={rootMargin:-we(h)+"px "+-we(n.clientWidth-(c+u))+"px "+-we(n.clientHeight-(h+p))+"px "+-we(c)+"px",threshold:ye(0,be(1,l))||1};let g=!0;function m(e){const s=e[0].intersectionRatio;if(s!==l){if(!g)return r();s?r(!1,s):i=setTimeout((()=>{r(!1,1e-7)}),1e3)}1!==s||Di(d,t.getBoundingClientRect())||r(),g=!1}try{s=new IntersectionObserver(m,{...f,root:n.ownerDocument})}catch(t){s=new IntersectionObserver(m,f)}s.observe(t)}(!0),o}(d,i):null;let u,p=-1,f=null;r&&(f=new ResizeObserver((t=>{let[s]=t;s&&s.target===d&&f&&(f.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=f)||t.observe(e)}))),i()})),d&&!l&&f.observe(d),f.observe(e));let g=l?ki(t):null;return l&&function e(){const s=ki(t);g&&!Di(g,s)&&i();g=s,u=requestAnimationFrame(e)}(),i(),()=>{var t;c.forEach((t=>{n&&t.removeEventListener("scroll",i),o&&t.removeEventListener("resize",i)})),null==h||h(),null==(t=f)||t.disconnect(),f=null,l&&cancelAnimationFrame(u)}}const Bi=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var i,s;const{x:n,y:o,placement:r,middlewareData:a}=e,l=await async function(t,e){const{placement:i,platform:s,elements:n}=t,o=await(null==s.isRTL?void 0:s.isRTL(n.floating)),r=ke(i),a=Ee(i),l="y"===Re(i),d=Ze.has(r)?-1:1,c=o&&l?-1:1,h=Ce(e,t);let{mainAxis:u,crossAxis:p,alignmentAxis:f}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&"number"==typeof f&&(p="end"===a?-1*f:f),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(e,t);return r===(null==(i=a.offset)?void 0:i.placement)&&null!=(s=a.arrow)&&s.alignmentOffset?{}:{x:n+l.x,y:o+l.y,data:{...l,placement:r}}}}},Fi=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:i,y:s,placement:n}=e,{mainAxis:o=!0,crossAxis:r=!1,limiter:a={fn:t=>{let{x:e,y:i}=t;return{x:e,y:i}}},...l}=Ce(t,e),d={x:i,y:s},c=await je(e,l),h=Re(ke(n)),u=Te(h);let p=d[u],f=d[h];if(o){const t="y"===u?"bottom":"right";p=Pe(p+c["y"===u?"top":"left"],p,p-c[t])}if(r){const t="y"===h?"bottom":"right";f=Pe(f+c["y"===h?"top":"left"],f,f-c[t])}const g=a.fn({...e,[u]:p,[h]:f});return{...g,data:{x:g.x-i,y:g.y-s,enabled:{[u]:o,[h]:r}}}}}},Hi=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var i,s;const{placement:n,middlewareData:o,rects:r,initialPlacement:a,platform:l,elements:d}=e,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:g=!0,...m}=Ce(t,e);if(null!=(i=o.arrow)&&i.alignmentOffset)return{};const v=ke(n),b=Re(a),y=ke(a)===a,_=await(null==l.isRTL?void 0:l.isRTL(d.floating)),w=u||(y||!g?[Be(a)]:function(t){const e=Be(t);return[Ne(t),e,Ne(e)]}(a)),x="none"!==f;!u&&x&&w.push(...We(a,g,f,_));const $=[a,...w],S=await je(e,m),P=[];let C=(null==(s=o.flip)?void 0:s.overflows)||[];if(c&&P.push(S[v]),h){const t=Ae(n,r,_);P.push(S[t[0]],S[t[1]])}if(C=[...C,{placement:n,overflows:P}],!P.every((t=>t<=0))){var k,E;const t=((null==(k=o.flip)?void 0:k.index)||0)+1,e=$[t];if(e){if(!("alignment"===h&&b!==Re(e))||C.every((t=>Re(t.placement)!==b||t.overflows[0]>0)))return{data:{index:t,overflows:C},reset:{placement:e}}}let i=null==(E=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:E.placement;if(!i)switch(p){case"bestFit":{var T;const t=null==(T=C.filter((t=>{if(x){const e=Re(t.placement);return e===b||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:T[0];t&&(i=t);break}case"initialPlacement":i=a}if(n!==i)return{reset:{placement:i}}}return{}}}},Ii=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:i}=e,{strategy:s="referenceHidden",...n}=Ce(t,e);switch(s){case"referenceHidden":{const t=qe(await je(e,{...n,elementContext:"reference"}),i.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:Je(t)}}}case"escaped":{const t=qe(await je(e,{...n,altBoundary:!0}),i.floating);return{data:{escapedOffsets:t,escaped:Je(t)}}}default:return{}}}}},ji=(t,e,i)=>{const s=new Map,n={platform:Vi,...i},o={...n.platform,_c:s};return(async(t,e,i)=>{const{placement:s="bottom",strategy:n="absolute",middleware:o=[],platform:r}=i,a=o.filter(Boolean),l=await(null==r.isRTL?void 0:r.isRTL(e));let d=await r.getElementRects({reference:t,floating:e,strategy:n}),{x:c,y:h}=Ie(d,s,l),u=s,p={},f=0;for(let i=0;i<a.length;i++){const{name:o,fn:g}=a[i],{x:m,y:v,data:b,reset:y}=await g({x:c,y:h,initialPlacement:s,placement:u,strategy:n,middlewareData:p,rects:d,platform:r,elements:{reference:t,floating:e}});c=null!=m?m:c,h=null!=v?v:h,p={...p,[o]:{...p[o],...b}},y&&f<=50&&(f++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(d=!0===y.rects?await r.getElementRects({reference:t,floating:e,strategy:n}):y.rects),({x:c,y:h}=Ie(d,u,l))),i=-1)}return{x:c,y:h,placement:u,strategy:n,middlewareData:p}})(t,e,{...n,platform:o})};var qi,Ji=xt`:host{display:contents}.tooltip-placeholder{display:inline-block;max-width:100%}.tooltip{word-wrap:break-word;background-color:var(--sgds-surface-fixed-dark);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 8px 16px 0 rgba(0,0,0,.14);color:var(--sgds-color-fixed-light);display:block;font-size:var(--sgds-font-size-1);line-break:auto;max-width:var(--sgds-dimension-320);padding:var(--sgds-padding-xs) var(--sgds-padding-sm);text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:900}div{max-width:fit-content}`;class Zi extends oe{constructor(){super(...arguments),this._myTooltip=pe(),this._tooltipBubble=pe(),this.content="",this.placement="top",this.trigger="hover focus",this.open=!1,this._handleClickOutOfElement=t=>{this.open&&(t.composedPath().includes(this)||this.hide())}}connectedCallback(){super.connectedCallback(),this.trigger.includes("click")&&document.addEventListener("click",this._handleClickOutOfElement)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(t){super.firstUpdated(t),this._tooltipTargetElements.forEach((t=>{t.setAttribute("data-sgds-tooltip",this.content),this.trigger.includes("hover")&&(t.addEventListener("mouseenter",(()=>this.show())),t.addEventListener("mouseleave",(()=>this.hide()))),this.trigger.includes("focus")&&(t.addEventListener("focus",(()=>this.show())),t.addEventListener("blur",(()=>this.hide()))),"click"===this.trigger&&t.addEventListener("click",(()=>this.toggle()))}))}_handleSlotChange(){this._tooltipTargetElements.forEach((t=>t.setAttribute("data-sgds-tooltip",this.content)))}async updateFloatingPosition(){if(!this._myTooltip.value||!this._tooltipBubble.value)return;const{x:t,y:e,placement:i,strategy:s,middlewareData:n}=await ji(this._tooltipTargetElements[0],this._tooltipBubble.value,{strategy:"fixed",placement:this.placement,middleware:[Bi(8),Hi(),Fi(),Ii()]});this._tooltipBubble.value.setAttribute("data-placement",i),Object.assign(this._tooltipBubble.value.style,{position:s,left:`${t}px`,top:`${e}px`});const{referenceHidden:o,escaped:r}=n.hide||{};this._tooltipBubble.value.style.visibility=o||r?"hidden":"visible"}async show(){this.open||(this.open=!0,this.emit("sgds-show"),await this.updateComplete,await this.updateFloatingPosition(),this._myTooltip.value&&this._tooltipBubble.value&&(this._cleanupAutoUpdate=Wi(this._tooltipTargetElements[0],this._tooltipBubble.value,(()=>this.updateFloatingPosition()))),this.emit("sgds-after-show"))}hide(){this.open&&(this.emit("sgds-hide"),this.open=!1,this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0),setTimeout((()=>this.emit("sgds-after-hide")),0))}toggle(){this.open?this.hide():this.show()}render(){return K`
       <div ${me(this._myTooltip)} class="tooltip-placeholder">
         <slot @slotchange=${()=>this._handleSlotChange()}></slot>
         ${this.open?K`<div ${me(this._tooltipBubble)} class="tooltip" role="tooltip">${this.content}</div>`:null}
       </div>
-    `}}Zi.styles=[...re.styles,Ji],t([Xt({type:String})],Zi.prototype,"content",void 0),t([Xt({type:String})],Zi.prototype,"placement",void 0),t([Xt({type:String})],Zi.prototype,"trigger",void 0),t([Yt()],Zi.prototype,"open",void 0),t([(t,e)=>{const{slot:i,selector:s}=qi??{},n="slot"+(i?`[name=${i}]`:":not([name])");return((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i))(t,e,{get(){const t=this.renderRoot?.querySelector(n),e=t?.assignedElements(qi)??[];return void 0===s?e:e.filter((t=>t.matches(s)))}})}],Zi.prototype,"_tooltipTargetElements",void 0);var Xi,Yi,Gi=xt`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}:host([size=sm]) .btn-close{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}:host([variant=light]) .btn-close{color:var(--sgds-color-fixed-light)}:host([variant=dark]) .btn-close{color:var(--sgds-color-fixed-dark)}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close:hover{background-color:var(--sgds-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-bg-translucent)}.btn-close:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.btn-close-sm{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.btn-close.btn-close-sm{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}`;function Ki(t){return!!function(t){return!!customElements.get(t)}(t)||(console.error(`Custom element of name : ${t} is not registered. Remember to import the component file for custom element registration`),!1)}class Qi extends re{constructor(){super(...arguments),this.ariaLabel="Close button",this.size="md",this.variant="default",this._clickHandler=()=>{}}_handleClick(){this.removeEventListener("click",this._clickHandler),this.addEventListener("click",this._clickHandler)}firstUpdated(t){super.firstUpdated(t),Ki("sgds-icon")}render(){return K`
-      <button class="btn-close" aria-label=${t=this.ariaLabel,t??et} @click=${this._handleClick}>
+    `}}Zi.styles=[...oe.styles,Ji],t([Xt({type:String})],Zi.prototype,"content",void 0),t([Xt({type:String})],Zi.prototype,"placement",void 0),t([Xt({type:String})],Zi.prototype,"trigger",void 0),t([Yt()],Zi.prototype,"open",void 0),t([(t,e)=>{const{slot:i,selector:s}=qi??{},n="slot"+(i?`[name=${i}]`:":not([name])");return((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i))(t,e,{get(){const t=this.renderRoot?.querySelector(n),e=t?.assignedElements(qi)??[];return void 0===s?e:e.filter((t=>t.matches(s)))}})}],Zi.prototype,"_tooltipTargetElements",void 0);var Xi,Yi,Gi=xt`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}:host([size=sm]) .btn-close{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}:host([tone=fixed-light]) .btn-close{color:var(--sgds-color-fixed-light)}:host([tone=fixed-dark]) .btn-close{color:var(--sgds-color-fixed-dark)}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close:focus,.btn-close:focus-visible,.btn-close:hover{background-color:var(--sgds-bg-translucent)}:host([tone=fixed-light]) .btn-close:focus,:host([tone=fixed-light]) .btn-close:focus-visible,:host([tone=fixed-light]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-light)}:host([tone=fixed-dark]) .btn-close:focus,:host([tone=fixed-dark]) .btn-close:focus-visible,:host([tone=fixed-dark]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-dark)}.btn-close:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.btn-close-sm{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.btn-close.btn-close-sm{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}`;function Ki(t){return!!function(t){return!!customElements.get(t)}(t)||(console.error(`Custom element of name : ${t} is not registered. Remember to import the component file for custom element registration`),!1)}class Qi extends oe{constructor(){super(...arguments),this.size="md",this.tone="default",this._clickHandler=()=>{}}_handleClick(){this.removeEventListener("click",this._clickHandler),this.addEventListener("click",this._clickHandler)}firstUpdated(t){super.firstUpdated(t),Ki("sgds-icon")}render(){return K`
+      <button class="btn-close" aria-label="Close button" @click=${this._handleClick}>
         <sgds-icon name="cross" size=${this.size}></sgds-icon>
       </button>
-    `;var t}}Qi.styles=[...re.styles,Gi],t([Xt({type:String})],Qi.prototype,"ariaLabel",void 0),t([Xt({type:String,reflect:!0})],Qi.prototype,"size",void 0),t([Xt({type:String,reflect:!0})],Qi.prototype,"variant",void 0);class ts extends re{constructor(){super(...arguments),this.show=!1,this.variant="primary",this.outlined=!1,this.dismissible=!1,this.fullWidth=!1,this.truncated=!1,this.text=""}close(){this.show=!1}_handleShowChange(){if(this.show){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.show=!1);this.emit("sgds-after-show")}else{if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.show=!0);this.emit("sgds-after-hide")}}_handleTruncation(){const t=this.shadowRoot.querySelector(".badge"),e=this.shadowRoot.querySelector(".badge-label");if(t&&e){const i=e.getBoundingClientRect().height,s=t.getBoundingClientRect().height;this.truncated=i>s}}_handleLabelSlotChange(t){this.text=function(t){if(!t)return"";const e=t.assignedNodes({flatten:!0});let i="";return[...e].forEach((t=>{t.nodeType===Node.TEXT_NODE&&(i+=t.textContent.trim())})),i}(t.target)}_renderBadge(){const t=this.outlined||"warning"===this.variant||"white"===this.variant;return K`<div
+    `}}Qi.styles=[...oe.styles,Gi],t([Xt({type:String,reflect:!0})],Qi.prototype,"size",void 0),t([Xt({type:String,reflect:!0})],Qi.prototype,"tone",void 0);class ts extends oe{constructor(){super(...arguments),this.show=!1,this.variant="primary",this.outlined=!1,this.dismissible=!1,this.fullWidth=!1,this.truncated=!1,this.text=""}close(){this.show=!1}_handleShowChange(){if(this.show){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.show=!1);this.emit("sgds-after-show")}else{if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.show=!0);this.emit("sgds-after-hide")}}_handleTruncation(){const t=this.shadowRoot.querySelector(".badge"),e=this.shadowRoot.querySelector(".badge-label");if(t&&e){const i=e.getBoundingClientRect().height,s=t.getBoundingClientRect().height;this.truncated=i>s}}_handleLabelSlotChange(t){this.text=function(t){if(!t)return"";const e=t.assignedNodes({flatten:!0});let i="";return[...e].forEach((t=>{t.nodeType===Node.TEXT_NODE&&(i+=t.textContent.trim())})),i}(t.target)}_renderBadge(){const t=this.outlined||"warning"===this.variant||"white"===this.variant;return K`<div
       class="  
           ${ee({"badge-dismissible":this.dismissible,badge:!0,outlined:this.outlined,truncated:this.truncated,"full-width":this.fullWidth})}"
       aria-hidden=${this.show?"false":"true"}
@@ -98,9 +98,9 @@ window.ShadyDOM?.inUse&&!0===window.ShadyDOM?.noPatch&&window.ShadyDOM.wrap;cons
             size="sm"
             aria-label="close the badge"
             @click=${this.close}
-            variant=${t?"dark":"light"}
+            tone=${t?"fixed-dark":"fixed-light"}
           ></sgds-close-button>`:et}
     </div>`}render(){return this.dismissible&&this.show||!this.dismissible?this.truncated?K`<sgds-tooltip content=${this.text} @sgds-hide=${t=>t.stopPropagation()}
             >${this._renderBadge()}</sgds-tooltip
-          >`:this._renderBadge():et}}ts.styles=[...re.styles,se],ts.dependencies={"sgds-close-button":Qi,"sgds-tooltip":Zi},t([Xt({type:Boolean,reflect:!0})],ts.prototype,"show",void 0),t([Xt({reflect:!0})],ts.prototype,"variant",void 0),t([Xt({type:Boolean,reflect:!0})],ts.prototype,"outlined",void 0),t([Xt({type:Boolean,reflect:!0})],ts.prototype,"dismissible",void 0),t([Xt({type:Boolean,reflect:!0})],ts.prototype,"fullWidth",void 0),t([Yt()],ts.prototype,"truncated",void 0),t([Yt()],ts.prototype,"text",void 0),t([ie("show")],ts.prototype,"_handleShowChange",null),t([ie("text")],ts.prototype,"_handleTruncation",null),Xi="sgds-badge",Yi=ts,customElements.get(Xi)||customElements.define(Xi,Yi)}));
+          >`:this._renderBadge():et}}ts.styles=[...oe.styles,se],ts.dependencies={"sgds-close-button":Qi,"sgds-tooltip":Zi},t([Xt({type:Boolean,reflect:!0})],ts.prototype,"show",void 0),t([Xt({reflect:!0})],ts.prototype,"variant",void 0),t([Xt({type:Boolean,reflect:!0})],ts.prototype,"outlined",void 0),t([Xt({type:Boolean,reflect:!0})],ts.prototype,"dismissible",void 0),t([Xt({type:Boolean,reflect:!0})],ts.prototype,"fullWidth",void 0),t([Yt()],ts.prototype,"truncated",void 0),t([Yt()],ts.prototype,"text",void 0),t([ie("show")],ts.prototype,"_handleShowChange",null),t([ie("text")],ts.prototype,"_handleTruncation",null),Xi="sgds-badge",Yi=ts,customElements.get(Xi)||customElements.define(Xi,Yi)}));
 //# sourceMappingURL=index.umd.min.js.map