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

package/dist/cjs/vds-autocomplete-item.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-autocomplete-item.entry.cjs.js","mappings":"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","names":["generateCheckmarkIconButton","generateCheckbox","generateInformativeIcon","generateLabel","h","Host","combineClasses"],"sources":["src/components/autocomplete-item/vds-autocomplete-item.scss?tag=vds-autocomplete-item&encapsulation=shadow","src/components/autocomplete-item/vds-autocomplete-item.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n@import '../base-item/base-item.scss';\n\n:host {\n  display: block;\n  .vds-autocomplete-item{\n    @include baseItem();\n    &.vds-autocomplete-item--size-small {\n      @include baseItemSizeSmall();\n      .vds-autocomplete-item__content {\n        @include baseItemContent(small);\n      }\n    }\n    &.vds-autocomplete-item--size-medium {\n      @include baseItemSizeMedium();\n      .vds-autocomplete-item__content {\n        @include baseItemContent(medium);\n      }\n    }\n    &.vds-autocomplete-item--size-large {\n      @include baseItemSizeLarge();\n      .vds-autocomplete-item__content {\n        @include baseItemContent(large);\n      }\n    }\n    &.vds-autocomplete-item--active {\n      @include baseItemActive();\n      &.vds-autocomplete-item--danger {\n        @include baseItemBackgroundDanger();\n      }\n    }\n    &.vds-autocomplete-item--danger {\n      @include baseItemDanger();\n    }\n    &.vds-autocomplete-item--disabled {\n      @include baseItemDisabled();\n      &.vds-autocomplete-item--danger {\n        @include baseItemDisabled();\n      }\n    }\n  }\n}\n\n:host(.vds-autocomplete-item--disabled) {\n  pointer-events: none;\n}\n\n","import { Component, Host, Prop, h, Event, EventEmitter, Element } from \"@stencil/core\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { generateCheckbox, generateCheckmarkIconButton, generateInformativeIcon, generateLabel } from \"../base-item/base-item\";\nimport { HTMLStencilElement, Watch } from \"@stencil/core/internal\";\n\n@Component({\n  tag: \"vds-autocomplete-item\",\n  styleUrl: \"vds-autocomplete-item.scss\",\n  shadow: true,\n})\nexport class VdsAutocompleteItem {\n  /** Sets the autocomplete in disabled state */\n  @Prop({ mutable: true }) disabled: boolean = false;\n  /** Sets the icon value */\n  @Prop({ mutable: true }) informativeIcon: string;\n  /** Sets item in active state */\n  @Prop({ mutable: true }) isActive: boolean = false;\n  /** Sets item's value; This will be display as the text in the item when label is not present.\n   *  When value is present as text to be display, it will override children content. */\n  @Prop({ mutable: true, reflect: true }) value: string;\n  /** Sets item's label; This will be display as the text in the item.\n   *  When label is present, it will override children content and value when present. */\n  @Prop({ mutable: true, reflect: true }) label: string;\n  /** Sets aria-label */\n  @Prop({ mutable: true, reflect: true }) setAriaLabel: string;\n  /** Set size of menu item */\n  @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n  /** Shows checkmark */\n  @Prop({ mutable: true }) hasCheckmark: boolean = false;\n  /** Set state of checkmark */\n  @Prop({ mutable: true, reflect: true }) isSelected: boolean = false;\n  /** When has-checkmark is true, sets the checks element as checkmark or checkbox.  */\n  @Prop() checkmarkVariant: \"checkbox\" | \"checkmark\" = \"checkmark\";\n  /** When has-checkmark is true, sets the checks element at the beginning or end.  */\n  @Prop() checkmarkAlignment: \"start\" | \"end\" = \"start\";\n  /** Sets the autocomplete item to danger state.  */\n  @Prop({ mutable: true, reflect: true }) danger: boolean = false;\n\n  /** Emits event when item gets clicked */\n  @Event() autocompleteClicked: EventEmitter<{value: string, selected: boolean}>;\n  /** Emits event when item is selected */\n  @Event() selected: EventEmitter<MouseEvent>;\n  /** Emits event when item is deselected */\n  @Event() deselected: EventEmitter<MouseEvent>;\n\n  @Element() hostEl: HTMLElement;\n\n  @Watch(\"isSelected\")\n  updateItemState() {\n    this.isActive = this.isSelected;\n  }\n\n  private handleClick(evt: MouseEvent): void {\n    this.handleSelected(evt);\n  }\n\n  private handleSelected(evt: MouseEvent): void {\n    const selected = !this.isSelected;\n    if (selected) this.selected.emit(evt);\n    else this.deselected.emit(evt);\n    \n    this.autocompleteClicked.emit({\n      value: this.label || this.value || this.hostEl?.textContent,\n      selected,\n    });\n  }\n\n  private generateCheckmarkIconButton() {\n    return generateCheckmarkIconButton(this.isSelected, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private generateCheckbox() {\n    return generateCheckbox(this.isSelected, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private generateInformativeIcon() {\n    return generateInformativeIcon(this.informativeIcon, this.value, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private generateLabel() {\n    return generateLabel(this.label || this.value, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private setAriaLabelText() {\n    return this.setAriaLabel ? this.setAriaLabel : this.label ? this.label : this.value;\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host class={this.disabled ? \"vds-autocomplete-item--disabled\" : \"\"}>\n        <button\n          type=\"button\"\n          tabindex=\"0\"\n          disabled={this.disabled}\n          title={this.setAriaLabelText()}\n          aria-label={this.setAriaLabelText()}\n          onClick={(evt: MouseEvent) => {\n            if (this.disabled) {\n              evt.stopPropagation();\n              evt.preventDefault();\n            } else {\n              this.handleClick(evt);\n            }\n          }}\n          class={combineClasses(\n            \"vds-autocomplete-item\",\n            `vds-autocomplete-item--size-${this.size}`,\n            this.disabled ? \"vds-autocomplete-item--disabled\" : \"\",\n            this.isActive || this.isSelected ? \"vds-autocomplete-item--active\" : \"\",\n            this.danger ? \"vds-autocomplete-item--danger\" : \"\",\n            `vds-autocomplete-item__alignment-${this.checkmarkAlignment}`,\n          )}\n        >\n          <div class=\"vds-autocomplete-item__content\">\n            {this.checkmarkAlignment === \"start\" && this.hasCheckmark\n              ? this.checkmarkVariant === \"checkmark\"\n                ? this.generateCheckmarkIconButton()\n                : this.generateCheckbox()\n              : null}\n            {this.informativeIcon && this.generateInformativeIcon()}\n            {this.generateLabel()}\n            {this.checkmarkAlignment === \"end\" && this.hasCheckmark ? (this.checkmarkVariant === \"checkmark\" ? this.generateCheckmarkIconButton() : this.generateCheckbox()) : null}\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/vds-autocomplete-item.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-autocomplete-item.entry.cjs.js","sources":["src/components/autocomplete-item/vds-autocomplete-item.scss?tag=vds-autocomplete-item&encapsulation=shadow","src/components/autocomplete-item/vds-autocomplete-item.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n@import '../base-item/base-item.scss';\n\n:host {\n  display: block;\n  .vds-autocomplete-item{\n    @include baseItem();\n    &.vds-autocomplete-item--size-small {\n      @include baseItemSizeSmall();\n      .vds-autocomplete-item__content {\n        @include baseItemContent(small);\n      }\n    }\n    &.vds-autocomplete-item--size-medium {\n      @include baseItemSizeMedium();\n      .vds-autocomplete-item__content {\n        @include baseItemContent(medium);\n      }\n    }\n    &.vds-autocomplete-item--size-large {\n      @include baseItemSizeLarge();\n      .vds-autocomplete-item__content {\n        @include baseItemContent(large);\n      }\n    }\n    &.vds-autocomplete-item--active {\n      @include baseItemActive();\n      &.vds-autocomplete-item--danger {\n        @include baseItemBackgroundDanger();\n      }\n    }\n    &.vds-autocomplete-item--danger {\n      @include baseItemDanger();\n    }\n    &.vds-autocomplete-item--disabled {\n      @include baseItemDisabled();\n      &.vds-autocomplete-item--danger {\n        @include baseItemDisabled();\n      }\n    }\n  }\n}\n\n:host(.vds-autocomplete-item--disabled) {\n  pointer-events: none;\n}\n\n","import { Component, Host, Prop, h, Event, EventEmitter, Element } from \"@stencil/core\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { generateCheckbox, generateCheckmarkIconButton, generateInformativeIcon, generateLabel } from \"../base-item/base-item\";\nimport { HTMLStencilElement, Watch } from \"@stencil/core/internal\";\n\n@Component({\n  tag: \"vds-autocomplete-item\",\n  styleUrl: \"vds-autocomplete-item.scss\",\n  shadow: true,\n})\nexport class VdsAutocompleteItem {\n  /** Sets the autocomplete in disabled state */\n  @Prop({ mutable: true }) disabled: boolean = false;\n  /** Sets the icon value */\n  @Prop({ mutable: true }) informativeIcon: string;\n  /** Sets item in active state */\n  @Prop({ mutable: true }) isActive: boolean = false;\n  /** Sets item's value; This will be display as the text in the item when label is not present.\n   *  When value is present as text to be display, it will override children content. */\n  @Prop({ mutable: true, reflect: true }) value: string;\n  /** Sets item's label; This will be display as the text in the item.\n   *  When label is present, it will override children content and value when present. */\n  @Prop({ mutable: true, reflect: true }) label: string;\n  /** Sets aria-label */\n  @Prop({ mutable: true, reflect: true }) setAriaLabel: string;\n  /** Set size of menu item */\n  @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n  /** Shows checkmark */\n  @Prop({ mutable: true }) hasCheckmark: boolean = false;\n  /** Set state of checkmark */\n  @Prop({ mutable: true, reflect: true }) isSelected: boolean = false;\n  /** When has-checkmark is true, sets the checks element as checkmark or checkbox.  */\n  @Prop() checkmarkVariant: \"checkbox\" | \"checkmark\" = \"checkmark\";\n  /** When has-checkmark is true, sets the checks element at the beginning or end.  */\n  @Prop() checkmarkAlignment: \"start\" | \"end\" = \"start\";\n  /** Sets the autocomplete item to danger state.  */\n  @Prop({ mutable: true, reflect: true }) danger: boolean = false;\n\n  /** Emits event when item gets clicked */\n  @Event() autocompleteClicked: EventEmitter<{value: string, selected: boolean}>;\n  /** Emits event when item is selected */\n  @Event() selected: EventEmitter<MouseEvent>;\n  /** Emits event when item is deselected */\n  @Event() deselected: EventEmitter<MouseEvent>;\n\n  @Element() hostEl: HTMLElement;\n\n  @Watch(\"isSelected\")\n  updateItemState() {\n    this.isActive = this.isSelected;\n  }\n\n  private handleClick(evt: MouseEvent): void {\n    this.handleSelected(evt);\n  }\n\n  private handleSelected(evt: MouseEvent): void {\n    const selected = !this.isSelected;\n    if (selected) this.selected.emit(evt);\n    else this.deselected.emit(evt);\n    \n    this.autocompleteClicked.emit({\n      value: this.label || this.value || this.hostEl?.textContent,\n      selected,\n    });\n  }\n\n  private generateCheckmarkIconButton() {\n    return generateCheckmarkIconButton(this.isSelected, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private generateCheckbox() {\n    return generateCheckbox(this.isSelected, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private generateInformativeIcon() {\n    return generateInformativeIcon(this.informativeIcon, this.value, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private generateLabel() {\n    return generateLabel(this.label || this.value, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private setAriaLabelText() {\n    return this.setAriaLabel ? this.setAriaLabel : this.label ? this.label : this.value;\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host class={this.disabled ? \"vds-autocomplete-item--disabled\" : \"\"}>\n        <button\n          type=\"button\"\n          tabindex=\"0\"\n          disabled={this.disabled}\n          title={this.setAriaLabelText()}\n          aria-label={this.setAriaLabelText()}\n          onClick={(evt: MouseEvent) => {\n            if (this.disabled) {\n              evt.stopPropagation();\n              evt.preventDefault();\n            } else {\n              this.handleClick(evt);\n            }\n          }}\n          class={combineClasses(\n            \"vds-autocomplete-item\",\n            `vds-autocomplete-item--size-${this.size}`,\n            this.disabled ? \"vds-autocomplete-item--disabled\" : \"\",\n            this.isActive || this.isSelected ? \"vds-autocomplete-item--active\" : \"\",\n            this.danger ? \"vds-autocomplete-item--danger\" : \"\",\n            `vds-autocomplete-item__alignment-${this.checkmarkAlignment}`,\n          )}\n        >\n          <div class=\"vds-autocomplete-item__content\">\n            {this.checkmarkAlignment === \"start\" && this.hasCheckmark\n              ? this.checkmarkVariant === \"checkmark\"\n                ? this.generateCheckmarkIconButton()\n                : this.generateCheckbox()\n              : null}\n            {this.informativeIcon && this.generateInformativeIcon()}\n            {this.generateLabel()}\n            {this.checkmarkAlignment === \"end\" && this.hasCheckmark ? (this.checkmarkVariant === \"checkmark\" ? this.generateCheckmarkIconButton() : this.generateCheckbox()) : null}\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":["generateCheckmarkIconButton","generateCheckbox","generateInformativeIcon","generateLabel","h","Host","combineClasses"],"mappings":"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"}

