wabtec-internal-volt-basic-components 1.0.0 → 1.2.0

package/dist/volt-basic-components/p-a2d374de.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["vdsHeaderCss","VdsHeader","constructor","hostRef","this","showUserSection","popupOpened","handleClickOut","evt","isClickInside","hostEl","contains","target","componentDidLoad","actionElementRef","queryElementFromShadowRoot","arrowElementRef","handleClick","_evt","stopPropagation","preventDefault","handlePopupOpened","floatingCleanUp","updateFloatingBoxPosition","floatingMenuElementRef","render","h","Host","key","class","value","name","username","onClick","size","avatar","svgIcon","color","ref","el","width","height","viewBox","fill","xmlns","id","d"],"sources":["src/components/header/vds-header.scss?tag=vds-header&encapsulation=shadow","src/components/header/vds-header.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: block;\n\n  .vds__header {\n    display: flex;\n    padding: var(--spacing-02) var(--spacing-07);\n    align-items: center;\n    gap: var(--spacing-03);\n    flex: 1 0 0;\n    align-self: stretch;\n    border-radius: var(--radius-sharp);\n    background: var(--surface-lower);\n    justify-content: end;\n\n    &--content-section {\n      display: flex;\n      width: 100%;\n      justify-content: end;\n      & > * {\n        color: var(--color-text-medium);\n        font-feature-settings: 'clig' off, 'liga' off;\n        @include font-style(title, extra-small);\n      }\n    }\n\n    &--app-name {\n      display: flex;\n      max-width: 1110px;\n      height: var(--spacing-09);\n      padding: var(--spacing-00);\n      justify-content: flex-start;\n      align-items: center;\n      gap: var(--spacing-00);\n      flex-shrink: 0;\n    }\n\n    &--app-name--content {\n      color: var(--color-text-medium);\n      font-feature-settings: 'clig' off, 'liga' off;\n      @include font-style(title, extra-small);\n    }\n\n    &--user-section {\n      display: flex;\n      position: relative;\n      padding: var(--spacing-00) var(--spacing-02);\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--spacing-02);\n      align-self: stretch;\n      text-wrap: nowrap;\n  \n      &:hover {\n        border-radius: var(--radius-medium);\n        background: var(--color-interaction-black-lowest);\n      }\n  \n      &:focus {\n        border: solid;\n        border-color: var(--color-border-focus-2);\n        border-radius: var(--radius-medium);\n      }\n    }\n\n    &--user-section-username {\n      align-items: center;\n      display: flex;\n      color: var(--color-text-medium);\n      font-feature-settings: 'clig' off, 'liga' off;\n      @include font-style(title, extra-small);\n      white-space: nowrap;\n    }\n\n    &--user-section-avatar {\n      cursor: pointer;\n    }\n\n    &--user-section-action-icon {\n      align-items: center;\n      display: flex;\n      width: var(--spacing-06);\n      height: var(--spacing-06);\n      border-radius: var(--radius-medium);\n      cursor: pointer;\n    }\n  }\n  .d-flex {\n    display: flex;\n  }\n\n  .vds__header--user-section-menu-container {\n    display: none;\n  }\n\n  .vds__header--user-section-menu-container-opened {\n    display: block;\n    position: absolute;\n    right: -1.5rem;\n    top: var(--spacing-08);\n    z-index: 3;\n\n    .vds__header--user-section-menu-container-content {\n      margin-top: 6px;\n      background: var(--surface-neutral-default);\n      padding: var(--spacing-06) var(--spacing-05);\n      border-radius: var(--radius-medium);\n      box-shadow: 0px 6px 6px 0px #1D2E401A;\n    }\n\n    span .triangle-rotated {\n      transform: rotate(180deg);\n      margin-right: 24px;\n      margin-bottom: 6px;\n    }\n\n    .vds__header--arrow-right-align {\n      display: flex;\n      justify-content: flex-end;\n      position: absolute;\n      top: 0;\n      right: 8px;\n      z-index: 1;\n    }\n  }\n}","import { Component, Host, Listen, Prop, State, h, Element, Watch } from '@stencil/core';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { queryElementFromShadowRoot } from '../../utils/node-utils';\n\n@Component({\n  tag: 'vds-header',\n  styleUrl: 'vds-header.scss',\n  shadow: true,\n})\nexport class VdsHeader {\n  /** Defines app name for header */\n  @Prop() value: string;\n  /** Defines the value in the avatar component */\n  @Prop() avatar: string;\n  /** Defines the username at the left of the avatar */\n  @Prop() username!: string;\n  /** Allow hide/show User-Section */\n  @Prop() showUserSection: boolean = true;\n\n  @Element() hostEl: HTMLElement;\n\n  @State() popupOpened: boolean = false;\n\n  @Listen(\"click\", { target: \"window\" })\n\thandleClickOut(evt): void {\n    const isClickInside = this.hostEl.contains(evt.target as Node);\n    if (!isClickInside) {\n      this.popupOpened = false;\n    }\n\t}\n  private actionElementRef: HTMLElement;\n  private arrowElementRef: HTMLElement;\n  private floatingMenuElementRef: HTMLElement;\n\n  private floatingCleanUp: () => void;\n\n  componentDidLoad(){\n    this.actionElementRef = queryElementFromShadowRoot(this.hostEl,'.vds__header--user-section-action-icon');\n    this.arrowElementRef = queryElementFromShadowRoot(this.hostEl,'.vds__header--arrow-right-align');\n  }\n\n  private handleClick(_evt: MouseEvent): void {\n    _evt.stopPropagation();\n    _evt.preventDefault();\n    this.popupOpened = !this.popupOpened;\n  }\n\n  @Watch(\"popupOpened\")\n  async handlePopupOpened(): Promise<void> {\n    if (this.popupOpened) {\n      this.floatingCleanUp = await updateFloatingBoxPosition(this.actionElementRef, this.floatingMenuElementRef, this.arrowElementRef, \"bottom-start\", false);\n    } else {\n      this.floatingCleanUp && this.floatingCleanUp();\n    }\n  }\n\n  render() {\n    const showUserSection = this.showUserSection;\n    return (\n      <Host>\n        <header class={`vds__header`}>\n          <div class={`vds__header--app-name`}>\n            <span class=\"vds__header--app-name--content\">{this.value}</span>\n          </div>\n          <div class=\"vds__header--content-section\">\n            <slot name=\"contentSection\"></slot>\n          </div>\n          { showUserSection && <div class={`vds__header--user-section`}>\n            <span class=\"vds__header--user-section-username\">{this.username}</span>\n            <div class=\"d-flex\" onClick={(evt: MouseEvent) => {\n                this.handleClick(evt);\n              }}>\n              <vds-avatar class=\"vds__header--user-section-avatar\" size=\"20px\" value={this.avatar}></vds-avatar>\n              <span class=\"vds__header--user-section-action-icon\">\n                <vds-icon svgIcon=\"caret-down-filled\" size=\"20px\" color=\"color-icon-medium\"></vds-icon>\n              </span>\n            </div>\n\n            <div\n              ref={(el) => {\n                if (el) {\n                  this.floatingMenuElementRef = el;\n                }\n              }}\n              class={`${this.popupOpened ? 'vds__header--user-section-menu-container-opened' : 'vds__header--user-section-menu-container'}`}>\n              <span class=\"vds__header--arrow-right-align\">\n                <svg class=\"triangle-rotated\" width=\"13\" height=\"6\" viewBox=\"0 0 13 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path id=\"popover-carret-filled-large\" d=\"M0.5 0L6.5 6L12.5 0H0.5Z\" fill=\"var(--surface-neutral-default)\"/>\n                </svg>\n              </span>\n              <div\n                class=\"vds__header--user-section-menu-container-content\"\n              >\n                <slot name=\"profilePopupContent\"></slot>\n              </div>\n            </div>\n          </div> }\n        </header>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAe,s4iC,MCSRC,EAAS,MALtB,WAAAC,CAAAC,G,UAaUC,KAAeC,gBAAY,KAI1BD,KAAWE,YAAY,KAgFjC,CA7EA,cAAAC,CAAeC,GACZ,MAAMC,EAAgBL,KAAKM,OAAOC,SAASH,EAAII,QAC/C,IAAKH,EAAe,CAClBL,KAAKE,YAAc,K,EASvB,gBAAAO,GACET,KAAKU,iBAAmBC,EAA2BX,KAAKM,OAAO,0CAC/DN,KAAKY,gBAAkBD,EAA2BX,KAAKM,OAAO,kC,CAGxD,WAAAO,CAAYC,GAClBA,EAAKC,kBACLD,EAAKE,iBACLhB,KAAKE,aAAeF,KAAKE,W,CAI3B,uBAAMe,GACJ,GAAIjB,KAAKE,YAAa,CACpBF,KAAKkB,sBAAwBC,EAA0BnB,KAAKU,iBAAkBV,KAAKoB,uBAAwBpB,KAAKY,gBAAiB,eAAgB,M,KAC5I,CACLZ,KAAKkB,iBAAmBlB,KAAKkB,iB,EAIjC,MAAAG,GACE,MAAMpB,EAAkBD,KAAKC,gBAC7B,OACEqB,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAQ,UAAAE,IAAA,2CAAAC,MAAO,eACbH,EAAK,OAAAE,IAAA,2CAAAC,MAAO,yBACVH,EAAM,QAAAE,IAAA,2CAAAC,MAAM,kCAAkCzB,KAAK0B,QAErDJ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,gCACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,oBAEX1B,GAAmBqB,EAAA,OAAAE,IAAA,2CAAKC,MAAO,6BAC/BH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sCAAsCzB,KAAK4B,UACvDN,EAAK,OAAAE,IAAA,2CAAAC,MAAM,SAASI,QAAUzB,IAC1BJ,KAAKa,YAAYT,EAAI,GAEvBkB,EAAA,cAAAE,IAAA,2CAAYC,MAAM,mCAAmCK,KAAK,OAAOJ,MAAO1B,KAAK+B,SAC7ET,EAAM,QAAAE,IAAA,2CAAAC,MAAM,yCACVH,EAAA,YAAAE,IAAA,2CAAUQ,QAAQ,oBAAoBF,KAAK,OAAOG,MAAM,wBAI5DX,EAAA,OAAAE,IAAA,2CACEU,IAAMC,IACJ,GAAIA,EAAI,CACNnC,KAAKoB,uBAAyBe,C,GAGlCV,MAAO,GAAGzB,KAAKE,YAAc,kDAAoD,8CACjFoB,EAAM,QAAAE,IAAA,2CAAAC,MAAM,kCACVH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mBAAmBW,MAAM,KAAKC,OAAO,IAAIC,QAAQ,WAAWC,KAAK,OAAOC,MAAM,8BACvFlB,EAAA,QAAAE,IAAA,2CAAMiB,GAAG,8BAA8BC,EAAE,2BAA2BH,KAAK,qCAG7EjB,EACE,OAAAE,IAAA,2CAAAC,MAAM,oDAENH,EAAM,QAAAE,IAAA,2CAAAG,KAAK,4B","ignoreList":[]}

