wabtec-internal-volt-basic-components 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["vdsSidenavItemButtonCss","VdsSidenavItemButton","constructor","hostRef","this","disabled","expanded","isStatic","variant","handleClick","evt","clicked","emit","generateInformativeIcon","iconColor","h","class","icon","size","color","alt","value","generateLabel","render","Host","key","setAriaLabel","onClick","stopPropagation","preventDefault"],"sources":["src/components/sidenav-item-button/vds-sidenav-item-button.scss?tag=vds-sidenav-item-button&encapsulation=shadow","src/components/sidenav-item-button/vds-sidenav-item-button.tsx"],"sourcesContent":["@import \"~@volt/volt-foundations/dist/volt-foundations/volt-foundations\";\n\n:host {\n  display: block;\n  --vds-sidenav-item-button-expanded-width: var(--vds-sidenav-expanded-width, 17.5rem);\n  --vds-sidenav-item-button-static-width: var(--vds-sidenav-static-width, 3.75rem);\n  --vds-sidenav-item-button-collapsed-width: var(--vds-sidenav-collapse-width, 3.5rem);\n\n  .vds__sidenav-item-button {\n    box-sizing: border-box;\n    padding: var(--spacing-00) var(--spacing-03);\n    justify-content: flex-start;\n    align-items: center;\n    border-radius: var(--radius-medium);\n    display: flex;\n    overflow: hidden;\n    font-feature-settings: 'clig' off, 'liga' off;\n    text-overflow: ellipsis;\n    line-height: 1.25rem;\n    border: var(--spacing-00) solid transparent;\n    cursor: pointer;          \n    &:focus-visible {\n      outline: 0.125rem solid var(--color-border-focus-2);\n      outline-offset: 0.125rem;\n    }\n  }\n  .vds__sidenav-item-button--variant-primary{\n    background-color: var(--color-background-brand-default);\n    color: var(--static-white);\n    &:active, &:active:hover {\n      background-color: var(--color-background-brand-press);\n      outline: none;\n    }\n    &:hover {\n      background-color: var(--color-background-brand-hover);\n      outline: 0.25rem solid var(--color-border-brand-hover);\n      outline-offset: 0;\n    }\n    &.vds__sidenav-item-button--static-disabled{\n      box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n    }\n  }\n  .vds__sidenav-item-button--variant-secondary{    \n    color: var(--color-link-default);\n    background-color: transparent;\n    box-shadow: 0 0 0 0.125rem inset var(--color-border-brand);\n    &:active, &:active:hover {\n      background-color: var(--color-interaction-brand-lower);\n      color: var(--color-link-press);\n      vds-icon {\n        color: var(--color-icon-brand-press);\n        fill: var(--color-icon-brand-press);\n      }\n    }\n    &:hover {\n      background-color: var(--color-interaction-brand-lowest);\n      color: var(--color-link-hover);\n      vds-icon {\n        color: var(--color-icon-brand-hover);\n        fill: var(--color-icon-brand-hover);\n      }\n    }\n    \n    &.vds__sidenav-item-button--static{\n      box-shadow: 0 0 0 0.125rem inset var(--color-border-brand);\n      &.vds__sidenav-item-button--static-disabled{\n        box-shadow: 0 0 0 0.125rem inset var(--color-border-disabled);\n      }\n    }       \n  }\n  .vds__sidenav-item-button--informative-icon{\n    display: flex;\n    padding: var(--spacing-03, 0.5rem);\n    justify-content: center;\n    align-items: center;\n    gap: var(--spacing-00, 0px);\n  }\n  .vds__sidenav-item-button--static {\n    padding: 0;\n    letter-spacing: 0.009rem;\n    text-align: center;\n    width: var(--vds-sidenav-item-button-static-width);\n    min-height: 3.25rem;\n    display: flex;     \n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    @include font-style(title, 2x-small);\n    box-sizing: border-box;\n    .vds__sidenav-item-button--informative-icon{\n      padding: var(--spacing-03, 0.5rem) var(--spacing-03, 0.5rem) 0 var(--spacing-03, 0.5rem);\n    }\n  }\n  .vds__sidenav-item-button--static-label {\n    width: auto;\n    height: auto;\n    max-height: 1.5rem;\n    max-width: var(--vds-sidenav-item-button-static-width);\n    text-overflow: ellipsis;\n    overflow: hidden;\n    padding: var(--spacing-02) var(--spacing-00);\n  }\n  .vds__sidenav-item-button--expanded {\n    width: var(--vds-sidenav-item-button-expanded-width);\n    height: 2.5rem;\n    border-radius: var(--spacing-02);\n  }  \n  .vds__sidenav-item-button--expanded-label {\n    @include font-style(title, medium);\n    width: auto;\n    height: auto;\n    max-width: 100%;\n    padding: var(--spacing-03, 0.5rem);\n    text-overflow: ellipsis;\n    overflow: hidden;\n    line-height: 1.25rem;\n    white-space: nowrap;\n    margin-right: auto;\n  }\n  .vds__sidenav-item-button--collapsed {\n    width: var(--vds-sidenav-item-button-collapsed-width);\n    height: 2.5rem;\n    justify-content: center;\n  }\n  .vds__sidenav-item-button--label-disabled{\n    color: var(--color-text-disabled);\n    cursor: none;\n  }\n  .vds__sidenav-item-button--label-active {\n    color: var(--color-link-press);\n  }\n  .vds__sidenav-item-button--active {\n    background-color: var(--color-interaction-brand-lowest); \n    color: var(--color-link-press) ; \n  }\n  .vds__sidenav-item-button--expandable-disabled { \n    pointer-events: none;\n    background: var(--global-transparent);\n    color: var(--color-text-disabled);\n  }\n  .vds__sidenav-item-button--expandable-primary-disabled {\n    box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n  }\n  .vds__sidenav-item-button--expandable-secondary-disabled {\n    box-shadow: 0 0 0 0.125rem inset var(--color-border-disabled);\n  }  \n  .vds__sidenav-item-button--static-disabled { \n    box-shadow: 0 0 0 0.125rem inset var(--color-border-disabled);\n    pointer-events: none;\n    background: var(--global-transparent);\n    color: var(--color-text-disabled);\n  } \n}\n\n:host-context(.vds__sidenav-item-button--disabled) {\n  pointer-events: none;\n}","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-sidenav-item-button',\n  styleUrl: 'vds-sidenav-item-button.scss',\n  shadow: true,\n})\nexport class VdsSidenavItemButton {\n  /** Puts the navItem in disabled state */\n  @Prop({ mutable: true }) disabled: boolean = false;\n  /** When true expands the nav item to show both text and icon. When false, only shows the icon */\n  @Prop({ mutable: true }) expanded: boolean = false;\n  /** Define the icon value */\n  @Prop({ mutable: true }) icon: string;\n  /** Toggles static mode in nav-item */\n  @Prop({ mutable: true }) isStatic: boolean = false;\n  /** Define text value */\n  @Prop({ mutable: true }) value: string;\n  /** Define aria label value */\n  @Prop({ mutable: true }) setAriaLabel: string;\n  /** Define variant */\n  @Prop() variant: \"primary\" | \"secondary\" = \"primary\";\n\n  /** Emits event when item gets clicked */\n  @Event() clicked: EventEmitter<MouseEvent>;\n\n  private handleClick(evt: MouseEvent): void {\n    this.clicked.emit(evt);\n  }\n  private generateInformativeIcon(){\n    const iconColor = this.disabled ? 'color-icon-disabled' : this.variant=='primary'? 'white': 'color-icon-brand-default';\n    return (\n      <span class=\"vds__sidenav-item-button--informative-icon\">\n        <vds-icon\n          svg-icon={this.icon}\n          size={'1.5rem'}\n          color={iconColor}\n          alt={this.value}\n        />\n      </span>\n    );\n  }\n  private generateLabel(){\n    return (          \n            <span\n              class={`\n                    ${this.isStatic && !this.expanded ? 'vds__sidenav-item-button--static-label' : 'vds__sidenav-item-button--expanded-label'}\n                    ${this.disabled ? 'vds__sidenav-item-button--label-disabled' : ''}\n                    `}\n            >\n              {this.value ? this.value : <slot></slot>}\n            </span>    \n    );\n  }\n  render(): HTMLStencilElement {\n    return (\n      <Host class={this.disabled ? 'vds__sidenav-item-button--disabled' : ''}>\n        <button\n          aria-label={this.setAriaLabel ? this.setAriaLabel : this.value}\n          disabled={this.disabled}\n          onClick={(evt: MouseEvent) => {\n            if (this.disabled) {\n              evt.stopPropagation();\n              evt.preventDefault();\n            } else {\n              this.handleClick(evt);\n            }\n          }}\n          class={`vds__sidenav-item-button\n                 vds__sidenav-item-button--variant-${this.variant} \n                 ${this.isStatic && !this.expanded ? 'vds__sidenav-item-button--static' : this.expanded ? 'vds__sidenav-item-button--expanded' : 'vds__sidenav-item-button--collapsed'}\n                 ${this.disabled && this.isStatic ? 'vds__sidenav-item-button--static-disabled' : ''}\n                 ${this.disabled && !this.isStatic ? 'vds__sidenav-item-button--expandable-disabled' : ''}\n                 ${this.disabled && this.variant==='primary' ? 'vds__sidenav-item-button--expandable-primary-disabled':'' }\n                 ${this.disabled && this.variant==='secondary' && !this.isStatic ? 'vds__sidenav-item-button--expandable-secondary-disabled':'' }\n                 `}\n        >\n          {this.generateInformativeIcon()}         \n          {this.expanded || this.isStatic ? this.generateLabel() : null }\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAA0B,qnnC,MCQnBC,EAAoB,MALjC,WAAAC,CAAAC,G,yCAO2BC,KAAQC,SAAY,MAEpBD,KAAQE,SAAY,MAIpBF,KAAQG,SAAY,MAMrCH,KAAOI,QAA4B,SA8D5C,CAzDS,WAAAC,CAAYC,GAClBN,KAAKO,QAAQC,KAAKF,E,CAEZ,uBAAAG,GACN,MAAMC,EAAYV,KAAKC,SAAW,sBAAwBD,KAAKI,SAAS,UAAW,QAAS,2BAC5F,OACEO,EAAA,QAAMC,MAAM,8CACVD,EACY,uBAAAX,KAAKa,KACfC,KAAM,SACNC,MAAOL,EACPM,IAAKhB,KAAKiB,Q,CAKV,aAAAC,GACN,OACQP,EACE,QAAAC,MAAO,yBACCZ,KAAKG,WAAaH,KAAKE,SAAW,yCAA2C,mEAC7EF,KAAKC,SAAW,2CAA6C,4BAGpED,KAAKiB,MAAQjB,KAAKiB,MAAQN,EAAa,a,CAIpD,MAAAQ,GACE,OACER,EAACS,EAAK,CAAAC,IAAA,2CAAAT,MAAOZ,KAAKC,SAAW,qCAAuC,IAClEU,EACc,UAAAU,IAAA,wDAAArB,KAAKsB,aAAetB,KAAKsB,aAAetB,KAAKiB,MACzDhB,SAAUD,KAAKC,SACfsB,QAAUjB,IACR,GAAIN,KAAKC,SAAU,CACjBK,EAAIkB,kBACJlB,EAAImB,gB,KACC,CACLzB,KAAKK,YAAYC,E,GAGrBM,MAAO,gFACoCZ,KAAKI,8BACvCJ,KAAKG,WAAaH,KAAKE,SAAW,mCAAqCF,KAAKE,SAAW,qCAAuC,2DAC9HF,KAAKC,UAAYD,KAAKG,SAAW,4CAA8C,wBAC/EH,KAAKC,WAAaD,KAAKG,SAAW,gDAAkD,wBACpFH,KAAKC,UAAYD,KAAKI,UAAU,UAAY,wDAAwD,wBACpGJ,KAAKC,UAAYD,KAAKI,UAAU,cAAgBJ,KAAKG,SAAW,0DAA0D,yBAGlIH,KAAKS,0BACLT,KAAKE,UAAYF,KAAKG,SAAWH,KAAKkB,gBAAkB,M","ignoreList":[]}