package/dist/cjs/vds-avatar.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-avatar.entry.cjs.js","mappings":"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","names":["h","Host"],"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"],"version":3}

package/dist/cjs/vds-avatar.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-avatar.entry.cjs.js","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"],"names":["h","Host"],"mappings":"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"}

package/dist/cjs/vds-badge-dot.cjs.entry.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var index = require('./index-D6D5vqj8.js');
-var combineClasses = require('./combine-classes-Cs05zl1M.js');
-var vdsBadgePill_utils = require('./vds-badge-pill.utils-DDjHf_ZH.js');
-
-const vdsBadgeDotCss = "@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-block}:host .vds-badge-dot__container{position:relative}:host .vds-badge-dot__container .vds-badge-dot__thumb{border-radius:var(--spacing-04);position:absolute}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--size-medium{width:var(--spacing-04);height:var(--spacing-04);--position-x:-0.68rem;--position-y:-0.68rem}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--size-medium.vds-badge-dot__thumb--overlap{--position-x:-0.368rem;--position-y:-0.368rem}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--size-small{width:var(--spacing-03);height:var(--spacing-03);--position-x:-0.5rem;--position-y:-0.5rem}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--size-small.vds-badge-dot__thumb--overlap{--position-x:-0.25rem;--position-y:-0.25rem}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--no-overlap{transform:translate(-0.05rem, -0.05rem)}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--position-top-right{top:var(--position-y);right:var(--position-x)}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--position-top-left{top:var(--position-y);left:var(--position-x)}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--position-bottom-right{bottom:var(--position-y);right:var(--position-x)}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--position-bottom-left{bottom:var(--position-y);left:var(--position-x)}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--color-warning{background-color:var(--color-border-warning)}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--color-danger{background-color:var(--color-border-danger)}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--color-healthy{background-color:var(--color-background-healthy-default)}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--color-information{background-color:var(--color-background-information-default)}:host .vds-badge-dot__container .vds-badge-dot__thumb.vds-badge-dot__thumb--color-neutral{background-color:var(--color-background-general-default)}";
-
-const VdsBadgeDot = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /** Sets the badge's size */
-        this.size = "medium";
-        /** Sets the color of the badge, it provides special colors such as warning, danger, healthy, information, neutral
-         *  If you pass a color from out pallete it will consider as custom. The color will be applied as background color. */
-        this.statusColor = "neutral";
-        /** Sets to overlap component content */
-        this.overlap = false;
-        /** Sets the position of the badge */
-        this.position = "top-right";
-    }
-    componentWillRender() {
-        this.isCustom = !vdsBadgePill_utils.BADGE_VARIANTS.includes(this.statusColor);
-    }
-    setCustomColorStyle() {
-        let style = {};
-        if (this.isCustom) {
-            return {
-                backgroundColor: `var(--${this.statusColor})`
-            };
-        }
-        return style;
-    }
-    render() {
-        return (index.h(index.Host, { key: 'de76ac7e9e12e4480987ededeaf22561527ad5f1', "aria-label": this.setAriaLabel }, index.h("div", { key: '28f648e19c03b19e50b07abedb7dd3d98618aa59', class: combineClasses.combineClasses("vds-badge-dot__container"), "aria-label": this.setAriaLabel }, index.h("div", { key: '16e6fbfb0b6181f85ddbbdb0e6e9ccb9390d1af9', class: combineClasses.combineClasses("vds-badge-dot__thumb", this.overlap ? "vds-badge-dot__thumb--overlap" : "vds-badge-dot__thumb--no-overlap", `vds-badge-dot__thumb--size-${this.size}`, `vds-badge-dot__thumb--color-${this.statusColor}`, `vds-badge-dot__thumb--position-${this.position}`), style: this.setCustomColorStyle() }), index.h("slot", { key: '47a7c1bfb988c28d8af3aaac707fa4a92a851f76' }))));
-    }
-};
-VdsBadgeDot.style = vdsBadgeDotCss;
-
-exports.vds_badge_dot = VdsBadgeDot;
-//# sourceMappingURL=vds-badge-dot.entry.cjs.js.map
-
-//# sourceMappingURL=vds-badge-dot.cjs.entry.js.map