package/dist/volt-basic-components/p-afc292bd.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as e,H as a,a as t}from"./p-DTZC-zXo.js";import{c as i}from"./p-B23UkaEC.js";import{I as c}from"./p-B9dRf1-F.js";const l='@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:inline-flex}:host .vds__chip__container{display:inline-flex;align-items:center;gap:0.25rem;background-color:transparent;border-radius:var(--radius-pill);border:none;box-sizing:border-box;box-shadow:0 0 0 0.0625rem inset var(--color-border-brand);color:var(--color-link-default);font-feature-settings:"clig" off, "liga" off}:host .vds__chip__container.vds__chip__container--toggleable{cursor:pointer}:host .vds__chip__container:hover{background-color:var(--color-interaction-brand-lowest)}:host .vds__chip__container:active,:host .vds__chip__container:active:hover{background-color:var(--color-interaction-brand-lower)}:host .vds__chip__container:focus-visible{outline:0.125rem solid var(--color-border-focus-2);outline-offset:0.125rem}:host .vds__chip__container.vds__chip__container--size-small{padding:var(--spacing-01) var(--spacing-02);font-family:"Roboto Flex", sans-serif;font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:host .vds__chip__container.vds__chip__container--size-medium{padding:var(--spacing-02) var(--spacing-03);font-family:"Roboto Flex", sans-serif;font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:host .vds__chip__container.vds__chip__container--size-large{padding:var(--spacing-03) var(--spacing-04);font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:host .vds__chip__container.vds__chip__container--disabled,:host .vds__chip__container.vds__chip__container--disabled:focus-visible{color:var(--color-text-disabled);background-color:transparent;pointer-events:none;box-shadow:0 0 0 0.0625rem inset var(--color-border-disabled)}:host .vds__chip__container.vds__chip__container--disabled.vds__chip__container--active,:host .vds__chip__container.vds__chip__container--disabled:focus-visible.vds__chip__container--active{color:var(--color-text-white-high);background-color:var(--color-background-disabled);box-shadow:none}:host .vds__chip__container.vds__chip__container--active{color:var(--static-white);background-color:var(--color-background-brand-default);box-shadow:none}:host .vds__chip__container.vds__chip__container--active:hover{background-color:var(--color-background-brand-hover)}:host .vds__chip__container.vds__chip__container--active:active,:host .vds__chip__container.vds__chip__container--active :active:hover{background-color:var(--color-background-brand-press)}:host-context(.vds-chip--disabled){pointer-events:none}';const s=class{constructor(e){o(this,e);this.afterClosed=r(this,"afterClosed");this.selected=r(this,"selected");this.menuClick=r(this,"menuClick");this.size="medium";this.toggle=false;this.removeOnClose=true;this._informativeIcon=undefined;this.iconColor="color-icon-brand-default";this.iconSize=c["small"]}componentWillRender(){this.setChipIconsColor();this.setChipIconsSize();this.setInformativeIcon()}dismiss(){return new Promise((o=>{this.afterClosed.emit();if(this.removeOnClose){this.hostEl&&this.hostEl.remove()}o()}))}emitMenuClicked(){this.menuClick.emit()}setInformativeIcon(){this._informativeIcon=this.informativeIcon?this.informativeIcon:this.active&&this.toggle?"good":undefined}setChipIconsColor(){const o=this.disabled&&this.active?"disabled-active":this.disabled?"disabled":this.active?"active":"default";switch(o){case"disabled-active":this.iconColor="color-icon-white-high";break;case"disabled":this.iconColor="color-icon-disabled";break;case"active":this.iconColor="white";break;default:this.iconColor="color-icon-brand-default";break}}setChipIconsSize(){switch(this.size){case"small":this.iconSize=c["extra-small"];break;case"medium":this.iconSize=c["small"];break;case"large":this.iconSize=c["medium"];break}}handleChipClick(){if(!this.toggle)return;this.active=!this.active;this.setInformativeIcon();this.selected.emit()}render(){return e(a,{key:"2732921366a0c736df94a71974c84fcb8f616ffa",class:this.disabled?"vds-chip--disabled":""},e("button",{key:"ef876c2bb49009ec6a8806d40ad2aa3cf3063446",onClick:()=>this.handleChipClick(),class:i("vds__chip__container",`vds__chip__container--size-${this.size}`,this.toggle&&"vds__chip__container--toggleable",this.disabled&&"vds__chip__container--disabled",this.active&&"vds__chip__container--active"),disabled:this.disabled},this._informativeIcon&&e("vds-icon",{key:"b386f36a68c3795afa509136c17b5e514ea037e9",svgIcon:this._informativeIcon,color:this.iconColor,size:this.iconSize}),this.value,this.menu&&e("vds-icon",{key:"d191286f48c23c52f289575c20acba03b4c7d5c8",onClick:()=>this.emitMenuClicked(),svgIcon:"chevron-down",color:this.iconColor,size:this.iconSize}),this.close&&e("vds-icon",{key:"d482c0a359f7e9ec475b6db12e3be91b7fa8c724",onClick:()=>this.dismiss(),"aria-label":this.closeAriaLabel,svgIcon:"close",color:this.iconColor,size:this.iconSize})))}get hostEl(){return t(this)}};s.style=l;export{s as vds_chip};
-//# sourceMappingURL=p-afc292bd.entry.js.map

package/dist/volt-basic-components/p-afc292bd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["vdsChipCss","VdsChip","constructor","hostRef","this","size","toggle","removeOnClose","_informativeIcon","undefined","iconColor","iconSize","ICON_SIZE","componentWillRender","setChipIconsColor","setChipIconsSize","setInformativeIcon","dismiss","Promise","resolve","afterClosed","emit","hostEl","remove","emitMenuClicked","menuClick","informativeIcon","active","state","disabled","handleChipClick","selected","render","h","Host","key","class","onClick","combineClasses","svgIcon","color","value","menu","close","closeAriaLabel"],"sources":["src/components/chip/vds-chip.scss?tag=vds-chip&encapsulation=shadow","src/components/chip/vds-chip.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: inline-flex;\n  .vds__chip__container {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    background-color: transparent;\n    border-radius: var(--radius-pill);\n    border: none;\n    box-sizing: border-box;\n    box-shadow: 0 0 0 0.0625rem inset var(--color-border-brand);\n    color: var(--color-link-default);\n    font-feature-settings: 'clig' off, 'liga' off;\n\n    &.vds__chip__container--toggleable {\n      cursor: pointer;\n    }\n\n    &:hover {\n      background-color: var(--color-interaction-brand-lowest);\n    }\n    &:active, &:active:hover {\n      background-color: var(--color-interaction-brand-lower);\n    }\n\n    &:focus-visible {\n      outline: 0.125rem solid var(--color-border-focus-2);\n      outline-offset: 0.125rem;\n    }\n    &.vds__chip__container--size-small {\n      padding: var(--spacing-01) var(--spacing-02);\n      @include font-style(title, 2x-small);\n    }\n    &.vds__chip__container--size-medium {\n      padding: var(--spacing-02) var(--spacing-03);\n      @include font-style(title, extra-small);\n    }\n    &.vds__chip__container--size-large {\n      padding: var(--spacing-03) var(--spacing-04);\n      @include font-style(title, small);\n    }\n    &.vds__chip__container--disabled,\n    &.vds__chip__container--disabled:focus-visible {\n      color: var(--color-text-disabled);\n      background-color: transparent;\n      pointer-events: none;\n      box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n      &.vds__chip__container--active {\n        color: var(--color-text-white-high);\n        background-color: var(--color-background-disabled);\n        box-shadow: none;\n      }\n    }\n    &.vds__chip__container--active {\n      color: var(--static-white);\n      background-color: var(--color-background-brand-default);\n      box-shadow: none;\n      &:hover {\n        background-color: var(--color-background-brand-hover);\n      }\n      &:active, :active:hover {\n        background-color: var(--color-background-brand-press);\n      }\n    }\n  }\n}\n\n:host-context(.vds-chip--disabled) {\n  pointer-events: none;\n}","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop, Event, EventEmitter, Method, Element, State } from '@stencil/core/internal';\nimport { IconColors } from '../../definitions/colors';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { ICON_SIZE } from '../icon-button/vds-icon-button.utils';\n\n@Component({\n  tag: 'vds-chip',\n  styleUrl: 'vds-chip.scss',\n  shadow: true,\n})\nexport class VdsChip {\n  /** Sets chips content value */\n  @Prop({ reflect: true, mutable: true}) value: string;\n  /** Displays close icon */\n  @Prop() close: boolean;\n  /** Displays menu (chevron-down) icon */\n  @Prop() menu: boolean;\n  /** Displays chip in active state */\n  @Prop({ reflect: true, mutable: true}) active: boolean;\n  /** Sets chip to disabled */\n  @Prop() disabled: boolean;\n  /** Sets content size  */\n  @Prop() size: \"small\" | \"medium\" | \"large\" = \"medium\";\n  /** Defines the aria label on the close button  */\n  @Prop({ reflect: true }) closeAriaLabel: string;\n  /** They turn active on/off when clicking the chip */\n  @Prop() toggle: boolean = false;\n  /** Receives the icon name to be shown in the left side */\n  @Prop() informativeIcon: string;\n  /** When close button is clicked, the element is removed from the DOM */\n  @Prop() removeOnClose: boolean = true;\n\n  /** Fires after chip dismiss and hide */\n  @Event() afterClosed: EventEmitter<void>;\n  /** Fires when chip is selected (only works when toggle is enabled) */\n  @Event() selected: EventEmitter<void>;\n  /** Fires when menu-icon is clicked */\n  @Event() menuClick: EventEmitter<void>;\n\n  @Element() hostEl: HTMLVdsChipElement;\n\n  @State() _informativeIcon: string = undefined;\n\n  private iconColor: IconColors = \"color-icon-brand-default\";\n  private iconSize: string = ICON_SIZE[\"small\"];\n\n  /**\n   * Executes before every render cycle.\n   *\n   * @returns void\n   */\n  componentWillRender(): void {\n    this.setChipIconsColor();\n    this.setChipIconsSize();\n    this.setInformativeIcon();\n  }\n\n  /** \n   * Dismiss/Hide the chip.\n   * Emits afterClosed event\n   * \n   * @Returns Promise<void>\n   */\n  @Method()\n  dismiss(): Promise<void> {\n    return new Promise(resolve => {\n      this.afterClosed.emit();\n      if (this.removeOnClose) {\n        this.hostEl && this.hostEl.remove();\n      }\n      resolve();\n    });\n  }\n\n  /** \n   * Emits event when menu-icon is clicked\n   * \n   * @Returns void\n   */\n  private emitMenuClicked(): void {\n    this.menuClick.emit();\n  }\n\n  /** \n   * Sets informative icon based on the following herarchy\n   * When informativeIcon prop is provided it will always display.\n   * When Chip is toggle and active it will set informativeIcon to checkMarck (good)\n   * Otherwise it'll not be display.\n   * \n   * @Returns void\n   */\n  private setInformativeIcon(): void {\n    this._informativeIcon = this.informativeIcon ? this.informativeIcon : this.active && this.toggle ? \"good\" : undefined;\n  }\n\n  /**\n   * Sets the color for the icons inside the chip.\n   * Sets the chip's vds-icon colors\n   *\n   * @returns void\n   */\n  private setChipIconsColor(): void {\n    const state = this.disabled && this.active ? \"disabled-active\" : this.disabled ? \"disabled\" : this.active ? \"active\" : \"default\";\n    switch(state) {\n      case \"disabled-active\":\n        this.iconColor = \"color-icon-white-high\";\n        break;\n      case \"disabled\":\n        this.iconColor = \"color-icon-disabled\";\n        break;\n      case \"active\":\n        this.iconColor = \"white\";\n        break;\n      default:\n        this.iconColor = \"color-icon-brand-default\";\n        break;\n    }\n  }\n\n  private setChipIconsSize(): void {\n    switch(this.size) {\n      case \"small\": \n        this.iconSize = ICON_SIZE[\"extra-small\"];\n        break;\n      case \"medium\": \n        this.iconSize = ICON_SIZE[\"small\"];\n        break;\n      case \"large\": \n        this.iconSize = ICON_SIZE[\"medium\"];\n        break;\n    }\n  }\n\n  /**\n   * Changes the chip active state when toggle option is enabled.\n   * Add checks icon when informativeIcon is not provided\n   *\n   * @returns void\n   */\n  private handleChipClick(): void {\n    if (!this.toggle) return;\n    \n    this.active = !this.active;\n\n    this.setInformativeIcon();\n\n    this.selected.emit();\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host class={this.disabled ? \"vds-chip--disabled\" : \"\"}>\n        <button\n          onClick={() => this.handleChipClick()}\n          class={\n            combineClasses(\n              \"vds__chip__container\",\n              `vds__chip__container--size-${this.size}`,\n              this.toggle && \"vds__chip__container--toggleable\",\n              this.disabled && \"vds__chip__container--disabled\",\n              this.active && \"vds__chip__container--active\",\n            )\n          }\n          disabled={ this.disabled }\n        >\n          {this._informativeIcon && <vds-icon svgIcon={this._informativeIcon} color={this.iconColor} size={this.iconSize}></vds-icon>}\n          {this.value}\n          {this.menu && <vds-icon onClick={() => this.emitMenuClicked()} svgIcon={\"chevron-down\"} color={this.iconColor} size={this.iconSize}></vds-icon>}\n          {this.close && <vds-icon onClick={() => this.dismiss()} aria-label={this.closeAriaLabel} svgIcon={\"close\"} color={this.iconColor} size={this.iconSize}></vds-icon>}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAa,4liC,MCWNC,EAAO,MALpB,WAAAC,CAAAC,G,qHAiBUC,KAAIC,KAAiC,SAIrCD,KAAME,OAAY,MAIlBF,KAAaG,cAAY,KAWxBH,KAAgBI,iBAAWC,UAE5BL,KAASM,UAAe,2BACxBN,KAAAO,SAAmBC,EAAU,QAiItC,CA1HC,mBAAAC,GACET,KAAKU,oBACLV,KAAKW,mBACLX,KAAKY,oB,CAUP,OAAAC,GACE,OAAO,IAAIC,SAAQC,IACjBf,KAAKgB,YAAYC,OACjB,GAAIjB,KAAKG,cAAe,CACtBH,KAAKkB,QAAUlB,KAAKkB,OAAOC,Q,CAE7BJ,GAAS,G,CASL,eAAAK,GACNpB,KAAKqB,UAAUJ,M,CAWT,kBAAAL,GACNZ,KAAKI,iBAAmBJ,KAAKsB,gBAAkBtB,KAAKsB,gBAAkBtB,KAAKuB,QAAUvB,KAAKE,OAAS,OAASG,S,CAStG,iBAAAK,GACN,MAAMc,EAAQxB,KAAKyB,UAAYzB,KAAKuB,OAAS,kBAAoBvB,KAAKyB,SAAW,WAAazB,KAAKuB,OAAS,SAAW,UACvH,OAAOC,GACL,IAAK,kBACHxB,KAAKM,UAAY,wBACjB,MACF,IAAK,WACHN,KAAKM,UAAY,sBACjB,MACF,IAAK,SACHN,KAAKM,UAAY,QACjB,MACF,QACEN,KAAKM,UAAY,2BACjB,M,CAIE,gBAAAK,GACN,OAAOX,KAAKC,MACV,IAAK,QACHD,KAAKO,SAAWC,EAAU,eAC1B,MACF,IAAK,SACHR,KAAKO,SAAWC,EAAU,SAC1B,MACF,IAAK,QACHR,KAAKO,SAAWC,EAAU,UAC1B,M,CAUE,eAAAkB,GACN,IAAK1B,KAAKE,OAAQ,OAElBF,KAAKuB,QAAUvB,KAAKuB,OAEpBvB,KAAKY,qBAELZ,KAAK2B,SAASV,M,CAGhB,MAAAW,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAOhC,KAAKyB,SAAW,qBAAuB,IAClDI,EACE,UAAAE,IAAA,2CAAAE,QAAS,IAAMjC,KAAK0B,kBACpBM,MACEE,EACE,uBACA,8BAA8BlC,KAAKC,OACnCD,KAAKE,QAAU,mCACfF,KAAKyB,UAAY,iCACjBzB,KAAKuB,QAAU,gCAGnBE,SAAWzB,KAAKyB,UAEfzB,KAAKI,kBAAoByB,EAAA,YAAAE,IAAA,2CAAUI,QAASnC,KAAKI,iBAAkBgC,MAAOpC,KAAKM,UAAWL,KAAMD,KAAKO,WACrGP,KAAKqC,MACLrC,KAAKsC,MAAQT,EAAA,YAAAE,IAAA,2CAAUE,QAAS,IAAMjC,KAAKoB,kBAAmBe,QAAS,eAAgBC,MAAOpC,KAAKM,UAAWL,KAAMD,KAAKO,WACzHP,KAAKuC,OAASV,EAAU,YAAAE,IAAA,2CAAAE,QAAS,IAAMjC,KAAKa,UAAuB,aAAAb,KAAKwC,eAAgBL,QAAS,QAASC,MAAOpC,KAAKM,UAAWL,KAAMD,KAAKO,Y","ignoreList":[]}

