npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.0.0 → 3.1.0 - Mend

@nova-design-system/nova-webcomponents 3.0.0 → 3.1.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 (436) hide show

package/dist/native/p-f5f68992.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["nvFielddropdownCss","NvFielddropdownStyle0","NvFielddropdown","constructor","hostRef","this","inputId","uuidv4","open","autocomplete","required","error","readonly","disabled","emptyResult","filterable","autofocus","fluid","filterText","selectedValues","Set","handleInputContainerClick","event","target","tagName","inputContainer","el","querySelector","classList","add","removeFocusWithin","remove","popoverElement","addEventListener","handleInput","input","value","toLowerCase","filterItems","handleInputFocus","togglePopover","getSelectedLabel","_a","options","length","matchingItem","find","option","_c","_b","label","items","Array","from","querySelectorAll","item","selectedLabel","_f","_d","_e","textContent","trim","clearFilter","inputElement","focus","handleDropdownItemSelected","forEach","removeAttribute","setAttribute","detail","handleOpenChanged","stopPropagation","watchValueHandler","newValue","valueChanged","emit","handleOptionsChange","defaultValue","selected","updateSelectedItem","handleBlur","relatedTarget","Node","contains","setTimeout","handleKeyDown","key","preventDefault","currentIndex","findIndex","updateHighlightedItem","getFilterText","existingEmptyItem","hasVisibleItems","shouldShow","includes","emptyItem","document","createElement","appendChild","resetFilter","style","display","index","i","scrollIntoView","block","itemLabel","getAttribute","itemValue","itemText","componentWillLoad","componentDidLoad","render","h","Host","role","toString","htmlFor","name","ref","triggerMode","placement","class","slot","onClick","id","type","e","placeholder","readOnly","onInput","onFocus","onKeyDown","tabIndex","size","emphasis","map","description","errorDescription","hidden"],"sources":["src/components/nv-fielddropdown/styles/nv-fielddropdown.scss?tag=nv-fielddropdown","src/components/nv-fielddropdown/nv-fielddropdown.tsx"],"sourcesContent":["@use \"./mixins\" as *;\n@import '../../../styles/form-field';\n\nnv-fielddropdown {\n @include form-field-variables();\n @include form-field-root();\n\n &[fluid]:not([fluid=\"false\"]) {\n @include form-field-fluid();\n }\n\n &[readonly]:not([readonly='false']) {\n @include form-field-readonly-variables();\n }\n\n &[error]:not([error='false']) {\n @include form-field-error-variables();\n }\n\n &[required]:not([required='false']) label {\n @include form-field-label-required();\n }\n\n &[hidden]:not([hidden='false']) label {\n display: none;\n }\n\n label {\n @include form-field-label();\n }\n\n nv-popover {\n @include form-field-popover();\n }\n\n .input-wrapper {\n @include form-field-input-wrapper();\n @include input-wrapper-styles();\n }\n\n .input-container {\n @include form-field-input-container();\n @include input-container-styles();\n\n input[type=\"search\"]::-webkit-search-decoration,\n input[type=\"search\"]::-webkit-search-cancel-button,\n input[type=\"search\"]::-webkit-search-results-button,\n input[type=\"search\"]::-webkit-search-results-decoration {\n -webkit-appearance:none;\n }\n\n input,\n p.non-filterable-text {\n @include form-field-input();\n }\n\n > nv-iconbutton {\n @include form-field-action();\n }\n\n nv-icon.validation {\n @include form-field-icon();\n }\n }\n\n .non-filterable-text {\n @include non-filterable-text-styles();\n }\n\n .description {\n @include form-field-description();\n }\n\n .error-description {\n @include form-field-error-description();\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Listen,\n Event,\n EventEmitter,\n Watch,\n Method,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot content - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n tag: 'nv-fielddropdown',\n styleUrl: 'styles/nv-fielddropdown.scss',\n shadow: false,\n formAssociated: true,\n})\nexport class NvFielddropdown {\n @Element() el: HTMLNvFielddropdownElement;\n private inputElement: HTMLInputElement;\n private popoverElement!: HTMLNvPopoverElement;\n\n /****************************************************************************/\n //#region PROPERTIES\n\n /**\n * Sets the ID for the input element and the for attribute of the associated\n * label. If no ID is provided, a random one will be automatically generated\n * to ensure unique identification, facilitating proper label association and\n * accessibility.\n */\n @Prop({ reflect: true })\n readonly inputId: string = uuidv4();\n\n /**\n * Lets you define the text that explains what users should enter in the text\n * input field. It's a crucial element for making forms clear and\n * user-friendly.\n */\n @Prop({ reflect: true })\n readonly label: string;\n\n /**\n * Add helpful hints or extra information under the text input field. This is\n * where you can clarify what users should enter or provide additional\n * instructions, making the form easier to fill out correctly.\n */\n @Prop({ reflect: true })\n readonly description: string;\n\n /**\n * Display temporary text inside the input field to give users a hint about\n * what to type. It's a great way to provide examples or suggestions directly\n * in the field before they start typing.\n * The placeholder is displayed only when the filterable option is enabled.\n */\n @Prop({ reflect: true })\n readonly placeholder: string;\n\n /**\n * Defines the name attribute of the input field, which is crucial for form\n * submission. This value is used as the key in the key-value pair sent to\n * the server, representing the input's data in form submissions. It should be\n * unique within the form to avoid conflicts.\n */\n @Prop({ reflect: true })\n readonly name: string;\n\n /**\n * State of the dropdown popover.\n */\n @Prop({ reflect: true, mutable: true })\n open: boolean = false;\n\n /**\n * The autocomplete prop helps users fill out the input field faster by\n * suggesting entries they've used before, like their email or address.\n * You can turn it on to make forms more convenient or off to ensure users\n * always type in fresh data.\n */\n @Prop({ reflect: true })\n readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n /**\n * Specifies the value of the input field, which determines the text displayed\n * within the field. This prop is typically used in controlled components\n * where the input's value is managed by the component's state.\n */\n @Prop({ reflect: true, mutable: true })\n value: string;\n\n /**\n * Marks the input field as required, ensuring that the user must fill it out\n * before submitting the form.\n */\n @Prop({ reflect: true })\n readonly required: boolean = false;\n\n /**\n * Alters the input field's appearance to indicate an error, helping users\n * identify fields that need correction.\n * @validator error\n */\n @Prop({ reflect: true })\n readonly error: boolean = false;\n\n /**\n * A description that appears when there is an error related to the dropdown\n * field.\n * @validator message\n */\n @Prop({ reflect: true })\n readonly errorDescription: string;\n\n /**\n * Display the input field's content without allowing users to change it.\n * Users can still click on it, select, and copy the text, but they won't be\n * able to type or delete anything.\n */\n @Prop({ reflect: true })\n readonly readonly: boolean = false;\n\n /**\n * The disabled prop lets you turn off the input field so that users can't\n * type in it. When disabled, the field is grayed out and won't respond to\n * clicks or touches.\n */\n @Prop({ reflect: true })\n readonly disabled: boolean = false;\n\n /**\n * The text to display when no items match the filter.\n */\n @Prop({ reflect: true })\n readonly emptyResult: string = 'No results found';\n\n /**\n * Enables or disables the filtering feature for the dropdown items.\n */\n @Prop({ reflect: true })\n readonly filterable: boolean = false;\n\n /**\n * List of options used to automatically generate dropdown items. This\n * provides an alternative to using the slot manually.\n *\n * @example\n * options=[{\n * \"label\": \"Option 1\",\n * \"value\": \"option1\",\n * \"selected\": true,\n * },\n * {\n * \"label\": \"Option 2\",\n * \"value\": \"option2\",\n * }]\n */\n @Prop({ reflect: false })\n readonly options?: {\n /** Label to display for the option */\n label: string;\n /** Value associated with the option */\n value: string;\n /** Whether this option is disabled */\n disabled?: boolean;\n /** Whether this option is pre-selected */\n selected?: boolean;\n }[];\n\n /**\n * Applies focus to the input field as soon as the component is mounted. This\n * is equivalent to setting the native autofocus attribute on an <input>\n * element.\n */\n @Prop({ reflect: true })\n // eslint-disable-next-line @stencil-community/reserved-member-names\n readonly autofocus: boolean = false;\n\n /**\n * Allows the field to stretch and fill the entire width of its container.\n */\n @Prop({ reflect: true })\n readonly fluid: boolean = false;\n\n //#endregion PROPERTIES\n /****************************************************************************/\n //#region STATE\n\n /** The text entered by the user for filtering dropdown items. */\n @State()\n filterText: string = '';\n\n @State()\n selectedValues: Set<string> = new Set();\n\n //#endregion STATE\n /****************************************************************************/\n //#region EVENTS\n\n /**\n * Emitted when the input value changes.\n * @bind value\n */\n @Event()\n valueChanged: EventEmitter<string>;\n\n /**\n * Event emitted when an item is clicked.\n */\n @Event()\n dropdownItemSelected: EventEmitter<\n HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n >;\n\n @Listen('dropdownItemSelected')\n handleDropdownItemSelected(\n event: CustomEvent<\n HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n >,\n ) {\n if (this.disabled || this.readonly) return;\n\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitem'),\n ) as HTMLNvFielddropdownitemElement[];\n\n items.forEach(item => {\n if (item !== event.target) {\n item.removeAttribute('selected');\n } else {\n item.setAttribute('selected', 'true');\n }\n });\n\n this.clearFilter();\n this.value = event.detail.value;\n this.open = false;\n }\n\n @Listen('openChanged')\n handleOpenChanged(event: CustomEvent<boolean>) {\n // Stop propagation to prevent the event from affecting parent components like dialogs\n event.stopPropagation();\n\n // Update `open` based on the popover state\n this.open = event.detail;\n }\n\n @Watch('value')\n watchValueHandler(newValue: typeof this.value) {\n this.valueChanged.emit(newValue);\n }\n\n @Watch('options')\n handleOptionsChange(newValue: typeof this.options) {\n if (!newValue) return;\n if (!this.value) {\n const defaultValue = newValue.find(option => option.selected);\n this.value = defaultValue?.value ?? '';\n this.updateSelectedItem(this.value);\n }\n }\n\n @Listen('blur', { capture: true })\n handleBlur(event: FocusEvent) {\n const target = event.relatedTarget;\n if (!(target instanceof Node) || !this.el.contains(target)) {\n this.open = false;\n\n if (this.inputElement) {\n this.filterText = '';\n this.inputElement.value = this.getSelectedLabel();\n setTimeout(() => {\n this.filterItems();\n }, 200);\n }\n }\n }\n\n @Listen('keydown', { passive: false })\n handleKeyDown(event: KeyboardEvent) {\n if (!this.el) return;\n if (!this.open) {\n if (event.key === 'ArrowDown') {\n this.open = true;\n\n event.preventDefault();\n return;\n }\n return;\n }\n\n const items = Array.from(\n this.el.querySelectorAll(\n 'nv-fielddropdownitem:not([disabled]):not([hidden])',\n ),\n ) as HTMLNvFielddropdownitemElement[];\n\n let currentIndex = items.findIndex(item =>\n item.classList.contains('highlighted'),\n );\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n currentIndex = (currentIndex + 1) % items.length;\n this.updateHighlightedItem(items, currentIndex);\n } else if (event.key === 'ArrowUp') {\n event.preventDefault();\n currentIndex = (currentIndex - 1 + items.length) % items.length;\n this.updateHighlightedItem(items, currentIndex);\n } else if (event.key === 'Escape') {\n event.preventDefault();\n this.open = false;\n }\n }\n\n //#endregion EVENTS\n /****************************************************************************/\n //#region METHODS\n\n /**\n * Retrieves the current filter text entered by the user.\n * @returns {string} The filter text.\n */\n @Method()\n async getFilterText(): Promise<string> {\n return this.filterText;\n }\n\n private handleInputContainerClick = (event: MouseEvent) => {\n if (this.disabled || this.readonly) {\n return;\n }\n\n const target = event.target as HTMLElement;\n\n if (target.tagName === 'P' || target.tagName === 'SPAN') {\n this.open = true;\n\n // Simulate focus to trigger \"focus-within\" style\n const inputContainer = this.el.querySelector(\n '.input-container',\n ) as HTMLElement;\n if (inputContainer) {\n inputContainer.classList.add('focus-within');\n\n // Remove the \"focus-within\" class after a delay or when the popover is closed\n const removeFocusWithin = () => {\n inputContainer.classList.remove('focus-within');\n };\n\n // Or remove the class when the popover is closed\n this.popoverElement.addEventListener('hide', removeFocusWithin);\n }\n }\n };\n\n private handleInput = (event: Event) => {\n if (!this.filterable) return;\n if (this.disabled || this.readonly) {\n return;\n }\n\n const input = event.target as HTMLInputElement;\n this.open = true;\n this.filterText = input.value.toLowerCase();\n this.filterItems();\n };\n\n /**\n * Filter dropdown items based on the text entered by the user.\n * If no items are found, display a message indicating no results.\n */\n private filterItems() {\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitem'),\n ) as HTMLNvFielddropdownitemElement[];\n\n // Remove the \"no results found\" item if it exists\n const existingEmptyItem = this.el.querySelector(\n 'nv-fielddropdownitem[data-empty]',\n );\n if (existingEmptyItem) {\n existingEmptyItem.remove();\n }\n\n let hasVisibleItems = false;\n\n // Iterate over all items and adjust their visibility\n items.forEach(item => {\n const textContent = item.textContent?.toLowerCase() || ''; // Get the textual content of the slot\n const value = item.value?.toLowerCase() || ''; // Get the value of the `value` attribute\n\n // Check if the filtered text is present either in the value or in the textual content\n const shouldShow =\n value.includes(this.filterText) ||\n textContent.includes(this.filterText);\n\n if (shouldShow) item.removeAttribute('hidden');\n else item.setAttribute('hidden', '');\n\n if (shouldShow) {\n hasVisibleItems = true;\n }\n });\n\n // If no items are visible, add the \"no results found\" item\n if (!hasVisibleItems) {\n const emptyItem = document.createElement('nv-fielddropdownitem');\n emptyItem.setAttribute('data-empty', 'true');\n emptyItem.setAttribute('disabled', 'true');\n emptyItem.textContent = this.emptyResult;\n this.el.querySelector('ul[slot=\"content\"]')?.appendChild(emptyItem);\n }\n }\n\n /** Reset the filter and make all items visible. */\n private resetFilter() {\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitem'),\n ) as HTMLNvFielddropdownitemElement[];\n\n items.forEach(item => {\n item.style.display = '';\n });\n }\n\n private handleInputFocus = () => {\n if (this.disabled || this.readonly) return;\n this.open = true;\n };\n\n private togglePopover = () => {\n if (this.disabled || this.readonly) return;\n this.open = !this.open;\n };\n\n private updateHighlightedItem(\n items: HTMLNvFielddropdownitemElement[],\n index: number,\n ) {\n items.forEach((item, i) => {\n if (i === index) {\n item.classList.add('highlighted');\n item.focus();\n item.scrollIntoView({ block: 'nearest' });\n } else {\n item.classList.remove('highlighted');\n }\n });\n }\n\n private getSelectedLabel = (): string => {\n if (!this.value) return '';\n\n if (this.options?.length > 1) {\n const matchingItem = this.options.find(\n option => option.value === this.value,\n );\n return matchingItem?.label ?? matchingItem?.value ?? this.value;\n }\n\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitem'),\n ) as HTMLNvFielddropdownitemElement[];\n\n const matchingItem = items.find(item => item.value === this.value);\n\n const selectedLabel = matchingItem\n ? matchingItem.label ??\n matchingItem.textContent?.trim() ??\n matchingItem.value\n : '';\n\n return selectedLabel;\n };\n\n private clearFilter = () => {\n if (!this.filterable) return;\n\n this.filterText = '';\n this.inputElement.value = this.getSelectedLabel();\n this.inputElement.focus();\n this.filterItems();\n };\n\n private updateSelectedItem(value: string) {\n if (!value) return;\n\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitem'),\n ) as HTMLNvFielddropdownitemElement[];\n\n const matchingItem = items.find(item => {\n const itemLabel = item.getAttribute('label');\n const itemValue = item.getAttribute('value');\n const itemText = item.textContent?.trim();\n return itemLabel === value || itemValue === value || itemText === value;\n });\n\n items.forEach(item => {\n if (item === matchingItem) {\n item.setAttribute('selected', '');\n } else {\n item.removeAttribute('selected');\n }\n });\n }\n\n //#endregion METHODS\n /****************************************************************************/\n //#region LIFECYCLE\n\n componentWillLoad() {\n this.resetFilter();\n\n if (this.filterable && this.filterText) {\n this.filterItems();\n }\n if (this.options) {\n this.handleOptionsChange(this.options);\n }\n }\n\n componentDidLoad() {\n if (this.value) {\n this.updateSelectedItem(this.value);\n }\n if (this.inputElement) {\n this.inputElement.value = this.getSelectedLabel();\n }\n }\n\n //#endregion LIFECYCLE\n /****************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host\n role=\"combobox\"\n aria-expanded={this.open.toString()}\n aria-haspopup=\"listbox\"\n aria-label={this.label}\n >\n {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n <label htmlFor={this.inputId}>\n <slot name=\"label\">{this.label}</slot>\n </label>\n )}\n <nv-popover\n ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n triggerMode=\"controlled\"\n placement=\"bottom-start\"\n open={this.open}\n >\n <div class=\"input-wrapper\" slot=\"trigger\">\n <slot name=\"before-input\"></slot>\n\n <div\n class=\"input-container\"\n onClick={this.handleInputContainerClick}\n >\n <slot name=\"leading-input\"></slot>\n\n {this.filterable || this.disabled || this.readonly ? (\n <input\n data-scope=\"focusable\"\n id={this.inputId}\n type=\"search\"\n ref={e => (this.inputElement = e)}\n autofocus={this.autofocus}\n autocomplete={this.autocomplete}\n placeholder={this.placeholder}\n name={this.name}\n value={this.getSelectedLabel()}\n required={this.required}\n disabled={this.disabled}\n readOnly={this.readonly}\n onInput={this.handleInput}\n onFocus={this.handleInputFocus}\n onClick={this.handleInputFocus}\n onKeyDown={this.handleKeyDown}\n />\n ) : (\n <p\n data-scope=\"focusable\"\n id={this.inputId}\n class=\"non-filterable-text\"\n onClick={this.handleInputContainerClick}\n tabIndex={this.disabled ? -1 : 0}\n onKeyDown={this.handleKeyDown}\n onFocus={this.handleInputFocus}\n >\n {this.getSelectedLabel() || this.value || this.placeholder}\n </p>\n )}\n\n {this.filterable && this.filterText && this.open && (\n <nv-iconbutton\n name=\"x\"\n size=\"md\"\n emphasis=\"lower\"\n class=\"clear-button\"\n onClick={this.clearFilter}\n aria-label=\"Clear input\"\n />\n )}\n\n {this.error && (\n <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n )}\n\n <nv-iconbutton\n data-scope=\"toggle-dropdown\"\n name={this.open ? 'chevron-top' : 'chevron-down'}\n size=\"md\"\n emphasis=\"lower\"\n aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n aria-pressed={this.open.toString()}\n onClick={this.togglePopover}\n tabIndex={this.disabled ? -1 : 0}\n />\n </div>\n\n <slot name=\"after-input\"></slot>\n </div>\n\n <div slot=\"content\">\n {this.options?.length > 0 ? (\n <ul>\n {this.options.map(option => (\n <nv-fielddropdownitem\n label={option.label}\n value={option.value}\n disabled={option.disabled}\n selected={option.value === this.value}\n />\n ))}\n </ul>\n ) : (\n <slot name=\"content\"></slot>\n )}\n </div>\n </nv-popover>\n\n {(this.description ||\n this.el.querySelector('[slot=\"description\"]')) && (\n <div class=\"description\">\n <slot name=\"description\">{this.description}</slot>\n </div>\n )}\n\n {(this.errorDescription ||\n this.el.querySelector('[slot=\"error-description\"]')) && (\n <div hidden={!this.error} class=\"error-description\">\n <slot name=\"error-description\">{this.errorDescription}</slot>\n </div>\n )}\n </Host>\n );\n }\n //#endregion RENDER\n}\n"],"mappings":"oGAAA,MAAMA,EAAqB,2sMAC3B,MAAAC,EAAeD,E,MC+BFE,EAAe,MAN5B,WAAAC,CAAAC,G,gHAqBWC,KAAAC,QAAkBC,IAwC3BF,KAAAG,KAAgB,MASPH,KAAAI,aAA2C,MAe3CJ,KAAAK,SAAoB,MAQpBL,KAAAM,MAAiB,MAgBjBN,KAAAO,SAAoB,MAQpBP,KAAAQ,SAAoB,MAMpBR,KAAAS,YAAsB,mBAMtBT,KAAAU,WAAsB,MAoCtBV,KAAAW,UAAqB,MAMrBX,KAAAY,MAAiB,MAQ1BZ,KAAAa,WAAqB,GAGrBb,KAAAc,eAA8B,IAAIC,IAwI1Bf,KAAAgB,0BAA6BC,IACnC,GAAIjB,KAAKQ,UAAYR,KAAKO,SAAU,CAClC,M,CAGF,MAAMW,EAASD,EAAMC,OAErB,GAAIA,EAAOC,UAAY,KAAOD,EAAOC,UAAY,OAAQ,CACvDnB,KAAKG,KAAO,KAGZ,MAAMiB,EAAiBpB,KAAKqB,GAAGC,cAC7B,oBAEF,GAAIF,EAAgB,CAClBA,EAAeG,UAAUC,IAAI,gBAG7B,MAAMC,EAAoB,KACxBL,EAAeG,UAAUG,OAAO,eAAe,EAIjD1B,KAAK2B,eAAeC,iBAAiB,OAAQH,E,IAK3CzB,KAAA6B,YAAeZ,IACrB,IAAKjB,KAAKU,WAAY,OACtB,GAAIV,KAAKQ,UAAYR,KAAKO,SAAU,CAClC,M,CAGF,MAAMuB,EAAQb,EAAMC,OACpBlB,KAAKG,KAAO,KACZH,KAAKa,WAAaiB,EAAMC,MAAMC,cAC9BhC,KAAKiC,aAAa,EA6DZjC,KAAAkC,iBAAmB,KACzB,GAAIlC,KAAKQ,UAAYR,KAAKO,SAAU,OACpCP,KAAKG,KAAO,IAAI,EAGVH,KAAAmC,cAAgB,KACtB,GAAInC,KAAKQ,UAAYR,KAAKO,SAAU,OACpCP,KAAKG,MAAQH,KAAKG,IAAI,EAkBhBH,KAAAoC,iBAAmB,K,gBACzB,IAAKpC,KAAK+B,MAAO,MAAO,GAExB,KAAIM,EAAArC,KAAKsC,WAAO,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EAAG,CAC5B,MAAMC,EAAexC,KAAKsC,QAAQG,MAChCC,GAAUA,EAAOX,QAAU/B,KAAK+B,QAElC,OAAOY,GAAAC,EAAAJ,IAAY,MAAZA,SAAY,SAAZA,EAAcK,SAAK,MAAAD,SAAA,EAAAA,EAAIJ,IAAY,MAAZA,SAAY,SAAZA,EAAcT,SAAK,MAAAY,SAAA,EAAAA,EAAI3C,KAAK+B,K,CAG5D,MAAMe,EAAQC,MAAMC,KAClBhD,KAAKqB,GAAG4B,iBAAiB,yBAG3B,MAAMT,EAAeM,EAAML,MAAKS,GAAQA,EAAKnB,QAAU/B,KAAK+B,QAE5D,MAAMoB,EAAgBX,GAClBY,GAAAC,EAAAb,EAAaK,SAAK,MAAAQ,SAAA,EAAAA,GAClBC,EAAAd,EAAae,eAAW,MAAAD,SAAA,SAAAA,EAAEE,UAAM,MAAAJ,SAAA,EAAAA,EAChCZ,EAAaT,MACb,GAEJ,OAAOoB,CAAa,EAGdnD,KAAAyD,YAAc,KACpB,IAAKzD,KAAKU,WAAY,OAEtBV,KAAKa,WAAa,GAClBb,KAAK0D,aAAa3B,MAAQ/B,KAAKoC,mBAC/BpC,KAAK0D,aAAaC,QAClB3D,KAAKiC,aAAa,C,CA5QpB,0BAAA2B,CACE3C,GAIA,GAAIjB,KAAKQ,UAAYR,KAAKO,SAAU,OAEpC,MAAMuC,EAAQC,MAAMC,KAClBhD,KAAKqB,GAAG4B,iBAAiB,yBAG3BH,EAAMe,SAAQX,IACZ,GAAIA,IAASjC,EAAMC,OAAQ,CACzBgC,EAAKY,gBAAgB,W,KAChB,CACLZ,EAAKa,aAAa,WAAY,O,KAIlC/D,KAAKyD,cACLzD,KAAK+B,MAAQd,EAAM+C,OAAOjC,MAC1B/B,KAAKG,KAAO,K,CAId,iBAAA8D,CAAkBhD,GAEhBA,EAAMiD,kBAGNlE,KAAKG,KAAOc,EAAM+C,M,CAIpB,iBAAAG,CAAkBC,GAChBpE,KAAKqE,aAAaC,KAAKF,E,CAIzB,mBAAAG,CAAoBH,G,MAClB,IAAKA,EAAU,OACf,IAAKpE,KAAK+B,MAAO,CACf,MAAMyC,EAAeJ,EAAS3B,MAAKC,GAAUA,EAAO+B,WACpDzE,KAAK+B,OAAQM,EAAAmC,IAAY,MAAZA,SAAY,SAAZA,EAAczC,SAAK,MAAAM,SAAA,EAAAA,EAAI,GACpCrC,KAAK0E,mBAAmB1E,KAAK+B,M,EAKjC,UAAA4C,CAAW1D,GACT,MAAMC,EAASD,EAAM2D,cACrB,KAAM1D,aAAkB2D,QAAU7E,KAAKqB,GAAGyD,SAAS5D,GAAS,CAC1DlB,KAAKG,KAAO,MAEZ,GAAIH,KAAK0D,aAAc,CACrB1D,KAAKa,WAAa,GAClBb,KAAK0D,aAAa3B,MAAQ/B,KAAKoC,mBAC/B2C,YAAW,KACT/E,KAAKiC,aAAa,GACjB,I,GAMT,aAAA+C,CAAc/D,GACZ,IAAKjB,KAAKqB,GAAI,OACd,IAAKrB,KAAKG,KAAM,CACd,GAAIc,EAAMgE,MAAQ,YAAa,CAC7BjF,KAAKG,KAAO,KAEZc,EAAMiE,iBACN,M,CAEF,M,CAGF,MAAMpC,EAAQC,MAAMC,KAClBhD,KAAKqB,GAAG4B,iBACN,uDAIJ,IAAIkC,EAAerC,EAAMsC,WAAUlC,GACjCA,EAAK3B,UAAUuD,SAAS,iBAG1B,GAAI7D,EAAMgE,MAAQ,YAAa,CAC7BhE,EAAMiE,iBACNC,GAAgBA,EAAe,GAAKrC,EAAMP,OAC1CvC,KAAKqF,sBAAsBvC,EAAOqC,E,MAC7B,GAAIlE,EAAMgE,MAAQ,UAAW,CAClChE,EAAMiE,iBACNC,GAAgBA,EAAe,EAAIrC,EAAMP,QAAUO,EAAMP,OACzDvC,KAAKqF,sBAAsBvC,EAAOqC,E,MAC7B,GAAIlE,EAAMgE,MAAQ,SAAU,CACjChE,EAAMiE,iBACNlF,KAAKG,KAAO,K,EAahB,mBAAMmF,GACJ,OAAOtF,KAAKa,U,CA+CN,WAAAoB,G,MACN,MAAMa,EAAQC,MAAMC,KAClBhD,KAAKqB,GAAG4B,iBAAiB,yBAI3B,MAAMsC,EAAoBvF,KAAKqB,GAAGC,cAChC,oCAEF,GAAIiE,EAAmB,CACrBA,EAAkB7D,Q,CAGpB,IAAI8D,EAAkB,MAGtB1C,EAAMe,SAAQX,I,QACZ,MAAMK,IAAclB,EAAAa,EAAKK,eAAW,MAAAlB,SAAA,SAAAA,EAAEL,gBAAiB,GACvD,MAAMD,IAAQa,EAAAM,EAAKnB,SAAK,MAAAa,SAAA,SAAAA,EAAEZ,gBAAiB,GAG3C,MAAMyD,EACJ1D,EAAM2D,SAAS1F,KAAKa,aACpB0C,EAAYmC,SAAS1F,KAAKa,YAE5B,GAAI4E,EAAYvC,EAAKY,gBAAgB,eAChCZ,EAAKa,aAAa,SAAU,IAEjC,GAAI0B,EAAY,CACdD,EAAkB,I,KAKtB,IAAKA,EAAiB,CACpB,MAAMG,EAAYC,SAASC,cAAc,wBACzCF,EAAU5B,aAAa,aAAc,QACrC4B,EAAU5B,aAAa,WAAY,QACnC4B,EAAUpC,YAAcvD,KAAKS,aAC7B4B,EAAArC,KAAKqB,GAAGC,cAAc,yBAAqB,MAAAe,SAAA,SAAAA,EAAEyD,YAAYH,E,EAKrD,WAAAI,GACN,MAAMjD,EAAQC,MAAMC,KAClBhD,KAAKqB,GAAG4B,iBAAiB,yBAG3BH,EAAMe,SAAQX,IACZA,EAAK8C,MAAMC,QAAU,EAAE,G,CAcnB,qBAAAZ,CACNvC,EACAoD,GAEApD,EAAMe,SAAQ,CAACX,EAAMiD,KACnB,GAAIA,IAAMD,EAAO,CACfhD,EAAK3B,UAAUC,IAAI,eACnB0B,EAAKS,QACLT,EAAKkD,eAAe,CAAEC,MAAO,W,KACxB,CACLnD,EAAK3B,UAAUG,OAAO,c,KAuCpB,kBAAAgD,CAAmB3C,GACzB,IAAKA,EAAO,OAEZ,MAAMe,EAAQC,MAAMC,KAClBhD,KAAKqB,GAAG4B,iBAAiB,yBAG3B,MAAMT,EAAeM,EAAML,MAAKS,I,MAC9B,MAAMoD,EAAYpD,EAAKqD,aAAa,SACpC,MAAMC,EAAYtD,EAAKqD,aAAa,SACpC,MAAME,GAAWpE,EAAAa,EAAKK,eAAW,MAAAlB,SAAA,SAAAA,EAAEmB,OACnC,OAAO8C,IAAcvE,GAASyE,IAAczE,GAAS0E,IAAa1E,CAAK,IAGzEe,EAAMe,SAAQX,IACZ,GAAIA,IAASV,EAAc,CACzBU,EAAKa,aAAa,WAAY,G,KACzB,CACLb,EAAKY,gBAAgB,W,KAS3B,iBAAA4C,GACE1G,KAAK+F,cAEL,GAAI/F,KAAKU,YAAcV,KAAKa,WAAY,CACtCb,KAAKiC,a,CAEP,GAAIjC,KAAKsC,QAAS,CAChBtC,KAAKuE,oBAAoBvE,KAAKsC,Q,EAIlC,gBAAAqE,GACE,GAAI3G,KAAK+B,MAAO,CACd/B,KAAK0E,mBAAmB1E,KAAK+B,M,CAE/B,GAAI/B,KAAK0D,aAAc,CACrB1D,KAAK0D,aAAa3B,MAAQ/B,KAAKoC,kB,EAQnC,MAAAwE,G,MACE,OACEC,EAACC,EAAI,CAAA7B,IAAA,2CACH8B,KAAK,WAAU,gBACA/G,KAAKG,KAAK6G,WAAU,gBACrB,UAAS,aACXhH,KAAK6C,QAEf7C,KAAK6C,OAAS7C,KAAKqB,GAAGC,cAAc,oBACpCuF,EAAA,SAAA5B,IAAA,2CAAOgC,QAASjH,KAAKC,SACnB4G,EAAA,QAAA5B,IAAA,2CAAMiC,KAAK,SAASlH,KAAK6C,QAG7BgE,EAAA,cAAA5B,IAAA,2CACEkC,IAAK9F,GAAOrB,KAAK2B,eAAiBN,EAClC+F,YAAY,aACZC,UAAU,eACVlH,KAAMH,KAAKG,MAEX0G,EAAA,OAAA5B,IAAA,2CAAKqC,MAAM,gBAAgBC,KAAK,WAC9BV,EAAA,QAAA5B,IAAA,2CAAMiC,KAAK,iBAEXL,EAAA,OAAA5B,IAAA,2CACEqC,MAAM,kBACNE,QAASxH,KAAKgB,2BAEd6F,EAAA,QAAA5B,IAAA,2CAAMiC,KAAK,kBAEVlH,KAAKU,YAAcV,KAAKQ,UAAYR,KAAKO,SACxCsG,EAAA,sBACa,YACXY,GAAIzH,KAAKC,QACTyH,KAAK,SACLP,IAAKQ,GAAM3H,KAAK0D,aAAeiE,EAC/BhH,UAAWX,KAAKW,UAChBP,aAAcJ,KAAKI,aACnBwH,YAAa5H,KAAK4H,YAClBV,KAAMlH,KAAKkH,KACXnF,MAAO/B,KAAKoC,mBACZ/B,SAAUL,KAAKK,SACfG,SAAUR,KAAKQ,SACfqH,SAAU7H,KAAKO,SACfuH,QAAS9H,KAAK6B,YACdkG,QAAS/H,KAAKkC,iBACdsF,QAASxH,KAAKkC,iBACd8F,UAAWhI,KAAKgF,gBAGlB6B,EAAA,kBACa,YACXY,GAAIzH,KAAKC,QACTqH,MAAM,sBACNE,QAASxH,KAAKgB,0BACdiH,SAAUjI,KAAKQ,UAAY,EAAI,EAC/BwH,UAAWhI,KAAKgF,cAChB+C,QAAS/H,KAAKkC,kBAEblC,KAAKoC,oBAAsBpC,KAAK+B,OAAS/B,KAAK4H,aAIlD5H,KAAKU,YAAcV,KAAKa,YAAcb,KAAKG,MAC1C0G,EAAA,iBAAA5B,IAAA,2CACEiC,KAAK,IACLgB,KAAK,KACLC,SAAS,QACTb,MAAM,eACNE,QAASxH,KAAKyD,YAAW,aACd,gBAIdzD,KAAKM,OACJuG,EAAA,WAAA5B,IAAA,2CAASiC,KAAK,eAAeI,MAAM,aAAaY,KAAK,OAGvDrB,EAAA,iBAAA5B,IAAA,wDACa,kBACXiC,KAAMlH,KAAKG,KAAO,cAAgB,eAClC+H,KAAK,KACLC,SAAS,QAAO,aACJnI,KAAKG,KAAO,gBAAkB,gBAAe,eAC3CH,KAAKG,KAAK6G,WACxBQ,QAASxH,KAAKmC,cACd8F,SAAUjI,KAAKQ,UAAY,EAAI,KAInCqG,EAAA,QAAA5B,IAAA,2CAAMiC,KAAK,iBAGbL,EAAA,OAAA5B,IAAA,2CAAKsC,KAAK,aACPlF,EAAArC,KAAKsC,WAAO,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EACtBsE,EAAA,UACG7G,KAAKsC,QAAQ8F,KAAI1F,GAChBmE,EAAA,wBACEhE,MAAOH,EAAOG,MACdd,MAAOW,EAAOX,MACdvB,SAAUkC,EAAOlC,SACjBiE,SAAU/B,EAAOX,QAAU/B,KAAK+B,WAKtC8E,EAAA,QAAMK,KAAK,eAKflH,KAAKqI,aACLrI,KAAKqB,GAAGC,cAAc,0BACtBuF,EAAA,OAAA5B,IAAA,2CAAKqC,MAAM,eACTT,EAAA,QAAA5B,IAAA,2CAAMiC,KAAK,eAAelH,KAAKqI,eAIjCrI,KAAKsI,kBACLtI,KAAKqB,GAAGC,cAAc,gCACtBuF,EAAA,OAAA5B,IAAA,2CAAKsD,QAASvI,KAAKM,MAAOgH,MAAM,qBAC9BT,EAAA,QAAA5B,IAAA,2CAAMiC,KAAK,qBAAqBlH,KAAKsI,mB","ignoreList":[]}