package/dist/volt-basic-components/p-yH7K_CCT.js

@@ -0,0 +1,2 @@
+import{h as e}from"./p-DTZC-zXo.js";import{c as s}from"./p-B23UkaEC.js";const c=(e,s,c=false,o=false)=>{switch(true){case e:return"color-icon-disabled";case c:return"color-icon-danger";case s:return o?"color-icon-brand-default":"color-icon-brand-press";default:return"color-icon-high"}};const o=e=>e==="medium"?"1rem":e==="small"?"0.75rem":"1.25rem";const a=(s,a,i,n,l)=>{if(s){return e("div",{class:"vds-base-item__checkmark-icon"},e("vds-icon",{"svg-icon":"good",size:o(a),color:c(i,s||n,l),alt:"Selected Item"}))}return e("div",{class:`vds-base-item__checkmark-icon--empty-${a}`})};const i=(s,a,i,n,l,t)=>e("div",{class:"vds-base-item__informative-icon"},e("vds-icon",{"svg-icon":s,size:o(i),color:c(n,l,t),alt:a}));const n=(a,i,n,l,t)=>e("div",{class:`vds-base-item__checkbox-icon-${i}`},e("vds-icon",{"svg-icon":a?"checked":"unchecked",class:s(a?"checkbox-icon-checked":"",`checkbox-item-${i}`),size:o(i),color:c(n,a||l,t,true),alt:"checkbox-element"}));const l=(c,o,a,i,n)=>e("span",{class:s("vds-base-item__label",`vds-base-item__label--size-${o}`,a?"vds-base-item__label--disabled":"",i?"vds-base-item__label--active":"",n?"vds-base-item__label--danger":"")},c?c:e("slot",null));const t=(s,a,i,n)=>e("div",{class:"vds-base-item__has-children-icon"},e("vds-icon",{"svg-icon":"chevron-right",size:o(s),color:c(a,i,n),alt:"Open menu"}));export{n as a,i as b,l as c,t as d,a as g};
+//# sourceMappingURL=p-yH7K_CCT.js.map