package/dist/volt-basic-components/p-b00715f5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["vdsTooltipCss","VdsTooltip","constructor","hostRef","this","type","position","maxWidth","event","autoPosition","popupOpened","floatingCleanup","emitValue","opened","emit","tooltipElementRef","style","display","updateFloatingBoxPosition","actionElementRef","arrowElementRef","closed","handleClickOut","evt","isClickInside","hostEl","contains","target","handleClick","clickedElement","open","close","getTarget","document","querySelector","handleHover","hoveredElement","handleHoverOut","setMaxWidth","componentDidLoad","queryElementFromShadowRoot","window","addEventListener","bind","disconnectedCallback","removeEventListener","render","h","Host","key","class","onClick","ref","triggerEl","name","tooltipEl","text","tooltipArrowEl","width","height","viewBox","fill","xmlns","id","d"],"sources":["src/components/tooltip/vds-tooltip.scss?tag=vds-tooltip&encapsulation=shadow","src/components/tooltip/vds-tooltip.tsx"],"sourcesContent":["@import \"~@volt/volt-foundations/dist/volt-foundations/volt-foundations\";\n\n:host {\n  display: flex;\n  width: fit-content;\n  .vds__tooltip-container {\n    display: none;\n    position: absolute;\n    width: 5.31rem;\n    height: 2.25rem;\n    height:max-content;\n    width: max-content;\n    max-width: var(--tooltip-max-width) !important;\n    flex-direction: column;\n    align-items: center;\n    border-radius: var(--radius-medium);\n    background: var(--surface-overlay-default);\n    padding: var(--spacing-03);\n    z-index: var(--elevation-layer-2);\n    box-shadow: var(--elevation-shadow-2);\n  }\n  .vds__tooltip-container-text{\n    color: var(--color-text-white-high);\n    font-feature-settings: 'clig' off, 'liga' off;\n    @include font-style(body, medium);\n  }  \n  .vds__tooltip-arrow {\n    position: absolute;\n    width: 0.5rem;\n    height: 0.25rem;\n    z-index: var(--elevation-layer-2);\n  }\n\n  .vds__tooltip-arrow-img {\n    fill: var(--surface-overlay-default);\n    display: flex;\n    width: 0.5rem;\n    height: 0.25rem;\n  }\n}\n","import { Component, Host, Listen, Prop, State, h, Element, EventEmitter, Event, Method } from '@stencil/core';\nimport { HTMLStencilElement, Watch } from '@stencil/core/internal';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { queryElementFromShadowRoot } from '../../utils/node-utils';\n\n@Component({\n  tag: 'vds-tooltip',\n  styleUrl: 'vds-tooltip.scss',\n  shadow: true,\n})\nexport class VdsTooltip {\n  @Element() hostEl: HTMLElement;\n  /** standard type receives the text in the \"text\" property, \"custom\" is an slot to include any html element inside the tooltip, \"manual\" allow open and close the tooltip only with the public methods  */\n  @Prop() type: \"standard\" | \"custom\" | \"manual\" = \"standard\";\n  /** Sets the tooltip text, does not apply for custom tooltip */\n  @Prop({mutable: true}) text?: string;\n  /** Defines the position where the tooltip will be opened */\n  @Prop({mutable: true}) position: 'top' | 'bottom' | 'right' | 'left' = 'top';\n  /** Sets the maximum width of the tooltip's content */\n  @Prop({mutable: true}) maxWidth: string = \"10rem\";\n  /** The type of event that will trigger the tooltip */\n  @Prop({mutable: true}) event: 'hover' | 'click' = 'hover';\n  /** Toggles the floating container auto-positioning based on available window space. \n   * False by default as it may cause positioning issues in some situations, use with caution \n   * */\n  @Prop({mutable: true}) autoPosition: boolean = false;\n\n  @State() popupOpened: boolean = false;\n  \n  /** Emits event when tooltip gets opens */\n  @Event() opened: EventEmitter<void>;\n  /** Emits event when tooltip gets closes */\n  @Event() closed: EventEmitter<void>;\n  \n  floatingCleanup: () => void = () => {};\n\n  @Watch(\"popupOpened\")\n  async emitValue(): Promise<void> {\n    if (this.popupOpened){\n      this.opened.emit();\n      this.tooltipElementRef.style.display = 'inline-flex';\n      this.floatingCleanup = await updateFloatingBoxPosition(this.actionElementRef, this.tooltipElementRef, this.arrowElementRef, this.position, this.autoPosition);\n    }\n    else{\n      this.closed.emit();\n      this.tooltipElementRef.style.display = 'none';\n      this.floatingCleanup();\n    }\n  }\n\n  /* Close the tooltip when click outside */\n  @Listen('click', { target: 'window' })\n  private handleClickOut(evt: MouseEvent): void {\n    const isClickInside = this.hostEl.contains(evt.target as Node);\n    if (!isClickInside && this.type !== 'manual') {\n      this.popupOpened = false;\n    }\n  }\n\n  /* Open the tooltip with click on the trigger element  */\n  @Listen('click')\n  private handleClick(event: Event): void {\n    if (this.event === 'click' && this.type !== 'manual') {\n      const clickedElement = event.target as HTMLElement;\n      if (clickedElement) {\n        this.popupOpened = true;\n      }\n    }\n  }\n\n  /* Open the tooltip from other element  */ \n  @Method()\n  public async open(): Promise<void> {\n    this.popupOpened = true;\n  }\n\n  /* Close the tooltip from other element  */\n  @Method()\n  public async close(): Promise<void> {\n    this.popupOpened = false;\n  }\n  /**\n   *  Gets the target that will manage the tooltip\n   *  returns a promise with the target HTMLElement.\n   */\n  @Method()\n  public async getTarget(): Promise<HTMLElement | null> {\n    return document.querySelector('.vds__tooltip-container') as HTMLElement;\n  }\n\n  private handleHover(event: Event): void {\n    if (this.event === 'hover') {\n      const hoveredElement = event.target as HTMLElement;\n      if (hoveredElement) {\n        this.popupOpened = true;\n      }\n    }\n  }\n  private handleHoverOut(event: Event): void {\n    if (this.event === 'hover') {\n      const hoveredElement = event.target as HTMLElement;\n      if (hoveredElement) {\n        this.popupOpened = false; \n      }\n    }\n  }\n\n  private setMaxWidth(){\n    return {'--tooltip-max-width': this.maxWidth} \n  }\n  \n  private actionElementRef: HTMLElement;\n  private arrowElementRef: HTMLElement;\n  private tooltipElementRef: HTMLElement;\n  \n  componentDidLoad() {\n    this.actionElementRef = queryElementFromShadowRoot(this.hostEl,'.vds__tooltip-trigger');\n    this.arrowElementRef = queryElementFromShadowRoot(this.hostEl,'.vds__tooltip-arrow');\n    this.tooltipElementRef = queryElementFromShadowRoot(this.hostEl, '.vds__tooltip-container');\n\n    window.addEventListener('click', this.handleClickOut.bind(this));\n    if (this.event === 'click') {\n      this.actionElementRef.addEventListener('click', this.handleClick.bind(this)); \n    } else if (this.event === 'hover') {\n      this.actionElementRef.addEventListener('mouseenter', this.handleHover.bind(this));\n      this.actionElementRef.addEventListener('mouseleave', this.handleHoverOut.bind(this));\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('click', this.handleClickOut.bind(this));\n    if (this.event === 'click') {\n      this.actionElementRef.removeEventListener('click', this.handleClick.bind(this));\n    } else if (this.event === 'hover') {\n      this.actionElementRef.removeEventListener('mouseenter', this.handleHover.bind(this));\n      this.actionElementRef.removeEventListener('mouseleave', this.handleHoverOut.bind(this));\n    }\n  }\n\n  render(): HTMLStencilElement { \n    return (\n      <Host style={this.setMaxWidth()}>\n        <div class=\"vds__tooltip-trigger\"\n          onClick={(evt: MouseEvent) => {\n              this.handleClick(evt);              \n          }}\n          ref={(triggerEl) => { if(triggerEl)this.actionElementRef = triggerEl; }}\n          \n        >\n          <slot name=\"tooltip-trigger\"></slot>\n        </div>\n        <div\n          class=\"vds__tooltip-container\" \n          ref={(tooltipEl) => {  if(tooltipEl)this.tooltipElementRef = tooltipEl; }}\n        >          \n          <div>\n            { this.type ==='standard'|| this.type ==='manual'?<span class=\"vds__tooltip-container-text\">{this.text}</span> : <slot name=\"tooltip-content\"></slot>}\n          </div>\n          <div class=\"vds__tooltip-arrow\" ref={(tooltipArrowEl) => {  if(tooltipArrowEl)this.arrowElementRef = tooltipArrowEl; }}>\n            <svg class=\"vds__tooltip-arrow-img\" width=\"8\" height=\"4\" viewBox=\"0 0 8 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path id=\"tooltip-caret-filled-small\" d=\"M0 0L4 4L8 0H0Z\" fill=\"var(--surface-overlay-default)\"/>\n            </svg>\n          </div>\n        </div>  \n      </Host>\n    );\n  }\n}\n\n"],"mappings":"wIAAA,MAAMA,EAAgB,gg/B,MCUTC,EAAU,MALvB,WAAAC,CAAAC,G,oEAQUC,KAAIC,KAAqC,WAI1BD,KAAQE,SAAwC,MAEhDF,KAAQG,SAAW,QAEnBH,KAAKI,MAAsB,QAI3BJ,KAAYK,aAAY,MAEtCL,KAAWM,YAAY,MAOhCN,KAAAO,gBAA8B,MAqI/B,CAlIC,eAAMC,GACJ,GAAIR,KAAKM,YAAY,CACnBN,KAAKS,OAAOC,OACZV,KAAKW,kBAAkBC,MAAMC,QAAU,cACvCb,KAAKO,sBAAwBO,EAA0Bd,KAAKe,iBAAkBf,KAAKW,kBAAmBX,KAAKgB,gBAAiBhB,KAAKE,SAAUF,KAAKK,a,KAE9I,CACFL,KAAKiB,OAAOP,OACZV,KAAKW,kBAAkBC,MAAMC,QAAU,OACvCb,KAAKO,iB,EAMD,cAAAW,CAAeC,GACrB,MAAMC,EAAgBpB,KAAKqB,OAAOC,SAASH,EAAII,QAC/C,IAAKH,GAAiBpB,KAAKC,OAAS,SAAU,CAC5CD,KAAKM,YAAc,K,EAMf,WAAAkB,CAAYpB,GAClB,GAAIJ,KAAKI,QAAU,SAAWJ,KAAKC,OAAS,SAAU,CACpD,MAAMwB,EAAiBrB,EAAMmB,OAC7B,GAAIE,EAAgB,CAClBzB,KAAKM,YAAc,I,GAOlB,UAAMoB,GACX1B,KAAKM,YAAc,I,CAKd,WAAMqB,GACX3B,KAAKM,YAAc,K,CAOd,eAAMsB,GACX,OAAOC,SAASC,cAAc,0B,CAGxB,WAAAC,CAAY3B,GAClB,GAAIJ,KAAKI,QAAU,QAAS,CAC1B,MAAM4B,EAAiB5B,EAAMmB,OAC7B,GAAIS,EAAgB,CAClBhC,KAAKM,YAAc,I,GAIjB,cAAA2B,CAAe7B,GACrB,GAAIJ,KAAKI,QAAU,QAAS,CAC1B,MAAM4B,EAAiB5B,EAAMmB,OAC7B,GAAIS,EAAgB,CAClBhC,KAAKM,YAAc,K,GAKjB,WAAA4B,GACN,MAAO,CAAC,sBAAuBlC,KAAKG,S,CAOtC,gBAAAgC,GACEnC,KAAKe,iBAAmBqB,EAA2BpC,KAAKqB,OAAO,yBAC/DrB,KAAKgB,gBAAkBoB,EAA2BpC,KAAKqB,OAAO,uBAC9DrB,KAAKW,kBAAoByB,EAA2BpC,KAAKqB,OAAQ,2BAEjEgB,OAAOC,iBAAiB,QAAStC,KAAKkB,eAAeqB,KAAKvC,OAC1D,GAAIA,KAAKI,QAAU,QAAS,CAC1BJ,KAAKe,iBAAiBuB,iBAAiB,QAAStC,KAAKwB,YAAYe,KAAKvC,M,MACjE,GAAIA,KAAKI,QAAU,QAAS,CACjCJ,KAAKe,iBAAiBuB,iBAAiB,aAActC,KAAK+B,YAAYQ,KAAKvC,OAC3EA,KAAKe,iBAAiBuB,iBAAiB,aAActC,KAAKiC,eAAeM,KAAKvC,M,EAIlF,oBAAAwC,GACEH,OAAOI,oBAAoB,QAASzC,KAAKkB,eAAeqB,KAAKvC,OAC7D,GAAIA,KAAKI,QAAU,QAAS,CAC1BJ,KAAKe,iBAAiB0B,oBAAoB,QAASzC,KAAKwB,YAAYe,KAAKvC,M,MACpE,GAAIA,KAAKI,QAAU,QAAS,CACjCJ,KAAKe,iBAAiB0B,oBAAoB,aAAczC,KAAK+B,YAAYQ,KAAKvC,OAC9EA,KAAKe,iBAAiB0B,oBAAoB,aAAczC,KAAKiC,eAAeM,KAAKvC,M,EAIrF,MAAA0C,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACjC,MAAOZ,KAAKkC,eAChBS,EAAK,OAAAE,IAAA,2CAAAC,MAAM,uBACTC,QAAU5B,IACNnB,KAAKwB,YAAYL,EAAI,EAEzB6B,IAAMC,IAAgB,GAAGA,EAAUjD,KAAKe,iBAAmBkC,CAAS,GAGpEN,EAAA,QAAAE,IAAA,2CAAMK,KAAK,qBAEbP,EAAA,OAAAE,IAAA,2CACEC,MAAM,yBACNE,IAAMG,IAAiB,GAAGA,EAAUnD,KAAKW,kBAAoBwC,CAAS,GAEtER,EAAA,OAAAE,IAAA,4CACI7C,KAAKC,OAAQ,YAAaD,KAAKC,OAAQ,SAAS0C,EAAA,QAAMG,MAAM,+BAA+B9C,KAAKoD,MAAeT,EAAM,QAAAO,KAAK,qBAE9HP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAqBE,IAAMK,IAAsB,GAAGA,EAAerD,KAAKgB,gBAAkBqC,CAAc,GACjHV,EAAK,OAAAE,IAAA,2CAAAC,MAAM,yBAAyBQ,MAAM,IAAIC,OAAO,IAAIC,QAAQ,UAAUC,KAAK,OAAOC,MAAM,8BAC3Ff,EAAA,QAAAE,IAAA,2CAAMc,GAAG,6BAA6BC,EAAE,kBAAkBH,KAAK,sC","ignoreList":[]}

