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

package/dist/cjs/vds-basic-slider-continuous.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-basic-slider-continuous.entry.cjs.js","mappings":"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","names":["logWarnings","getTrackFillBasedOnValue","forceUpdate","getPositionBasedOnValue","h","combineClasses","Host"],"sources":["src/components/slider-continuous/vds-basic-slider-continuous.scss?tag=vds-basic-slider-continuous&encapsulation=shadow","src/components/slider-continuous/vds-basic-slider-continuous.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host(.vds-slider) {\n  display: block;\n  box-sizing: border-box;\n  --slider-track: var(--color-icon-medium);\n  --slider-track-fill: var(--color-icon-brand-default);\n  --slider-track-thumb: var(--color-icon-brand-default);\n  --slider-background:  var(--slider-track);\n\n  .vds-slider-continuous__container {\n    padding: var(--spacing-03);\n\n    &.vds-slider-continuous__container--orientation-vertical {\n      transform: rotate(270deg);\n      .vds-slider__value,\n      .slider-thumb {\n        transform: rotate(90deg);\n      }\n      .vds__tooltip-container-text {\n        direction: rtl;\n        text-align: right;\n        width: auto;\n      }\n      .vds-slider__value-reference span {\n        display: inline-block;\n        transform: rotate(90deg);\n      }\n    }\n\n    &.vds-slider-continuous__container--custom-colors {\n      .vds-slider-continuous__content {\n        .vds-slider-input:active {\n          opacity: 0.9;\n        }\n        &:hover {\n          .vds-slider-input {\n            opacity: 0.8;\n          }\n        }\n      }\n    }\n\n    .vds-slider-continuous__content {\n      &:has(.vds-slider-input:focus-visible) {\n        outline: 0.125rem solid var(--color-border-focus-2);\n        outline-offset: var(--spacing-06);\n      }\n    }\n\n    &.vds-slider-continuous__container--display-limits .vds-slider-continuous__content {\n      &:has(.vds-slider-input:focus-visible) {\n        outline: 0.125rem solid var(--color-border-focus-2);\n        outline-offset: var(--spacing-09);\n      }\n    }\n    &.vds-slider-continuous__container--colors {\n      .vds-slider-continuous__content {\n        &:has(.vds-slider-input:active) {\n          --slider-track-fill: var(--color-icon-brand-press);\n          --slider-track-thumb: var(--color-icon-brand-press);\n        }\n        &:hover {\n          --slider-track-fill: var(--color-icon-brand-hover);\n          --slider-track-thumb: var(--color-icon-brand-hover);\n        }\n      }\n    }\n    &.vds-slider-continuous__container--disabled {\n      --slider-track-fill: var(--color-icon-disabled);\n      --slider-track-thumb: var(--color-icon-disabled);\n    }\n    .vds-slider-continuous__content {\n      padding: 0 var(--spacing-03);\n    }\n    &.vds-slider-continuous__container--disabled {\n      pointer-events: none;\n    }\n    &.vds-slider-continuous__container--medium {\n      .vds-slider__track, input {\n        height: 0.25rem;\n      }\n      .vds-slider__value-reference-container >  .vds-slider__value-reference > span {\n        @include font-style(body, medium);\n      }\n      .vds-slider__thumb {\n        transform: translate(-50%, -8px);\n      }\n    }\n  \n    &.vds-slider-continuous__container--large {  \n      .vds-slider__track, input {\n        height: 0.375rem;\n      }\n      .vds-slider__value-reference-container >  .vds-slider__value-reference > span {\n        @include font-style(body, large);\n      }\n      .vds-slider__value-reference-container {\n        transform: translateY(1px);\n      }\n      .vds-slider__thumb {\n        transform: translate(-50%, -9px);\n      }\n    }\n\n    .slider-thumb::part(svg-icon) {\n      color: var(--slider-track-thumb);\n      fill: var(--slider-track-thumb);\n    }\n  }\n\n\n  .vds__tooltip-container {\n    display: none;\n    position: absolute;\n    width: 5.31rem;\n    height: 2.25rem;\n    height:max-content;\n    width: max-content;\n    max-width: var(--tooltip-max-width) !important;\n    flex-direction: column;\n    align-items: center;\n    border-radius: var(--radius-medium);\n    background: var(--surface-overlay-default);\n    padding: var(--spacing-03);\n    z-index: var(--elevation-layer-2);\n    box-shadow: var(--elevation-shadow-2);\n  }\n  .vds__tooltip-container-text{\n    color: var(--color-text-white-high);\n    font-feature-settings: 'clig' off, 'liga' off;\n    @include font-style(body, medium);\n  }  \n  .vds__tooltip-arrow {\n    position: absolute;\n    width: 0.5rem;\n    height: 0.25rem;\n    z-index: var(--elevation-layer-2);\n  }\n\n  .vds-slider__input {\n    position: relative;\n  }\n\n  .vds-slider-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    -webkit-appearance: none;\n    appearance: none; \n    width: 100%;\n    outline: none;\n    margin: 0;\n    background: transparent;\n    z-index: 3;\n    cursor: pointer;\n\n    &::-webkit-slider-thumb {\n      background-color: transparent;\n      opacity: 0;\n      cursor: pointer;\n    }\n\n    &::-moz-range-thumb {\n      background-color: transparent;\n      opacity: 0;\n      cursor: pointer;\n    }\n  }\n\n  .vds-slider__thumb {\n    position: absolute;\n    top: 0;\n    transform: translate(-50%, -8px);\n  }\n\n  .vds-slider__track {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    align-self: stretch;\n    width: 100%;\n    border-radius: var(--spacing-05);\n    background: var(--slider-background);\n    box-sizing: border-box;\n  }\n\n  .vds-slider__value-container  {\n    display: block;\n    position: relative;\n    .vds-slider__value-content {\n      position: absolute;\n      transform: translateY(-42px);\n      z-index: var(--elevation-layer-2); \n    }\n    .vds-slider__value {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      width: fit-content;\n      position: relative;\n    }\n    .vds__tooltip-container {\n      display: block;\n    }\n    .tooltip-arrow {\n      transform: translate(-50%, 21px);\n      position: absolute;\n      left: 50%;\n      fill: var(--surface-overlay-default);\n    }\n  }\n\n  .vds-slider__value-reference-container {\n    display: block;\n    .vds-slider__value-reference {\n      display: flex;\n      justify-content: space-between;\n      margin-top: var(--spacing-03);\n      \n      span {\n        overflow: hidden;\n        color: var(--color-text-medium);\n        text-align: right;\n        font-feature-settings: 'liga' off, 'clig' off;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    }\n  }\n}\n:host(.vds-slider--disabled) {\n  pointer-events: none;\n}\n","import { Component, EventEmitter, Host, Prop, h, Event, Method, Element } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { AttachInternals, forceUpdate, HTMLStencilElement, Listen, State, Watch } from '@stencil/core/internal';\nimport { getPositionBasedOnValue, getTrackFillBasedOnValue, logWarnings } from '../../utils/slider.utils';\n\n@Component({\n  tag: 'vds-basic-slider-continuous',\n  styleUrl: 'vds-basic-slider-continuous.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class VdsBasicSliderContinuous {\n  /** Sets the value of the slider..*/\n  @Prop() value: number;\n  /** Sets the size of the slider. */\n  @Prop() size: \"medium\" | \"large\" = \"medium\";\n  /** Sets the slider’s orientation. */\n  @Prop() orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n  /** Sets the slider on disabled state. */\n  @Prop() disabled: boolean = false;\n  /** Sets the min value of the slider (Min value should always be lower than the max value). */\n  @Prop() minValue: number = 0;\n  /** Sets the max value of the slider..*/\n  @Prop() maxValue: number = 100;\n  /** Sets the amount of advance of the slider. */\n  @Prop() step: number;\n  /** Sets the aria label in slider */\n  @Prop() setAriaLabel: string;\n  /** Toggles the value over the thumb in the slider \n  * on - Always shows value over the thumb.\n  * off - Do not show the value over the thumb.\n  * auto - Shows value over the thumb when mouse hover.\n  */\n  @Prop() displayLabel: \"on\" | \"off\" | \"auto\" = \"on\";\n  /** Toggles the limit value (min and max) of the slider .*/\n  @Prop() displayLimits: boolean = true;\n  /** Sets colors of the slider.\n   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n   */\n  @Prop() colors: { [key: string]: string } | string;\n  /** Sets the thumb icon */\n  @Prop() icon: string = \"thumb\";\n\n  /**  Emits updated input value */\n  @Event() changeInput: EventEmitter<number>;\n\n  @Element() host: HTMLElement;\n\n  @AttachInternals() internals: ElementInternals;\n\n  @State() displayLabelShowValue: boolean;\n\n  componentWillRender(): void {\n    logWarnings(this.value, this.maxValue, this.minValue);\n    this.setDefaultValues();\n  }\n\n  componentDidRender(): void {\n    this.setOutboundValues();\n  }\n\n  componentDidLoad(): void {\n    this.setInputValue();\n    this.setThumbPositionOnFirstLoad();\n  }\n\n  /**\n   * Sets the slider value to the specified value.\n   *\n   * @param {number} value - The new value for the slider.\n   * @returns {Promise<void>} A promise that resolves when the value is set.\n   */\n  @Method()\n  setValue(value: number): Promise<void> {\n    this.value = value;\n    return Promise.resolve();\n  }\n\n  /**\n   * Clears the slider value by setting it to the minimum value.\n   *\n   * @returns {Promise<void>} A promise that resolves when the value is cleared.\n   */\n  @Method()\n  clear(): Promise<void> {\n    this.value = this.minValue;\n    return Promise.resolve();\n  }\n\n  /**\n   * Sets slider value, shownValue and internals value for forms.\n   * Calculates the thumb position based on the value.\n   * Sets the track fill percentage.\n   * \n   * @returns {void}\n   */\n  @Watch(\"value\")\n  setInputValue(): void {\n    const stringValue = this.value.toString();\n    this.thumbPosition = this.getValuePosition();\n    this.shownValue = stringValue;\n    if (this.internals && !!this.internals.setFormValue) {\n      this.internals.setFormValue(stringValue);\n    }\n    if (this.trackContainerEl && !this.customBackground) {\n      this.trackContainerEl.style.background = getTrackFillBasedOnValue(this.value, this.maxValue, this.minValue);\n    }\n    this.changeInput.emit(this.value);\n  }\n\n  /**\n   * Updates the thumb position and forces a component update on window resize.\n   *\n   * @private\n   * @ListensTo(\"resize\", {target: \"window\"})\n   */\n  @Listen(\"resize\", {target: \"window\"})\n  updateThumbAndTrackPosition(): void {\n    this.thumbPosition = this.getValuePosition();\n    forceUpdate(this);\n  }\n\n  private inputRangeEl: HTMLInputElement;\n  private trackContainerEl: HTMLElement;\n  private shownValue: string;\n  private thumbPosition: string;\n  private customBackground: boolean;\n  /**\n   * Sets the initial value of the slider to the minimum value if no value is provided.\n   * When value is provided, shownValue gets set.\n   *\n   * @private\n   */\n  private setDefaultValues(): void {\n    if (this.value === undefined || this.value === null) {\n      this.value = this.minValue;\n      this.shownValue = this.minValue.toString();\n    } else {\n      this.shownValue = this.value.toString();\n    }\n  }\n\n  /**\n   * Sets the values of the slider to the minimum and maximum value when start and end value are out of bound.\n   *\n   * @private\n   */\n    private setOutboundValues(): void {\n      if (this.value < this.minValue || this.value > this.maxValue) {\n        this.value = this.minValue;\n        this.shownValue = this.minValue.toString();\n      }\n    }\n\n  /** \n   * This is necessary to avoid converting thumbPosition into a State variable. When Thumb is State, it will render the component twice on every value change.\n   * When it has value on the first load, the component need to be re-render (forceUpdate) since \n   * we need the width of the slider which is only available after the component finish the first render\n   * \n   * @private\n   * @returns {void}\n   */\n  private setThumbPositionOnFirstLoad(): void {\n    if (this.value > this.minValue) {\n      this.updateThumbAndTrackPosition();\n    }\n  }\n\n  /**\n   * Sets the value of the slider to the specified in the event.\n   *\n   * @private\n   * @param {InputEvent} evt - The event emitted by the input.\n   * @returns {void}\n   */\n  private handleInputChange(evt: InputEvent): void {\n    const target = evt.target as HTMLInputElement; \n    const value = Number(target.value);\n    this.setValue(value);\n  }\n\n  /**\n   * Sets the displayLabelShowValue to true when the mouse enters or focus the slider.\n   *\n   * @private\n   * @returns {void}\n   */\n  private handleInputMouseoverOrFocus() {\n    this.displayLabelShowValue = true;\n  }\n\n  /**\n   * Sets the displayLabelShowValue to false when the mouse leaves or blur the slider.\n   *\n   * @private\n   * @returns {void}\n   */\n  private handleInputMouseleaveOrBlur(): void {\n    this.displayLabelShowValue = false;\n  }\n\n  private getShowValue(): boolean {\n    let response = false;\n\n    switch(this.displayLabel) {\n      case \"off\":\n        response = false;\n        break;\n      case \"auto\":\n        response = this.displayLabelShowValue;\n        break;\n      case \"on\":\n        response = true;\n        break;\n      default:\n        response = false;\n    }\n\n    return response;\n  }\n\n  /**\n   * Calculates the CSS left position of the slider thumb based on the current value.\n   *\n   * @private\n   * @returns {string} The calculated left position of the slider thumb as a CSS pixel value.\n   */\n  private getValuePosition(): string {\n    return getPositionBasedOnValue(this.inputRangeEl, this.host, this.maxValue, this.minValue, this.value, this.size);\n  }\n\n  /**\n   * Sets the custom colors for the slider 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   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n   *\n   * @private\n   * @returns { [key: string]: string }\n   */\n  private setColors(): { [key: string]: string } {\n    const styles = {};\n    this.customBackground = false;\n    const colors = typeof this.colors === \"string\" ? JSON.parse(this.colors) : this.colors;\n\n    if (colors && colors[\"Track\"]) {\n      styles[\"--slider-track\"] = `var(--${colors[\"Track\"]})`;\n    }\n\n    if (colors && colors[\"TrackFill\"]) {\n      styles[\"--slider-track-fill\"] = `var(--${colors[\"TrackFill\"]})`;\n    }\n\n    if (colors && colors[\"Thumb\"]) {\n      styles[\"--slider-track-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n    }\n\n    if (colors && colors[\"Background\"]) {\n      styles[\"--slider-background\"] = `var(--${colors[\"Background\"]})`;\n      this.customBackground = true;\n    }\n\n    return styles;\n  }\n\n  private renderValueReferences(): HTMLStencilElement {\n\t\treturn (\n\t\t\t<div class=\"vds-slider__value-reference-container\">\n\t\t\t\t<div\n\t\t\t\t\tclass={combineClasses(\n\t\t\t\t\t\t\"vds-slider__value-reference\"\n\t\t\t\t\t)}\n\t\t\t\t>\n          <span>{this.minValue}</span>\n          <span>{this.maxValue}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n  private renderShownValue(): HTMLStencilElement {\n    return (\n      <div class={\"vds-slider__value-container\"}>\n        <div class=\"vds-slider__value-content\" style={{left: this.thumbPosition}}>\n          <div class=\"vds-slider__value\">\n            <div class={\"vds__tooltip-container\"}>\n              <span class={\"vds__tooltip-container-text\"}>{this.shownValue}</span>\n            </div>\n            {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSlider() {\n    return (\n      <div class=\"vds-slider__input\">\n        <input\n          ref={(el): void => {\n            this.inputRangeEl = el;\n          }}\n          class={combineClasses(\n            \"vds-slider-input\"\n          )}\n          type=\"range\"\n          step={this.step}\n          onInput={(evt): void => this.handleInputChange(evt)}\n          onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus()} : null}\n          onMouseLeave={this.displayLabel === \"auto\" ? () => {this.handleInputMouseleaveOrBlur()} : null}\n          onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus()} : null}\n          onBlur={this.displayLabel === \"auto\" ? () => {this.handleInputMouseleaveOrBlur()} : null}\n          min={this.minValue}\n          max={this.maxValue}\n          value={this.value}\n          disabled={this.disabled}\n        />\n        <div class={`vds-slider__track`} ref={el => { if(el) this.trackContainerEl = el;}}></div>\n        <div class={\"vds-slider__thumb\"} style={{left: this.thumbPosition}}>\n          <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb\"></vds-icon>\n        </div>\n        {this.getShowValue() && this.renderShownValue()}\n      </div>\n    )\n  }\n\n  render() {\n    return (\n      <Host class={combineClasses(\"vds-slider\", this.disabled ? \"vds-slider--disabled\" : \"\")}>\n        <div \n          class={combineClasses(\n            \"vds-slider-continuous__container\",\n            `vds-slider-continuous__container--${this.size}`,\n            `vds-slider-continuous__container--orientation-${this.orientation}`,\n            this.colors ? \"vds-slider-continuous__container--custom-colors\" : \"vds-slider-continuous__container--colors\",\n            this.disabled ? \"vds-slider-continuous__container--disabled\" : \"\",\n            this.displayLimits ? \"vds-slider-continuous__container--display-limits\" : \"\"\n          )}\n          style={this.setColors()}\n        >\n          <div \n            class={combineClasses(\n              \"vds-slider-continuous__content\"\n            )}\n            aria-label={this.setAriaLabel}\n          >\n            {this.renderSlider()}\n          </div>\n          {this.displayLimits && this.renderValueReferences()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/vds-basic-slider-continuous.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-slider-continuous.entry.cjs.js","sources":["src/components/slider-continuous/vds-basic-slider-continuous.scss?tag=vds-basic-slider-continuous&encapsulation=shadow","src/components/slider-continuous/vds-basic-slider-continuous.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host(.vds-slider) {\n  display: block;\n  box-sizing: border-box;\n  --slider-track: var(--color-icon-medium);\n  --slider-track-fill: var(--color-icon-brand-default);\n  --slider-track-thumb: var(--color-icon-brand-default);\n  --slider-background:  var(--slider-track);\n\n  .vds-slider-continuous__container {\n    padding: var(--spacing-03);\n\n    &.vds-slider-continuous__container--orientation-vertical {\n      transform: rotate(270deg);\n      .vds-slider__value,\n      .slider-thumb {\n        transform: rotate(90deg);\n      }\n      .vds__tooltip-container-text {\n        direction: rtl;\n        text-align: right;\n        width: auto;\n      }\n      .vds-slider__value-reference span {\n        display: inline-block;\n        transform: rotate(90deg);\n      }\n    }\n\n    &.vds-slider-continuous__container--custom-colors {\n      .vds-slider-continuous__content {\n        .vds-slider-input:active {\n          opacity: 0.9;\n        }\n        &:hover {\n          .vds-slider-input {\n            opacity: 0.8;\n          }\n        }\n      }\n    }\n\n    .vds-slider-continuous__content {\n      &:has(.vds-slider-input:focus-visible) {\n        outline: 0.125rem solid var(--color-border-focus-2);\n        outline-offset: var(--spacing-06);\n      }\n    }\n\n    &.vds-slider-continuous__container--display-limits .vds-slider-continuous__content {\n      &:has(.vds-slider-input:focus-visible) {\n        outline: 0.125rem solid var(--color-border-focus-2);\n        outline-offset: var(--spacing-09);\n      }\n    }\n    &.vds-slider-continuous__container--colors {\n      .vds-slider-continuous__content {\n        &:has(.vds-slider-input:active) {\n          --slider-track-fill: var(--color-icon-brand-press);\n          --slider-track-thumb: var(--color-icon-brand-press);\n        }\n        &:hover {\n          --slider-track-fill: var(--color-icon-brand-hover);\n          --slider-track-thumb: var(--color-icon-brand-hover);\n        }\n      }\n    }\n    &.vds-slider-continuous__container--disabled {\n      --slider-track-fill: var(--color-icon-disabled);\n      --slider-track-thumb: var(--color-icon-disabled);\n    }\n    .vds-slider-continuous__content {\n      padding: 0 var(--spacing-03);\n    }\n    &.vds-slider-continuous__container--disabled {\n      pointer-events: none;\n    }\n    &.vds-slider-continuous__container--medium {\n      .vds-slider__track, input {\n        height: 0.25rem;\n      }\n      .vds-slider__value-reference-container >  .vds-slider__value-reference > span {\n        @include font-style(body, medium);\n      }\n      .vds-slider__thumb {\n        transform: translate(-50%, -8px);\n      }\n    }\n  \n    &.vds-slider-continuous__container--large {  \n      .vds-slider__track, input {\n        height: 0.375rem;\n      }\n      .vds-slider__value-reference-container >  .vds-slider__value-reference > span {\n        @include font-style(body, large);\n      }\n      .vds-slider__value-reference-container {\n        transform: translateY(1px);\n      }\n      .vds-slider__thumb {\n        transform: translate(-50%, -9px);\n      }\n    }\n\n    .slider-thumb::part(svg-icon) {\n      color: var(--slider-track-thumb);\n      fill: var(--slider-track-thumb);\n    }\n  }\n\n\n  .vds__tooltip-container {\n    display: none;\n    position: absolute;\n    width: 5.31rem;\n    height: 2.25rem;\n    height:max-content;\n    width: max-content;\n    max-width: var(--tooltip-max-width) !important;\n    flex-direction: column;\n    align-items: center;\n    border-radius: var(--radius-medium);\n    background: var(--surface-overlay-default);\n    padding: var(--spacing-03);\n    z-index: var(--elevation-layer-2);\n    box-shadow: var(--elevation-shadow-2);\n  }\n  .vds__tooltip-container-text{\n    color: var(--color-text-white-high);\n    font-feature-settings: 'clig' off, 'liga' off;\n    @include font-style(body, medium);\n  }  \n  .vds__tooltip-arrow {\n    position: absolute;\n    width: 0.5rem;\n    height: 0.25rem;\n    z-index: var(--elevation-layer-2);\n  }\n\n  .vds-slider__input {\n    position: relative;\n  }\n\n  .vds-slider-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    -webkit-appearance: none;\n    appearance: none; \n    width: 100%;\n    outline: none;\n    margin: 0;\n    background: transparent;\n    z-index: 3;\n    cursor: pointer;\n\n    &::-webkit-slider-thumb {\n      background-color: transparent;\n      opacity: 0;\n      cursor: pointer;\n    }\n\n    &::-moz-range-thumb {\n      background-color: transparent;\n      opacity: 0;\n      cursor: pointer;\n    }\n  }\n\n  .vds-slider__thumb {\n    position: absolute;\n    top: 0;\n    transform: translate(-50%, -8px);\n  }\n\n  .vds-slider__track {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    align-self: stretch;\n    width: 100%;\n    border-radius: var(--spacing-05);\n    background: var(--slider-background);\n    box-sizing: border-box;\n  }\n\n  .vds-slider__value-container  {\n    display: block;\n    position: relative;\n    .vds-slider__value-content {\n      position: absolute;\n      transform: translateY(-42px);\n      z-index: var(--elevation-layer-2); \n    }\n    .vds-slider__value {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      width: fit-content;\n      position: relative;\n    }\n    .vds__tooltip-container {\n      display: block;\n    }\n    .tooltip-arrow {\n      transform: translate(-50%, 21px);\n      position: absolute;\n      left: 50%;\n      fill: var(--surface-overlay-default);\n    }\n  }\n\n  .vds-slider__value-reference-container {\n    display: block;\n    .vds-slider__value-reference {\n      display: flex;\n      justify-content: space-between;\n      margin-top: var(--spacing-03);\n      \n      span {\n        overflow: hidden;\n        color: var(--color-text-medium);\n        text-align: right;\n        font-feature-settings: 'liga' off, 'clig' off;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    }\n  }\n}\n:host(.vds-slider--disabled) {\n  pointer-events: none;\n}\n","import { Component, EventEmitter, Host, Prop, h, Event, Method, Element } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { AttachInternals, forceUpdate, HTMLStencilElement, Listen, State, Watch } from '@stencil/core/internal';\nimport { getPositionBasedOnValue, getTrackFillBasedOnValue, logWarnings } from '../../utils/slider.utils';\n\n@Component({\n  tag: 'vds-basic-slider-continuous',\n  styleUrl: 'vds-basic-slider-continuous.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class VdsBasicSliderContinuous {\n  /** Sets the value of the slider..*/\n  @Prop() value: number;\n  /** Sets the size of the slider. */\n  @Prop() size: \"medium\" | \"large\" = \"medium\";\n  /** Sets the slider’s orientation. */\n  @Prop() orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n  /** Sets the slider on disabled state. */\n  @Prop() disabled: boolean = false;\n  /** Sets the min value of the slider (Min value should always be lower than the max value). */\n  @Prop() minValue: number = 0;\n  /** Sets the max value of the slider..*/\n  @Prop() maxValue: number = 100;\n  /** Sets the amount of advance of the slider. */\n  @Prop() step: number;\n  /** Sets the aria label in slider */\n  @Prop() setAriaLabel: string;\n  /** Toggles the value over the thumb in the slider \n  * on - Always shows value over the thumb.\n  * off - Do not show the value over the thumb.\n  * auto - Shows value over the thumb when mouse hover.\n  */\n  @Prop() displayLabel: \"on\" | \"off\" | \"auto\" = \"on\";\n  /** Toggles the limit value (min and max) of the slider .*/\n  @Prop() displayLimits: boolean = true;\n  /** Sets colors of the slider.\n   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n   */\n  @Prop() colors: { [key: string]: string } | string;\n  /** Sets the thumb icon */\n  @Prop() icon: string = \"thumb\";\n\n  /**  Emits updated input value */\n  @Event() changeInput: EventEmitter<number>;\n\n  @Element() host: HTMLElement;\n\n  @AttachInternals() internals: ElementInternals;\n\n  @State() displayLabelShowValue: boolean;\n\n  componentWillRender(): void {\n    logWarnings(this.value, this.maxValue, this.minValue);\n    this.setDefaultValues();\n  }\n\n  componentDidRender(): void {\n    this.setOutboundValues();\n  }\n\n  componentDidLoad(): void {\n    this.setInputValue();\n    this.setThumbPositionOnFirstLoad();\n  }\n\n  /**\n   * Sets the slider value to the specified value.\n   *\n   * @param {number} value - The new value for the slider.\n   * @returns {Promise<void>} A promise that resolves when the value is set.\n   */\n  @Method()\n  setValue(value: number): Promise<void> {\n    this.value = value;\n    return Promise.resolve();\n  }\n\n  /**\n   * Clears the slider value by setting it to the minimum value.\n   *\n   * @returns {Promise<void>} A promise that resolves when the value is cleared.\n   */\n  @Method()\n  clear(): Promise<void> {\n    this.value = this.minValue;\n    return Promise.resolve();\n  }\n\n  /**\n   * Sets slider value, shownValue and internals value for forms.\n   * Calculates the thumb position based on the value.\n   * Sets the track fill percentage.\n   * \n   * @returns {void}\n   */\n  @Watch(\"value\")\n  setInputValue(): void {\n    const stringValue = this.value.toString();\n    this.thumbPosition = this.getValuePosition();\n    this.shownValue = stringValue;\n    if (this.internals && !!this.internals.setFormValue) {\n      this.internals.setFormValue(stringValue);\n    }\n    if (this.trackContainerEl && !this.customBackground) {\n      this.trackContainerEl.style.background = getTrackFillBasedOnValue(this.value, this.maxValue, this.minValue);\n    }\n    this.changeInput.emit(this.value);\n  }\n\n  /**\n   * Updates the thumb position and forces a component update on window resize.\n   *\n   * @private\n   * @ListensTo(\"resize\", {target: \"window\"})\n   */\n  @Listen(\"resize\", {target: \"window\"})\n  updateThumbAndTrackPosition(): void {\n    this.thumbPosition = this.getValuePosition();\n    forceUpdate(this);\n  }\n\n  private inputRangeEl: HTMLInputElement;\n  private trackContainerEl: HTMLElement;\n  private shownValue: string;\n  private thumbPosition: string;\n  private customBackground: boolean;\n  /**\n   * Sets the initial value of the slider to the minimum value if no value is provided.\n   * When value is provided, shownValue gets set.\n   *\n   * @private\n   */\n  private setDefaultValues(): void {\n    if (this.value === undefined || this.value === null) {\n      this.value = this.minValue;\n      this.shownValue = this.minValue.toString();\n    } else {\n      this.shownValue = this.value.toString();\n    }\n  }\n\n  /**\n   * Sets the values of the slider to the minimum and maximum value when start and end value are out of bound.\n   *\n   * @private\n   */\n    private setOutboundValues(): void {\n      if (this.value < this.minValue || this.value > this.maxValue) {\n        this.value = this.minValue;\n        this.shownValue = this.minValue.toString();\n      }\n    }\n\n  /** \n   * This is necessary to avoid converting thumbPosition into a State variable. When Thumb is State, it will render the component twice on every value change.\n   * When it has value on the first load, the component need to be re-render (forceUpdate) since \n   * we need the width of the slider which is only available after the component finish the first render\n   * \n   * @private\n   * @returns {void}\n   */\n  private setThumbPositionOnFirstLoad(): void {\n    if (this.value > this.minValue) {\n      this.updateThumbAndTrackPosition();\n    }\n  }\n\n  /**\n   * Sets the value of the slider to the specified in the event.\n   *\n   * @private\n   * @param {InputEvent} evt - The event emitted by the input.\n   * @returns {void}\n   */\n  private handleInputChange(evt: InputEvent): void {\n    const target = evt.target as HTMLInputElement; \n    const value = Number(target.value);\n    this.setValue(value);\n  }\n\n  /**\n   * Sets the displayLabelShowValue to true when the mouse enters or focus the slider.\n   *\n   * @private\n   * @returns {void}\n   */\n  private handleInputMouseoverOrFocus() {\n    this.displayLabelShowValue = true;\n  }\n\n  /**\n   * Sets the displayLabelShowValue to false when the mouse leaves or blur the slider.\n   *\n   * @private\n   * @returns {void}\n   */\n  private handleInputMouseleaveOrBlur(): void {\n    this.displayLabelShowValue = false;\n  }\n\n  private getShowValue(): boolean {\n    let response = false;\n\n    switch(this.displayLabel) {\n      case \"off\":\n        response = false;\n        break;\n      case \"auto\":\n        response = this.displayLabelShowValue;\n        break;\n      case \"on\":\n        response = true;\n        break;\n      default:\n        response = false;\n    }\n\n    return response;\n  }\n\n  /**\n   * Calculates the CSS left position of the slider thumb based on the current value.\n   *\n   * @private\n   * @returns {string} The calculated left position of the slider thumb as a CSS pixel value.\n   */\n  private getValuePosition(): string {\n    return getPositionBasedOnValue(this.inputRangeEl, this.host, this.maxValue, this.minValue, this.value, this.size);\n  }\n\n  /**\n   * Sets the custom colors for the slider 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   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n   *\n   * @private\n   * @returns { [key: string]: string }\n   */\n  private setColors(): { [key: string]: string } {\n    const styles = {};\n    this.customBackground = false;\n    const colors = typeof this.colors === \"string\" ? JSON.parse(this.colors) : this.colors;\n\n    if (colors && colors[\"Track\"]) {\n      styles[\"--slider-track\"] = `var(--${colors[\"Track\"]})`;\n    }\n\n    if (colors && colors[\"TrackFill\"]) {\n      styles[\"--slider-track-fill\"] = `var(--${colors[\"TrackFill\"]})`;\n    }\n\n    if (colors && colors[\"Thumb\"]) {\n      styles[\"--slider-track-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n    }\n\n    if (colors && colors[\"Background\"]) {\n      styles[\"--slider-background\"] = `var(--${colors[\"Background\"]})`;\n      this.customBackground = true;\n    }\n\n    return styles;\n  }\n\n  private renderValueReferences(): HTMLStencilElement {\n\t\treturn (\n\t\t\t<div class=\"vds-slider__value-reference-container\">\n\t\t\t\t<div\n\t\t\t\t\tclass={combineClasses(\n\t\t\t\t\t\t\"vds-slider__value-reference\"\n\t\t\t\t\t)}\n\t\t\t\t>\n          <span>{this.minValue}</span>\n          <span>{this.maxValue}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n  private renderShownValue(): HTMLStencilElement {\n    return (\n      <div class={\"vds-slider__value-container\"}>\n        <div class=\"vds-slider__value-content\" style={{left: this.thumbPosition}}>\n          <div class=\"vds-slider__value\">\n            <div class={\"vds__tooltip-container\"}>\n              <span class={\"vds__tooltip-container-text\"}>{this.shownValue}</span>\n            </div>\n            {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSlider() {\n    return (\n      <div class=\"vds-slider__input\">\n        <input\n          ref={(el): void => {\n            this.inputRangeEl = el;\n          }}\n          class={combineClasses(\n            \"vds-slider-input\"\n          )}\n          type=\"range\"\n          step={this.step}\n          onInput={(evt): void => this.handleInputChange(evt)}\n          onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus()} : null}\n          onMouseLeave={this.displayLabel === \"auto\" ? () => {this.handleInputMouseleaveOrBlur()} : null}\n          onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus()} : null}\n          onBlur={this.displayLabel === \"auto\" ? () => {this.handleInputMouseleaveOrBlur()} : null}\n          min={this.minValue}\n          max={this.maxValue}\n          value={this.value}\n          disabled={this.disabled}\n        />\n        <div class={`vds-slider__track`} ref={el => { if(el) this.trackContainerEl = el;}}></div>\n        <div class={\"vds-slider__thumb\"} style={{left: this.thumbPosition}}>\n          <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb\"></vds-icon>\n        </div>\n        {this.getShowValue() && this.renderShownValue()}\n      </div>\n    )\n  }\n\n  render() {\n    return (\n      <Host class={combineClasses(\"vds-slider\", this.disabled ? \"vds-slider--disabled\" : \"\")}>\n        <div \n          class={combineClasses(\n            \"vds-slider-continuous__container\",\n            `vds-slider-continuous__container--${this.size}`,\n            `vds-slider-continuous__container--orientation-${this.orientation}`,\n            this.colors ? \"vds-slider-continuous__container--custom-colors\" : \"vds-slider-continuous__container--colors\",\n            this.disabled ? \"vds-slider-continuous__container--disabled\" : \"\",\n            this.displayLimits ? \"vds-slider-continuous__container--display-limits\" : \"\"\n          )}\n          style={this.setColors()}\n        >\n          <div \n            class={combineClasses(\n              \"vds-slider-continuous__content\"\n            )}\n            aria-label={this.setAriaLabel}\n          >\n            {this.renderSlider()}\n          </div>\n          {this.displayLimits && this.renderValueReferences()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["logWarnings","getTrackFillBasedOnValue","forceUpdate","getPositionBasedOnValue","h","combineClasses","Host"],"mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,ynrCAAynrC;;MCWhprC,wBAAwB,GAAA,MAAA;AANrC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;;AAUU,QAAA,IAAI,CAAA,IAAA,GAAuB,QAAQ;;AAEnC,QAAA,IAAW,CAAA,WAAA,GAA8B,YAAY;;AAErD,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAEzB,QAAA,IAAQ,CAAA,QAAA,GAAW,CAAC;;AAEpB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AAK9B;;;;AAIE;AACM,QAAA,IAAY,CAAA,YAAA,GAA0B,IAAI;;AAE1C,QAAA,IAAa,CAAA,aAAA,GAAY,IAAI;;AAS7B,QAAA,IAAI,CAAA,IAAA,GAAW,OAAO;AA2T/B;IAhTC,mBAAmB,GAAA;AACjB,QAAAA,wBAAW,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;QACrD,IAAI,CAAC,gBAAgB,EAAE;;IAGzB,kBAAkB,GAAA;QAChB,IAAI,CAAC,iBAAiB,EAAE;;IAG1B,gBAAgB,GAAA;QACd,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,2BAA2B,EAAE;;AAGpC;;;;;AAKG;AAEH,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;AAG1B;;;;AAIG;IAEH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ;AAC1B,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;AAG1B;;;;;;AAMG;IAEH,aAAa,GAAA;QACX,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACzC,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;AAC5C,QAAA,IAAI,CAAC,UAAU,GAAG,WAAW;AAC7B,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE;AACnD,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,WAAW,CAAC;;QAE1C,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACnD,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,UAAU,GAAGC,qCAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;;QAE7G,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGnC;;;;;AAKG;IAEH,2BAA2B,GAAA;AACzB,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;QAC5CC,iBAAW,CAAC,IAAI,CAAC;;AAQnB;;;;;AAKG;IACK,gBAAgB,GAAA;AACtB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;AACnD,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ;YAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;aACrC;YACL,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;;;AAI3C;;;;AAIG;IACO,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC5D,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ;YAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;;AAIhD;;;;;;;AAOG;IACK,2BAA2B,GAAA;QACjC,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;YAC9B,IAAI,CAAC,2BAA2B,EAAE;;;AAItC;;;;;;AAMG;AACK,IAAA,iBAAiB,CAAC,GAAe,EAAA;AACvC,QAAA,MAAM,MAAM,GAAG,GAAG,CAAC,MAA0B;QAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;;AAGtB;;;;;AAKG;IACK,2BAA2B,GAAA;AACjC,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;;AAGnC;;;;;AAKG;IACK,2BAA2B,GAAA;AACjC,QAAA,IAAI,CAAC,qBAAqB,GAAG,KAAK;;IAG5B,YAAY,GAAA;QAClB,IAAI,QAAQ,GAAG,KAAK;AAEpB,QAAA,QAAO,IAAI,CAAC,YAAY;AACtB,YAAA,KAAK,KAAK;gBACR,QAAQ,GAAG,KAAK;gBAChB;AACF,YAAA,KAAK,MAAM;AACT,gBAAA,QAAQ,GAAG,IAAI,CAAC,qBAAqB;gBACrC;AACF,YAAA,KAAK,IAAI;gBACP,QAAQ,GAAG,IAAI;gBACf;AACF,YAAA;gBACE,QAAQ,GAAG,KAAK;;AAGpB,QAAA,OAAO,QAAQ;;AAGjB;;;;;AAKG;IACK,gBAAgB,GAAA;QACtB,OAAOC,oCAAuB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;;AAGnH;;;;;;;;;;;AAWG;IACK,SAAS,GAAA;QACf,MAAM,MAAM,GAAG,EAAE;AACjB,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;QAC7B,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM;AAEtF,QAAA,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE;YAC7B,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAA,MAAA,EAAS,MAAM,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG;;AAGxD,QAAA,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,CAAC,EAAE;YACjC,MAAM,CAAC,qBAAqB,CAAC,GAAG,CAAA,MAAA,EAAS,MAAM,CAAC,WAAW,CAAC,CAAA,CAAA,CAAG;;AAGjE,QAAA,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE;YAC7B,MAAM,CAAC,sBAAsB,CAAC,GAAG,CAAA,MAAA,EAAS,MAAM,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG;;AAG9D,QAAA,IAAI,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,EAAE;YAClC,MAAM,CAAC,qBAAqB,CAAC,GAAG,CAAA,MAAA,EAAS,MAAM,CAAC,YAAY,CAAC,CAAA,CAAA,CAAG;AAChE,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;;AAG9B,QAAA,OAAO,MAAM;;IAGP,qBAAqB,GAAA;QAC7B,QACCC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,uCAAuC,EAAA,EACjDA,OAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAEC,6BAAc,CACpB,6BAA6B,CAC7B,EAAA,EAEID,OAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAC,QAAQ,CAAQ,EAC5BA,OAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,QAAQ,CAAQ,CAC5B,CACD;;IAIC,gBAAgB,GAAA;AACtB,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,6BAA6B,EAAA,EACvCA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,aAAa,EAAC,EAAA,EACtEA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5BA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,wBAAwB,EAAA,EAClCA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,IAAI,CAAC,UAAU,CAAQ,CAChE,EACL,IAAI,CAAC,WAAW,KAAK,UAAU,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,mBAAmB,EAAA,CAAa,CACzG,CACF,CACF;;IAIF,YAAY,GAAA;QAClB,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5BA,OAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,CAAC,EAAE,KAAU;AAChB,gBAAA,IAAI,CAAC,YAAY,GAAG,EAAE;AACxB,aAAC,EACD,KAAK,EAAEC,6BAAc,CACnB,kBAAkB,CACnB,EACD,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,GAAG,KAAW,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,EACnD,WAAW,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,GAAG,MAAO,EAAA,IAAI,CAAC,2BAA2B,EAAE,CAAA,EAAC,GAAG,IAAI,EAC7F,YAAY,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,GAAG,MAAO,EAAA,IAAI,CAAC,2BAA2B,EAAE,CAAA,EAAC,GAAG,IAAI,EAC9F,OAAO,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,GAAG,MAAO,EAAA,IAAI,CAAC,2BAA2B,EAAE,CAAA,EAAC,GAAG,IAAI,EACzF,MAAM,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,GAAG,MAAK,EAAE,IAAI,CAAC,2BAA2B,EAAE,CAAA,EAAC,GAAG,IAAI,EACxF,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,EACFD,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAmB,iBAAA,CAAA,EAAE,GAAG,EAAE,EAAE,IAAG;AAAG,gBAAA,IAAG,EAAE;AAAE,oBAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;AAAC,aAAC,EAAQ,CAAA,EACzFA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,aAAa,EAAC,EAAA,EAChEA,OAAU,CAAA,UAAA,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAC,cAAc,EAAA,CAAY,CAC/G,EACL,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAC3C;;IAIV,MAAM,GAAA;AACJ,QAAA,QACEA,QAACE,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAED,6BAAc,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,GAAG,sBAAsB,GAAG,EAAE,CAAC,EAAA,EACpFD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAEC,6BAAc,CACnB,kCAAkC,EAClC,CAAqC,kCAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAChD,CAAA,8CAAA,EAAiD,IAAI,CAAC,WAAW,CAAA,CAAE,EACnE,IAAI,CAAC,MAAM,GAAG,iDAAiD,GAAG,0CAA0C,EAC5G,IAAI,CAAC,QAAQ,GAAG,4CAA4C,GAAG,EAAE,EACjE,IAAI,CAAC,aAAa,GAAG,kDAAkD,GAAG,EAAE,CAC7E,EACD,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,EAAA,EAEvBD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAEC,6BAAc,CACnB,gCAAgC,CACjC,EAAA,YAAA,EACW,IAAI,CAAC,YAAY,EAE5B,EAAA,IAAI,CAAC,YAAY,EAAE,CAChB,EACL,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAC/C,CACD;;;;;;;;;;;;"}

package/dist/cjs/vds-basic-slider-range-continuous.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-basic-slider-range-continuous.entry.cjs.js","mappings":"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","names":["logWarnings","forceUpdate","getPositionBasedOnValue","h","combineClasses","Host"],"sources":["src/utils/number-utils.ts","src/components/slider-range-continuous/vds-basic-slider-range-continuous.scss?tag=vds-basic-slider-range-continuous&encapsulation=shadow","src/components/slider-range-continuous/vds-basic-slider-range-continuous.tsx"],"sourcesContent":["export const hasDecimals = (val: number): boolean => !Number.isInteger(val);\n\nexport const countDecimalPlaces = (val: number): number => {\n    if (!hasDecimals(val)) return 0;\n\n    const decimalPart = val.toString().split(\".\")[1];\n\n    return decimalPart ? decimalPart.length : 0;\n};","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  --slider-track: var(--color-icon-medium);\n  --slider-track-fill: var(--color-icon-brand-default);\n  --slider-track-start-thumb: var(--color-icon-brand-default);\n  --slider-track-end-thumb: var(--color-icon-brand-default);\n  --slider-background:  var(--slider-track);\n\n  .vds-slider-range__container {\n    padding: var(--spacing-03);\n\n    &.vds-slider-range__container--orientation-vertical {\n      transform: rotate(270deg);\n      .vds-slider-range__value,\n      .slider-thumb {\n        transform: rotate(90deg);\n      }\n      .vds__tooltip-container-text {\n        direction: rtl;\n        text-align: right;\n        width: auto;\n      }\n      .vds-slider-range__value-reference span {\n        display: inline-block;\n        transform: rotate(90deg);\n      }\n    }\n\n    &.vds-slider-range__container--medium {\n      .vds-slider-range,\n      .vds-slider-range__track,\n      .vds-slider-range__range,\n      .vds-slider-range-input__content,\n      .vds-slider-input {\n        height: 0.25rem;\n      }\n      .vds-slider-range__value-reference-container >  .vds-slider-range__value-reference > span {\n        @include font-style(body, medium);\n      }\n      .vds-slider-range__value-reference-container {\n        transform: translateY(3px);\n      }\n      .vds-slider-range__thumb {\n        transform: translate(-50%, -8px);\n      }\n      .vds-slider-input {\n        &::-webkit-slider-thumb {\n          width: 1.25rem;\n          height: 1.25rem;\n        }\n      }\n    }\n    &.vds-slider-range__container--large {\n      .vds-slider-range,\n      .vds-slider-range__track,\n      .vds-slider-range__range,\n      .vds-slider-range-input__content,\n      .vds-slider-input {\n        height: 0.375rem;\n      }\n      .vds-slider-range__value-reference-container >  .vds-slider-range__value-reference > span {\n        @include font-style(body, large);\n      }\n      .vds-slider-range__value-reference-container {\n        transform: translateY(1px);\n      }\n      .vds-slider-range__thumb {\n        transform: translate(-50%, -9px);\n      }\n      .vds-slider-input {\n        &::-webkit-slider-thumb {\n          width: 1.5rem;\n          height: 1.5rem;\n        }\n      }\n    }\n    .slider-start-thumb::part(svg-icon) {\n      color: var(--slider-track-start-thumb);\n      fill: var(--slider-track-start-thumb);\n    }\n    .slider-end-thumb::part(svg-icon) {\n      color: var(--slider-track-end-thumb);\n      fill: var(--slider-track-end-thumb);\n    }\n\n    .vds-slider-range__content {\n      position: relative;\n      padding: 0 var(--spacing-03);\n      .vds-slider-range-input__content {\n        position: relative;\n        padding: var(--spacing-03) 0;\n        cursor: pointer;\n        .vds-slider-range {\n          display: block;\n          position: absolute;\n          z-index: 2;\n          width: 100%;\n          align-items: center;\n          padding: var(--spacing-03) 0;\n          top: 0;\n    \n          .vds-slider-range__track {\n            position: absolute;\n            top: var(--spacing-03);\n            z-index: 2;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-radius: 5px;\n            background-color: var(--slider-track);\n          }\n    \n          .vds-slider-range__range {\n            position: absolute;\n            top: var(--spacing-03);\n            z-index: 3;\n            bottom: 0;\n            border-radius: 5px;\n            pointer-events: none;\n            background-color: var(--slider-track-fill);\n          }\n    \n          .vds-slider-range__thumb {\n            position: absolute;\n            top: var(--spacing-03);\n            z-index: 5;\n            border-radius: 50%;\n            pointer-events: none;\n          }\n        }\n        \n        .vds-slider-input {\n          position: absolute;\n          top: var(--spacing-03);\n          -webkit-appearance: none;\n          appearance: none;\n          pointer-events: none;\n          z-index: 3;\n          background: transparent;\n          width: 100%;\n          opacity: 0.8;\n          margin: 0;\n          animation: 0.3ms;\n\n          &:disabled {\n            pointer-events: none;\n            &::-webkit-slider-thumb {\n              pointer-events: none;\n            }\n          }\n\n          &:focus {\n            outline: none;\n          }\n      \n          &::-webkit-slider-runnable-track {\n            pointer-events: none;\n          }\n        \n          &::-webkit-slider-thumb {\n            pointer-events: auto;\n            box-sizing: border-box;\n            cursor: pointer;\n            border-radius: 50%;\n            -webkit-appearance: none;\n          }\n        }\n      }\n    }\n\n    .vds-slider-range__content {\n      &:has(.vds-slider-start-input:focus-visible) {\n        --slider-track-start-thumb: var(--color-icon-brand-press);\n      }\n    }\n\n    &.vds-slider-range-continuous__container--display-limits .vds-slider-range__content {\n      &:has(.vds-slider-start-input:focus-visible) {\n        --slider-track-start-thumb: var(--color-icon-brand-press);\n      }\n    }\n\n    .vds-slider-range__content {\n      &:has(.vds-slider-end-input:focus-visible) {\n        --slider-track-end-thumb: var(--color-icon-brand-press);\n      }\n    }\n\n    &.vds-slider-range-continuous__container--display-limits .vds-slider-range__content {\n      &:has(.vds-slider-end-input:focus-visible) {\n        --slider-track-end-thumb: var(--color-icon-brand-press);\n      }\n    }\n\n    &.vds-slider-range__container--colors {\n      .vds-slider-range__content {\n        &:has(.vds-slider-input:active) {\n          --slider-track-fill: var(--color-icon-brand-press);\n          --slider-track-start-thumb: var(--color-icon-brand-press);\n          --slider-track-end-thumb: var(--color-icon-brand-press);\n        }\n        &:hover {\n          --slider-track-fill: var(--color-icon-brand-hover);\n          --slider-track-start-thumb: var(--color-icon-brand-hover);\n          --slider-track-end-thumb: var(--color-icon-brand-hover);\n        }\n      }\n    }\n    &.vds-slider-range__container--disabled,\n    &.vds-slider-range__container--disabled:hover,\n    &.vds-slider-range__container--disabled:active {\n      --slider-track-fill: var(--color-icon-disabled);\n      --slider-track-start-thumb: var(--color-icon-disabled);\n      --slider-track-end-thumb: var(--color-icon-disabled);\n      --slider-track: var(--color-background-disabled);\n      pointer-events: none;\n    }\n    .vds-slider-range__value-container  {\n      display: block;\n      position: relative;\n      .vds-slider-range__value-content {\n        position: absolute;\n        transform: translate(-50%, -29px);\n        z-index: var(--elevation-layer-2); \n      }\n      .vds-slider-range__value {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        width: fit-content;\n        position: relative;\n        cursor: text;\n      }\n      .vds__tooltip-container {\n        display: block;\n      }\n      .tooltip-arrow {\n        transform: translate(-50%, 21px);\n        position: absolute;\n        left: 50%;\n        fill: var(--surface-overlay-default);\n      }\n    }\n    .vds-slider-range__value-reference-container {\n      display: block;\n      .vds-slider-range__value-reference {\n        display: flex;\n        justify-content: space-between;\n        \n        span {\n          overflow: hidden;\n          color: var(--color-text-medium);\n          text-align: right;\n          font-feature-settings: 'liga' off, 'clig' off;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n      }\n    }\n  }\n  .vds__tooltip-container {\n    display: none;\n    position: absolute;\n    width: 5.31rem;\n    height: 2.25rem;\n    height:max-content;\n    width: max-content;\n    max-width: var(--tooltip-max-width) !important;\n    flex-direction: column;\n    align-items: center;\n    border-radius: var(--radius-medium);\n    background: var(--surface-overlay-default);\n    padding: var(--spacing-03);\n    z-index: var(--elevation-layer-2);\n    box-shadow: var(--elevation-shadow-2);\n  }\n  .vds__tooltip-container-text{\n    color: var(--color-text-white-high);\n    font-feature-settings: 'clig' off, 'liga' off;\n    @include font-style(body, medium);\n  }  \n  .vds__tooltip-arrow {\n    position: absolute;\n    width: 0.5rem;\n    height: 0.25rem;\n    z-index: var(--elevation-layer-2);\n  }\n}\n:host(.vds-slider-range--disabled) {\n  pointer-events: none;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element, State, Method } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { getPositionBasedOnValue, logWarnings, SliderRangeValueType } from '../../utils/slider.utils';\nimport { forceUpdate, HTMLStencilElement, Listen, Watch } from '@stencil/core/internal';\nimport { countDecimalPlaces } from '../../utils/number-utils';\n\n@Component({\n  tag: 'vds-basic-slider-range-continuous',\n  styleUrl: 'vds-basic-slider-range-continuous.scss',\n  shadow: true,\n})\nexport class VdsBasicSliderRangeContinuous {\n  /** Sets the start value of the slider.*/\n  @Prop() startValue: number;\n  /** Sets the start value of the slider.*/\n  @Prop() endValue: number;\n  /** Sets the size of the slider. */\n  @Prop() size: \"medium\" | \"large\" = \"medium\";\n  /** Sets the slider’s orientation. */\n  @Prop() orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n  /** Sets the slider on disabled state. */\n  @Prop() disabled: boolean = false;\n  /** Sets the min value of the slider (Min value should always be lower than the max value). */\n  @Prop() minValue: number = 0;\n  /** Sets the max value of the slider..*/\n  @Prop() maxValue: number = 100;\n  /** Sets the amount of advance of the slider. */\n  @Prop() step: number = 1;\n  /** Sets the aria label in slider */\n  @Prop() setAriaLabel: string;\n  /** Toggles the value over the thumb in the slider \n  * on - Always shows value over the thumb.\n  * off - Do not show the value over the thumb.\n  * auto - Shows value over the thumb when mouse hover.\n  */\n  @Prop() displayLabel: \"on\" | \"off\" | \"auto\" = \"on\";\n  /** Toggles the limit value (min and max) of the slider .*/\n  @Prop() displayLimits: boolean = true;\n  /** Sets colors of the slider.\n   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n   */\n  @Prop() colors: { [key: string]: string } | string;\n  /** Sets the thumb icon */\n  @Prop() icon: string = \"thumb\";\n\n  /**  Emits updated input value */\n  @Event() changeRangeValue: EventEmitter<{ startValue: number; endValue: number }>;\n\n  @Element() host: HTMLElement;\n\n  @State() displayLabelShowValue: boolean;\n\n  startInputRangeEl: HTMLInputElement;\n  endInputRangeEl: HTMLInputElement;\n  startShownValue: string;\n  endShownValue: string;\n  startThumbPosition: string;\n  endThumbPosition: string;\n  trackRangeFillContainerEl: HTMLDivElement;\n  trackContentContainerEl: HTMLDivElement;\n  displayLabelStartEventTriggerIn: \"mouseover\" | \"focus\";\n  displayLabelEndEventTriggerIn: \"mouseover\" | \"focus\";\n  hasFocus: boolean;\n\n  componentWillRender(): void {\n    logWarnings({start: this.startValue, end: this.endValue}, this.maxValue, this.minValue);\n    this.setDefaultValues();\n  }\n\n  componentDidRender(): void {\n    this.setOutboundValues();\n  }\n\n  componentDidLoad(): void {\n    this.setInputStartValue();\n    this.setInputEndValue();\n    forceUpdate(this);\n  }\n\n  /**\n   * Sets the slider startValue and endValue to the specified value.\n   *\n   * @param { startValue: number; endValue: number } values - The new values for the slider.\n   * @returns {Promise<void>} A promise that resolves when the value is set.\n   */\n  @Method()\n  setValues({startValue, endValue}: { startValue: number; endValue: number }): Promise<void> {\n    this.startValue = startValue;\n    this.endValue = endValue;\n    return Promise.resolve();\n  }\n\n  /**\n   * Gets the slider startValue and endValue.\n   *\n   * @returns {Promise<{ startValue: number; endValue: number }>} A promise that resolves the values.\n   */\n  @Method()\n  getValues(): Promise<{ startValue: number; endValue: number }> {\n    return Promise.resolve({startValue: this.startValue, endValue: this.endValue});\n  }\n\n  /**\n   * Clears the slider range values by setting it to the minimum and maximun value respectively.\n   *\n   * @returns {Promise<void>} A promise that resolves when the value is cleared.\n   */\n  @Method()\n  clear(): Promise<void> {\n    this.startValue = this.minValue;\n    this.endValue = this.maxValue;\n    return Promise.resolve();\n  }\n\n  /**\n   * Focus the slider range by focusing start slider.\n   *\n   * @returns {Promise<void>} A promise that resolves when the first slider is focused.\n   */\n  @Method()\n  setFocus(): Promise<void> {\n    this.startInputRangeEl.focus();\n    return Promise.resolve();\n  }\n\n  /**\n   * Sets slider startThumbPosition, startShownValue.\n   * Calculates the start thumb position based on the value.\n   * Emits changeRangeValue event\n   * \n   * @returns {void}\n   */\n  @Watch(\"startValue\")\n  setInputStartValue(): void {\n    const stringValue = this.startValue.toString();\n    this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);\n    this.startShownValue = stringValue;\n    this.changeRangeValue.emit({startValue: this.startValue, endValue: this.endValue});\n  }\n\n  /**\n   * Sets slider endThumbPosition, endShownValue.\n   * Calculates the end thumb position based on the value.\n   * Emits changeRangeValue event\n   * \n   * @returns {void}\n   */\n  @Watch(\"endValue\")\n  setInputEndValue(): void {\n    const stringValue = this.endValue.toString();\n    this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);\n    this.endShownValue = stringValue;\n    this.changeRangeValue.emit({startValue: this.startValue, endValue: this.endValue});\n  }\n\n  /**\n   * Updates the thumb position and forces a component update on window resize.\n   *\n   * @ListensTo(\"resize\", {target: \"window\"})\n   */\n  @Listen(\"resize\", {target: \"window\"})\n  updateThumbAndTrackPosition(): void {\n    this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);\n    this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);\n    forceUpdate(this);\n  }\n\n  /**\n   * Focus the first slider when displayLabel is set to auto.\n   *\n   * @ListensTo(\"focus\")\n   */\n  @Listen(\"focus\")\n  setFocusOnDisplayLabelAuto(): void {\n    if (this.displayLabel === \"auto\") {\n      this.setFocus();\n    }\n  }\n  \n  /**\n   * Sets the initial value of the slider to the minimum and maximum value when start and end value are not provided.\n   * When values are provided, shownValues get set.\n   *\n   * @private\n   */\n  private setDefaultValues(): void {\n    if (this.startValue === undefined || this.startValue === null) {\n      this.startValue = this.minValue;\n      this.startShownValue = this.minValue.toString();\n    } else {\n      this.startShownValue = this.startValue.toString();\n    }\n\n    if (this.endValue === undefined || this.endValue === null) {\n      this.endValue = this.maxValue;\n      this.endShownValue = this.maxValue.toString();\n    } else {\n      this.endShownValue = this.endValue.toString();\n    }\n  }\n\n  /**\n   * Sets the values of the slider to the minimum and maximum value when start and end value are out of bound.\n   *\n   * @private\n   */\n  private setOutboundValues(): void {\n    if (this.startValue < this.minValue) {\n      this.startValue = this.minValue;\n      this.startShownValue = this.minValue.toString();\n    }\n\n    if (this.endValue > this.maxValue) {\n      this.endValue = this.maxValue;\n      this.endShownValue = this.maxValue.toString();\n    }\n  }\n\n  /**\n   * Calculates the CSS left position of the slider thumb based on the current value.\n   *\n   * @private\n   * @params value - number\n   * @params inputRangeEl - HTMLInputElement\n   * @returns {string} The calculated left position of the slider thumb as a CSS pixel value.\n   */\n  private getValuePosition(value: number, inputRangeEl: HTMLInputElement): string {\n    return getPositionBasedOnValue(inputRangeEl, this.host, this.maxValue, this.minValue, value, this.size);\n  }\n\n  /**\n   * Sets the start/end value of the slider range to the specified in the event.\n   *\n   * @private\n   * @param {InputEvent} evt - The event emitted by the input.\n   * @param {SliderRangeValueType} rangeType - start | end slider.\n   * @returns {void}\n   */\n  private handleInputRangeChange(evt: InputEvent, rangeType: SliderRangeValueType): void {\n    const target = evt.target as HTMLInputElement; \n    const rawValue = Number(target.value);\n\n    if (rangeType === \"start\" && rawValue >= this.minValue) {\n      const value = Math.min(rawValue, this.endValue);\n      this.startValue = value;\n      this.startInputRangeEl.value = value.toString();\n    }\n\n    if (rangeType === \"end\"  && rawValue <= this.maxValue) {\n      const value = Math.max(rawValue, this.startValue);\n      this.endValue = value;\n      this.endInputRangeEl.value = value.toString();\n    }\n  }\n\n  /**\n   * Handles mouseover or focus events on the slider. \n   * Sets the `displayLabelShowValue` flag to `true` to indicate that the display label should show the value.\n   * \n   * @private\n   * @param {SliderRangeValueType} rangeType - The type of range (either \"start\" or \"end\").\n   * @param {\"mouseover\" | \"focus\"} eventTrigger - The type of event that triggered this function.\n   * @returns {void}\n   */\n  private handleInputMouseoverOrFocus(rangeType: SliderRangeValueType, eventTrigger: \"mouseover\" | \"focus\") {\n    this.displayLabelShowValue = true;\n\n    if (rangeType === \"start\") {\n      this.displayLabelStartEventTriggerIn = eventTrigger;\n      setTimeout(() => {\n        this.startInputRangeEl.focus();\n      });\n    }\n\n    if (rangeType === \"end\") {\n      this.displayLabelEndEventTriggerIn = eventTrigger;\n      this.endInputRangeEl.focus();\n    }\n  }\n\n  /**\n   * Handles mouseleave or blur events on the slider. \n   * Sets the `displayLabelShowValue` flag to `false` to hide the value in the display label.\n   * \n   * @private\n   * @param {SliderRangeValueType} rangeType - The type of range (either \"start\" or \"end\").\n   * @returns {void}\n   */\n  private handleInputMouseleaveOrBlur(rangeType: SliderRangeValueType): void {\n    this.displayLabelShowValue = false;\n\n    if (rangeType === \"start\") {\n      this.displayLabelStartEventTriggerIn = undefined;\n    }\n\n    if (rangeType === \"end\") {\n      this.displayLabelEndEventTriggerIn = undefined;\n    }\n  }\n\n  /**\n   * Handles click events on the slider track. \n   * Calculates the corresponding value based on the click position and updates the slider's start or end value accordingly.\n   * \n   * @private\n   * @param {MouseEvent} evt - The mouse event object.\n   * @returns {void}\n   */\n  private handleTrackClick(evt: MouseEvent) {\n\t\tif (!this.disabled) {\n\t\t\t// Calc the related value to the pixel that was clicked.\n\t\t\tlet valueFromPixel = (evt.offsetX * (this.maxValue - this.minValue)) / this.trackContentContainerEl.offsetWidth + this.minValue;\n      const decimalPlaces = countDecimalPlaces(this.step);\n\n      valueFromPixel = decimalPlaces === 0 ? Math.round(valueFromPixel) : parseFloat(valueFromPixel.toFixed(decimalPlaces));\n\n      const closestValue = [this.startValue, this.endValue].reduce((a, b) => {\n        return Math.abs(b - valueFromPixel) < Math.abs(a - valueFromPixel) ? b : a;\n      });\n\n      switch(true) {\n        case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel < closestValue:\n          this.startValue = valueFromPixel;\n          break;\n        case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel > closestValue:\n          this.endValue = valueFromPixel;\n          break;\n        case closestValue === this.startValue:\n          this.startValue = valueFromPixel;\n          break;\n        case closestValue === this.endValue:\n          this.endValue = valueFromPixel;\n          break;\n      }\n    }\n\t}\n\n  /**\n   * Determines whether the value should be displayed in the label based on the current displayLabel setting.\n   *\n   * @private\n   * @returns {boolean} - True if the value should be displayed, false otherwise.\n   */\n  private getShowValue(): boolean {\n    let response = false;\n\n    switch(this.displayLabel) {\n      case \"off\":\n        response = false;\n        break;\n      case \"auto\":\n        response = this.displayLabelShowValue;\n        break;\n      case \"on\":\n        response = true;\n        break;\n      default:\n        response = false;\n    }\n\n    return response;\n  }\n\n  /**\n   * Sets the custom colors for the slider 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   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\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[\"Track\"]) {\n      styles[\"--slider-track\"] = `var(--${colors[\"Track\"]})`;\n    }\n\n    if (colors && colors[\"TrackFill\"]) {\n      styles[\"--slider-track-fill\"] = `var(--${colors[\"TrackFill\"]})`;\n    }\n\n    if (colors && colors[\"Thumb\"]) {\n      styles[\"--slider-track-start-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n      styles[\"--slider-track-end-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n    }\n\n    if (colors && colors[\"Background\"]) {\n      styles[\"--slider-background\"] = `var(--${colors[\"Background\"]})`;\n    }\n\n    return styles;\n  }\n  \n  private renderShownValue(rangeType: SliderRangeValueType): HTMLStencilElement {\n    if (rangeType === \"start\") {\n      return (\n        <div class={\"vds-slider-range__value-container\"}>\n          <div class=\"vds-slider-range__value-content\" style={{left: this.startThumbPosition}}>\n            <div class=\"vds-slider-range__value\">\n              <div class={\"vds__tooltip-container\"}>\n                <span class={\"vds__tooltip-container-text\"}>{this.startShownValue}</span>\n              </div>\n              {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n            </div>\n          </div>\n        </div>\n      )\n    }\n\n    if (rangeType === \"end\") {\n      return (\n        <div class={\"vds-slider-range__value-container\"}>\n          <div class=\"vds-slider-range__value-content\" style={{left: this.endThumbPosition}}>\n            <div class=\"vds-slider-range__value\">\n              <div class={\"vds__tooltip-container\"}>\n                <span class={\"vds__tooltip-container-text\"}>{this.endShownValue}</span>\n              </div>\n              {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n            </div>\n          </div>\n        </div>\n      )\n    }\n  }\n\n  private renderValueReferences(): HTMLStencilElement {\n\t\treturn (\n\t\t\t<div class=\"vds-slider-range__value-reference-container\">\n\t\t\t\t<div\n\t\t\t\t\tclass={combineClasses(\n\t\t\t\t\t\t\"vds-slider-range__value-reference\"\n\t\t\t\t\t)}\n\t\t\t\t>\n          <span>{this.minValue}</span>\n          <span>{this.maxValue}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n  private renderSliders(): HTMLStencilElement {\n    return (\n      <div\n        class=\"vds-slider-range-input__content\"\n      >\n        <div\n          class={\"vds-slider-range\"}\n          onClick={(evt): void => this.handleTrackClick(evt)}\n          ref={(el) => {\n            if (el) {\n              this.trackContentContainerEl = el;\n            }\n          }}\n        >\n          <div class={\"vds-slider-range__track\"}></div>\n          <div\n            class={\"vds-slider-range__range\"}\n            style={{width: `calc(${this.endThumbPosition} - ${this.startThumbPosition})`, left: `${this.startThumbPosition}`}}\n            ref={(el) => {\n              this.trackRangeFillContainerEl = el;\n            }}\n          ></div>\n          <div\n            class={\"vds-slider-range__thumb vds-slider-range__thumb--start\"}\n            style={{left: `${this.startThumbPosition}`}}\n          >\n            <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb slider-start-thumb\"></vds-icon>\n          </div>\n          <div\n            class={\"vds-slider-range__thumb vds-slider-range__thumb--end\"}\n            style={{left: `${this.endThumbPosition}`}}\n          >\n            <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb slider-end-thumb\"></vds-icon>\n          </div>\n        </div>\n        <input\n          ref={(el): void => {\n            if (el) {\n              this.startInputRangeEl = el;\n            }\n          }}\n          class={combineClasses(\n            \"vds-slider-input\",\n            \"vds-slider-start-input\",\n            this.disabled ? \"vds-slider-input--disabled\" : \"\"\n          )}\n          type=\"range\"\n          step={this.step}\n          onInput={(evt): void => this.handleInputRangeChange(evt, \"start\")}\n          onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"start\", \"mouseover\")} : null}\n          onMouseLeave={this.displayLabel === \"auto\" && this.displayLabelStartEventTriggerIn === \"mouseover\" ? () => {this.handleInputMouseleaveOrBlur(\"start\")} : null}\n          onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"start\", \"focus\")} : null}\n          onBlur={this.displayLabel === \"auto\" && this.displayLabelStartEventTriggerIn === \"focus\" ? () => {this.handleInputMouseleaveOrBlur(\"start\")} : null}\n          min={this.minValue}\n          max={this.maxValue}\n          value={this.startValue}\n          disabled={this.disabled}\n        />\n        <input\n          ref={(el): void => {\n            if (el) {\n              this.endInputRangeEl = el;\n            }\n          }}\n          class={combineClasses(\n            \"vds-slider-input\",\n            \"vds-slider-end-input\",\n            this.disabled ? \"vds-slider-input--disabled\" : \"\"\n          )}\n          type=\"range\"\n          step={this.step}\n          onInput={(evt): void => this.handleInputRangeChange(evt, \"end\")}\n          onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"end\", \"mouseover\")} : null}\n          onMouseLeave={this.displayLabel === \"auto\" && this.displayLabelEndEventTriggerIn === \"mouseover\" ? () => {this.handleInputMouseleaveOrBlur(\"end\")} : null}\n          onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"end\", \"focus\")} : null}\n          onBlur={this.displayLabel === \"auto\" && this.displayLabelEndEventTriggerIn === \"focus\" ? () => {this.handleInputMouseleaveOrBlur(\"end\")} : null}\n          min={this.minValue}\n          max={this.maxValue}\n          value={this.endValue}\n          disabled={this.disabled}\n        />\n      </div>\n    );\n  }\n  \n  render() {\n    return (\n      <Host class={this.disabled ? \"vds-slider-range--disabled\" : \"\"}>\n        <div \n          class={combineClasses(\n            \"vds-slider-range__container\",\n            `vds-slider-range__container--${this.size}`,\n            `vds-slider-range__container--orientation-${this.orientation}`,\n            this.colors ? \"vds-slider-range__container--custom-colors\" : \"vds-slider-range__container--colors\",\n            this.disabled ? \"vds-slider-range__container--disabled\" : \"\",\n            this.displayLimits ? \"vds-slider-range__container--display-limits\" : \"\"\n          )}\n          style={this.setColors()}\n        >\n          <div\n            class={\"vds-slider-range__content\"}\n            aria-label={this.setAriaLabel}\n          >\n            {this.getShowValue() && this.renderShownValue(\"start\")}\n            {this.getShowValue() && this.renderShownValue(\"end\")}\n            {this.renderSliders()}\n          </div>\n          {this.displayLimits && this.renderValueReferences()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/vds-basic-slider-range-continuous.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-slider-range-continuous.entry.cjs.js","sources":["src/utils/number-utils.ts","src/components/slider-range-continuous/vds-basic-slider-range-continuous.scss?tag=vds-basic-slider-range-continuous&encapsulation=shadow","src/components/slider-range-continuous/vds-basic-slider-range-continuous.tsx"],"sourcesContent":["export const hasDecimals = (val: number): boolean => !Number.isInteger(val);\n\nexport const countDecimalPlaces = (val: number): number => {\n    if (!hasDecimals(val)) return 0;\n\n    const decimalPart = val.toString().split(\".\")[1];\n\n    return decimalPart ? decimalPart.length : 0;\n};","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  --slider-track: var(--color-icon-medium);\n  --slider-track-fill: var(--color-icon-brand-default);\n  --slider-track-start-thumb: var(--color-icon-brand-default);\n  --slider-track-end-thumb: var(--color-icon-brand-default);\n  --slider-background:  var(--slider-track);\n\n  .vds-slider-range__container {\n    padding: var(--spacing-03);\n\n    &.vds-slider-range__container--orientation-vertical {\n      transform: rotate(270deg);\n      .vds-slider-range__value,\n      .slider-thumb {\n        transform: rotate(90deg);\n      }\n      .vds__tooltip-container-text {\n        direction: rtl;\n        text-align: right;\n        width: auto;\n      }\n      .vds-slider-range__value-reference span {\n        display: inline-block;\n        transform: rotate(90deg);\n      }\n    }\n\n    &.vds-slider-range__container--medium {\n      .vds-slider-range,\n      .vds-slider-range__track,\n      .vds-slider-range__range,\n      .vds-slider-range-input__content,\n      .vds-slider-input {\n        height: 0.25rem;\n      }\n      .vds-slider-range__value-reference-container >  .vds-slider-range__value-reference > span {\n        @include font-style(body, medium);\n      }\n      .vds-slider-range__value-reference-container {\n        transform: translateY(3px);\n      }\n      .vds-slider-range__thumb {\n        transform: translate(-50%, -8px);\n      }\n      .vds-slider-input {\n        &::-webkit-slider-thumb {\n          width: 1.25rem;\n          height: 1.25rem;\n        }\n      }\n    }\n    &.vds-slider-range__container--large {\n      .vds-slider-range,\n      .vds-slider-range__track,\n      .vds-slider-range__range,\n      .vds-slider-range-input__content,\n      .vds-slider-input {\n        height: 0.375rem;\n      }\n      .vds-slider-range__value-reference-container >  .vds-slider-range__value-reference > span {\n        @include font-style(body, large);\n      }\n      .vds-slider-range__value-reference-container {\n        transform: translateY(1px);\n      }\n      .vds-slider-range__thumb {\n        transform: translate(-50%, -9px);\n      }\n      .vds-slider-input {\n        &::-webkit-slider-thumb {\n          width: 1.5rem;\n          height: 1.5rem;\n        }\n      }\n    }\n    .slider-start-thumb::part(svg-icon) {\n      color: var(--slider-track-start-thumb);\n      fill: var(--slider-track-start-thumb);\n    }\n    .slider-end-thumb::part(svg-icon) {\n      color: var(--slider-track-end-thumb);\n      fill: var(--slider-track-end-thumb);\n    }\n\n    .vds-slider-range__content {\n      position: relative;\n      padding: 0 var(--spacing-03);\n      .vds-slider-range-input__content {\n        position: relative;\n        padding: var(--spacing-03) 0;\n        cursor: pointer;\n        .vds-slider-range {\n          display: block;\n          position: absolute;\n          z-index: 2;\n          width: 100%;\n          align-items: center;\n          padding: var(--spacing-03) 0;\n          top: 0;\n    \n          .vds-slider-range__track {\n            position: absolute;\n            top: var(--spacing-03);\n            z-index: 2;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-radius: 5px;\n            background-color: var(--slider-track);\n          }\n    \n          .vds-slider-range__range {\n            position: absolute;\n            top: var(--spacing-03);\n            z-index: 3;\n            bottom: 0;\n            border-radius: 5px;\n            pointer-events: none;\n            background-color: var(--slider-track-fill);\n          }\n    \n          .vds-slider-range__thumb {\n            position: absolute;\n            top: var(--spacing-03);\n            z-index: 5;\n            border-radius: 50%;\n            pointer-events: none;\n          }\n        }\n        \n        .vds-slider-input {\n          position: absolute;\n          top: var(--spacing-03);\n          -webkit-appearance: none;\n          appearance: none;\n          pointer-events: none;\n          z-index: 3;\n          background: transparent;\n          width: 100%;\n          opacity: 0.8;\n          margin: 0;\n          animation: 0.3ms;\n\n          &:disabled {\n            pointer-events: none;\n            &::-webkit-slider-thumb {\n              pointer-events: none;\n            }\n          }\n\n          &:focus {\n            outline: none;\n          }\n      \n          &::-webkit-slider-runnable-track {\n            pointer-events: none;\n          }\n        \n          &::-webkit-slider-thumb {\n            pointer-events: auto;\n            box-sizing: border-box;\n            cursor: pointer;\n            border-radius: 50%;\n            -webkit-appearance: none;\n          }\n        }\n      }\n    }\n\n    .vds-slider-range__content {\n      &:has(.vds-slider-start-input:focus-visible) {\n        --slider-track-start-thumb: var(--color-icon-brand-press);\n      }\n    }\n\n    &.vds-slider-range-continuous__container--display-limits .vds-slider-range__content {\n      &:has(.vds-slider-start-input:focus-visible) {\n        --slider-track-start-thumb: var(--color-icon-brand-press);\n      }\n    }\n\n    .vds-slider-range__content {\n      &:has(.vds-slider-end-input:focus-visible) {\n        --slider-track-end-thumb: var(--color-icon-brand-press);\n      }\n    }\n\n    &.vds-slider-range-continuous__container--display-limits .vds-slider-range__content {\n      &:has(.vds-slider-end-input:focus-visible) {\n        --slider-track-end-thumb: var(--color-icon-brand-press);\n      }\n    }\n\n    &.vds-slider-range__container--colors {\n      .vds-slider-range__content {\n        &:has(.vds-slider-input:active) {\n          --slider-track-fill: var(--color-icon-brand-press);\n          --slider-track-start-thumb: var(--color-icon-brand-press);\n          --slider-track-end-thumb: var(--color-icon-brand-press);\n        }\n        &:hover {\n          --slider-track-fill: var(--color-icon-brand-hover);\n          --slider-track-start-thumb: var(--color-icon-brand-hover);\n          --slider-track-end-thumb: var(--color-icon-brand-hover);\n        }\n      }\n    }\n    &.vds-slider-range__container--disabled,\n    &.vds-slider-range__container--disabled:hover,\n    &.vds-slider-range__container--disabled:active {\n      --slider-track-fill: var(--color-icon-disabled);\n      --slider-track-start-thumb: var(--color-icon-disabled);\n      --slider-track-end-thumb: var(--color-icon-disabled);\n      --slider-track: var(--color-background-disabled);\n      pointer-events: none;\n    }\n    .vds-slider-range__value-container  {\n      display: block;\n      position: relative;\n      .vds-slider-range__value-content {\n        position: absolute;\n        transform: translate(-50%, -29px);\n        z-index: var(--elevation-layer-2); \n      }\n      .vds-slider-range__value {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        width: fit-content;\n        position: relative;\n        cursor: text;\n      }\n      .vds__tooltip-container {\n        display: block;\n      }\n      .tooltip-arrow {\n        transform: translate(-50%, 21px);\n        position: absolute;\n        left: 50%;\n        fill: var(--surface-overlay-default);\n      }\n    }\n    .vds-slider-range__value-reference-container {\n      display: block;\n      .vds-slider-range__value-reference {\n        display: flex;\n        justify-content: space-between;\n        \n        span {\n          overflow: hidden;\n          color: var(--color-text-medium);\n          text-align: right;\n          font-feature-settings: 'liga' off, 'clig' off;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n      }\n    }\n  }\n  .vds__tooltip-container {\n    display: none;\n    position: absolute;\n    width: 5.31rem;\n    height: 2.25rem;\n    height:max-content;\n    width: max-content;\n    max-width: var(--tooltip-max-width) !important;\n    flex-direction: column;\n    align-items: center;\n    border-radius: var(--radius-medium);\n    background: var(--surface-overlay-default);\n    padding: var(--spacing-03);\n    z-index: var(--elevation-layer-2);\n    box-shadow: var(--elevation-shadow-2);\n  }\n  .vds__tooltip-container-text{\n    color: var(--color-text-white-high);\n    font-feature-settings: 'clig' off, 'liga' off;\n    @include font-style(body, medium);\n  }  \n  .vds__tooltip-arrow {\n    position: absolute;\n    width: 0.5rem;\n    height: 0.25rem;\n    z-index: var(--elevation-layer-2);\n  }\n}\n:host(.vds-slider-range--disabled) {\n  pointer-events: none;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element, State, Method } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { getPositionBasedOnValue, logWarnings, SliderRangeValueType } from '../../utils/slider.utils';\nimport { forceUpdate, HTMLStencilElement, Listen, Watch } from '@stencil/core/internal';\nimport { countDecimalPlaces } from '../../utils/number-utils';\n\n@Component({\n  tag: 'vds-basic-slider-range-continuous',\n  styleUrl: 'vds-basic-slider-range-continuous.scss',\n  shadow: true,\n})\nexport class VdsBasicSliderRangeContinuous {\n  /** Sets the start value of the slider.*/\n  @Prop() startValue: number;\n  /** Sets the start value of the slider.*/\n  @Prop() endValue: number;\n  /** Sets the size of the slider. */\n  @Prop() size: \"medium\" | \"large\" = \"medium\";\n  /** Sets the slider’s orientation. */\n  @Prop() orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n  /** Sets the slider on disabled state. */\n  @Prop() disabled: boolean = false;\n  /** Sets the min value of the slider (Min value should always be lower than the max value). */\n  @Prop() minValue: number = 0;\n  /** Sets the max value of the slider..*/\n  @Prop() maxValue: number = 100;\n  /** Sets the amount of advance of the slider. */\n  @Prop() step: number = 1;\n  /** Sets the aria label in slider */\n  @Prop() setAriaLabel: string;\n  /** Toggles the value over the thumb in the slider \n  * on - Always shows value over the thumb.\n  * off - Do not show the value over the thumb.\n  * auto - Shows value over the thumb when mouse hover.\n  */\n  @Prop() displayLabel: \"on\" | \"off\" | \"auto\" = \"on\";\n  /** Toggles the limit value (min and max) of the slider .*/\n  @Prop() displayLimits: boolean = true;\n  /** Sets colors of the slider.\n   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n   */\n  @Prop() colors: { [key: string]: string } | string;\n  /** Sets the thumb icon */\n  @Prop() icon: string = \"thumb\";\n\n  /**  Emits updated input value */\n  @Event() changeRangeValue: EventEmitter<{ startValue: number; endValue: number }>;\n\n  @Element() host: HTMLElement;\n\n  @State() displayLabelShowValue: boolean;\n\n  startInputRangeEl: HTMLInputElement;\n  endInputRangeEl: HTMLInputElement;\n  startShownValue: string;\n  endShownValue: string;\n  startThumbPosition: string;\n  endThumbPosition: string;\n  trackRangeFillContainerEl: HTMLDivElement;\n  trackContentContainerEl: HTMLDivElement;\n  displayLabelStartEventTriggerIn: \"mouseover\" | \"focus\";\n  displayLabelEndEventTriggerIn: \"mouseover\" | \"focus\";\n  hasFocus: boolean;\n\n  componentWillRender(): void {\n    logWarnings({start: this.startValue, end: this.endValue}, this.maxValue, this.minValue);\n    this.setDefaultValues();\n  }\n\n  componentDidRender(): void {\n    this.setOutboundValues();\n  }\n\n  componentDidLoad(): void {\n    this.setInputStartValue();\n    this.setInputEndValue();\n    forceUpdate(this);\n  }\n\n  /**\n   * Sets the slider startValue and endValue to the specified value.\n   *\n   * @param { startValue: number; endValue: number } values - The new values for the slider.\n   * @returns {Promise<void>} A promise that resolves when the value is set.\n   */\n  @Method()\n  setValues({startValue, endValue}: { startValue: number; endValue: number }): Promise<void> {\n    this.startValue = startValue;\n    this.endValue = endValue;\n    return Promise.resolve();\n  }\n\n  /**\n   * Gets the slider startValue and endValue.\n   *\n   * @returns {Promise<{ startValue: number; endValue: number }>} A promise that resolves the values.\n   */\n  @Method()\n  getValues(): Promise<{ startValue: number; endValue: number }> {\n    return Promise.resolve({startValue: this.startValue, endValue: this.endValue});\n  }\n\n  /**\n   * Clears the slider range values by setting it to the minimum and maximun value respectively.\n   *\n   * @returns {Promise<void>} A promise that resolves when the value is cleared.\n   */\n  @Method()\n  clear(): Promise<void> {\n    this.startValue = this.minValue;\n    this.endValue = this.maxValue;\n    return Promise.resolve();\n  }\n\n  /**\n   * Focus the slider range by focusing start slider.\n   *\n   * @returns {Promise<void>} A promise that resolves when the first slider is focused.\n   */\n  @Method()\n  setFocus(): Promise<void> {\n    this.startInputRangeEl.focus();\n    return Promise.resolve();\n  }\n\n  /**\n   * Sets slider startThumbPosition, startShownValue.\n   * Calculates the start thumb position based on the value.\n   * Emits changeRangeValue event\n   * \n   * @returns {void}\n   */\n  @Watch(\"startValue\")\n  setInputStartValue(): void {\n    const stringValue = this.startValue.toString();\n    this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);\n    this.startShownValue = stringValue;\n    this.changeRangeValue.emit({startValue: this.startValue, endValue: this.endValue});\n  }\n\n  /**\n   * Sets slider endThumbPosition, endShownValue.\n   * Calculates the end thumb position based on the value.\n   * Emits changeRangeValue event\n   * \n   * @returns {void}\n   */\n  @Watch(\"endValue\")\n  setInputEndValue(): void {\n    const stringValue = this.endValue.toString();\n    this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);\n    this.endShownValue = stringValue;\n    this.changeRangeValue.emit({startValue: this.startValue, endValue: this.endValue});\n  }\n\n  /**\n   * Updates the thumb position and forces a component update on window resize.\n   *\n   * @ListensTo(\"resize\", {target: \"window\"})\n   */\n  @Listen(\"resize\", {target: \"window\"})\n  updateThumbAndTrackPosition(): void {\n    this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);\n    this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);\n    forceUpdate(this);\n  }\n\n  /**\n   * Focus the first slider when displayLabel is set to auto.\n   *\n   * @ListensTo(\"focus\")\n   */\n  @Listen(\"focus\")\n  setFocusOnDisplayLabelAuto(): void {\n    if (this.displayLabel === \"auto\") {\n      this.setFocus();\n    }\n  }\n  \n  /**\n   * Sets the initial value of the slider to the minimum and maximum value when start and end value are not provided.\n   * When values are provided, shownValues get set.\n   *\n   * @private\n   */\n  private setDefaultValues(): void {\n    if (this.startValue === undefined || this.startValue === null) {\n      this.startValue = this.minValue;\n      this.startShownValue = this.minValue.toString();\n    } else {\n      this.startShownValue = this.startValue.toString();\n    }\n\n    if (this.endValue === undefined || this.endValue === null) {\n      this.endValue = this.maxValue;\n      this.endShownValue = this.maxValue.toString();\n    } else {\n      this.endShownValue = this.endValue.toString();\n    }\n  }\n\n  /**\n   * Sets the values of the slider to the minimum and maximum value when start and end value are out of bound.\n   *\n   * @private\n   */\n  private setOutboundValues(): void {\n    if (this.startValue < this.minValue) {\n      this.startValue = this.minValue;\n      this.startShownValue = this.minValue.toString();\n    }\n\n    if (this.endValue > this.maxValue) {\n      this.endValue = this.maxValue;\n      this.endShownValue = this.maxValue.toString();\n    }\n  }\n\n  /**\n   * Calculates the CSS left position of the slider thumb based on the current value.\n   *\n   * @private\n   * @params value - number\n   * @params inputRangeEl - HTMLInputElement\n   * @returns {string} The calculated left position of the slider thumb as a CSS pixel value.\n   */\n  private getValuePosition(value: number, inputRangeEl: HTMLInputElement): string {\n    return getPositionBasedOnValue(inputRangeEl, this.host, this.maxValue, this.minValue, value, this.size);\n  }\n\n  /**\n   * Sets the start/end value of the slider range to the specified in the event.\n   *\n   * @private\n   * @param {InputEvent} evt - The event emitted by the input.\n   * @param {SliderRangeValueType} rangeType - start | end slider.\n   * @returns {void}\n   */\n  private handleInputRangeChange(evt: InputEvent, rangeType: SliderRangeValueType): void {\n    const target = evt.target as HTMLInputElement; \n    const rawValue = Number(target.value);\n\n    if (rangeType === \"start\" && rawValue >= this.minValue) {\n      const value = Math.min(rawValue, this.endValue);\n      this.startValue = value;\n      this.startInputRangeEl.value = value.toString();\n    }\n\n    if (rangeType === \"end\"  && rawValue <= this.maxValue) {\n      const value = Math.max(rawValue, this.startValue);\n      this.endValue = value;\n      this.endInputRangeEl.value = value.toString();\n    }\n  }\n\n  /**\n   * Handles mouseover or focus events on the slider. \n   * Sets the `displayLabelShowValue` flag to `true` to indicate that the display label should show the value.\n   * \n   * @private\n   * @param {SliderRangeValueType} rangeType - The type of range (either \"start\" or \"end\").\n   * @param {\"mouseover\" | \"focus\"} eventTrigger - The type of event that triggered this function.\n   * @returns {void}\n   */\n  private handleInputMouseoverOrFocus(rangeType: SliderRangeValueType, eventTrigger: \"mouseover\" | \"focus\") {\n    this.displayLabelShowValue = true;\n\n    if (rangeType === \"start\") {\n      this.displayLabelStartEventTriggerIn = eventTrigger;\n      setTimeout(() => {\n        this.startInputRangeEl.focus();\n      });\n    }\n\n    if (rangeType === \"end\") {\n      this.displayLabelEndEventTriggerIn = eventTrigger;\n      this.endInputRangeEl.focus();\n    }\n  }\n\n  /**\n   * Handles mouseleave or blur events on the slider. \n   * Sets the `displayLabelShowValue` flag to `false` to hide the value in the display label.\n   * \n   * @private\n   * @param {SliderRangeValueType} rangeType - The type of range (either \"start\" or \"end\").\n   * @returns {void}\n   */\n  private handleInputMouseleaveOrBlur(rangeType: SliderRangeValueType): void {\n    this.displayLabelShowValue = false;\n\n    if (rangeType === \"start\") {\n      this.displayLabelStartEventTriggerIn = undefined;\n    }\n\n    if (rangeType === \"end\") {\n      this.displayLabelEndEventTriggerIn = undefined;\n    }\n  }\n\n  /**\n   * Handles click events on the slider track. \n   * Calculates the corresponding value based on the click position and updates the slider's start or end value accordingly.\n   * \n   * @private\n   * @param {MouseEvent} evt - The mouse event object.\n   * @returns {void}\n   */\n  private handleTrackClick(evt: MouseEvent) {\n\t\tif (!this.disabled) {\n\t\t\t// Calc the related value to the pixel that was clicked.\n\t\t\tlet valueFromPixel = (evt.offsetX * (this.maxValue - this.minValue)) / this.trackContentContainerEl.offsetWidth + this.minValue;\n      const decimalPlaces = countDecimalPlaces(this.step);\n\n      valueFromPixel = decimalPlaces === 0 ? Math.round(valueFromPixel) : parseFloat(valueFromPixel.toFixed(decimalPlaces));\n\n      const closestValue = [this.startValue, this.endValue].reduce((a, b) => {\n        return Math.abs(b - valueFromPixel) < Math.abs(a - valueFromPixel) ? b : a;\n      });\n\n      switch(true) {\n        case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel < closestValue:\n          this.startValue = valueFromPixel;\n          break;\n        case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel > closestValue:\n          this.endValue = valueFromPixel;\n          break;\n        case closestValue === this.startValue:\n          this.startValue = valueFromPixel;\n          break;\n        case closestValue === this.endValue:\n          this.endValue = valueFromPixel;\n          break;\n      }\n    }\n\t}\n\n  /**\n   * Determines whether the value should be displayed in the label based on the current displayLabel setting.\n   *\n   * @private\n   * @returns {boolean} - True if the value should be displayed, false otherwise.\n   */\n  private getShowValue(): boolean {\n    let response = false;\n\n    switch(this.displayLabel) {\n      case \"off\":\n        response = false;\n        break;\n      case \"auto\":\n        response = this.displayLabelShowValue;\n        break;\n      case \"on\":\n        response = true;\n        break;\n      default:\n        response = false;\n    }\n\n    return response;\n  }\n\n  /**\n   * Sets the custom colors for the slider 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   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\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[\"Track\"]) {\n      styles[\"--slider-track\"] = `var(--${colors[\"Track\"]})`;\n    }\n\n    if (colors && colors[\"TrackFill\"]) {\n      styles[\"--slider-track-fill\"] = `var(--${colors[\"TrackFill\"]})`;\n    }\n\n    if (colors && colors[\"Thumb\"]) {\n      styles[\"--slider-track-start-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n      styles[\"--slider-track-end-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n    }\n\n    if (colors && colors[\"Background\"]) {\n      styles[\"--slider-background\"] = `var(--${colors[\"Background\"]})`;\n    }\n\n    return styles;\n  }\n  \n  private renderShownValue(rangeType: SliderRangeValueType): HTMLStencilElement {\n    if (rangeType === \"start\") {\n      return (\n        <div class={\"vds-slider-range__value-container\"}>\n          <div class=\"vds-slider-range__value-content\" style={{left: this.startThumbPosition}}>\n            <div class=\"vds-slider-range__value\">\n              <div class={\"vds__tooltip-container\"}>\n                <span class={\"vds__tooltip-container-text\"}>{this.startShownValue}</span>\n              </div>\n              {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n            </div>\n          </div>\n        </div>\n      )\n    }\n\n    if (rangeType === \"end\") {\n      return (\n        <div class={\"vds-slider-range__value-container\"}>\n          <div class=\"vds-slider-range__value-content\" style={{left: this.endThumbPosition}}>\n            <div class=\"vds-slider-range__value\">\n              <div class={\"vds__tooltip-container\"}>\n                <span class={\"vds__tooltip-container-text\"}>{this.endShownValue}</span>\n              </div>\n              {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n            </div>\n          </div>\n        </div>\n      )\n    }\n  }\n\n  private renderValueReferences(): HTMLStencilElement {\n\t\treturn (\n\t\t\t<div class=\"vds-slider-range__value-reference-container\">\n\t\t\t\t<div\n\t\t\t\t\tclass={combineClasses(\n\t\t\t\t\t\t\"vds-slider-range__value-reference\"\n\t\t\t\t\t)}\n\t\t\t\t>\n          <span>{this.minValue}</span>\n          <span>{this.maxValue}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n  private renderSliders(): HTMLStencilElement {\n    return (\n      <div\n        class=\"vds-slider-range-input__content\"\n      >\n        <div\n          class={\"vds-slider-range\"}\n          onClick={(evt): void => this.handleTrackClick(evt)}\n          ref={(el) => {\n            if (el) {\n              this.trackContentContainerEl = el;\n            }\n          }}\n        >\n          <div class={\"vds-slider-range__track\"}></div>\n          <div\n            class={\"vds-slider-range__range\"}\n            style={{width: `calc(${this.endThumbPosition} - ${this.startThumbPosition})`, left: `${this.startThumbPosition}`}}\n            ref={(el) => {\n              this.trackRangeFillContainerEl = el;\n            }}\n          ></div>\n          <div\n            class={\"vds-slider-range__thumb vds-slider-range__thumb--start\"}\n            style={{left: `${this.startThumbPosition}`}}\n          >\n            <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb slider-start-thumb\"></vds-icon>\n          </div>\n          <div\n            class={\"vds-slider-range__thumb vds-slider-range__thumb--end\"}\n            style={{left: `${this.endThumbPosition}`}}\n          >\n            <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb slider-end-thumb\"></vds-icon>\n          </div>\n        </div>\n        <input\n          ref={(el): void => {\n            if (el) {\n              this.startInputRangeEl = el;\n            }\n          }}\n          class={combineClasses(\n            \"vds-slider-input\",\n            \"vds-slider-start-input\",\n            this.disabled ? \"vds-slider-input--disabled\" : \"\"\n          )}\n          type=\"range\"\n          step={this.step}\n          onInput={(evt): void => this.handleInputRangeChange(evt, \"start\")}\n          onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"start\", \"mouseover\")} : null}\n          onMouseLeave={this.displayLabel === \"auto\" && this.displayLabelStartEventTriggerIn === \"mouseover\" ? () => {this.handleInputMouseleaveOrBlur(\"start\")} : null}\n          onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"start\", \"focus\")} : null}\n          onBlur={this.displayLabel === \"auto\" && this.displayLabelStartEventTriggerIn === \"focus\" ? () => {this.handleInputMouseleaveOrBlur(\"start\")} : null}\n          min={this.minValue}\n          max={this.maxValue}\n          value={this.startValue}\n          disabled={this.disabled}\n        />\n        <input\n          ref={(el): void => {\n            if (el) {\n              this.endInputRangeEl = el;\n            }\n          }}\n          class={combineClasses(\n            \"vds-slider-input\",\n            \"vds-slider-end-input\",\n            this.disabled ? \"vds-slider-input--disabled\" : \"\"\n          )}\n          type=\"range\"\n          step={this.step}\n          onInput={(evt): void => this.handleInputRangeChange(evt, \"end\")}\n          onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"end\", \"mouseover\")} : null}\n          onMouseLeave={this.displayLabel === \"auto\" && this.displayLabelEndEventTriggerIn === \"mouseover\" ? () => {this.handleInputMouseleaveOrBlur(\"end\")} : null}\n          onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"end\", \"focus\")} : null}\n          onBlur={this.displayLabel === \"auto\" && this.displayLabelEndEventTriggerIn === \"focus\" ? () => {this.handleInputMouseleaveOrBlur(\"end\")} : null}\n          min={this.minValue}\n          max={this.maxValue}\n          value={this.endValue}\n          disabled={this.disabled}\n        />\n      </div>\n    );\n  }\n  \n  render() {\n    return (\n      <Host class={this.disabled ? \"vds-slider-range--disabled\" : \"\"}>\n        <div \n          class={combineClasses(\n            \"vds-slider-range__container\",\n            `vds-slider-range__container--${this.size}`,\n            `vds-slider-range__container--orientation-${this.orientation}`,\n            this.colors ? \"vds-slider-range__container--custom-colors\" : \"vds-slider-range__container--colors\",\n            this.disabled ? \"vds-slider-range__container--disabled\" : \"\",\n            this.displayLimits ? \"vds-slider-range__container--display-limits\" : \"\"\n          )}\n          style={this.setColors()}\n        >\n          <div\n            class={\"vds-slider-range__content\"}\n            aria-label={this.setAriaLabel}\n          >\n            {this.getShowValue() && this.renderShownValue(\"start\")}\n            {this.getShowValue() && this.renderShownValue(\"end\")}\n            {this.renderSliders()}\n          </div>\n          {this.displayLimits && this.renderValueReferences()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["logWarnings","forceUpdate","getPositionBasedOnValue","h","combineClasses","Host"],"mappings":";;;;;;AAAO,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;AAEpE,MAAM,kBAAkB,GAAG,CAAC,GAAW,KAAY;AACtD,IAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,CAAC;AAE/B,IAAA,MAAM,WAAW,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAEhD,OAAO,WAAW,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;AAC/C,CAAC;;ACRD,MAAM,gCAAgC,GAAG,w0wCAAw0wC;;MCWp2wC,6BAA6B,GAAA,MAAA;AAL1C,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAWU,QAAA,IAAI,CAAA,IAAA,GAAuB,QAAQ;;AAEnC,QAAA,IAAW,CAAA,WAAA,GAA8B,YAAY;;AAErD,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAEzB,QAAA,IAAQ,CAAA,QAAA,GAAW,CAAC;;AAEpB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;;AAEtB,QAAA,IAAI,CAAA,IAAA,GAAW,CAAC;AAGxB;;;;AAIE;AACM,QAAA,IAAY,CAAA,YAAA,GAA0B,IAAI;;AAE1C,QAAA,IAAa,CAAA,aAAA,GAAY,IAAI;;AAS7B,QAAA,IAAI,CAAA,IAAA,GAAW,OAAO;AAmgB/B;IA9eC,mBAAmB,GAAA;QACjBA,wBAAW,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;QACvF,IAAI,CAAC,gBAAgB,EAAE;;IAGzB,kBAAkB,GAAA;QAChB,IAAI,CAAC,iBAAiB,EAAE;;IAG1B,gBAAgB,GAAA;QACd,IAAI,CAAC,kBAAkB,EAAE;QACzB,IAAI,CAAC,gBAAgB,EAAE;QACvBC,iBAAW,CAAC,IAAI,CAAC;;AAGnB;;;;;AAKG;AAEH,IAAA,SAAS,CAAC,EAAC,UAAU,EAAE,QAAQ,EAA2C,EAAA;AACxE,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU;AAC5B,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;AAG1B;;;;AAIG;IAEH,SAAS,GAAA;AACP,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC;;AAGhF;;;;AAIG;IAEH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ;AAC/B,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC7B,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;AAG1B;;;;AAIG;IAEH,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;AAC9B,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;AAG1B;;;;;;AAMG;IAEH,kBAAkB,GAAA;QAChB,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;AAC9C,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAAC;AACxF,QAAA,IAAI,CAAC,eAAe,GAAG,WAAW;AAClC,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC;;AAGpF;;;;;;AAMG;IAEH,gBAAgB,GAAA;QACd,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;AAC5C,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC;AAClF,QAAA,IAAI,CAAC,aAAa,GAAG,WAAW;AAChC,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC;;AAGpF;;;;AAIG;IAEH,2BAA2B,GAAA;AACzB,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAAC;AACxF,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC;QAClFA,iBAAW,CAAC,IAAI,CAAC;;AAGnB;;;;AAIG;IAEH,0BAA0B,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,MAAM,EAAE;YAChC,IAAI,CAAC,QAAQ,EAAE;;;AAInB;;;;;AAKG;IACK,gBAAgB,GAAA;AACtB,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AAC7D,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ;YAC/B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;aAC1C;YACL,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;;AAGnD,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;AACzD,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;YAC7B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;aACxC;YACL,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;;AAIjD;;;;AAIG;IACK,iBAAiB,GAAA;QACvB,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE;AACnC,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ;YAC/B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;QAGjD,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AACjC,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;YAC7B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;;AAIjD;;;;;;;AAOG;IACK,gBAAgB,CAAC,KAAa,EAAE,YAA8B,EAAA;QACpE,OAAOC,oCAAuB,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;;AAGzG;;;;;;;AAOG;IACK,sBAAsB,CAAC,GAAe,EAAE,SAA+B,EAAA;AAC7E,QAAA,MAAM,MAAM,GAAG,GAAG,CAAC,MAA0B;QAC7C,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;QAErC,IAAI,SAAS,KAAK,OAAO,IAAI,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;AACtD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;AAC/C,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;YACvB,IAAI,CAAC,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE;;QAGjD,IAAI,SAAS,KAAK,KAAK,IAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;AACrD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC;AACjD,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;YACrB,IAAI,CAAC,eAAe,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE;;;AAIjD;;;;;;;;AAQG;IACK,2BAA2B,CAAC,SAA+B,EAAE,YAAmC,EAAA;AACtG,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;AAEjC,QAAA,IAAI,SAAS,KAAK,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,+BAA+B,GAAG,YAAY;YACnD,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;AAChC,aAAC,CAAC;;AAGJ,QAAA,IAAI,SAAS,KAAK,KAAK,EAAE;AACvB,YAAA,IAAI,CAAC,6BAA6B,GAAG,YAAY;AACjD,YAAA,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE;;;AAIhC;;;;;;;AAOG;AACK,IAAA,2BAA2B,CAAC,SAA+B,EAAA;AACjE,QAAA,IAAI,CAAC,qBAAqB,GAAG,KAAK;AAElC,QAAA,IAAI,SAAS,KAAK,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,+BAA+B,GAAG,SAAS;;AAGlD,QAAA,IAAI,SAAS,KAAK,KAAK,EAAE;AACvB,YAAA,IAAI,CAAC,6BAA6B,GAAG,SAAS;;;AAIlD;;;;;;;AAOG;AACK,IAAA,gBAAgB,CAAC,GAAe,EAAA;AACxC,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;;YAEnB,IAAI,cAAc,GAAG,CAAC,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,uBAAuB,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ;YAC5H,MAAM,aAAa,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;YAEnD,cAAc,GAAG,aAAa,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAErH,YAAA,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;gBACpE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;AAC5E,aAAC,CAAC;YAEF,QAAO,IAAI;AACT,gBAAA,KAAK,YAAY,KAAK,IAAI,CAAC,UAAU,IAAI,YAAY,KAAK,IAAI,CAAC,QAAQ,IAAI,cAAc,GAAG,YAAY;AACtG,oBAAA,IAAI,CAAC,UAAU,GAAG,cAAc;oBAChC;AACF,gBAAA,KAAK,YAAY,KAAK,IAAI,CAAC,UAAU,IAAI,YAAY,KAAK,IAAI,CAAC,QAAQ,IAAI,cAAc,GAAG,YAAY;AACtG,oBAAA,IAAI,CAAC,QAAQ,GAAG,cAAc;oBAC9B;AACF,gBAAA,KAAK,YAAY,KAAK,IAAI,CAAC,UAAU;AACnC,oBAAA,IAAI,CAAC,UAAU,GAAG,cAAc;oBAChC;AACF,gBAAA,KAAK,YAAY,KAAK,IAAI,CAAC,QAAQ;AACjC,oBAAA,IAAI,CAAC,QAAQ,GAAG,cAAc;oBAC9B;;;;AAKR;;;;;AAKG;IACK,YAAY,GAAA;QAClB,IAAI,QAAQ,GAAG,KAAK;AAEpB,QAAA,QAAO,IAAI,CAAC,YAAY;AACtB,YAAA,KAAK,KAAK;gBACR,QAAQ,GAAG,KAAK;gBAChB;AACF,YAAA,KAAK,MAAM;AACT,gBAAA,QAAQ,GAAG,IAAI,CAAC,qBAAqB;gBACrC;AACF,YAAA,KAAK,IAAI;gBACP,QAAQ,GAAG,IAAI;gBACf;AACF,YAAA;gBACE,QAAQ,GAAG,KAAK;;AAGpB,QAAA,OAAO,QAAQ;;AAGjB;;;;;;;;;;;AAWG;IACK,SAAS,GAAA;QACf,MAAM,MAAM,GAAG,EAAE;QACjB,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM;AAEtF,QAAA,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE;YAC7B,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAA,MAAA,EAAS,MAAM,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG;;AAGxD,QAAA,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,CAAC,EAAE;YACjC,MAAM,CAAC,qBAAqB,CAAC,GAAG,CAAA,MAAA,EAAS,MAAM,CAAC,WAAW,CAAC,CAAA,CAAA,CAAG;;AAGjE,QAAA,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE;YAC7B,MAAM,CAAC,4BAA4B,CAAC,GAAG,CAAA,MAAA,EAAS,MAAM,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG;YAClE,MAAM,CAAC,0BAA0B,CAAC,GAAG,CAAA,MAAA,EAAS,MAAM,CAAC,OAAO,CAAC,CAAA,CAAA,CAAG;;AAGlE,QAAA,IAAI,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,EAAE;YAClC,MAAM,CAAC,qBAAqB,CAAC,GAAG,CAAA,MAAA,EAAS,MAAM,CAAC,YAAY,CAAC,CAAA,CAAA,CAAG;;AAGlE,QAAA,OAAO,MAAM;;AAGP,IAAA,gBAAgB,CAAC,SAA+B,EAAA;AACtD,QAAA,IAAI,SAAS,KAAK,OAAO,EAAE;AACzB,YAAA,QACEC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,mCAAmC,EAAA,EAC7CA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iCAAiC,EAAC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAC,EAAA,EACjFA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClCA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,wBAAwB,EAAA,EAClCA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,IAAI,CAAC,eAAe,CAAQ,CACrE,EACL,IAAI,CAAC,WAAW,KAAK,UAAU,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,mBAAmB,EAAA,CAAa,CACzG,CACF,CACF;;AAIV,QAAA,IAAI,SAAS,KAAK,KAAK,EAAE;AACvB,YAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,mCAAmC,EAAA,EAC7CA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iCAAiC,EAAC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAC,EAAA,EAC/EA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClCA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,wBAAwB,EAAA,EAClCA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,IAAI,CAAC,aAAa,CAAQ,CACnE,EACL,IAAI,CAAC,WAAW,KAAK,UAAU,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,mBAAmB,EAAA,CAAa,CACzG,CACF,CACF;;;IAKJ,qBAAqB,GAAA;QAC7B,QACCA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,6CAA6C,EAAA,EACvDA,OAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAEC,6BAAc,CACpB,mCAAmC,CACnC,EAAA,EAEID,OAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAC,QAAQ,CAAQ,EAC5BA,OAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,QAAQ,CAAQ,CAC5B,CACD;;IAIC,aAAa,GAAA;AACnB,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,iCAAiC,EAAA,EAEvCA,OACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,CAAC,GAAG,KAAW,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAClD,GAAG,EAAE,CAAC,EAAE,KAAI;gBACV,IAAI,EAAE,EAAE;AACN,oBAAA,IAAI,CAAC,uBAAuB,GAAG,EAAE;;aAEpC,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,yBAAyB,EAAQ,CAAA,EAC7CA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,yBAAyB,EAChC,KAAK,EAAE,EAAC,KAAK,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,gBAAgB,CAAA,GAAA,EAAM,IAAI,CAAC,kBAAkB,CAAG,CAAA,CAAA,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAA,CAAE,EAAC,EACjH,GAAG,EAAE,CAAC,EAAE,KAAI;AACV,gBAAA,IAAI,CAAC,yBAAyB,GAAG,EAAE;AACrC,aAAC,EACI,CAAA,EACPA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,wDAAwD,EAC/D,KAAK,EAAE,EAAC,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,CAAE,EAAC,EAAA,EAE3CA,OAAU,CAAA,UAAA,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAC,iCAAiC,EAAA,CAAY,CAClI,EACNA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,sDAAsD,EAC7D,KAAK,EAAE,EAAC,IAAI,EAAE,CAAG,EAAA,IAAI,CAAC,gBAAgB,CAAE,CAAA,EAAC,EAAA,EAEzCA,OAAU,CAAA,UAAA,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAC,+BAA+B,EAAY,CAAA,CAChI,CACF,EACNA,OAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,CAAC,EAAE,KAAU;gBAChB,IAAI,EAAE,EAAE;AACN,oBAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE;;aAE9B,EACD,KAAK,EAAEC,6BAAc,CACnB,kBAAkB,EAClB,wBAAwB,EACxB,IAAI,CAAC,QAAQ,GAAG,4BAA4B,GAAG,EAAE,CAClD,EACD,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,GAAG,KAAW,IAAI,CAAC,sBAAsB,CAAC,GAAG,EAAE,OAAO,CAAC,EACjE,WAAW,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,GAAG,MAAO,EAAA,IAAI,CAAC,2BAA2B,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA,EAAC,GAAG,IAAI,EACjH,YAAY,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,+BAA+B,KAAK,WAAW,GAAG,MAAO,EAAA,IAAI,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAA,EAAC,GAAG,IAAI,EAC7J,OAAO,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,GAAG,MAAK,EAAE,IAAI,CAAC,2BAA2B,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA,EAAC,GAAG,IAAI,EACzG,MAAM,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,+BAA+B,KAAK,OAAO,GAAG,QAAO,IAAI,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAA,EAAC,GAAG,IAAI,EACnJ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,EACFD,OAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,CAAC,EAAE,KAAU;gBAChB,IAAI,EAAE,EAAE;AACN,oBAAA,IAAI,CAAC,eAAe,GAAG,EAAE;;aAE5B,EACD,KAAK,EAAEC,6BAAc,CACnB,kBAAkB,EAClB,sBAAsB,EACtB,IAAI,CAAC,QAAQ,GAAG,4BAA4B,GAAG,EAAE,CAClD,EACD,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,GAAG,KAAW,IAAI,CAAC,sBAAsB,CAAC,GAAG,EAAE,KAAK,CAAC,EAC/D,WAAW,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,GAAG,QAAO,IAAI,CAAC,2BAA2B,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA,EAAC,GAAG,IAAI,EAC/G,YAAY,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,6BAA6B,KAAK,WAAW,GAAG,MAAO,EAAA,IAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAA,EAAC,GAAG,IAAI,EACzJ,OAAO,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,GAAG,MAAO,EAAA,IAAI,CAAC,2BAA2B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA,EAAC,GAAG,IAAI,EACvG,MAAM,EAAE,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,6BAA6B,KAAK,OAAO,GAAG,MAAO,EAAA,IAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAA,EAAC,GAAG,IAAI,EAC/I,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,CACE;;IAIV,MAAM,GAAA;AACJ,QAAA,QACED,OAAC,CAAAE,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,4BAA4B,GAAG,EAAE,EAAA,EAC5DF,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAEC,6BAAc,CACnB,6BAA6B,EAC7B,gCAAgC,IAAI,CAAC,IAAI,CAAA,CAAE,EAC3C,CAA4C,yCAAA,EAAA,IAAI,CAAC,WAAW,EAAE,EAC9D,IAAI,CAAC,MAAM,GAAG,4CAA4C,GAAG,qCAAqC,EAClG,IAAI,CAAC,QAAQ,GAAG,uCAAuC,GAAG,EAAE,EAC5D,IAAI,CAAC,aAAa,GAAG,6CAA6C,GAAG,EAAE,CACxE,EACD,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,EAAA,EAEvBD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,2BAA2B,EACtB,YAAA,EAAA,IAAI,CAAC,YAAY,EAAA,EAE5B,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EACrD,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACnD,IAAI,CAAC,aAAa,EAAE,CACjB,EACL,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAC/C,CACD;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"file":"vds-chip.entry.cjs.js","mappings":"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","names":["ICON_SIZE","h","Host","combineClasses"],"sources":["src/components/chip/vds-chip.scss?tag=vds-chip&encapsulation=shadow","src/components/chip/vds-chip.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: inline-flex;\n  .vds__chip__container {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    background-color: transparent;\n    border-radius: var(--radius-pill);\n    border: none;\n    box-sizing: border-box;\n    box-shadow: 0 0 0 0.0625rem inset var(--color-border-brand);\n    color: var(--color-link-default);\n    font-feature-settings: 'clig' off, 'liga' off;\n\n    &.vds__chip__container--toggleable {\n      cursor: pointer;\n    }\n\n    &:hover {\n      background-color: var(--color-interaction-brand-lowest);\n    }\n    &:active, &:active:hover {\n      background-color: var(--color-interaction-brand-lower);\n    }\n\n    &:focus-visible {\n      outline: 0.125rem solid var(--color-border-focus-2);\n      outline-offset: 0.125rem;\n    }\n    &.vds__chip__container--size-small {\n      padding: var(--spacing-01) var(--spacing-02);\n      @include font-style(title, 2x-small);\n    }\n    &.vds__chip__container--size-medium {\n      padding: var(--spacing-02) var(--spacing-03);\n      @include font-style(title, extra-small);\n    }\n    &.vds__chip__container--size-large {\n      padding: var(--spacing-03) var(--spacing-04);\n      @include font-style(title, small);\n    }\n    &.vds__chip__container--disabled,\n    &.vds__chip__container--disabled:focus-visible {\n      color: var(--color-text-disabled);\n      background-color: transparent;\n      pointer-events: none;\n      box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n      &.vds__chip__container--active {\n        color: var(--color-text-white-high);\n        background-color: var(--color-background-disabled);\n        box-shadow: none;\n      }\n    }\n    &.vds__chip__container--active {\n      color: var(--static-white);\n      background-color: var(--color-background-brand-default);\n      box-shadow: none;\n      &:hover {\n        background-color: var(--color-background-brand-hover);\n      }\n      &:active, :active:hover {\n        background-color: var(--color-background-brand-press);\n      }\n    }\n  }\n}\n\n:host-context(.vds-chip--disabled) {\n  pointer-events: none;\n}","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop, Event, EventEmitter, Method, Element, State } from '@stencil/core/internal';\nimport { IconColors } from '../../definitions/colors';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { ICON_SIZE } from '../icon-button/vds-icon-button.utils';\n\n@Component({\n  tag: 'vds-chip',\n  styleUrl: 'vds-chip.scss',\n  shadow: true,\n})\nexport class VdsChip {\n  /** Sets chips content value */\n  @Prop({ reflect: true, mutable: true}) value: string;\n  /** Displays close icon */\n  @Prop() close: boolean;\n  /** Displays menu (chevron-down) icon */\n  @Prop() menu: boolean;\n  /** Displays chip in active state */\n  @Prop({ reflect: true, mutable: true}) active: boolean;\n  /** Sets chip to disabled */\n  @Prop() disabled: boolean;\n  /** Sets content size  */\n  @Prop() size: \"small\" | \"medium\" | \"large\" = \"medium\";\n  /** Defines the aria label on the close button  */\n  @Prop({ reflect: true }) closeAriaLabel: string;\n  /** They turn active on/off when clicking the chip */\n  @Prop() toggle: boolean = false;\n  /** Receives the icon name to be shown in the left side */\n  @Prop() informativeIcon: string;\n  /** When close button is clicked, the element is removed from the DOM */\n  @Prop() removeOnClose: boolean = true;\n\n  /** Fires after chip dismiss and hide */\n  @Event() afterClosed: EventEmitter<void>;\n  /** Fires when chip is selected (only works when toggle is enabled) */\n  @Event() selected: EventEmitter<void>;\n  /** Fires when menu-icon is clicked */\n  @Event() menuClick: EventEmitter<void>;\n\n  @Element() hostEl: HTMLVdsChipElement;\n\n  @State() _informativeIcon: string = undefined;\n\n  private iconColor: IconColors = \"color-icon-brand-default\";\n  private iconSize: string = ICON_SIZE[\"small\"];\n\n  /**\n   * Executes before every render cycle.\n   *\n   * @returns void\n   */\n  componentWillRender(): void {\n    this.setChipIconsColor();\n    this.setChipIconsSize();\n    this.setInformativeIcon();\n  }\n\n  /** \n   * Dismiss/Hide the chip.\n   * Emits afterClosed event\n   * \n   * @Returns Promise<void>\n   */\n  @Method()\n  dismiss(): Promise<void> {\n    return new Promise(resolve => {\n      this.afterClosed.emit();\n      if (this.removeOnClose) {\n        this.hostEl && this.hostEl.remove();\n      }\n      resolve();\n    });\n  }\n\n  /** \n   * Emits event when menu-icon is clicked\n   * \n   * @Returns void\n   */\n  private emitMenuClicked(): void {\n    this.menuClick.emit();\n  }\n\n  /** \n   * Sets informative icon based on the following herarchy\n   * When informativeIcon prop is provided it will always display.\n   * When Chip is toggle and active it will set informativeIcon to checkMarck (good)\n   * Otherwise it'll not be display.\n   * \n   * @Returns void\n   */\n  private setInformativeIcon(): void {\n    this._informativeIcon = this.informativeIcon ? this.informativeIcon : this.active && this.toggle ? \"good\" : undefined;\n  }\n\n  /**\n   * Sets the color for the icons inside the chip.\n   * Sets the chip's vds-icon colors\n   *\n   * @returns void\n   */\n  private setChipIconsColor(): void {\n    const state = this.disabled && this.active ? \"disabled-active\" : this.disabled ? \"disabled\" : this.active ? \"active\" : \"default\";\n    switch(state) {\n      case \"disabled-active\":\n        this.iconColor = \"color-icon-white-high\";\n        break;\n      case \"disabled\":\n        this.iconColor = \"color-icon-disabled\";\n        break;\n      case \"active\":\n        this.iconColor = \"white\";\n        break;\n      default:\n        this.iconColor = \"color-icon-brand-default\";\n        break;\n    }\n  }\n\n  private setChipIconsSize(): void {\n    switch(this.size) {\n      case \"small\": \n        this.iconSize = ICON_SIZE[\"extra-small\"];\n        break;\n      case \"medium\": \n        this.iconSize = ICON_SIZE[\"small\"];\n        break;\n      case \"large\": \n        this.iconSize = ICON_SIZE[\"medium\"];\n        break;\n    }\n  }\n\n  /**\n   * Changes the chip active state when toggle option is enabled.\n   * Add checks icon when informativeIcon is not provided\n   *\n   * @returns void\n   */\n  private handleChipClick(): void {\n    if (!this.toggle) return;\n    \n    this.active = !this.active;\n\n    this.setInformativeIcon();\n\n    this.selected.emit();\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host class={this.disabled ? \"vds-chip--disabled\" : \"\"}>\n        <button\n          onClick={() => this.handleChipClick()}\n          class={\n            combineClasses(\n              \"vds__chip__container\",\n              `vds__chip__container--size-${this.size}`,\n              this.toggle && \"vds__chip__container--toggleable\",\n              this.disabled && \"vds__chip__container--disabled\",\n              this.active && \"vds__chip__container--active\",\n            )\n          }\n          disabled={ this.disabled }\n        >\n          {this._informativeIcon && <vds-icon svgIcon={this._informativeIcon} color={this.iconColor} size={this.iconSize}></vds-icon>}\n          {this.value}\n          {this.menu && <vds-icon onClick={() => this.emitMenuClicked()} svgIcon={\"chevron-down\"} color={this.iconColor} size={this.iconSize}></vds-icon>}\n          {this.close && <vds-icon onClick={() => this.dismiss()} aria-label={this.closeAriaLabel} svgIcon={\"close\"} color={this.iconColor} size={this.iconSize}></vds-icon>}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"vds-chip.entry.cjs.js","sources":["src/components/chip/vds-chip.scss?tag=vds-chip&encapsulation=shadow","src/components/chip/vds-chip.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: inline-flex;\n  .vds__chip__container {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    background-color: transparent;\n    border-radius: var(--radius-pill);\n    border: none;\n    box-sizing: border-box;\n    box-shadow: 0 0 0 0.0625rem inset var(--color-border-brand);\n    color: var(--color-link-default);\n    font-feature-settings: 'clig' off, 'liga' off;\n\n    &.vds__chip__container--toggleable {\n      cursor: pointer;\n    }\n\n    &:hover {\n      background-color: var(--color-interaction-brand-lowest);\n    }\n    &:active, &:active:hover {\n      background-color: var(--color-interaction-brand-lower);\n    }\n\n    &:focus-visible {\n      outline: 0.125rem solid var(--color-border-focus-2);\n      outline-offset: 0.125rem;\n    }\n    &.vds__chip__container--size-small {\n      padding: var(--spacing-01) var(--spacing-02);\n      @include font-style(title, 2x-small);\n    }\n    &.vds__chip__container--size-medium {\n      padding: var(--spacing-02) var(--spacing-03);\n      @include font-style(title, extra-small);\n    }\n    &.vds__chip__container--size-large {\n      padding: var(--spacing-03) var(--spacing-04);\n      @include font-style(title, small);\n    }\n    &.vds__chip__container--disabled,\n    &.vds__chip__container--disabled:focus-visible {\n      color: var(--color-text-disabled);\n      background-color: transparent;\n      pointer-events: none;\n      box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n      &.vds__chip__container--active {\n        color: var(--color-text-white-high);\n        background-color: var(--color-background-disabled);\n        box-shadow: none;\n      }\n    }\n    &.vds__chip__container--active {\n      color: var(--static-white);\n      background-color: var(--color-background-brand-default);\n      box-shadow: none;\n      &:hover {\n        background-color: var(--color-background-brand-hover);\n      }\n      &:active, :active:hover {\n        background-color: var(--color-background-brand-press);\n      }\n    }\n  }\n}\n\n:host-context(.vds-chip--disabled) {\n  pointer-events: none;\n}","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop, Event, EventEmitter, Method, Element, State } from '@stencil/core/internal';\nimport { IconColors } from '../../definitions/colors';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { ICON_SIZE } from '../icon-button/vds-icon-button.utils';\n\n@Component({\n  tag: 'vds-chip',\n  styleUrl: 'vds-chip.scss',\n  shadow: true,\n})\nexport class VdsChip {\n  /** Sets chips content value */\n  @Prop({ reflect: true, mutable: true}) value: string;\n  /** Displays close icon */\n  @Prop() close: boolean;\n  /** Displays menu (chevron-down) icon */\n  @Prop() menu: boolean;\n  /** Displays chip in active state */\n  @Prop({ reflect: true, mutable: true}) active: boolean;\n  /** Sets chip to disabled */\n  @Prop() disabled: boolean;\n  /** Sets content size  */\n  @Prop() size: \"small\" | \"medium\" | \"large\" = \"medium\";\n  /** Defines the aria label on the close button  */\n  @Prop({ reflect: true }) closeAriaLabel: string;\n  /** They turn active on/off when clicking the chip */\n  @Prop() toggle: boolean = false;\n  /** Receives the icon name to be shown in the left side */\n  @Prop() informativeIcon: string;\n  /** When close button is clicked, the element is removed from the DOM */\n  @Prop() removeOnClose: boolean = true;\n\n  /** Fires after chip dismiss and hide */\n  @Event() afterClosed: EventEmitter<void>;\n  /** Fires when chip is selected (only works when toggle is enabled) */\n  @Event() selected: EventEmitter<void>;\n  /** Fires when menu-icon is clicked */\n  @Event() menuClick: EventEmitter<void>;\n\n  @Element() hostEl: HTMLVdsChipElement;\n\n  @State() _informativeIcon: string = undefined;\n\n  private iconColor: IconColors = \"color-icon-brand-default\";\n  private iconSize: string = ICON_SIZE[\"small\"];\n\n  /**\n   * Executes before every render cycle.\n   *\n   * @returns void\n   */\n  componentWillRender(): void {\n    this.setChipIconsColor();\n    this.setChipIconsSize();\n    this.setInformativeIcon();\n  }\n\n  /** \n   * Dismiss/Hide the chip.\n   * Emits afterClosed event\n   * \n   * @Returns Promise<void>\n   */\n  @Method()\n  dismiss(): Promise<void> {\n    return new Promise(resolve => {\n      this.afterClosed.emit();\n      if (this.removeOnClose) {\n        this.hostEl && this.hostEl.remove();\n      }\n      resolve();\n    });\n  }\n\n  /** \n   * Emits event when menu-icon is clicked\n   * \n   * @Returns void\n   */\n  private emitMenuClicked(): void {\n    this.menuClick.emit();\n  }\n\n  /** \n   * Sets informative icon based on the following herarchy\n   * When informativeIcon prop is provided it will always display.\n   * When Chip is toggle and active it will set informativeIcon to checkMarck (good)\n   * Otherwise it'll not be display.\n   * \n   * @Returns void\n   */\n  private setInformativeIcon(): void {\n    this._informativeIcon = this.informativeIcon ? this.informativeIcon : this.active && this.toggle ? \"good\" : undefined;\n  }\n\n  /**\n   * Sets the color for the icons inside the chip.\n   * Sets the chip's vds-icon colors\n   *\n   * @returns void\n   */\n  private setChipIconsColor(): void {\n    const state = this.disabled && this.active ? \"disabled-active\" : this.disabled ? \"disabled\" : this.active ? \"active\" : \"default\";\n    switch(state) {\n      case \"disabled-active\":\n        this.iconColor = \"color-icon-white-high\";\n        break;\n      case \"disabled\":\n        this.iconColor = \"color-icon-disabled\";\n        break;\n      case \"active\":\n        this.iconColor = \"white\";\n        break;\n      default:\n        this.iconColor = \"color-icon-brand-default\";\n        break;\n    }\n  }\n\n  private setChipIconsSize(): void {\n    switch(this.size) {\n      case \"small\": \n        this.iconSize = ICON_SIZE[\"extra-small\"];\n        break;\n      case \"medium\": \n        this.iconSize = ICON_SIZE[\"small\"];\n        break;\n      case \"large\": \n        this.iconSize = ICON_SIZE[\"medium\"];\n        break;\n    }\n  }\n\n  /**\n   * Changes the chip active state when toggle option is enabled.\n   * Add checks icon when informativeIcon is not provided\n   *\n   * @returns void\n   */\n  private handleChipClick(): void {\n    if (!this.toggle) return;\n    \n    this.active = !this.active;\n\n    this.setInformativeIcon();\n\n    this.selected.emit();\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host class={this.disabled ? \"vds-chip--disabled\" : \"\"}>\n        <button\n          onClick={() => this.handleChipClick()}\n          class={\n            combineClasses(\n              \"vds__chip__container\",\n              `vds__chip__container--size-${this.size}`,\n              this.toggle && \"vds__chip__container--toggleable\",\n              this.disabled && \"vds__chip__container--disabled\",\n              this.active && \"vds__chip__container--active\",\n            )\n          }\n          disabled={ this.disabled }\n        >\n          {this._informativeIcon && <vds-icon svgIcon={this._informativeIcon} color={this.iconColor} size={this.iconSize}></vds-icon>}\n          {this.value}\n          {this.menu && <vds-icon onClick={() => this.emitMenuClicked()} svgIcon={\"chevron-down\"} color={this.iconColor} size={this.iconSize}></vds-icon>}\n          {this.close && <vds-icon onClick={() => this.dismiss()} aria-label={this.closeAriaLabel} svgIcon={\"close\"} color={this.iconColor} size={this.iconSize}></vds-icon>}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":["ICON_SIZE","h","Host","combineClasses"],"mappings":"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"}

package/dist/cjs/vds-dialog-action-footer.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-dialog-action-footer.entry.cjs.js","mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,m/9BAAm/9B;;MCQvg+B,qBAAqB,GAAA,MAAA;;;;;IAOhC,gBAAgB,GAAA;QACd,IAAI,CAAC,+CAA+C,EAAE;;AAGvD;;;;;;AAME;IACM,+CAA+C,GAAA;AACtD,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;AACxD,YAAA,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAK;AAChC,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,aAAC,CAAC;AACJ,SAAC,CAAC;;IAGJ,MAAM,GAAA;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;","names":["h","Host"],"sources":["src/components/dialog-action-footer/vds-dialog-action-footer.scss?tag=vds-dialog-action-footer&encapsulation=shadow","src/components/dialog-action-footer/vds-dialog-action-footer.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  padding-top: 1.5rem;\n}\n\n:host(.vds__dialog__footer--start) {\n  display: flex;\n  justify-content: start;\n  gap: var(--spacing-03);\n}\n\n:host(.vds__dialog__footer--end) {\n  display: flex;\n  justify-content: end;\n  gap: var(--spacing-03);\n}\n\n:host(.vds__dialog__footer--space-between) {\n  display: flex;\n  justify-content: space-between;\n  gap: var(--spacing-03);\n}\n","import { Component, Host, h, Element, Event } from \"@stencil/core\";\nimport { EventEmitter, HTMLStencilElement } from \"@stencil/core/internal\";\n\n@Component({\n  tag: \"vds-dialog-action-footer\",\n  styleUrl: \"vds-dialog-action-footer.scss\",\n  shadow: true,\n})\nexport class VdsDialogActionFooter {\n\n  /** Emits event when closed button is clicked */\n  @Event() closeButton: EventEmitter<void>;\n\n  @Element() host: HTMLElement;\n\n  componentDidLoad(): void {\n    this.setClosebuttonEventEmitterToCloseDialogElements();\n  }\n\n   /**\n   * @private\n   * Sets up event listeners for the dialog children elements which has attribute close-dialog.\n   *\n   * - Listens for \"click\" events on the element and emits `closeButton`.\n   *\n   */\n   private setClosebuttonEventEmitterToCloseDialogElements(): void {\n    this.host.querySelectorAll(\"[close-dialog]\").forEach(el => {\n      el.addEventListener(\"click\", () => {\n        this.closeButton.emit();\n      });\n    });\n  } \n\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/cjs/vds-dialog-action-footer.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-dialog-action-footer.entry.cjs.js","sources":["src/components/dialog-action-footer/vds-dialog-action-footer.scss?tag=vds-dialog-action-footer&encapsulation=shadow","src/components/dialog-action-footer/vds-dialog-action-footer.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  padding-top: 1.5rem;\n}\n\n:host(.vds__dialog__footer--start) {\n  display: flex;\n  justify-content: start;\n  gap: var(--spacing-03);\n}\n\n:host(.vds__dialog__footer--end) {\n  display: flex;\n  justify-content: end;\n  gap: var(--spacing-03);\n}\n\n:host(.vds__dialog__footer--space-between) {\n  display: flex;\n  justify-content: space-between;\n  gap: var(--spacing-03);\n}\n","import { Component, Host, h, Element, Event } from \"@stencil/core\";\nimport { EventEmitter, HTMLStencilElement } from \"@stencil/core/internal\";\n\n@Component({\n  tag: \"vds-dialog-action-footer\",\n  styleUrl: \"vds-dialog-action-footer.scss\",\n  shadow: true,\n})\nexport class VdsDialogActionFooter {\n\n  /** Emits event when closed button is clicked */\n  @Event() closeButton: EventEmitter<void>;\n\n  @Element() host: HTMLElement;\n\n  componentDidLoad(): void {\n    this.setClosebuttonEventEmitterToCloseDialogElements();\n  }\n\n   /**\n   * @private\n   * Sets up event listeners for the dialog children elements which has attribute close-dialog.\n   *\n   * - Listens for \"click\" events on the element and emits `closeButton`.\n   *\n   */\n   private setClosebuttonEventEmitterToCloseDialogElements(): void {\n    this.host.querySelectorAll(\"[close-dialog]\").forEach(el => {\n      el.addEventListener(\"click\", () => {\n        this.closeButton.emit();\n      });\n    });\n  } \n\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,m/9BAAm/9B;;MCQvg+B,qBAAqB,GAAA,MAAA;;;;;IAOhC,gBAAgB,GAAA;QACd,IAAI,CAAC,+CAA+C,EAAE;;AAGvD;;;;;;AAME;IACM,+CAA+C,GAAA;AACtD,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;AACxD,YAAA,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAK;AAChC,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,aAAC,CAAC;AACJ,SAAC,CAAC;;IAGJ,MAAM,GAAA;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;"}

package/dist/cjs/vds-dialog-body.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-dialog-body.entry.cjs.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,+49BAA+49B;;MCQ359B,aAAa,GAAA,MAAA;;;;IACxB,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,mBAAmB,EAAA,EAC7BA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;","names":["h","Host"],"sources":["src/components/dialog-body/vds-dialog-body.scss?tag=vds-dialog-body&encapsulation=shadow","src/components/dialog-body/vds-dialog-body.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  overflow: auto;\n\n  .vds__dialog--body {\n    color: var(--color-text-medium);\n    @include font-style(body, large);\n    width: 100%;\n    overflow: auto;\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-dialog-body',\n  styleUrl: 'vds-dialog-body.scss',\n  shadow: true,\n})\nexport class VdsDialogBody {\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        <div class={\"vds__dialog--body\"}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/cjs/vds-dialog-body.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-dialog-body.entry.cjs.js","sources":["src/components/dialog-body/vds-dialog-body.scss?tag=vds-dialog-body&encapsulation=shadow","src/components/dialog-body/vds-dialog-body.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  overflow: auto;\n\n  .vds__dialog--body {\n    color: var(--color-text-medium);\n    @include font-style(body, large);\n    width: 100%;\n    overflow: auto;\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-dialog-body',\n  styleUrl: 'vds-dialog-body.scss',\n  shadow: true,\n})\nexport class VdsDialogBody {\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        <div class={\"vds__dialog--body\"}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,+49BAA+49B;;MCQ359B,aAAa,GAAA,MAAA;;;;IACxB,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,mBAAmB,EAAA,EAC7BA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/cjs/vds-dialog-header.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-dialog-header.entry.cjs.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,sh+BAAsh+B;;MCQpi+B,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAOU,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI;AAkBxC;IAbC,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAA,EAC/BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,2BAA2B,EAAA,EACrCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,IAAI,CAAC,eAAe,IAAIA,OAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAoB,CAAA,CACjI,CACD;;;;;;;","names":["h","Host"],"sources":["src/components/dialog-header/vds-dialog-header.scss?tag=vds-dialog-header&encapsulation=shadow","src/components/dialog-header/vds-dialog-header.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  padding-bottom: 1rem;\n\n  .vds__dialog__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex: 1 0 0;\n    align-self: stretch;\n\n    .vds__dialog__header--text {\n      color: var(--color-text-high);\n      @include font-style(title, large);\n    }\n  }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-dialog-header',\n  styleUrl: 'vds-dialog-header.scss',\n  shadow: true,\n})\nexport class VdsDialogHeader {\n  /** Toggles show close button in dialog header */\n  @Prop() showCloseButton: boolean = true;\n\n  /** Emits event when closed button is clicked */\n  @Event() closeButton: EventEmitter<void>;\n\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        <div class={\"vds__dialog__header\"}>\n          <div class={\"vds__dialog__header--text\"}>\n            <slot></slot>\n          </div>\n          {this.showCloseButton && <vds-icon-button variant=\"secondary\" icon=\"close\" onClick={() => this.closeButton.emit()}></vds-icon-button>}\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/cjs/vds-dialog-header.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-dialog-header.entry.cjs.js","sources":["src/components/dialog-header/vds-dialog-header.scss?tag=vds-dialog-header&encapsulation=shadow","src/components/dialog-header/vds-dialog-header.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  padding-bottom: 1rem;\n\n  .vds__dialog__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex: 1 0 0;\n    align-self: stretch;\n\n    .vds__dialog__header--text {\n      color: var(--color-text-high);\n      @include font-style(title, large);\n    }\n  }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-dialog-header',\n  styleUrl: 'vds-dialog-header.scss',\n  shadow: true,\n})\nexport class VdsDialogHeader {\n  /** Toggles show close button in dialog header */\n  @Prop() showCloseButton: boolean = true;\n\n  /** Emits event when closed button is clicked */\n  @Event() closeButton: EventEmitter<void>;\n\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        <div class={\"vds__dialog__header\"}>\n          <div class={\"vds__dialog__header--text\"}>\n            <slot></slot>\n          </div>\n          {this.showCloseButton && <vds-icon-button variant=\"secondary\" icon=\"close\" onClick={() => this.closeButton.emit()}></vds-icon-button>}\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,sh+BAAsh+B;;MCQpi+B,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAOU,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI;AAkBxC;IAbC,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAA,EAC/BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,2BAA2B,EAAA,EACrCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,IAAI,CAAC,eAAe,IAAIA,OAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAoB,CAAA,CACjI,CACD;;;;;;;"}

package/dist/cjs/vds-dialog-modal.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-dialog-modal.entry.cjs.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,s09BAAs09B;;MCQn19B,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACzCD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,oBAAoB,EAAA,EAC5BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,EAC3BA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACRA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACD;;;;;;;","names":["h","Host"],"sources":["src/components/dialog-modal/vds-dialog-modal.scss?tag=vds-dialog-modal&encapsulation=shadow","src/components/dialog-modal/vds-dialog-modal.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  .vds__dialog__modal {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n:host(.vds__dialog__modal--container) {\n  width: 100%;\n  height: 100%;\n}\n","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-dialog-modal',\n  styleUrl: 'vds-dialog-modal.scss',\n  shadow: true,\n})\nexport class VdsDialogModal {\n  render(): HTMLStencilElement {\n    return (\n      <Host class=\"vds__dialog__modal--container\">\n        <div class={\"vds__dialog__modal\"}>\n            <slot name=\"header\"></slot>\n            <slot />\n            <slot name=\"body\"></slot>\n            <slot name=\"footer\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/vds-dialog-modal.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-dialog-modal.entry.cjs.js","sources":["src/components/dialog-modal/vds-dialog-modal.scss?tag=vds-dialog-modal&encapsulation=shadow","src/components/dialog-modal/vds-dialog-modal.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  .vds__dialog__modal {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n:host(.vds__dialog__modal--container) {\n  width: 100%;\n  height: 100%;\n}\n","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-dialog-modal',\n  styleUrl: 'vds-dialog-modal.scss',\n  shadow: true,\n})\nexport class VdsDialogModal {\n  render(): HTMLStencilElement {\n    return (\n      <Host class=\"vds__dialog__modal--container\">\n        <div class={\"vds__dialog__modal\"}>\n            <slot name=\"header\"></slot>\n            <slot />\n            <slot name=\"body\"></slot>\n            <slot name=\"footer\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,s09BAAs09B;;MCQn19B,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACzCD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,oBAAoB,EAAA,EAC5BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,EAC3BA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACRA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACD;;;;;;;"}

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

@@ -1 +0,0 @@
-{"file":"vds-dialog.entry.cjs.js","mappings":"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","names":["h","Host","combineClasses"],"sources":["src/components/dialog/vds-dialog.scss?tag=vds-dialog&encapsulation=shadow","src/components/dialog/vds-dialog.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: fit-content;\n  .vds__dialog__trigger {\n    display: inline-block;\n  }\n\n  .vds__dialog {\n    background-color: unset;\n    color: unset;\n    margin: auto;\n    border: none;\n    outline: none;\n    padding: 0;\n    &.vds__dialog__container--open {\n      display: flex;\n      justify-content: center;\n      padding: 1.3rem;\n    }\n    &.vds__dialog--backdrop::backdrop {\n      background: var(--color-interaction-black-lower);\n    }\n    &.vds__dialog--no-backdrop {\n      overlay: auto !important;\n      position: fixed;\n      inset-block-start: 0px;\n      inset-block-end: 0px;\n      user-select: text;\n      visibility: visible;\n      overflow: auto;\n    }\n  }\n\n  .vds__dialog__container {\n    display: flex;\n    max-width: 37.5rem;\n    padding: var(--spacing-07);\n    flex-direction: column;\n    align-items: flex-start;\n    border-radius: var(--radius-large);\n    background: var(--surface-medium);\n    position: relative;\n    z-index: var(--elevation-layer-3);\n    box-shadow:\n      var(--elevation-shadow-3),\n      inset 0 0 0 0.0625rem var(--color-border-lowest);\n\n    @each $key, $value in $spacing {\n      &.vds__dialog__spacing--spacing-#{$key} {\n        padding: var(--spacing-#{$key});\n      }\n    }\n  }\n}\n","import { Component, Host, h } from \"@stencil/core\";\nimport { HTMLStencilElement, Prop, Event, EventEmitter, Method, Element, State, Listen } from \"@stencil/core/internal\";\nimport { Spacing } from \"../../definitions/spacing\";\nimport { combineClasses } from \"../../utils/combine-classes\";\n\n@Component({\n  tag: \"vds-dialog\",\n  styleUrl: \"vds-dialog.scss\",\n  shadow: true,\n})\nexport class VdsDialog {\n  /** Sets the padding around the dialog */\n  @Prop() padding: Spacing = \"spacing-07\";\n  /** Toggles the background behind the dialog */\n  @Prop() backdrop: boolean = true;\n  /** Sets the width size of the dialog */\n  @Prop()  width: string = \"37.5rem\";\n  /** Sets the minimum width size of the dialog */\n  @Prop() minWidth: string = \"20rem\";\n  /** Sets the maximum width  size of the dialog */\n  @Prop() maxWidth: string = \"80%\";\n  /** Avoids user to close dialog by clicking outside */\n  @Prop() preventOutsideClose: boolean = false;\n\n  /** Emits the event when opens dialog */\n  @Event() opened: EventEmitter<string>;\n  /** Emits the event when opens dialog */\n  @Event() closed: EventEmitter<string>;\n\n  @State() isOpen: boolean = undefined;\n\n  @Element() host: HTMLElement;\n\n  private dialog: HTMLDialogElement;\n  private trigger: HTMLElement;\n\n  componentDidLoad(): void {\n    this.setHTMLElementEvents();\n  }\n\n  /**\n   * Opens the dialog element. This method displays the dialog modally\n   * with a backdrop if the `backdrop` property is set to `true`. Otherwise,\n   * it opens the dialog non-modally without a backdrop.\n   *\n   * @returns {Promise<void>} A promise that resolves when the dialog is opened.\n   */\n  @Method()\n  open(): Promise<void> {\n    this.isOpen = true;\n    this.backdrop ? this.dialog.showModal() : this.dialog.open = true;\n    this.opened.emit();\n    return Promise.resolve();\n  }\n\n  /**\n   * Closes the dialog element. This method hides the dialog.\n   *\n   * @returns {Promise<void>} A promise that resolves when the dialog is closed.\n   */\n  @Method()\n  close(): Promise<void> {\n    this.isOpen = false;\n    this.dialog.close();\n    this.closed.emit();\n    return Promise.resolve();\n  }\n\n  /**\n   * Returns the main element container of the dialog.\n   *\n   * @returns {Promise<HTMLDialogElement>} A promise that resolves returning the dialog main element.\n   */\n  @Method()\n  getContainer(): Promise<HTMLDialogElement> {\n    return Promise.resolve(this.dialog);\n  }\n\n  /**\n   * Listens for \"closeButton\" events on the children elements.\n   * This method calls the `close()` method to close the dialog when the button is clicked.\n   *\n   * @returns {void}\n   */\n  @Listen(\"closeButton\")\n  closeButtonHandle(): void {\n    this.close();\n  }\n\n  /**\n   * Listens for \"keydown\" events on the children elements, when the Escape key is press down\n   * it closes the dialog.\n   *\n   * @returns {void}\n   */\n  @Listen('keydown')\n  handleEscKey(ev: KeyboardEvent): void {\n    if (ev.key === \"Escape\"){\n      this.close();\n    }\n  }\n\n  /**\n   * Opens the dialog when the trigger element is clicked\n   *\n   * @returns {void}\n   */\n  handleClick(): void {\n    this.open();\n  }\n\n  /**\n   * Closes the dialog when the backdrop element is clicked.\n   * The HTMLDialog adds a ::backdrop element when is open with showDialog. This element returns as target\n   * the DIALOG element; when clicking on the content it returns the element that was click.\n   *\n   * @returns {void}\n   */\n  handleClose(evt: Event): void {\n    if (this.backdrop && !this.preventOutsideClose && (evt.target as HTMLElement).nodeName === \"DIALOG\") {\n      this.close();\n    }\n  }\n\n  /**\n   * @private\n   * Creates a styles object based on the component's properties (`width`, `minWidth`, `maxWidth`).\n   *\n   * @returns {Object} An object containing CSS styles for the component.\n   */\n  private setStyles(): { [key: string]: string } {\n    const styles: any = {};\n\n    styles.width = this.width;\n    styles.minWidth = this.minWidth;\n    styles.maxWidth = this.maxWidth;\n\n    return styles;\n  }\n\n  /**\n   * @private\n   * Sets up event listeners for the dialog component elements.\n   *\n   * - Listens for \"click\" events on the `trigger` element and calls `handleClick`.\n   * - Listens for \"click\" events on the `dialog` element and calls `handleClose`.\n   *\n   */\n  private setHTMLElementEvents(): void {\n    this.trigger.addEventListener(\"click\", this.handleClick.bind(this));\n    this.dialog.addEventListener(\"click\", this.handleClose.bind(this));\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        <div\n          ref={(el): void => {\n            if (el) {\n              this.trigger = el;\n            }\n          }}\n          class={\"vds__dialog__trigger\"}\n        >\n          <slot name=\"dialog-trigger\"></slot>\n        </div>\n        <dialog\n          ref={(el): void => {\n            if (el) {\n              this.dialog = el;\n            }\n          }}\n          style={{maxWidth: this.maxWidth}}\n          class={combineClasses(\n            \"vds__dialog\",\n            this.backdrop ? \"vds__dialog--backdrop\" : \"vds__dialog--no-backdrop\",\n            this.isOpen ? \"vds__dialog__container--open\" : \"\"\n          )}\n        >\n          <div\n              class={combineClasses(\n                \"vds__dialog__container\",\n                `vds__dialog__spacing--${this.padding}`\n              )}\n              style={this.setStyles()}\n            >\n              <slot></slot>\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"vds-dialog.entry.cjs.js","sources":["src/components/dialog/vds-dialog.scss?tag=vds-dialog&encapsulation=shadow","src/components/dialog/vds-dialog.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: fit-content;\n  .vds__dialog__trigger {\n    display: inline-block;\n  }\n\n  .vds__dialog {\n    background-color: unset;\n    color: unset;\n    margin: auto;\n    border: none;\n    outline: none;\n    padding: 0;\n    &.vds__dialog__container--open {\n      display: flex;\n      justify-content: center;\n      padding: 1.3rem;\n    }\n    &.vds__dialog--backdrop::backdrop {\n      background: var(--color-interaction-black-lower);\n    }\n    &.vds__dialog--no-backdrop {\n      overlay: auto !important;\n      position: fixed;\n      inset-block-start: 0px;\n      inset-block-end: 0px;\n      user-select: text;\n      visibility: visible;\n      overflow: auto;\n    }\n  }\n\n  .vds__dialog__container {\n    display: flex;\n    max-width: 37.5rem;\n    padding: var(--spacing-07);\n    flex-direction: column;\n    align-items: flex-start;\n    border-radius: var(--radius-large);\n    background: var(--surface-medium);\n    position: relative;\n    z-index: var(--elevation-layer-3);\n    box-shadow:\n      var(--elevation-shadow-3),\n      inset 0 0 0 0.0625rem var(--color-border-lowest);\n\n    @each $key, $value in $spacing {\n      &.vds__dialog__spacing--spacing-#{$key} {\n        padding: var(--spacing-#{$key});\n      }\n    }\n  }\n}\n","import { Component, Host, h } from \"@stencil/core\";\nimport { HTMLStencilElement, Prop, Event, EventEmitter, Method, Element, State, Listen } from \"@stencil/core/internal\";\nimport { Spacing } from \"../../definitions/spacing\";\nimport { combineClasses } from \"../../utils/combine-classes\";\n\n@Component({\n  tag: \"vds-dialog\",\n  styleUrl: \"vds-dialog.scss\",\n  shadow: true,\n})\nexport class VdsDialog {\n  /** Sets the padding around the dialog */\n  @Prop() padding: Spacing = \"spacing-07\";\n  /** Toggles the background behind the dialog */\n  @Prop() backdrop: boolean = true;\n  /** Sets the width size of the dialog */\n  @Prop()  width: string = \"37.5rem\";\n  /** Sets the minimum width size of the dialog */\n  @Prop() minWidth: string = \"20rem\";\n  /** Sets the maximum width  size of the dialog */\n  @Prop() maxWidth: string = \"80%\";\n  /** Avoids user to close dialog by clicking outside */\n  @Prop() preventOutsideClose: boolean = false;\n\n  /** Emits the event when opens dialog */\n  @Event() opened: EventEmitter<string>;\n  /** Emits the event when opens dialog */\n  @Event() closed: EventEmitter<string>;\n\n  @State() isOpen: boolean = undefined;\n\n  @Element() host: HTMLElement;\n\n  private dialog: HTMLDialogElement;\n  private trigger: HTMLElement;\n\n  componentDidLoad(): void {\n    this.setHTMLElementEvents();\n  }\n\n  /**\n   * Opens the dialog element. This method displays the dialog modally\n   * with a backdrop if the `backdrop` property is set to `true`. Otherwise,\n   * it opens the dialog non-modally without a backdrop.\n   *\n   * @returns {Promise<void>} A promise that resolves when the dialog is opened.\n   */\n  @Method()\n  open(): Promise<void> {\n    this.isOpen = true;\n    this.backdrop ? this.dialog.showModal() : this.dialog.open = true;\n    this.opened.emit();\n    return Promise.resolve();\n  }\n\n  /**\n   * Closes the dialog element. This method hides the dialog.\n   *\n   * @returns {Promise<void>} A promise that resolves when the dialog is closed.\n   */\n  @Method()\n  close(): Promise<void> {\n    this.isOpen = false;\n    this.dialog.close();\n    this.closed.emit();\n    return Promise.resolve();\n  }\n\n  /**\n   * Returns the main element container of the dialog.\n   *\n   * @returns {Promise<HTMLDialogElement>} A promise that resolves returning the dialog main element.\n   */\n  @Method()\n  getContainer(): Promise<HTMLDialogElement> {\n    return Promise.resolve(this.dialog);\n  }\n\n  /**\n   * Listens for \"closeButton\" events on the children elements.\n   * This method calls the `close()` method to close the dialog when the button is clicked.\n   *\n   * @returns {void}\n   */\n  @Listen(\"closeButton\")\n  closeButtonHandle(): void {\n    this.close();\n  }\n\n  /**\n   * Listens for \"keydown\" events on the children elements, when the Escape key is press down\n   * it closes the dialog.\n   *\n   * @returns {void}\n   */\n  @Listen('keydown')\n  handleEscKey(ev: KeyboardEvent): void {\n    if (ev.key === \"Escape\"){\n      this.close();\n    }\n  }\n\n  /**\n   * Opens the dialog when the trigger element is clicked\n   *\n   * @returns {void}\n   */\n  handleClick(): void {\n    this.open();\n  }\n\n  /**\n   * Closes the dialog when the backdrop element is clicked.\n   * The HTMLDialog adds a ::backdrop element when is open with showDialog. This element returns as target\n   * the DIALOG element; when clicking on the content it returns the element that was click.\n   *\n   * @returns {void}\n   */\n  handleClose(evt: Event): void {\n    if (this.backdrop && !this.preventOutsideClose && (evt.target as HTMLElement).nodeName === \"DIALOG\") {\n      this.close();\n    }\n  }\n\n  /**\n   * @private\n   * Creates a styles object based on the component's properties (`width`, `minWidth`, `maxWidth`).\n   *\n   * @returns {Object} An object containing CSS styles for the component.\n   */\n  private setStyles(): { [key: string]: string } {\n    const styles: any = {};\n\n    styles.width = this.width;\n    styles.minWidth = this.minWidth;\n    styles.maxWidth = this.maxWidth;\n\n    return styles;\n  }\n\n  /**\n   * @private\n   * Sets up event listeners for the dialog component elements.\n   *\n   * - Listens for \"click\" events on the `trigger` element and calls `handleClick`.\n   * - Listens for \"click\" events on the `dialog` element and calls `handleClose`.\n   *\n   */\n  private setHTMLElementEvents(): void {\n    this.trigger.addEventListener(\"click\", this.handleClick.bind(this));\n    this.dialog.addEventListener(\"click\", this.handleClose.bind(this));\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        <div\n          ref={(el): void => {\n            if (el) {\n              this.trigger = el;\n            }\n          }}\n          class={\"vds__dialog__trigger\"}\n        >\n          <slot name=\"dialog-trigger\"></slot>\n        </div>\n        <dialog\n          ref={(el): void => {\n            if (el) {\n              this.dialog = el;\n            }\n          }}\n          style={{maxWidth: this.maxWidth}}\n          class={combineClasses(\n            \"vds__dialog\",\n            this.backdrop ? \"vds__dialog--backdrop\" : \"vds__dialog--no-backdrop\",\n            this.isOpen ? \"vds__dialog__container--open\" : \"\"\n          )}\n        >\n          <div\n              class={combineClasses(\n                \"vds__dialog__container\",\n                `vds__dialog__spacing--${this.padding}`\n              )}\n              style={this.setStyles()}\n            >\n              <slot></slot>\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host","combineClasses"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"file":"vds-footer.entry.cjs.js","mappings":"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","names":["setNodeObserver","h","Host"],"sources":["src/components/footer/vds-footer.scss?tag=vds-footer&encapsulation=shadow","src/components/footer/vds-footer.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n@mixin footerText() {\n  color: var(--color-text-medium);\n  @include font-style(title, 2x-small);\n}\n\n:host {\n  display: block;\n\n  .vds__footer--container {\n    height: 1.25rem;\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-05);\n    padding: var(--spacing-03) var(--spacing-07);\n    background-color: var(--surface-lower);\n\n    .vds__footer--app-version {\n      @include footerText();\n      flex: 1 0 0;\n    }\n\n    .vds__footer--info {\n      @include footerText();\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1 0 0;\n\n      div {\n        display: flex;\n        align-items: center;\n      }\n\n      div.vds__footer--powerby {\n        margin-left: 0.5rem;\n\n        span {\n          margin-right: 0.25rem;\n        }\n      }\n    }\n\n    .vds__footer--slot {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      flex: 1 0 0;\n    }\n  }\n\n  .vds__footer--expandable {\n    height: auto;\n    overflow: hidden;\n    padding: var(--spacing-03) var(--spacing-07);\n    background-color: var(--surface-lower);\n\n    &.top {\n      border-bottom: 1px solid var(--color-border-low);\n    }\n\n    &.bottom {\n      border-top: 1px solid var(--color-border-low);\n    }\n  }\n\n  .vds__footer--slot-start,\n  .vds__footer--slot-center,\n  .vds__footer--slot-end {\n    display: flex;\n    align-items: center;\n    flex: 1;\n  }\n\n  .vds__footer--slot-start {\n    justify-content: flex-start;\n  }\n\n  .vds__footer--slot-center {\n    justify-content: center;\n  }\n\n  .vds__footer--slot-end {\n    justify-content: flex-end;\n  }\n}\n\n@media only screen and (max-width: 77.4375rem) {\n  :host > .vds__footer--container > .vds__footer--info > div.vds__footer--powerby {\n    display: none;\n  }\n}\n\n@media only screen and (max-width: 56.5rem) {\n  :host {\n    .vds__footer--container {\n      .vds__footer--slot {\n        flex: 0;\n\n        > *:not(.vds__footer--expand-button) {\n          display: none;\n        }\n\n        &:not(.has-expandable-button) {\n          display: none;\n        }\n      }\n\n      .vds__footer--info,\n      .vds__footer--slot-center {\n        justify-content: flex-end;\n      }\n\n      .vds__footer--slot-end {\n        display: none;\n      }\n    }\n  }\n}","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop, Element, State } from '@stencil/core/internal';\nimport { setNodeObserver } from '../../utils/node-utils';\n\n@Component({\n  tag: 'vds-footer',\n  styleUrl: 'vds-footer.scss',\n  shadow: true,\n})\nexport class VdsFooter {\n  /**\n   *  Sets the type for the footer, expandable shows an extra layer of the footer.\n   *  Default is only what is visible.\n   *  and custom allows to set the content of the footer.\n   */\n  @Prop() type: 'default' | 'expandable' | 'custom' = 'default';\n  /** Sets the app version to be display in the footer */\n  @Prop() appVersion: string;\n  /** Sets the expanded content position, default is bottom */\n  @Prop() expandedContentPosition: 'top' | 'bottom' = 'bottom';\n  /** Defines the text in the central block of the footer */\n  @Prop({ mutable: true }) centralText: string = 'Wabtec Corporation. All rights reserved.';\n  /** Modify the text in the \"powered by\" section of the footer */\n  @Prop() poweredByText: string = 'Powered by';\n\n  @Element() host: HTMLStencilElement;\n\n  @State() isExpanded: boolean = false;\n\n  private currentYear: number;\n  private observer: MutationObserver;\n\n  componentWillRender(): void {\n    this.setFooterOptions();\n  }\n\n  componentWillLoad(): void {\n    this.setCurrentYear();\n  }\n\n  componentDidLoad(): void {\n    this.observer = setNodeObserver(this.setFooterOptions, this.host, this);\n  }\n\n  disconnectedCallback(): void {\n    this.observer.disconnect();\n  }\n\n  private setFooterOptions(): void {\n    if (this.type !== 'custom') {\n      Array.from(this.host.children).forEach(child => {\n        if (child.nodeName !== 'VDS-LINK' && child.slot !== 'expandable-content') {\n          child.remove();\n        }\n      });\n    }\n    this.setSeparators();\n  }\n\n  private setSeparators(): void {\n    const linkElements = Array.from(this.host.children).filter(\n      (child: HTMLElement) => child.nodeName === 'VDS-LINK',\n    );\n    if (linkElements.length <= 1) return;\n    for (let i = linkElements.length - 1; i > 0; i--) {\n      const divider = document.createElement('vds-divider');\n      divider.setAttribute('orientation', 'vertical');\n      divider.setAttribute('padding', 'spacing-01');\n      divider.style.setProperty('height', '1.25rem');\n      this.host.insertBefore(divider, linkElements[i]);\n    }\n  }\n\n  private setCurrentYear(): void {\n    this.currentYear = new Date().getFullYear();\n  }\n\n  private toggleExpand(): void {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  private renderExpandableButton(): HTMLStencilElement {\n    if (this.type === 'expandable') {\n      return (\n        <vds-icon-button\n          class=\"vds__footer--expand-button\"\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={() => this.toggleExpand()}\n          icon={this.isExpanded ? 'chevron-up' : 'chevron-down'}\n        />\n      );\n    }\n  }\n\n  private renderCustomFooter(): HTMLElement {\n    return (\n      <div class=\"vds__footer--container\">\n        <div class=\"vds__footer--slot-start\">\n          <slot name=\"start\" />\n        </div>\n        <div class=\"vds__footer--slot-center\">\n          <slot name=\"center\" />\n        </div>\n        <div class=\"vds__footer--slot-end\">\n          <slot name=\"end\" />\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        {this.type === 'expandable' && this.expandedContentPosition === 'top' && this.isExpanded && (\n          <div class=\"vds__footer--expandable top\">\n            <slot name=\"expandable-content\" />\n          </div>\n        )}\n        {this.type === 'custom' ? (\n          this.renderCustomFooter()\n        ) : (\n          <div class={'vds__footer--container'}>\n            <div class={'vds__footer--app-version'}>{this.appVersion}</div>\n            <div class={'vds__footer--info'}>\n              <div>© {this.currentYear} {this.centralText}</div>\n              <div class={'vds__footer--powerby'}>\n                <span>{this.poweredByText}</span>\n                <vds-icon size=\"2.95775rem,1rem\" color=\"color-icon-medium\" svgIcon={'wabtec-grey-logo'}></vds-icon>\n              </div>\n            </div>\n            <div class={`vds__footer--slot ${this.type === 'expandable' ? 'has-expandable-button' : ''}`}>\n              <slot />\n              {this.renderExpandableButton()}\n            </div>\n          </div>\n        )}\n        {this.type === 'expandable' && this.expandedContentPosition === 'bottom' && this.isExpanded && (\n          <div class=\"vds__footer--expandable bottom\">\n            <slot name=\"expandable-content\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"vds-footer.entry.cjs.js","sources":["src/components/footer/vds-footer.scss?tag=vds-footer&encapsulation=shadow","src/components/footer/vds-footer.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n@mixin footerText() {\n  color: var(--color-text-medium);\n  @include font-style(title, 2x-small);\n}\n\n:host {\n  display: block;\n\n  .vds__footer--container {\n    height: 1.25rem;\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-05);\n    padding: var(--spacing-03) var(--spacing-07);\n    background-color: var(--surface-lower);\n\n    .vds__footer--app-version {\n      @include footerText();\n      flex: 1 0 0;\n    }\n\n    .vds__footer--info {\n      @include footerText();\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1 0 0;\n\n      div {\n        display: flex;\n        align-items: center;\n      }\n\n      div.vds__footer--powerby {\n        margin-left: 0.5rem;\n\n        span {\n          margin-right: 0.25rem;\n        }\n      }\n    }\n\n    .vds__footer--slot {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      flex: 1 0 0;\n    }\n  }\n\n  .vds__footer--expandable {\n    height: auto;\n    overflow: hidden;\n    padding: var(--spacing-03) var(--spacing-07);\n    background-color: var(--surface-lower);\n\n    &.top {\n      border-bottom: 1px solid var(--color-border-low);\n    }\n\n    &.bottom {\n      border-top: 1px solid var(--color-border-low);\n    }\n  }\n\n  .vds__footer--slot-start,\n  .vds__footer--slot-center,\n  .vds__footer--slot-end {\n    display: flex;\n    align-items: center;\n    flex: 1;\n  }\n\n  .vds__footer--slot-start {\n    justify-content: flex-start;\n  }\n\n  .vds__footer--slot-center {\n    justify-content: center;\n  }\n\n  .vds__footer--slot-end {\n    justify-content: flex-end;\n  }\n}\n\n@media only screen and (max-width: 77.4375rem) {\n  :host > .vds__footer--container > .vds__footer--info > div.vds__footer--powerby {\n    display: none;\n  }\n}\n\n@media only screen and (max-width: 56.5rem) {\n  :host {\n    .vds__footer--container {\n      .vds__footer--slot {\n        flex: 0;\n\n        > *:not(.vds__footer--expand-button) {\n          display: none;\n        }\n\n        &:not(.has-expandable-button) {\n          display: none;\n        }\n      }\n\n      .vds__footer--info,\n      .vds__footer--slot-center {\n        justify-content: flex-end;\n      }\n\n      .vds__footer--slot-end {\n        display: none;\n      }\n    }\n  }\n}","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop, Element, State } from '@stencil/core/internal';\nimport { setNodeObserver } from '../../utils/node-utils';\n\n@Component({\n  tag: 'vds-footer',\n  styleUrl: 'vds-footer.scss',\n  shadow: true,\n})\nexport class VdsFooter {\n  /**\n   *  Sets the type for the footer, expandable shows an extra layer of the footer.\n   *  Default is only what is visible.\n   *  and custom allows to set the content of the footer.\n   */\n  @Prop() type: 'default' | 'expandable' | 'custom' = 'default';\n  /** Sets the app version to be display in the footer */\n  @Prop() appVersion: string;\n  /** Sets the expanded content position, default is bottom */\n  @Prop() expandedContentPosition: 'top' | 'bottom' = 'bottom';\n  /** Defines the text in the central block of the footer */\n  @Prop({ mutable: true }) centralText: string = 'Wabtec Corporation. All rights reserved.';\n  /** Modify the text in the \"powered by\" section of the footer */\n  @Prop() poweredByText: string = 'Powered by';\n\n  @Element() host: HTMLStencilElement;\n\n  @State() isExpanded: boolean = false;\n\n  private currentYear: number;\n  private observer: MutationObserver;\n\n  componentWillRender(): void {\n    this.setFooterOptions();\n  }\n\n  componentWillLoad(): void {\n    this.setCurrentYear();\n  }\n\n  componentDidLoad(): void {\n    this.observer = setNodeObserver(this.setFooterOptions, this.host, this);\n  }\n\n  disconnectedCallback(): void {\n    this.observer.disconnect();\n  }\n\n  private setFooterOptions(): void {\n    if (this.type !== 'custom') {\n      Array.from(this.host.children).forEach(child => {\n        if (child.nodeName !== 'VDS-LINK' && child.slot !== 'expandable-content') {\n          child.remove();\n        }\n      });\n    }\n    this.setSeparators();\n  }\n\n  private setSeparators(): void {\n    const linkElements = Array.from(this.host.children).filter(\n      (child: HTMLElement) => child.nodeName === 'VDS-LINK',\n    );\n    if (linkElements.length <= 1) return;\n    for (let i = linkElements.length - 1; i > 0; i--) {\n      const divider = document.createElement('vds-divider');\n      divider.setAttribute('orientation', 'vertical');\n      divider.setAttribute('padding', 'spacing-01');\n      divider.style.setProperty('height', '1.25rem');\n      this.host.insertBefore(divider, linkElements[i]);\n    }\n  }\n\n  private setCurrentYear(): void {\n    this.currentYear = new Date().getFullYear();\n  }\n\n  private toggleExpand(): void {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  private renderExpandableButton(): HTMLStencilElement {\n    if (this.type === 'expandable') {\n      return (\n        <vds-icon-button\n          class=\"vds__footer--expand-button\"\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={() => this.toggleExpand()}\n          icon={this.isExpanded ? 'chevron-up' : 'chevron-down'}\n        />\n      );\n    }\n  }\n\n  private renderCustomFooter(): HTMLElement {\n    return (\n      <div class=\"vds__footer--container\">\n        <div class=\"vds__footer--slot-start\">\n          <slot name=\"start\" />\n        </div>\n        <div class=\"vds__footer--slot-center\">\n          <slot name=\"center\" />\n        </div>\n        <div class=\"vds__footer--slot-end\">\n          <slot name=\"end\" />\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        {this.type === 'expandable' && this.expandedContentPosition === 'top' && this.isExpanded && (\n          <div class=\"vds__footer--expandable top\">\n            <slot name=\"expandable-content\" />\n          </div>\n        )}\n        {this.type === 'custom' ? (\n          this.renderCustomFooter()\n        ) : (\n          <div class={'vds__footer--container'}>\n            <div class={'vds__footer--app-version'}>{this.appVersion}</div>\n            <div class={'vds__footer--info'}>\n              <div>© {this.currentYear} {this.centralText}</div>\n              <div class={'vds__footer--powerby'}>\n                <span>{this.poweredByText}</span>\n                <vds-icon size=\"2.95775rem,1rem\" color=\"color-icon-medium\" svgIcon={'wabtec-grey-logo'}></vds-icon>\n              </div>\n            </div>\n            <div class={`vds__footer--slot ${this.type === 'expandable' ? 'has-expandable-button' : ''}`}>\n              <slot />\n              {this.renderExpandableButton()}\n            </div>\n          </div>\n        )}\n        {this.type === 'expandable' && this.expandedContentPosition === 'bottom' && this.isExpanded && (\n          <div class=\"vds__footer--expandable bottom\">\n            <slot name=\"expandable-content\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":["setNodeObserver","h","Host"],"mappings":"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"}