package/dist/native/{p-59768ee5.js → p-f85c08f1.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-var e;(function(e){e["Information"]="information";e["Warning"]="warning";e["Success"]="success";e["Error"]="error";e["Neutral"]="neutral"})(e||(e={}));var n;(function(e){e["Neutral"]="neutral";e["Primary"]="primary";e["Secondary"]="secondary";e["Success"]="success";e["Error"]="error"})(n||(n={}));var a;(function(e){e["ExtraSmall"]="xs";e["Small"]="sm";e["Medium"]="md";e["Large"]="lg";e["ExtraLarge"]="xl"})(a||(a={}));var r;(function(e){e["ExtraSmall"]="xs";e["Small"]="sm";e["Medium"]="md";e["Large"]="lg"})(r||(r={}));var t;(function(e){e["High"]="high";e["Medium"]="medium";e["Low"]="low";e["Lower"]="lower"})(t||(t={}));var o;(function(e){e["Submit"]="submit";e["Reset"]="reset";e["Button"]="button"})(o||(o={}));var u;(function(e){e["Square"]="square";e["Rounded"]="rounded"})(u||(u={}));var c;(function(e){e["High"]="brand";e["Low"]="white"})(c||(c={}));var i;(function(e){e["Before"]="before";e["After"]="after"})(i||(i={}));var s;(function(e){e["On"]="on";e["Off"]="off";e["Section"]="section-*";e["Shipping"]="shipping";e["Billing"]="billing";e["Home"]="home";e["Work"]="work";e["Mobile"]="mobile";e["Fax"]="fax";e["Pager"]="pager";e["Tel"]="tel";e["TelCountryCode"]="tel-country-code";e["TelNational"]="tel-national";e["TelAreaCode"]="tel-area-code";e["TelLocal"]="tel-local";e["TelLocalPrefix"]="tel-local-prefix";e["TelLocalSuffix"]="tel-local-suffix";e["TelExtension"]="tel-extension";e["Email"]="email";e["IMProtocol"]="impp";e["Name"]="name";e["HonorificPrefix"]="honorific-prefix";e["GivenName"]="given-name";e["AdditionalName"]="additional-name";e["FamilyName"]="family-name";e["HonorificSuffix"]="honorific-suffix";e["Nickname"]="nickname";e["Username"]="username";e["NewPassword"]="new-password";e["CurrentPassword"]="current-password";e["OneTimeCode"]="one-time-code";e["OrganizationTitle"]="organization-title";e["Organization"]="organization";e["StreetAddress"]="street-address";e["AddressLine1"]="address-line1";e["AddressLine2"]="address-line2";e["AddressLine3"]="address-line3";e["AddressLevel4"]="address-level4";e["AddressLevel3"]="address-level3";e["AddressLevel2"]="address-level2";e["AddressLevel1"]="address-level1";e["Country"]="country";e["CountryName"]="country-name";e["PostalCode"]="postal-code";e["CCName"]="cc-name";e["CCGivenName"]="cc-given-name";e["CCAdditionalName"]="cc-additional-name";e["CCFamilyName"]="cc-family-name";e["CCNumber"]="cc-number";e["CCExp"]="cc-exp";e["CCExpMonth"]="cc-exp-month";e["CCExpYear"]="cc-exp-year";e["CCCSC"]="cc-csc";e["CCType"]="cc-type";e["TransactionCurrency"]="transaction-currency";e["TransactionAmount"]="transaction-amount";e["Language"]="language";e["Bday"]="bday";e["BdayDay"]="bday-day";e["BdayMonth"]="bday-month";e["BdayYear"]="bday-year";e["Sex"]="sex";e["Url"]="url";e["Photo"]="photo"})(s||(s={}));var l;(function(e){e["Hours"]="hours";e["Minutes"]="minutes";e["Seconds"]="seconds"})(l||(l={}));const d={"fr-FR":"Sem","fr-BE":"Sem","nl-BE":"W","en-BE":"W","en-US":"W","en-GB":"W","es-ES":"Sem","de-DE":"KW","it-IT":"Set","pt-PT":"Sem","nl-NL":"W","pl-PL":"Tyd","ru-RU":"Нед","ja-JP":"週","zh-CN":"周","ko-KR":"주"};const m={"fr-BE":["Lu","Ma","Me","Je","Ve","Sa","Di"],"nl-BE":["Ma","Di","Wo","Do","Vr","Za","Zo"],"de-DE":["Mo","Di","Mi","Do","Fr","Sa","So"],"en-BE":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],"en-US":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],"en-GB":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]};const p={"fr-BE":["Jan","Fev","Mar","Avr","Mai","Jun","Jul","Aou","Sep","Oct","Nov","Dec"],"nl-BE":["Jan","Feb","Maa","Apr","Mei","Jun","Jul","Aug","Sep","Okt","Nov","Dec"],"de-DE":["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],"en-BE":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"en-US":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"en-GB":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};const S=Object.freeze({__proto__:null,get FeedbackColors(){return e},get DeprecatedSemanticColors(){return n},get SemanticSizes(){return a},get ButtonSize(){return r},get ButtonEmphasis(){return t},get ButtonType(){return o},get IconButtonShape(){return u},get LoaderColors(){return c},get LabelPlacement(){return i},get TextInputAutocomplete(){return s},get TimeType(){return l},WEEK_ABBREVIATIONS:d,CUSTOM_DAY_NAMES:m,CUSTOM_MONTH_NAMES:p});export{o as B,m as C,e as F,a as S,l as T,d as W,p as a,r as b,S as c};
-//# sourceMappingURL=p-59768ee5.js.map
+var e;(function(e){e["Information"]="information";e["Warning"]="warning";e["Success"]="success";e["Error"]="error";e["Neutral"]="neutral"})(e||(e={}));var n;(function(e){e["Neutral"]="neutral";e["Primary"]="primary";e["Secondary"]="secondary";e["Success"]="success";e["Error"]="error"})(n||(n={}));var a;(function(e){e["ExtraSmall"]="xs";e["Small"]="sm";e["Medium"]="md";e["Large"]="lg";e["ExtraLarge"]="xl"})(a||(a={}));var r;(function(e){e["ExtraSmall"]="xs";e["Small"]="sm";e["Medium"]="md";e["Large"]="lg"})(r||(r={}));var t;(function(e){e["High"]="high";e["Medium"]="medium";e["Low"]="low";e["Lower"]="lower"})(t||(t={}));var o;(function(e){e["Submit"]="submit";e["Reset"]="reset";e["Button"]="button"})(o||(o={}));var c;(function(e){e["Square"]="square";e["Rounded"]="rounded"})(c||(c={}));var u;(function(e){e["High"]="brand";e["Low"]="white"})(u||(u={}));var i;(function(e){e["Before"]="before";e["After"]="after"})(i||(i={}));var s;(function(e){e["On"]="on";e["Off"]="off";e["Section"]="section-*";e["Shipping"]="shipping";e["Billing"]="billing";e["Home"]="home";e["Work"]="work";e["Mobile"]="mobile";e["Fax"]="fax";e["Pager"]="pager";e["Tel"]="tel";e["TelCountryCode"]="tel-country-code";e["TelNational"]="tel-national";e["TelAreaCode"]="tel-area-code";e["TelLocal"]="tel-local";e["TelLocalPrefix"]="tel-local-prefix";e["TelLocalSuffix"]="tel-local-suffix";e["TelExtension"]="tel-extension";e["Email"]="email";e["IMProtocol"]="impp";e["Name"]="name";e["HonorificPrefix"]="honorific-prefix";e["GivenName"]="given-name";e["AdditionalName"]="additional-name";e["FamilyName"]="family-name";e["HonorificSuffix"]="honorific-suffix";e["Nickname"]="nickname";e["Username"]="username";e["NewPassword"]="new-password";e["CurrentPassword"]="current-password";e["OneTimeCode"]="one-time-code";e["OrganizationTitle"]="organization-title";e["Organization"]="organization";e["StreetAddress"]="street-address";e["AddressLine1"]="address-line1";e["AddressLine2"]="address-line2";e["AddressLine3"]="address-line3";e["AddressLevel4"]="address-level4";e["AddressLevel3"]="address-level3";e["AddressLevel2"]="address-level2";e["AddressLevel1"]="address-level1";e["Country"]="country";e["CountryName"]="country-name";e["PostalCode"]="postal-code";e["CCName"]="cc-name";e["CCGivenName"]="cc-given-name";e["CCAdditionalName"]="cc-additional-name";e["CCFamilyName"]="cc-family-name";e["CCNumber"]="cc-number";e["CCExp"]="cc-exp";e["CCExpMonth"]="cc-exp-month";e["CCExpYear"]="cc-exp-year";e["CCCSC"]="cc-csc";e["CCType"]="cc-type";e["TransactionCurrency"]="transaction-currency";e["TransactionAmount"]="transaction-amount";e["Language"]="language";e["Bday"]="bday";e["BdayDay"]="bday-day";e["BdayMonth"]="bday-month";e["BdayYear"]="bday-year";e["Sex"]="sex";e["Url"]="url";e["Photo"]="photo"})(s||(s={}));var l;(function(e){e["Hours"]="hours";e["Minutes"]="minutes";e["Seconds"]="seconds"})(l||(l={}));var d;(function(e){e["End"]="end";e["Start"]="start";e["Center"]="center"})(d||(d={}));var m;(function(e){e["Asc"]="asc";e["Desc"]="desc"})(m||(m={}));const p={"fr-FR":"Sem","fr-BE":"Sem","nl-BE":"W","en-BE":"W","en-US":"W","en-GB":"W","es-ES":"Sem","de-DE":"KW","it-IT":"Set","pt-PT":"Sem","nl-NL":"W","pl-PL":"Tyd","ru-RU":"Нед","ja-JP":"週","zh-CN":"周","ko-KR":"주"};const S={"fr-BE":["Lu","Ma","Me","Je","Ve","Sa","Di"],"nl-BE":["Ma","Di","Wo","Do","Vr","Za","Zo"],"de-DE":["Mo","Di","Mi","Do","Fr","Sa","So"],"en-BE":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],"en-US":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],"en-GB":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]};const f={"fr-BE":["Jan","Fev","Mar","Avr","Mai","Jun","Jul","Aou","Sep","Oct","Nov","Dec"],"nl-BE":["Jan","Feb","Maa","Apr","Mei","Jun","Jul","Aug","Sep","Okt","Nov","Dec"],"de-DE":["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],"en-BE":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"en-US":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"en-GB":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};const g=Object.freeze({__proto__:null,get FeedbackColors(){return e},get DeprecatedSemanticColors(){return n},get SemanticSizes(){return a},get ButtonSize(){return r},get ButtonEmphasis(){return t},get ButtonType(){return o},get IconButtonShape(){return c},get LoaderColors(){return u},get LabelPlacement(){return i},get TextInputAutocomplete(){return s},get TimeType(){return l},get GlobalFilterPosition(){return d},get SortingPossibility(){return m},WEEK_ABBREVIATIONS:p,CUSTOM_DAY_NAMES:S,CUSTOM_MONTH_NAMES:f});export{o as B,S as C,e as F,a as S,l as T,p as W,m as a,f as b,g as c,r as d};
+//# sourceMappingURL=p-f85c08f1.js.map

package/dist/native/p-f85c08f1.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["FeedbackColors","DeprecatedSemanticColors","SemanticSizes","ButtonSize","ButtonEmphasis","ButtonType","IconButtonShape","LoaderColors","LabelPlacement","TextInputAutocomplete","TimeType","GlobalFilterPosition","SortingPossibility","WEEK_ABBREVIATIONS","CUSTOM_DAY_NAMES","CUSTOM_MONTH_NAMES"],"sources":["src/utils/constants.ts"],"sourcesContent":["import { WeekAbbreviations } from '../interfaces/localization';\n\nexport enum FeedbackColors {\n Information = 'information',\n Warning = 'warning',\n Success = 'success',\n Error = 'error',\n Neutral = 'neutral',\n}\nexport enum DeprecatedSemanticColors {\n Neutral = 'neutral',\n Primary = 'primary',\n Secondary = 'secondary',\n Success = 'success',\n Error = 'error',\n}\nexport enum SemanticSizes {\n ExtraSmall = 'xs',\n Small = 'sm',\n Medium = 'md',\n Large = 'lg',\n ExtraLarge = 'xl',\n}\nexport enum ButtonSize {\n ExtraSmall = 'xs',\n Small = 'sm',\n Medium = 'md',\n Large = 'lg',\n}\nexport enum ButtonEmphasis {\n High = 'high',\n Medium = 'medium',\n Low = 'low',\n Lower = 'lower',\n}\nexport enum ButtonType {\n Submit = 'submit',\n Reset = 'reset',\n Button = 'button',\n}\nexport enum IconButtonShape {\n Square = 'square',\n Rounded = 'rounded',\n}\nexport enum LoaderColors {\n High = 'brand',\n Low = 'white',\n}\nexport enum LabelPlacement {\n Before = 'before',\n After = 'after',\n}\n\nexport enum TextInputAutocomplete {\n On = 'on',\n Off = 'off',\n Section = 'section-*',\n Shipping = 'shipping',\n Billing = 'billing',\n Home = 'home',\n Work = 'work',\n Mobile = 'mobile',\n Fax = 'fax',\n Pager = 'pager',\n Tel = 'tel',\n TelCountryCode = 'tel-country-code',\n TelNational = 'tel-national',\n TelAreaCode = 'tel-area-code',\n TelLocal = 'tel-local',\n TelLocalPrefix = 'tel-local-prefix',\n TelLocalSuffix = 'tel-local-suffix',\n TelExtension = 'tel-extension',\n Email = 'email',\n IMProtocol = 'impp',\n Name = 'name',\n HonorificPrefix = 'honorific-prefix',\n GivenName = 'given-name',\n AdditionalName = 'additional-name',\n FamilyName = 'family-name',\n HonorificSuffix = 'honorific-suffix',\n Nickname = 'nickname',\n Username = 'username',\n NewPassword = 'new-password',\n CurrentPassword = 'current-password',\n OneTimeCode = 'one-time-code',\n OrganizationTitle = 'organization-title',\n Organization = 'organization',\n StreetAddress = 'street-address',\n AddressLine1 = 'address-line1',\n AddressLine2 = 'address-line2',\n AddressLine3 = 'address-line3',\n AddressLevel4 = 'address-level4',\n AddressLevel3 = 'address-level3',\n AddressLevel2 = 'address-level2',\n AddressLevel1 = 'address-level1',\n Country = 'country',\n CountryName = 'country-name',\n PostalCode = 'postal-code',\n CCName = 'cc-name',\n CCGivenName = 'cc-given-name',\n CCAdditionalName = 'cc-additional-name',\n CCFamilyName = 'cc-family-name',\n CCNumber = 'cc-number',\n CCExp = 'cc-exp',\n CCExpMonth = 'cc-exp-month',\n CCExpYear = 'cc-exp-year',\n CCCSC = 'cc-csc',\n CCType = 'cc-type',\n TransactionCurrency = 'transaction-currency',\n TransactionAmount = 'transaction-amount',\n Language = 'language',\n Bday = 'bday',\n BdayDay = 'bday-day',\n BdayMonth = 'bday-month',\n BdayYear = 'bday-year',\n Sex = 'sex',\n Url = 'url',\n Photo = 'photo',\n}\n\nexport enum TimeType {\n Hours = 'hours',\n Minutes = 'minutes',\n Seconds = 'seconds',\n}\n\nexport enum GlobalFilterPosition {\n End = 'end',\n Start = 'start',\n Center = 'center',\n}\nexport enum SortingPossibility {\n Asc = 'asc',\n Desc = 'desc',\n}\n\nexport const WEEK_ABBREVIATIONS: WeekAbbreviations = {\n 'fr-FR': 'Sem', // Semaine\n 'fr-BE': 'Sem', // Semaine\n 'nl-BE': 'W', // Week\n 'en-BE': 'W', // Week\n 'en-US': 'W', // Week\n 'en-GB': 'W', // Week\n 'es-ES': 'Sem', // Semana\n 'de-DE': 'KW', // Kalenderwoche\n 'it-IT': 'Set', // Settimana\n 'pt-PT': 'Sem', // Semana\n 'nl-NL': 'W', // Week\n 'pl-PL': 'Tyd', // Tydzień\n 'ru-RU': 'Нед', // Неделя\n 'ja-JP': '週', // Shū\n 'zh-CN': '周', // Zhōu\n 'ko-KR': '주', // Ju\n};\n\nexport const CUSTOM_DAY_NAMES: { [key: string]: string[] } = {\n 'fr-BE': ['Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa', 'Di'],\n 'nl-BE': ['Ma', 'Di', 'Wo', 'Do', 'Vr', 'Za', 'Zo'],\n 'de-DE': ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'],\n 'en-BE': ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n 'en-US': ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n 'en-GB': ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n};\n\nexport const CUSTOM_MONTH_NAMES: { [key: string]: string[] } = {\n 'fr-BE': [\n 'Jan',\n 'Fev',\n 'Mar',\n 'Avr',\n 'Mai',\n 'Jun',\n 'Jul',\n 'Aou',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n ],\n 'nl-BE': [\n 'Jan',\n 'Feb',\n 'Maa',\n 'Apr',\n 'Mei',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Okt',\n 'Nov',\n 'Dec',\n ],\n 'de-DE': [\n 'Jan',\n 'Feb',\n 'Mär',\n 'Apr',\n 'Mai',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Okt',\n 'Nov',\n 'Dez',\n ],\n 'en-BE': [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n ],\n 'en-US': [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n ],\n 'en-GB': [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec',\n ],\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-fc97f071.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as r,h as a,a as t,g as o}from"./p-ab002252.js";import{c as i}from"./p-8a1a6e56.js";import{v as n}from"./p-f5ff676c.js";const l='nv-fieldtextarea{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtextarea[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fieldtextarea[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtextarea[required]:not([required=false]) label::after{content:"";color:var(--components-form-text-required);font-weight:700}nv-fieldtextarea label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtextarea .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const d=l;const s=class{constructor(a){e(this,a);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.rows=3;this.resize="vertical";this.autosize=false;this.autofocus=false;this.fluid=false;this.handleTextarea=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleTextareaContainerClick=()=>{this.textareaElement.focus()}}rowsChanged(){if(this.autosize){this.adjustTextareaHeight()}}autosizeChanged(){var e;if(this.autosize){this.adjustTextareaHeight()}else{(e=this.textareaElement)===null\|\|e===void 0?void 0:e.style.removeProperty("height")}}handleValueChange(){if(this.autosize){this.adjustTextareaHeight()}}adjustTextareaHeight(){if(this.textareaElement&&this.autosize){requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.textareaElement.style.height="auto";const e=window.getComputedStyle(this.textareaElement);const r=parseFloat(e.lineHeight);const a=parseFloat(e.paddingTop);const t=parseFloat(e.paddingBottom);const o=parseFloat(e.borderTopWidth);const i=parseFloat(e.borderBottomWidth);const n=rthis.rows+a+t+o+i;this.textareaElement.style.minHeight=`${n}px`;this.textareaElement.style.height=this.textareaElement.scrollHeight+"px"}))}))}}componentWillRender(){if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}componentDidLoad(){if(this.autosize){this.adjustTextareaHeight()}}render(){return a(t,{key:"26197bbab1a4b4571fdb55c8191e6b7879d58504"},(this.label\|\|this.el.querySelector('[slot="label"]'))&&a("label",{key:"f3f9465b6917b669cd2f8a363bbe719259bda4c4",htmlFor:this.inputId},a("slot",{key:"81cda2c75f3dbaeace4c0a713083ba1d71738334",name:"label"},this.label)),a("div",{key:"7c8ce38e9ae3b5524205017add5470ba46cecc20",class:"textarea-wrapper"},a("div",{key:"c32da51694a84c55c092838a62801b4e57ab12ac",class:"textarea-container",onClick:this.handleTextareaContainerClick},a("textarea",{key:"1b3d130b68595c7f49097494e98848e5523ba34d",id:this.inputId,ref:e=>this.textareaElement=e,placeholder:this.placeholder,autofocus:this.autofocus,name:this.name,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,autocomplete:"off",value:this.value,onInput:this.handleTextarea,rows:this.rows,class:i(this.resize==="none"&&"resize-none",this.resize==="vertical"&&"resize-y",this.resize==="horizontal"&&"resize-x",this.resize==="both"&&"resize")}))),(this.description\|\|this.el.querySelector('[slot="description"]'))&&a("div",{key:"ed32145e5c6eb3b5c481835e578c264f24e7a576",class:"description"},a("slot",{key:"9ca5a874ff2bb5deb377ce8d5fb91235ec754ab0",name:"description"},this.description)),(this.errorDescription\|\|this.el.querySelector('[slot="error-description"]'))&&a("div",{key:"e858235ef7f47e0849757a718617ebc2877f4ac7",hidden:!this.error,class:"error-description"},a("slot",{key:"91e053ef76274532046acad6db63e40787a3059f",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{rows:["rowsChanged"],autosize:["autosizeChanged"],value:["handleValueChange"]}}};s.style=d;export{s as nv_fieldtextarea};
2	+ //# sourceMappingURL=p-fc97f071.entry.js.map

package/dist/native/p-fc97f071.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["nvFieldtextareaCss","NvFieldtextareaStyle0","NvFieldtextarea","constructor","hostRef","this","inputId","uuidv4","disabled","readonly","required","error","success","rows","resize","autosize","autofocus","fluid","handleTextarea","event","textarea","target","value","valueChanged","emit","handleTextareaContainerClick","textareaElement","focus","rowsChanged","adjustTextareaHeight","autosizeChanged","_a","style","removeProperty","handleValueChange","requestAnimationFrame","height","computedStyle","window","getComputedStyle","lineHeight","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","minHeight","scrollHeight","componentWillRender","message","description","validation","errorDescription","componentDidLoad","render","h","Host","key","label","el","querySelector","htmlFor","name","class","onClick","id","ref","e","placeholder","readOnly","maxlength","minlength","autocomplete","onInput","clsx","hidden"],"sources":["src/components/nv-fieldtextarea/nv-fieldtextarea.scss?tag=nv-fieldtextarea","src/components/nv-fieldtextarea/nv-fieldtextarea.tsx"],"sourcesContent":["@import \"../../styles/form-field\";\n@import \"../../styles/scrollbar\";\n\n@mixin form-field-textarea-wrapper() {\n display: flex;\n flex-wrap: wrap;\n gap: var(--form-gap-x);\n align-items: stretch;\n align-self: stretch;\n}\n\n@mixin form-field-textarea-container() {\n display: flex;\n flex-grow: 1;\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n justify-content: center;\n align-items: center;\n gap: var(--form-field-gap);\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n\n &:hover {\n border-color: var(--nv-field-border-hover);\n }\n\n &:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n // Keep ReadOnly before Disabled\n &:has(textarea:read-only) {\n // opacity: var(--components-form-opacity-readonly, 0.5); broken token generation, is 50px instead of 0.5\n opacity: 0.5;\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n\n &:has(textarea:disabled) {\n // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n}\n\n@mixin form-field-textarea() {\n @include scrollbar();\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n text-overflow: ellipsis;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: 500;\n line-height: var(--form-field-line-height);\n\n &:focus {\n outline: none;\n }\n\n &::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: \"TT Norms Pro\", sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: 400;\n line-height: var(--form-field-line-height);\n }\n}\n\nnv-fieldtextarea {\n @include form-field-variables();\n @include form-field-root();\n\n &[fluid]:not([fluid=\"false\"]) {\n @include form-field-fluid();\n }\n\n &[readonly]:not([readonly=\"false\"]) {\n @include form-field-readonly-variables();\n }\n\n &[error]:not([error=\"false\"]) {\n @include form-field-error-variables();\n }\n\n &[success]:not([success=\"false\"]) {\n @include form-field-success-variables();\n }\n\n &[required]:not([required=\"false\"]) label {\n @include form-field-label-required();\n }\n\n label {\n @include form-field-label();\n }\n\n .textarea-wrapper {\n @include form-field-textarea-wrapper();\n\n .textarea-container {\n @include form-field-textarea-container();\n\n textarea {\n @include form-field-textarea();\n }\n\n nv-icon.validation {\n @include form-field-icon();\n }\n }\n }\n\n .description {\n @include form-field-description();\n }\n\n .error-description {\n @include form-field-error-description();\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Element,\n Watch,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport clsx from 'clsx';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n tag: 'nv-fieldtextarea',\n shadow: false,\n formAssociated: true,\n styleUrl: 'nv-fieldtextarea.scss',\n})\nexport class NvFieldtextarea {\n @Element() el: HTMLNvFieldtextareaElement;\n private textareaElement!: HTMLTextAreaElement;\n\n /****************************************************************************/\n //#region DEPRECATED\n\n /**\n * Message defines a 'hint ' message for the Text Field.\n * @deprecated Use `description` instead.\n */\n @Prop({ reflect: true })\n readonly message: string;\n\n /**\n * Add the message to the validation state.\n * @deprecated Use `errorDescription` and set the error prop instead.\n */\n @Prop({ reflect: true })\n readonly validation: string;\n\n //#endregion DEPRECATED\n /****************************************************************************/\n //#region PROPERTIES\n\n /**\n * Sets the ID for the input element and the for attribute of the associated\n * label. If no ID is provided, a random one will be automatically generated\n * to ensure unique identification, facilitating proper label association and\n * accessibility.\n */\n @Prop({ reflect: true })\n readonly inputId: string = uuidv4();\n\n /**\n * Lets you define the text that explains what users should enter in the text\n * textarea field. It’s a crucial element for making forms clear and\n * user-friendly.\n */\n @Prop({ reflect: true })\n readonly label: string;\n\n /**\n * Add helpful hints or extra information under the text textarea field. This is\n * where you can clarify what users should enter or provide additional\n * instructions, making the form easier to fill out correctly.\n */\n @Prop({ reflect: true, mutable: true })\n description: string;\n\n /**\n * Display temporary text inside the textarea field to give users a hint about\n * what to type. It’s a great way to provide examples or suggestions directly\n * in the field before they start typing.\n */\n @Prop({ reflect: true })\n readonly placeholder: string;\n\n /**\n * Defines the name attribute of the textarea field, which is crucial for form\n * submission. This value is used as the key in the key-value pair sent to\n * the server, representing the textarea’s data in form submissions. It should be\n * unique within the form to avoid conflicts\n */\n @Prop({ reflect: true })\n readonly name: string;\n\n /**\n * Specifies the value of the textarea field, which determines the text displayed\n * within the field. This prop is typically used in controlled components\n * where the textarea’s value is managed by the component’s state.\n */\n @Prop({ reflect: true, mutable: true })\n value: string;\n\n /**\n * The disabled prop lets you turn off the textarea field so that users can’t\n * type in it. When disabled, the field is grayed out and won’t respond to#\n * clicks or touches.\n */\n @Prop({ reflect: true })\n readonly disabled: boolean = false;\n\n /**\n * Display the textarea field’s content without allowing users to change it.\n * Users can still click on it, select, and copy the text, but they won’t be\n * able to type or delete anything.\n */\n @Prop({ reflect: true })\n readonly readonly: boolean = false;\n\n /**\n * Marks the textarea field as required, ensuring that the user must fill it out\n * before submitting the form.\n */\n @Prop({ reflect: true })\n readonly required: boolean = false;\n\n /**\n * Alters the textarea field’s appearance to indicate an error, helping users\n * identify fields that need correction.\n * @validator error\n */\n @Prop({ reflect: true, mutable: true })\n error: boolean = false;\n\n /**\n * Show a helpful message under the textarea field when there’s a problem. It\n * explains what’s wrong and how users can fix it, making the error easier to\n * understand and resolve.\n * @validator message\n */\n @Prop({ reflect: true, mutable: true })\n errorDescription: string;\n\n /**\n * Changes the textarea field’s appearance to indicate successful textarea or\n * validation.\n */\n @Prop({ reflect: true })\n readonly success: boolean = false;\n\n /**\n * Limits how many characters users can type into the textarea field. It’s\n * helpful for making sure users don’t enter too much information, keeping\n * their textarea within the allowed limit.\n */\n @Prop({ reflect: true })\n readonly maxlength: number;\n\n /**\n * Ensures that users type at least a certain number of characters into the\n * textarea field. It’s a way to make sure users provide enough information\n * before moving on.\n */\n @Prop({ reflect: true })\n readonly minlength: number;\n\n /**\n * The number of visible text lines for the control. The default is 3. This\n * can be useful when you want to limit the size of the textarea field or when\n * you want to make the textarea field smaller to fit a specific layout. The\n * textarea field will expand vertically to fit the text as the user types.\n */\n @Prop({ reflect: true })\n readonly rows: number = 3;\n\n /**\n * Controls the resize property of a textarea. It can be set to none, both,\n * horizontal, or vertical. The default is vertical.\n */\n @Prop({ reflect: true })\n readonly resize: 'none' | 'both' | 'horizontal' | 'vertical' = 'vertical';\n\n /**\n * Enable this to make the textarea automatically resize as the user types,\n * adjusting the height to fit the content. For the best experience, avoid\n * vertical resizing, as it’s controlled by this feature. Horizontal resizing\n * can still be allowed if desired.\n */\n @Prop({ reflect: true })\n readonly autosize: boolean = false;\n\n /**\n * Applies focus to the input field as soon as the component is mounted. This\n * is equivalent to setting the native autofocus attribute on a <textarea>\n * element.\n */\n @Prop({ reflect: true })\n // eslint-disable-next-line @stencil-community/reserved-member-names\n readonly autofocus: boolean = false;\n\n /**\n * Allows the field to stretch and fill the entire width of its container.\n */\n @Prop({ reflect: true })\n readonly fluid: boolean = false;\n\n //#endregion PROPERTIES\n /****************************************************************************/\n //#region EVENTS\n\n /**\n * Emitted when the textarea value changes.\n * @bind value\n */\n @Event()\n valueChanged: EventEmitter<string>;\n\n //#endregion EVENTS\n /****************************************************************************/\n //#region WATCHERS\n\n /**\n * If autosize is true, we need to make sure to update the min-height when\n * the rows change.\n */\n @Watch('rows')\n rowsChanged() {\n if (this.autosize) {\n this.adjustTextareaHeight();\n }\n }\n\n /**\n * If autosize is true, we need to make sure to update the height and\n * min-height, if false, we need to remove the height property.\n */\n @Watch('autosize')\n autosizeChanged() {\n if (this.autosize) {\n this.adjustTextareaHeight();\n } else {\n this.textareaElement?.style.removeProperty('height');\n }\n }\n\n /**\n * Make sure to adjust the height of the textarea when the value changes\n * programmatically or by typing when autosize is on.\n */\n @Watch('value')\n handleValueChange() {\n if (this.autosize) {\n this.adjustTextareaHeight();\n }\n }\n\n //#endregion WATCHERS\n /****************************************************************************/\n //#region METHODS\n\n private handleTextarea = (event: Event) => {\n const textarea = event.target as HTMLTextAreaElement;\n this.value = textarea.value;\n this.valueChanged.emit(textarea.value);\n };\n\n private handleTextareaContainerClick = () => {\n this.textareaElement.focus();\n };\n\n private adjustTextareaHeight() {\n if (this.textareaElement && this.autosize) {\n /**\n * The first requestAnimationFrame ensures that the DOM has applied any\n * pending changes (e.g., value updates or attribute changes) before\n * proceeding to the next frame.\n */\n requestAnimationFrame(() => {\n /**\n * The second requestAnimationFrame ensures that the browser has fully\n * recalculated layout and styles based on the updated DOM, such as\n * recalculating scrollHeight for the textarea after the new value is\n * rendered.\n */\n requestAnimationFrame(() => {\n this.textareaElement.style.height = 'auto';\n\n const computedStyle = window.getComputedStyle(this.textareaElement);\n const lineHeight = parseFloat(computedStyle.lineHeight);\n const paddingTop = parseFloat(computedStyle.paddingTop);\n const paddingBottom = parseFloat(computedStyle.paddingBottom);\n const borderTopWidth = parseFloat(computedStyle.borderTopWidth);\n const borderBottomWidth = parseFloat(computedStyle.borderBottomWidth);\n\n // Calculate min-height based on rows\n const minHeight =\n lineHeight * this.rows +\n paddingTop +\n paddingBottom +\n borderTopWidth +\n borderBottomWidth;\n\n this.textareaElement.style.minHeight = `${minHeight}px`;\n this.textareaElement.style.height =\n this.textareaElement.scrollHeight + 'px';\n });\n });\n }\n }\n\n //#endregion METHODS\n /****************************************************************************/\n //#region LIFECYCLE\n\n componentWillRender() {\n if (this.message) {\n this.description = this.message;\n }\n\n if (this.validation) {\n this.errorDescription = this.validation;\n this.error = true;\n }\n }\n\n componentDidLoad() {\n if (this.autosize) {\n this.adjustTextareaHeight();\n }\n }\n\n //#endregion LIFECYCLE\n /****************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host>\n {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n <label htmlFor={this.inputId}>\n <slot name=\"label\">{this.label}</slot>\n </label>\n )}\n\n <div class=\"textarea-wrapper\">\n <div\n class=\"textarea-container\"\n onClick={this.handleTextareaContainerClick}\n >\n <textarea\n id={this.inputId}\n ref={e => (this.textareaElement = e)}\n placeholder={this.placeholder}\n autofocus={this.autofocus}\n name={this.name}\n disabled={this.disabled}\n readOnly={this.readonly}\n required={this.required}\n maxlength={this.maxlength}\n minlength={this.minlength}\n autocomplete=\"off\"\n value={this.value}\n onInput={this.handleTextarea}\n rows={this.rows}\n class={clsx(\n this.resize === 'none' && 'resize-none',\n this.resize === 'vertical' && 'resize-y',\n this.resize === 'horizontal' && 'resize-x',\n this.resize === 'both' && 'resize',\n )}\n />\n </div>\n </div>\n\n {(this.description ||\n this.el.querySelector('[slot=\"description\"]')) && (\n <div class=\"description\">\n <slot name=\"description\">{this.description}</slot>\n </div>\n )}\n\n {(this.errorDescription ||\n this.el.querySelector('[slot=\"error-description\"]')) && (\n <div hidden={!this.error} class=\"error-description\">\n <slot name=\"error-description\">{this.errorDescription}</slot>\n </div>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/types/components/nv-alert/nv-alert.d.ts CHANGED Viewed

@@ -62,7 +62,7 @@ export declare class NvAlert {
     /**
      * Emitted when the close button is clicked.
      */
-    closeClicked: EventEmitter<MouseEvent>;
+    closeClicked: EventEmitter<void>;
     /****************************************************************************/
     /**
      * Used for 2 way binding with the hidden property.

package/dist/types/components/nv-badge/nv-badge.d.ts CHANGED Viewed

@@ -23,7 +23,11 @@ export declare class NvBadge {
     readonly iconLocation: 'left' | 'right';
     /****************************************************************************/
     /**
-     * The color of the badge. Use a string between 1 to 10
+     * The color of the badge.
+     * deprecated Use status values or named colors instead.
+     * Use a string between 1 to 10
+     * or one of the status values: error, information, neutral, success, warning
+     * or one of the color names: amber, orange, turquoise, crimson, lime
      */
     readonly color?: string;
     /**
@@ -48,11 +52,16 @@ export declare class NvBadge {
      * Useful for externally controlled component behavior.
      */
     readonly preventAutoClose: boolean;
+    /**
+     * When true, the badge will only display an icon without label.
+     * The label will be visually hidden but still accessible for screen readers.
+     */
+    readonly isIconOnly?: boolean;
     /****************************************************************************/
     /**
      * Emitted when the badge is dismissed.
      */
-    closeClicked: EventEmitter<MouseEvent>;
+    closeClicked: EventEmitter<void>;
     /**
      * Emits when the 'hidden' prop changes, reflecting a change in visibility.
      * Passes hidden value to the detail.
@@ -86,7 +95,6 @@ export declare class NvBadge {
     /****************************************************************************/
     /**
      * Handles the close button click.
-     * @param {MouseEvent} originalEvent - The original event.
      */
     private readonly handleClose;
     /****************************************************************************/

package/dist/types/components/nv-calendar/nv-calendar.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { DateRange } from '../../interfaces/dateRange';
 /**
  * @slot default - Child content of the component.
  * @slot actions - Child content of the component.
@@ -27,7 +26,12 @@ export declare class NvCalendar {
      * format: { start: ISO string, end: ISO string }
      * ex: { start: "2025-03-15", end: "2025-03-20" }
      */
-    rangeValue: string;
+    rangeValue: {
+        /** ISO string for start date */
+        start: string;
+        /** ISO string for end date */
+        end: string;
+    };
     /**
      * Minimum date for selection (ISO string format, ex: "2025-01-01")
      */
@@ -36,15 +40,17 @@ export declare class NvCalendar {
      * Maximum date for selection (ISO string format, ex: "2025-12-31")
      */
     readonly max?: string;
-    /** Disabled dates (ISO string array)
-     * @default '[]'
+    /**
+     * Disabled dates (ISO string array)
      */
-    readonly disabledDates: string;
-    /** Locale for date formatting
+    readonly disabledDates: Array<string>;
+    /**
+     * Locale for date formatting
      * @default 'en-BE'
      */
     readonly locale: string;
-    /** Date format (ex: 'YYYY-MM-DD', 'DD-MM-YYYY', etc.)
+    /**
+     * Date format (ex: 'YYYY-MM-DD', 'DD-MM-YYYY', etc.)
      * @default 'YYYY-MM-DD'
      * @note If the date format is in UTC mode, the date will be displayed in UTC time.
      * @note If the date format is not in UTC mode, the date will be displayed in the local time.
@@ -62,32 +68,29 @@ export declare class NvCalendar {
     readonly selectionType: 'single' | 'range';
     /**
      * Show action buttons
-     * @default false
      */
     readonly showActions: boolean;
     /**
      * Custom actions to display in the footer
-     * JSON array of objects with the following properties:
-     * - label: string
-     * - onClick: function
-     * @default '[]'
      */
-    readonly shortcuts: string;
+    readonly shortcuts: {
+        /** Label of the shortcut */
+        label: string;
+        /** Selected date value for single selection mode */
+        singleValue?: string;
+        /** Date range values for range selection mode */
+        rangeValue?: HTMLNvCalendarElement['rangeValue'];
+    }[];
     /**
      * Show week numbers
-     * @default true
      */
     readonly showWeekNumbers: boolean;
     /** Cache for parsed disabled dates */
     private parsedDisabledDates;
     /****************************************************************************/
-    /** Current date */
-    currentDate: Date;
-    /** Selected date */
+    currentDate: Date | null;
     selectedDate: Date | null;
-    /** Start date */
     startDate: Date | null;
-    /** End date */
     endDate: Date | null;
     /** List of formatted months for the selector */
     private months;
@@ -99,10 +102,56 @@ export declare class NvCalendar {
     /**
      * Emitted when a date range is selected
      */
-    rangeDateChange: EventEmitter<DateRange>;
+    rangeDateChange: EventEmitter<HTMLNvCalendarElement['rangeValue']>;
+    /****************************************************************************/
+    /**
+     * Watches the changes of the number of calendars
+     * @param {number} newValue - New number of calendars
+     */
+    validateNumberOfCalendars(newValue: number): void;
+    /**
+     * Watches the changes of the selected date range
+     * @param {Object} newValue - New rangeValue value
+     * @param {string} newValue.start - Start date
+     * @param {string} newValue.end - End date
+     */
+    onRangeValueChange(newValue: typeof this.rangeValue): void;
+    /**
+     * Watches the changes of the disabled dates
+     * @description Watches the changes of the disabled dates
+     */
+    handleDisabledDatesChange(): void;
+    /**
+     * Watches the changes of the single value
+     * @param {string} newValue - New single value
+     * @param {string} oldValue - Old single value
+     */
+    onSingleValueChange(newValue: string, oldValue: string): void;
     /****************************************************************************/
     componentWillLoad(): void;
     /****************************************************************************/
+    /**
+     * Checks if shortcuts are visible
+     * @returns {boolean} true if shortcuts are visible
+     */
+    private get hasShortcuts();
+    /**
+     * Checks if actions are visible
+     * @returns {boolean} true if actions are visible
+     */
+    private get hasActions();
+    /**
+     * Checks if the date format is in UTC mode
+     * @returns {boolean} true if the date format is in UTC mode
+     */
+    private get isUTCMode();
+    /**
+     * Validates and processes a date range, warning if start is after end
+     * @param {string} startDateStr - Start date in ISO string format
+     * @param {string} endDateStr - End date in ISO string format
+     * @returns {object} Object containing the validated start and end dates
+     */
+    private validateDateRange;
     /**
      * Change the displayed month
      * @param {number} offset - Month offset (-1 for previous, 1 for next)
@@ -123,12 +172,6 @@ export declare class NvCalendar {
      * @param {Date} date - Selected date
      */
     private handleRangeSelection;
-    /**
-     * Calculates the ISO week number
-     * @param {Date} date - Date to calculate
-     * @returns {number} Week number
-     */
-    private getWeekNumber;
     /**
      * Checks if a date is disabled.
      * Disabled if:
@@ -188,81 +231,11 @@ export declare class NvCalendar {
      * @returns {boolean} true if the date is today
      */
     private isToday;
-    /**
-     * Watches the changes of the number of calendars
-     * @watch numberOfCalendars
-     * @param {number} newValue - New number of calendars
-     */
-    validateNumberOfCalendars(newValue: number): void;
-    /**
-     * Watches the changes of the selected date range
-     * @watch rangeValue
-     * @param {Object} newValue - New rangeValue value
-     * @param {string} newValue.start - Start date
-     * @param {string} newValue.end - End date
-     */
-    onRangeValueChange(newValue: string): void;
-    /**
-     * Watches the changes of the disabled dates
-     * @watch disabledDates
-     * @description Watches the changes of the disabled dates
-     */
-    handleDisabledDatesChange(): void;
-    /**
-     * Watches the changes of the single value
-     * @watch singleValue
-     * @param {string} newValue - New single value
-     * @param {string} oldValue - Old single value
-     */
-    onSingleValueChange(newValue: string, oldValue: string): void;
-    /**
-     * Convert a date string/Date to a Date without timezone offset
-     * @param {string | Date} dateInput - Date under string or Date object form
-     * @returns {Date} Date in Date form without timezone offset
-     */
-    private parseDate;
-    /**
-     * Checks if the date format is in UTC mode
-     * @returns {boolean} true if the date format is in UTC mode
-     */
-    private get isUTCMode();
-    /**
-     * Checks if the date format is ISO 8601
-     * @returns {boolean} true if the format is ISO 8601
-     */
-    private get isISO8601Format();
-    /**
-     * Formats a date to a string according to the format
-     * @param {Date} date - Date to format
-     * @returns {string} Formatted date
-     */
-    private formatDate;
     /**
      * Parse and cache the disabled dates
      * @description Parse and cache the disabled dates
      */
     private parseDisabledDates;
-    /**
-     * Checks if two dates are identical
-     * @param {Date | null} date1 - First date
-     * @param {Date | null} date2 - Second date
-     * @returns {boolean} true if the dates are identical
-     */
-    private isSameDate;
-    /**
-     * Checks if a date is identical or after another date
-     * @param {Date} date - Date to check
-     * @param {Date} compareDate - Reference date
-     * @returns {boolean} true if `date` >= `compareDate`
-     */
-    private isSameOrAfter;
-    /**
-     * Checks if a date is identical or before another date
-     * @param {Date} date - Date to check
-     * @param {Date} compareDate - Reference date
-     * @returns {boolean} true if `date` <= `compareDate`
-     */
-    private isSameOrBefore;
     /**
      * Applies a shortcut selection
      * @param {Object} shortcut - Shortcut to apply
@@ -325,17 +298,6 @@ export declare class NvCalendar {
      * @returns {Function} Week selection handler
      */
     private getWeekSelectionHandler;
-    private parsedShortcuts;
-    /**
-     * Checks if shortcuts are visible
-     * @returns {boolean} true if shortcuts are visible
-     */
-    private get hasShortcuts();
-    /**
-     * Checks if actions are visible
-     * @returns {boolean} true if actions are visible
-     */
-    private get hasActions();
     /**
      * Resets the current selection
      */

package/dist/types/components/nv-calendar/nv-calendar.utils.d.ts ADDED Viewed

@@ -0,0 +1,60 @@
+/**
+ * Formats a date to a string according to the format
+ * @param {Date} date - Date to format
+ * @returns {string} Formatted date
+ * @param {Object} options - Additional options
+ * @param {string} options.dateFormat - Date format (ex: 'YYYY-MM-DD', 'DD-MM-YYYY', etc.)
+ */
+export declare function formatDate(date: Date, options: {
+    /** Date format (ex: 'YYYY-MM-DD', 'DD-MM-YYYY', etc.) */
+    dateFormat: string;
+}): string;
+/**
+ * Checks if two dates are identical
+ * @param {Date | null} date - First date
+ * @param {Date | null} compareDate - Second date
+ * @param {Object} options - Additional options
+ * @param {boolean} options.isUTCMode - Whether the dates are in UTC mode
+ * @returns {boolean} true if the dates are identical
+ */
+export declare function isSameDate(date: Date | null, compareDate: Date | null, options: {
+    /** Whether the dates are in UTC mode */
+    isUTCMode: boolean;
+}): boolean;
+/**
+ * Checks if a date is identical or before another date
+ * @param {Date} date - Date to check
+ * @param {Date} compareDate - Reference date
+ * @param {Object} options - Additional options
+ * @param {boolean} options.isUTCMode - Whether the dates are in UTC mode
+ * @returns {boolean} true if `date` <= `compareDate`
+ */
+export declare function isSameOrBefore(date: Date, compareDate: Date, options: {
+    /** Whether the dates are in UTC mode */
+    isUTCMode: boolean;
+}): boolean;
+/**
+ * Checks if a date is identical or after another date
+ * @param {Date} date - Date to check
+ * @param {Date} compareDate - Reference date
+ * @param {Object} options - Additional options
+ * @param {boolean} options.isUTCMode - Whether the dates are in UTC mode
+ * @returns {boolean} true if `date` >= `compareDate`
+ */
+export declare function isSameOrAfter(date: Date, compareDate: Date, options: {
+    /** Whether the dates are in UTC mode */
+    isUTCMode: boolean;
+}): boolean;
+/**
+ * Calculates the ISO week number
+ * @param {Date} date - Date to calculate
+ * @returns {number} Week number
+ */
+export declare function getWeekNumber(date: Date): number;
+/**
+ * Convert a date string/Date to a Date without timezone offset
+ * @param {string | Date} dateInput - Date under string or Date object form
+ * @param {string} dateFormat - Date format (ex: 'YYYY-MM-DD', 'DD-MM-YYYY', etc.)
+ * @returns {Date} Date in Date form without timezone offset
+ */
+export declare function parseDate(dateInput: string | Date, dateFormat: string): Date | null;

package/dist/types/components/nv-calendar/test/nv-calendar.utils.test.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};