package/dist/volt-basic-components/p-c5b478d7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["vdsAvatarCss","VdsAvatar","constructor","hostRef","this","size","getNumberFormat","number","numValue","parseInt","substring","getNameInitials","name","parts","split","firstInitial","charAt","lastInitial","length","initials","toUpperCase","getAvatarValue","value","test","calcFontSize","regex","match","unit","calculated_font_size","Error","calcLineHeight","parseFloat","lineHeight","toFixed","getValueStyles","width","height","getAvatarContent","startsWith","setBackground","h","class","src","alt","style","setBackgroundColor","render","avatarContent","Host","key"],"sources":["src/components/avatar/vds-avatar.scss?tag=vds-avatar&encapsulation=shadow","src/components/avatar/vds-avatar.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: block;\n  .vds-avatar {  \n    width: var(--spacing-06);    \n    height: var(--spacing-06);\n    flex-shrink: 0;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    overflow: hidden;\n    border: 1px solid var(--color-border-white-high);\n    box-sizing: border-box;\n  }\n  .vds-avatar--value{\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    color: var(--color-text-white-high);\n    text-align: center;\n    font-feature-settings: 'clig' off, 'liga' off;\n    @include font-style(title, medium);\n  }\n  .vds-avatar--picture {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    background-repeat: no-repeat;\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-avatar',\n  styleUrl: 'vds-avatar.scss',\n  shadow: true,\n})\nexport class VdsAvatar {\n  /**\n   * This property can receive:\n   * - Fullname to show the first letters inside the avatar.\n   * - Url of image.\n   * - +XX format for showing the number of additional users. Caps at +99.\n   */\n  @Prop() value: string;\n  /** Set icon size in px or rem, IE: 32px or 1.25rem */\n  @Prop() size: string = '20px';\n\n  setBackground: boolean;\n\n  private getNumberFormat(number: string): string {\n    const numValue = parseInt(number.substring(1), 10);\n    if (numValue > 99) {\n      return '+99';\n    }\n    return '+' + numValue;\n  }\n\n  private getNameInitials(name: string): string {\n    const parts = name.split(' ');\n    const firstInitial = parts[0].charAt(0);\n    const lastInitial = parts[parts.length - 1].charAt(0);\n    const initials = firstInitial + lastInitial;\n\n    return initials.toUpperCase();\n  }\n\n  getAvatarValue(value: string): string {\n    if (/^\\+\\d+$/.test(value)) {\n      return this.getNumberFormat(value);\n    }\n    return this.getNameInitials(value);\n  }\n\n  calcFontSize(size: string): string {\n    const regex = /^(\\d+)(px|rem)$/;\n    const match = size.match(regex);\n    if (match) {\n      const value = parseInt(match[1], 10) / 2;\n      const unit = match[2];\n      const calculated_font_size = value + unit;\n      return calculated_font_size;\n    }\n    throw new Error('Invalid size format. Please provide a valid size in px or rem.');\n  }\n  calcLineHeight(size: string): string {\n    const regex = /^(\\d+)(px|rem)$/;\n    const match = size.match(regex);\n    if (match) {\n      const value = parseFloat(match[1]);\n      const unit = match[2];\n      const lineHeight = ((value * 1.25) / 2).toFixed(2);\n      return lineHeight + unit;\n    }\n  }\n\n  getValueStyles(): {width: string, height: string, 'font-size': string} {\n    return ({\n      'width': this.size,\n      'height': this.calcLineHeight(this.size),\n      'font-size': this.calcFontSize(this.size)\n    })\n  }\n\n  getAvatarContent() {\n    if (this.value.startsWith('http')) {\n      this.setBackground = false;\n      return <img class=\"vds-avatar--picture\" src={this.value} alt=\"Avatar\" />;\n    } else {\n      this.setBackground = true;\n      const value = this.getAvatarValue(this.value);\n      return (\n        <span\n          class=\"vds-avatar--value\"\n          style={this.getValueStyles()}\n        >\n          {value}\n        </span>\n      );\n    }\n  }\n\n  setBackgroundColor(): string {\n    return this.setBackground ? 'var(--color-icon-high)' : 'transparent';\n  }\n\n  render(): HTMLStencilElement {\n    const avatarContent = this.getAvatarContent();\n\n    return (\n      <Host>\n        <div class={`vds-avatar`} style={{ 'width': this.size, 'height': this.size, 'background-color': this.setBackgroundColor() }}>\n          {avatarContent}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,+4+B,MCQRC,EAAS,MALtB,WAAAC,CAAAC,G,UAcUC,KAAIC,KAAW,MA2FxB,CAvFS,eAAAC,CAAgBC,GACtB,MAAMC,EAAWC,SAASF,EAAOG,UAAU,GAAI,IAC/C,GAAIF,EAAW,GAAI,CACjB,MAAO,K,CAET,MAAO,IAAMA,C,CAGP,eAAAG,CAAgBC,GACtB,MAAMC,EAAQD,EAAKE,MAAM,KACzB,MAAMC,EAAeF,EAAM,GAAGG,OAAO,GACrC,MAAMC,EAAcJ,EAAMA,EAAMK,OAAS,GAAGF,OAAO,GACnD,MAAMG,EAAWJ,EAAeE,EAEhC,OAAOE,EAASC,a,CAGlB,cAAAC,CAAeC,GACb,GAAI,UAAUC,KAAKD,GAAQ,CACzB,OAAOlB,KAAKE,gBAAgBgB,E,CAE9B,OAAOlB,KAAKO,gBAAgBW,E,CAG9B,YAAAE,CAAanB,GACX,MAAMoB,EAAQ,kBACd,MAAMC,EAAQrB,EAAKqB,MAAMD,GACzB,GAAIC,EAAO,CACT,MAAMJ,EAAQb,SAASiB,EAAM,GAAI,IAAM,EACvC,MAAMC,EAAOD,EAAM,GACnB,MAAME,EAAuBN,EAAQK,EACrC,OAAOC,C,CAET,MAAM,IAAIC,MAAM,iE,CAElB,cAAAC,CAAezB,GACb,MAAMoB,EAAQ,kBACd,MAAMC,EAAQrB,EAAKqB,MAAMD,GACzB,GAAIC,EAAO,CACT,MAAMJ,EAAQS,WAAWL,EAAM,IAC/B,MAAMC,EAAOD,EAAM,GACnB,MAAMM,GAAeV,EAAQ,KAAQ,GAAGW,QAAQ,GAChD,OAAOD,EAAaL,C,EAIxB,cAAAO,GACE,OACEC,MAAS/B,KAAKC,KACd+B,OAAUhC,KAAK0B,eAAe1B,KAAKC,MACnC,YAAaD,KAAKoB,aAAapB,KAAKC,M,CAIxC,gBAAAgC,GACE,GAAIjC,KAAKkB,MAAMgB,WAAW,QAAS,CACjClC,KAAKmC,cAAgB,MACrB,OAAOC,EAAK,OAAAC,MAAM,sBAAsBC,IAAKtC,KAAKkB,MAAOqB,IAAI,U,KACxD,CACLvC,KAAKmC,cAAgB,KACrB,MAAMjB,EAAQlB,KAAKiB,eAAejB,KAAKkB,OACvC,OACEkB,EACE,QAAAC,MAAM,oBACNG,MAAOxC,KAAK8B,kBAEXZ,E,EAMT,kBAAAuB,GACE,OAAOzC,KAAKmC,cAAgB,yBAA2B,a,CAGzD,MAAAO,GACE,MAAMC,EAAgB3C,KAAKiC,mBAE3B,OACEG,EAACQ,EAAI,CAAAC,IAAA,4CACHT,EAAA,OAAAS,IAAA,2CAAKR,MAAO,aAAcG,MAAO,CAAET,MAAS/B,KAAKC,KAAM+B,OAAUhC,KAAKC,KAAM,mBAAoBD,KAAKyC,uBAClGE,G","ignoreList":[]}

