npm - wabtec-internal-volt-basic-components - Versions diffs - 1.0.0 - Mend

wabtec-internal-volt-basic-components 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1131) hide show

package/dist/cjs/vds-basic-dropdown_23.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"vds-basic-dropdown.vds-basic-dropdown-multiselect.vds-basic-input.vds-basic-textarea.vds-button.vds-card.vds-checkbox.vds-divider.vds-drawer.vds-dropdown-group-header.vds-dropdown-item.vds-field.vds-icon.vds-icon-button.vds-label.vds-link.vds-menu.vds-menu-group-header.vds-menu-item.vds-menu-list.vds-progress-circular.vds-sidenav-item.vds-upload-item.entry.cjs.js","mappings":"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","names":["updateFloatingBoxPosition","toggleContainerDisplay","scrollToSelectedValue","unselectNonSelectedItems","selectSelectedItems","getSelectedLabel","unselectAllItems","updateContainerWidth","forceUpdate","h","getIconSize","combineClasses","Host","setDropdownStyles","getValidOptions","emitNativeInputEvent","getSelectedItemsText","getIconColor","isValidIcon","toggleFocusClass","setInputStyles","setDirtyClass","maskInput","setTouchedClass","cloneAttributes","generateGroupHeaderContainer","generateCheckmarkIconButton","generateCheckbox","generateInformativeIcon","generateLabel","svgs.default","ICON_SIZE","queryElementFromShadowRoot","generateChildrenIconButton"],"sources":["src/components/basic-dropdown/vds-basic-dropdown.scss?tag=vds-basic-dropdown&encapsulation=shadow","src/components/basic-dropdown/vds-basic-dropdown.tsx","src/utils/array-utils.ts","src/components/dropdown-multiselect/vds-basic-dropdown-multiselect.scss?tag=vds-basic-dropdown-multiselect&encapsulation=shadow","src/components/dropdown-multiselect/vds-basic-dropdown-multiselect.tsx","src/utils/form.ts","src/components/input/vds-basic-input.scss?tag=vds-basic-input&encapsulation=shadow","src/components/input/vds-basic-input.tsx","src/constants/spacing-vars.ts","src/components/textarea/vds-basic-textarea.scss?tag=vds-basic-textarea&encapsulation=shadow","src/components/textarea/vds-basic-textarea.tsx","src/components/button/vds-button.scss?tag=vds-button&encapsulation=shadow","src/components/button/vds-button.tsx","src/components/card/vds-card.scss?tag=vds-card&encapsulation=shadow","src/components/card/vds-card.tsx","src/components/checkbox/vds-checkbox.utils.ts","src/components/checkbox/vds-checkbox.scss?tag=vds-checkbox&encapsulation=shadow","src/components/checkbox/vds-checkbox.tsx","src/components/divider/vds-divider.scss?tag=vds-divider&encapsulation=shadow","src/components/divider/vds-divider.tsx","src/components/drawer/vds-drawer.scss?tag=vds-drawer&encapsulation=shadow","src/components/drawer/vds-drawer.tsx","src/components/dropdown-group-header/vds-dropdown-group-header.scss?tag=vds-dropdown-group-header&encapsulation=shadow","src/components/dropdown-group-header/vds-dropdown-group-header.tsx","src/utils/utils.ts","src/components/dropdown-item/vds-dropdown-item.scss?tag=vds-dropdown-item&encapsulation=shadow","src/components/dropdown-item/vds-dropdown-item.tsx","src/components/field/vds-field.scss?tag=vds-field&encapsulation=shadow","src/components/field/vds-field.tsx","src/utils/icon-generation.utils.ts","src/components/icon/vds-icon.scss?tag=vds-icon&encapsulation=shadow","src/components/icon/vds-icon.tsx","src/components/icon-button/vds-icon-button.scss?tag=vds-icon-button&encapsulation=shadow","src/components/icon-button/vds-icon-button.tsx","src/components/label/vds-label.scss?tag=vds-label&encapsulation=shadow","src/components/label/vds-label.tsx","src/components/link/vds-link.scss?tag=vds-link&encapsulation=shadow","src/components/link/vds-link.tsx","src/components/menu/vds-menu.scss?tag=vds-menu&encapsulation=shadow","src/components/menu/vds-menu.tsx","src/components/menu-group-header/vds-menu-group-header.scss?tag=vds-menu-group-header&encapsulation=shadow","src/components/menu-group-header/vds-menu-group-header.tsx","src/components/menu-item/vds-menu-item.scss?tag=vds-menu-item&encapsulation=shadow","src/components/menu-item/vds-menu-item.tsx","src/components/menu-list/vds-menu-list.scss?tag=vds-menu-list&encapsulation=shadow","src/components/menu-list/vds-menu-list.tsx","src/components/progress-circular/vds-progress-circular.scss?tag=vds-progress-circular&encapsulation=shadow","src/components/progress-circular/vds-progress-circular.tsx","src/components/sidenav-item/vds-sidenav-item.scss?tag=vds-sidenav-item&encapsulation=shadow","src/components/sidenav-item/vds-sidenav-item.tsx","src/components/upload-item/vds-upload-item.scss?tag=vds-upload-item&encapsulation=shadow","src/components/upload-item/vds-upload-item.tsx"],"sourcesContent":["@import \"~@volt/volt-foundations/dist/volt-foundations/volt-foundations\";\n\n:host {\n display: block;\n width: 100%; \n .vds__dropdown--trigger{\n box-sizing: border-box;\n display: inline-flex;\n width: 100%;\n text-align: left;\n align-items: center;\n justify-content: space-between;\n gap: 0.25rem;\n align-self: stretch;\n border-radius: var(--radius-medium);\n border: none;\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-low);\n background: var(--surface-medium);\n &:active, &:hover {\n cursor: pointer;\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-brand);\n }\n\n &:focus-visible {\n outline: 0.125rem solid var(--color-border-focus-2);\n outline-offset: 0.125rem;\n }\n &.vds__dropdown--trigger--size-small {\n padding: var(--spacing-02) var(--spacing-03);\n height: var(--spacing-07);\n }\n &.vds__dropdown--trigger--size-medium {\n padding: var(--spacing-03) var(--spacing-04);\n height: var(--spacing-10);\n }\n &.vds__dropdown--trigger--size-large {\n padding: var(--spacing-04) var(--spacing-05);\n height: var(--spacing-13);\n }\n }\n .vds__dropdown--trigger-disabled{\n cursor: none;\n pointer-events: none;\n color: var(--color-text-disabled);\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n background: var(--surface-medium);\n .vds__dropdown--value{\n color: var(--color-text-disabled);\n }\n }\n .vds__dropdown--trigger-error{\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-danger);\n &:focus, &:active, &:hover {\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-danger);\n } \n .vds__dropdown--value-label{\n color: var(--color-text-danger-medium);\n }\n }\n .vds__dropdown--value{\n padding-right: var(--spacing-02);\n font-feature-settings: 'clig' off, 'liga' off;\n overflow: hidden; \n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .vds__dropdown--value-small{\n @include font-style(body, small);\n }\n .vds__dropdown--value-medium{\n @include font-style(body, medium);\n }\n .vds__dropdown--value-large{\n @include font-style(body, large);\n } \n .vds__dropdown--value-label{\n color: var(--color-text-high);\n } \n .vds__dropdown--value-placeholder{\n color: var(--color-text-medium);\n } \n .vds__dropdown--container {\n display: none;\n width: fit-content;\n min-width: max-content;\n max-height: fit-content !important;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n border-radius: var(--radius-medium);\n background: var(--surface-medium);\n z-index: var(--elevation-layer-5);\n box-shadow: var(--elevation-shadow-2);\n box-sizing: border-box;\n border: 0.0625rem solid var(--color-border-lowest);\n &.no-shadow {\n box-shadow: none;\n border: none;\n }\n &.has-scroll {\n padding-right: var(--spacing-01);\n }\n &.match-width {\n width: var(--trigger-width);\n min-width: var(--trigger-width);\n }\n }\n .vds-dropdown__content {\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n border-radius: var(--radius-medium);\n &.scrollable {\n padding-right: var(--spacing-01);\n }\n &::-webkit-scrollbar {\n background-color: var(--surface-medium);\n width: 0.375rem;\n }\n &::-webkit-scrollbar-thumb {\n background-color: var(--color-background-neutral-press);\n border-radius: 1rem;\n }\n }\n .vds__dropdown--left-content{\n display: inline-flex;\n column-gap: var(--spacing-02);\n align-items: center;\n overflow: hidden;\n .vds-dropdown__informative-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n .vds__dropdown--trigger--size-large .vds__dropdown--left-content {\n column-gap: var(--spacing-03);\n }\n .vds__dropdown--right-actions{\n display: inline-flex;\n align-items: center;\n }\n .vds-basic-dropdown__container {\n display: block;\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\n:host-context(.vds-basic-dropdown--disabled) {\n pointer-events: none;\n}","import { Component, Host, Prop, h, Method, Listen, Element, Event, EventEmitter, State, Watch, AttachInternals, forceUpdate } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { DropdownItemClickedEvent } from '../dropdown-item/vds-dropdown-item-clicked-event';\nimport { getIconSize } from '../../utils/icon-attr.utils';\nimport { getSelectedLabel, scrollToSelectedValue, selectSelectedItems, setDropdownStyles, toggleContainerDisplay, unselectAllItems, unselectNonSelectedItems, updateContainerWidth } from './vds-basic-dropdown.utils';\n\n@Component({\n tag: 'vds-basic-dropdown',\n styleUrl: 'vds-basic-dropdown.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class VdsBasicDropdown {\n @Element() hostEl: HTMLElement;\n /** Sets the dropdown's size. */\n @Prop({ mutable: true }) size: 'small' | 'medium' | 'large' = 'medium';\n /** Sets the dropdown's value. */\n @Prop({ mutable: true }) value: string;\n /** Allows user to define a information icon to the left of the dropdown. */\n @Prop({ mutable: true }) informativeIcon: string;\n /** Allows dropdown-item informativeIcon reflect dynamically as informativeIcon of the dropdown. */\n @Prop({ mutable: true }) dynamicInformativeIcon: boolean = false;\n /** Sets the dropdown's placeholder. */\n @Prop({ mutable: true }) placeholder: string;\n /** Sets the dropdown in disabled state. */\n @Prop({ mutable: true }) disabled: boolean = false;\n /** Sets the dropdown in readonly state. */\n @Prop({ mutable: true }) isReadonly: boolean = false;\n /** Sets the dropdown in error state. */\n @Prop({ mutable: true, reflect: true }) error: boolean;\n /** Sets the dropdown's trigger event. */\n @Prop({ mutable: true }) event: 'click' | 'hover' = 'click';\n /** Sets the dropdown's clear button visibility. */\n @Prop({ mutable: true }) showClearButton: boolean = true;\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 dropdown width */\n @Prop({ mutable: true }) matchWidth: boolean = false;\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 /** Toggles the overlay element, allowing interaction only with this element when active */\n @Prop() backdrop: boolean = false;\n \n \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 */\n @Event() valueChanged: EventEmitter<string>;\n /** Emits an event when the clear button is clicked */\n @Event() cleared: EventEmitter<boolean>;\n \n /** Dropdown's status. */\n @State() dropdownOpened: boolean = false;\n /** Dropdown's label of the current value. */\n @State() private valueLabel: string = undefined;\n\n @AttachInternals() internals: ElementInternals;\n\n private actionElementRef: HTMLButtonElement;\n private dropdownContentElementRef: HTMLDivElement;\n private defaultInformativeIcon: string;\n private options: HTMLVdsDropdownItemElement[] = [];\n\n private floatingCleanUp: () => void;\n observer: any;\n\n @Watch('dropdownOpened')\n async emitValue(): Promise<void> {\n if (this.dropdownOpened) {\n this.floatingCleanUp = await updateFloatingBoxPosition(this.actionElementRef, this.dropdownContentElementRef, null, 'bottom', this.autoPosition);\n toggleContainerDisplay(this.dropdownContentElementRef, true);\n if (this.value) {\n scrollToSelectedValue(this.dropdownContentElementRef, this.value);\n }\n this.opened.emit();\n } else {\n toggleContainerDisplay(this.dropdownContentElementRef, false);\n this.floatingCleanUp();\n this.closed.emit();\n }\n }\n\n @Watch('value')\n setValueHandler(): void {\n unselectNonSelectedItems(this.dropdownContentElementRef, this.value);\n selectSelectedItems(this.dropdownContentElementRef, this.value);\n this.defineValue();\n this.setFormValue();\n this.valueLabel = getSelectedLabel(this.dropdownContentElementRef, this.value);\n }\n \n private setFormValue(): void {\n if (this.internals && !!this.internals.setFormValue) {\n this.internals.setFormValue(this.value);\n }\n }\n\n /* Close the floating element when click outside */\n @Listen('click', { target: 'window' })\n private handleClickOut(evt: MouseEvent): void {\n evt.stopPropagation();\n const isClickInside = this.hostEl.contains(evt.target as Node);\n if (!isClickInside) {\n this.close();\n }\n }\n\n /* Close the floating element with keydown on the trigger element */\n private handleFloatingKeydown(event: KeyboardEvent): void {\n event.stopImmediatePropagation();\n if (event.key === 'Escape' || event.key === 'Esc') {\n this.close();\n }\n }\n\n /* Open the floating element with click on the trigger element */\n private handleClick(evt: Event): void {\n evt.stopImmediatePropagation();\n if (this.event === 'click') {\n const clickedElement = evt.target as HTMLElement;\n if (clickedElement && !this.disabled && !this.isReadonly) {\n this.dropdownOpened = !this.dropdownOpened;\n }\n }\n }\n /* Clear selected value from the Dropdown */\n private clearValue(evt: Event): void {\n evt.stopImmediatePropagation();\n this.clear();\n this.close();\n }\n /* Listen when Dropdown Item element is clicked to close Dropdown Items window */\n @Listen('dropdownItemClicked')\n private handleDropdownItemClicked(event: CustomEvent<DropdownItemClickedEvent>): void {\n this.handleSelection(event);\n this.valueChanged.emit(this.value);\n this.dynamicInformativeIcon ? (this.informativeIcon = event.detail.icon) : null;\n this.close();\n }\n\n /* Checks if the item is already selected and if so clears the selection, otherwise sets the value */\n private handleSelection(event: CustomEvent<DropdownItemClickedEvent>): void {\n this.value = event.detail.value;\n this.valueLabel = event.detail.label;\n }\n\n /* Open the floating element(menu) of the Dropdown. */\n @Method()\n public async open(): Promise<void> {\n this.dropdownOpened = true;\n }\n\n /* Close the floating element(menu) of the Dropdown. */\n @Method()\n public async close(): Promise<void> {\n this.dropdownOpened = false;\n }\n /* Clear the selected value from the Dropdown. */\n @Method()\n public async clear(): Promise<void> {\n this.value = null;\n this.valueLabel = null;\n this.valueChanged.emit(this.value);\n this.dynamicInformativeIcon ? (this.informativeIcon = this.defaultInformativeIcon) : null;\n unselectAllItems(this.dropdownContentElementRef);\n this.cleared.emit(true);\n }\n /**\n * Gets the target that will manage the menu\n * returns a promise with the target HTMLElement.\n */\n @Method()\n public async getTarget(): Promise<HTMLElement | null> {\n return document.querySelector('.vds__dropdown--trigger') as HTMLElement;\n }\n /**\n * Gets the selected value of the dropdown\n * returns a promise with the value.\n */\n @Method()\n public async getValue(): Promise<String | null> {\n return this.value;\n }\n\n /**\n * Set the value of the dropdown\n */\n @Method()\n public async setValue(value: string): Promise<void> {\n this.clear();\n this.value = value;\n }\n\n private handleHover(event: Event): void {\n const hoveredElement = event.target as HTMLElement;\n if (this.event === 'hover' && hoveredElement) {\n this.dropdownOpened = true;\n }\n }\n private handleHoverOut(event: Event): void {\n const hoveredElement = event.target as HTMLElement;\n if (this.event === 'hover' && hoveredElement) {\n this.close();\n }\n }\n\n private setPredefinedItem() {\n const slotElement = this.dropdownContentElementRef?.querySelector('slot');\n const items = typeof slotElement?.assignedElements === 'function' && slotElement?.assignedElements();\n let preselectedItem = Array.from(items || []).filter(item => item.tagName.toLowerCase() === 'vds-dropdown-item' && item.getAttribute('value') === this.value)[0];\n if (preselectedItem) {\n preselectedItem.setAttribute('is-selected', 'true');\n preselectedItem.setAttribute('is-active', 'true');\n this.valueLabel = preselectedItem.getAttribute('label');\n }\n }\n\n private findAndSetPredefinedItem() {\n let getPreselectedItem = undefined;\n const slotElement = this.dropdownContentElementRef?.querySelector('slot');\n if (slotElement && typeof slotElement.assignedElements === 'function' && slotElement.assignedElements().length > 0) {\n getPreselectedItem = Array.from(slotElement.assignedElements()).find(\n item =>\n item.tagName.toLowerCase() === 'vds-dropdown-item' &&\n item.hasAttribute('is-selected') &&\n item.getAttribute('is-selected') === 'true' &&\n item.hasAttribute('is-active') &&\n item.getAttribute('is-active') === 'true',\n );\n }\n if (getPreselectedItem !== undefined) {\n this.value = getPreselectedItem.getAttribute('value');\n this.valueLabel = getPreselectedItem.getAttribute('label');\n }\n }\n\n private defineValue() {\n if (this.value && !this.valueLabel) {\n this.setPredefinedItem();\n }\n if (this.value) {\n this.findAndSetPredefinedItem();\n }\n }\n\n componentWillLoad() {\n if (this.dynamicInformativeIcon && this.defaultInformativeIcon === undefined) {\n this.defaultInformativeIcon = this.informativeIcon;\n }\n }\n\n componentDidRender() {\n this.options = Array.from(this.hostEl.querySelectorAll(\"vds-dropdown-item\"));\n updateFloatingBoxPosition(this.actionElementRef, this.dropdownContentElementRef, null, 'bottom', false);\n updateContainerWidth(this.actionElementRef, this.matchWidth, this.dropdownContentElementRef);\n }\n\n componentDidLoad() {\n if (this.event === 'click') {\n this.actionElementRef.addEventListener('click', this.handleClick.bind(this));\n } else if (this.event === 'hover') {\n this.actionElementRef.addEventListener('mouseenter', this.handleHover.bind(this));\n this.dropdownContentElementRef.addEventListener('mouseleave', this.handleHoverOut.bind(this));\n }\n this.actionElementRef?.addEventListener('keydown', this.handleFloatingKeydown.bind(this));\n this.dropdownContentElementRef?.addEventListener('keydown', this.handleFloatingKeydown.bind(this));\n if (!this.dropdownContentElementRef) {\n this.dropdownContentElementRef = this.hostEl.shadowRoot.querySelector(\".vds__dropdown--container\");\n }\n if (this.value) {\n this.setPredefinedItem();\n } else\n {\n this.findAndSetPredefinedItem();\n }\n this.setFormValue();\n this.setListenerForChildren();\n }\n\n disconnectedCallback() {\n window.removeEventListener('click', this.handleClickOut.bind(this));\n if (this.event === 'click') {\n this.actionElementRef.removeEventListener('click', this.handleClick.bind(this));\n } else if (this.event === 'hover') {\n this.actionElementRef.removeEventListener('mouseenter', this.handleHover.bind(this));\n this.dropdownContentElementRef.removeEventListener('mouseleave', this.handleHoverOut.bind(this));\n this.actionElementRef.removeEventListener('keydown', this.handleFloatingKeydown.bind(this));\n this.dropdownContentElementRef.removeEventListener('keydown', this.handleFloatingKeydown.bind(this));\n }\n\n this.observer?.disconnect();\n }\n\n private setListenerForChildren(): void {\n\t\tconst config = {\n\t\t\tchildList: true,\n\t\t\tsubtree: true\n\t\t};\n\n\t\tthis.observer = new MutationObserver(() => {\n\t\t\tthis.options = Array.from(this.hostEl.querySelectorAll(\"vds-dropdown-item\"));\n\t\t\tforceUpdate(this);\n\t\t});\n\n\t\tthis.observer.observe(this.hostEl, config);\n\t}\n\n /** Gets the icon color.\n *\n * @returns string\n */\n private getIconColor() {\n return this.disabled ? 'color-icon-disabled' : 'color-icon-high';\n }\n\n private setDropdownIcon() {\n return (\n <span>\n <vds-icon\n svgIcon={this.dropdownOpened ? 'chevron-up' : 'chevron-down'}\n color={this.disabled ? 'color-icon-disabled' : 'color-icon-high'}\n size={getIconSize(this.size)}\n ></vds-icon>\n </span>\n );\n }\n private setInformativeIcon() {\n if (this.informativeIcon) {\n return (\n <span>\n <vds-icon class={\"vds-dropdown__informative-icon\"} svgIcon={this.informativeIcon} color={this.getIconColor()} size={getIconSize(this.size)}></vds-icon>\n </span>\n );\n } else {\n return null;\n }\n }\n\n private setLabelValue() {\n return (\n <span\n class={combineClasses('vds__dropdown--value', 'vds__dropdown--value-' + this.size, 'vds__dropdown--value-' + (this.value && this.valueLabel ? 'label' : 'placeholder'))}\n >\n {this.value && this.valueLabel ? this.valueLabel : this.placeholder}\n </span>\n );\n }\n\n private setClearValueButtonIcon() {\n if (this.value && this.valueLabel && this.showClearButton) {\n return (\n <span>\n <vds-icon-button\n icon=\"close\"\n variant=\"secondary\"\n size={this.size}\n onClick={\n !this.disabled && !this.isReadonly\n ? event => {\n this.clearValue(event);\n }\n : null\n }\n disabled={this.disabled || this.isReadonly}\n setAriaLabel=\"clear\"\n ></vds-icon-button>\n </span>\n );\n } else {\n return null;\n }\n }\n render() {\n return (\n <Host class={combineClasses(this.disabled ? \"vds-basic-dropdown--disabled\" : \"\")} onClicked={event => this.handleDropdownItemClicked(event.detail)}>\n <div class={\"vds-basic-dropdown__container\"}>\n <button\n tabIndex={0}\n disabled={this.disabled}\n value={this.value}\n class={combineClasses('vds__dropdown--trigger', this.disabled ? 'vds__dropdown--trigger-disabled' : '', this.error ? 'vds__dropdown--trigger-error' : '', `vds__dropdown--trigger--size-${this.size}`,)}\n onClick={(evt: MouseEvent) => {\n this.handleClick(evt);\n }}\n ref={triggerEl => {\n if (triggerEl) this.actionElementRef = triggerEl;\n }}\n >\n <span class=\"vds__dropdown--left-content\">\n {this.setInformativeIcon()}\n {this.setLabelValue()}\n </span>\n <span class=\"vds__dropdown--right-actions\">\n {this.setClearValueButtonIcon()}\n {this.setDropdownIcon()}\n </span>\n </button>\n {this.backdrop && this.dropdownOpened ? <div class=\"vds-floating-backdrop\" onClick={this.close.bind(this)}></div> : ''}\n <div\n class={combineClasses(\n 'vds__dropdown--container',\n this.maxHeight ? 'has-scroll' : '',\n this.options.length === 0 ? \"no-shadow\" : \"\"\n )}\n ref={dropdownEl => {\n if (dropdownEl) this.dropdownContentElementRef = dropdownEl;\n }}\n >\n <div class={combineClasses('vds-dropdown__content', this.maxHeight ? 'scrollable' : '')} style={setDropdownStyles(this.maxHeight)}>\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n","/**\n * Compares two arrays for equality, taking into account their elements and order.\n *\n * @param {any[]} a The first array to compare.\n * @param {any[]} b The second array to compare.\n * @returns {boolean} True if the arrays are equal, false otherwise.\n *\n * **Comparison criteria:**\n * - **Reference equality:** If both arrays are the same reference, they are considered equal.\n * - **Null or undefined:** If either array is null or undefined, they are considered unequal.\n * - **Length:** If the arrays have different lengths, they are considered unequal.\n * - **Element equality:** If the arrays have the same length, each corresponding element is compared for equality using strict comparison (`===`).\n */\nexport const arrayIsEqual = (a: any[], b: any[]): boolean => {\n if (a === b) return true;\n if (a == null || b == null) return false;\n if (a.length !== b.length) return false;\n \n for (var i = 0; i < a.length; ++i) {\n if (a[i] !== b[i]) return false;\n }\n return true;\n}",":host {\n display: block;\n width: 100%;\n\n .vds-dropdown-multiselect__container {\n display: block;\n }\n .vds-dropdown-multiselect___trigger {\n box-sizing: border-box;\n display: flex;\n width: 100%;\n text-align: left;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-02);\n align-self: stretch;\n border-radius: var(--radius-medium);\n border: none;\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-low);\n background: var(--surface-medium);\n &:active, &:hover {\n cursor: pointer;\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-brand);\n }\n &:focus-visible{\n outline: 0.125rem solid var(--color-border-focus-2);\n outline-offset: 0.125rem;\n }\n &.vds-dropdown-multiselect___trigger--size-small {\n padding: var(--spacing-02) var(--spacing-03);\n height: var(--spacing-07);\n @include font-style(body, small);\n }\n &.vds-dropdown-multiselect___trigger--size-medium {\n padding: var(--spacing-03) var(--spacing-04);\n height: var(--spacing-10);\n @include font-style(body, medium);\n }\n &.vds-dropdown-multiselect___trigger--size-large {\n padding: var(--spacing-04) var(--spacing-05);\n height: var(--spacing-13);\n gap: var(--spacing-03);\n @include font-style(body, large);\n }\n &.vds-dropdown-multiselect___trigger--disabled {\n pointer-events: none;\n color: var(--color-text-disabled);\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n .vds-dropdown-multiselect__label--value {\n color: var(--color-text-disabled);\n }\n .vds-dropdown-multiselect__label--placeholder {\n color: var(--color-text-disabled);\n }\n }\n\n &.vds-dropdown-multiselect___trigger--error {\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-danger);\n .vds-dropdown-multiselect__label--value {\n color: var(--color-text-danger-medium);\n }\n }\n\n &.vds-dropdown-multiselect___trigger--readonly {\n pointer-events: none;\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-low);\n &:focus, &:active, &:hover {\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-low);\n }\n &:focus-visible {\n outline: none;\n }\n .vds-dropdown-multiselect__label--value {\n color: var(--color-text-medium);\n }\n }\n .vds-dropdown-multiselect__label {\n display: block;\n text-align: left;\n width: 100%;\n white-space: nowrap; \n overflow: hidden;\n text-overflow: ellipsis; \n }\n .vds-dropdown-multiselect__label--value{\n color: var(--color-text-high);\n } \n .vds-dropdown-multiselect__label--placeholder{\n color: var(--color-text-medium);\n } \n .vds-dropdown-multiselect__trigger-icons {\n display: flex;\n align-items: center;\n vds-icon {\n margin-left: var(--spacing-02);\n cursor: pointer;\n padding: 0.125rem;\n &:hover {\n background: var(--color-interaction-black-lowest);\n border-radius: var(--radius-medium);\n }\n }\n }\n }\n .vds-dropdown-multiselect__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 z-index: var(--elevation-layer-5);\n &.no-shadow {\n box-shadow: none;\n border: none;\n }\n &.has-scroll {\n padding-right: var(--spacing-01);\n }\n &.match-width {\n width: var(--trigger-width);\n min-width: var(--trigger-width);\n }\n .vds-dropdown-multiselect__content-options {\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n border-radius: var(--radius-medium);\n &.scrollable {\n padding-right: var(--spacing-01);\n }\n &::-webkit-scrollbar {\n background-color: var(--surface-medium);\n width: 0.375rem;\n }\n &::-webkit-scrollbar-thumb {\n background-color: var(--color-background-neutral-press);\n border-radius: 1rem;\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\n:host-context(.vds-basic-dropdown-multiselect--disabled) {\n pointer-events: none;\n}","import { Component, Host, Method, Prop, h, Event, EventEmitter, Element } from \"@stencil/core\";\nimport { AttachInternals, HTMLStencilElement, Listen, State, Watch } from \"@stencil/core/internal\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { getIconSize, getIconColor } from \"../../utils/icon-attr.utils\";\nimport { updateFloatingBoxPosition } from \"../../utils/floating-engine-utils\";\nimport { emitNativeInputEvent, getSelectedItemsText, getValidOptions, selectSelectedItems, setDropdownStyles, toggleContainerDisplay, unselectAllItems, unselectNonSelectedItems, updateContainerWidth } from \"../basic-dropdown/vds-basic-dropdown.utils\";\nimport { DropdownItemClickedEvent } from \"../dropdown-item/vds-dropdown-item-clicked-event\";\nimport { arrayIsEqual } from \"../../utils/array-utils\";\n\n@Component({\n tag: \"vds-basic-dropdown-multiselect\",\n styleUrl: \"vds-basic-dropdown-multiselect.scss\",\n shadow: true,\n formAssociated: true\n})\nexport class VdsBasicDropdownMultiselect {\n /** Sets the dropdown's size. */\n @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n /** Sets the dropdown's value. */\n @Prop({ mutable: true }) value: string[] | string = [];\n /** Allows user to define a information icon to the left of the dropdown. */\n @Prop({ mutable: true }) informativeIcon: string;\n /** Sets the dropdown's placeholder. */\n @Prop({ mutable: true }) placeholder: string;\n /** Sets the dropdown in disabled state. */\n @Prop({ mutable: true, reflect: true }) disabled: boolean;\n /** Sets the dropdown in readonly state. */\n @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n /** Sets the dropdown in error state. */\n @Prop({ mutable: true, reflect: true }) error: boolean;\n /** Sets the dropdown's trigger event. */\n @Prop({ mutable: true }) event: \"click\" = \"click\";\n /** Sets the dropdown's value max items selected in plain text. */\n @Prop() displaySelectionLimit: number;\n /** Sets displaySelectionLimit text */\n @Prop() displaySelectionLimitText: string = \"Items selected\";\n /** Sets the dropdown's clear button visibility. */\n @Prop({ mutable: true }) showClearButton: boolean = true;\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 dropdown width */\n @Prop({ mutable: true }) matchWidth: boolean = false;\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 /** 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 */\n @Event() valueChanged: EventEmitter<string[]>;\n /** Emits an event when the clear button is clicked */\n @Event() cleared: EventEmitter<boolean>;\n\n @State() isOpened: boolean = false;\n\n @Element() hostEl: HTMLElement;\n\n @AttachInternals() internals: ElementInternals;\n\n private dropdownTrigger: HTMLButtonElement;\n private dropdownContent: HTMLDivElement;\n private options: HTMLVdsDropdownItemElement[] = [];\n private observer: MutationObserver;\n\n private floatingCleanUp: () => void;\n\n componentDidLoad(): void {\n this.setValueHandler(this.value);\n selectSelectedItems(this.dropdownContent, this.value);\n this.dropdownTrigger?.addEventListener('keydown', this.handleFloatingKeydown.bind(this));\n this.dropdownContent?.addEventListener('keydown', this.handleFloatingKeydown.bind(this));\n this.setListenerForChildren();\n }\n\n disconnectedCallback() {\n this.dropdownTrigger.removeEventListener('keydown', this.handleFloatingKeydown.bind(this));\n this.dropdownContent.removeEventListener('keydown', this.handleFloatingKeydown.bind(this));\n window.removeEventListener('click', this.handleClickOut.bind(this));\n this.observer?.disconnect();\n }\n private setListenerForChildren(): void {\n const config = {\n childList: true,\n subtree: true\n };\n this.observer = new MutationObserver(() => {\n this.options = Array.from(this.hostEl.querySelectorAll(\"vds-dropdown-item\"));\n });\n this.observer.observe(this.hostEl, config);\n }\n\n // Sets the value prop validating whether the newValue is string or array.\n @Watch(\"value\")\n setValueHandler(newValue: string[] | string) {\n if (!newValue) {\n this.value = [];\n return;\n }\n if (typeof newValue === \"string\") {\n this.value = getValidOptions(this.dropdownContent, newValue.split(\",\"));\n }\n if (Array.isArray(newValue)) {\n const uniqueValues = [...new Set(newValue)];\n const selectedOptions = getValidOptions(this.dropdownContent, uniqueValues);\n this.value = arrayIsEqual(this.value as string[], selectedOptions) ? this.value : selectedOptions;\n }\n if (this.internals && !!this.internals.setFormValue) {\n this.internals.setFormValue((this.value as string[]).join(\",\"));\n }\n\n unselectNonSelectedItems(this.dropdownContent, this.value);\n selectSelectedItems(this.dropdownContent, this.value);\n\n if (this.value && this.value.length === 0) {\n unselectAllItems(this.dropdownContent);\n }\n }\n\n componentDidRender() {\n this.options = Array.from(this.hostEl.querySelectorAll(\"vds-dropdown-item\"));\n updateFloatingBoxPosition(this.dropdownTrigger, this.dropdownContent, null, 'bottom', false);\n updateContainerWidth(this.dropdownTrigger, this.matchWidth, this.dropdownContent);\n }\n\n @Watch(\"isOpened\")\n async toggleDropdown(): Promise<void> {\n if (this.isOpened) {\n toggleContainerDisplay(this.dropdownContent, true);\n this.opened.emit();\n this.floatingCleanUp = await updateFloatingBoxPosition(this.dropdownTrigger, this.dropdownContent, null, \"bottom\", this.autoPosition);\n } else {\n toggleContainerDisplay(this.dropdownContent, false);\n this.closed.emit();\n this.floatingCleanUp();\n }\n }\n\n /* Open the floating element(menu) of the Dropdown. */\n @Method()\n public async open(): Promise<void> {\n this.isOpened = true;\n }\n\n /* Close the floating element(menu) of the Dropdown. */\n @Method()\n public async close(): Promise<void> {\n this.isOpened = false;\n }\n \n /**\n * Clears the selected options and resets the value of the dropdown.\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 unselectAllItems(this.dropdownContent);\n this.cleared.emit(true);\n }\n\n /**\n * Gets the target that will manage the menu\n * returns a promise with the target HTMLElement.\n * \n * @returns {Promise<HTMLElement>} A promise that resolves with the target html element.\n */\n @Method()\n public async getTarget(): Promise<HTMLElement | null> {\n return this.dropdownTrigger;\n }\n /**\n * Gets the selected value of the dropdown\n * returns a promise with the value.\n * \n * @returns {Promise<string[]>} A promise that resolves with the value as string[].\n */\n @Method()\n public async getValue(): Promise<string[]> {\n return this.value as string[];\n }\n \n /**\n * Sets the selected value(s) for the dropdown.\n *\n * @param {string[] | string} value The new value or array of values to select.\n * @returns {Promise<void>} A promise that resolves when the value is set.\n */\n @Method()\n public async setValue(value: string[] | string): Promise<void> {\n this.setValueHandler(value);\n }\n\n /* Close the floating element when click outside */\n @Listen('click', { target: 'window' })\n private 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 isClickInsideParentDropdown = target.nodeName === \"VDS-DROPDOWN-MULTISELECT\" && target.shadowRoot && (evt.target as HTMLElement).shadowRoot.contains(this.hostEl);\n if (!isClickInside && !isClickInsideParentDropdown) {\n this.close();\n }\n }\n\n /**\n * Listen when Dropdown Item element is clicked to close Dropdown Items window, set the value and emit the changes.\n *\n * @param {CustomEvent<DropdownItemClickedEvent>} event The dropdown item clicked event.\n */\n @Listen(\"dropdownItemClicked\")\n handleDropdownSelection(event: CustomEvent<DropdownItemClickedEvent>): void {\n const item = event.target as HTMLVdsDropdownItemElement;\n const value = event.detail.value;\n item.isSelected = !item.isSelected;\n if (item.isSelected) {\n this.value = [...this.value, value];\n } else{\n this.value = (this.value as string[]).filter(v => v !== value)\n }\n \n this.valueChanged.emit(this.value);\n emitNativeInputEvent(this.hostEl);\n }\n\n /* Open the floating element with click on the trigger element */\n private handleClick(evt: Event): void {\n evt.stopImmediatePropagation();\n if (this.event === \"click\" && !this.disabled && !this.isReadonly) {\n this.isOpened = !this.isOpened\n }\n }\n\n /* Close the floating element with keydown on the trigger element */\n private handleFloatingKeydown(event: KeyboardEvent): void {\n event.stopImmediatePropagation();\n if (event.key === 'Escape' || event.key === 'Esc') {\n this.close();\n }\n }\n\n private clearIconClick(evt: Event): void {\n evt.stopImmediatePropagation();\n this.clear();\n this.close();\n }\n\n private renderLabelValue(): HTMLStencilElement {\n const selectedValue = this.getTextValue();\n return <span class={combineClasses(\n \"vds-dropdown-multiselect__label\",\n `vds-dropdown-multiselect__label--${this.hasValue() ? \"value\" : \"placeholder\"}`)}\n >{selectedValue}</span>\n }\n\n private getTextValue(): string {\n if (this.displaySelectionLimit > 0 && this.value.length > this.displaySelectionLimit) {\n return `${this.value.length} ${this.displaySelectionLimitText}`;\n }\n\n return this.hasValue() ? getSelectedItemsText(this.dropdownContent, this.value as string[]).join(\", \") : this.placeholder;\n }\n \n private renderInformativeIcon(): HTMLStencilElement {\n return <vds-icon svgIcon={this.informativeIcon} color={getIconColor(this.disabled)} size={getIconSize(this.size)}></vds-icon>\n }\n\n private renderClearIcon(): HTMLStencilElement {\n return <vds-icon-button\n icon=\"close\"\n variant=\"secondary\"\n size={this.size}\n onClick={(evt) => {\n this.clearIconClick(evt);\n }}\n disabled={this.disabled}\n setAriaLabel=\"clear\"\n ></vds-icon-button>\n }\n\n private renderDropdownIcon(): HTMLStencilElement {\n return <vds-icon\n svgIcon={this.isOpened ? \"chevron-up\" : \"chevron-down\"}\n color={getIconColor(this.disabled)}\n size={getIconSize(this.size)}\n ></vds-icon>\n }\n\n private hasValue(): boolean {\n return Array.isArray(this.value) && this.value && this.value.length > 0;\n }\n\n render(): HTMLStencilElement {\n return (\n <Host class={combineClasses(this.disabled ? \"vds-basic-dropdown-multiselect--disabled\" : \"\")} title={this.getTextValue()}>\n <div class={\"vds-dropdown-multiselect__container\"}>\n <button\n disabled={this.disabled}\n ref={(el): void => {\n if (el) this.dropdownTrigger = el;\n }}\n class={combineClasses(\n \"vds-dropdown-multiselect___trigger\",\n `vds-dropdown-multiselect___trigger--size-${this.size}`,\n this.disabled ? \"vds-dropdown-multiselect___trigger--disabled\" : \"\",\n this.isReadonly ? \"vds-dropdown-multiselect___trigger--readonly\" : \"\",\n this.error ? \"vds-dropdown-multiselect___trigger--error\" : \"\" \n )}\n onClick={(evt: MouseEvent) => {\n this.handleClick(evt);\n }}\n >\n {this.informativeIcon && this.renderInformativeIcon()}\n {this.renderLabelValue()}\n <div class=\"vds-dropdown-multiselect__trigger-icons\">\n {this.hasValue() && this.showClearButton && this.renderClearIcon()}\n {this.renderDropdownIcon()}\n </div>\n </button>\n {this.backdrop && this.isOpened ? <div class=\"vds-floating-backdrop\" onClick={this.close.bind(this)}></div> : ''}\n <div\n ref={(el): void => {\n if (el) this.dropdownContent = el;\n }}\n class={combineClasses(\n \"vds-dropdown-multiselect__content\",\n this.maxHeight ? \"has-scroll\" : \"\",\n this.options.length === 0 ? \"no-shadow\" : \"\"\n )}\n >\n <div \n class={combineClasses(\n 'vds-dropdown-multiselect__content-options', \n (this.maxHeight ? 'scrollable' : '')\n )}\n style={setDropdownStyles(this.maxHeight)}>\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n","/**\n * Emulates the native submit form\n *\n * @returns void\n */\nexport const shadowSubmitForm = (host: Element): void => {\n\tconst form = host.closest(\"form\");\n\tif (form) {\n\t\tconst fakeSubmit = document.createElement(\"button\");\n\t\tfakeSubmit.type = \"submit\";\n\t\tfakeSubmit.style.display = \"none\";\n\t\tform.appendChild(fakeSubmit);\n\t\tfakeSubmit.click();\n\t\tfakeSubmit.remove();\n\t}\n};\n","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n display: block;\n \n --vds-input-min-width-small: 5.75rem;\n --vds-input-min-width: 7.5rem;\n --vds-input-min-width-large: 9.25rem;\n\n .vds__input__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-input__informative-icon::part(svg-icon) {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n &.vds__input__container--focus {\n border-color: var(--color-border-brand);\n }\n\n &.vds__input__container--error {\n border-color: var(--color-border-danger);\n outline-color: var(--color-interaction-danger-medium);\n\n .vds__input {\n color: var(--color-text-danger-medium);\n }\n }\n\n &.vds__input__container--readonly {\n border-color: var(--color-border-low);\n outline: none;\n background-color: var(--color-interaction-black-lowest);\n\n .vds__input {\n color: var(--color-text-medium);\n }\n }\n\n &.vds__input__container--disabled {\n border-color: var(--color-border-lowest);\n outline: none;\n background-color: var(--surface-medium);\n\n .vds__input {\n color: var(--color-text-disabled);\n\n &::placeholder {\n color: var(--color-text-disabled);\n }\n }\n }\n\n &.vds__input--size-small {\n gap: var(--spacing-02);\n padding: var(--spacing-02) var(--spacing-03);\n height: var(--spacing-07);\n min-width: var(--vds-input-min-width-small);\n\n .vds__input {\n height: var(--spacing-07);\n @include font-style(body, small);\n }\n }\n\n &.vds__input--size-medium {\n gap: var(--spacing-02);\n padding: var(--spacing-03) var(--spacing-04);\n height: var(--spacing-10);\n min-width: var(--vds-input-min-width);\n\n .vds__input {\n height: var(--spacing-10);\n @include font-style(body, medium);\n }\n }\n\n &.vds__input--size-large {\n gap: var(--spacing-03);\n padding: var(--spacing-04) var(--spacing-05);\n height: var(--spacing-13);\n min-width: var(--vds-input-min-width-large);\n\n .vds__input {\n height: var(--spacing-13);\n @include font-style(body, large);\n }\n }\n\n .vds__input {\n flex-grow: 1;\n width: 100%;\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:host-context(.vds-basic-input--disabled) {\n pointer-events: none;\n}\n\n:host-context(.theme-dark) {\n .vds__input::-webkit-calendar-picker-indicator {\n filter: invert(1);\n }\n}","import {\n Component,\n Host,\n Prop,\n h,\n Element,\n Event,\n EventEmitter,\n Method\n} from '@stencil/core';\nimport { \n VdsInputType,\n isValidIcon,\n toggleFocusClass,\n getIconColor,\n setInputStyles,\n setTouchedClass,\n setDirtyClass, \n maskInput\n} from './vds-basic-input.utils';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { AttachInternals, HTMLStencilElement, Listen, Watch } from '@stencil/core/internal';\nimport { shadowSubmitForm } from '../../utils/form';\n\n@Component({\n tag: 'vds-basic-input',\n styleUrl: 'vds-basic-input.scss',\n shadow: true,\n formAssociated: true\n})\nexport class VdsBasicInput {\n /** Sets the input size. */\n @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n /** Sets input type in the DOM. Check HTML 5 Input type. */\n @Prop({ mutable: true, reflect: true }) type: VdsInputType = \"text\";\n /** Sets the input value. */\n @Prop({ mutable: true, reflect: true }) value: string;\n /** Sets the input placeholder. */\n @Prop({ mutable: true, reflect: true }) placeholder: string;\n /** Sets the input in disabled state. */\n @Prop({ mutable: true, reflect: true }) disabled: boolean;\n /** Sets the input in readonly state. */\n @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n /** Sets the input in error state. */\n @Prop({ mutable: true, reflect: true }) error: boolean;\n /** Toggles the required sign in the field */\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\n @Element() hostEl: HTMLInputElement; \n \n\t/** Emits updated input value */\n\t@Event() changeInput: EventEmitter<string>;\n\n @AttachInternals() internals: ElementInternals;\n\n private inputContainerRef: HTMLDivElement;\n private inputEl: HTMLInputElement;\n\n componentDidLoad(): void {\n this.setFormValue();\n }\n\n @Watch(\"value\")\n setFormValue(): void {\n if (this.internals && !!this.internals.setFormValue) {\n this.internals.setFormValue(this.value);\n }\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-input__informative-icon\" svgIcon={icon} size={size} color={getIconColor(inputState)}></vds-icon>);\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 /**\n * Sets input inline styles for the allowedStyles \n * [direction, text-align, textAlign, text-transform, textTransform, unicode-bidi, unicodeBidi]\n *\n * @returns void\n */\n private setInputStyles(): { [key: string]: string } {\n return setInputStyles(this.allowedStyles);\n\t}\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 if(this.formatter) {\n const maskValue = maskInput(this.formatter, target.value, this.value, evt.data, target, evt);\n (evt.currentTarget as HTMLInputElement).value = maskValue;\n this.value = maskValue;\n } else {\n this.value = target.value;\n }\n\n this.changeInput.emit(this.value);\n\t\tthis.hostEl.dispatchEvent(inputEvent);\n }\n\n /**\n\t * Executes method when input's keyup event is triggered.\n\t *\n\t * @returns void\n\t */\n @Listen(\"keyup\")\n\thandleEnterKey(event: KeyboardEvent): void {\n\t\tif (event.key === \"Enter\") {\n\t\t\tshadowSubmitForm(this.hostEl);\n\t\t}\n\t}\n\n /**\n\t * Executes method when vds-input gets focus.\n\t *\n\t * @returns void\n\t */\n\t@Listen(\"focus\")\n\thandleFocus(): void {\n setTouchedClass(this.hostEl);\n\t}\n\n /**\n\t * Sets focus on the vds-input element.\n\t *\n\t * @returns Promise<void>\n\t */\n\t@Method()\n\tsetFocus(): Promise<void> {\n return new Promise((resolve) => {\n this.inputEl.focus();\n resolve();\n });\n\t}\n\n /**\n\t * Gets value prop from the vds-input element.\n\t *\n\t * @returns Promise<string>\n\t */\n\t@Method()\n\tgetValue(): Promise<string> {\n return new Promise((resolve) => {\n resolve(this.value);\n });\n\t}\n\n /**\n\t * Clears value prop from the vds-input element.\n\t *\n\t * @returns Promise<voiid>\n\t */\n\t@Method()\n\tclear(): Promise<void> {\n return new Promise((resolve) => {\n this.value = \"\";\n this.inputEl.value = \"\";\n resolve();\n });\n\t}\n\n render(): HTMLStencilElement {\n if(this.type === \"datetime\"){ console.warn(\"The type datetime has been deprecated.Please use datetime-local.\")}\n return (\n <Host class={this.disabled ? \"vds-basic-input--disabled\" : \"\"}>\n <div\n ref={(el): void => { if(el) this.inputContainerRef = el} }\n class={combineClasses(\n \"vds__input__container\",\n `vds__input--size-${this.size}`,\n this.error && \"vds__input__container--error\",\n this.isReadonly && \"vds__input__container--readonly\",\n this.disabled && \"vds__input__container--disabled\"\n )}\n >\n {this.getInputIcon(this.informativeIcon)}\n <input\n ref={(el): void => { if(el) this.inputEl = el} }\n class={\"vds__input\"}\n type={this.type}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n required={this.isRequired}\n readOnly={this.isReadonly}\n onInput={(evt): void => this.handleInput(evt)}\n onFocus={(): void => this.toggleFocusClass()}\n onBlur={(): void => this.toggleFocusClass()}\n style={this.setInputStyles()}\n {...cloneAttributes(\n this.hostEl,\n \"class\",\n \"value\",\n \"disabled\",\n \"placeholder\",\n \"label\",\n \"style\",\n )}\n />\n <slot name=\"secondaryActionIcon\" />\n <slot name=\"primaryActionIcon\" />\n </div>\n </Host>\n );\n }\n}\n","export default {\n\t\"spacing-00\": \"0rem\",\n\t\"spacing-01\": \"0.125rem\",\n\t\"spacing-02\": \"0.25rem\",\n\t\"spacing-03\": \"0.5rem\",\n\t\"spacing-04\": \"0.75rem\",\n\t\"spacing-05\": \"1rem\",\n\t\"spacing-06\": \"1.25rem\",\n\t\"spacing-07\": \"1.5rem\",\n\t\"spacing-08\": \"1.75rem\",\n\t\"spacing-09\": \"2rem\",\n\t\"spacing-10\": \"2.25rem\",\n\t\"spacing-11\": \"2.5rem\",\n\t\"spacing-12\": \"2.75rem\",\n\t\"spacing-13\": \"3rem\",\n\t\"spacing-14\": \"3.25rem\",\n\t\"spacing-15\": \"3.5rem\",\n\t\"spacing-16\": \"3.75rem\",\n\t\"spacing-17\": \"4rem\",\n\t\"spacing-18\": \"4.25rem\",\n\t\"spacing-19\": \"4.5rem\",\n\t\"spacing-20\": \"4.75rem\",\n};","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n display: block;\n .vds__textarea__container {\n display: flex;\n align-items: start;\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__textarea__container--focus {\n border-color: var(--color-border-brand);\n }\n\n &.vds__textarea__container--error {\n border-color: var(--color-border-danger);\n outline-color: var(--color-interaction-danger-medium);\n .vds__textarea {\n color: var(--color-text-danger-medium);\n }\n }\n &.vds__textarea__container--readonly {\n border-color: var(--color-border-low);\n outline: none;\n background-color: var(--color-interaction-black-lowest);\n .vds__textarea {\n color: var(--color-text-medium);\n }\n }\n &.vds__textarea__container--disabled {\n border-color: var(--color-border-disabled);\n outline: none;\n background-color: var(--surface-medium);\n .vds__textarea {\n color: var(--color-text-disabled);\n &::placeholder {\n color: var(--color-text-disabled);\n }\n }\n }\n\n &.vds__textarea--size-small {\n gap: var(--spacing-02);\n padding: var(--spacing-02) var(--spacing-03);\n min-height: 3rem;\n .vds__textarea {\n min-width: 5.5rem;\n min-height: 3rem;\n @include font-style(body, small);\n }\n }\n\n &.vds__textarea--size-medium {\n gap: var(--spacing-02);\n padding: var(--spacing-03) var(--spacing-04);\n min-height: 4.5rem;\n .vds__textarea {\n min-width: 7.5rem;\n min-height: 4.5rem;\n @include font-style(body, medium);\n }\n }\n &.vds__textarea--size-large {\n gap: var(--spacing-03);\n padding: var(--spacing-04) var(--spacing-05);\n min-height: 6rem;\n .vds__textarea {\n min-width: 9.25rem;\n min-height: 6rem;\n @include font-style(body, large);\n }\n }\n\n .vds__textarea {\n flex-grow: 1;\n border: none;\n background: transparent;\n padding: 0;\n resize: none;\n overflow: hidden;\n color: var(--color-text-high);\n font-feature-settings: 'clig' off, 'liga' off;\n text-overflow: ellipsis;\n font-style: normal;\n &::placeholder {\n color: var(--color-text-medium);\n }\n &:hover,\n &:focus {\n border: none;\n outline: none;\n }\n }\n }\n}\n\n:host-context(.vds-basic-textarea--disabled){\n pointer-events: none;\n}","import {\n Component,\n Host,\n Prop,\n h,\n Element,\n Event,\n EventEmitter,\n Method\n} from '@stencil/core';\nimport {\n toggleFocusClass,\n setTouchedClass,\n setDirtyClass, \n maskInput,\n setInputStyles\n} from '../input/vds-basic-input.utils';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { AttachInternals, HTMLStencilElement, Listen, Watch } from '@stencil/core/internal';\nimport spacingVars from '../../constants/spacing-vars';\n\n@Component({\n tag: 'vds-basic-textarea',\n styleUrl: 'vds-basic-textarea.scss',\n shadow: true,\n formAssociated: true\n})\nexport class VdsBasicTextarea {\n /** Sets the textarea's size. */\n @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n /** Sets the textarea's value. */\n @Prop({ mutable: true }) value: string;\n /** Sets the textarea's placeholder. */\n @Prop({ mutable: true }) placeholder: string;\n /** Sets the textarea in disabled state. */\n @Prop({ mutable: true }) disabled: boolean;\n /** Sets the textarea in readonly state. */\n @Prop({ mutable: true }) isReadonly: boolean;\n /** Sets the textarea in error state. */\n @Prop({ mutable: true, reflect: true }) error: boolean;\n /** Toggles the required sign in the field */\n @Prop({ mutable: true, reflect: true }) isRequired: boolean = false \n /** Sets character formatting for user inputs. Useful for adding a mask to the textarea. */\n @Prop({ mutable: true }) formatter: Function;\n /** Sets custom allowed styles to textarea (text-align, text-transform, unicode-bidi, direction) */\n @Prop({ mutable: true }) allowedStyles: { [key: string]: string }[] = [];\n /** Sets the width of the textarea. */\n @Prop({ mutable: true }) width: string;\n /** Sets the height of the textarea. This prop not works combining with autogrow=true. */\n @Prop({ mutable: true }) height: string;\n /** Sets the min-height for the textarea. This property works combining with autogrow=true only. \n * - Default for medium: '4.5rem'\n * - Default for large: '6rem'\n * \n * This value is automatically adjusted according to the 'size' property.\n * @default '4.5rem' (when size is 'medium')\n */\n @Prop({ mutable: true }) minHeight: string = this.size === \"large\" ? \"6rem\" : this.size === \"small\" ? \"3rem\" : \"4.5rem\";\n /** Sets the max-height for the textarea. This property works combining with autogrow=true only. \n * - Default for medium: '12.15rem'\n * - Default for large: '18rem'\n * \n * This value is automatically adjusted according to the 'size' property.\n * @default '12.15rem' (when size is 'medium')\n */\n @Prop({ mutable: true }) maxHeight: string = this.size === \"large\" ? \"18rem\" : \"12.15rem\";\n /** Makes the textarea grows with its content. This property works combining with maxHeight and minHeight. This prop not works combining with property height defined. */\n @Prop({ mutable: true }) autogrow: boolean = true;\n\n @Element() hostEl: HTMLVdsBasicTextareaElement; \n\n\t/** Emits updated textarea value */\n\t@Event() changeInput: EventEmitter<string>;\n\n @AttachInternals() internals: ElementInternals;\n\n private textareaContainerRef: HTMLDivElement;\n private textAreaEl: HTMLTextAreaElement;\n\n componentDidLoad(): void {\n this.setFormValue();\n }\n\n @Watch(\"value\")\n setFormValue(): void {\n if (this.internals && !!this.internals.setFormValue) {\n this.internals.setFormValue(this.value);\n }\n }\n\n /**\n * Toggle class vds__textarea__container--focus in focus/blur textarea's event\n *\n * @returns void\n */\n private toggleFocusClass(): void {\n this.textareaContainerRef && toggleFocusClass(this.textareaContainerRef, \"textarea\");\n }\n\n /**\n * Sets value from textarea's event target.\n * Emits change, input and changeInput events.\n * Sets textarea as dirty when textarea'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 HTMLTextAreaElement; \n const inputEvent = new InputEvent(\"input\");\n setDirtyClass(this.hostEl);\n\n if(this.formatter) {\n const maskValue = maskInput(this.formatter, target.value, this.value, evt.data, target, evt);\n this.value = maskValue;\n } else {\n this.value = target.value;\n }\n\n this.changeInput.emit(this.value);\n\t\tthis.hostEl.dispatchEvent(inputEvent);\n }\n\n\n /**\n * Sets textarea inline styles for the allowedStyle, height and width\n * [direction, text-align, textAlign, text-transform, textTransform, unicode-bidi, unicodeBidi]\n *\n * @returns { [key: string]: string }\n */\n private setTextareaStyles(): { [key: string]: string } {\n const inputedStyles = {...setInputStyles(this.allowedStyles) };\n\n if (this.autogrow) {\n inputedStyles.fieldSizing = \"content\";\n }\n\n const styles = this.setSizesStyles(inputedStyles) || {};\n const paddingOffset = this.size === \"large\" ? spacingVars[\"spacing-04\"] : this.size === \"small\" ? spacingVars[\"spacing-02\"] : spacingVars[\"spacing-03\"]\n\n if (styles.height && !this.autogrow) {\n styles.height = `calc(${styles.height} - ${paddingOffset} * 2)`;\n }\n\n if (styles.minHeight) {\n styles.minHeight = `calc(${styles.minHeight} - ${paddingOffset} * 2)`;\n }\n\n if (styles.maxHeight) {\n styles.maxHeight = `calc(${styles.maxHeight} - ${paddingOffset} * 2)`;\n }\n \n return styles;\n }\n\n /**\n * Sets textarea inline styles for the height and width\n *\n * @returns { [key: string]: string }\n */\n private setSizesStyles(styles: { [key: string]: string } = {}): { [key: string]: string } {\n if (this.width) {\n styles.width = this.width;\n }\n\n if (this.height) {\n styles.height = this.height;\n }\n\n if (this.maxHeight) {\n styles.maxHeight = this.maxHeight;\n }\n\n if (this.minHeight) {\n styles.minHeight = this.minHeight;\n }\n\n return styles;\n }\n\n /**\n\t * Executes method when vds-textarea gets focus.\n\t *\n\t * @returns void\n\t */\n\t@Listen(\"focus\")\n\thandleFocus(): void {\n setTouchedClass(this.hostEl);\n\t}\n\n /**\n\t * Sets focus on the vds-textarea element.\n\t *\n\t * @returns Promise<void>\n\t */\n\t@Method()\n\tsetFocus(): Promise<void> {\n return new Promise((resolve) => {\n this.textAreaEl.focus();\n resolve();\n });\n\t}\n\n /**\n\t * Gets value prop from the vds-textarea element.\n\t *\n\t * @returns Promise<string>\n\t */\n\t@Method()\n\tgetValue(): Promise<string> {\n return new Promise((resolve) => {\n resolve(this.value);\n });\n\t}\n\n render(): HTMLStencilElement {\n return (\n <Host class={this.disabled ? \"vds-basic-textarea--disabled\" : \"\"}>\n <div\n ref={(el): void => { if(el) this.textareaContainerRef = el} }\n class={combineClasses(\n \"vds__textarea__container\",\n `vds__textarea--size-${this.size}`,\n this.error && \"vds__textarea__container--error\",\n this.isReadonly && \"vds__textarea__container--readonly\",\n this.disabled && \"vds__textarea__container--disabled\"\n )}\n style={this.setSizesStyles()}\n >\n <textarea\n ref={(el): void => { if(el) this.textAreaEl = el} }\n class={\"vds__textarea\"}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n required={this.isRequired}\n readOnly={this.isReadonly}\n style={this.setTextareaStyles()}\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 ></textarea>\n <slot name=\"secondaryActionIcon\" />\n <slot name=\"primaryActionIcon\" />\n </div>\n </Host>\n );\n }\n}\n","@mixin disabledButton($borderless: false) {\n background-color: transparent;\n color: var(--color-text-disabled);\n pointer-events: none;\n @if not ($borderless) {\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n }\n ::slotted(vds-icon) {\n color: var(--color-icon-disabled);\n fill: var(--color-icon-disabled);\n }\n}\n\n:host(.disabled) {\n pointer-events: none;\n}\n\n:host {\n display: inline-block;\n width: fit-content;\n .vds-button {\n &__element {\n display: flex;\n align-items: center;\n border: none;\n border-radius: var(--radius-medium);\n box-sizing: border-box;\n box-shadow: none;\n cursor: pointer;\n &:focus-visible {\n outline: 0.125rem solid var(--color-border-focus-2);\n outline-offset: 0.125rem;\n }\n }\n &__size--large {\n padding: calc(var(--spacing-04)) calc(var(--spacing-05));\n gap: var(--spacing-03);\n height: 3rem;\n @include font-style(title, medium);\n }\n\n &__size--medium {\n padding: calc(var(--spacing-03)) calc(var(--spacing-04));\n gap: var(--spacing-03);\n height: 2.25rem;\n @include font-style(title, small);\n }\n\n &__size--small {\n padding: calc(var(--spacing-02)) calc(var(--spacing-03));\n gap: var(--spacing-02);\n height: 1.5rem;\n @include font-style(title, extra-small);\n }\n\n &__variant--primary {\n background-color: var(--color-background-brand-default);\n color: var(--static-white);\n ::slotted(vds-icon) {\n color: var(--static-white);\n fill: var(--static-white);\n }\n\n &.vds-button__danger {\n background-color: var(--color-background-danger-default);\n\n &:active, &:active:hover {\n background-color: var(--color-background-danger-high-press);\n outline: none;\n }\n &:hover {\n background-color: var(--color-background-danger-high-hover);\n outline: 0.25rem solid var(--color-interaction-danger-medium);\n outline-offset: 0;\n }\n }\n\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 &:disabled {\n @include disabledButton(false);\n }\n }\n &__variant--secondary {\n background-color: transparent;\n color: var(--color-link-default);\n box-shadow: 0 0 0 0.125rem inset var(--color-border-brand);\n ::slotted(vds-icon) {\n color: var(--color-icon-brand-default);\n fill: var(--color-icon-brand-default);\n }\n \n &.vds-button__danger {\n color: var(--color-text-danger-medium);\n box-shadow: 0 0 0 0.125rem inset var(--color-border-danger);\n ::slotted(vds-icon) {\n color: var(--color-icon-danger);\n fill: var(--color-icon-danger);\n }\n \n &:active, &:hover, &:active:hover {\n background-color: var(--color-background-danger-lowest-press);\n color: var(--color-text-danger-medium);\n ::slotted(vds-icon) {\n color: var(--color-icon-danger);\n fill: var(--color-icon-danger);\n }\n }\n &:hover {\n background-color: var(--color-background-danger-lowest-hover);\n }\n }\n\n &:active, &:active:hover {\n background-color: var(--color-interaction-brand-lower);\n color: var(--color-link-press);\n ::slotted(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 ::slotted(vds-icon) {\n color: var(--color-icon-brand-hover);\n fill: var(--color-icon-brand-hover);\n }\n }\n &:disabled {\n @include disabledButton(false);\n box-shadow: 0 0 0 0.125rem inset var(--color-border-disabled);\n }\n }\n &__variant--tertiary {\n background-color: var(--surface-medium);\n color: var(--color-text-high);\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n ::slotted(vds-icon) {\n color: var(--color-icon-high);\n fill: var(--color-icon-high);\n }\n\n &:active, &:active:hover {\n background-color: var(--surface-lower);\n }\n &:hover {\n background-color: var(--surface-low);\n }\n &:disabled {\n @include disabledButton(false);\n }\n }\n &__variant--ghost {\n background-color: transparent;\n color: var(--color-link-default);\n ::slotted(vds-icon) {\n color: var(--color-icon-brand-default);\n fill: var(--color-icon-brand-default);\n }\n\n &.vds-button__danger {\n color: var(--color-text-danger-medium);\n ::slotted(vds-icon) {\n color: var(--color-icon-danger);\n fill: var(--color-icon-danger);\n }\n \n &:active, &:hover, &:active:hover {\n background-color: var(--color-background-danger-lowest-press);\n color: var(--color-text-danger-medium);\n ::slotted(vds-icon) {\n color: var(--color-icon-danger);\n fill: var(--color-icon-danger);\n }\n }\n &:hover {\n background-color: var(--color-background-danger-lowest-hover);\n }\n }\n\n &:active, &:active:hover {\n background-color: var(--color-interaction-brand-lower);\n color: var(--color-link-press);\n ::slotted(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 ::slotted(vds-icon) {\n color: var(--color-icon-brand-hover);\n fill: var(--color-icon-brand-hover);\n }\n }\n &:disabled {\n @include disabledButton(true);\n }\n }\n &__variant--ghost-alt {\n background-color: transparent;\n color: var(--color-text-high);\n\n ::slotted(vds-icon) {\n color: var(--color-icon-high);\n fill: var(--color-icon-high);\n }\n\n &:active, &:active:hover {\n background-color: var(--color-interaction-black-lower);\n }\n &:hover {\n background-color: var(--color-interaction-black-lowest);\n }\n &:disabled {\n @include disabledButton(true);\n }\n }\n &__element_fullwidth {\n width: 100%;\n justify-content: center;\n }\n }\n}\n\n:host-context(.vds-button--fullwidth) {\n display: block;\n width: auto;\n}\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\nimport { shadowSubmitForm } from '../../utils/form';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { cloneAttributes } from '../../utils/clone-attributes';\n\n@Component({\n tag: 'vds-button',\n styleUrl: 'vds-button.scss',\n shadow: true,\n})\nexport class VdsButton {\n /** Set button's size */\n\t@Prop() size: \"large\" | \"medium\" | \"small\" = \"medium\";\n /** Set button's variant */\n\t@Prop() variant: \"primary\" | \"secondary\" | \"tertiary\" | \"ghost\" | \"ghost-alt\" = \"primary\";\n /** Allow to change the button's text alignment */\n\t@Prop() textAlignment: \"right\" | \"left\" | \"center\" = \"center\";\n /** Enable button's danger/error state */\n @Prop() danger: boolean = false;\n /** Enable button's disable state */\n\t@Prop() disabled: boolean = false;\n /** Enable button's full width. This prop permits to the component will be adaptable to the container available horizontal space. */\n\t@Prop() isFullWidth: boolean = false;\n\n @Element() hostEl: HTMLButtonElement;\n\n\thandleSubmit(event: Event): void {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n } else {\n if (this.hostEl.getAttribute(\"type\") === \"submit\") {\n this.submitForm();\n }\n }\n\t}\n\n private submitForm(): void {\n\t\tshadowSubmitForm(this.hostEl);\n\t}\n\n render() {\n return (\n <Host class={combineClasses(\n \"vds-button\",\n this.isFullWidth ? \"vds-button--fullwidth\" : \"\",\n this.disabled ? \"disabled\" : \"\"\n )}>\n <button\n onClick={(evt: Event) => this.handleSubmit(evt)}\n class={combineClasses(\n `vds-button__element`,\n `vds-button__variant--${this.variant}`,\n `vds-button__align--${this.textAlignment}`,\n `vds-button__size--${this.size}`,\n this.danger ? \"vds-button__danger\" : \"\",\n this.disabled ? \"vds-button-disabled\" : \"\",\n this.isFullWidth? \"vds-button__element_fullwidth\":\"\"\n )}\n type=\"button\"\n disabled={ this.disabled || null}\n {...cloneAttributes(\n\t\t\t\t\t\tthis.hostEl,\n \"disabled\",\n \"class\",\n \"style\")}\n >\n <slot name=\"icon-left\"></slot>\n <slot></slot>\n <slot name=\"icon-right\"></slot>\n </button>\n </Host>\n );\n }\n\n}\n","@mixin card-variant($variant) {\n $prefix: '--vds-card-#{$variant}-';\n $is-default-or-secondary: $variant == 'default' or $variant == 'secondary';\n\n @if $is-default-or-secondary {\n border: 0.0625rem solid var(#{$prefix}border-color);\n outline: none;\n } @else {\n border: 0.0625rem solid transparent;\n &.vds__card--selectable,\n &.vds__card--button {\n &.vds__card--selected {\n outline: 0.25rem solid var(#{$prefix}selected-border-color);\n }\n &:hover {\n outline: 0.25rem solid var(#{$prefix}border-hover-color);\n }\n &:active:hover {\n outline: none;\n }\n }\n }\n\n background-color: var(#{$prefix}background-color);\n\n &.vds__card--selectable {\n &.vds__card--selected {\n @if $is-default-or-secondary {\n border-color: var(#{$prefix}selected-border-color);\n }\n background-color: var(#{$prefix}selected-background-color);\n }\n &:is(:active, :active:hover) {\n @if $is-default-or-secondary {\n border-color: var(#{$prefix}selected-border-color);\n }\n background-color: var(#{$prefix}selected-background-color);\n }\n }\n\n &.vds__card--button,\n &.vds__card--selectable {\n cursor: pointer;\n &:hover {\n @if $is-default-or-secondary {\n border-color: var(#{$prefix}border-hover-color);\n }\n background-color: var(#{$prefix}background-hover-color);\n }\n &:is(:active, :active:hover) {\n @if $is-default-or-secondary {\n border-color: var(#{$prefix}border-press-color);\n }\n background-color: var(#{$prefix}background-press-color);\n }\n }\n}\n\n:host {\n /** Tokens for style override and theming */\n\n /** Default variant */\n --vds-card-default-border-color: var(--color-border-lower);\n --vds-card-default-border-hover-color: var(--color-border-lower);\n --vds-card-default-border-press-color: var(--color-border-lower);\n --vds-card-default-background-color: var(--surface-medium);\n --vds-card-default-background-hover-color: var(--color-interaction-black-lowest);\n --vds-card-default-background-press-color: var(--surface-neutral-press);\n --vds-card-default-selected-border-color: var(--color-border-lower);\n --vds-card-default-selected-background-color: var(--color-interaction-brand-lowest);\n\n /** Primary variant */\n --vds-card-primary-border-hover-color: var(--color-border-brand-hover);\n --vds-card-primary-background-color: var(--color-background-brand-default);\n --vds-card-primary-background-hover-color: var(--color-background-brand-hover);\n --vds-card-primary-background-press-color: var(--color-background-brand-press);\n --vds-card-primary-selected-border-color: var(--color-border-brand-hover);\n --vds-card-primary-selected-background-color: var(--color-background-brand-hover);\n\n /** Secondary variant */\n --vds-card-secondary-border-color: var(--color-border-brand);\n --vds-card-secondary-border-hover-color: var(--color-border-brand);\n --vds-card-secondary-border-press-color: var(--color-border-brand);\n --vds-card-secondary-background-color: var(--surface-medium);\n --vds-card-secondary-background-hover-color: var(--color-interaction-brand-lowest);\n --vds-card-secondary-background-press-color: var(--color-interaction-brand-lower);\n --vds-card-secondary-selected-border-color: var(--color-border-brand);\n --vds-card-secondary-selected-background-color: var(--color-interaction-brand-lowest);\n\n /** Danger variant */\n --vds-card-danger-border-hover-color: var(--color-interaction-danger-medium);\n --vds-card-danger-background-color: var(--color-background-danger-default);\n --vds-card-danger-background-hover-color: var(--color-background-danger-high-hover);\n --vds-card-danger-background-press-color: var(--color-background-danger-high-press);\n --vds-card-danger-selected-border-color: var(--color-interaction-danger-medium);\n --vds-card-danger-selected-background-color: var(--color-background-danger-high-hover);\n\n display: block;\n .vds__card {\n border-radius: var(--radius-medium);\n box-sizing: border-box;\n z-index: var(--elevation-layer-0);\n\n &.vds__card--default {\n @include card-variant('default');\n }\n &.vds__card--primary {\n @include card-variant('primary');\n }\n &.vds__card--secondary {\n @include card-variant('secondary');\n }\n &.vds__card--danger {\n @include card-variant('danger');\n }\n\n &.vds__card--disabled {\n pointer-events: none;\n border: 0.0625rem solid var(--color-border-lower);\n background-color: var(--surface-medium);\n ::slotted(*) {\n opacity: var(--opacity-32);\n }\n &.vds__card--button,\n &.vds__card--selectable {\n &.vds__card--selected {\n outline: none;\n border-color: var(--color-border-lower);\n background-color: var(--surface-medium);\n }\n }\n &:is(:hover, :active, :active:hover) {\n background-color: var(--surface-medium);\n }\n }\n\n @each $key, $value in $spacing {\n &.padding__spacing-#{$key} {\n padding: var(--spacing-#{$key});\n }\n }\n @each $key, $value in $shadows {\n &.shadow__elevation-shadow-#{$key} {\n box-shadow: var(--elevation-shadow-#{$key});\n }\n }\n }\n}\n\n:host-context(.vds-card--disabled) {\n pointer-events: none;\n}","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop, Event, EventEmitter, Watch } from '@stencil/core/internal';\nimport { Colors } from '../../definitions/colors';\nimport { Spacing } from '../../definitions/spacing';\nimport { ShadowBox } from '../../definitions/shadows';\nimport { combineClasses } from '../../utils/combine-classes';\n@Component({\n tag: 'vds-card',\n styleUrl: 'vds-card.scss',\n shadow: true,\n})\nexport class VdsCard {\n /** Padding of component based on volt-spacing tokens */\n @Prop({ mutable: true }) padding: Spacing = 'spacing-05';\n /** Selectable property allow the card to toggle between selected and unselected state.\n * This property can't be used with the button property at the same time */\n @Prop({ mutable: true }) selectable: boolean = false;\n /** Sets the selected state for the card (only works when selectable property is true).\n * This property can't be used with the button property at the same time */\n @Prop({ mutable: true }) selected: boolean = false;\n /** Button property allows the card to behave like a button.\n * This property can't be used with the selectable property at the same time */\n @Prop({ mutable: true }) button = false;\n /** Sets the card in disabled state */\n @Prop({ mutable: true }) disabled = false;\n /** Allows changing the default card variant */\n @Prop({ mutable: true }) variant: 'primary' | 'secondary' | 'danger' | 'default' = 'default';\n /** Sets the shadow for the card */\n @Prop({ mutable: true }) shadowBox: ShadowBox = 'elevation-shadow-1';\n\n /**\n * Allows changing the default border color.\n * @deprecated This property is deprecated and will be removed from the code in the future.\n */\n @Prop() borderColor: Colors;\n /**\n * Allows changing the border color when hovering.\n * @deprecated This property is deprecated and will be removed from the code in the future.\n */\n @Prop() borderHoverColor: Colors;\n\n /** Emits event when card have been selected (only works when selectable property is true) */\n @Event() select: EventEmitter<boolean>;\n /** Emits event when card have been clicked on (only works when button property is true) */\n @Event() click: EventEmitter<MouseEvent>;\n\n @Watch('selected')\n emitSelected(): void {\n if (this.selectable) {\n this.select.emit(this.selected);\n }\n }\n\n @Watch('selectable')\n @Watch('button')\n handleBehaviorValidation(): void {\n if (this.button && this.selectable) {\n this.selectable = false;\n this.selected = false;\n }\n if (!this.selectable && this.selected) {\n this.selected = false;\n }\n }\n\n /**\n * Sets card's custom border colors\n *\n * @returns { [key: string]: string }\n */\n private setCustomBorderColors(): { [key: string]: string } {\n const styles = {};\n\n if (this.borderColor) {\n styles['--vds-card-default-border-color'] = `var(--${this.borderColor})`;\n }\n\n if (this.borderHoverColor) {\n styles['--vds-card-default-border-hover-color'] = `var(--${this.borderHoverColor})`;\n }\n\n return styles;\n }\n\n private handleSelectable(): void {\n this.selected = !this.selected;\n }\n\n private handleClick(evt: MouseEvent): void {\n if (this.button) {\n this.click.emit(evt);\n }\n\n if (this.selectable) {\n this.handleSelectable();\n }\n }\n\n componentWillLoad(): void {\n this.handleBehaviorValidation();\n }\n\n render(): HTMLStencilElement {\n return (\n <Host class={combineClasses(this.disabled ? \"vds-card--disabled\" : \"\")}>\n <div\n onClick={(evt: MouseEvent) => {\n this.handleClick(evt);\n }}\n style={this.setCustomBorderColors()}\n class={`\n vds__card \n vds__card--${this.variant}\n padding__${this.padding}\n shadow__${this.shadowBox}\n ${this.selectable ? 'vds__card--selectable' : ''}\n ${this.selectable && this.selected ? 'vds__card--selected' : ''}\n ${this.button ? 'vds__card--button' : ''}\n ${this.disabled ? 'vds__card--disabled' : ''}\n `}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n","/**\n * Custom checkbox change event to capture\n * extra keys being pressed when user clicks on the checkbox\n */\nexport class CheckboxEvent extends Boolean {\n\tconstructor(\n\t\tprivate _value = false,\n\t\tprivate _altKey = false,\n\t\tprivate _ctrlKey = false,\n\t\tprivate _metaKey = false,\n\t\tprivate _shiftKey = false\n\t) {\n\t\tsuper(_value);\n\t}\n\n\tvalueOf(): boolean {\n\t\treturn !!this._value;\n\t}\n\n\tisChecked(): boolean {\n\t\treturn !!this._value;\n\t}\n\n\tget altKey(): boolean {\n\t\treturn this._altKey;\n\t}\n\n\tget ctrlKey(): boolean {\n\t\treturn this._ctrlKey;\n\t}\n\n\tget metaKey(): boolean {\n\t\treturn this._metaKey;\n\t}\n\n\tget shiftKey(): boolean {\n\t\treturn this._shiftKey;\n\t}\n}\n\n",":host {\n display: inline-block;\n input {\n outline: none;\n border: 0;\n appearance: none;\n margin: 0;\n padding: 0;\n }\n label {\n cursor: pointer;\n }\n .vds__checkbox__container {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-sizing: content-box;\n border: 0.125rem solid transparent;\n appearance: none;\n\n .checkbox-label::part(label) {\n cursor: pointer;\n }\n\n .vds__checkbox {\n display: flex;\n }\n \n &:focus-within {\n outline: none;\n border-radius: 0.25rem;\n border: 0.125rem solid var(--color-border-focus-2);\n }\n\n &.vds__checkbox__container--size-medium {\n gap: 0.5rem;\n padding: calc(var(--spacing-03) - 0.125rem);\n vds-icon {\n width: var(--spacing-06);\n height: var(--spacing-06);\n }\n }\n &.vds__checkbox__container--size-large {\n gap: 0.75rem;\n padding: calc(var(--spacing-04) - 0.125rem);\n vds-icon {\n width: var(--spacing-07);\n height: var(--spacing-07);\n }\n }\n\n .checkbox-icon::part(svg-icon) {\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n\n &:hover {\n .checkbox-icon::part(svg-icon) {\n color: var(--color-icon-high);\n fill: var(--color-icon-high);\n }\n }\n \n &.vds__checkbox--checked {\n .checkbox-icon::part(svg-icon) {\n transform: scale(1.25);\n color: var(--color-background-brand-default);\n fill: var(--color-background-brand-default);\n }\n &:hover {\n .checkbox-icon::part(svg-icon) {\n color: var(--color-background-brand-hover);\n fill: var(--color-background-brand-hover);\n }\n }\n }\n\n &.vds__checkbox--indeterminate {\n .checkbox-icon::part(svg-icon) {\n transform: scale(1.25);\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n }\n \n &.vds__checkbox--error {\n .checkbox-icon::part(svg-icon) {\n color: var(--color-background-danger-default);\n fill: var(--color-background-danger-default);\n }\n &:hover {\n .checkbox-icon::part(svg-icon) {\n color: var(--color-background-danger-high-hover);\n fill: var(--color-background-danger-high-hover);\n }\n }\n }\n\n &.vds__checkbox--disabled {\n pointer-events: none;\n .checkbox-icon::part(svg-icon) {\n color: var(--color-icon-disabled);\n fill: var(--color-icon-disabled);\n }\n }\n }\n}\n","import { Component, Host, h } from \"@stencil/core\";\nimport { HTMLStencilElement, Prop, Method, Event, EventEmitter, Element, AttachInternals, Watch } from \"@stencil/core/internal\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { CheckboxEvent } from \"./vds-checkbox.utils\";\n@Component({\n tag: \"vds-checkbox\",\n styleUrl: \"vds-checkbox.scss\",\n shadow: true,\n formAssociated: true\n})\nexport class VdsBasicCheckbox {\n /** Sets the text to be shown in the checkbox */\n @Prop({ reflect: true, mutable: true }) labelValue: string;\n /** Sets the checkbox in checked state */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n /** Sets the checkbodx in indeterminate state */\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n /** Sets the checkbox in disabled state */\n @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\n /** Sets the checkbox in error state */\n @Prop({ reflect: true, mutable: true }) error: boolean = false;\n /** Sets the checkbox's size */\n @Prop({ mutable: true }) size: \"medium\" | \"large\" = \"medium\";\n /** Toggles the required sign in the field */\n @Prop({ mutable: true }) isRequired: boolean = false;\n /** Sets the value in the input. Usually uses checked prop as string. \n * Used to manage Reactive forms and other native functionality */\n @Prop({ reflect: true, mutable: true }) value: string;\n\n @Element() hostEl: HTMLElement;\n\n @AttachInternals() internals: ElementInternals;\n\n /**\n * Event which is triggered when checkbox state changes. This event also captures if\n * any of the special keys (shift, ctrl, meta or alt) where pressed when the checkbox state\n * changed. Use CheckboxEvent.isChecked() or\n * checkbox.on('checkboxEvent', (event : CustomEvent<CheckboxEvent>) => {\n *\t\tif(event.detail == true) {\n *\t\t\tconsole.log('Checked');\n * \t\t}\n * console.log(event.detail.altKey);\n * console.log(event.detail.shiftKey);\n * console.log(event.detail.ctrlKey);\n * })\n *\n */\n @Event() checkboxChange: EventEmitter<CheckboxEvent>;\n /** Makes a custom change to target property using checked and indeterminate (use for React components) */\n @Event() check: EventEmitter<boolean>;\n\n private state: \"checked\" | \"unchecked\" | \"indeterminate\" = \"unchecked\";\n\n componentWillRender(): void {\n this.setCheckboxState();\n }\n\n componentDidLoad(): void {\n if (this.internals && !!this.internals.setFormValue) {\n this.internals.setFormValue(this.checked.toString());\n }\n }\n\n /**\n * Executes every time checked value changes.\n * Sets indeterminate value to false in order to guarantee a change in value.\n * Sets form value in order to work properly with native forms\n *\n * @returns void\n */\n @Watch(\"checked\")\n setCheckedStates(): void {\n this.indeterminate = false;\n if (this.internals && !!this.internals.setFormValue) {\n this.internals.setFormValue(this.checked.toString());\n }\n }\n\n /**\n * Executes every time the checkbox is being click.\n * Executes toggleCheck method.\n *\n * @param event - MouseEvent\n * @returns void\n */\n\thandleClick(event: MouseEvent): void {\n\t\tthis.toggleCheck(event);\n\t}\n\n /**\n * Toggles checkbox value.\n * Emits checkboxChange event with CheckboxEvent value.\n * Emits check event with checked value.\n *\n * @param evt - KeyboardEvent | MouseEvent\n * @returns Promise<void>\n */\n @Method()\n toggleCheck(evt?: KeyboardEvent | MouseEvent): Promise<void> {\n if (!this.disabled) {\n const inputEvent = new InputEvent(\"input\");\n\t\t\tthis.checked = !this.checked;\n this.value = this.checked.toString();\n\t\t\tthis.indeterminate = false;\n\t\t\tthis.checkboxChange.emit(\n\t\t\t\tnew CheckboxEvent(\n\t\t\t\t\tthis.checked,\n\t\t\t\t\tevt?.altKey,\n\t\t\t\t\tevt?.ctrlKey,\n\t\t\t\t\tevt?.metaKey,\n\t\t\t\t\tevt?.shiftKey\n\t\t\t\t)\n\t\t\t);\n\t\t\tthis.check.emit(this.checked);\n this.hostEl.dispatchEvent(inputEvent);\n\t\t}\n return Promise.resolve();\n }\n\n /**\n * Determine state of the checkbox based on the indeterminate and checked properties.\n * When indetermanate is true, state is indeterminate.\n * When indetermanate is false and checked is true, state is checked.\n * When indetermanate is false and checked is false, state is unchecked.\n *\n * @returns void\n */\n private setCheckboxState(): void {\n this.state = this.indeterminate ? \"indeterminate\" : this.checked ? \"checked\" : \"unchecked\";\n }\n\n /**\n * Returns the icon prop based on the state and calculate the size.\n *\n * @returns HTMLStencilElement\n */\n private renderCheckbox(): HTMLStencilElement {\n const size = this.size === \"large\" ? \"1.5rem\" : \"1.25rem\";\n const disabledClass = this.disabled ? \"checkbox-icon-disabled\" : \"\";\n switch(this.state) {\n case \"checked\":\n return <vds-icon class={`checkbox-icon checkbox-icon-checked ${disabledClass}`} svgIcon={`checked`} size={size}></vds-icon>;\n case \"indeterminate\":\n return <vds-icon class={`checkbox-icon checkbox-icon-indeterminate ${disabledClass}`} svgIcon={`indeterminate`} size={size}></vds-icon>\n default:\n return <vds-icon class={`checkbox-icon ${disabledClass}`} svgIcon={`unchecked`} size={size}></vds-icon>;; \n }\n }\n\n /**\n * Returns the vds-label for the checkbox when there is a label provided.\n *\n * @returns HTMLStencilElement\n */\n private renderLabel(): HTMLStencilElement {\n return <vds-label class={\"checkbox-label\"} labelValue={this.labelValue} required={this.isRequired} size={this.size} disabled={this.disabled}></vds-label>\n }\n\n render(): HTMLStencilElement {\n return (\n <Host state={this.state}>\n <div\n onClick={(evt): void => {this.handleClick(evt)}}\n class={combineClasses(\n \"vds__checkbox__container\",\n `vds__checkbox__container--size-${this.size}`,\n this.checked && !this.indeterminate ? \"vds__checkbox--checked\" : \"\",\n this.indeterminate ? \"vds__checkbox--indeterminate\" : \"\",\n this.disabled ? \"vds__checkbox--disabled\" : \"\",\n this.error ? \"vds__checkbox--error\" : \"\",\n )}\n >\n <div class=\"vds__checkbox\">\n <input\n type={\"checkbox\"}\n checked={this.checked}\n value={this.value}\n id={this.hostEl?.id}\n disabled={this.disabled} />\n {this.renderCheckbox()}\n </div>\n {this.labelValue && this.renderLabel()}\n </div>\n </Host>\n );\n }\n}\n",":host(.horizontal) {\n width: 100%;\n height: fit-content;\n}\n:host(.vertical) {\n width: fit-content;\n height: 100%;\n}\n:host {\n display: block;\n .vds__divider--container-horizontal {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: var(--spacing-03);\n padding-bottom: var(--spacing-03);\n overflow: hidden;\n height: fit-content;\n }\n .vds__divider--container-vertical {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: var(--spacing-03);\n padding-right: var(--spacing-03);\n overflow: hidden;\n width: fit-content;\n height: 100%;\n }\n\n .vds__divider--line {\n background-color: var(--divider-border-color);\n border-radius: var(--radius-sharp);\n box-sizing: border-box;\n flex-grow: 1;\n }\n .vds__divider--orientation-horizontal {\n margin-left: var(--divider-padding);\n margin-right: var(--divider-padding);\n width: 100%;\n height: var(--divider-border-width);\n }\n .vds__divider--orientation-vertical {\n margin-top: var(--divider-padding);\n margin-bottom: var(--divider-padding);\n width: var(--divider-border-width);\n align-self: stretch;\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { Spacing } from '../../definitions/spacing';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { BorderColors } from '../../definitions/colors';\nimport { BorderThickness } from '../../definitions/thickness';\n\n@Component({\n tag: 'vds-divider',\n styleUrl: 'vds-divider.scss',\n shadow: true,\n})\nexport class VdsDivider {\n /** Define divider padding using our spacing system */\n @Prop() padding: Spacing = 'spacing-03';\n /** Define divider orientation horizontal or vertical */\n @Prop() orientation: 'horizontal' | 'vertical' = 'horizontal';\n /** Set the divider line color */\n @Prop() color: BorderColors = 'color-border-low';\n /** Set the divider line thickness */\n @Prop() thickness: BorderThickness = 'border-thickness-01';\n\n private setDividerStyle() {\n return {\n '--divider-padding': `var(--${this.padding})`,\n '--divider-border-color': `var(--${this.color})`,\n '--divider-border-width': `var(--${this.thickness})`,\n };\n }\n\n render() {\n return (\n <Host class={combineClasses(this.orientation)} style={this.setDividerStyle()}>\n <div class={combineClasses(\n 'vds__divider--container-' + this.orientation\n )}>\n <div class={combineClasses(\n 'vds__divider--line',\n 'vds__divider--orientation-' + this.orientation\n )}>\n </div>\n </div>\n </Host>\n );\n }\n}\n",":host {\n display: block;\n height: 100vh;\n width: 100%;\n\n --vds-drawer-background-color: var(--surface-medium);\n --vds-drawer-border-color: var(--color-border-lowest);\n --vds-drawer-backdrop-background-color: var(--color-interaction-black-lower);\n\n .volt__drawer {\n display: none;\n margin: 0;\n padding: 0;\n height: 100%;\n border-radius: var(--radius-sharp);\n background: var(--vds-drawer-background-color);\n transition: left 0.3 ease-in-out;\n\n vds-icon-button {\n display: flex;\n justify-content: end;\n }\n\n &.volt__drawer--opened {\n display: block;\n }\n\n @each $key, $value in $spacing {\n &.padding__spacing-#{$key} {\n padding: var(--spacing-#{$key});\n }\n }\n\n .volt__drawer--header {\n display: flex;\n justify-content: end;\n\n .volt__drawer--header-content {\n flex-grow: 1;\n }\n\n &.volt__drawer--header-close-icon {\n gap: var(--spacing-03);\n align-items: start;\n }\n }\n .volt__drawer--content {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n z-index: var(--elevation-layer-5);\n .volt-drawer__body {\n flex-grow: 1;\n }\n }\n }\n\n .vds-drawer__dropdown-is-opened {\n ::slotted([slot=\"drawer\"]) {\n position: relative;\n }\n }\n\n .volt__drawer__container {\n .volt__drawer--backdrop {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n background: var(--vds-drawer-backdrop-background-color);\n z-index: var(--elevation-layer-4);\n }\n .volt__drawer--backdrop-adaptable {\n position: fixed;\n top: 0;\n width: 100%;\n height: 100%;\n background: var(--vds-drawer-backdrop-background-color);\n z-index: var(--elevation-layer-4);\n }\n }\n\n .vds-drawer__border--left {\n border-right: 0.0625rem solid var(--vds-drawer-border-color);\n }\n\n .vds-drawer__border--right {\n border-left: 0.0625rem solid var(--vds-drawer-border-color);\n }\n\n .vds-drawer__shadow--left {\n box-shadow: var(--elevation-shadow-1);\n }\n\n .vds-drawer__shadow--right {\n box-shadow: var(--elevation-shadow-1);\n }\n}\n\n:host(.vds-drawer__over) {\n position: relative;\n\n .volt__drawer {\n position: fixed;\n z-index: var(--elevation-layer-5);\n\n &.volt__drawer__element--position-right {\n right: 0;\n }\n\n &.volt__drawer__element--position-left {\n left: 0;\n }\n }\n\n .volt__drawer__container {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n }\n}\n\n:host(.vds-drawer__side) {\n display: flex;\n\n .volt__drawer {\n z-index: var(--elevation-layer-5);\n }\n\n .volt__drawer__container {\n width: 100%;\n }\n}\n\n:host(.vds-drawer__side.vds-drawer__right) {\n flex-direction: row-reverse;\n}\n\n:host(.vds-drawer__side.vds-drawer__left) {\n flex-direction: row;\n}\n\n:host(.vds-drawer--adaptable) {\n height: 100%;\n .volt__drawer {\n box-sizing: border-box;\n }\n}\n","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop, Method, EventEmitter, Event, Watch, Listen, State } from '@stencil/core/internal';\nimport { Spacing } from '../../definitions/spacing';\nimport { combineClasses } from '../../utils/combine-classes';\n\n@Component({\n tag: 'vds-drawer',\n styleUrl: 'vds-drawer.scss',\n shadow: true,\n})\nexport class VdsDrawer {\n /** Opens/closes the drawer */\n @Prop({ mutable: true }) opened: boolean;\n /** Toggles close button in the drawer */\n @Prop({ mutable: true }) showCloseButton: boolean;\n /** Disables the close button in the drawer */\n @Prop({ mutable: true }) disableClose: boolean;\n /** Places the drawer in the screen */\n @Prop({ mutable: true }) position: 'left' | 'right' = 'left';\n /** Toggles backdrop behind the drawer in the screen */\n @Prop({ mutable: true }) backdrop: boolean;\n /** Adds the padding to the drawer */\n @Prop({ mutable: true }) padding: Spacing;\n /** Mode of the drawer; one of 'over' or 'side'. */\n @Prop({ mutable: true }) mode: 'over' | 'side' = 'over';\n /** Allow the vds-drawer to fit inside another html element */\n @Prop() isAdaptable = false;\n /** Allow show or hide the shadow of the drawer */\n @Prop() showShadow: boolean = true;\n // Allow display the border of the sidenav\n @Prop() showBorder: boolean = false;\n\n /** Emits event when drawer is closed */\n @Event() drawerClosed: EventEmitter<void>;\n /** Emits event when drawer is opened */\n @Event() drawerOpened: EventEmitter<void>;\n\n @State() dropdownIsOpened: boolean = false;\n\n @Watch('opened')\n emitValue(): void {\n if (this.opened) this.drawerOpened.emit();\n else this.drawerClosed.emit();\n }\n\n @Listen('opened', { target: 'window' })\n @Listen('closed', { target: 'window' })\n setPositionRelativeForDropdowns(evt: CustomEvent<boolean>): void {\n const target = (evt.target) as HTMLElement;\n if(\n target.nodeName === \"VDS-BASIC-DROPDOWN\" || \n target.nodeName === \"VDS-DROPDOWN\" || \n target.nodeName === \"VDS-BASIC-DROPDOWN-MULTISELECT\" ||\n target.nodeName === \"VDS-DROPDOWN-MULTISELECT\" ||\n target.nodeName === \"VDS-BASIC-AUTOCOMPLETE\" || \n target.nodeName === \"VDS-AUTOCOMPLETE\"\n ) {\n this.dropdownIsOpened = evt.type === \"opened\";\n }\n }\n\n @Method()\n open(): Promise<void> {\n return new Promise(resolve => {\n this.opened = true;\n resolve();\n });\n }\n\n @Method()\n close(): Promise<void> {\n return new Promise(resolve => {\n if (!this.disableClose) {\n this.opened = false;\n }\n resolve();\n });\n }\n\n private renderBackdrop(): HTMLStencilElement {\n return this.isAdaptable ? <div class={`volt__drawer--backdrop-adaptable`}></div> : <div class={`volt__drawer--backdrop`}></div>;\n }\n\n private renderCloseIcon(): HTMLStencilElement {\n return (\n <vds-icon-button\n onClick={() => {\n this.close();\n }}\n variant={'secondary'}\n icon=\"close\"\n disabled={this.disableClose}\n size=\"large\"\n ></vds-icon-button>\n );\n }\n\n render(): HTMLStencilElement {\n return (\n <Host class={combineClasses(`vds-drawer__${this.mode}`, `vds-drawer__${this.position}`, this.isAdaptable ? 'vds-drawer--adaptable' : '')}>\n <div\n class={combineClasses(\n 'volt__drawer',\n `padding__${this.padding}`,\n this.opened ? 'volt__drawer--opened' : '',\n `volt__drawer__element--position-${this.position}`,\n this.showShadow ? `vds-drawer__shadow--${this.position}` : '',\n this.showBorder ? `vds-drawer__border--${this.position}` : '',\n this.dropdownIsOpened ? \"vds-drawer__dropdown-is-opened\" : \"\"\n )}\n >\n \n <div class={`volt__drawer--content`}>\n <div\n class={`volt__drawer--header ${this.showCloseButton ? \"volt__drawer--header-close-icon\" : \"\"}`}\n >\n <div class={\"volt__drawer--header-content\"}>\n <slot name=\"header\" />\n </div>\n {this.showCloseButton && this.renderCloseIcon()}\n </div>\n <div class={`volt-drawer__body`}>\n <slot name=\"drawer\" />\n </div>\n <slot name=\"footer\" />\n </div>\n </div>\n <div class={'volt__drawer__container'}>\n {this.backdrop && this.opened ? this.renderBackdrop() : ''}\n <slot name=\"container\" />\n </div>\n </Host>\n );\n }\n}\n","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n@import '../base-group-header/base-group-header.scss';\n\n:host {\n display: block;\n width: 100%;\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { GroupHeaderSize, generateGroupHeaderContainer } from '../base-group-header/base-group-header';\n\n@Component({\n tag: 'vds-dropdown-group-header',\n styleUrl: 'vds-dropdown-group-header.scss',\n shadow: true,\n})\nexport class VdsDropdownGroupHeader {\n /** Size of the group header */\n @Prop() size: GroupHeaderSize = 'medium';\n\n render() {\n return (\n <Host>\n {generateGroupHeaderContainer(this.size)}\n </Host>\n );\n }\n}\n","export function format(first: string, middle: string, last: string): string {\n return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\n/**\n * Handles a click event on a reference element and opens a link in a new window.\n *\n * @param {string} linkRef - The reference string for the link to open. (Optional if no link action desired)\n * @param {\"_self\" | \"_blank\" | \"_parent\" | \"_top\"} [linkTarget=\"_self\"] - The target window for the link.\n * @param {string} linkRel - The relationship type for the link.\n * \n * @returns {void}\n */\nexport const handleRefClick = (\n linkRef: string,\n linkTarget: \"_self\" | \"_blank\" | \"_parent\" | \"_top\" = \"_self\",\n linkRel: string\n): void => {\n if (linkRef) {\n const link = document.createElement('a');\n link.href = linkRef;\n link.target = linkTarget;\n link.rel = linkRel;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n}","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n@import '../base-item/base-item.scss';\n\n:host {\n display: block;\n .vds-dropdown-item{\n @include baseItem();\n &.vds-dropdown-item--size-small {\n @include baseItemSizeSmall();\n .vds-dropdown-item__content {\n @include baseItemContent(small);\n }\n }\n &.vds-dropdown-item--size-medium {\n @include baseItemSizeMedium();\n .vds-dropdown-item__content {\n @include baseItemContent(medium);\n }\n }\n &.vds-dropdown-item--size-large {\n @include baseItemSizeLarge();\n .vds-dropdown-item__content {\n @include baseItemContent(large);\n }\n }\n &.vds-dropdown-item--active {\n @include baseItemActive();\n &.vds-dropdown-item--danger {\n @include baseItemBackgroundDanger();\n }\n }\n &.vds-dropdown-item--danger {\n @include baseItemDanger();\n }\n &.vds-dropdown-item--disabled {\n @include baseItemDisabled();\n &.vds-dropdown-item--danger {\n @include baseItemDisabled();\n }\n }\n }\n}\n\n:host(.vds-dropdown-item--disabled) {\n pointer-events: none;\n}\n\n","import { Component, Host, h, Prop, Event, Element, EventEmitter } from '@stencil/core';\nimport { HTMLStencilElement, Watch } from '@stencil/core/internal';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { handleRefClick } from '../../utils/utils';\nimport { DropdownItemClickedEvent } from './vds-dropdown-item-clicked-event';\nimport { generateCheckbox, generateCheckmarkIconButton, generateInformativeIcon, generateLabel } from '../base-item/base-item';\n\n@Component({\n tag: 'vds-dropdown-item',\n styleUrl: 'vds-dropdown-item.scss',\n shadow: true,\n})\nexport class VdsDropdownItem {\n /** Puts the VdsDropdownItem in disabled state */\n @Prop({ mutable: true }) disabled: boolean = false;\n /** Define the icon value */\n @Prop({ mutable: true }) informativeIcon: string;\n /** Define item as active when is true */\n @Prop({ mutable: true }) isActive: boolean = false;\n /** Defines the element as a link */\n @Prop({ mutable: true }) linkHref: string = null;\n /** Sets the link target value */\n @Prop({ mutable: true }) linkTarget: '_self' | '_blank' | '_parent' | '_top' = '_self';\n /** Sets the link rel value */\n @Prop({ mutable: true }) linkRel: string = null;\n /** Define item value */\n @Prop({ mutable: true, reflect: true }) value: string;\n /** Define item label */\n @Prop({ mutable: true, reflect: true }) label: string;\n /** Define 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 dropdown item to danger state. */\n @Prop({ mutable: true, reflect: true }) danger: boolean = false;\n\n /** Emits event when item gets clicked */\n @Event() dropdownItemClicked: EventEmitter<DropdownItemClickedEvent>;\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 handleRefClick(this.linkHref, this.linkTarget, this.linkRel);\n this.handleSelected(evt);\n this.dropdownItemClicked.emit({\n value: this.value,\n label: this.label,\n icon: this.informativeIcon,\n event: evt,\n selected: this.isSelected,\n });\n }\n\n private handleSelected(evt: MouseEvent): void {\n if (this.isSelected) this.selected.emit(evt);\n else this.deselected.emit(evt);\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.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-dropdown-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-dropdown-item',\n `vds-dropdown-item--size-${this.size}`,\n this.disabled ? 'vds-dropdown-item--disabled' : '',\n this.isActive || this.isSelected ? 'vds-dropdown-item--active' : '',\n this.danger ? 'vds-dropdown-item--danger' : '',\n `vds-dropdown-item__alignment-${this.checkmarkAlignment}`,\n )}\n >\n <div class=\"vds-dropdown-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","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations.scss';\n\n@mixin helper-text-small {\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(body, small);\n}\n\n@mixin helper-text-medium {\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(body, small);\n}\n\n@mixin helper-text-large {\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(body, medium);\n}\n\n:host {\n display: block;\n\n .vds__field__container {\n display: flex;\n justify-content: start;\n flex-direction: column;\n gap: var(--spacing-02);\n\n .vds__field--helper-text {\n display: block;\n color: var(--color-text-medium);\n }\n\n .vds__field--error-message {\n display: block;\n color: var(--color-text-danger-medium);\n }\n &.vds__field__container--size-small {\n .vds__field--helper-text {\n @include helper-text-small();\n }\n \n .vds__field--error-message {\n @include helper-text-small();\n }\n }\n\n &.vds__field__container--size-medium {\n .vds__field--helper-text {\n @include helper-text-medium();\n }\n \n .vds__field--error-message {\n @include helper-text-medium();\n }\n }\n &.vds__field__container--size-large {\n .vds__field--helper-text {\n @include helper-text-large();\n }\n \n .vds__field--error-message {\n @include helper-text-large();\n }\n }\n &.vds__field__container--disabled {\n .vds__field--helper-text,\n .vds__field--error-message {\n color: var(--color-text-disabled);\n }\n }\n @each $colorName, $palette in $volt-palettes {\n @each $shadeName, $hex in $palette {\n @if ($shadeName == main) {\n .vds__field--helper-text-#{$colorName}-main {\n color: $hex;\n }\n } @else {\n .vds__field--helper-text-#{$colorName}-#{$shadeName} {\n color: $hex;\n }\n }\n }\n }\n }\n}\n\n:host-context(.vds-field--disabled) {\n pointer-events: none;\n}","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop } from '@stencil/core/internal';\nimport { Colors } from '../../definitions/colors';\nimport { combineClasses } from '../../utils/combine-classes';\n\n@Component({\n tag: 'vds-field',\n styleUrl: 'vds-field.scss',\n shadow: true,\n})\nexport class VdsField {\n /** Sets the field's label */\n @Prop() label: string\n /** Toggles the required sign in the field */\n @Prop({ mutable: true }) isRequired: boolean = false \n /** Sets the field in disabled state */\n @Prop({ mutable: true }) isDisabled: boolean = false \n /** Sets the field's helper text */\n @Prop({ mutable: true }) helperText: string;\n /** Sets the field's helper text color */\n @Prop({ mutable: true }) helperTextColor: Colors;\n /** Sets the field's error message */\n @Prop({ mutable: true }) errorMessage: string;\n /** Sets the field's size */\n @Prop() size: \"small\" | \"medium\" | \"large\" = \"medium\";\n\n private getLabel(): HTMLStencilElement | null {\n if (!this.label) return null;\n\n return (\n <vds-label \n labelValue={this.label}\n required={this.isRequired}\n size={this.size}\n >\n </vds-label>\n );\n }\n\n private getHelperText(): HTMLStencilElement | null {\n if (!this.helperText) return null;\n\n return (\n <span \n class={`vds__field--helper-text ${this.helperTextColor ? `vds__field--helper-text-${this.helperTextColor}` : \"\"}`}>\n {this.helperText}\n </span>\n );\n }\n\n render(): HTMLStencilElement {\n return (\n <Host class={this.isDisabled ? \"vds-field--disabled\" : \"\"}>\n <div \n class={\n combineClasses(\"vds__field__container\",\n `vds__field__container--size-${this.size}`,\n `${this.isDisabled ? \"vds__field__container--disabled\" : \"\"}`)}\n >\n {this.getLabel()}\n <slot></slot>\n {this.getHelperText()}\n {this.errorMessage && <span class={\"vds__field--error-message\"}>{this.errorMessage}</span>}\n </div>\n </Host>\n );\n }\n}\n","/**\n * Converts an SVG string to a base64-encoded string.\n *\n * @param {string} svgContent - The SVG content to convert.\n * @returns {string} The base64-encoded SVG string.\n */\nexport const ConvertSvgStringToBase64 = (svgContent: string): string => {\n const strippedSvgContent = svgContent.replace(/\"/g, \"'\");\n const base64 = btoa(strippedSvgContent);\n return `data:image/svg+xml;base64,${base64}`;\n}\n\n/**\n * Generates a VDS SVG string by removing specified attributes.\n *\n * @param {string} svgContent - The original SVG content.\n * @param {boolean} [removeSize=true] - Whether to remove width and height attributes.\n * @param {boolean} [removeColors=true] - Whether to remove fill, background, and color attributes.\n * @returns {string} The modified SVG content.\n */\nexport const GenerateVdsSvg = (svgContent: string, removeSize = true, removeColors = true): string => {\n const fill = new RegExp(/fill=\"[a-zA-Z0-9:;#\\.\\s\$\$\\-\\,]*\"/g);\n const width = new RegExp(/ width=\"[a-zA-Z0-9:;#\\.\\s\$\$\\-\\,]*\"/g);\n const height = new RegExp(/height=\"[a-zA-Z0-9:;#\\.\\s\$\$\\-\\,]*\"/g);\n const background = new RegExp(/background:[a-zA-Z0-9:;#\\.\\s\$\$\\-\\,]*/g);\n let content = svgContent;\n\n if (removeSize) {\n content = content.replace(width, \"\").replace(height, \"\");\n }\n\n if (removeColors) {\n content = content.replace(fill, \"\").replace(background, \"\");\n }\n\n return content;\n}","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations.scss';\n\n:host {\n display: block;\n}\n\n:host-context(.checkbox-icon-checked:not(.checkbox-icon-disabled)) {\n path:last-child {\n fill: var(--static-white);\n color: var(--static-white);\n }\n}\n\n:host-context(.checkbox-icon-indeterminate:not(.checkbox-icon-disabled)) {\n path:last-child {\n fill: var(--static-white);\n color: var(--static-white);\n }\n}\n\n:host-context(.radio-button-icon-checked) {\n path:nth-child(2) {\n fill: var(--color-icon-white-high);\n color: var(--color-icon-white-high);\n }\n}\n\n:host-context(.slider-thumb) {\n g {\n path:nth-child(1) {\n fill: var(--color-icon-white-high);\n color: var(--color-icon-white-high);\n }\n path:nth-child(2) {\n fill: var(--color-border-low);\n color: var(--color-border-low);\n }\n }\n}\n\n@each $colorName, $_ in map-get($volt-themes, \"light\") {\n :host(.color-#{$colorName}) {\n fill: var(--#{$colorName});\n }\n}\n\n@each $colorName, $palette in $volt-palettes {\n @each $shadeName, $hex in $palette {\n :host(.color-#{$colorName}-#{$shadeName}) {\n fill: $hex;\n }\n\n @if ($shadeName == main) {\n .color-#{$colorName} {\n fill: $hex;\n }\n\n :host(.color-#{$colorName}) {\n color: $hex;\n }\n }\n }\n}\n\n@each $colorName, $_ in $global {\n :host(.color-#{$colorName}) {\n fill: var(--static-#{$colorName});\n }\n}","import { Component, Host, h } from '@stencil/core';\nimport { Element, HostElement, Prop } from '@stencil/core/internal';\nimport * as svgs from '../../constants/icon-sprite';\nimport { Colors, IconColors } from '../../definitions/colors';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { GenerateVdsSvg } from '../../utils/icon-generation.utils';\n\n@Component({\n tag: 'vds-icon',\n styleUrl: 'vds-icon.scss',\n shadow: true,\n})\nexport class VdsIcon {\n /** Set svg icon name to display */\n @Prop({ mutable: true }) svgIcon: string;\n /** Set icon size in px or rem, IE: 1.25rem */\n @Prop({ mutable: true }) size: string;\n /** Set icon color based in volt palette */\n @Prop({ mutable: true }) color: IconColors | Colors = 'brand-main';\n /** Set alt text for accesibility */\n @Prop({ mutable: true }) alt: string;\n\n @Element() host: HTMLDivElement; \n \n private svgContent: string;\n\n async componentWillLoad(): Promise<void> {\n if (this.isValidUrl(this.svgIcon) && this.isValidSvgUrl(this.svgIcon)) {\n this.svgContent = await this.setSvgContent(this.svgIcon);\n }\n }\n\n private isSvgString(svgIcon: string): boolean {\n return svgIcon?.trim().startsWith('<svg')?? false;\n }\n\n private isValidUrl(svgIcon: string): boolean {\n try {\n new URL(svgIcon);\n return true;\n } catch (err) {\n return false;\n }\n }\n\n private isInternalIcon(svgIcon: string): boolean {\n const icons = Object.keys(svgs.default);\n\n return icons.some(icon => icon === svgIcon+'.svg');\n }\n private isValidSvgUrl(svgIcon: string): boolean {\n return svgIcon?.endsWith('.svg');\n }\n\n private async setSvgContent(svgIcon: string): Promise<string | null> {\n return await this.fetchSvgContent(svgIcon);\n }\n\n private async fetchSvgContent(url: string): Promise<string | null> {\n try {\n const response = await fetch(url);\n return !response.ok ? null : await response.text();\n } catch (error) {\n return null;\n }\n }\n private getSize() {\n if (this.size && this.size.indexOf(',') > -1) {\n const sizes = this.size.split(',');\n return {\n width: sizes[0] ? sizes[0] : '1rem',\n height: sizes[1] ? sizes[1] : '1rem',\n };\n }\n return { width: this.size ? this.size : '1rem', height: this.size ? this.size : '1rem' };\n }\n\n private getSvgContent(): string {\n if (this.isSvgString(this.svgIcon)) {\n return GenerateVdsSvg(this.svgIcon);\n }\n\n if (this.isValidSvgUrl(this.svgIcon) && this.svgContent) {\n return GenerateVdsSvg(this.svgContent);\n }\n\n return svgs.default[`${this.svgIcon}.svg`];\n }\n\n render(): HostElement {\n return (\n <Host class={combineClasses('volt-icon', `color-${this.color}`)}>\n {this.isInternalIcon(this.svgIcon) || this.isSvgString(this.svgIcon) ? \n (\n <div\n part=\"svg-icon\"\n style={this.getSize()}\n class={combineClasses('volt-icon-svg')}\n innerHTML={this.getSvgContent()}>\n </div>\n ) \n : \n (\n <img style={this.getSize()} src={this.svgIcon} alt={`${this.alt} icon`} />\n )\n }\n </Host>\n );\n }\n}",":host {\n display: inline-block;\n width: fit-content;\n button {\n background-color: transparent;\n border-color: transparent;\n box-sizing: border-box;\n }\n\n @mixin disabledIconButton {\n &:disabled { \n color: var(--color-icon-disabled);\n pointer-events: none;\n vds-icon {\n color: var(--color-icon-disabled);\n fill: var(--color-icon-disabled);\n }\n }\n }\n @mixin selectedIconButton {\n &:active {\n color: var(--color-icon-brand-press);\n vds-icon {\n color: var(--color-icon-brand-press);\n fill: var(--color-icon-brand-press);\n }\n }\n }\n\n .vds-icon-button {\n &__element {\n display: flex;\n align-items: center;\n padding: var(--spacing-01, 0.125rem);\n border: 0;\n box-sizing: border-box;\n box-shadow: none;\n cursor: pointer;\n border-radius: var(--radius-medium);\n &:focus-visible {\n outline: var(--spacing-01, 0.125rem) solid var(--color-border-focus-2);\n }\n &:active, &:active:hover {\n background-color: transparent;\n }\n }\n &__variant--primary {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-text-brand);\n vds-icon {\n color: var(--color-text-brand);\n fill: var(--color-text-brand);\n }\n &:hover {\n background: var(--color-interaction-brand-lowest);\n color: var(--color-icon-brand-hover);\n vds-icon {\n color: var(--color-icon-brand-hover);\n fill: var(--color-icon-brand-hover);\n }\n }\n \n @include disabledIconButton();\n @include selectedIconButton();\n }\n &__variant--secondary {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-icon-high);\n vds-icon {\n color: var(--color-icon-high);\n fill: var(--color-icon-high);\n }\n &:hover {\n background: var(--color-interaction-black-lowest);\n vds-icon {\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n }\n &:active {\n color: var(--color-icon-high);\n vds-icon {\n color: var(--color-icon-high);\n fill: var(--color-icon-high);\n }\n }\n\n @include disabledIconButton();\n }\n &__variant--tertiary {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-icon-medium);\n vds-icon {\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n &:hover {\n background: var(--color-interaction-brand-lowest);\n color: var(--color-icon-brand-hover);\n vds-icon {\n color: var(--color-icon-brand-hover);\n fill: var(--color-icon-brand-hover);\n }\n }\n\n @include disabledIconButton();\n @include selectedIconButton();\n }\n }\n}\n\n:host-context(.vds-icon-button--disabled) {\n pointer-events: none;\n}","import { Component, Element, Host, Listen, Prop, h } from '@stencil/core';\nimport { shadowSubmitForm } from '../../utils/form';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport { ICON_SIZE } from './vds-icon-button.utils';\n\n@Component({\n tag: 'vds-icon-button',\n styleUrl: 'vds-icon-button.scss',\n shadow: true,\n})\nexport class VdsIconButton {\n /** Set icon button's size */\n\t@Prop() size: \"large\" | \"medium\" | \"small\" | \"extra-small\" = \"medium\";\n /** Set icon button's variant */\n\t@Prop() variant: \"primary\" | \"secondary\" | \"tertiary\" = \"primary\";\n /** Enable icon button's disable state */\n\t@Prop() disabled: boolean = false;\n /** Sets the icon inside icon button */\n\t@Prop() icon: string;\n /** Sets the button icon arial-label */\n @Prop({reflect: true}) setAriaLabel: string;\n \n @Element() hostEl: HTMLVdsButtonElement;\n\n @Listen(\"click\")\n\thandleSubmit(): void {\n\t\tif (this.hostEl.getAttribute(\"type\") === \"submit\") {\n\t\t\tthis.submitForm();\n\t\t}\n\t}\n\n private submitForm(): void {\n\t\tshadowSubmitForm(this.hostEl);\n\t}\n\n render(): HTMLStencilElement {\n return (\n <Host class={combineClasses(`vds-icon-button`, this.disabled ? \"vds-icon-button--disabled\" : \"\")}>\n <button\n class={combineClasses(\n `vds-icon-button__element`,\n `vds-icon-button__variant--${this.variant}`,\n `vds-icon-button__size--${this.size}`,\n this.disabled ? \"vds-icon-button-disabled\" : \"\"\n )}\n aria-label={this.setAriaLabel}\n type=\"button\"\n disabled={ this.disabled || null}\n {...cloneAttributes(\n\t\t\t\t\t\tthis.hostEl,\n \"disabled\",\n \"class\",\n \"style\"\n )}\n >\n <vds-icon svg-icon={this.icon} size={ICON_SIZE[this.size]}></vds-icon>\n </button>\n </Host>\n );\n }\n}\n","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n display: block;\n .volt__label {\n color: var(--color-text-high);\n\n label {\n display: flex;\n }\n\n &.volt__label--size-small {\n @include font-style(body, small);\n }\n\n &.volt__label--size-medium {\n @include font-style(body, medium);\n }\n \n &.volt__label--size-large {\n @include font-style(body, large);\n }\n\n &.volt__label--disabled {\n color: var(--color-text-disabled);\n .volt__label--required {\n color: var(--color-text-disabled);\n } \n }\n\n .volt__label--required {\n width: 0.3125rem;\n align-self: stretch;\n color: var(--color-text-danger-medium);\n @include font-style(title, 2x-small);\n }\n }\n}\n\n:host-context(.vds-label--disabled) {\n pointer-events: none;\n}","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop } from '@stencil/core/internal';\n\n@Component({\n tag: 'vds-label',\n styleUrl: 'vds-label.scss',\n shadow: true,\n})\nexport class VdsLabel {\n /** Sets the size of the label */\n @Prop() size: \"small\" | \"large\" | \"medium\" = \"medium\";\n /** Sets label in disabled state */\n @Prop() disabled: boolean = false;\n /** Sets the label as required element adding * at the end */\n @Prop() required: boolean = false\n /** Sets the label text */\n @Prop() labelValue!: string;\n /** Displays icon at the end of the text */\n @Prop() icon: string;\n\n private getRequired(): HTMLStencilElement {\n return (\n <span class={\"volt__label--required\"}>*</span>\n )\n }\n\n private getIcon(): HTMLStencilElement {\n return (\n <vds-icon svg-icon={this.icon} color=\"brand-main\" size=\"2rem\"></vds-icon>\n )\n }\n\n render(): HTMLStencilElement {\n return (\n <Host class={this.disabled ? \"vds-label--disabled\" : \"\"}>\n <div class={`volt__label\n volt__label--size-${this.size}\n ${this.disabled ? \"volt__label--disabled\" : \"\"}`}>\n <label part={\"label\"}>\n {this.labelValue}{this.required && this.getRequired()}{this.icon && this.getIcon()}\n </label>\n </div>\n </Host>\n );\n }\n}\n","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n display: inline-block;\n .vds-link{\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: var(--spacing-00);\n gap: var(--spacing-00);\n border-radius: var(--radius-medium);\n text-decoration: none;\n vertical-align: middle;\n &:focus-visible {\n outline: 0.125rem solid var(--color-border-focus-2);\n outline-offset: 0.125rem;\n }\n .vds-link--container{\n display: inline-flex;\n justify-content: center;\n align-items: center;\n &.vds-link--icon-position-left {\n flex-direction: row;\n }\n &.vds-link--icon-position-right {\n flex-direction: row-reverse;\n }\n }\n .vds-link--content {\n color: var(--color-link-default);\n }\n vds-icon {\n color: var(--color-icon-brand-default);\n fill: var(--color-icon-brand-default);\n }\n\n &.vds-link--variant-primary {\n .vds-link--content {\n color: var(--color-link-default);\n }\n vds-icon {\n color: var(--color-icon-brand-default);\n fill: var(--color-icon-brand-default);\n }\n &:hover {\n background-color: var(--color-interaction-brand-lowest);\n .vds-link--content {\n color: var(--color-icon-brand-hover);\n }\n vds-icon {\n fill: var(--color-icon-brand-hover);\n color: var(--color-icon-brand-hover);\n }\n }\n &:active {\n .vds-link--content {\n color: var(--color-text-information-high);\n }\n vds-icon {\n fill: var(--color-icon-information);\n color: var(--color-icon-information);\n }\n }\n }\n\n &.vds-link--variant-secondary {\n .vds-link--content {\n color: var(--color-text-medium);\n }\n vds-icon {\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n &:hover {\n background-color: var(--color-interaction-black-lowest);\n .vds-link--content {\n color: var(--color-text-medium);\n }\n vds-icon {\n fill: var(--color-icon-medium);\n color: var(--color-icon-medium);\n }\n }\n &:active {\n .vds-link--content {\n color: var(--color-text-information-high);\n }\n vds-icon {\n fill: var(--color-icon-information);\n color: var(--color-icon-information);\n }\n }\n } \n }\n\n .vds-link--content {\n display: flex;\n padding: var(--spacing-02);\n justify-content: center;\n align-items: center;\n gap: 8px;\n text-align: center;\n font-feature-settings: 'clig' off, 'liga' off;\n font-style: normal; \n text-decoration-line: none;\n vertical-align: middle; \n }\n vds-icon {\n display: inline-flex;\n padding: var(--spacing-02);\n vertical-align: middle;\n }\n\n .vds-link--variant-footer {\n @include font-style(title, '2x-small');\n text-decoration-line: none;\n outline: none;\n\n &:hover {\n background-color: var(--color-interaction-black-lowest);\n }\n .vds-link--content {\n @include font-style(title, 2x-small);\n color: var(--color-text-medium);\n }\n\n vds-icon {\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n\n }\n .vds-link--underline {\n text-decoration: underline;\n }\n .vds-link--size-2x-small {\n @include font-style(title, 2x-small);\n }\n .vds-link--size-extra-small {\n @include font-style(title, extra-small);\n }\n .vds-link--size-small{\n @include font-style(title, small);\n }\n .vds-link--size-medium {\n @include font-style(title, medium);\n }\n .vds-link--size-large {\n @include font-style(title, large);\n }\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { HTMLStencilElement } from \"@stencil/core/internal\";\n\n@Component({\n tag: \"vds-link\",\n styleUrl: \"vds-link.scss\",\n shadow: true,\n})\nexport class VdsLink {\n /** Sets the value for the label text */\n @Prop() value: string;\n /** Sets icon position relative to the label text */\n @Prop() iconPosition: \"right\" | \"left\" = \"right\";\n /** Enable / Disable underline text decoration */\n @Prop() underline: boolean = false;\n /** Sets url link for the internal href */\n @Prop() url: string = \"#\";\n /** Sets href target */\n @Prop() target: \"_self\" | \"_blank\" | \"_parent\" | \"_top\" = \"_self\";\n /** Sets the link rel value */\n @Prop() rel: string = null;\n /** Set the link size */\n @Prop() size: \"large\" | \"medium\" | \"small\" | \"extra-small\" | \"2x-small\" = \"medium\";\n /** Sets the informative icon in the vds-link */\n @Prop() informativeIcon: string;\n /** Sets the link variant - footer variant is the same as secondary.\n * @tobedeprecated footer variant will be deprecated in the future.\n */\n @Prop() variant: \"primary\" | \"secondary\" | \"footer\" = \"primary\";\n\n\n /** Sets the informative icon in the vds-link\n * \n * @returns HTMLStencilElement\n */\n getIcon(): HTMLStencilElement {\n let size = \"1.5rem\";\n switch(this.size) {\n case \"2x-small\":\n size = \"0.75rem\";\n break;\n case \"extra-small\":\n size = \"1rem\";\n break;\n case \"small\":\n size = \"1.25rem\";\n break;\n case \"medium\":\n size = \"1.5rem\";\n break;\n case \"large\":\n size = \"1.75rem\";\n break;\n }\n\n return <vds-icon\n svgIcon={this.informativeIcon}\n size={this.variant === \"footer\" ? \"1rem\" : size}\n color=\"color-link-default\"></vds-icon>;\n }\n\n render(): HTMLStencilElement {\n return (\n <Host>\n <a\n class={combineClasses(\n `vds-link vds-link--variant-${this.variant}`,\n `vds-link vds-link--size-${this.size}`,\n \n )}\n href={this.url}\n target={this.target}\n rel={this.rel}\n >\n <span\n class={combineClasses(`vds-link--container`,\n `vds-link--icon-position-${this.iconPosition}`\n )}\n >\n {this.informativeIcon && this.getIcon()}\n <span\n class={combineClasses(\n `vds-link--content ${this.underline ? \"vds-link--underline\" : \"\"}`\n )}\n >\n {this.value}\n </span>\n </span>\n </a>\n </Host>\n );\n }\n}\n",":host {\n display: flex;\n width: fit-content;\n height: fit-content;\n\n .vds__menu--container {\n display: none;\n position: absolute;\n max-width: var(--menu-max-width, unset) !important;\n height: fit-content;\n max-height: var(--menu-max-height, unset) !important;\n flex-direction: column;\n align-self: stretch;\n background-color: var(--surface-medium);\n border-radius: var(--radius-medium);\n border: 0px solid var(--color-border-low);\n z-index: var(--elevation-layer-2);\n box-shadow: var(--elevation-shadow-2);\n box-sizing: border-box;\n border: 0.0625rem solid var(--color-border-lowest);\n &.has-scroll {\n padding-right: var(--spacing-01);\n }\n }\n .vds__menu--submenu {\n &-right,\n &-left,\n &-top,\n &-bottom {\n top: auto !important;\n white-space: nowrap;\n }\n &-right {\n left: 100% !important;\n }\n &-left {\n left: auto !important;\n transform: translateX(-100%);\n }\n &-top,\n &-bottom {\n left: auto !important;\n }\n }\n}\n","import { Component, Host, Listen, Prop, State, h, Element, EventEmitter, Event, Method } from \"@stencil/core\";\nimport { HTMLStencilElement, Watch } from \"@stencil/core/internal\";\nimport { updateFloatingBoxPosition } from \"../../utils/floating-engine-utils\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { queryElementFromShadowRoot } from \"../../utils/node-utils\";\n\n@Component({\n tag: \"vds-menu\",\n styleUrl: \"vds-menu.scss\",\n shadow: true,\n})\nexport class VdsMenu {\n\n @Element() hostEl: HTMLElement;\n /** Defines the position where the menu will be opened */\n @Prop({ mutable: true }) position: \"top\" | \"bottom\" | \"right\" | \"left\" = \"bottom\";\n /** Sets the maximum width of the menu\"s content */\n @Prop({ mutable: true }) maxWidth: string;\n /** Sets the maximum height of the menu\"s content */\n @Prop({ mutable: true }) maxHeight: string;\n /** The type of event that will trigger the popover */\n @Prop({ mutable: true }) event: \"hover\" | \"click\" = \"click\";\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 /** Set backdrop when show the menu */\n @Prop({ mutable: true }) backdrop: boolean = false;\n\n @State() menuOpened: boolean = false;\n /** Emits event when menu gets opens */\n @Event() opened: EventEmitter<void>;\n /** Emits event when menu gets closes */\n @Event() closed: EventEmitter<void>;\n\n private actionElementRef: HTMLElement;\n private menuElementRef: HTMLElement;\n private floatingCleanUp: () => void;\n\n private isSubmenu: boolean = false;\n\n @Watch(\"menuOpened\")\n async emitValue(): Promise<void> {\n if (this.menuOpened) {\n this.opened.emit();\n this.menuElementRef.style.display = \"inline-flex\";\n this.floatingCleanUp = await updateFloatingBoxPosition(this.actionElementRef, this.menuElementRef, null, this.position, this.autoPosition);\n } else {\n this.closeNestedMenus();\n this.closed.emit();\n this.menuElementRef.style.display = \"none\";\n this.floatingCleanUp();\n }\n }\n\n /* Close the menu when click outside */\n @Listen(\"click\", { target: \"window\" })\n handleClickOut(evt: MouseEvent): void {\n const isClickInside = this.hostEl.contains(evt.target as Node);\n if (!isClickInside && !this.backdrop) {\n this.menuOpened = false;\n }\n }\n \n handleHoverOut(event: Event): void {\n if (this.event === \"hover\") {\n const hoveredElement = event.target as HTMLElement;\n if (hoveredElement) {\n this.close();\n }\n }\n }\n \n /* Close all nested menus recursively */\n private closeNestedMenus(): void {\n const menuContent = this.menuElementRef.querySelector('slot[name=\"menu-content\"]') as HTMLSlotElement;\n if (menuContent) {\n const elements = Array.from(menuContent.children);\n for (const element of elements) {\n const nestedMenu = element.querySelector('vds-menu');\n if (nestedMenu) {\n nestedMenu.close();\n }\n }\n }\n }\n \n /* Open the menu with click on the trigger element */\n async handleClick(evt: Event): Promise<void> {\n if (this.event === \"click\") {\n const clickedElement = evt.target as HTMLElement;\n if (clickedElement && !this.menuOpened) {\n this.menuOpened = true;\n }\n }\n }\n\n /* Listen when Menu Item element is clicked to close Menu window */\n @Listen(\"clicked\")\n handleMenuItemClicked(): void {\n this.close();\n }\n\n /* Open the menu from other element */\n @Method()\n public async open(): Promise<void> {\n this.menuOpened = true;\n }\n\n /* Close the menu from other element */\n @Method()\n public async close(): Promise<void> {\n this.closeNestedMenus();\n this.menuOpened = false;\n }\n /**\n * Gets the target that will manage the menu\n * returns a promise with the target HTMLElement.\n */\n @Method()\n public async getTarget(): Promise<HTMLElement | null> {\n return document.querySelector(\".vds__menu--trigger\") as HTMLElement;\n }\n\n private handleHover(event: Event): void {\n if (this.event === \"hover\") {\n const hoveredElement = event.target as HTMLElement;\n if (hoveredElement) {\n this.menuOpened = true;\n }\n }\n }\n\n private setMaxWidthAndHeight() {\n return { \"--menu-max-width\": this.maxWidth, \"--menu-max-height\": this.maxHeight }\n }\n\n componentWillLoad() {\n const triggerItem = Array.from(this.hostEl.children).find(\n (child) => child.matches('vds-menu-item[slot=\"menu-trigger\"]')\n );\n if (triggerItem) {\n this.isSubmenu = true;\n this.backdrop = false;\n this.autoPosition = false;\n }\n }\n\n componentDidLoad() {\n this.actionElementRef = queryElementFromShadowRoot(this.hostEl, \".vds__menu--trigger\");\n this.menuElementRef = queryElementFromShadowRoot(this.hostEl, \".vds__menu--container\");\n if (this.event === \"click\") {\n this.actionElementRef.addEventListener(\"click\", this.handleClick.bind(this));\n } else if (this.event === \"hover\") {\n this.actionElementRef.addEventListener(\"mouseenter\", this.handleHover.bind(this));\n this.menuElementRef.addEventListener(\"mouseleave\", this.handleHoverOut.bind(this));\n }\n }\n\n componentDidRender() {\n updateFloatingBoxPosition(this.actionElementRef, this.menuElementRef, null, this.position, this.autoPosition);\n }\n\n disconnectedCallback() {\n window.removeEventListener(\"click\", this.handleClickOut.bind(this));\n if (this.event === \"click\") {\n this.actionElementRef.removeEventListener(\"click\", this.handleClick.bind(this));\n } else if (this.event === \"hover\") {\n this.actionElementRef.removeEventListener(\"mouseenter\", this.handleHover.bind(this));\n this.menuElementRef.removeEventListener(\"mouseleave\", this.handleHoverOut.bind(this));\n }\n }\n\n render(): HTMLStencilElement {\n return (\n <Host style={this.setMaxWidthAndHeight()}>\n {this.backdrop && this.menuOpened ? <div class=\"vds__menu--backdrop\" onClick={() => this.close()}></div> : null}\n <div class=\"vds__menu--trigger\"\n onClick={(evt: MouseEvent) => {\n this.handleClick(evt);\n }}\n ref={(triggerEl) => { if (triggerEl) this.actionElementRef = triggerEl; }}\n >\n <slot name=\"menu-trigger\"></slot>\n </div>\n <div\n class={combineClasses(\n \"vds__menu--container\",\n this.maxHeight ? \"has-scroll\" : \"\",\n this.isSubmenu ? `vds__menu--submenu-${this.position}` : \"\"\n )}\n ref={(menuEl) => { if (menuEl) this.menuElementRef = menuEl; }}\n >\n <slot name=\"menu-content\"></slot>\n </div>\n </Host>\n );\n }\n}\n","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n@import '../base-group-header/base-group-header.scss';\n\n:host {\n display: block;\n width: 100%;\n}","import { Component, Host, h, Prop } from '@stencil/core';\nimport { GroupHeaderSize, generateGroupHeaderContainer } from '../base-group-header/base-group-header';\n\n@Component({\n tag: 'vds-menu-group-header',\n styleUrl: 'vds-menu-group-header.scss',\n shadow: true,\n})\nexport class VdsMenuGroupHeader {\n /** Size of the group header */\n @Prop() size: GroupHeaderSize = 'medium';\n\n render() {\n return (\n <Host>\n {generateGroupHeaderContainer(this.size)}\n </Host>\n );\n }\n}\n","@import \"~@volt/volt-foundations/dist/volt-foundations/volt-foundations\";\n@import '../base-item/base-item.scss';\n\n:host {\n display: block;\n width: 100%;\n .vds-menu-item {\n @include baseItem();\n &.vds-menu-item--size-medium {\n @include baseItemSizeMedium();\n .vds-menu-item__content {\n @include baseItemContent(medium);\n }\n }\n &.vds-menu-item--size-large {\n @include baseItemSizeLarge();\n .vds-menu-item__content {\n @include baseItemContent(large);\n }\n }\n &.vds-menu-item--active {\n @include baseItemActive();\n &.vds-menu-item--danger {\n @include baseItemBackgroundDanger();\n }\n }\n &.vds-menu-item--danger {\n @include baseItemDanger();\n }\n &.vds-menu-item--disabled {\n @include baseItemDisabled();\n &.vds-menu-item--danger {\n @include baseItemDisabled();\n }\n }\n }\n}\n\n:host(.vds-menu-item--disabled) {\n pointer-events: none;\n}\n","import { Component, Event, EventEmitter, Host, Prop, h, Element } from \"@stencil/core\";\nimport { HTMLStencilElement, Watch } from \"@stencil/core/internal\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { handleRefClick } from \"../../utils/utils\";\nimport { generateCheckbox, generateCheckmarkIconButton, generateChildrenIconButton, generateInformativeIcon, generateLabel } from \"../base-item/base-item\";\n\nexport interface MenuItemClickedEvent {\n value: string;\n event: MouseEvent;\n}\n\n@Component({\n tag: \"vds-menu-item\",\n styleUrl: \"vds-menu-item.scss\",\n shadow: true,\n})\nexport class VdsMenuItem {\n /** Puts the VdsMenuItem in disabled state */\n @Prop({ mutable: true }) disabled: boolean = false;\n /** Define the icon value */\n @Prop({ mutable: true }) icon: string;\n /** Define item as active when is true */\n @Prop({ mutable: true }) isActive: boolean = false;\n /** Shows arrow when there are children */\n @Prop({ mutable: true }) hasChildren: boolean = false;\n /** Defines the element as a link */\n @Prop({ mutable: true }) linkHref: string = null;\n /** Sets the link target value */\n @Prop({ mutable: true }) linkTarget: \"_self\" | \"_blank\" | \"_parent\" | \"_top\" = \"_self\";\n /** Sets the link rel value */\n @Prop({ mutable: true }) linkRel: string = null;\n /** Define text value */\n @Prop({ mutable: true, reflect: true }) value: string;\n /** Define aria-label */\n @Prop({ mutable: true, reflect: true }) setAriaLabel: string;\n /** Set size of menu item */\n @Prop({ mutable: true }) size: \"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 menu item to danger state. */\n @Prop({ mutable: true, reflect: true }) danger: boolean = false;\n\n /** Emits event when item gets clicked */\n @Event() clicked: EventEmitter<MenuItemClickedEvent>;\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 const parentMenu = this.hostEl.closest(\"vds-menu\");\n const isMenuTrigger = this.hostEl.getAttribute(\"slot\") === \"menu-trigger\";\n if (parentMenu && isMenuTrigger) {\n parentMenu.open();\n evt.stopPropagation();\n } else {\n handleRefClick(this.linkHref, this.linkTarget, this.linkRel);\n this.clicked.emit({ value: this.value, event: evt });\n this.handleSelected(evt);\n }\n }\n\n private handleSelected(evt: MouseEvent):void{\n if (this.hasCheckmark) {\n this.isSelected = !this.isSelected;\n }\n if (this.isSelected) this.selected.emit(evt);\n else this.deselected.emit(evt);\n }\n\n private generateCheckmarkIconButton(){\n return generateCheckmarkIconButton(this.isSelected, this.size, this.disabled, this.isActive, this.danger);\n }\n private generateInformativeIcon(){\n return generateInformativeIcon(this.icon, this.value, 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 generateLabel(){\n return generateLabel(this.value, this.size, this.disabled, this.isActive, this.danger);\n }\n\n private generateChildrenIconButton(){\n return generateChildrenIconButton(this.size, this.disabled, this.isActive, this.danger);\n }\n\n private setAriaLabelText(){\n return this.setAriaLabel ? this.setAriaLabel : this.value;\n }\n\n render(): HTMLStencilElement {\n return (\n <Host class={this.disabled ? \"vds-menu-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={\n combineClasses(\n \"vds-menu-item\",\n `vds-menu-item--size-${this.size}`,\n this.disabled ? \"vds-menu-item--disabled\" : \"\",\n this.isActive || this.isSelected ? \"vds-menu-item--active\" : \"\",\n this.danger ? \"vds-menu-item--danger\" : \"\",\n `vds-menu-item__alignment-${this.checkmarkAlignment}`\n )}\n >\n <div class=\"vds-menu-item__content\">\n {this.checkmarkAlignment === \"start\" && this.hasCheckmark ? this.checkmarkVariant === \"checkmark\" ? this.generateCheckmarkIconButton() : this.generateCheckbox() : null}\n {this.icon && this.generateInformativeIcon()}\n {this.value ? this.generateLabel() : <slot></slot>}\n {this.checkmarkAlignment === \"end\" && this.hasCheckmark ? this.checkmarkVariant === \"checkmark\" ? this.generateCheckmarkIconButton() : this.generateCheckbox() : null}\n {this.hasChildren && this.generateChildrenIconButton()} \n </div>\n </button>\n </Host>\n );\n }\n}\n",":host {\n display: block;\n .vds__menu-list--container{\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n background: var(--surface-medium);\n border-radius: var(--radius-medium);\n width: 100%;\n overflow-y: auto;\n max-height: calc(var(--menu-max-height, fit-content) - var(--spacing-02) * 2);\n &::-webkit-scrollbar {\n background-color: var(--surface-medium);\n width: 0.375rem;\n }\n &::-webkit-scrollbar-thumb {\n background-color: var(--color-background-neutral-press);\n border-radius: var(--radius-pill)\n } \n }\n}\n","import { Component, Host, h } from '@stencil/core';\n@Component({\n tag: 'vds-menu-list',\n styleUrl: 'vds-menu-list.scss',\n shadow: true,\n})\nexport class VdsMenuList {\n render() {\n return (\n <Host>\n <div class=\"vds__menu-list--container\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}",":host {\n display: block;\n height: fit-content;\n width: fit-content;\n z-index: var(--elevation-layer-5);\n --progress-circular-background-track: var(--color-background-information-lowest-default);\n --progress-circular-background-track-fill: var(--color-background-information-default);\n .vds-progress-circular__container {\n display: flex;\n position: relative;\n justify-content: center;\n align-items: center;\n --size: 3.5rem;\n height: var(--size);\n width: var(--size);\n\n .vds-progress-circular__track {\n position: absolute;\n stroke-width: 4;\n }\n\n .vds-progress-circular__track-fill {\n position: absolute;\n stroke-width: 4;\n transform: rotate(-90deg);\n transform-origin: center;\n }\n\n &.vds-progress-circular__container--default-colors {\n .vds-progress-circular__track {\n stroke: var(--progress-circular-background-track);\n &.vds-progress-circular__track--error {\n --progress-circular-background-track: var(--color-background-information-lowest-default);\n }\n &.vds-progress-circular__track--success {\n --progress-circular-background-track: var(--color-background-information-lowest-default);\n }\n }\n .vds-progress-circular__track-fill {\n stroke: var(--progress-circular-background-track-fill);\n &.vds-progress-circular__track-fill--error {\n --progress-circular-background-track-fill: var(--color-background-danger-default);\n }\n &.vds-progress-circular__track-fill--success {\n --progress-circular-background-track-fill: var(--color-background-healthy-default);\n }\n }\n }\n &.vds-progress-circular__container--custom-colors {\n .vds-progress-circular__track {\n stroke: var(--progress-circular-background-track);\n }\n .vds-progress-circular__track-fill {\n stroke: var(--progress-circular-background-track-fill);\n }\n }\n }\n\n @keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n","import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\n\n@Component({\n tag: 'vds-progress-circular',\n styleUrl: 'vds-progress-circular.scss',\n shadow: true,\n})\nexport class VdsProgressCircular {\n /** Sets the percentage filled value from 0 to 100 */\n @Prop() value: number;\n /** \n * Defines the color based on the status:\n * error -> color-background-critical-default,\n * success -> color-background-general-healthy-default,\n * default -> color-background-brand-default\n */\n @Prop() status: 'error' | 'success' | 'default' = 'default';\n /** \n * Sets the loop duration time for the indeterminate loop progress in miliseconds.\n * Determinate and indeterminate state will be defined by adding or not the duration.\n */\n @Prop() duration: number = 500;\n /** Sets the aria label */\n @Prop() setAriaLabel: string;\n /** \n * Sets the progress indicator color from the Volt palette:\n * backgroundProgress - ThemeColors,\n * backgroundTrack - ThemeColors\n */\n @Prop() colors: { [key: string]: string } | string;\n /** \n * Set the size scale of the component based on 1 === 52px (3.5rem).\n * Common values:\n * - 0.25 (extra small): 13px\n * - 0.5 (small): 26px\n * - 1 (medium): 52px\n * - 1.5 (large): 78px\n * Minimum scale is 0.25\n */\n @Prop() scale: number = 1;\n\n /**\n * State variable to hold the progress value.\n */\n @State() progress: number;\n\n private customColors = false;\n\n /**\n * Calculates and returns the styling for the progress circle based on the current value.\n * This is used to create the stroke-dasharray and stroke-dashoffset for the SVG circle,\n * which visually represents the progress percentage.\n *\n * @private\n * @returns {Object} An object containing the CSS styles for the SVG circle's stroke.\n */\n private setProgress(): { strokeDasharray: string; strokeDashoffset: string } {\n this.progress = this.value < 0 ? 0 : this.value > 100 ? 100 : this.value;\n const radius = 24;\n const circumference = 2 * Math.PI * radius;\n\n const strokeDashoffset = circumference * (1 - this.progress / 100);\n\n return {\n strokeDasharray: `${circumference}`,\n strokeDashoffset: `${strokeDashoffset}`,\n };\n }\n\n /**\n * Returns the animation for the indeterminate slider.\n * Using the duration prop we return an animation effect in ms.\n * Going from top to bottom using the value as the progress.\n *\n * @private\n * @returns { animation: string }\n */\n @Watch('duration')\n private setDurationAnimation(): { animation: string } | {} {\n return this.duration > 0 ? { animation: `rotate ${this.duration}ms linear infinite` } : {};\n }\n\n /**\n * Ensures that the scale is clamped to a minimum value of 0.25.\n *\n * @private\n * @param {number} scale - The new scale value.\n */\n @Watch('scale')\n private setScale(scale: number): void {\n this.scale = Math.max(0.25, scale);\n }\n\n /**\n * Sets custom colors for the progress bar.\n *\n * @private\n * @returns {Object} An object containing the CSS styles for the custom colors.\n */\n private setCustomColors(): { [key: string]: string } {\n const colors = typeof this.colors === 'string' ? JSON.parse(this.colors) : this.colors;\n const style = {\n ...(colors?.backgroundTrack && { '--progress-circular-background-track': `var(--${colors.backgroundTrack})` }),\n ...(colors?.backgroundProgress && { '--progress-circular-background-track-fill': `var(--${colors.backgroundProgress})` }),\n };\n this.activateCustomColors(colors);\n\n return style;\n }\n\n /**\n * Activates custom colors.\n *\n * @private\n * @param {Object} colors - The colors object.\n * @returns {void}\n */\n private activateCustomColors(colors: { [key: string]: string }): void {\n this.customColors = !!colors && (!!colors['backgroundTrack'] || !!colors['backgroundProgress']);\n }\n\n componentWillLoad() {\n this.setScale(this.scale);\n }\n\n render() {\n return (\n <Host style={this.setCustomColors()}>\n <div\n class={combineClasses(\n 'vds-progress-circular__container',\n this.customColors ? 'vds-progress-circular__container--custom-colors' : 'vds-progress-circular__container--default-colors',\n )}\n style={{ '--size': `calc(3.5rem * ${this.scale})` }}\n >\n <svg\n class={combineClasses(\n 'vds-progress-circular__track',\n `vds-progress-circular__track--${this.status}`,\n )}\n viewBox=\"0 0 52 52\"\n >\n <circle cx=\"26\" cy=\"26\" r=\"24\" fill=\"none\" />\n </svg>\n <svg\n class={combineClasses(\n 'vds-progress-circular__track-fill',\n `vds-progress-circular__track-fill--${this.status}`,\n )}\n style={this.setDurationAnimation()}\n viewBox=\"0 0 52 52\"\n >\n <circle cx=\"26\" cy=\"26\" r=\"24\" fill=\"none\" style={this.setProgress()} />\n </svg>\n </div>\n </Host>\n );\n }\n}\n","@import \"~@volt/volt-foundations/dist/volt-foundations/volt-foundations\";\n\n:host {\n display: block;\n box-sizing: border-box;\n box-shadow: none;\n\n --vds-sidenav-item-expanded-width: var(--vds-sidenav-expanded-width, 17.5rem);\n --vds-sidenav-item-static-width: var(--vds-sidenav-static-width, 3.75rem);\n --vds-sidenav-item-collapsed-width: var(--vds-sidenav-collapse-width, 3.5rem);\n\n\n .vds__sidenav-item {\n box-sizing: border-box;\n padding: var(--spacing-00) var(--spacing-03);\n justify-content: space-between;\n align-items: center;\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-radius: var(--spacing-02);\n border: none;\n text-decoration: none;\n cursor: pointer;\n @include font-style(body, medium);\n &:hover {\n background-color: var(--color-interaction-black-lowest);\n }\n &:focus-visible {\n outline: 0.125rem solid var(--color-border-focus-2);\n outline-offset: 0.125rem;\n }\n }\n .vds__sidenav-item--expanded-informative-icon{\n display: flex;\n padding: var(--spacing-00) var(--spacing-03);\n justify-content: center;\n align-items: center;\n gap: var(--spacing-00, 0px);\n color: var(--color-icon-medium);\n }\n\n .vds__sidenav-item--collapsed-informative-icon{\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--color-icon-medium);\n } \n .vds__sidenav-item--static-informative-icon{\n display: flex;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-00);\n color: var(--color-icon-medium);\n padding: var(--spacing-03) var(--spacing-03) var(--spacing-00) var(--spacing-03);\n }\n .vds__sidenav-item--interaction-icon {\n display: flex;\n padding: var(--spacing-00);\n justify-content: center;\n align-items: center;\n gap: var(--spacing-00);\n color: var(--color-icon-medium);\n background: transparent; \n }\n .vds__sidenav-item--interaction-right-slot {\n display: flex;\n padding: var(--spacing-00);\n justify-content: center;\n align-items: center;\n gap: var(--spacing-00, 0px);\n color: var(--color-text-medium);\n background: transparent; \n }\n .vds__sidenav-item--static {\n padding: 0;\n color: var(--color-text-medium);\n text-align: center;\n width: var(--vds-sidenav-item-static-width);\n display: flex; \n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n min-height: 3rem;\n max-height: 3.75rem;\n @include font-style(title, 2x-small);\n letter-spacing: 0.009rem;\n }\n .vds__sidenav-item--static-label {\n width: auto;\n height: auto;\n max-height: 24px;\n text-overflow: ellipsis;\n overflow: hidden;\n padding: var(--spacing-02) var(--spacing-00);\n }\n .vds__sidenav-item--expanded {\n width: var(--vds-sidenav-item-expanded-width);\n height: 2.25rem;\n background-color: transparent;\n color: var(--color-text-medium);\n border-radius: var(--spacing-02);\n padding: var(--spacing-03) var(--spacing-03);\n column-gap: var(--spacing-02);\n } \n .vds__sidenav-item--expanded-label {\n width: auto;\n height: auto;\n color: var(--color-text-medium);\n padding: var(--spacing-00);\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--collapsed {\n color: var(--color-text-medium);\n padding: var(--spacing-03) var(--spacing-03);\n width: var(--vds-sidenav-item-collapsed-width);\n height: 2.25rem;\n justify-content: center;\n background-color: transparent;\n }\n .vds__sidenav-item--label-disabled{\n color: var(--color-text-disabled);\n cursor: none;\n }\n .vds__sidenav-item--label-active {\n color: var(--color-link-press);\n @include font-style(title, small);\n }\n .vds__sidenav-item--static-label-active {\n color: var(--color-link-press);\n }\n .vds__sidenav-item--active {\n background-color: var(--color-interaction-brand-lowest); \n color: var(--color-link-press) ; \n }\n .vds__sidenav-item--disabled {\n pointer-events: none;\n background: var(--global-transparent);\n color: var(--text-disabled);\n &:focus-visible {\n outline: none;\n }\n } \n}\n\n:host-context(.vds__sidenav-item--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',\n styleUrl: 'vds-sidenav-item.scss',\n shadow: true,\n})\nexport class VdsSidenavItem {\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 /** Define item as active when is true */\n @Prop({ mutable: true }) isActive: boolean = false;\n /** Toggles static mode in nav-item */\n @Prop({ mutable: true }) isStatic: boolean = false;\n /** Shows arrow when there are children */\n @Prop({ mutable: true }) hasChildren: boolean = false;\n /** Defines the element as a link */\n @Prop({ mutable: true }) link_href: string = null;\n /** Sets the target value */\n @Prop({ mutable: true }) link_target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n /** Sets the link rel value */\n @Prop({ mutable: true }) link_rel: string = null;\n /** Define text value */\n @Prop({ mutable: true }) value: string;\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\n private generateRightSlot(){\n return (\n this.expanded && !this.isStatic ? \n <span class=\"vds__sidenav-item--interaction-right-slot\">\n <slot name=\"rightSlot\" />\n </span> \n : null\n )\n }\n\n private generateChildrenIcon(){\n \n if (this.hasChildren && (this.isStatic || this.expanded)) {\n return (\n <span class=\"vds__sidenav-item--interaction-icon\">\n <vds-icon\n svg-icon=\"chevron-right\"\n size={'1.25rem'}\n color={this.disabled ? 'color-icon-disabled' : this.isActive ? 'color-icon-brand-press' : 'color-icon-medium'}\n alt=\"Open menu\"\n />\n </span>\n ) \n } \n }\n private generateInformativeIcon(){\n if (this.icon){\n return (\n <span \n class={`${this.isStatic ? \"vds__sidenav-item--static-informative-icon\" : \n this.expanded ? \"vds__sidenav-item--expanded-informative-icon\" :\n \"vds__sidenav-item--collapsed-informative-icon\"\n }`}\n >\n <vds-icon\n svg-icon={this.icon}\n size={'1.25rem'}\n color={this.disabled ? 'color-icon-disabled' : this.isActive ? 'color-icon-brand-press' : 'color-icon-medium'}\n alt={this.value}\n />\n </span>\n )\n }\n }\n render(): HTMLStencilElement {\n const Element = this.link_href ? \"a\" : \"button\";\n const href = this.link_href ? this.link_href : null;\n const target = this.link_href ? this.link_target : null;\n const rel = this.link_href ? this.link_rel : null;\n return (\n <Host class={this.disabled ? 'vds__sidenav-item--disabled' : ''}>\n <Element\n onClick={(evt: MouseEvent) => {\n if (this.disabled) {\n evt.stopPropagation();\n evt.preventDefault();\n } else {\n this.handleClick(evt);\n }\n }}\n href={ href }\n target={ target }\n rel={ rel }\n class={`vds__sidenav-item \n ${this.isStatic ? 'vds__sidenav-item--static' : this.expanded ? 'vds__sidenav-item--expanded' : 'vds__sidenav-item--collapsed'}\n ${this.disabled ? 'vds__sidenav-item--disabled' : ''}\n ${this.isActive && !this.disabled ? 'vds__sidenav-item--active' : ''}\n `}\n >\n {this.generateInformativeIcon()} \n {this.expanded || this.isStatic ? (\n <span\n class={`\n ${this.isStatic ? 'vds__sidenav-item--static-label' : 'vds__sidenav-item--expanded-label'}\n ${this.disabled ? 'vds__sidenav-item--label-disabled' : ''}\n ${this.isActive && !this.disabled && this.expanded ? 'vds__sidenav-item--label-active' : ''}\n ${this.isActive && !this.disabled && this.isStatic ? 'vds__sidenav-item--static-label-active' : ''}\n `}\n >\n {this.value}\n </span>\n ) : null}\n {this.generateRightSlot()}\n {this.generateChildrenIcon()}\n </Element>\n </Host>\n );\n }\n}\n","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n@import '../base-item/base-item.scss';\n\n:host {\n display: block;\n .vds-upload-item {\n @include baseItem();\n cursor: default;\n border-radius: var(--radius-medium);\n &.vds-upload-item--size-medium {\n @include baseItemSizeMedium();\n .vds-upload-item__content {\n @include baseItemContent(medium);\n }\n }\n &.vds-upload-item--size-large {\n @include baseItemSizeLarge();\n .vds-upload-item__content {\n @include baseItemContent(large);\n }\n }\n &.vds-upload-item--error {\n @include baseItemDanger();\n }\n .vds-upload-item__remove-icon {\n opacity: 0;\n pointer-events: none; \n display: flex;\n align-items: center;\n .vds-upload-item--error & {\n opacity: 1;\n }\n }\n &:hover,\n &:focus-within {\n .vds-upload-item__remove-icon {\n opacity: 1;\n pointer-events: auto;\n }\n }\n }\n}\n","import { Component, Host, h, Prop, Event } from '@stencil/core';\nimport { EventEmitter, HTMLStencilElement } from '@stencil/core/internal';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { generateInformativeIcon, generateLabel } from '../base-item/base-item';\n\n@Component({\n tag: 'vds-upload-item',\n styleUrl: 'vds-upload-item.scss',\n shadow: true,\n})\nexport class VdsUploadItem {\n /** Sets the item text value */\n @Prop() value: string = '';\n /** Sets the item size */\n @Prop() size: 'large' | 'medium' = 'medium';\n /** Sets the item informative icon */\n @Prop() informativeIcon: string = 'link-closed';\n /** Sets the item state */\n @Prop() status: 'loading' | 'error' | 'default' = 'default';\n /** Sets the percentage filled value from 0 to 100 */\n @Prop() loadingValue: number = 75;\n /**\n * Sets the loop duration time for the indeterminate loop progress in miliseconds.\n * Determinate and indeterminate state will be defined by adding or not the duration.\n */\n @Prop() loadingDuration: number = 500;\n\n /** Event emitted when the icon button is clicked */\n @Event() actionIconClick: EventEmitter<void>;\n\n private renderInformativeIcon() {\n if (this.status === 'loading') {\n return (\n <div class=\"vds-upload-item__loading-indicator\">\n <vds-progress-circular\n value={this.loadingValue}\n duration={this.loadingDuration}\n scale={this.size === 'medium' ? 0.286 : 0.3575}\n />\n </div>\n );\n }\n return generateInformativeIcon(this.informativeIcon, this.value, this.size, false, false, this.status === 'error');\n }\n\n private generateLabel() {\n return generateLabel(this.value, this.size, false, false, this.status === 'error');\n }\n\n private handleIconButtonClick(event: Event) {\n event.stopPropagation();\n this.actionIconClick.emit();\n }\n\n private renderRemoveButton() {\n return (\n <div class=\"vds-upload-item__remove-icon\">\n <vds-icon-button\n icon={this.status === 'loading' ? 'close' : 'trash'}\n size={this.size === 'medium' ? 'small' : 'medium'}\n variant=\"secondary\"\n setAriaLabel=\"Remove item\"\n onClick={(event => this.handleIconButtonClick(event))}\n />\n </div>\n );\n }\n\n render(): HTMLStencilElement {\n return (\n <Host>\n <div class={combineClasses(\n 'vds-upload-item',\n `vds-upload-item--size-${this.size}`,\n `vds-upload-item--${this.status}`\n )}>\n <div class=\"vds-upload-item__content\">\n {this.renderInformativeIcon()}\n {this.generateLabel()}\n {this.renderRemoveButton()}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}