package/dist/cjs/vds-badge-dot.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-badge-dot.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,04hCAA04hC;;MCUp5hC,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAAuB,QAAQ;AAC3C;AACsH;AAC9G,QAAA,IAAW,CAAA,WAAA,GAA0E,SAAS;;AAI7F,QAAA,IAAO,CAAA,OAAA,GAAe,KAAK;;AAE5B,QAAA,IAAQ,CAAA,QAAA,GAA8D,WAAW;AAuC1F;IAlCC,mBAAmB,GAAA;AACjB,QAAA,IAAI,CAAC,QAAQ,GAAG,CAACA,iCAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;;IAG5D,mBAAmB,GAAA;QACjB,IAAI,KAAK,GAAG,EAAE;AAEd,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;AACL,gBAAA,eAAe,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,WAAW,CAAG,CAAA;aAC9C;;AAGH,QAAA,OAAO,KAAK;;IAGd,MAAM,GAAA;QACJ,QACEC,OAAC,CAAAC,UAAI,EAAa,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAA,IAAI,CAAC,YAAY,EAAA,EACjCD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEE,6BAAc,CAAC,0BAA0B,CAAC,EAAA,YAAA,EAAc,IAAI,CAAC,YAAY,EAAA,EACnFF,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAEE,6BAAc,CACxB,sBAAsB,EACtB,IAAI,CAAC,OAAO,GAAG,+BAA+B,GAAG,kCAAkC,EACnF,CAAA,2BAAA,EAA8B,IAAI,CAAC,IAAI,CAAE,CAAA,EACzC,CAA+B,4BAAA,EAAA,IAAI,CAAC,WAAW,CAAA,CAAE,EACjD,CAAA,+BAAA,EAAkC,IAAI,CAAC,QAAQ,CAAE,CAAA,CAChD,EACD,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAC5B,CAAA,EACPF,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;","names":["BADGE_VARIANTS","h","Host","combineClasses"],"sources":["src/components/badge-dot/vds-badge-dot.scss?tag=vds-badge-dot&encapsulation=shadow","src/components/badge-dot/vds-badge-dot.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  .vds-badge-dot__container {\n    position: relative;\n    .vds-badge-dot__thumb {\n      border-radius: var(--spacing-04);\n      position: absolute;\n\n      &.vds-badge-dot__thumb--size-medium {\n        width: var(--spacing-04);\n        height: var(--spacing-04);\n        --position-x: -0.68rem;\n        --position-y: -0.68rem;\n        &.vds-badge-dot__thumb--overlap {\n          --position-x: -0.368rem;\n          --position-y: -0.368rem;\n        }\n      }\n      &.vds-badge-dot__thumb--size-small {\n        width: var(--spacing-03);\n        height: var(--spacing-03);\n        --position-x:  -0.5rem;\n        --position-y:  -0.5rem;\n        &.vds-badge-dot__thumb--overlap {\n          --position-x: -0.25rem;\n          --position-y: -0.25rem;\n        }\n      }\n      &.vds-badge-dot__thumb--no-overlap {\n        transform: translate(-0.05rem, -0.05rem);\n      }\n      &.vds-badge-dot__thumb--position-top-right {\n        top: var(--position-y);\n        right: var(--position-x);\n      }\n      &.vds-badge-dot__thumb--position-top-left {\n        top: var(--position-y);\n        left: var(--position-x);\n      }\n      &.vds-badge-dot__thumb--position-bottom-right {\n        bottom: var(--position-y);\n        right: var(--position-x);\n      }\n      &.vds-badge-dot__thumb--position-bottom-left {\n        bottom: var(--position-y);\n        left: var(--position-x);\n      }\n      &.vds-badge-dot__thumb--color-warning {\n        background-color: var(--color-border-warning);\n      }\n      &.vds-badge-dot__thumb--color-danger {\n        background-color: var(--color-border-danger);\n      }\n      &.vds-badge-dot__thumb--color-healthy {\n        background-color: var(--color-background-healthy-default);\n      }\n      &.vds-badge-dot__thumb--color-information {\n        background-color: var(--color-background-information-default);\n      }\n      &.vds-badge-dot__thumb--color-neutral {\n        background-color: var(--color-background-general-default);\n      }\n    }\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { Colors } from '../../definitions/colors';\nimport { BADGE_VARIANTS } from '../badge-pill/vds-badge-pill.utils';\n\n@Component({\n  tag: 'vds-badge-dot',\n  styleUrl: 'vds-badge-dot.scss',\n  shadow: true,\n})\nexport class VdsBadgeDot {\n  /** Sets the badge's size */\n  @Prop() size: \"small\" | \"medium\" = \"medium\"\n  /** Sets the color of the badge, it provides special colors such as warning, danger, healthy, information, neutral \n   *  If you pass a color from out pallete it will consider as custom. The color will be applied as background color. */\n  @Prop() statusColor: \"warning\" | \"danger\" | \"healthy\" | \"information\" | \"neutral\" | Colors = \"neutral\";\n  /** Sets the aria label in badge */\n  @Prop() setAriaLabel:string \n  /** Sets to overlap component content */\n  @Prop()  overlap : boolean   = false\n  /** Sets the position of the badge */\n  @Prop() position: \"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\" = \"top-right\"\n  \n  \n  private isCustom: boolean;\n\n  componentWillRender(): void {\n    this.isCustom = !BADGE_VARIANTS.includes(this.statusColor);\n  }\n\n  setCustomColorStyle() {\n    let style = {};\n\n    if (this.isCustom) {\n      return {\n        backgroundColor: `var(--${this.statusColor})`\n      };\n    }\n\n    return style;\n  }\n\n  render() {\n    return (\n      <Host aria-label={this.setAriaLabel}>\n        <div class={combineClasses(\"vds-badge-dot__container\")} aria-label={this.setAriaLabel}>\n          <div class={combineClasses(\n            \"vds-badge-dot__thumb\",\n            this.overlap ? \"vds-badge-dot__thumb--overlap\" : \"vds-badge-dot__thumb--no-overlap\",\n            `vds-badge-dot__thumb--size-${this.size}`,\n            `vds-badge-dot__thumb--color-${this.statusColor}`,\n            `vds-badge-dot__thumb--position-${this.position}`\n            )}\n            style={this.setCustomColorStyle()}\n          ></div>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/vds-badge-dot.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-badge-dot.entry.cjs.js","sources":["src/components/badge-dot/vds-badge-dot.scss?tag=vds-badge-dot&encapsulation=shadow","src/components/badge-dot/vds-badge-dot.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  .vds-badge-dot__container {\n    position: relative;\n    .vds-badge-dot__thumb {\n      border-radius: var(--spacing-04);\n      position: absolute;\n\n      &.vds-badge-dot__thumb--size-medium {\n        width: var(--spacing-04);\n        height: var(--spacing-04);\n        --position-x: -0.68rem;\n        --position-y: -0.68rem;\n        &.vds-badge-dot__thumb--overlap {\n          --position-x: -0.368rem;\n          --position-y: -0.368rem;\n        }\n      }\n      &.vds-badge-dot__thumb--size-small {\n        width: var(--spacing-03);\n        height: var(--spacing-03);\n        --position-x:  -0.5rem;\n        --position-y:  -0.5rem;\n        &.vds-badge-dot__thumb--overlap {\n          --position-x: -0.25rem;\n          --position-y: -0.25rem;\n        }\n      }\n      &.vds-badge-dot__thumb--no-overlap {\n        transform: translate(-0.05rem, -0.05rem);\n      }\n      &.vds-badge-dot__thumb--position-top-right {\n        top: var(--position-y);\n        right: var(--position-x);\n      }\n      &.vds-badge-dot__thumb--position-top-left {\n        top: var(--position-y);\n        left: var(--position-x);\n      }\n      &.vds-badge-dot__thumb--position-bottom-right {\n        bottom: var(--position-y);\n        right: var(--position-x);\n      }\n      &.vds-badge-dot__thumb--position-bottom-left {\n        bottom: var(--position-y);\n        left: var(--position-x);\n      }\n      &.vds-badge-dot__thumb--color-warning {\n        background-color: var(--color-border-warning);\n      }\n      &.vds-badge-dot__thumb--color-danger {\n        background-color: var(--color-border-danger);\n      }\n      &.vds-badge-dot__thumb--color-healthy {\n        background-color: var(--color-background-healthy-default);\n      }\n      &.vds-badge-dot__thumb--color-information {\n        background-color: var(--color-background-information-default);\n      }\n      &.vds-badge-dot__thumb--color-neutral {\n        background-color: var(--color-background-general-default);\n      }\n    }\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { Colors } from '../../definitions/colors';\nimport { BADGE_VARIANTS } from '../badge-pill/vds-badge-pill.utils';\n\n@Component({\n  tag: 'vds-badge-dot',\n  styleUrl: 'vds-badge-dot.scss',\n  shadow: true,\n})\nexport class VdsBadgeDot {\n  /** Sets the badge's size */\n  @Prop() size: \"small\" | \"medium\" = \"medium\"\n  /** Sets the color of the badge, it provides special colors such as warning, danger, healthy, information, neutral \n   *  If you pass a color from out pallete it will consider as custom. The color will be applied as background color. */\n  @Prop() statusColor: \"warning\" | \"danger\" | \"healthy\" | \"information\" | \"neutral\" | Colors = \"neutral\";\n  /** Sets the aria label in badge */\n  @Prop() setAriaLabel:string \n  /** Sets to overlap component content */\n  @Prop()  overlap : boolean   = false\n  /** Sets the position of the badge */\n  @Prop() position: \"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\" = \"top-right\"\n  \n  \n  private isCustom: boolean;\n\n  componentWillRender(): void {\n    this.isCustom = !BADGE_VARIANTS.includes(this.statusColor);\n  }\n\n  setCustomColorStyle() {\n    let style = {};\n\n    if (this.isCustom) {\n      return {\n        backgroundColor: `var(--${this.statusColor})`\n      };\n    }\n\n    return style;\n  }\n\n  render() {\n    return (\n      <Host aria-label={this.setAriaLabel}>\n        <div class={combineClasses(\"vds-badge-dot__container\")} aria-label={this.setAriaLabel}>\n          <div class={combineClasses(\n            \"vds-badge-dot__thumb\",\n            this.overlap ? \"vds-badge-dot__thumb--overlap\" : \"vds-badge-dot__thumb--no-overlap\",\n            `vds-badge-dot__thumb--size-${this.size}`,\n            `vds-badge-dot__thumb--color-${this.statusColor}`,\n            `vds-badge-dot__thumb--position-${this.position}`\n            )}\n            style={this.setCustomColorStyle()}\n          ></div>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["BADGE_VARIANTS","h","Host","combineClasses"],"mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,04hCAA04hC;;MCUp5hC,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAAuB,QAAQ;AAC3C;AACsH;AAC9G,QAAA,IAAW,CAAA,WAAA,GAA0E,SAAS;;AAI7F,QAAA,IAAO,CAAA,OAAA,GAAe,KAAK;;AAE5B,QAAA,IAAQ,CAAA,QAAA,GAA8D,WAAW;AAuC1F;IAlCC,mBAAmB,GAAA;AACjB,QAAA,IAAI,CAAC,QAAQ,GAAG,CAACA,iCAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;;IAG5D,mBAAmB,GAAA;QACjB,IAAI,KAAK,GAAG,EAAE;AAEd,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;AACL,gBAAA,eAAe,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,WAAW,CAAG,CAAA;aAC9C;;AAGH,QAAA,OAAO,KAAK;;IAGd,MAAM,GAAA;QACJ,QACEC,OAAC,CAAAC,UAAI,EAAa,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAA,IAAI,CAAC,YAAY,EAAA,EACjCD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEE,6BAAc,CAAC,0BAA0B,CAAC,EAAA,YAAA,EAAc,IAAI,CAAC,YAAY,EAAA,EACnFF,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAEE,6BAAc,CACxB,sBAAsB,EACtB,IAAI,CAAC,OAAO,GAAG,+BAA+B,GAAG,kCAAkC,EACnF,CAAA,2BAAA,EAA8B,IAAI,CAAC,IAAI,CAAE,CAAA,EACzC,CAA+B,4BAAA,EAAA,IAAI,CAAC,WAAW,CAAA,CAAE,EACjD,CAAA,+BAAA,EAAkC,IAAI,CAAC,QAAQ,CAAE,CAAA,CAChD,EACD,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAC5B,CAAA,EACPF,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/cjs/vds-badge-pill.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-badge-pill.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,yyoCAAyyoC;;MCYpzoC,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAA8D,QAAQ;AAClF;;AAEkF;AAC1E,QAAA,IAAW,CAAA,WAAA,GAAiE,SAAS;;AAYrF,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAE1B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAGzB,QAAA,IAAkB,CAAA,kBAAA,GAAGA,iCAAkB;AAmDhD;IAjDC,mBAAmB,GAAA;QACjB,IAAI,CAAC,cAAc,EAAE;;IAGf,cAAc,GAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,CAACC,iCAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,MAAM,GAAG,EAAE;AAEf,YAAA,MAAM,GAAG;AACP,gBAAA,gCAAgC,EAAE,IAAI,CAAC,WAAW,GAAG,CAAS,MAAA,EAAA,IAAI,CAAC,WAAW,CAAA,CAAA,CAAG,GAAG,SAAS;AAC7F,gBAAA,mCAAmC,EAAE,IAAI,CAAC,YAAY,GAAG,CAAS,MAAA,EAAA,IAAI,CAAC,YAAY,CAAA,CAAA,CAAG,GAAG,SAAS;AAClG,gBAAA,kCAAkC,EAAE,IAAI,CAAC,gBAAgB,GAAG,CAAS,MAAA,EAAA,IAAI,CAAC,gBAAgB,CAAA,CAAA,CAAG,GAAG,SAAS;aAC1G;AAED,YAAA,IAAI,CAAC,YAAY,GAAG,MAAM;;;AAI9B;;;AAGG;IACH,OAAO,GAAA;QACL,OAAOC,sBAAU,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAa;;IAG5F,MAAM,GAAA;AACJ,QAAA,QACEA,OAAC,CAAAC,UAAI,EAAa,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAA,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,EAAA,EAC/CD,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAEE,6BAAc,CACnB,6BAA6B,EAC7B,IAAI,CAAC,IAAI,GAAG,CAA0B,uBAAA,EAAA,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,EACtD,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAA,+BAAA,EAAkC,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,uCAAuC,CACpI,EACD,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,EAAA,YAAA,EACvD,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,EAAA,EAE3CF,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,2BAA2B,EAAA,EACpC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,EAC3B,IAAI,CAAC,KAAK,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,EAAA,EAAG,IAAI,CAAC,KAAK,CAAQ,CACtE,CACC,CACJ;;;;;;;","names":["getIconSizeUpdated","BADGE_VARIANTS","h","Host","combineClasses"],"sources":["src/components/badge-pill/vds-badge-pill.scss?tag=vds-badge-pill&encapsulation=shadow","src/components/badge-pill/vds-badge-pill.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n\n  .vds__badge__pill--container {\n    display: inline-flex;\n    align-items: center;\n    padding: calc(var(--spacing-02) - 0.0625rem);\n    border-radius: var(--radius-pill);\n    border: 0.0625rem solid;\n    border-color: transparent;\n    box-sizing: border-box;\n\n    &:focus {\n      outline: none;\n    }\n\n    .vds__badge__pill--content {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--spacing-02);\n      min-width: var(--spacing-06);\n      padding: 0rem var(--spacing-01);\n    }\n\n    &.vds__badge__pill--size-large {\n      .vds__badge__pill--content {\n        min-width: var(--spacing-07);\n        .vds__badge__pill--value {\n          @include font-style(title, large);\n        }\n      }\n    }\n\n    &.vds__badge__pill--size-medium > .vds__badge__pill--content  > .vds__badge__pill--value {\n      @include font-style(title, medium);\n    }\n\n    &.vds__badge__pill--size-small {\n      .vds__badge__pill--content {\n        min-width: var(--spacing-05);\n        .vds__badge__pill--value {\n          @include font-style(title, \"small\");\n        }\n      }\n    }\n\n    &.vds__badge__pill--size-extra-small {\n      .vds__badge__pill--content {\n        min-width: var(--spacing-04);\n        .vds__badge__pill--value {\n          @include font-style(title, \"extra-small\");\n        }\n      }\n    }\n\n    &.vds__badge__pill--size-2x-small {\n      .vds__badge__pill--content {\n        min-width: var(--spacing-03);\n        .vds__badge__pill--value {\n          @include font-style(title, 2x-small);\n        }\n      }\n    }\n  }\n  .vds__badge__pill--status-color-healthy {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-healthy-lowest-default);\n      &:focus {\n        background-color: var(--color-background-healthy-lowest-hover);\n        border-color: var(--color-border-healthy);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-healthy-high);\n      }\n      vds-icon {\n        color: var(--color-text-healthy-high);\n        fill: var(--color-text-healthy-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-neutral {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-general-lowest-default);\n      &:focus {\n        background-color: var(--color-background-general-lowest-hover);\n        border-color: var(--color-border-general);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-general-high);\n      }\n      vds-icon {\n        color: var(--color-text-general-high);\n        fill: var(--color-text-general-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-danger {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-danger-lowest-default);\n      &:focus {\n        background-color: var(--color-background-danger-lowest-hover);\n        border-color: var(--color-border-danger);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-danger-high);\n      }\n      vds-icon {\n        color: var(--color-text-danger-high);\n        fill: var(--color-text-danger-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-information {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-information-lowest-default);\n      &:focus {\n        background-color: var(--color-background-information-lowest-hover);\n        border-color: var(--color-border-information);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-information-high);\n      }\n      vds-icon {\n        color: var(--color-text-information-high);\n        fill: var(--color-text-information-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-warning {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-warning-lowest-default);\n      &:focus {\n        background-color: var(--color-background-warning-lowest-hover);\n        border-color: var(--color-border-warning);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-warning-high);\n      }\n      vds-icon {\n        color: var(--color-text-warning-high);\n        fill: var(--color-text-warning-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-custom {\n    background-color: var(--custom-badge-pill-background);\n    &:focus {\n      background-color: var(--custom-badge-pill-background);\n      border-color: var(--custom-badge-pill-border-color);\n    }\n    .vds__badge__pill--value {\n      color: var(--custom-badge-pill-content-color);\n    }\n    vds-icon {\n      color: var(--custom-badge-pill-content-color);\n      fill: var(--custom-badge-pill-content-color);\n    }\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport { Colors } from '../../definitions/colors';\nimport { BADGE_VARIANTS } from './vds-badge-pill.utils';\nimport { getIconSizeUpdated } from '../../utils/icon-attr.utils';\n\n@Component({\n  tag: 'vds-badge-pill',\n  styleUrl: 'vds-badge-pill.scss',\n  shadow: true,\n})\nexport class VdsBadgePill {\n  /** Sets the badge's size */\n  @Prop() size: '2x-small' | 'extra-small' | 'small' | 'medium' | 'large' = 'medium';\n  /** Sets the color of the badge, it provides special colors such as warning, danger, healthy, information, neutral\n   *  If you pass a color from out pallete it will consider as custom. The color will be applied as background color;\n   *  To fully customize please refer to props contentColor and borderFocusColor. */\n  @Prop() statusColor: 'warning' | 'danger' | 'healthy' | 'information' | 'neutral' = 'neutral';\n  /** Sets the aria label in badge */\n  @Prop() setAriaLabel: string;\n  /** Sets an icon inside the badge */\n  @Prop() icon?: string;\n  /** Sets the text value of the badge. */\n  @Prop() value!: string;\n  /** Sets the color of the text and icon. (Only works when passing a custom statusColor) */\n  @Prop() contentColor: Colors;\n  /** Sets the color of the border in focus. (Only works when passing a custom statusColor) */\n  @Prop() borderFocusColor: Colors;\n  /** Hides the native tooltip when set to true */\n  @Prop() hideTitle: boolean = false;\n\n  private isCustom: boolean = false;\n  private customStyles;\n\n  private getIconSizeUpdated = getIconSizeUpdated;\n\n  componentWillRender(): void {\n    this.setCustomBadge();\n  }\n\n  private setCustomBadge(): void {\n    this.isCustom = !BADGE_VARIANTS.includes(this.statusColor);\n\n    if (this.isCustom) {\n      let styles = {};\n\n      styles = {\n        '--custom-badge-pill-background': this.statusColor ? `var(--${this.statusColor})` : undefined,\n        '--custom-badge-pill-content-color': this.contentColor ? `var(--${this.contentColor})` : undefined,\n        '--custom-badge-pill-border-color': this.borderFocusColor ? `var(--${this.borderFocusColor})` : undefined,\n      };\n\n      this.customStyles = styles;\n    }\n  }\n\n  /** Sets the icon in the vds-badge-pills\n   *\n   * @returns HTMLStencilElement\n   */\n  getIcon(): HTMLStencilElement {\n    return <vds-icon svgIcon={this.icon} size={this.getIconSizeUpdated(this.size)}></vds-icon>;\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host aria-label={this.setAriaLabel || this.value}>\n        <button\n          class={combineClasses(\n            'vds__badge__pill--container',\n            this.size ? `vds__badge__pill--size-${this.size}` : '',\n            this.statusColor && !this.isCustom ? `vds__badge__pill--status-color-${this.statusColor}` : 'vds__badge__pill--status-color-custom',\n          )}\n          style={this.customStyles}\n          title={this.hideTitle ? undefined : this.setAriaLabel || this.value}\n          aria-label={this.setAriaLabel || this.value}\n        >\n          <div class={'vds__badge__pill--content'}>\n            {this.icon && this.getIcon()}\n            {this.value && <span class={'vds__badge__pill--value'}>{this.value}</span>}\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/vds-badge-pill.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-badge-pill.entry.cjs.js","sources":["src/components/badge-pill/vds-badge-pill.scss?tag=vds-badge-pill&encapsulation=shadow","src/components/badge-pill/vds-badge-pill.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n\n  .vds__badge__pill--container {\n    display: inline-flex;\n    align-items: center;\n    padding: calc(var(--spacing-02) - 0.0625rem);\n    border-radius: var(--radius-pill);\n    border: 0.0625rem solid;\n    border-color: transparent;\n    box-sizing: border-box;\n\n    &:focus {\n      outline: none;\n    }\n\n    .vds__badge__pill--content {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--spacing-02);\n      min-width: var(--spacing-06);\n      padding: 0rem var(--spacing-01);\n    }\n\n    &.vds__badge__pill--size-large {\n      .vds__badge__pill--content {\n        min-width: var(--spacing-07);\n        .vds__badge__pill--value {\n          @include font-style(title, large);\n        }\n      }\n    }\n\n    &.vds__badge__pill--size-medium > .vds__badge__pill--content  > .vds__badge__pill--value {\n      @include font-style(title, medium);\n    }\n\n    &.vds__badge__pill--size-small {\n      .vds__badge__pill--content {\n        min-width: var(--spacing-05);\n        .vds__badge__pill--value {\n          @include font-style(title, \"small\");\n        }\n      }\n    }\n\n    &.vds__badge__pill--size-extra-small {\n      .vds__badge__pill--content {\n        min-width: var(--spacing-04);\n        .vds__badge__pill--value {\n          @include font-style(title, \"extra-small\");\n        }\n      }\n    }\n\n    &.vds__badge__pill--size-2x-small {\n      .vds__badge__pill--content {\n        min-width: var(--spacing-03);\n        .vds__badge__pill--value {\n          @include font-style(title, 2x-small);\n        }\n      }\n    }\n  }\n  .vds__badge__pill--status-color-healthy {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-healthy-lowest-default);\n      &:focus {\n        background-color: var(--color-background-healthy-lowest-hover);\n        border-color: var(--color-border-healthy);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-healthy-high);\n      }\n      vds-icon {\n        color: var(--color-text-healthy-high);\n        fill: var(--color-text-healthy-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-neutral {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-general-lowest-default);\n      &:focus {\n        background-color: var(--color-background-general-lowest-hover);\n        border-color: var(--color-border-general);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-general-high);\n      }\n      vds-icon {\n        color: var(--color-text-general-high);\n        fill: var(--color-text-general-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-danger {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-danger-lowest-default);\n      &:focus {\n        background-color: var(--color-background-danger-lowest-hover);\n        border-color: var(--color-border-danger);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-danger-high);\n      }\n      vds-icon {\n        color: var(--color-text-danger-high);\n        fill: var(--color-text-danger-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-information {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-information-lowest-default);\n      &:focus {\n        background-color: var(--color-background-information-lowest-hover);\n        border-color: var(--color-border-information);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-information-high);\n      }\n      vds-icon {\n        color: var(--color-text-information-high);\n        fill: var(--color-text-information-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-warning {\n    &.vds__badge__pill--container {\n      background-color: var(--color-background-warning-lowest-default);\n      &:focus {\n        background-color: var(--color-background-warning-lowest-hover);\n        border-color: var(--color-border-warning);\n      }\n      .vds__badge__pill--value {\n        color: var(--color-text-warning-high);\n      }\n      vds-icon {\n        color: var(--color-text-warning-high);\n        fill: var(--color-text-warning-high);\n      }\n    }\n  }\n  .vds__badge__pill--status-color-custom {\n    background-color: var(--custom-badge-pill-background);\n    &:focus {\n      background-color: var(--custom-badge-pill-background);\n      border-color: var(--custom-badge-pill-border-color);\n    }\n    .vds__badge__pill--value {\n      color: var(--custom-badge-pill-content-color);\n    }\n    vds-icon {\n      color: var(--custom-badge-pill-content-color);\n      fill: var(--custom-badge-pill-content-color);\n    }\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport { Colors } from '../../definitions/colors';\nimport { BADGE_VARIANTS } from './vds-badge-pill.utils';\nimport { getIconSizeUpdated } from '../../utils/icon-attr.utils';\n\n@Component({\n  tag: 'vds-badge-pill',\n  styleUrl: 'vds-badge-pill.scss',\n  shadow: true,\n})\nexport class VdsBadgePill {\n  /** Sets the badge's size */\n  @Prop() size: '2x-small' | 'extra-small' | 'small' | 'medium' | 'large' = 'medium';\n  /** Sets the color of the badge, it provides special colors such as warning, danger, healthy, information, neutral\n   *  If you pass a color from out pallete it will consider as custom. The color will be applied as background color;\n   *  To fully customize please refer to props contentColor and borderFocusColor. */\n  @Prop() statusColor: 'warning' | 'danger' | 'healthy' | 'information' | 'neutral' = 'neutral';\n  /** Sets the aria label in badge */\n  @Prop() setAriaLabel: string;\n  /** Sets an icon inside the badge */\n  @Prop() icon?: string;\n  /** Sets the text value of the badge. */\n  @Prop() value!: string;\n  /** Sets the color of the text and icon. (Only works when passing a custom statusColor) */\n  @Prop() contentColor: Colors;\n  /** Sets the color of the border in focus. (Only works when passing a custom statusColor) */\n  @Prop() borderFocusColor: Colors;\n  /** Hides the native tooltip when set to true */\n  @Prop() hideTitle: boolean = false;\n\n  private isCustom: boolean = false;\n  private customStyles;\n\n  private getIconSizeUpdated = getIconSizeUpdated;\n\n  componentWillRender(): void {\n    this.setCustomBadge();\n  }\n\n  private setCustomBadge(): void {\n    this.isCustom = !BADGE_VARIANTS.includes(this.statusColor);\n\n    if (this.isCustom) {\n      let styles = {};\n\n      styles = {\n        '--custom-badge-pill-background': this.statusColor ? `var(--${this.statusColor})` : undefined,\n        '--custom-badge-pill-content-color': this.contentColor ? `var(--${this.contentColor})` : undefined,\n        '--custom-badge-pill-border-color': this.borderFocusColor ? `var(--${this.borderFocusColor})` : undefined,\n      };\n\n      this.customStyles = styles;\n    }\n  }\n\n  /** Sets the icon in the vds-badge-pills\n   *\n   * @returns HTMLStencilElement\n   */\n  getIcon(): HTMLStencilElement {\n    return <vds-icon svgIcon={this.icon} size={this.getIconSizeUpdated(this.size)}></vds-icon>;\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host aria-label={this.setAriaLabel || this.value}>\n        <button\n          class={combineClasses(\n            'vds__badge__pill--container',\n            this.size ? `vds__badge__pill--size-${this.size}` : '',\n            this.statusColor && !this.isCustom ? `vds__badge__pill--status-color-${this.statusColor}` : 'vds__badge__pill--status-color-custom',\n          )}\n          style={this.customStyles}\n          title={this.hideTitle ? undefined : this.setAriaLabel || this.value}\n          aria-label={this.setAriaLabel || this.value}\n        >\n          <div class={'vds__badge__pill--content'}>\n            {this.icon && this.getIcon()}\n            {this.value && <span class={'vds__badge__pill--value'}>{this.value}</span>}\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":["getIconSizeUpdated","BADGE_VARIANTS","h","Host","combineClasses"],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,yyoCAAyyoC;;MCYpzoC,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAA8D,QAAQ;AAClF;;AAEkF;AAC1E,QAAA,IAAW,CAAA,WAAA,GAAiE,SAAS;;AAYrF,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAE1B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAGzB,QAAA,IAAkB,CAAA,kBAAA,GAAGA,iCAAkB;AAmDhD;IAjDC,mBAAmB,GAAA;QACjB,IAAI,CAAC,cAAc,EAAE;;IAGf,cAAc,GAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,CAACC,iCAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,MAAM,GAAG,EAAE;AAEf,YAAA,MAAM,GAAG;AACP,gBAAA,gCAAgC,EAAE,IAAI,CAAC,WAAW,GAAG,CAAS,MAAA,EAAA,IAAI,CAAC,WAAW,CAAA,CAAA,CAAG,GAAG,SAAS;AAC7F,gBAAA,mCAAmC,EAAE,IAAI,CAAC,YAAY,GAAG,CAAS,MAAA,EAAA,IAAI,CAAC,YAAY,CAAA,CAAA,CAAG,GAAG,SAAS;AAClG,gBAAA,kCAAkC,EAAE,IAAI,CAAC,gBAAgB,GAAG,CAAS,MAAA,EAAA,IAAI,CAAC,gBAAgB,CAAA,CAAA,CAAG,GAAG,SAAS;aAC1G;AAED,YAAA,IAAI,CAAC,YAAY,GAAG,MAAM;;;AAI9B;;;AAGG;IACH,OAAO,GAAA;QACL,OAAOC,sBAAU,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAa;;IAG5F,MAAM,GAAA;AACJ,QAAA,QACEA,OAAC,CAAAC,UAAI,EAAa,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAA,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,EAAA,EAC/CD,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAEE,6BAAc,CACnB,6BAA6B,EAC7B,IAAI,CAAC,IAAI,GAAG,CAA0B,uBAAA,EAAA,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,EACtD,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAA,+BAAA,EAAkC,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,uCAAuC,CACpI,EACD,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,EAAA,YAAA,EACvD,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,EAAA,EAE3CF,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,2BAA2B,EAAA,EACpC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,EAC3B,IAAI,CAAC,KAAK,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,EAAA,EAAG,IAAI,CAAC,KAAK,CAAQ,CACtE,CACC,CACJ;;;;;;;"}

package/dist/cjs/vds-basic-accordion.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-basic-accordion.entry.cjs.js","mappings":"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","names":["h","getIconColor","Host","combineClasses"],"sources":["src/components/accordion/vds-basic-accordion.scss?tag=vds-basic-accordion&encapsulation=shadow","src/components/accordion/vds-basic-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  --vds-accordion-background: var(--surface-medium);\n  --vds-accordion-border: var(--color-border-low);\n  --vds-accordion-text-header: var(--color-text-high);\n  --vds-accordion-text-description: var(--color-text-medium);\n  // hover\n  --vds-accordion-hover-background: var(--color-interaction-black-lowest);\n  // disabled\n  --vds-accordion-disabled-background: var(--surface-medium);\n  --vds-accordion-disabled-border: var(--vds-accordion-border);\n  --vds-accordion-disabled-text-header: var(--color-text-disabled);\n  --vds-accordion-disabled-text-description: var(--color-text-disabled);\n\n  .vds-accordion__container {\n    border-radius: var(--radius-medium);\n    box-shadow: 0 0 0 var(--border-thickness-01) inset var(--vds-accordion-border);\n    background: var(--vds-accordion-background);\n    min-width: fit-content;\n\n    .vds-accordion__header-container {\n      display: flex;\n      align-items: flex-start;\n      align-self: stretch;\n      box-sizing: border-box;\n      height: 100%;\n      cursor: pointer;\n      &:hover {\n        background: var(--vds-accordion-hover-background);\n      }\n    }\n    .vds-accordion__body-container {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      align-self: stretch;\n      flex: 1 0 0;\n      background: var(--vds-accordion-background);\n      border-bottom-right-radius: var(--radius-medium);\n      border-bottom-left-radius: var(--radius-medium);\n      box-shadow: 0 0 0 var(--border-thickness-01) inset var(--vds-accordion-border);\n      clip-path: inset(var(--border-thickness-01));\n\n    \n      .vds-accordion__body {\n        display: flex;\n        padding: var(--spacing-05, 1rem) var(--spacing-00, 0rem);\n        align-self: stretch;\n        width: 100%;\n        border-top: var(--border-thickness-01) solid var(--color-border-lowest);\n      }\n    }\n    .vds-accordion__header {\n      display: flex;\n      flex-direction: column;\n      align-items: left;\n      flex: 1 0 0;\n      .vds-accordion__header-text {\n        color: var(--vds-accordion-text-header);\n      }\n    }\n    &.vds-accordion__container--size-medium {\n      box-sizing: border-box;\n      height: var(--spacing-15);\n      .vds-accordion__header-container {\n        padding: var(--spacing-03) var(--spacing-04);\n        gap: var(--spacing-02);\n      }\n      .vds-accordion__header {\n        .vds-accordion__header-text {\n          @include font-style(title, small);\n        }\n        .vds-accordion__header-description {\n          color: var(--vds-accordion-text-description);\n          @include font-style(body, medium);\n        }\n      }\n      .vds-accordion__body-container {\n        padding: var(--spacing-03) var(--spacing-04);\n      }\n    }\n    &.vds-accordion__container--size-large {\n      box-sizing: border-box;\n      height: var(--spacing-19);\n      .vds-accordion__header-container {\n        padding: var(--spacing-04) var(--spacing-05);\n        gap: var(--spacing-03);\n      }\n      .vds-accordion__header {\n        .vds-accordion__header-text {\n          @include font-style(title, medium);\n        }\n        .vds-accordion__header-description {\n          color: var(--vds-accordion-text-description);\n          @include font-style(body, large);\n        }\n      }\n      .vds-accordion__body-container {\n        padding: var(--spacing-04) var(--spacing-05);\n      }\n    }\n    &.vds-accordion__container--disabled {\n      cursor: auto;\n      pointer-events: none;\n      box-shadow: 0 0 0 var(--border-thickness-01) inset var(--vds-accordion-disabled-border);\n      background: var(--vds-accordion-disabled-background);\n  \n      .vds-accordion__header {\n        .vds-accordion__header-text {\n          color: var(--vds-accordion-disabled-text-header);\n        }\n        .vds-accordion__header-description {\n          color: var(--vds-accordion-disabled-text-description);\n        }\n      }\n    }\n    .vds-accordion__informative-icon {\n      padding: var(--spacing-01);\n    }\n  }\n  .vds-accordion__container--size-medium.vds-accordion__container--expanded,\n  .vds-accordion__container--size-large.vds-accordion__container--expanded {\n    height: auto;\n  }\n}\n\n:host(.vds-accordion--disabled) {\n  pointer-events: none;\n}\n\n","import { Component, Host, Method, h, Event,  EventEmitter, Prop } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { HTMLStencilElement, Watch } from '@stencil/core/internal';\nimport { getIconColor } from '../../utils/icon-attr.utils';\n\n@Component({\n  tag: 'vds-basic-accordion',\n  styleUrl: 'vds-basic-accordion.scss',\n  shadow: true,\n})\nexport class VdsBasicAccordion {\n  /** Sets the accordion's informative icon */\n  @Prop({ mutable: true }) informativeIcon: string;\n  /** Sets the accordion's size. */\n  @Prop({ mutable: true }) size: \"medium\" | \"large\" = \"medium\";\n  /** Toggles the accordion's content */\n  @Prop({ mutable: true }) expanded: boolean = false;\n  /** Sets the accordion in disabled state */\n  @Prop() disabled: boolean = false;\n  /** Sets the accordion aria-label */\n  @Prop() setAriaLabel: string;\n  /** Sets the accordion aria-level */\n  @Prop() setAriaLevel: string;\n  /** Sets informative icon to the left or right. */\n  @Prop() markerAlignment: \"start\" | \"end\" = \"start\";\n  /** Sets colors of the accordion.\n   * border - ThemeColors\n   * Background - ThemeColors.\n   */\n  @Prop() colors: { [key: string]: string } | string;\n\n  /** Emits event when accordion gets opens */\n  @Event() opened: EventEmitter<void>;\n  /** Emits event when accordion gets closes */\n  @Event() closed: EventEmitter<void>;\n\n  /**\n   * Expanded the accordion element.\n   *\n   * @returns {Promise<void>} A promise that resolves when the accordion is opened.\n   */\n  @Method()\n  open(): Promise<void> {\n    this.expanded = true;\n    return Promise.resolve();\n  }\n\n  /**\n   * Collapse the accordion element.\n   *\n   * @returns {Promise<void>} A promise that resolves when the accordion is opened.\n   */\n  @Method()\n  close(): Promise<void> {\n    this.expanded = false;\n    return Promise.resolve();\n  }\n\n  /**\n   * Emits values when expanded property changes.\n   * When expanded is true, opened event gets emitted.\n   * When expanded is false, closed event gets emitted.\n   *\n   * @returns void\n   */\n  @Watch(\"expanded\")\n  emitValues(): void {\n    if (this.expanded) {\n      this.opened.emit();\n    } else {\n      this.closed.emit();\n    }\n  }\n\n  /**\n   * Handles click event over the accordion header.\n   * Toggles expanded property in order to open/close accordion.\n   * \n   * evt - MouseEvent\n   *\n   * @returns void\n   */\n  handleClick(evt: Event): void {\n    evt.stopImmediatePropagation();\n    if (!this.disabled) {\n      this.expanded = !this.expanded\n    }\n  }\n\n  /**\n   * Sets the custom colors for the accordion based on the colors property.\n   * This colors have to be css variables by preferences that work in both dark and light mode.\n   * \n   * Background - ThemeColors.\n   * Border - ThemeColors\n   *\n   * @private\n   * @returns { [key: string]: string }\n   */\n    private setColors(): { [key: string]: string } {\n      const styles = {};\n      const colors = typeof this.colors === \"string\" ? JSON.parse(this.colors) : this.colors;\n  \n      if (colors && colors[\"Background\"]) {\n        styles[\"--vds-accordion-background\"] = `var(--${colors[\"Background\"]})`;\n      }\n  \n      if (colors && colors[\"Border\"]) {\n        styles[\"--vds-accordion-border\"] = `var(--${colors[\"Border\"]})`;\n      }\n  \n      return styles;\n    }\n\n  private renderMarker(): HTMLStencilElement {\n    return (\n      <vds-icon-button icon={`chevron-${this.expanded ? \"up\" : \"down\"}`} size={this.size === \"large\" ? \"medium\" : \"small\"} variant=\"secondary\" disabled={this.disabled}></vds-icon-button>\n    );\n  }\n\n  private renderHeader(): HTMLStencilElement {\n    return (\n      <div\n        class={`vds-accordion__header-container vds-accordion__marker-alignment-${this.markerAlignment}`}\n        onClick={(evt: MouseEvent) => {\n          this.handleClick(evt);\n        }}\n      >\n        {this.markerAlignment === \"start\" && this.renderMarker()}\n        <vds-icon class={\"vds-accordion__informative-icon\"} svgIcon={this.informativeIcon} size={this.size === \"large\" ? \"1.25rem\" : \"1rem\"} color={getIconColor(this.disabled)}></vds-icon>\n        <div class={\"vds-accordion__header\"}>\n          <div class={\"vds-accordion__header-text\"}>\n            <slot name={\"header\"}></slot>\n          </div>\n          <div class={\"vds-accordion__header-description\"}>\n            <slot name={\"description\"}></slot>\n          </div>\n        </div>\n        {this.markerAlignment === \"end\" && this.renderMarker()}\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLStencilElement {\n    return (\n      <div class=\"vds-accordion__body-container\">\n        <div class={\"vds-accordion__body\"}>\n          <slot name={\"body\"}></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host \n        class={this.disabled ? \"vds-accordion--disabled\" : \"\"}\n        is-open={this.expanded}\n        aria-label={this.setAriaLabel}\n        aria-level={this.setAriaLevel}\n      >\n        <div \n          class={combineClasses(\n            \"vds-accordion__container\",\n            `vds-accordion__container--size-${this.size}`,\n            this.disabled ? \"vds-accordion__container--disabled\" : \"\",\n            this.expanded ? \"vds-accordion__container--expanded\" : \"\"\n          )}\n          style={this.setColors()}\n        >\n          {this.renderHeader()}\n          {this.expanded && this.renderContent()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/vds-basic-accordion.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-accordion.entry.cjs.js","sources":["src/components/accordion/vds-basic-accordion.scss?tag=vds-basic-accordion&encapsulation=shadow","src/components/accordion/vds-basic-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  --vds-accordion-background: var(--surface-medium);\n  --vds-accordion-border: var(--color-border-low);\n  --vds-accordion-text-header: var(--color-text-high);\n  --vds-accordion-text-description: var(--color-text-medium);\n  // hover\n  --vds-accordion-hover-background: var(--color-interaction-black-lowest);\n  // disabled\n  --vds-accordion-disabled-background: var(--surface-medium);\n  --vds-accordion-disabled-border: var(--vds-accordion-border);\n  --vds-accordion-disabled-text-header: var(--color-text-disabled);\n  --vds-accordion-disabled-text-description: var(--color-text-disabled);\n\n  .vds-accordion__container {\n    border-radius: var(--radius-medium);\n    box-shadow: 0 0 0 var(--border-thickness-01) inset var(--vds-accordion-border);\n    background: var(--vds-accordion-background);\n    min-width: fit-content;\n\n    .vds-accordion__header-container {\n      display: flex;\n      align-items: flex-start;\n      align-self: stretch;\n      box-sizing: border-box;\n      height: 100%;\n      cursor: pointer;\n      &:hover {\n        background: var(--vds-accordion-hover-background);\n      }\n    }\n    .vds-accordion__body-container {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      align-self: stretch;\n      flex: 1 0 0;\n      background: var(--vds-accordion-background);\n      border-bottom-right-radius: var(--radius-medium);\n      border-bottom-left-radius: var(--radius-medium);\n      box-shadow: 0 0 0 var(--border-thickness-01) inset var(--vds-accordion-border);\n      clip-path: inset(var(--border-thickness-01));\n\n    \n      .vds-accordion__body {\n        display: flex;\n        padding: var(--spacing-05, 1rem) var(--spacing-00, 0rem);\n        align-self: stretch;\n        width: 100%;\n        border-top: var(--border-thickness-01) solid var(--color-border-lowest);\n      }\n    }\n    .vds-accordion__header {\n      display: flex;\n      flex-direction: column;\n      align-items: left;\n      flex: 1 0 0;\n      .vds-accordion__header-text {\n        color: var(--vds-accordion-text-header);\n      }\n    }\n    &.vds-accordion__container--size-medium {\n      box-sizing: border-box;\n      height: var(--spacing-15);\n      .vds-accordion__header-container {\n        padding: var(--spacing-03) var(--spacing-04);\n        gap: var(--spacing-02);\n      }\n      .vds-accordion__header {\n        .vds-accordion__header-text {\n          @include font-style(title, small);\n        }\n        .vds-accordion__header-description {\n          color: var(--vds-accordion-text-description);\n          @include font-style(body, medium);\n        }\n      }\n      .vds-accordion__body-container {\n        padding: var(--spacing-03) var(--spacing-04);\n      }\n    }\n    &.vds-accordion__container--size-large {\n      box-sizing: border-box;\n      height: var(--spacing-19);\n      .vds-accordion__header-container {\n        padding: var(--spacing-04) var(--spacing-05);\n        gap: var(--spacing-03);\n      }\n      .vds-accordion__header {\n        .vds-accordion__header-text {\n          @include font-style(title, medium);\n        }\n        .vds-accordion__header-description {\n          color: var(--vds-accordion-text-description);\n          @include font-style(body, large);\n        }\n      }\n      .vds-accordion__body-container {\n        padding: var(--spacing-04) var(--spacing-05);\n      }\n    }\n    &.vds-accordion__container--disabled {\n      cursor: auto;\n      pointer-events: none;\n      box-shadow: 0 0 0 var(--border-thickness-01) inset var(--vds-accordion-disabled-border);\n      background: var(--vds-accordion-disabled-background);\n  \n      .vds-accordion__header {\n        .vds-accordion__header-text {\n          color: var(--vds-accordion-disabled-text-header);\n        }\n        .vds-accordion__header-description {\n          color: var(--vds-accordion-disabled-text-description);\n        }\n      }\n    }\n    .vds-accordion__informative-icon {\n      padding: var(--spacing-01);\n    }\n  }\n  .vds-accordion__container--size-medium.vds-accordion__container--expanded,\n  .vds-accordion__container--size-large.vds-accordion__container--expanded {\n    height: auto;\n  }\n}\n\n:host(.vds-accordion--disabled) {\n  pointer-events: none;\n}\n\n","import { Component, Host, Method, h, Event,  EventEmitter, Prop } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { HTMLStencilElement, Watch } from '@stencil/core/internal';\nimport { getIconColor } from '../../utils/icon-attr.utils';\n\n@Component({\n  tag: 'vds-basic-accordion',\n  styleUrl: 'vds-basic-accordion.scss',\n  shadow: true,\n})\nexport class VdsBasicAccordion {\n  /** Sets the accordion's informative icon */\n  @Prop({ mutable: true }) informativeIcon: string;\n  /** Sets the accordion's size. */\n  @Prop({ mutable: true }) size: \"medium\" | \"large\" = \"medium\";\n  /** Toggles the accordion's content */\n  @Prop({ mutable: true }) expanded: boolean = false;\n  /** Sets the accordion in disabled state */\n  @Prop() disabled: boolean = false;\n  /** Sets the accordion aria-label */\n  @Prop() setAriaLabel: string;\n  /** Sets the accordion aria-level */\n  @Prop() setAriaLevel: string;\n  /** Sets informative icon to the left or right. */\n  @Prop() markerAlignment: \"start\" | \"end\" = \"start\";\n  /** Sets colors of the accordion.\n   * border - ThemeColors\n   * Background - ThemeColors.\n   */\n  @Prop() colors: { [key: string]: string } | string;\n\n  /** Emits event when accordion gets opens */\n  @Event() opened: EventEmitter<void>;\n  /** Emits event when accordion gets closes */\n  @Event() closed: EventEmitter<void>;\n\n  /**\n   * Expanded the accordion element.\n   *\n   * @returns {Promise<void>} A promise that resolves when the accordion is opened.\n   */\n  @Method()\n  open(): Promise<void> {\n    this.expanded = true;\n    return Promise.resolve();\n  }\n\n  /**\n   * Collapse the accordion element.\n   *\n   * @returns {Promise<void>} A promise that resolves when the accordion is opened.\n   */\n  @Method()\n  close(): Promise<void> {\n    this.expanded = false;\n    return Promise.resolve();\n  }\n\n  /**\n   * Emits values when expanded property changes.\n   * When expanded is true, opened event gets emitted.\n   * When expanded is false, closed event gets emitted.\n   *\n   * @returns void\n   */\n  @Watch(\"expanded\")\n  emitValues(): void {\n    if (this.expanded) {\n      this.opened.emit();\n    } else {\n      this.closed.emit();\n    }\n  }\n\n  /**\n   * Handles click event over the accordion header.\n   * Toggles expanded property in order to open/close accordion.\n   * \n   * evt - MouseEvent\n   *\n   * @returns void\n   */\n  handleClick(evt: Event): void {\n    evt.stopImmediatePropagation();\n    if (!this.disabled) {\n      this.expanded = !this.expanded\n    }\n  }\n\n  /**\n   * Sets the custom colors for the accordion based on the colors property.\n   * This colors have to be css variables by preferences that work in both dark and light mode.\n   * \n   * Background - ThemeColors.\n   * Border - ThemeColors\n   *\n   * @private\n   * @returns { [key: string]: string }\n   */\n    private setColors(): { [key: string]: string } {\n      const styles = {};\n      const colors = typeof this.colors === \"string\" ? JSON.parse(this.colors) : this.colors;\n  \n      if (colors && colors[\"Background\"]) {\n        styles[\"--vds-accordion-background\"] = `var(--${colors[\"Background\"]})`;\n      }\n  \n      if (colors && colors[\"Border\"]) {\n        styles[\"--vds-accordion-border\"] = `var(--${colors[\"Border\"]})`;\n      }\n  \n      return styles;\n    }\n\n  private renderMarker(): HTMLStencilElement {\n    return (\n      <vds-icon-button icon={`chevron-${this.expanded ? \"up\" : \"down\"}`} size={this.size === \"large\" ? \"medium\" : \"small\"} variant=\"secondary\" disabled={this.disabled}></vds-icon-button>\n    );\n  }\n\n  private renderHeader(): HTMLStencilElement {\n    return (\n      <div\n        class={`vds-accordion__header-container vds-accordion__marker-alignment-${this.markerAlignment}`}\n        onClick={(evt: MouseEvent) => {\n          this.handleClick(evt);\n        }}\n      >\n        {this.markerAlignment === \"start\" && this.renderMarker()}\n        <vds-icon class={\"vds-accordion__informative-icon\"} svgIcon={this.informativeIcon} size={this.size === \"large\" ? \"1.25rem\" : \"1rem\"} color={getIconColor(this.disabled)}></vds-icon>\n        <div class={\"vds-accordion__header\"}>\n          <div class={\"vds-accordion__header-text\"}>\n            <slot name={\"header\"}></slot>\n          </div>\n          <div class={\"vds-accordion__header-description\"}>\n            <slot name={\"description\"}></slot>\n          </div>\n        </div>\n        {this.markerAlignment === \"end\" && this.renderMarker()}\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLStencilElement {\n    return (\n      <div class=\"vds-accordion__body-container\">\n        <div class={\"vds-accordion__body\"}>\n          <slot name={\"body\"}></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host \n        class={this.disabled ? \"vds-accordion--disabled\" : \"\"}\n        is-open={this.expanded}\n        aria-label={this.setAriaLabel}\n        aria-level={this.setAriaLevel}\n      >\n        <div \n          class={combineClasses(\n            \"vds-accordion__container\",\n            `vds-accordion__container--size-${this.size}`,\n            this.disabled ? \"vds-accordion__container--disabled\" : \"\",\n            this.expanded ? \"vds-accordion__container--expanded\" : \"\"\n          )}\n          style={this.setColors()}\n        >\n          {this.renderHeader()}\n          {this.expanded && this.renderContent()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","getIconColor","Host","combineClasses"],"mappings":"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"}

package/dist/cjs/vds-basic-autocomplete.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-basic-autocomplete.entry.cjs.js","mappings":"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","names":["updateContainerWidth","updateFloatingBoxPosition","toggleContainerDisplay","h","combineClasses","cloneAttributes","getIconSize","Host"],"sources":["src/components/autocomplete/vds-basic-autocomplete.utils.ts","src/components/autocomplete/vds-basic-autocomplete.scss?tag=vds-basic-autocomplete&encapsulation=shadow","src/components/autocomplete/vds-basic-autocomplete.tsx"],"sourcesContent":["export const getFilteredOptions = (options: HTMLVdsAutocompleteItemElement[], value: string, validateCasing: boolean = false) => {\n    try {\n        return options.filter(item => {\n            if (validateCasing) {\n                return (item.textContent?.includes(value) || item.value?.includes(value) || item.label?.includes(value));\n            }\n            return findOptionByValue(item, value);\n        });\n    } catch (error) {\n        console.warn(\"[getFilteredOptions]\", error);\n        return [];\n    }\n}\n\n/**\n * Checks if an option object matches the given search value.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n *   True if the searchValue is found within the option's `textContent`, `label`, or `value`.\n *   False otherwise.\n */\nexport const findOptionByValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n    try {\n        const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n        return (\n            option.textContent && option.textContent?.toLowerCase().includes(lowerCaseSearchValue) ||\n            option.label && option.label?.toLowerCase().includes(lowerCaseSearchValue) ||\n            option.value && option.value?.toLowerCase().includes(lowerCaseSearchValue)\n        );\n    }catch (error) {\n        console.warn(\"[findOptionByValue]\", error);\n        return false;\n    }\n};\n\n/**\n * Checks if an option object matches the given search value exactly.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n *   True if the searchValue is exactly the same to one of the option's `textContent`, `label`, or `value`.\n *   False otherwise.\n */\nexport const findOptionByExactValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n    try {\n        const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n        return (\n            option.textContent && option.textContent?.toLowerCase() === lowerCaseSearchValue ||\n            option.label && option.label?.toLowerCase() === lowerCaseSearchValue ||\n            option.value && option.value?.toLowerCase() === lowerCaseSearchValue\n        );\n    }catch (error) {\n        console.warn(\"[findOptionByValue]\", error);\n        return false;\n    }\n};",":host {\n  display: block;\n  \n  --vds-basic-autocomplete-input-min-width: 7.5rem;\n  --vds-basic-autocomplete-input-min-width-large: 9.25rem;\n\n  .vds-basic-autocomplete__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n\n    vds-basic-input {\n      --vds-input-min-width: var(--vds-basic-autocomplete-input-min-width);\n      --vds-input-min-width-large: var(--vds-basic-autocomplete-input-min-width-large);\n    }\n\n    .vds-basic-autocomplete__content {\n      display: none;\n      flex-direction: column;\n      align-items: flex-start;\n      align-self: stretch;\n      min-width: max-content;\n      max-height: fit-content !important;\n      border-radius: var(--radius-medium);\n      background: var(--surface-medium);\n      box-shadow: var(--elevation-shadow-2);\n      box-sizing: border-box;\n      border: 0.0625rem solid var(--color-border-lowest);\n      margin-top: 0.25rem;\n      z-index: var(--elevation-layer-5);\n\n      &.no-shadow {\n        box-shadow: none;\n        border: none;\n\n        .vds-basic-autocomplete__content__header {\n          box-shadow: var(--elevation-shadow-2);\n        }\n      }\n\n      &.has-scroll {\n        padding-right: var(--spacing-01);\n      }\n\n      &.match-width {\n        width: var(--trigger-width);\n        min-width: var(--trigger-width);\n      }\n\n      .vds-basic-autocomplete__content-options {\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        border-radius: var(--radius-medium);\n\n        &.scrollable {\n          padding-right: var(--spacing-01);\n        }\n\n        &::-webkit-scrollbar {\n          background-color: var(--surface-medium);\n          width: 0.375rem;\n        }\n\n        &::-webkit-scrollbar-thumb {\n          background-color: var(--color-background-neutral-press);\n          border-radius: 1rem;\n        }\n      }\n    }\n\n    .vds-basic-autocomplete__primary-action,\n    .vds-basic-autocomplete__secondary-action {\n      display: inline-flex;\n      align-items: center;\n    }\n  }\n\n  .vds-floating-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: var(--color-interaction-black-lower);\n    opacity: 0.06;\n    z-index: var(--elevation-layer-4);\n  }\n\n  .non-clickable {\n    pointer-events: none;\n  }\n}\n\n:host(.vds-basic-autocomplete--disabled) {\n  pointer-events: none;\n}","import { Component, Host, Prop, Watch, h, Event, EventEmitter, Method, State, Element } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { toggleContainerDisplay, updateContainerWidth } from '../basic-dropdown/vds-basic-dropdown.utils';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { HTMLStencilElement, Listen } from '@stencil/core/internal';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { findOptionByExactValue, findOptionByValue, getFilteredOptions } from './vds-basic-autocomplete.utils';\nimport { getIconSize } from '../../utils/icon-attr.utils';\n\n@Component({\n  tag: 'vds-basic-autocomplete',\n  styleUrl: 'vds-basic-autocomplete.scss',\n  shadow: true,\n})\nexport class VdsBasicAutocomplete {\n\n  /** \n   * Sets the internal input size.\n   * If multiple property is true, This will only set the basic-input text value.\n   * If multiple property is false and the value prop matches with an option, the option will be selected,\n   * Otherwise text will be set in the basic-input.\n   */\n  @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n  /** Sets the internal input value */\n  @Prop({ mutable: true, reflect: true }) value: string;\n  /** Sets the selected options when multiple is activated */\n  @Prop({ mutable: true, reflect: true }) multipleValues: Array<string> = [];\n  /** Sets the selected dropdown value when dropdown is activated */\n  @Prop() selectedDropdownValue = \"\";\n  /** Sets the internal input placeholder. */\n  @Prop({ mutable: true, reflect: true }) placeholder: string;\n  /** Sets the internal input in disabled state. */\n  @Prop({ mutable: true, reflect: true }) disabled: boolean;\n  /** Sets the internal input in readonly state. */\n  @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n  /** Sets the internal input in error state. */\n  @Prop({ mutable: true, reflect: true }) error: boolean;\n  /** Toggles the required sign in the internal input */\n  @Prop({ mutable: true, reflect: true }) isRequired: boolean = false;\n  /** Allows user to define a information icon inside the input at its left . */\n  @Prop() informativeIcon: string;\n  /** Sets character formatting for user input. Useful for adding a mask to the input. */\n  @Prop({ mutable: true }) formatter: Function;\n  /** Sets custom allowed styles to input (text-align, text-transform, unicode-bidi, direction) */\n  @Prop({ mutable: true }) allowedStyles: { [key: string]: string }[] = [];\n  /** Set the max height value for the floating container of the items */\n  @Prop({ mutable: true }) maxHeight: string;\n  /** Sets the width value for the floating container of the items to match the items list width */\n  @Prop({ mutable: true }) matchWidth: boolean = true;\n  /** Debounce time for key inputs before the search */\n  @Prop() debounce: number;\n  /** Allows user to define a search icon inside the input at its right (zoom by default) . */\n  @Prop() actionIcon: string = \"zoom\";\n  /** Sets the autocomplete clear button visibility. */\n  @Prop() showClearButton: boolean = true;\n  /** \n   * Shows a dropdown chevron arrow that flips up/down when change state open/close.\n   * Also enables the selectedDropdownValue prop to be able to select an option from dropdown\n   * When multiple is true, this prop will be set to false.\n   */\n  @Prop() dropdown: boolean = false;\n  /** Sets the autocomplete dropdown chevron icon visibility. */\n  @Prop() showDropdownIcon: boolean = true;\n  /** Enables a message when there's no match options. */\n  @Prop() showEmptyMessage: boolean = false;\n  /** Allow to set the text message in the 'emptyMessage' state. */\n  @Prop() emptyMessage: string = \"No options\";\n  /** \n   * Allow multiple values to be selected.\n   * Also enables the multipleValues prop to be able to select multiple options\n   * When multiple is true, dropdown prop will be set to false.\n   * When multiple is true, valueChanged will emit an array of strings\n   */\n  @Prop() multiple: boolean = false;\n  /** \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   * Clear selection and input on clicking the close button.\n   * Only works when multiple is true.\n   */\n  @Prop() clearSelection: boolean = false;\n  /** Toggles the overlay element, allowing interaction only with this element when active */\n  @Prop() backdrop: boolean = false;\n\n  /** Emits event when floating element gets opens */\n  @Event() opened: EventEmitter<void>;\n  /** Emits event when floating element gets closes */\n  @Event() closed: EventEmitter<void>;\n  /** Emits event when an item is selected, this event contains the value of the selected item(s) */\n  @Event() valueChanged: EventEmitter<string | string[]>;\n  /** Emits an event when the clear button is clicked */\n  @Event() cleared: EventEmitter<void>;\n  /** Emits an event when the user click the actionIcon (the magnifying glass) */\n  @Event() actionIconClick: EventEmitter<void>;\n  /** Emits updated inputed value from the vds-basic-input similar to the input event */\n\t@Event() changeInput: EventEmitter<string>;\n\n  @Element() hostEl: HTMLElement;\n\n  autocompleteContent: HTMLDivElement;\n  basicInput: HTMLVdsBasicInputElement;\n  \n  floatingCleanUp: () => void = () => {};\n  @State() isOpened: boolean = false;\n  @State() multiselectValues: Array<string>;\n  options: HTMLVdsAutocompleteItemElement[] = [];\n  autocompleteItemEmptyOption: HTMLVdsAutocompleteItemElement;\n  debounceTimeTracker: NodeJS.Timeout = null;\n  showUnfilteredOptions: boolean = false;\n  private updateContainerWidth = updateContainerWidth;\n  validateDropdownValue: boolean;\n\n  componentWillLoad(): void {\n    this.multiselectValues = this.multipleValues;\n    this.validateDropdownValue = true;\n  }\n\n  componentWillRender(): void {\n    if (this.multiple) {\n      this.dropdown = false;\n    }\n  }\n  \n  componentDidLoad(): void {\n    this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n    this.setPreselection();\n  }\n\n  componentDidRender(): void {\n    this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n    updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, 'bottom', false);\n    this.updateContainerWidth(this.basicInput, this.matchWidth, this.autocompleteContent);\n    this.setPreselection();\n  }\n\n  @Watch(\"multiselectValues\")\n  setMulitpleValueHandler() {\n    this.valueChanged.emit(this.multiselectValues);\n  }\n\n  @Watch(\"disabled\")\n  setDisabledState() {\n    this.close();\n  }\n\n  @Watch(\"selectedDropdownValue\")\n  setDropdownValueValidation() {\n    this.validateDropdownValue = true;\n  }\n\n  @Watch(\"isOpened\")\n  async toggleAutocomplete(): Promise<void> {\n    if (this.isOpened) {\n      toggleContainerDisplay(this.autocompleteContent, true);\n      this.opened.emit();\n      this.floatingCleanUp = await updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, \"bottom\", this.autoPosition);\n    } else {\n      toggleContainerDisplay(this.autocompleteContent, false);\n      this.closed.emit();\n      this.floatingCleanUp();\n    }\n  }\n\n  /* Open the floating element(menu) of the autocomplete. */\n  @Method()\n  public async open(): Promise<void> {\n    if (!this.isReadonly && !this.disabled) {\n      setTimeout(() => {\n        this.isOpened = true;\n      });\n    }\n  }\n\n  /* Close the floating element(menu) of the autocomplete. */\n  @Method()\n  public async close(): Promise<void> {\n    this.isOpened = false;\n  }\n\n  /* Sets focus to the input element */\n  @Method()\n  public async setFocus(): Promise<void> {\n    this.basicInput.setFocus();\n    setTimeout(() => {\n      this.open();\n    });\n  }\n\n  /**\n   * Sets the autocomplete input value to handle filtering.\n   *\n   * @returns {Promise<void>} \n   */\n  @Method()\n  public async setValue(value: string): Promise<void> {\n    this.value = value;\n  }\n\n  /**\n   * Sets the autocomplete selection value to handle.\n   * When multiple is true, sets the selected values from the list\n   * When dropdown is true and multiple is false, sets a single selected value.\n   * When dropdown is false and When multiple is false, set the input value\n   *\n   * @returns {Promise<void>} \n   */\n    @Method()\n    public async setSelectionValue(value: string | string[]): Promise<void> {\n      if (this.multiple && Array.isArray(value)) {\n        this.multipleValues = this.multiselectValues = value;\n      }\n      if (typeof value === \"string\") {\n        if (this.dropdown) {\n          this.selectedDropdownValue = value;\n        }\n        this.value = value;\n      }\n    }\n\n  /**\n   * Return the autocomplete value.\n   *\n   * @returns {Promise<string>} A promise that resolves by returning the autocomplete value.\n   */\n  @Method()\n  public async getValue(): Promise<string | string[]> {\n    if (this.multiple) {\n      return this.multipleValues;\n    }\n    if (this.dropdown) {\n      return this.selectedDropdownValue;\n    }\n    return this.value;\n  }\n\n  /**\n   * Clears the selected options and resets the value of the autocomplete.\n   *\n   * @returns {Promise<void>} A promise that resolves when the clearing operation is complete.\n   */\n  @Method()\n  public async clear(): Promise<void> {\n    this.value = '';\n    if (this.dropdown) {\n      this.clearOptions();\n    }\n    if (this.clearSelection && this.multiple) {\n      this.multipleValues = this.multiselectValues = [];\n      this.setOptionsMultiple();\n    }\n    this.cleared.emit();\n  }\n\n  @Listen(\"autocompleteClicked\")\n  handleSelectOption(evt: CustomEvent<{value: string, selected: boolean}>): void {\n    const selectedOption = this.options.find((option) => findOptionByExactValue(option, evt.detail.value));\n    const isValidOption: boolean = selectedOption !== null && selectedOption !== undefined;\n    \n    if (isValidOption && this.multiple) {\n      selectedOption.isSelected = evt.detail.selected;\n    }\n\n    this.handleValueAssignment(evt);\n\n    if (isValidOption && this.dropdown) {\n      this.setOptionsSingle(evt.detail.value);\n    }\n  }\n\n  /* Close the autocomplete when click outside */\n  @Listen('click', { target: 'window' })\n  handleClickOut(evt: MouseEvent): void {\n    evt.stopPropagation();\n    const target = evt.target as HTMLElement;\n    const isClickInside = this.hostEl.contains(target as Node);\n    const isClickInsideParentAutocomplete = target.nodeName === \"VDS-AUTOCOMPLETE\" && target.shadowRoot && (evt.target as HTMLElement).shadowRoot.contains(this.hostEl);\n    if (!isClickInside && !isClickInsideParentAutocomplete) {\n      this.isOpened = false;\n    }\n  }\n\n  @Listen('keyup', { target: 'window' })\n  handleEscPress(evt: any) {\n    if (this.isOpened && evt.code === \"Escape\") {\n      this.close();\n      this.basicInput.blur();\n    }\n  }\n\n  handleMultiselection(selection: {value: string, selected: boolean}): void {\n    if (selection.selected && !this.multipleValues.find(value => value.toLowerCase() === selection.value.toLowerCase())) {\n      this.multipleValues.push(selection.value);\n    } else {\n      this.multipleValues = this.multipleValues.filter(value => value.toLowerCase() !== selection.value.toLowerCase());\n    }\n    this.multiselectValues = Array.from(this.multipleValues);\n    this.basicInput.setFocus();\n  }\n\n  handleValueAssignment(evt: CustomEvent<{value: string, selected: boolean}>): void {\n    if (this.multiple) {\n      this.handleMultiselection(evt.detail)\n    } else {\n      this.value = evt.detail.value;\n      this.setSelectionValue(evt.detail.value);\n      this.valueChanged.emit(this.value);\n      this.close();\n    }\n  }\n\n  handleChange(evt: CustomEvent<string>) {\n    evt.stopPropagation();\n    this.changeInput.emit(evt.detail);\n    if (this.debounce !== undefined && this.debounce > 0) {\n      this.handleDebounceValueChange(evt.detail);\n    } else {\n      this.value = evt.detail;\n    }\n    if (this.dropdown) {\n      this.showUnfilteredOptions = false;\n    }\n  }\n\n  hasFocus(): void {\n    this.open();\n    if (this.hasValue() && this.dropdown) {\n      this.showUnfilteredOptions = true;\n      this.validateDropdownValue = false;\n    }\n  }\n\n  lostFocus(): void {\n    if (this.dropdown) {\n      this.showUnfilteredOptions = false;\n      this.validateDropdownValue = true;\n    }\n  }\n\n  emitActionIcon(): void {\n    this.actionIconClick.emit();\n  }\n\n  handleDebounceValueChange(newValue: string): void {\n\t\tif (this.debounceTimeTracker !== null) {\n\t\t\tclearTimeout(this.debounceTimeTracker);\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}\n\t\tthis.debounceTimeTracker = setTimeout(() => {\n      this.value = newValue;\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}, this.debounce);\n\t}\n\n\n  private hasValue(): boolean {\n    return this.value !== null && this.value !== undefined && this.value !== \"undefined\" && this.value !== \"\";\n  }\n\n  /**\n   * Sets autocomplete styles for JSX.style property\n   *\n   * @param maxHeight string\n   * @returns { [key: string]: string }\n   */\n  private setAutoCompleteStyles = (maxHeight: string): { [key: string]: string } => {\n    let styles = {};\n\n    styles = {\n        maxHeight: maxHeight ? maxHeight : undefined,\n    }\n\n    return styles;\n  }\n\n  setPreselection(): void {\n    if (this.multiple) {\n      this.setOptionsMultiple();\n    }\n    if (this.dropdown) {\n      this.setDropdownOption();\n    }\n  }\n\n  private setOptionsMultiple(): void {\n    try {\n      this.options.forEach(item => {\n        item.hasCheckmark = true;\n        const selection = this.multipleValues?.find(value => findOptionByExactValue(item, value));\n        item.isSelected = !!selection;\n      });\n    } \n    catch (error) {\n      console.warn(\"[setOptionsMultiple]\", error);\n    }\n  }\n\n  /**\n   * Sets the selected value for a autocomplete type dropdown and updates the options accordingly.\n   * @private\n   * @param {string} selectedValue - The value of the selected option.\n   */\n  private setOptionsSingle(selectedValue: string): void {\n    try {\n      this.selectedDropdownValue = selectedValue;\n      this.options.forEach(item => {\n        item.hasCheckmark = false;\n        item.isSelected = findOptionByExactValue(item, this.selectedDropdownValue);\n      });\n    } \n    catch (error) {\n      console.warn(\"[setOptionsSingle]\", error);\n    }\n  }\n\n  private setDropdownOption(): void {\n    try {\n      const hasValidValue = this.options?.some(opt => findOptionByExactValue(opt, this.selectedDropdownValue));\n      if (\n        hasValidValue &&\n        this.selectedDropdownValue !== undefined &&\n        this.selectedDropdownValue !== \"undefined\" &&\n        this.selectedDropdownValue !== \"\"\n      ) {\n        this.setOptionsSingle(this.selectedDropdownValue);\n\n        if (this.validateDropdownValue) {\n          this.value = this.selectedDropdownValue;\n          this.validateDropdownValue = false;\n        }\n      }\n    } \n    catch (error) {\n      console.warn(\"[setOptionsMultiple]\", error);\n    }\n  }\n\n  /**\n   * Sets the all the options to unselected state\n   * @private\n   * @param {string} selectedValue - The value of the selected option.\n   */\n  private clearOptions(): void {\n    try {\n      this.selectedDropdownValue = null;\n      this.options.forEach(item => {\n        item.hasCheckmark = item.isSelected = false;\n      });\n    } \n    catch (error) {\n      console.warn(\"[clearOptions]\", error);\n    }\n  }\n\n  private renderUnfilteredOptions(): HTMLStencilElement {\n    return (\n      <div \n        class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n        style={this.setAutoCompleteStyles(this.maxHeight)}\n      >\n        <slot name={\"items\"}></slot>\n        <slot></slot>\n      </div>\n    );\n  }\n\n  private renderItem(item: HTMLVdsAutocompleteItemElement): HTMLStencilElement {\n    let isSelected = false;\n    if (this.multiple) {\n      isSelected = this.multipleValues?.some(value => findOptionByValue(item, value));\n    }\n    return (\n      <vds-autocomplete-item isSelected={isSelected} hasCheckmark={this.multiple} {...cloneAttributes(item)} innerHTML={item.innerHTML}></vds-autocomplete-item>\n    );\n  }\n\n  private renderFilteredOptions(): HTMLStencilElement {\n    const value = this.hasValue() ? this.value : \"\";\n    const filteredOptions = getFilteredOptions(this.options, value);\n    if (filteredOptions.length === 0) {\n      return this.showEmptyMessage && this.emptyMessage ? this.renderEmptyOption() : null;\n    }\n  \n    return (\n      <div\n        class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n        style={this.setAutoCompleteStyles(this.maxHeight)}\n      >\n        {filteredOptions.map(item => this.renderItem(item))}\n      </div>\n    );\n  }\n\n  private renderEmptyOption(): HTMLStencilElement {\n    if (!this.autocompleteItemEmptyOption) {\n      this.autocompleteItemEmptyOption = document.createElement(\"vds-autocomplete-item\");\n      this.autocompleteItemEmptyOption.classList.add(\"non-clickable\");\n      this.autocompleteItemEmptyOption.value = \"\";\n      this.autocompleteItemEmptyOption.setAttribute(\"value\", \"\");\n    }\n\n    this.autocompleteItemEmptyOption.setAttribute(\"size\", this.size);\n    this.autocompleteItemEmptyOption.setAttribute(\"label\", this.emptyMessage);\n\n    return this.renderItem(this.autocompleteItemEmptyOption);\n  }\n\n  private renderClearIcon(): HTMLStencilElement {\n    const disabled = this.disabled || this.isReadonly;\n    return (\n      <vds-icon-button\n        tabIndex={disabled ? -1 : undefined}\n        disabled={disabled}\n        variant=\"secondary\"\n        size={this.size === \"medium\" ? \"small\" : this.size === \"small\" ? \"extra-small\" : \"medium\"}\n        icon={\"close\"}\n        onClick={disabled ? undefined : () => { this.clear(); this.basicInput.setFocus();}}\n      ></vds-icon-button>\n    );\n  }\n\n  private renderActionIcon(): HTMLStencilElement {\n    const disabled = this.disabled || this.isReadonly;\n    if (this.dropdown && this.showDropdownIcon) {\n      return (\n        <vds-icon\n          svgIcon={this.isOpened ? 'chevron-up' : 'chevron-down'}\n          color={disabled ? 'color-icon-disabled' : 'color-icon-high'}\n          size={getIconSize(this.size)}\n          onClick={disabled ? undefined : () => this.isOpened ? this.close() : this.open()}\n        ></vds-icon>\n      );\n    } \n    if (this.actionIcon) {\n      return (\n        <vds-icon-button\n          tabIndex={disabled ? -1 : undefined}\n          disabled={disabled}\n          variant=\"secondary\"\n          size={this.size === \"medium\" ? \"small\" : this.size === \"small\" ? \"extra-small\" : \"medium\"}\n          icon={this.actionIcon}\n          onClick={disabled ? undefined : () => this.emitActionIcon()}\n        ></vds-icon-button>\n      )\n    }\n  }\n\n  private renderOptions(): HTMLStencilElement {\n    if (this.dropdown && this.showUnfilteredOptions) {\n      return this.renderUnfilteredOptions();\n    }\n\n    if (this.hasValue()) {\n      return this.renderFilteredOptions();\n    }\n\n    return this.renderUnfilteredOptions();\n  }\n\n  render(): HTMLStencilElement {\n    const filteredOptions = getFilteredOptions(this.options, this.value || \"\");\n    return (\n      <Host class={this.disabled ? \"vds-basic-autocomplete--disabled\" : \"\"} title={this.value}>\n        <div class={combineClasses(\"vds-basic-autocomplete__container\")}>\n          <vds-basic-input\n            ref={(el) => {\n              if (el) {\n                this.basicInput = el; \n              }\n            }}\n            type=\"text\"\n            placeholder={this.placeholder}\n            value={this.value}\n            size={this.size}\n            disabled={this.disabled}\n            isReadonly={this.isReadonly}\n            error={this.error}\n            isRequired={this.isRequired}\n            formatter={this.formatter}\n            informativeIcon={this.informativeIcon}\n            allowedStyles={this.allowedStyles}\n            onChangeInput={(evt): void => this.handleChange(evt)}\n            onFocus={(): void => this.hasFocus()}\n            onBlur={(): void => this.lostFocus()}\n          >\n            {this.showClearButton && this.hasValue() && (\n              <div class=\"vds-basic-autocomplete__secondary-action\" slot=\"secondaryActionIcon\">\n                {this.renderClearIcon()}\n              </div>\n            )}\n            {((this.dropdown && this.showDropdownIcon) || this.actionIcon) && (\n              <div class=\"vds-basic-autocomplete__primary-action\" slot=\"primaryActionIcon\">\n                {this.renderActionIcon()}\n              </div>\n            )}\n          </vds-basic-input>\n          {this.backdrop && this.isOpened ? <div class=\"vds-floating-backdrop\" onClick={this.close.bind(this)}></div> : ''}\n          <div \n            ref={(el): void => { if (el) this.autocompleteContent = el;}}\n            class={\n              combineClasses(\n                \"vds-basic-autocomplete__content\",\n                this.maxHeight ? \"has-scroll\" : \"\",\n                (!this.emptyMessage || this.emptyMessage === \"\") && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n                !this.showEmptyMessage && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n                !this.value && this.options.length === 0 ? \"no-shadow\" : \"\"\n              )}\n          >\n            <div class={\"vds-basic-autocomplete__content__header\"}>\n              <slot name=\"header\"></slot>\n            </div>\n            {this.renderOptions()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}