package/dist/volt-basic-components/p-d09c7b72.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as a,H as e}from"./p-DTZC-zXo.js";const t='@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;width:fit-content;cursor:pointer;--vds-upload-drag-icon-gap:var(--spacing-05);--vds-upload-drag-border-color:var(--color-border-low);--vds-upload-drag-border-drag-color:var(--color-border-brand);--vds-upload-drag-background-color:var(--surface-medium);--vds-upload-drag-background-drag-color:rgba(0, 125, 186, 0.04)}:host vds-card{--vds-card-default-border-color:var(--vds-upload-drag-border-color);--vds-card-default-background-color:var(--vds-upload-drag-background-color)}:host vds-card.vds-card--drag-active{--vds-card-default-border-color:var(--vds-upload-drag-border-drag-color);--vds-card-default-background-color:var(--vds-upload-drag-background-drag-color)}:host .vds-upload__content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--vds-upload-icon-gap)}:host .vds-upload__content .vds-upload__body{display:flex;flex-direction:column}:host .vds-upload__content .vds-upload__body .vds-upload__title{color:var(--color-text-high);font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:host .vds-upload__content .vds-upload__body .vds-upload__description{color:var(--color-text-medium);font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}';const i=class{constructor(a){o(this,a);this.fileSelected=r(this,"fileSelected");this.title="Click or drag file to this area to upload";this.description="Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files";this.multiple=true;this.isDragging=false;this.handleDragOver=o=>{o.preventDefault();o.stopPropagation();o.dataTransfer.dropEffect="copy";this.isDragging=true};this.handleDragLeave=o=>{o.preventDefault();o.stopPropagation();this.isDragging=false};this.handleDrop=o=>{var r;o.preventDefault();o.stopPropagation();this.isDragging=false;const a=(r=o.dataTransfer)===null||r===void 0?void 0:r.files;if(a&&a.length>0){this.handleFiles(Array.from(a))}};this.handleClick=()=>{var o;(o=this.fileInput)===null||o===void 0?void 0:o.click()};this.handleFileInputChange=()=>{var o;const r=(o=this.fileInput)===null||o===void 0?void 0:o.files;if(r&&r.length>0){this.handleFiles(Array.from(r))}}}handleFiles(o){this.fileSelected.emit(o)}render(){return a(e,{key:"ccf2f981a3a06e500504d48827230868aec6da99",onClick:this.handleClick,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},a("input",{key:"8b94929477a6757adeb4e12173adc7330e4e48fe",type:"file",ref:o=>this.fileInput=o,onChange:this.handleFileInputChange,multiple:this.multiple,accept:this.accept,capture:this.capture,hidden:true}),a("vds-card",{key:"d4d7614b842814d099f6e81f3dfbc6fde3b53d12",padding:"spacing-09",shadowBox:"elevation-shadow-0",class:{"vds-card--drag-active":this.isDragging}},a("div",{key:"ecba860696469fa5fd1efe3fad5252142485d4a1",class:"vds-upload__content"},a("slot",{key:"dc64bb83a9244ddbb9b174822b5f8c531ab0d134",name:"icon"}),a("div",{key:"45735c2361c82c2326b19799138efa216bc796bf",class:"vds-upload__body"},a("span",{key:"c7332b825a8a4a17009e67b234a1770a1893cf29",class:"vds-upload__title"},this.title),a("span",{key:"2c4100068ed459378ecea65d31e77c75c673f9af",class:"vds-upload__description"},this.description)))))}};i.style=t;export{i as vds_upload_drag};
-//# sourceMappingURL=p-d09c7b72.entry.js.map

package/dist/volt-basic-components/p-d09c7b72.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["vdsUploadDragCss","VdsUploadDrag","constructor","hostRef","this","title","description","multiple","isDragging","handleDragOver","event","preventDefault","stopPropagation","dataTransfer","dropEffect","handleDragLeave","handleDrop","files","_a","length","handleFiles","Array","from","handleClick","fileInput","click","handleFileInputChange","fileSelected","emit","render","h","Host","key","onClick","onDragOver","onDragLeave","onDrop","type","ref","el","onChange","accept","capture","hidden","padding","shadowBox","class","name"],"sources":["src/components/upload-drag/vds-upload-drag.scss?tag=vds-upload-drag&encapsulation=shadow","src/components/upload-drag/vds-upload-drag.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: fit-content;\n  cursor: pointer;\n\n  --vds-upload-drag-icon-gap: var(--spacing-05);\n\n  --vds-upload-drag-border-color: var(--color-border-low);\n  --vds-upload-drag-border-drag-color: var(--color-border-brand);\n  --vds-upload-drag-background-color: var(--surface-medium);\n  --vds-upload-drag-background-drag-color: rgba(0, 125, 186, 0.04);\n\n  vds-card {\n    --vds-card-default-border-color: var(--vds-upload-drag-border-color);\n    --vds-card-default-background-color: var(--vds-upload-drag-background-color);\n\n    &.vds-card--drag-active {\n      --vds-card-default-border-color: var(--vds-upload-drag-border-drag-color);\n      --vds-card-default-background-color: var(--vds-upload-drag-background-drag-color);\n    }\n  }\n\n  .vds-upload__content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: var(--vds-upload-icon-gap);\n\n    .vds-upload__body {\n      display: flex;\n      flex-direction: column;\n\n      .vds-upload__title {\n        color: var(--color-text-high);\n        @include font-style(title, medium);\n      }\n\n      .vds-upload__description {\n        color: var(--color-text-medium);\n        @include font-style(body, medium);\n      }\n    }\n\n  }\n}","import { Component, Host, h, Prop, Event, State } from '@stencil/core';\nimport { EventEmitter } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-upload-drag',\n  styleUrl: 'vds-upload-drag.scss',\n  shadow: true,\n})\nexport class VdsUploadDrag {\n  /** The title of the upload area */\n  @Prop() title: string = 'Click or drag file to this area to upload';\n  /** The description of the upload area */\n  @Prop() description: string =\n    'Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files';\n\n  /** Specifies the multiple prop in the input[type=\"file\"] */\n  @Prop() multiple: boolean = true;\n  /** Specifies the accept prop in the input[type=\"file\"] */\n  @Prop() accept?: string;\n  /** Specifies the capture prop in the input[type=\"file\"] */\n  @Prop() capture?: 'user' | 'environment';\n\n  /** Emits the value of the selected files */\n  @Event() fileSelected: EventEmitter<File[]>;\n\n  @State() isDragging: boolean = false;\n\n  private fileInput?: HTMLInputElement;\n\n  private handleDragOver = (event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    event.dataTransfer.dropEffect = 'copy';\n    this.isDragging = true;\n  };\n\n  private handleDragLeave = (event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragging = false;\n  };\n\n  private handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragging = false;\n    const files = event.dataTransfer?.files;\n    if (files && files.length > 0) {\n      this.handleFiles(Array.from(files));\n    }\n  };\n\n  private handleClick = () => {\n    this.fileInput?.click();\n  };\n\n  private handleFileInputChange = () => {\n    const files = this.fileInput?.files;\n    if (files && files.length > 0) {\n      this.handleFiles(Array.from(files));\n    }\n  };\n\n  private handleFiles(files: File[]) {\n    this.fileSelected.emit(files);\n  }\n\n  render() {\n    return (\n      <Host\n        onClick={this.handleClick}\n        onDragOver={this.handleDragOver}\n        onDragLeave={this.handleDragLeave}\n        onDrop={this.handleDrop}\n      >\n        <input\n          type=\"file\"\n          ref={el => (this.fileInput = el as HTMLInputElement)}\n          onChange={this.handleFileInputChange}\n          multiple={this.multiple}\n          accept={this.accept}\n          capture={this.capture}\n          hidden\n        />\n        <vds-card\n          padding=\"spacing-09\"\n          shadowBox=\"elevation-shadow-0\"\n          class={{ 'vds-card--drag-active': this.isDragging }}\n        >\n          <div class=\"vds-upload__content\">\n            <slot name=\"icon\"></slot>\n            <div class=\"vds-upload__body\">\n              <span class=\"vds-upload__title\">{this.title}</span>\n              <span class=\"vds-upload__description\">{this.description}</span>\n            </div>\n          </div>\n        </vds-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,w9/B,MCQZC,EAAa,MAL1B,WAAAC,CAAAC,G,mDAOUC,KAAKC,MAAW,4CAEhBD,KAAWE,YACjB,yGAGMF,KAAQG,SAAY,KASnBH,KAAUI,WAAY,MAIvBJ,KAAAK,eAAkBC,IACxBA,EAAMC,iBACND,EAAME,kBACNF,EAAMG,aAAaC,WAAa,OAChCV,KAAKI,WAAa,IAAI,EAGhBJ,KAAAW,gBAAmBL,IACzBA,EAAMC,iBACND,EAAME,kBACNR,KAAKI,WAAa,KAAK,EAGjBJ,KAAAY,WAAcN,I,MACpBA,EAAMC,iBACND,EAAME,kBACNR,KAAKI,WAAa,MAClB,MAAMS,GAAQC,EAAAR,EAAMG,gBAAY,MAAAK,SAAA,SAAAA,EAAED,MAClC,GAAIA,GAASA,EAAME,OAAS,EAAG,CAC7Bf,KAAKgB,YAAYC,MAAMC,KAAKL,G,GAIxBb,KAAWmB,YAAG,K,OACpBL,EAAAd,KAAKoB,aAAW,MAAAN,SAAA,SAAAA,EAAAO,OAAO,EAGjBrB,KAAqBsB,sBAAG,K,MAC9B,MAAMT,GAAQC,EAAAd,KAAKoB,aAAS,MAAAN,SAAA,SAAAA,EAAED,MAC9B,GAAIA,GAASA,EAAME,OAAS,EAAG,CAC7Bf,KAAKgB,YAAYC,MAAMC,KAAKL,G,EAyCjC,CArCS,WAAAG,CAAYH,GAClBb,KAAKuB,aAAaC,KAAKX,E,CAGzB,MAAAY,GACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,QAAS7B,KAAKmB,YACdW,WAAY9B,KAAKK,eACjB0B,YAAa/B,KAAKW,gBAClBqB,OAAQhC,KAAKY,YAEbc,EAAA,SAAAE,IAAA,2CACEK,KAAK,OACLC,IAAKC,GAAOnC,KAAKoB,UAAYe,EAC7BC,SAAUpC,KAAKsB,sBACfnB,SAAUH,KAAKG,SACfkC,OAAQrC,KAAKqC,OACbC,QAAStC,KAAKsC,QACdC,OACA,OACFb,EAAA,YAAAE,IAAA,2CACEY,QAAQ,aACRC,UAAU,qBACVC,MAAO,CAAE,wBAAyB1C,KAAKI,aAEvCsB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,uBACThB,EAAM,QAAAE,IAAA,2CAAAe,KAAK,SACXjB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,oBACThB,EAAA,QAAAE,IAAA,2CAAMc,MAAM,qBAAqB1C,KAAKC,OACtCyB,EAAA,QAAAE,IAAA,2CAAMc,MAAM,2BAA2B1C,KAAKE,gB","ignoreList":[]}