package/dist/volt-basic-components/p-yH7K_CCT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-yH7K_CCT.js","sources":["src/components/base-item/base-item.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { IconColors } from \"../../components\";\n\n/**\n * Gets the appropriate icon color based on the provided conditions.\n *\n * @param {boolean} disabled - Whether the icon is disabled.\n * @param {boolean} isActive - Whether the icon is active.\n * @param {boolean} [danger=false] - Whether the icon should indicate danger.\n * @param {boolean} [isCheckbox=false] - Whether the icon is for a checkbox.\n * \n * @returns {IconColors} The CSS variable name for the icon color.\n */\nconst getIconColor = (\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean = false,\n    isCheckbox: boolean = false\n): IconColors => {\n    switch(true) {\n        case disabled:\n            return \"color-icon-disabled\";\n        case danger:\n            return \"color-icon-danger\";\n        case isActive:\n            return isCheckbox ? \"color-icon-brand-default\" : \"color-icon-brand-press\";\n        default: \n            return \"color-icon-high\";\n    }\n}\n\n/**\n * Gets the appropriate icon size based on the provided size.\n *\n * @param {\"small\" | \"medium\" | \"large\"} size - The desired size of the icon.\n * \n * @returns {string} The CSS size value for the icon.\n */\nconst getIconSize = (size: \"small\" | \"medium\" | \"large\"): string => size === \"medium\" ? \"1rem\" : size === \"small\" ? \"0.75rem\" : \"1.25rem\"\n\n/**\n * Generates a checkmark icon button based on the provided parameters.\n *\n * @param {boolean} isSelected - Whether the item is selected.\n * @param {\"medium\" | \"large\"} size - The desired size of the icon.\n * @param {boolean} disabled - Whether the icon is disabled.\n * @param {boolean} isActive - Whether the icon is active.\n * @param {boolean} danger - Whether the icon should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated checkmark icon button.\n */\nexport const generateCheckmarkIconButton = (\n    isSelected: boolean,\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement => {\n    if (isSelected) {\n        return (\n            <div class=\"vds-base-item__checkmark-icon\">\n              <vds-icon\n                svg-icon=\"good\"\n                size={getIconSize(size)}\n                color={getIconColor(disabled, isSelected || isActive, danger)}\n                alt=\"Selected Item\"\n              />\n            </div>\n          );\n    }\n\n    return (\n        <div class={`vds-base-item__checkmark-icon--empty-${size}`}></div>\n    );\n}\n\n/**\n * Generates an informative icon based on the provided parameters.\n *\n * @param {string} icon - The name of the SVG icon to use.\n * @param {string} value - The value associated with the icon.\n * @param {\"medium\" | \"large\"} size - The desired size of the icon.\n * @param {boolean} disabled - Whether the icon is disabled.\n * @param {boolean} isActive - Whether the icon is active.\n * @param {boolean} danger - Whether the icon should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated informative icon.\n */\nexport const generateInformativeIcon = (\n    icon: string,\n    value: string,\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement => {\n    return (\n        <div class=\"vds-base-item__informative-icon\">            \n          <vds-icon\n            svg-icon={icon}\n            size={getIconSize(size)}\n            color={getIconColor(disabled, isActive, danger)}\n            alt={value}\n          />\n        </div>\n      );\n}\n\n/**\n * Generates a checkbox icon based on the provided parameters.\n *\n * @param {boolean} isSelected - Whether the checkbox is selected.\n * @param {\"medium\" | \"large\"} size - The desired size of the checkbox.\n * @param {boolean} disabled - Whether the checkbox is disabled.\n * @param {boolean} isActive - Whether the checkbox is active.\n * @param {boolean} danger - Whether the checkbox should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated checkbox icon.\n */\nexport const generateCheckbox = (\n    isSelected: boolean,\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement  => {\n    return (\n        <div class={`vds-base-item__checkbox-icon-${size}`}>\n          <vds-icon\n            svg-icon={isSelected ? \"checked\" : \"unchecked\"}\n            class={combineClasses(isSelected ? \"checkbox-icon-checked\" : \"\", `checkbox-item-${size}`)}\n            size={getIconSize(size)}\n            color={getIconColor(disabled, isSelected || isActive, danger, true)}\n            alt={\"checkbox-element\"}\n          />\n        </div>\n    );\n}\n\n/**\n * Generates a label element based on the provided parameters.\n\n * @param {string} label - The text content of the label.\n * @param {\"medium\" | \"large\"} size - The desired size of the label.\n * @param {boolean} disabled - Whether the label is disabled.\n * @param {boolean} isActive - Whether the label is active.\n * @param {boolean} danger - Whether the label should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated label element.\n */\nexport const generateLabel = (\n    label: string,\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement => {\n    return (\n        <span\n            class={combineClasses(\n                \"vds-base-item__label\",\n                `vds-base-item__label--size-${size}`,\n                disabled ? \"vds-base-item__label--disabled\" : \"\",\n                isActive ? \"vds-base-item__label--active\" : \"\",\n                danger ? \"vds-base-item__label--danger\" : \"\",\n          )}\n        >\n          { label ? label :  <slot></slot> }\n        </span>\n    );\n}\n\n/**\n * Generates a children icon button based on the provided parameters.\n\n * @param {\"medium\" | \"large\"} size - The desired size of the icon.\n * @param {boolean} disabled - Whether the icon is disabled.\n * @param {boolean} isActive - Whether the icon is active.\n * @param {boolean} danger - Whether the icon should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated children icon button.\n */\nexport const generateChildrenIconButton = (\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement => {\n    return(\n        <div class=\"vds-base-item__has-children-icon\">\n          <vds-icon\n            svg-icon=\"chevron-right\"\n            size={getIconSize(size)}\n            color={getIconColor(disabled, isActive, danger)}\n            alt=\"Open menu\"\n          />\n        </div>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/volt-basic-components/vds-autocomplete-item.entry.esm.js.map

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