package/dist/volt-basic-components/p-d3b73a1b.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as a,h as t,H as r,a as e}from"./p-DTZC-zXo.js";import{c as i}from"./p-B23UkaEC.js";const c='@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;width:100%}:host .vds__notification--container{display:flex;justify-content:space-between;gap:var(--spacing-03);padding:var(--spacing-04) var(--spacing-05) var(--spacing-04) var(--spacing-03);border-radius:var(--radius-medium);min-width:fit-content}:host .vds__notification--container-body{display:flex;gap:var(--spacing-03)}:host .vds__notification--information{display:flex;align-items:center;align-content:center;flex:1 1 auto;flex-wrap:wrap}:host .vds__notification--information.vds-notification__information--toast{flex-direction:column;align-items:start}:host .vds__notification--information.vds-notification__information--toast .vds__notification--message,:host .vds__notification--information.vds-notification__information--toast .vds__notification--title{width:100%}:host .vds__notification--information .vds__notification--title{font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal;padding-right:var(--spacing-02);align-self:flex-start}:host .vds__notification--information .vds__notification--title ::slotted(h1),:host .vds__notification--information .vds__notification--title ::slotted(h2),:host .vds__notification--information .vds__notification--title ::slotted(h3),:host .vds__notification--information .vds__notification--title ::slotted(h4),:host .vds__notification--information .vds__notification--title ::slotted(h5),:host .vds__notification--information .vds__notification--title ::slotted(h6){margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host .vds__notification--information .vds__notification--message{flex:1 1 auto;overflow-wrap:break-word;font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal;color:var(--color-text-medium);box-sizing:border-box;min-height:var(--spacing-06)}:host .vds__notification--icon{align-self:flex-start}:host .vds__notification--content{display:flex;flex-direction:column}:host .vds__notification--content ::slotted([slot=actions]){padding-top:var(--spacing-07)}:host .vds__notification--actions{color:var(--color-text-medium);padding:var(--spacing-00) var(--spacing-03) var(--spacing-00) var(--spacing-05);align-self:flex-start;font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host .vds__notification--actions.vds-notification__actions--toast{padding:var(--spacing-00)}:host .vds__notification--close-btn{color:var(--color-text-medium);padding:0;align-self:flex-start;display:flex}:host .vds__notification--status-informative{background-color:var(--color-background-information-lowest-default);box-shadow:inset 0 0 0 0.0625rem var(--color-border-information)}:host .vds__notification--status-informative .vds__notification--title{color:var(--color-text-information-high)}:host .vds__notification--status-warning{background-color:var(--color-background-warning-lowest-default);box-shadow:inset 0 0 0 0.0625rem var(--color-border-warning)}:host .vds__notification--status-warning .vds__notification--title{color:var(--color-text-warning-high)}:host .vds__notification--status-danger{background-color:var(--color-background-danger-lowest-default);box-shadow:inset 0 0 0 0.0625rem var(--color-border-danger)}:host .vds__notification--status-danger .vds__notification--title{color:var(--color-text-danger-high)}:host .vds__notification--status-healthy{background-color:var(--color-background-healthy-lowest-default);box-shadow:inset 0 0 0 0.0625rem var(--color-border-healthy)}:host .vds__notification--status-healthy .vds__notification--title{color:var(--color-text-healthy-high)}:host .vds__notification--status-custom{background-color:var(--notification-background);box-shadow:inset 0 0 0 0.0625rem var(--notification-border)}:host .vds-notification__close-area{display:flex}';const n=class{constructor(t){o(this,t);this.closed=a(this,"closed");this.variant="inline";this.status="informative";this.showCloseButton=true;this.removeOnClose=true;this.currentIcon=undefined;this.currentColor=undefined}setCustomBackground(o){return(o===null||o===void 0?void 0:o.background)?{"--notification-background":`var(--${o.background})`}:{}}setCustomBorder(o){return(o===null||o===void 0?void 0:o.border)?{"--notification-border":`var(--${o.border})`}:{}}setCustomIcon(o){return(o===null||o===void 0?void 0:o.icon)?{"--notification-icon-color":`var(--${o.icon})`}:{}}setCustomColors(){const o=this.colors;if(!o){return null}return Object.assign(Object.assign(Object.assign({},this.setCustomBackground(o)),this.setCustomBorder(o)),this.setCustomIcon(o))}setIcon(){var o;switch(this.status){case"informative":this.currentIcon="information";this.currentColor="color-icon-information";break;case"danger":this.currentIcon="information";this.currentColor="color-icon-danger";break;case"warning":this.currentIcon="caution";this.currentColor="color-icon-warning";break;case"healthy":this.currentIcon="healthy";this.currentColor="color-icon-healthy";break;case"custom":this.currentIcon=this.icon;this.currentColor=((o=this.colors)===null||o===void 0?void 0:o.icon)?this.colors.icon:null;break;default:this.currentIcon="unknown";this.currentColor="color-icon-information";break}}handleClose(){this.closed.emit();if(this.removeOnClose){this.hostEl.remove()}}async close(){this.handleClose()}showCloseBtn(){return this.showCloseButton?t("div",{class:"vds__notification--close-btn"},t("vds-icon-button",{size:"medium",variant:"secondary",icon:"close",setAriaLabel:"close",onClick:()=>this.handleClose()})):null}renderActions(){return t("div",{class:`vds__notification--actions ${this.variant==="toast"?"vds-notification__actions--toast":""}`},t("slot",{name:"actions"}))}render(){const o=this.colors?this.setCustomColors():null;this.setIcon();return t(r,{key:"34a9cc0d1aa39e81409fd7b002d358548e11365b",style:o},t("div",{key:"6804c9a9938e8ddc654b192b9a6c69db1f246157",class:i("vds__notification--container","vds__notification--status-"+this.status)},t("div",{key:"1cdb8e02d564d8fa67fcbc7dabede906cf259cbf",class:"vds__notification--container-body"},t("div",{key:"789fa386981325f569b6f2a47aa9522d0174b11f",class:"vds__notification--icon"},t("vds-icon",{key:"c0183258cded2a0cc2641bbf84785ce17771433d",size:"1.5rem",svgIcon:this.currentIcon,color:this.currentColor})),t("div",{key:"621a8a173b820030162db668b9279977b39e6885",class:"vds__notification--content"},t("div",{key:"61d004a8104ce79ef0ab5d207f8deba68b3f1182",class:`vds__notification--information ${this.variant==="toast"?"vds-notification__information--toast":""}`},t("div",{key:"bf48b7e1c1230a2f0f50de8cf2c0706bfe5a1343",class:"vds__notification--title"},t("slot",{key:"e6be9e59f243758191ac60280e388d915d196706",name:"header"})),t("div",{key:"66543b96d6ad825c841738157f0a7a97999f4cb4",class:"vds__notification--message"},t("slot",{key:"3c8be0959ecef894664edf0e054db783e054a5d8",name:"body"}))),this.variant==="toast"&&this.renderActions())),t("div",{key:"279a75abe9ad12f6c6cde6dfb7754e0ee35bc27e",class:"vds-notification__close-area"},this.variant==="inline"&&this.renderActions(),this.showCloseBtn())))}get hostEl(){return e(this)}};n.style=c;export{n as vds_notification};
-//# sourceMappingURL=p-d3b73a1b.entry.js.map