package/dist/volt-basic-components/vds-avatar.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-avatar.entry.esm.js","sources":["src/components/avatar/vds-avatar.scss?tag=vds-avatar&encapsulation=shadow","src/components/avatar/vds-avatar.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: block;\n  .vds-avatar {  \n    width: var(--spacing-06);    \n    height: var(--spacing-06);\n    flex-shrink: 0;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    overflow: hidden;\n    border: 1px solid var(--color-border-white-high);\n    box-sizing: border-box;\n  }\n  .vds-avatar--value{\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    color: var(--color-text-white-high);\n    text-align: center;\n    font-feature-settings: 'clig' off, 'liga' off;\n    @include font-style(title, medium);\n  }\n  .vds-avatar--picture {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    background-repeat: no-repeat;\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'vds-avatar',\n  styleUrl: 'vds-avatar.scss',\n  shadow: true,\n})\nexport class VdsAvatar {\n  /**\n   * This property can receive:\n   * - Fullname to show the first letters inside the avatar.\n   * - Url of image.\n   * - +XX format for showing the number of additional users. Caps at +99.\n   */\n  @Prop() value: string;\n  /** Set icon size in px or rem, IE: 32px or 1.25rem */\n  @Prop() size: string = '20px';\n\n  setBackground: boolean;\n\n  private getNumberFormat(number: string): string {\n    const numValue = parseInt(number.substring(1), 10);\n    if (numValue > 99) {\n      return '+99';\n    }\n    return '+' + numValue;\n  }\n\n  private getNameInitials(name: string): string {\n    const parts = name.split(' ');\n    const firstInitial = parts[0].charAt(0);\n    const lastInitial = parts[parts.length - 1].charAt(0);\n    const initials = firstInitial + lastInitial;\n\n    return initials.toUpperCase();\n  }\n\n  getAvatarValue(value: string): string {\n    if (/^\\+\\d+$/.test(value)) {\n      return this.getNumberFormat(value);\n    }\n    return this.getNameInitials(value);\n  }\n\n  calcFontSize(size: string): string {\n    const regex = /^(\\d+)(px|rem)$/;\n    const match = size.match(regex);\n    if (match) {\n      const value = parseInt(match[1], 10) / 2;\n      const unit = match[2];\n      const calculated_font_size = value + unit;\n      return calculated_font_size;\n    }\n    throw new Error('Invalid size format. Please provide a valid size in px or rem.');\n  }\n  calcLineHeight(size: string): string {\n    const regex = /^(\\d+)(px|rem)$/;\n    const match = size.match(regex);\n    if (match) {\n      const value = parseFloat(match[1]);\n      const unit = match[2];\n      const lineHeight = ((value * 1.25) / 2).toFixed(2);\n      return lineHeight + unit;\n    }\n  }\n\n  getValueStyles(): {width: string, height: string, 'font-size': string} {\n    return ({\n      'width': this.size,\n      'height': this.calcLineHeight(this.size),\n      'font-size': this.calcFontSize(this.size)\n    })\n  }\n\n  getAvatarContent() {\n    if (this.value.startsWith('http')) {\n      this.setBackground = false;\n      return <img class=\"vds-avatar--picture\" src={this.value} alt=\"Avatar\" />;\n    } else {\n      this.setBackground = true;\n      const value = this.getAvatarValue(this.value);\n      return (\n        <span\n          class=\"vds-avatar--value\"\n          style={this.getValueStyles()}\n        >\n          {value}\n        </span>\n      );\n    }\n  }\n\n  setBackgroundColor(): string {\n    return this.setBackground ? 'var(--color-icon-high)' : 'transparent';\n  }\n\n  render(): HTMLStencilElement {\n    const avatarContent = this.getAvatarContent();\n\n    return (\n      <Host>\n        <div class={`vds-avatar`} style={{ 'width': this.size, 'height': this.size, 'background-color': this.setBackgroundColor() }}>\n          {avatarContent}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/volt-basic-components/vds-badge-dot.entry.esm.js.map

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

package/dist/volt-basic-components/vds-badge-pill.entry.esm.js.map

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

package/dist/volt-basic-components/vds-basic-accordion.entry.esm.js.map

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

package/dist/volt-basic-components/vds-basic-autocomplete.entry.esm.js.map

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

package/dist/volt-basic-components/vds-basic-combo-box.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-basic-combo-box.entry.esm.js","sources":["src/components/vds-basic-combo-box/vds-basic-combo-box.scss?tag=vds-basic-combo-box&encapsulation=shadow","src/components/vds-basic-combo-box/vds-basic-combo-box.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: block;\n  .vds-combo-box__container {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    border-radius: var(--radius-medium);\n    border: var(--border-thickness-01) solid var(--color-border-low);\n    background: var(--surface-medium);\n\n    &:hover {\n      border-color: var(--color-border-brand);\n      outline: var(--border-thickness-05) solid var(--color-interaction-brand-low);\n    }\n\n    .vds-combo-box__informative-icon::part(svg-icon) {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    &.vds-combo-box__container--focus {\n      border-color: var(--color-border-brand);\n    }\n\n    &.vds-combo-box__container--error {\n      border-color: var(--color-border-danger);\n      outline-color: var(--color-interaction-danger-medium);\n\n      .vds-combo-box__input {\n        color: var(--color-text-danger-medium);\n      }\n    }\n\n    &.vds-combo-box__container--readonly {\n      border-color: var(--color-border-low);\n      outline: none;\n      background-color: var(--color-interaction-black-lowest);\n\n      .vds-combo-box__chip {\n        pointer-events: none;\n      }\n      .vds-combo-box__input {\n        color: var(--color-text-medium);\n      }\n    }\n\n    &.vds-combo-box__container--disabled {\n      border-color: var(--color-border-lowest);\n      outline: none;\n      background-color: var(--surface-medium);\n\n      .vds-combo-box__input {\n        color: var(--color-text-disabled);\n\n        &::placeholder {\n          color: var(--color-text-disabled);\n        }\n      }\n    }\n\n    &.vds-combo-box--size-small {\n      gap: var(--spacing-01);\n      padding: calc(var(--spacing-02) - 1px) calc(var(--spacing-03) - 1px);\n      min-height: var(--spacing-07);\n      .vds-combo-box__input-content {\n          &.vds-combo-box__input-content--has-value {\n            column-gap: var(--spacing-01);\n          }\n          row-gap: var(--spacing-02);\n          .vds-combo-box__chip-container {\n            height: var(--spacing-04);\n            .vds-combo-box__chip {\n              height: var(--spacing-05);\n              transform: translateY(-5px);\n            }\n          }\n        .vds-combo-box__input {\n          @include font-style(body, small);\n        }\n      }\n    }\n\n    &.vds-combo-box--size-medium {\n      gap: var(--spacing-02);\n      padding: calc(var(--spacing-03) - 1px) calc(var(--spacing-04) - 1px);\n      min-height: var(--spacing-10);\n\n      .vds-combo-box__input-content {\n        &.vds-combo-box__input-content--has-value {\n          column-gap: var(--spacing-02);\n        }\n        row-gap: var(--spacing-03);\n        .vds-combo-box__chip-container {\n          height: var(--spacing-06);\n          .vds-combo-box__chip {\n            height: var(--spacing-07);\n            transform: translateY(-2px);\n          }\n        }\n        .vds-combo-box__input {\n          @include font-style(body, medium);\n        }\n      }\n    }\n\n    &.vds-combo-box--size-large {\n      gap: var(--spacing-03);\n      padding: calc(var(--spacing-04) - 1px) calc(var(--spacing-05) - 1px);\n      min-height: var(--spacing-13);\n      .vds-combo-box__input-content {\n        &.vds-combo-box__input-content--has-value {\n          column-gap: var(--spacing-02);\n        }\n        row-gap: var(--spacing-03);\n        .vds-combo-box__chip-container {\n          height: var(--spacing-07);\n          .vds-combo-box__chip {\n            height: var(--spacing-08);\n            transform: translateY(-2px);\n          }\n        }\n        .vds-combo-box__input {\n          @include font-style(body, large);\n        }\n      }\n    }\n\n    .vds-combo-box__input-content {\n      align-items: center;\n      color: inherit;\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1;\n    }\n\n    .vds-combo-box__input {\n      display: inline-block;\n      flex: 1 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      overflow: hidden;\n      color: var(--color-text-high);\n      font-feature-settings: 'clig' off, 'liga' off;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-style: normal;\n  \n      &::placeholder {\n        color: var(--color-text-medium);\n      }\n  \n      &:hover,\n      &:focus {\n        border: none;\n        outline: none;\n      }\n    }\n  }\n}\n\n:host-context(.vds-combo-box--disabled) {\n  pointer-events: none;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Method, Element } from \"@stencil/core\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { HTMLStencilElement, State, Watch } from \"@stencil/core/internal\";\nimport { isValidIcon, setDirtyClass, getIconColor, toggleFocusClass } from \"../input/vds-basic-input.utils\";\nimport { cloneAttributes } from \"../../utils/clone-attributes\";\n\n@Component({\n  tag: \"vds-basic-combo-box\",\n  styleUrl: \"vds-basic-combo-box.scss\",\n  shadow: true,\n})\nexport class VdsBasicComboBox {\n  /** Sets the combobox size. */\n  @Prop({ mutable: true }) size: \"medium\" | \"large\" | \"small\" = \"medium\";\n  /** Sets the combobox value. */\n  @Prop({ mutable: true, reflect: true }) value: string[] = [];\n  /** Sets the combobox placeholder. */\n  @Prop({ mutable: true, reflect: true }) placeholder: string;\n  /** Sets the combobox in disabled state. */\n  @Prop({ mutable: true, reflect: true }) disabled: boolean;\n  /** Sets the combobox in readonly state. */\n  @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n  /** Sets the combobox in error state. */\n  @Prop({ mutable: true, reflect: true }) error: boolean;\n  /** Allows user to define a information icon inside the combobox at its left . */\n  @Prop() informativeIcon: string;\n  /** Sets the combobox clear button visibility. */\n  @Prop() showClearButton: boolean = true;\n  /** Allows user to define a search icon inside the input at its right (zoom by default) . */\n  @Prop() actionIcon: string = \"zoom\";\n\n  /** Emits event when the selected chips list change, this event contains the value of the selected chips */\n  @Event() valueChanged: EventEmitter<string[]>;\n  /** Emits an event when the clear button is clicked */\n  @Event() cleared: EventEmitter<void>;\n  /** Emits an event when the user click the actionIcon (the magnifying glass) */\n  @Event() actionIconClick: EventEmitter<void>;\n  /** Emits updated inputed value similar to the input event */\n  @Event() changeInput: EventEmitter<string>;\n\n  @State() internalValue: string = \"\";\n\n  @Element() hostEl: HTMLElement;\n\n  private inputContainerRef: HTMLDivElement;\n  private inputEl: HTMLInputElement;\n\n  @Watch(\"value\")\n  valueChangedHandler(newValue: string[]): void {\n    this.valueChanged.emit(newValue);\n  }\n\n  /* Sets focus to the input element */\n  @Method()\n  public async setFocus(): Promise<void> {\n    return new Promise((resolve) => {\n      this.inputEl.focus();\n      resolve();\n    });\n  }\n\n  /**\n   * Sets the autocomplete input value to handle filtering.\n   *\n   * @returns {Promise<void>} \n   */\n  @Method()\n  public async setValue(value: string[]): Promise<void> {\n    this.value = value;\n    return Promise.resolve();\n  }\n\n  /**\n   * Return the autocomplete value.\n   *\n   * @returns {Promise<string>} A promise that resolves by returning the autocomplete value.\n   */\n  @Method()\n  public async getValue(): Promise<string[]> {\n    return Promise.resolve(this.value);\n  }\n\n  /**\n   * Clears the selected options and resets the value of the autocomplete.\n   *\n   * @returns {Promise<void>} A promise that resolves when the clearing operation is complete.\n   */\n  @Method()\n  public async clear(): Promise<void> {\n    this.value = [];\n    this.internalValue = \"\";\n    this.cleared.emit();\n    return Promise.resolve();\n  }\n\n  /**\n   * Displays vds-icon when icon string is valid\n   *\n   * @returns HTMLStencilElement\n   */\n  private getInputIcon(icon: string): HTMLStencilElement {\n    if(!isValidIcon(icon)) return null;\n\n    const inputState = this.disabled ? \"disabled\" : this.isReadonly ? \"readonly\" : \"normal\";\n    const size = this.size === \"medium\" ? \"1rem\" : this.size === \"small\" ? \"0.75rem\" : \"1.25rem\";\n    return (<vds-icon class=\"vds-combo-box__informative-icon\" svgIcon={icon} size={size} color={getIconColor(inputState)}></vds-icon>);\n  }\n\n  /**\n   * Sets value from input\"s event target.\n   * Emits change, input and changeInput events.\n   * Sets input as dirty when input\"s event is triggered.\n   * Executes formatter prop function on every inputed value.\n   *\n   * @returns void\n   */\n  private handleInput(evt: InputEvent): void {\n    evt.stopPropagation();\n    const target = evt.target as HTMLInputElement;\n    const inputEvent = new InputEvent(\"input\");\n    setDirtyClass(this.hostEl);\n\n    this.internalValue = target.value;\n\n    this.changeInput.emit(this.internalValue);\n    this.hostEl.dispatchEvent(inputEvent);\n  }\n\n  /**\n   * Toggle class vds__input__container--focus in focus/blur input\"s event\n   *\n   * @returns void\n   */\n  private toggleFocusClass(): void {\n    this.inputContainerRef && toggleFocusClass(this.inputContainerRef);\n  }\n\n  private handleCloseChip(val: string): void {\n    this.value = this.value.filter(item => item !== val);\n  }\n\n  private getSizeIconButton(): \"medium\" | \"large\" | \"small\" | \"extra-small\" {\n    switch(this.size) {\n      case \"small\": \n        return \"extra-small\";\n      case \"medium\": \n        return \"small\";\n      case \"large\": \n        return \"medium\";\n      default: \n        return \"small\";\n    }\n  }\n\n  private handleActionButton(): void {\n    this.actionIconClick.emit();\n  }\n\n  render() {\n    return (\n      <Host class={this.disabled ? \"vds-combo-box--disabled\" : \"\"}>\n        <div\n          ref={(el): void => { if(el) this.inputContainerRef = el} }\n          class={combineClasses(\n            \"vds-combo-box__container\",\n            `vds-combo-box--size-${this.size}`,\n            this.error && \"vds-combo-box__container--error\",\n            this.isReadonly && \"vds-combo-box__container--readonly\",\n            this.disabled && \"vds-combo-box__container--disabled\"\n          )}\n        >\n          {this.getInputIcon(this.informativeIcon)}\n          <div class={combineClasses(\"vds-combo-box__input-content\", this.value?.length > 0 ? \"vds-combo-box__input-content--has-value\" : \"\")}>\n              {this.value.map((val: string) => (\n                <div class=\"vds-combo-box__chip-container\">\n                  <vds-chip \n                    class={\"vds-combo-box__chip\"}\n                    value={val}\n                    size={this.size}\n                    disabled={this.disabled || this.isReadonly}\n                    close={true}\n                    removeOnClose={false}\n                    onAfterClosed={() => this.handleCloseChip(val)}>\n                  </vds-chip>\n                </div>\n              ))}\n              <input\n                ref={(el): void => { if(el) this.inputEl = el} }\n                class={\"vds-combo-box__input\"}\n                type={\"text\"}\n                value={this.internalValue}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                readOnly={this.isReadonly}\n                onInput={(evt): void => this.handleInput(evt)}\n                onFocus={(): void => this.toggleFocusClass()}\n                onBlur={(): void => this.toggleFocusClass()}\n                {...cloneAttributes(\n                  this.hostEl,\n                  \"class\",\n                  \"value\",\n                  \"disabled\",\n                  \"placeholder\",\n                  \"label\",\n                  \"style\",\n                )}\n              />\n          </div>\n          {this.showClearButton && (<vds-icon-button variant=\"secondary\" disabled={this.disabled || this.isReadonly} icon={\"close\"} size={this.getSizeIconButton()} onClick={() => this.clear()} />)}\n          {this.actionIcon && (<vds-icon-button variant=\"secondary\" disabled={this.disabled || this.isReadonly} icon={this.actionIcon} size={this.getSizeIconButton()} onClick={() => this.handleActionButton()} />)}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/volt-basic-components/vds-basic-slider-continuous.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-basic-slider-continuous.entry.esm.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":[],"mappings":"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"}

package/dist/volt-basic-components/vds-basic-slider-range-continuous.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-basic-slider-range-continuous.entry.esm.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":[],"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;QACjB,WAAW,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;QACvB,WAAW,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;QAClF,WAAW,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,OAAO,uBAAuB,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,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,mCAAmC,EAAA,EAC7C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iCAAiC,EAAC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAC,EAAA,EACjF,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,wBAAwB,EAAA,EAClC,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,IAAI,CAAC,eAAe,CAAQ,CACrE,EACL,IAAI,CAAC,WAAW,KAAK,UAAU,IAAI,CAAA,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,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,mCAAmC,EAAA,EAC7C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iCAAiC,EAAC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAC,EAAA,EAC/E,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,wBAAwB,EAAA,EAClC,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,IAAI,CAAC,aAAa,CAAQ,CACnE,EACL,IAAI,CAAC,WAAW,KAAK,UAAU,IAAI,CAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,mBAAmB,EAAA,CAAa,CACzG,CACF,CACF;;;IAKJ,qBAAqB,GAAA;QAC7B,QACC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,6CAA6C,EAAA,EACvD,CAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAE,cAAc,CACpB,mCAAmC,CACnC,EAAA,EAEI,CAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAC,QAAQ,CAAQ,EAC5B,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,QAAQ,CAAQ,CAC5B,CACD;;IAIC,aAAa,GAAA;AACnB,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,iCAAiC,EAAA,EAEvC,CACE,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,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,yBAAyB,EAAQ,CAAA,EAC7C,CAAA,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,EACP,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,wDAAwD,EAC/D,KAAK,EAAE,EAAC,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,kBAAkB,CAAA,CAAE,EAAC,EAAA,EAE3C,CAAU,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,EACN,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,sDAAsD,EAC7D,KAAK,EAAE,EAAC,IAAI,EAAE,CAAG,EAAA,IAAI,CAAC,gBAAgB,CAAE,CAAA,EAAC,EAAA,EAEzC,CAAU,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,EACN,CAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,CAAC,EAAE,KAAU;gBAChB,IAAI,EAAE,EAAE;AACN,oBAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE;;aAE9B,EACD,KAAK,EAAE,cAAc,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,EACF,CAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,CAAC,EAAE,KAAU;gBAChB,IAAI,EAAE,EAAE;AACN,oBAAA,IAAI,CAAC,eAAe,GAAG,EAAE;;aAE5B,EACD,KAAK,EAAE,cAAc,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,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,4BAA4B,GAAG,EAAE,EAAA,EAC5D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,cAAc,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,EAEvB,CAAA,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/volt-basic-components/vds-chip.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-chip.entry.esm.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":[],"mappings":"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"}

package/dist/volt-basic-components/vds-dialog-action-footer.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-dialog-action-footer.entry.esm.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":[],"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,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;"}

package/dist/volt-basic-components/vds-dialog-body.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-dialog-body.entry.esm.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":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,+49BAA+49B;;MCQ359B,aAAa,GAAA,MAAA;;;;IACxB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,mBAAmB,EAAA,EAC7B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/volt-basic-components/vds-dialog-header.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-dialog-header.entry.esm.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":[],"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,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,2BAA2B,EAAA,EACrC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,IAAI,CAAC,eAAe,IAAI,CAAiB,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/volt-basic-components/vds-dialog-modal.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-dialog-modal.entry.esm.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":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,s09BAAs09B;;MCQn19B,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACzC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,oBAAoB,EAAA,EAC5B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,EAC3B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACR,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACD;;;;;;;"}