package/dist/volt-basic-components/p-d3b73a1b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["vdsNotificationCss","VdsNotification","constructor","hostRef","this","variant","status","showCloseButton","removeOnClose","currentIcon","undefined","currentColor","setCustomBackground","customization","background","setCustomBorder","border","setCustomIcon","icon","setCustomColors","colors","Object","assign","setIcon","_a","handleClose","closed","emit","hostEl","remove","close","showCloseBtn","h","class","size","setAriaLabel","onClick","renderActions","name","render","custom","Host","key","style","combineClasses","svgIcon","color"],"sources":["src/components/notification/vds-notification.scss?tag=vds-notification&encapsulation=shadow","src/components/notification/vds-notification.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  .vds__notification--container {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--spacing-03);\n    padding: var(--spacing-04) var(--spacing-05) var(--spacing-04) var(--spacing-03);\n    border-radius: var(--radius-medium);\n    min-width: fit-content;\n  }\n  .vds__notification--container-body {\n    display: flex;\n    gap: var(--spacing-03);\n  }\n  .vds__notification--information{\n    display: flex;\n    align-items: center;\n    align-content: center;\n    flex: 1 1 auto;\n    flex-wrap: wrap;\n\n    &.vds-notification__information--toast {\n      flex-direction: column;\n      align-items: start;\n      .vds__notification--message,\n      .vds__notification--title {\n        width: 100%;\n      }\n    }\n    .vds__notification--title{      \n      @include font-style(title, medium);\n      padding-right: var(--spacing-02);\n      align-self: flex-start;\n      ::slotted(h1),\n      ::slotted(h2),\n      ::slotted(h3),\n      ::slotted(h4),\n      ::slotted(h5),\n      ::slotted(h6) {\n        margin-block-start: 0;\n        margin-block-end: 0;\n        margin-inline-start: 0;\n        margin-inline-end: 0;\n      }\n    }\n    .vds__notification--message{\n      flex: 1 1 auto;\n      overflow-wrap: break-word;\n      @include font-style(body, medium);\n      color: var(--color-text-medium);\n      box-sizing: border-box;\n      min-height: var(--spacing-06);\n    }\n  }\n  .vds__notification--icon{\n    align-self: flex-start;\n  }\n  .vds__notification--content{\n    display: flex;\n    flex-direction: column;\n\n    ::slotted([slot=\"actions\"]) {\n      padding-top: var(--spacing-07);\n    }\n  }\n  .vds__notification--actions{\n    color: var(--color-text-medium);\n    padding: var(--spacing-00) var(--spacing-03) var(--spacing-00) var(--spacing-05);\n    align-self: flex-start;\n    @include font-style(body, medium);\n\n    &.vds-notification__actions--toast {\n      padding: var(--spacing-00);\n    }\n  }\n  .vds__notification--close-btn{\n    color: var(--color-text-medium);\n    padding: 0;\n    align-self: flex-start;\n    display: flex;\n  }\n  .vds__notification--status-informative{\n    background-color: var(--color-background-information-lowest-default);\n    box-shadow: inset 0 0 0 0.0625rem var(--color-border-information);\n    .vds__notification--title{\n      color: var(--color-text-information-high);\n    }\n  }\n  .vds__notification--status-warning{\n    background-color: var(--color-background-warning-lowest-default);\n    box-shadow: inset 0 0 0 0.0625rem var(--color-border-warning);\n    .vds__notification--title{\n      color: var(--color-text-warning-high);\n    }\n  }\n  .vds__notification--status-danger{\n    background-color: var(--color-background-danger-lowest-default);\n    box-shadow: inset 0 0 0 0.0625rem var(--color-border-danger);\n\n    .vds__notification--title{\n      color: var(--color-text-danger-high);\n    }\n  }\n  .vds__notification--status-healthy{\n    background-color: var(--color-background-healthy-lowest-default);\n    box-shadow: inset 0 0 0 0.0625rem var(--color-border-healthy);\n    .vds__notification--title{\n      color: var(--color-text-healthy-high);\n    }\n  }\n  .vds__notification--status-custom{\n    background-color: var(--notification-background);\n    box-shadow: inset 0 0 0 0.0625rem var(--notification-border);\n  }\n  .vds-notification__close-area {\n    display: flex;\n  }\n}","import { Component, Host, h, Prop, State,Element, Event, EventEmitter, Method } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport { Colors } from '../../definitions/colors';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { NotificationsCustomColors, NotificationStatus } from './vds-notification-utils';\n\n@Component({\n  tag: 'vds-notification',\n  styleUrl: 'vds-notification.scss',\n  shadow: true,\n})\nexport class VdsNotification {\n/** Define variant of the notification */\n@Prop({mutable: true}) variant: \"toast\" | \"inline\" = \"inline\";\n/** Define status type of the notification */\n@Prop({mutable: true}) status: NotificationStatus = \"informative\";\n/** Define custom status color of notification */\n@Prop({mutable: true}) colors?: NotificationsCustomColors;\n/** Define custom Icon for the notification */  \n@Prop({mutable: true}) icon?: string;\n/** Show / Hide the notification close button */\n@Prop({mutable: true}) showCloseButton: boolean = true;\n/** When set to true, the element will be removed from DOM when pressing the close button. */\n@Prop({mutable: true}) removeOnClose: boolean = true;\n\n@State() currentIcon: string = undefined;\n@State() currentColor: Colors = undefined;\n\n@Element() hostEl: HTMLElement;\n\n/** Emits event when popover gets closed */\n@Event() closed: EventEmitter<void>;\n\n\nprivate setCustomBackground(customization): { [key: string]: string } {\n  return customization?.background ? { '--notification-background': `var(--${customization.background})` } : {};\n}\n\nprivate setCustomBorder(customization): { [key: string]: string } {\n  return customization?.border ? { '--notification-border': `var(--${customization.border})` } : {};\n}\nprivate setCustomIcon(customization): { [key: string]: string } {\n  return customization?.icon ? { '--notification-icon-color': `var(--${customization.icon})` } : {};\n}\nprivate setCustomColors(): { [key: string]: string } {\n  const customization = this.colors;\n  if (!customization) {\n        return null;\n    }\n    return {\n        ...this.setCustomBackground(customization),\n        ...this.setCustomBorder(customization),\n        ...this.setCustomIcon(customization)\n    };\n}\n\nprivate setIcon(){\n  switch (this.status) {\n    case 'informative':\n      this.currentIcon = 'information';\n      this.currentColor = \"color-icon-information\";\n      break;\n    case 'danger':\n      this.currentIcon = 'information';\n      this.currentColor= 'color-icon-danger';\n      break;\n    case 'warning':\n      this.currentIcon = 'caution';\n      this.currentColor= 'color-icon-warning';\n      break;\n    case 'healthy':\n      this.currentIcon = 'healthy';\n      this.currentColor= 'color-icon-healthy';\n      break;\n    case 'custom':\n      this.currentIcon = this.icon;\n      this.currentColor= this.colors?.icon? this.colors.icon : null;\n      break;\n    default:\n      this.currentIcon = 'unknown';\n      this.currentColor= 'color-icon-information';\n      break;\n  }\n}\n\nprivate handleClose(){\n this.closed.emit();\n if (this.removeOnClose) {\n   this.hostEl.remove();\n }\n}\n/* Close the Notification from other element  */ \n@Method()\npublic async close(): Promise<void> {\n  this.handleClose();\n}\n\nprivate showCloseBtn(){\n  return (this.showCloseButton ?\n    (<div class=\"vds__notification--close-btn\">\n      <vds-icon-button \n        size=\"medium\" \n        variant=\"secondary\" \n        icon='close'\n        setAriaLabel='close'\n        onClick={() => this.handleClose()}\n      >        \n      </vds-icon-button>\n    </div>)\n    :null);\n}\n  private renderActions(): HTMLStencilElement {\n    return (\n      <div\n        class={`vds__notification--actions ${this.variant === \"toast\" ? \"vds-notification__actions--toast\" : \"\"}`}\n      >\n        <slot name=\"actions\"></slot>\n      </div>\n    );\n  }\n\nrender(): HTMLStencilElement {\n  const custom = this.colors? this.setCustomColors() : null;\n  this.setIcon();\n\n  return (\n  <Host style={custom}>\n    <div class={combineClasses(\n      'vds__notification--container',\n      'vds__notification--status-'+ this.status,\n      )}\n    >\n      <div class={\"vds__notification--container-body\"}>\n        <div class=\"vds__notification--icon\">\n          <vds-icon size=\"1.5rem\" svgIcon={this.currentIcon} color={this.currentColor}></vds-icon>\n        </div>\n        <div class=\"vds__notification--content\">\n          <div class={`vds__notification--information ${this.variant === \"toast\" ? \"vds-notification__information--toast\" : \"\"}`}>\n            <div class=\"vds__notification--title\">\n              <slot name=\"header\"></slot>\n            </div>\n            <div class=\"vds__notification--message\">\n              <slot name=\"body\"></slot>\n            </div>\n          </div>\n          {this.variant === \"toast\" && this.renderActions()}\n        </div>\n      </div>\n      <div class=\"vds-notification__close-area\">\n        {this.variant === \"inline\" && this.renderActions()}\n        {this.showCloseBtn()}\n      </div>\n    </div>\n  </Host>\n  );\n}\n}"],"mappings":"oGAAA,MAAMA,EAAqB,w7kC,MCWdC,EAAe,MAL5B,WAAAC,CAAAC,G,uCAOuBC,KAAOC,QAAuB,SAE9BD,KAAME,OAAuB,cAM7BF,KAAeG,gBAAY,KAE3BH,KAAaI,cAAY,KAEvCJ,KAAWK,YAAWC,UACtBN,KAAYO,aAAWD,SAkI/B,CA1HO,mBAAAE,CAAoBC,GAC1B,OAAOA,IAAa,MAAbA,SAAa,SAAbA,EAAeC,YAAa,CAAE,4BAA6B,SAASD,EAAcC,eAAkB,E,CAGrG,eAAAC,CAAgBF,GACtB,OAAOA,IAAa,MAAbA,SAAa,SAAbA,EAAeG,QAAS,CAAE,wBAAyB,SAASH,EAAcG,WAAc,E,CAEzF,aAAAC,CAAcJ,GACpB,OAAOA,IAAa,MAAbA,SAAa,SAAbA,EAAeK,MAAO,CAAE,4BAA6B,SAASL,EAAcK,SAAY,E,CAEzF,eAAAC,GACN,MAAMN,EAAgBT,KAAKgB,OAC3B,IAAKP,EAAe,CACd,OAAO,I,CAEX,OACOQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAAlB,KAAKQ,oBAAoBC,IACzBT,KAAKW,gBAAgBF,IACrBT,KAAKa,cAAcJ,G,CAItB,OAAAU,G,MACN,OAAQnB,KAAKE,QACX,IAAK,cACHF,KAAKK,YAAc,cACnBL,KAAKO,aAAe,yBACpB,MACF,IAAK,SACHP,KAAKK,YAAc,cACnBL,KAAKO,aAAc,oBACnB,MACF,IAAK,UACHP,KAAKK,YAAc,UACnBL,KAAKO,aAAc,qBACnB,MACF,IAAK,UACHP,KAAKK,YAAc,UACnBL,KAAKO,aAAc,qBACnB,MACF,IAAK,SACHP,KAAKK,YAAcL,KAAKc,KACxBd,KAAKO,eAAca,EAAApB,KAAKgB,UAAM,MAAAI,SAAA,SAAAA,EAAEN,MAAMd,KAAKgB,OAAOF,KAAO,KACzD,MACF,QACEd,KAAKK,YAAc,UACnBL,KAAKO,aAAc,yBACnB,M,CAIE,WAAAc,GACPrB,KAAKsB,OAAOC,OACZ,GAAIvB,KAAKI,cAAe,CACtBJ,KAAKwB,OAAOC,Q,EAKR,WAAMC,GACX1B,KAAKqB,a,CAGC,YAAAM,GACN,OAAQ3B,KAAKG,gBACVyB,EAAA,OAAKC,MAAM,gCACVD,EACE,mBAAAE,KAAK,SACL7B,QAAQ,YACRa,KAAK,QACLiB,aAAa,QACbC,QAAS,IAAMhC,KAAKqB,iBAIvB,I,CAEK,aAAAY,GACN,OACEL,EACE,OAAAC,MAAO,8BAA8B7B,KAAKC,UAAY,QAAU,mCAAqC,MAErG2B,EAAA,QAAMM,KAAK,Y,CAKnB,MAAAC,GACE,MAAMC,EAASpC,KAAKgB,OAAQhB,KAAKe,kBAAoB,KACrDf,KAAKmB,UAEL,OACAS,EAACS,EAAK,CAAAC,IAAA,2CAAAC,MAAOH,GACXR,EAAK,OAAAU,IAAA,2CAAAT,MAAOW,EACV,+BACA,6BAA8BxC,KAAKE,SAGnC0B,EAAK,OAAAU,IAAA,2CAAAT,MAAO,qCACVD,EAAK,OAAAU,IAAA,2CAAAT,MAAM,2BACTD,EAAA,YAAAU,IAAA,2CAAUR,KAAK,SAASW,QAASzC,KAAKK,YAAaqC,MAAO1C,KAAKO,gBAEjEqB,EAAK,OAAAU,IAAA,2CAAAT,MAAM,8BACTD,EAAA,OAAAU,IAAA,2CAAKT,MAAO,kCAAkC7B,KAAKC,UAAY,QAAU,uCAAyC,MAChH2B,EAAK,OAAAU,IAAA,2CAAAT,MAAM,4BACTD,EAAA,QAAAU,IAAA,2CAAMJ,KAAK,YAEbN,EAAK,OAAAU,IAAA,2CAAAT,MAAM,8BACTD,EAAA,QAAAU,IAAA,2CAAMJ,KAAK,WAGdlC,KAAKC,UAAY,SAAWD,KAAKiC,kBAGtCL,EAAK,OAAAU,IAAA,2CAAAT,MAAM,gCACR7B,KAAKC,UAAY,UAAYD,KAAKiC,gBAClCjC,KAAK2B,iB","ignoreList":[]}

package/dist/volt-basic-components/p-da70a993.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as e,H as a,a as r}from"./p-DTZC-zXo.js";import{c as i}from"./p-B23UkaEC.js";import{c as s,t as c}from"./p-BMJUPaKN.js";import{u as l}from"./p-BqkUBR_p.js";import{c as n}from"./p-CqHfuEQc.js";import{g as d}from"./p-C1rbpvgj.js";const h=(o,t,e=false)=>{try{return o.filter((o=>{var a,r,i;if(e){return((a=o.textContent)===null||a===void 0?void 0:a.includes(t))||((r=o.value)===null||r===void 0?void 0:r.includes(t))||((i=o.label)===null||i===void 0?void 0:i.includes(t))}return g(o,t)}))}catch(o){console.warn("[getFilteredOptions]",o);return[]}};const g=(o,t)=>{var e,a,r;try{const i=(t===null||t===void 0?void 0:t.toLowerCase())||"";return o.textContent&&((e=o.textContent)===null||e===void 0?void 0:e.toLowerCase().includes(i))||o.label&&((a=o.label)===null||a===void 0?void 0:a.toLowerCase().includes(i))||o.value&&((r=o.value)===null||r===void 0?void 0:r.toLowerCase().includes(i))}catch(o){console.warn("[findOptionByValue]",o);return false}};const b=(o,t)=>{var e,a,r;try{const i=(t===null||t===void 0?void 0:t.toLowerCase())||"";return o.textContent&&((e=o.textContent)===null||e===void 0?void 0:e.toLowerCase())===i||o.label&&((a=o.label)===null||a===void 0?void 0:a.toLowerCase())===i||o.value&&((r=o.value)===null||r===void 0?void 0:r.toLowerCase())===i}catch(o){console.warn("[findOptionByValue]",o);return false}};const u='@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;--vds-basic-autocomplete-input-min-width:7.5rem;--vds-basic-autocomplete-input-min-width-large:9.25rem}:host .vds-basic-autocomplete__container{display:flex;flex-direction:column;gap:1rem}:host .vds-basic-autocomplete__container vds-basic-input{--vds-input-min-width:var(--vds-basic-autocomplete-input-min-width);--vds-input-min-width-large:var(--vds-basic-autocomplete-input-min-width-large)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content{display:none;flex-direction:column;align-items:flex-start;align-self:stretch;min-width:max-content;max-height:fit-content !important;border-radius:var(--radius-medium);background:var(--surface-medium);box-shadow:var(--elevation-shadow-2);box-sizing:border-box;border:0.0625rem solid var(--color-border-lowest);margin-top:0.25rem;z-index:var(--elevation-layer-5)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow{box-shadow:none;border:none}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow .vds-basic-autocomplete__content__header{box-shadow:var(--elevation-shadow-2)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.has-scroll{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.match-width{width:var(--trigger-width);min-width:var(--trigger-width)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options{overflow-y:auto;display:flex;flex-direction:column;border-radius:var(--radius-medium)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options.scrollable{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar{background-color:var(--surface-medium);width:0.375rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar-thumb{background-color:var(--color-background-neutral-press);border-radius:1rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__primary-action,:host .vds-basic-autocomplete__container .vds-basic-autocomplete__secondary-action{display:inline-flex;align-items:center}:host .vds-floating-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-interaction-black-lower);opacity:0.06;z-index:var(--elevation-layer-4)}:host .non-clickable{pointer-events:none}:host(.vds-basic-autocomplete--disabled){pointer-events:none}';const f=class{constructor(e){o(this,e);this.opened=t(this,"opened");this.closed=t(this,"closed");this.valueChanged=t(this,"valueChanged");this.cleared=t(this,"cleared");this.actionIconClick=t(this,"actionIconClick");this.changeInput=t(this,"changeInput");this.size="medium";this.multipleValues=[];this.selectedDropdownValue="";this.isRequired=false;this.allowedStyles=[];this.matchWidth=true;this.actionIcon="zoom";this.showClearButton=true;this.dropdown=false;this.showDropdownIcon=true;this.showEmptyMessage=false;this.emptyMessage="No options";this.multiple=false;this.autoPosition=false;this.clearSelection=false;this.backdrop=false;this.floatingCleanUp=()=>{};this.isOpened=false;this.options=[];this.debounceTimeTracker=null;this.showUnfilteredOptions=false;this.updateContainerWidth=s;this.setAutoCompleteStyles=o=>{let t={};t={maxHeight:o?o:undefined};return t}}componentWillLoad(){this.multiselectValues=this.multipleValues;this.validateDropdownValue=true}componentWillRender(){if(this.multiple){this.dropdown=false}}componentDidLoad(){this.options=Array.from(this.hostEl.querySelectorAll("vds-autocomplete-item"));this.setPreselection()}componentDidRender(){this.options=Array.from(this.hostEl.querySelectorAll("vds-autocomplete-item"));l(this.basicInput,this.autocompleteContent,null,"bottom",false);this.updateContainerWidth(this.basicInput,this.matchWidth,this.autocompleteContent);this.setPreselection()}setMulitpleValueHandler(){this.valueChanged.emit(this.multiselectValues)}setDisabledState(){this.close()}setDropdownValueValidation(){this.validateDropdownValue=true}async toggleAutocomplete(){if(this.isOpened){c(this.autocompleteContent,true);this.opened.emit();this.floatingCleanUp=await l(this.basicInput,this.autocompleteContent,null,"bottom",this.autoPosition)}else{c(this.autocompleteContent,false);this.closed.emit();this.floatingCleanUp()}}async open(){if(!this.isReadonly&&!this.disabled){setTimeout((()=>{this.isOpened=true}))}}async close(){this.isOpened=false}async setFocus(){this.basicInput.setFocus();setTimeout((()=>{this.open()}))}async setValue(o){this.value=o}async setSelectionValue(o){if(this.multiple&&Array.isArray(o)){this.multipleValues=this.multiselectValues=o}if(typeof o==="string"){if(this.dropdown){this.selectedDropdownValue=o}this.value=o}}async getValue(){if(this.multiple){return this.multipleValues}if(this.dropdown){return this.selectedDropdownValue}return this.value}async clear(){this.value="";if(this.dropdown){this.clearOptions()}if(this.clearSelection&&this.multiple){this.multipleValues=this.multiselectValues=[];this.setOptionsMultiple()}this.cleared.emit()}handleSelectOption(o){const t=this.options.find((t=>b(t,o.detail.value)));const e=t!==null&&t!==undefined;if(e&&this.multiple){t.isSelected=o.detail.selected}this.handleValueAssignment(o);if(e&&this.dropdown){this.setOptionsSingle(o.detail.value)}}handleClickOut(o){o.stopPropagation();const t=o.target;const e=this.hostEl.contains(t);const a=t.nodeName==="VDS-AUTOCOMPLETE"&&t.shadowRoot&&o.target.shadowRoot.contains(this.hostEl);if(!e&&!a){this.isOpened=false}}handleEscPress(o){if(this.isOpened&&o.code==="Escape"){this.close();this.basicInput.blur()}}handleMultiselection(o){if(o.selected&&!this.multipleValues.find((t=>t.toLowerCase()===o.value.toLowerCase()))){this.multipleValues.push(o.value)}else{this.multipleValues=this.multipleValues.filter((t=>t.toLowerCase()!==o.value.toLowerCase()))}this.multiselectValues=Array.from(this.multipleValues);this.basicInput.setFocus()}handleValueAssignment(o){if(this.multiple){this.handleMultiselection(o.detail)}else{this.value=o.detail.value;this.setSelectionValue(o.detail.value);this.valueChanged.emit(this.value);this.close()}}handleChange(o){o.stopPropagation();this.changeInput.emit(o.detail);if(this.debounce!==undefined&&this.debounce>0){this.handleDebounceValueChange(o.detail)}else{this.value=o.detail}if(this.dropdown){this.showUnfilteredOptions=false}}hasFocus(){this.open();if(this.hasValue()&&this.dropdown){this.showUnfilteredOptions=true;this.validateDropdownValue=false}}lostFocus(){if(this.dropdown){this.showUnfilteredOptions=false;this.validateDropdownValue=true}}emitActionIcon(){this.actionIconClick.emit()}handleDebounceValueChange(o){if(this.debounceTimeTracker!==null){clearTimeout(this.debounceTimeTracker);this.debounceTimeTracker=null}this.debounceTimeTracker=setTimeout((()=>{this.value=o;this.debounceTimeTracker=null}),this.debounce)}hasValue(){return this.value!==null&&this.value!==undefined&&this.value!=="undefined"&&this.value!==""}setPreselection(){if(this.multiple){this.setOptionsMultiple()}if(this.dropdown){this.setDropdownOption()}}setOptionsMultiple(){try{this.options.forEach((o=>{var t;o.hasCheckmark=true;const e=(t=this.multipleValues)===null||t===void 0?void 0:t.find((t=>b(o,t)));o.isSelected=!!e}))}catch(o){console.warn("[setOptionsMultiple]",o)}}setOptionsSingle(o){try{this.selectedDropdownValue=o;this.options.forEach((o=>{o.hasCheckmark=false;o.isSelected=b(o,this.selectedDropdownValue)}))}catch(o){console.warn("[setOptionsSingle]",o)}}setDropdownOption(){var o;try{const t=(o=this.options)===null||o===void 0?void 0:o.some((o=>b(o,this.selectedDropdownValue)));if(t&&this.selectedDropdownValue!==undefined&&this.selectedDropdownValue!=="undefined"&&this.selectedDropdownValue!==""){this.setOptionsSingle(this.selectedDropdownValue);if(this.validateDropdownValue){this.value=this.selectedDropdownValue;this.validateDropdownValue=false}}}catch(o){console.warn("[setOptionsMultiple]",o)}}clearOptions(){try{this.selectedDropdownValue=null;this.options.forEach((o=>{o.hasCheckmark=o.isSelected=false}))}catch(o){console.warn("[clearOptions]",o)}}renderUnfilteredOptions(){return e("div",{class:i("vds-basic-autocomplete__content-options",this.maxHeight?"scrollable":""),style:this.setAutoCompleteStyles(this.maxHeight)},e("slot",{name:"items"}),e("slot",null))}renderItem(o){var t;let a=false;if(this.multiple){a=(t=this.multipleValues)===null||t===void 0?void 0:t.some((t=>g(o,t)))}return e("vds-autocomplete-item",Object.assign({isSelected:a,hasCheckmark:this.multiple},n(o),{innerHTML:o.innerHTML}))}renderFilteredOptions(){const o=this.hasValue()?this.value:"";const t=h(this.options,o);if(t.length===0){return this.showEmptyMessage&&this.emptyMessage?this.renderEmptyOption():null}return e("div",{class:i("vds-basic-autocomplete__content-options",this.maxHeight?"scrollable":""),style:this.setAutoCompleteStyles(this.maxHeight)},t.map((o=>this.renderItem(o))))}renderEmptyOption(){if(!this.autocompleteItemEmptyOption){this.autocompleteItemEmptyOption=document.createElement("vds-autocomplete-item");this.autocompleteItemEmptyOption.classList.add("non-clickable");this.autocompleteItemEmptyOption.value="";this.autocompleteItemEmptyOption.setAttribute("value","")}this.autocompleteItemEmptyOption.setAttribute("size",this.size);this.autocompleteItemEmptyOption.setAttribute("label",this.emptyMessage);return this.renderItem(this.autocompleteItemEmptyOption)}renderClearIcon(){const o=this.disabled||this.isReadonly;return e("vds-icon-button",{tabIndex:o?-1:undefined,disabled:o,variant:"secondary",size:this.size==="medium"?"small":this.size==="small"?"extra-small":"medium",icon:"close",onClick:o?undefined:()=>{this.clear();this.basicInput.setFocus()}})}renderActionIcon(){const o=this.disabled||this.isReadonly;if(this.dropdown&&this.showDropdownIcon){return e("vds-icon",{svgIcon:this.isOpened?"chevron-up":"chevron-down",color:o?"color-icon-disabled":"color-icon-high",size:d(this.size),onClick:o?undefined:()=>this.isOpened?this.close():this.open()})}if(this.actionIcon){return e("vds-icon-button",{tabIndex:o?-1:undefined,disabled:o,variant:"secondary",size:this.size==="medium"?"small":this.size==="small"?"extra-small":"medium",icon:this.actionIcon,onClick:o?undefined:()=>this.emitActionIcon()})}}renderOptions(){if(this.dropdown&&this.showUnfilteredOptions){return this.renderUnfilteredOptions()}if(this.hasValue()){return this.renderFilteredOptions()}return this.renderUnfilteredOptions()}render(){const o=h(this.options,this.value||"");return e(a,{key:"9b035fb33aa14173337829378d0b4024d30e6358",class:this.disabled?"vds-basic-autocomplete--disabled":"",title:this.value},e("div",{key:"3d19e70ce7783ab0b6dc46e1405e1223505db622",class:i("vds-basic-autocomplete__container")},e("vds-basic-input",{key:"d7235b7b4cf781dbe72d6076f080e3f2e0ef1e31",ref:o=>{if(o){this.basicInput=o}},type:"text",placeholder:this.placeholder,value:this.value,size:this.size,disabled:this.disabled,isReadonly:this.isReadonly,error:this.error,isRequired:this.isRequired,formatter:this.formatter,informativeIcon:this.informativeIcon,allowedStyles:this.allowedStyles,onChangeInput:o=>this.handleChange(o),onFocus:()=>this.hasFocus(),onBlur:()=>this.lostFocus()},this.showClearButton&&this.hasValue()&&e("div",{key:"637bd881af823a444595ff826b2aa6521452e020",class:"vds-basic-autocomplete__secondary-action",slot:"secondaryActionIcon"},this.renderClearIcon()),(this.dropdown&&this.showDropdownIcon||this.actionIcon)&&e("div",{key:"2042f0659fdaad6855f797b6b79596a90b77bec1",class:"vds-basic-autocomplete__primary-action",slot:"primaryActionIcon"},this.renderActionIcon())),this.backdrop&&this.isOpened?e("div",{class:"vds-floating-backdrop",onClick:this.close.bind(this)}):"",e("div",{key:"4f0893d4476df5bc5723127528101dac34c0d697",ref:o=>{if(o)this.autocompleteContent=o},class:i("vds-basic-autocomplete__content",this.maxHeight?"has-scroll":"",(!this.emptyMessage||this.emptyMessage==="")&&o.length===0?"no-shadow":"",!this.showEmptyMessage&&o.length===0?"no-shadow":"",!this.value&&this.options.length===0?"no-shadow":"")},e("div",{key:"33047b025c6d88f2ff8bf550f4a6090ebf198ec0",class:"vds-basic-autocomplete__content__header"},e("slot",{key:"55ce34e7e2233e14a819a1c79288f3ffa5550ebe",name:"header"})),this.renderOptions())))}get hostEl(){return r(this)}static get watchers(){return{multiselectValues:["setMulitpleValueHandler"],disabled:["setDisabledState"],selectedDropdownValue:["setDropdownValueValidation"],isOpened:["toggleAutocomplete"]}}};f.style=u;export{f as vds_basic_autocomplete};
-//# sourceMappingURL=p-da70a993.entry.js.map