npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.6.0 → 3.7.0 - Mend

@nova-design-system/nova-webcomponents 3.6.0 → 3.7.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 (291) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"names":["nvFieldmultiselectCss","NvFieldmultiselectStyle0","NvFieldmultiselect","constructor","hostRef","this","inputId","uuidv4","autocomplete","value","required","readonly","disabled","error","maxHeight","open","emptyResult","filterable","debounceDelay","autofocus","fluid","badgeLabel","filterText","sortedOptions","isHandlingEscape","handleBadgeCloseOptions","valueChanged","emit","items","Array","from","el","querySelectorAll","forEach","item","checked","style","display","options","filter","option","isDivider","reorderOptionsContent","handleBadgeCloseSlots","reorderSlotContent","handlePopoverClose","resetFilter","clearFilterText","filterTextChanged","handleInputBlurOptions","setTimeout","contains","document","activeElement","handleInputContainerClickOptions","event","target","tagName","inputContainer","querySelector","classList","add","removeFocusWithin","remove","popoverElement","addEventListener","handleInputContainerClickSlots","handleInputOptions","input","debounceTimer","window","clearTimeout","filterItemsOption","handleInputSlots","filterSlotsItems","handleInputFocusOptions","handleInputFocusSlots","handleInputBlurSlots","togglePopoverOptions","togglePopoverSlots","renderOptionsMode","h","Host","label","toString","htmlFor","name","ref","triggerMode","placement","class","slot","length","color","dismissible","onCloseClicked","type","id","e","inputElement","placeholder","readOnly","onInput","onFocus","onBlur","onKeyDown","handleKeyDown","onClick","tabIndex","role","size","emphasis","tabindex","map","description","includes","renderDescriptions","renderSlotsMode","handleOptionsChange","newValue","watchValueHandler","isConnected","syncChildComponents","handleOpenChanged","stopPropagation","detail","filterItems","handleItemChecked","undefined","valueIndex","indexOf","push","splice","console","warn","handleSlotChange","requestAnimationFrame","connectedCallback","handleClickOutside","bind","componentWillLoad","Promise","resolve","then","_a","componentDidLoad","disconnectedCallback","removeEventListener","getFilterText","ul","emptyMessage","selectedItems","getAttribute","unselectedItems","manageDivider","getSelectedValues","divider","hasEmptyMessage","appendChild","createElement","className","existingEmptyMessage","trim","normalizedFilter","normalizeText","hasVisibleItems","find","opt","matchesFilter","visibleItems","visibleSelected","visibleUnselected","textContent","setAttribute","removeEmptyMessageOption","addEmptyMessageOption","visibleSelectedItems","text","normalize","replace","toLowerCase","key","focusFirstItem","preventDefault","currentIndex","findIndex","updateHighlightedItem","selectedItem","isCurrentlyChecked","hasAttribute","dispatchEvent","MouseEvent","view","bubbles","cancelable","handleEscape","async","blur","index","i","scrollIntoView","block","checkbox","focus","firstItem","existingMessage","shouldShowDivider","lastSelectedItem","after","itemValue","removeAttribute","errorDescription","hidden","render"],"sources":["src/components/nv-fieldmultiselect/styles/nv-fieldmultiselect.scss?tag=nv-fieldmultiselect","src/components/nv-fieldmultiselect/nv-fieldmultiselect.tsx"],"sourcesContent":["@import '../../../styles/form-field';\n@import '../../../styles/scrollbar';\n\nnv-fieldmultiselect {\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']) {\n > label {\n @include form-field-label-required();\n }\n }\n\n label {\n @include form-field-label();\n }\n\n nv-popover {\n @include form-field-popover();\n\n div[slot='content'] {\n @include scrollbar();\n max-height: calc(90vh - var(--list-dropdown-padding) * 2);\n overflow-y: auto;\n position: relative;\n }\n }\n\n .input-wrapper-multiselect {\n @include form-field-input-wrapper();\n width: 100%;\n }\n\n .input-container-multiselect {\n @include form-field-input-container();\n position: relative;\n width: 100%;\n min-height: 40px;\n\n > nv-badge {\n margin-left: var(--form-field-padding-x);\n }\n\n input,\n p.non-filterable-text {\n @include form-field-input();\n width: 100%;\n flex-grow: 1;\n margin: 0;\n min-height: 100%;\n box-sizing: border-box;\n }\n\n > nv-iconbutton {\n @include form-field-action();\n }\n\n nv-icon.validation {\n @include form-field-icon();\n }\n\n /* &:hover{\n border-color: var(--components-form-field-border-hover);\n }\n\n &:focus-visible,\n &:focus-within,\n &:focus,\n &.focus-within {\n border-color: var(--components-form-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke)\n var(--nv-field-focus-box-shadow);\n } */\n }\n\n .non-filterable-text {\n display: block;\n border-radius: var(--form-field-radius);\n background-color: var(--nv-field-background);\n color: var(--components-form-field-content-text);\n font-size: var(--form-field-font-size);\n font-weight: 500;\n line-height: var(--form-field-line-height);\n box-sizing: border-box;\n cursor: pointer;\n height: 100%;\n min-height: 40px;\n\n span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .description {\n @include form-field-description();\n }\n\n .error-description {\n @include form-field-error-description();\n }\n}\n\n.no-results-message {\n text-align: center;\n padding: 10px;\n color: var(--components-form-text-description-error);\n}\n\n.multiselect-divider {\n display: block;\n width: 100%;\n height: 1px;\n background-color: var(--components-list-dropdown-separator);\n margin: var(--list-dropdown-item-padding-y) 0;\n border: 0;\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';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot content - The content of the list.\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-fieldmultiselect',\n styleUrl: 'styles/nv-fieldmultiselect.scss',\n shadow: false,\n formAssociated: true,\n})\nexport class NvFieldmultiselect {\n @Element() el: HTMLNvFieldmultiselectElement;\n private inputElement!: HTMLInputElement;\n private popoverElement!: HTMLNvPopoverElement;\n /**\n * Timer for debouncing input events.\n * Private property preferred over @State as it:\n * - Doesn't need to trigger re-renders\n * - Is purely for internal logic\n * - Improves performance by avoiding Stencil's reactivity system\n */\n private debounceTimer: number;\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 * 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 * 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 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.\n */\n @Prop({ reflect: true })\n readonly description: string;\n\n /**\n * Display temporary text inside the input field.\n */\n @Prop({ reflect: true })\n readonly placeholder: string;\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 selected values of the multiselect field.\n * This is the canonical value for the component and is used for form submission.\n */\n @Prop({ reflect: false, mutable: true })\n value: string[] = [];\n\n /**\n * Marks the input field as required.\n */\n @Prop({ reflect: true })\n readonly required: boolean = false;\n\n /**\n * Display the input field's content without allowing users to change it.\n */\n @Prop({ reflect: true })\n readonly readonly: boolean = false;\n\n /**\n * Disables the input field.\n */\n @Prop({ reflect: true })\n readonly disabled: 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 multiselect\n * field.\n * @validator message\n */\n @Prop({ reflect: true })\n readonly errorDescription: string;\n\n /**\n * Defines the maximum height of the multiselect list when open.\n */\n @Prop({ reflect: true })\n readonly maxHeight: string = '';\n\n /**\n * State of the multiselect popover.\n */\n @Prop({ reflect: true, mutable: true })\n open: 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 multiselect 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 * },\n * {\n * \"label\": \"Option 2\",\n * \"value\": \"option2\",\n * }]\n */\n @Prop({ reflect: false, mutable: true })\n 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 a divider */\n isDivider?: boolean;\n /** Whether this option is disabled */\n disabled?: boolean;\n /** Additional description for the option */\n description?: string;\n /** Whether this option is pre-checked */\n checked?: boolean;\n }[];\n\n /**\n * Delay in milliseconds before the search is triggered when typing in the filter input.\n * @default 300\n */\n @Prop({ reflect: true })\n readonly debounceDelay: number = 300;\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 /**\n * Text for the badge showing the number of selected items.\n */\n @Prop({ reflect: true })\n readonly badgeLabel: string = '';\n\n /**\n * The text entered by the user for filtering multiselect items.\n */\n @Prop({ reflect: true, mutable: true })\n filterText: string = '';\n\n //#endregion PROPERTIES\n /****************************************************************************/\n //#region STATE\n\n /**\n * Sorted options for display.\n */\n @State()\n sortedOptions: Array<{\n /** Label to display for the option */\n label: string;\n /** Value associated with the option */\n value: string;\n /** Whether this option is a divider */\n isDivider?: boolean;\n }> = [];\n\n @State()\n private isHandlingEscape: boolean = false;\n\n //#endregion STATE\n /****************************************************************************/\n //#region EVENTS\n\n /**\n * Emitted when the selected values change.\n * @bind value\n */\n @Event()\n valueChanged: EventEmitter<string[]>;\n\n /**\n * Emitted when the filter text changes.\n */\n @Event()\n filterTextChanged: EventEmitter<string>;\n\n //#endregion EVENTS\n /****************************************************************************/\n //#region WATCHERS\n\n @Watch('options')\n handleOptionsChange(newValue: typeof this.options) {\n if (!newValue) return;\n\n this.value = newValue\n .filter(option => option.checked)\n .map(option => option.value);\n\n this.reorderOptionsContent();\n }\n\n /**\n * Emitted when the value changes.\n */\n @Watch('value')\n watchValueHandler() {\n // Synchronize child components when value changes programmatically\n if (this.el && this.el.isConnected) {\n this.syncChildComponents();\n }\n }\n\n //#endregion WATCHERS\n /****************************************************************************/\n //#region LISTENERS\n\n /**\n * Emitted when the input loses focus.\n * @param {CustomEvent<boolean>} event - The event object containing the focus state.\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 if (this.open) {\n // Filter items only if there is filter text\n if (this.filterText) {\n this.filterItems();\n }\n } else {\n this.handlePopoverClose();\n }\n\n if (this.options) {\n this.reorderOptionsContent();\n } else {\n this.reorderSlotContent();\n }\n }\n\n /**\n * Listen for the `itemChecked` event emitted by child items.\n * @param {CustomEvent} event - The event object containing the selected value and its checked state.\n */\n @Listen('itemChecked')\n handleItemChecked(\n event: CustomEvent<{\n /** Value associated with the option */\n value: string;\n /** Whether this option is checked */\n checked: boolean;\n }>,\n ) {\n if (this.disabled || this.readonly) {\n return;\n }\n\n const { value, checked } = event.detail;\n\n if (value !== undefined && value !== null) {\n const newValue = [...this.value];\n const valueIndex = newValue.indexOf(value);\n\n if (checked && valueIndex === -1) {\n newValue.push(value);\n } else if (!checked && valueIndex > -1) {\n newValue.splice(valueIndex, 1);\n }\n\n // Always update the state and emit the event when an item is checked/unchecked\n this.value = newValue;\n this.valueChanged.emit(this.value);\n\n // Update the checked state of all items to ensure consistency\n this.syncChildComponents();\n\n // Preserve the filter text in the input\n if (this.filterable && this.inputElement) {\n // Keep the current filter text in the input\n this.inputElement.value = this.filterText;\n }\n } else {\n console.warn('Received itemChecked event with undefined or null value'); // Warning log\n }\n }\n\n // Add a listener for the slot content\n @Listen('slotchange')\n handleSlotChange(event: Event) {\n // Check: we only want to reorder if it's the \"content\" slot\n const slot = event.target as HTMLSlotElement;\n if (slot && slot.name === 'content') {\n // To give other platforms (VueJS, React, etc.) time to insert all their items,\n // we place the reorder in a requestAnimationFrame\n requestAnimationFrame(() => {\n this.reorderSlotContent();\n });\n }\n }\n\n //#endregion LISTENERS\n /****************************************************************************/\n //#region LIFECYCLE\n\n /**\n * Subscribe to click outside event.\n */\n connectedCallback() {\n document.addEventListener('click', this.handleClickOutside.bind(this));\n }\n\n /**\n * Set the mode state and handle options change.\n */\n componentWillLoad() {\n // Don't call handleOptionsChange if we are in slots mode\n if (this.options) {\n this.handleOptionsChange(this.options);\n }\n\n // Specific initialization for slots mode\n if (!this.options) {\n // Use a microtask to ensure DOM is ready\n Promise.resolve().then(() => {\n // Synchronize child components\n this.syncChildComponents();\n\n // Force a reorder after initialization\n requestAnimationFrame(() => {\n this.reorderSlotContent();\n });\n });\n }\n\n // Initialize the sorted options array with the parsed options for initial rendering\n if (this.options) {\n this.sortedOptions = [...(this.options ?? [])];\n }\n\n // Reset filter if needed\n if (!this.filterText) {\n this.resetFilter();\n }\n }\n\n /**\n * Force reorder if options mode in componentDidLoad because of the initial render not trigger @watch\n */\n componentDidLoad() {\n if (this.options) {\n this.handleOptionsChange(this.options);\n }\n\n // Final synchronization of child components after everything is loaded\n this.syncChildComponents();\n }\n\n /**\n * Unsubscribe from click outside event.\n */\n disconnectedCallback() {\n document.removeEventListener('click', this.handleClickOutside.bind(this));\n }\n\n //#endregion LIFECYCLE\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 /**\n * Reset the filter and make all items visible.\n */\n @Method()\n async resetFilter(): Promise<void> {\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n\n // Reset visibility state of all dropdown items\n items.forEach(item => {\n item.style.display = '';\n });\n\n // Clean up filter-related UI elements\n const ul = this.el.querySelector('ul');\n if (ul) {\n const emptyMessage = ul.querySelector('[data-empty]');\n if (emptyMessage) emptyMessage.remove();\n\n // Reorder with divider if needed\n const selectedItems = items.filter(item =>\n this.value.includes(item.getAttribute('value') || ''),\n );\n const unselectedItems = items.filter(\n item => !this.value.includes(item.getAttribute('value') || ''),\n );\n\n if (selectedItems.length > 0) {\n this.manageDivider(ul as HTMLElement, selectedItems, unselectedItems);\n }\n }\n }\n\n /**\n * Returns the list of selected values.\n * @returns {string[]} The selected values.\n */\n @Method()\n async getSelectedValues(): Promise<string[]> {\n return this.value;\n }\n\n /**\n * Reorder the content of the slot.\n */\n private reorderSlotContent() {\n if (this.options) return;\n\n const ul = this.el.querySelector('ul');\n if (!ul) return;\n\n // Remove all existing <hr class=\"multiselect-divider\">\n ul.querySelectorAll('hr.multiselect-divider').forEach(divider =>\n divider.remove(),\n );\n\n // Retrieve all items (not hidden)\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n ).filter(item => item.style.display !== 'none');\n\n // If you possibly have a \"No results\" message:\n const hasEmptyMessage = ul.querySelector('[data-empty]');\n if (hasEmptyMessage) {\n // if there is a \"No results found\" message, do not reorder\n return;\n }\n\n // Separate checked vs unchecked\n const selectedItems = items.filter(item =>\n this.value.includes(item.getAttribute('value') || ''),\n );\n const unselectedItems = items.filter(\n item => !this.value.includes(item.getAttribute('value') || ''),\n );\n\n // Reinsert CHECKED items FIRST\n // appendChild() moves the element without recreating it\n // this is not trigger a re-rendering of the component in the platforms\n selectedItems.forEach(item => {\n ul.appendChild(item); // <-- The <li> (or <nv-fielddropdownitemcheck>) is just \"moved\" to the end of the list\n });\n\n // Add a divider if needed\n if (selectedItems.length > 0 && unselectedItems.length > 0) {\n const divider = document.createElement('hr');\n divider.className = 'multiselect-divider';\n ul.appendChild(divider);\n }\n\n // Reinsert UNCHECKED items at the end\n unselectedItems.forEach(item => {\n ul.appendChild(item);\n });\n }\n\n /**\n * Reorder the content for options mode with async handling\n */\n private reorderOptionsContent() {\n const ul = this.el.querySelector('ul[role=\"content\"]') as HTMLElement;\n if (!ul) return;\n\n const items = Array.from(\n ul.querySelectorAll('nv-fielddropdownitemcheck'),\n ).filter(item => item.style.display !== 'none');\n\n const selectedItems = items.filter(item =>\n this.value.includes(item.getAttribute('value') || ''),\n );\n const unselectedItems = items.filter(\n item => !this.value.includes(item.getAttribute('value') || ''),\n );\n\n // Reorder the elements\n selectedItems.forEach(item => ul.appendChild(item));\n unselectedItems.forEach(item => ul.appendChild(item));\n\n // Manage the divider after the reordering\n this.manageDivider(ul, selectedItems, unselectedItems);\n }\n\n /**\n * Filter multiselect items based on the text entered by the user.\n */\n private filterItems() {\n const ul = this.el.querySelector('ul');\n if (!ul) return;\n\n // Remove existing empty message if any\n const existingEmptyMessage = ul.querySelector('[data-empty]');\n if (existingEmptyMessage) {\n existingEmptyMessage.remove();\n }\n\n if (!this.filterText.trim()) {\n if (this.options && this.options.length > 0) {\n // Reset options display\n const items = Array.from(\n ul.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n items.forEach(item => {\n item.style.display = '';\n });\n } else {\n // Reset slot items display\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n items.forEach(item => {\n item.style.display = '';\n });\n }\n\n // Reorder with divider\n const items = Array.from(\n ul.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n const selectedItems = items.filter(item =>\n this.value.includes(item.getAttribute('value') || ''),\n );\n const unselectedItems = items.filter(\n item => !this.value.includes(item.getAttribute('value') || ''),\n );\n this.manageDivider(ul, selectedItems, unselectedItems);\n return;\n }\n\n const normalizedFilter = this.normalizeText(this.filterText);\n let hasVisibleItems = false;\n\n if (this.options && this.options.length > 0) {\n // Filter options mode\n const items = Array.from(\n ul.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n\n items.forEach(item => {\n const option = this.options.find(\n opt => opt.value === item.getAttribute('value'),\n );\n if (option && !option.isDivider) {\n const matchesFilter =\n this.normalizeText(option.label).includes(normalizedFilter) ||\n this.normalizeText(option.value).includes(normalizedFilter);\n\n item.style.display = matchesFilter ? '' : 'none';\n if (matchesFilter) hasVisibleItems = true;\n }\n });\n\n // Manage the divider with the visible items\n const visibleItems = items.filter(item => item.style.display !== 'none');\n const visibleSelected = visibleItems.filter(item =>\n this.value.includes(item.getAttribute('value') || ''),\n );\n const visibleUnselected = visibleItems.filter(\n item => !this.value.includes(item.getAttribute('value') || ''),\n );\n this.manageDivider(ul, visibleSelected, visibleUnselected);\n } else {\n // Filter slot items mode\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n\n items.forEach(item => {\n const label = item.getAttribute('label') || '';\n const value = item.getAttribute('value') || '';\n const textContent = item.textContent || '';\n\n const matchesFilter =\n this.normalizeText(label).includes(normalizedFilter) ||\n this.normalizeText(value).includes(normalizedFilter) ||\n this.normalizeText(textContent).includes(normalizedFilter);\n\n item.style.display = matchesFilter ? '' : 'none';\n if (matchesFilter) hasVisibleItems = true;\n });\n }\n\n // Add empty message if no items match the filter\n if (!hasVisibleItems) {\n const emptyMessage = document.createElement('li');\n emptyMessage.setAttribute('data-empty', 'true');\n emptyMessage.textContent = this.emptyResult;\n emptyMessage.classList.add('no-results-message');\n ul.appendChild(emptyMessage);\n }\n\n this.reorderSlotContent();\n }\n\n /**\n * Filter multiselect items in options mode.\n */\n private filterItemsOption() {\n const ul = this.el.querySelector('ul');\n if (!ul) return;\n\n const normalizedFilter = this.normalizeText(this.filterText);\n let hasVisibleItems = false;\n\n const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));\n\n // Reset items if the filter text is empty\n if (!this.filterText.trim()) {\n // Remove the empty message if it exists\n this.removeEmptyMessageOption(ul);\n items.forEach(item => (item.style.display = ''));\n this.reorderOptionsContent(); // Reorder after reset\n return;\n }\n\n // Filter the items\n items.forEach(item => {\n const label = item.getAttribute('label') || '';\n const value = item.getAttribute('value') || '';\n\n const matchesFilter =\n this.normalizeText(label).includes(normalizedFilter) ||\n this.normalizeText(value).includes(normalizedFilter);\n\n item.style.display = matchesFilter ? '' : 'none';\n if (matchesFilter) hasVisibleItems = true;\n });\n\n // Manage the divider with the visible items\n const visibleItems = items.filter(item => item.style.display !== 'none');\n const visibleSelected = visibleItems.filter(item =>\n this.value.includes(item.getAttribute('value') || ''),\n );\n const visibleUnselected = visibleItems.filter(\n item => !this.value.includes(item.getAttribute('value') || ''),\n );\n\n this.manageDivider(ul, visibleSelected, visibleUnselected);\n\n // Add or remove the empty message based on the case\n if (!hasVisibleItems) {\n this.addEmptyMessageOption(ul);\n } else {\n this.removeEmptyMessageOption(ul);\n }\n }\n\n /**\n * Filter multiselect items in slots mode\n */\n private filterSlotsItems() {\n if (this.options) return;\n\n const ul = this.el.querySelector('ul');\n if (!ul) return;\n\n // Remove existing empty message if any\n const existingEmptyMessage = ul.querySelector('[data-empty]');\n if (existingEmptyMessage) {\n existingEmptyMessage.remove();\n }\n\n // If filter text is empty, reset all items visibility\n if (!this.filterText.trim()) {\n this.resetFilter();\n return;\n }\n\n const normalizedFilter = this.normalizeText(this.filterText);\n let hasVisibleItems = false;\n\n // Get all items and preserve them in the DOM\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n\n // Instead of removing/reordering, just hide/show items\n items.forEach(item => {\n const label = item.getAttribute('label') || '';\n const value = item.getAttribute('value') || '';\n const textContent = item.textContent?.trim() || '';\n\n const matchesFilter =\n this.normalizeText(label).includes(normalizedFilter) ||\n this.normalizeText(value).includes(normalizedFilter) ||\n this.normalizeText(textContent).includes(normalizedFilter);\n\n item.style.display = matchesFilter ? '' : 'none';\n if (matchesFilter) hasVisibleItems = true;\n });\n\n // Get visible items after filtering\n const visibleItems = items.filter(item => item.style.display !== 'none');\n const visibleSelectedItems = visibleItems.filter(item =>\n this.value.includes(item.getAttribute('value') || ''),\n );\n\n this.manageDivider(\n ul,\n visibleSelectedItems,\n visibleItems.filter(\n item => !this.value.includes(item.getAttribute('value') || ''),\n ),\n );\n\n // Add empty message if no items match the filter\n if (!hasVisibleItems) {\n const emptyMessage = document.createElement('li');\n emptyMessage.setAttribute('data-empty', 'true');\n emptyMessage.textContent = this.emptyResult;\n emptyMessage.classList.add('no-results-message');\n ul.appendChild(emptyMessage);\n }\n }\n\n /**\n * Handle badge close for options mode.\n */\n private handleBadgeCloseOptions = (): void => {\n this.value = [];\n this.valueChanged.emit(this.value);\n\n // Uncheck all elements\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n\n items.forEach(item => {\n item.checked = false;\n item.style.display = '';\n });\n\n // Reorder options without the divider since there are no selected elements\n this.options = this.options.filter(option => !option.isDivider);\n\n // Reorder options without the divider since there are no selected elements\n this.reorderOptionsContent();\n };\n\n /**\n * Handle badge close for slots mode.\n */\n private handleBadgeCloseSlots = (): void => {\n this.value = [];\n this.valueChanged.emit(this.value);\n\n // Uncheck all elements\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n\n items.forEach(item => {\n item.checked = false;\n item.style.display = '';\n });\n\n // Reorder slot content\n this.reorderSlotContent();\n };\n\n /**\n * Normalizes text by removing accents and converting to lowercase\n * @param {string} text - The text to normalize\n * @returns {string} The normalized text\n *\n * @example\n * normalizeText(\"Café Latte\") => \"cafe latte\"\n *\n * @description\n * This function performs text normalization in three steps:\n * 1. Decomposes characters into their base form and combining characters (NFD)\n * 2. Removes all diacritical marks (accents, umlauts, etc.)\n * 3. Converts to lowercase and trims whitespace\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize} - MDN documentation on String.normalize()\n * @see {@link https://en.wikipedia.org/wiki/Unicode_equivalence#Normal_forms} - More info about Unicode normalization forms\n */\n private normalizeText(text: string): string {\n return text\n .normalize('NFD') // Decompose characters into base + combining characters (e.g., é => e + ´)\n .replace(/[\\u0300-\\u036f]/g, '') // Remove all diacritical marks (Unicode range for combining characters)\n .toLowerCase() // Convert to lowercase\n .trim(); // Remove leading and trailing whitespace\n }\n\n private handleClickOutside(event: MouseEvent) {\n if (\n this.el.contains(event.target as Node) ||\n (this.inputElement && this.inputElement.contains(event.target as Node))\n ) {\n return;\n }\n this.open = false;\n }\n\n /**\n * Handle popover close\n */\n private handlePopoverClose = () => {\n // If we are handling Escape, ignore this event\n if (this.isHandlingEscape) {\n return;\n }\n\n // Reset filter if needed, but preserve the filter text\n if (this.filterable) {\n this.resetFilter();\n }\n };\n\n /**\n * Clear the filter text\n */\n private clearFilterText = () => {\n this.filterText = '';\n this.filterTextChanged.emit('');\n this.resetFilter();\n };\n\n /**\n * Handle input blur for options mode.\n */\n private handleInputBlurOptions = () => {\n setTimeout(() => {\n if (!this.el.contains(document.activeElement)) {\n // Close the popover without affecting the divider\n this.open = false;\n\n // Clear filter text when focus is lost\n if (this.filterable) {\n this.clearFilterText();\n }\n }\n }, 150);\n };\n\n /**\n * Handle keyboard events & arrow key navigation.\n * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.\n * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.\n * @param {KeyboardEvent} event - The keyboard event.\n */\n @Listen('keydown', { passive: false })\n async handleKeyDown(event: KeyboardEvent) {\n if (!this.open) {\n if (event.key === 'ArrowDown') {\n this.open = true;\n\n // Focus on the first item if the list is not filterable\n if (!this.filterable) {\n requestAnimationFrame(() => {\n this.focusFirstItem();\n });\n }\n\n event.preventDefault();\n return;\n }\n return;\n }\n\n const items = Array.from(\n this.el.querySelectorAll(\n 'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n ),\n ) as HTMLNvFielddropdownitemcheckElement[];\n\n if (items.length === 0) {\n console.warn('No visible items found to navigate');\n return;\n }\n\n let currentIndex = items.findIndex(item =>\n item.classList.contains('highlighted'),\n );\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n currentIndex =\n currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n this.updateHighlightedItem(items, currentIndex);\n } else if (event.key === 'ArrowUp') {\n event.preventDefault();\n currentIndex =\n currentIndex === -1\n ? items.length - 1\n : (currentIndex - 1 + items.length) % items.length;\n this.updateHighlightedItem(items, currentIndex);\n } else if (event.key === 'Enter' && currentIndex >= 0) {\n event.preventDefault();\n const selectedItem = items[currentIndex];\n\n // Toggle the checked state\n const isCurrentlyChecked = selectedItem.hasAttribute('checked');\n selectedItem.checked = !isCurrentlyChecked;\n\n // Trigger a click event to ensure proper event handling\n selectedItem.dispatchEvent(\n new MouseEvent('click', {\n view: window,\n bubbles: true,\n cancelable: true,\n }),\n );\n } else if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation(); // Prevent the event from propagating to the popover\n\n // Do the reorder and wait a bit before closing\n const handleEscape = async () => {\n this.isHandlingEscape = true; // Disable the hide listener\n\n if (this.options) {\n this.reorderOptionsContent();\n } else {\n this.reorderSlotContent();\n }\n\n // Wait for the reorder to be applied\n await new Promise(resolve => setTimeout(resolve, 100));\n\n // Reactivate the hide listener after a short delay\n setTimeout(() => {\n this.isHandlingEscape = false;\n this.open = false;\n }, 150);\n\n if (this.inputElement) {\n this.inputElement.blur();\n }\n };\n\n await handleEscape();\n }\n }\n\n /**\n * Updates the highlighted item in the dropdown list.\n *\n * @param {(HTMLNvFielddropdownitemElement | HTMLNvFielddropdownitemcheckElement)[]} items - The items to update.\n * @param {number} index - The index of the item to highlight.\n */\n private updateHighlightedItem(\n items: (\n | HTMLNvFielddropdownitemElement\n | HTMLNvFielddropdownitemcheckElement\n )[],\n index: number,\n ) {\n items.forEach((item, i) => {\n if (i === index) {\n item.classList.add('highlighted');\n item.setAttribute('tabindex', '0');\n item.scrollIntoView({ block: 'nearest' });\n // Focus on the nv-fieldcheckbox inside\n const checkbox = item.querySelector('nv-fieldcheckbox');\n if (checkbox) {\n (checkbox as HTMLElement).focus();\n }\n } else {\n item.classList.remove('highlighted');\n item.setAttribute('tabindex', '-1');\n }\n });\n }\n\n /**\n * Focus on the first item in the dropdown list.\n */\n private focusFirstItem() {\n const firstItem = this.el.querySelector(\n 'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n ) as HTMLNvFielddropdownitemcheckElement;\n\n if (firstItem) {\n firstItem.setAttribute('tabindex', '0');\n firstItem.classList.add('highlighted');\n firstItem.scrollIntoView({ block: 'nearest' });\n // Focus on the nv-fieldcheckbox inside\n const checkbox = firstItem.querySelector('nv-fieldcheckbox');\n if (checkbox) {\n (checkbox as HTMLElement).focus();\n }\n } else {\n console.warn('No visible first item found to focus');\n }\n }\n\n /**\n * Handle click on the input container for options mode.\n * @param {MouseEvent} event - The click event.\n */\n private handleInputContainerClickOptions = (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 const inputContainer = this.el.querySelector(\n '.input-container',\n ) as HTMLElement;\n if (inputContainer) {\n inputContainer.classList.add('focus-within');\n\n const removeFocusWithin = () => {\n inputContainer.classList.remove('focus-within');\n };\n\n this.popoverElement.addEventListener('hide', removeFocusWithin);\n }\n }\n };\n\n /**\n * Handle click on the input container for slots mode.\n * @param {MouseEvent} event - The click event.\n */\n private handleInputContainerClickSlots = (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 const inputContainer = this.el.querySelector(\n '.input-container',\n ) as HTMLElement;\n if (inputContainer) {\n inputContainer.classList.add('focus-within');\n\n const removeFocusWithin = () => {\n inputContainer.classList.remove('focus-within');\n };\n\n this.popoverElement.addEventListener('hide', removeFocusWithin);\n }\n }\n };\n\n /**\n * Handle input change for options mode.\n * @param {Event} event - The input event.\n */\n private readonly handleInputOptions = (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.filterText = input.value;\n this.filterTextChanged.emit(this.filterText);\n\n // Clear any existing timer\n if (this.debounceTimer) {\n window.clearTimeout(this.debounceTimer);\n }\n\n // Set a new timer for filtering\n this.debounceTimer = window.setTimeout(() => {\n this.filterItemsOption();\n }, this.debounceDelay);\n };\n\n private addEmptyMessageOption(ul: HTMLElement) {\n const existingMessage = ul.querySelector('[data-empty]');\n if (existingMessage) return;\n\n const emptyMessage = document.createElement('li');\n emptyMessage.setAttribute('data-empty', 'true');\n emptyMessage.textContent = this.emptyResult;\n emptyMessage.classList.add('no-results-message');\n ul.appendChild(emptyMessage);\n }\n\n private removeEmptyMessageOption(ul: HTMLElement) {\n const existingMessage = ul.querySelector('[data-empty]');\n if (existingMessage) existingMessage.remove();\n }\n\n /**\n * Handle input change for slots mode\n * @param {Event} event - The input event.\n */\n private readonly handleInputSlots = (event: Event) => {\n if (!this.filterable) return;\n if (this.disabled || this.readonly) return;\n\n const input = event.target as HTMLInputElement;\n this.filterText = input.value;\n this.filterTextChanged.emit(this.filterText);\n\n // Clear any existing timer\n if (this.debounceTimer) {\n window.clearTimeout(this.debounceTimer);\n }\n\n // Set a new timer for filtering\n this.debounceTimer = window.setTimeout(() => {\n this.filterSlotsItems();\n }, this.debounceDelay);\n };\n\n /**\n * Handle input focus for options mode.\n */\n private handleInputFocusOptions = () => {\n if (this.disabled || this.readonly) {\n return;\n }\n this.open = true;\n };\n\n /**\n * Handle input focus for slots mode.\n */\n private handleInputFocusSlots = () => {\n if (this.disabled || this.readonly) {\n return;\n }\n this.open = true;\n };\n\n /**\n * Handle input blur for slots mode.\n */\n private handleInputBlurSlots = () => {\n setTimeout(() => {\n if (!this.el.contains(document.activeElement)) {\n // Close the popover without affecting the divider\n this.open = false;\n\n // Clear filter text when focus is lost\n if (this.filterable) {\n this.clearFilterText();\n }\n }\n }, 150);\n };\n\n /**\n * Toggle the multiselect popover for options mode.\n */\n private togglePopoverOptions = (): void => {\n if (this.disabled || this.readonly) {\n return;\n }\n\n this.open = !this.open;\n };\n\n /**\n * Toggle the multiselect popover for slots mode.\n */\n private togglePopoverSlots = (): void => {\n if (this.disabled || this.readonly) {\n return;\n }\n\n this.open = !this.open;\n };\n\n private manageDivider(\n ul: HTMLElement,\n selectedItems: Element[],\n unselectedItems: Element[],\n ) {\n let divider = ul.querySelector('hr.multiselect-divider') as HTMLElement;\n if (!divider) {\n divider = document.createElement('hr');\n divider.className = 'multiselect-divider';\n ul.appendChild(divider);\n }\n\n const shouldShowDivider =\n selectedItems.length > 0 && unselectedItems.length > 0;\n\n if (shouldShowDivider) {\n // Place the divider after the last selected item\n const lastSelectedItem = selectedItems[selectedItems.length - 1];\n lastSelectedItem.after(divider);\n divider.style.display = '';\n } else {\n divider.style.display = 'none';\n }\n }\n\n /**\n * Synchronizes the checked state of all child nv-fielddropdownitemcheck components\n * with the current selectedValues state.\n */\n private syncChildComponents() {\n // Early return if element is not ready\n if (!this.el || !this.el.isConnected) {\n return;\n }\n\n const items = Array.from(\n this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n );\n\n items.forEach(item => {\n // Get the effective value: use explicit value if present, otherwise use label\n const itemValue =\n item.getAttribute('value') || item.getAttribute('label') || '';\n if (this.value.includes(itemValue)) {\n item.setAttribute('checked', '');\n item.checked = true;\n } else {\n item.removeAttribute('checked');\n item.checked = false;\n }\n });\n }\n\n //#endregion METHODS\n /****************************************************************************/\n //#region RENDER\n\n /**\n * Renders the component in options mode\n * @returns {any} The JSX for options mode\n */\n private renderOptionsMode = () => {\n return (\n <Host aria-label={this.label} aria-expanded={this.open.toString()}>\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 <nv-popover\n ref={el => (this.popoverElement = el)}\n triggerMode=\"controlled\"\n placement=\"bottom-start\"\n open={this.open}\n >\n <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n <slot name=\"before-input\"></slot>\n\n <div class=\"input-container-multiselect\">\n <slot name=\"leading-input\"></slot>\n\n {this.value.length > 0 && (\n <nv-badge\n slot=\"leading-input\"\n prevent-auto-close\n color=\"10\"\n dismissible={this.value.length > 0}\n label={`${this.value.length} ${this.badgeLabel}`}\n aria-label={`Clear all ${this.value.length} ${this.badgeLabel} items`}\n onCloseClicked={this.handleBadgeCloseOptions}\n ></nv-badge>\n )}\n\n {this.filterable || this.disabled || this.readonly ? (\n <input\n type=\"text\"\n id={this.inputId}\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.filterText}\n required={this.required}\n disabled={this.disabled}\n readOnly={this.readonly}\n onInput={this.handleInputOptions}\n onFocus={this.handleInputFocusOptions}\n onBlur={this.handleInputBlurOptions}\n onKeyDown={this.handleKeyDown}\n data-scope=\"focusable\"\n />\n ) : (\n <p\n id={this.inputId}\n class=\"non-filterable-text\"\n onClick={this.handleInputContainerClickOptions}\n tabIndex={0}\n onKeyDown={this.handleKeyDown}\n onFocus={this.handleInputFocusOptions}\n role=\"combobox\"\n aria-expanded={this.open}\n data-scope=\"focusable\"\n >\n <span>{this.placeholder}</span>\n </p>\n )}\n\n {this.error && (\n <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n )}\n\n {this.filterable && this.filterText.length > 0 && (\n <nv-iconbutton\n data-scope=\"clear-filter\"\n name=\"x\"\n size=\"md\"\n emphasis=\"lower\"\n tabindex=\"-1\"\n onClick={this.clearFilterText}\n aria-label=\"Clear filter text\"\n />\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.togglePopoverOptions}\n />\n </div>\n\n <slot name=\"after-input\"></slot>\n </div>\n\n <div\n slot=\"content\"\n role=\"listbox\"\n aria-multiselectable=\"true\"\n style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n >\n <ul role=\"content\">\n {this.options.map(option => (\n <nv-fielddropdownitemcheck\n label={option.label}\n description={option.description}\n value={option.value}\n checked={this.value.includes(option.value)}\n disabled={option.disabled}\n ></nv-fielddropdownitemcheck>\n ))}\n <hr class=\"multiselect-divider\" style={{ display: 'none' }} />\n </ul>\n </div>\n </nv-popover>\n\n {this.renderDescriptions()}\n </Host>\n );\n };\n\n /**\n * Renders the component in slots mode\n * @returns {any} The JSX for slots mode\n */\n private renderSlotsMode = () => {\n return (\n <Host aria-label={this.label} aria-expanded={this.open.toString()}>\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 <nv-popover\n ref={el => (this.popoverElement = el)}\n triggerMode=\"controlled\"\n placement=\"bottom-start\"\n open={this.open}\n >\n <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n <slot name=\"before-input\"></slot>\n\n <div\n class=\"input-container-multiselect\"\n onClick={this.handleInputContainerClickSlots}\n >\n <slot name=\"leading-input\"></slot>\n\n {this.value.length > 0 && (\n <nv-badge\n slot=\"leading-input\"\n prevent-auto-close\n color=\"10\"\n dismissible={this.value.length > 0}\n label={`${this.value.length} ${this.badgeLabel}`}\n aria-label={`Clear all ${this.value.length} ${this.badgeLabel} items`}\n onCloseClicked={this.handleBadgeCloseSlots}\n ></nv-badge>\n )}\n\n {this.filterable || this.disabled || this.readonly ? (\n <input\n id={this.inputId}\n ref={e => (this.inputElement = e)}\n autocomplete={this.autocomplete}\n placeholder={this.placeholder}\n name={this.name}\n value={this.filterText}\n required={this.required}\n disabled={this.disabled}\n readOnly={this.readonly}\n onInput={this.handleInputSlots}\n onFocus={this.handleInputFocusSlots}\n onBlur={this.handleInputBlurSlots}\n onKeyDown={this.handleKeyDown}\n data-scope=\"focusable\"\n />\n ) : (\n <p\n id={this.inputId}\n class=\"non-filterable-text\"\n onClick={this.handleInputContainerClickSlots}\n tabIndex={0}\n onKeyDown={this.handleKeyDown}\n onFocus={this.handleInputFocusSlots}\n role=\"combobox\"\n aria-expanded={this.open}\n data-scope=\"focusable\"\n >\n <span>{this.placeholder}</span>\n </p>\n )}\n\n {this.error && (\n <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n )}\n\n {this.filterable && this.filterText.length > 0 && (\n <nv-iconbutton\n name=\"x\"\n size=\"md\"\n emphasis=\"lower\"\n tabindex=\"-1\"\n onClick={this.clearFilterText}\n aria-label=\"Clear filter text\"\n />\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.togglePopoverSlots}\n />\n </div>\n\n <slot name=\"after-input\"></slot>\n </div>\n\n <div\n slot=\"content\"\n role=\"listbox\"\n aria-multiselectable=\"true\"\n style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n >\n <slot name=\"content\"></slot>\n </div>\n </nv-popover>\n\n {this.renderDescriptions()}\n </Host>\n );\n };\n\n /**\n * Renders description and error description sections\n * @returns {any} The JSX for descriptions\n */\n private renderDescriptions() {\n return [\n (this.description || this.el.querySelector('[slot=\"description\"]')) && (\n <div class=\"description\">\n <slot name=\"description\">{this.description}</slot>\n </div>\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 ];\n }\n\n /**\n * Main render method that decides which mode to render\n * @returns {any} The JSX for the component\n */\n render() {\n return this.options ? this.renderOptionsMode() : this.renderSlotsMode();\n }\n\n //#endregion RENDER\n /****************************************************************************/\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-7703c736.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as i,c as s,h as t,H as o,g as e}from"./p-d0a33e64.js";const n="nv-accordion{display:block;border:var(--spacing-px) solid var(--color-content-low-border);border-radius:var(--radius-rounded-lg)}nv-accordion .nv-accordion__footer{padding:var(--spacing-3);background:var(--color-level-05-background);border-radius:0 0 var(--radius-rounded-lg) var(--radius-rounded-lg);margin-top:calc(var(--spacing-px) * -1);border-top:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion .nv-accordion__footer:empty{display:none}";const r=n;const d=class{constructor(t){i(this,t);this.openChanged=s(this,"openChanged",7);this.data=[];this.mode="accordion";this.internalOpenIndexes=[]}async open(i){this.toggleItem(i,true)}async close(i){this.toggleItem(i,false)}toggleItem(i,s){let t=this.openIndexes!==undefined?[...this.openIndexes]:[...this.internalOpenIndexes\|\|[]];const o=t.includes(i);if(this.mode==="accordion"){t=s===false\|\|o?[]:[i]}else{if(s===false){t=t.filter((s=>s!==i))}else if(!o){t.push(i)}}this.internalOpenIndexes=t;this.openChanged.emit({openIndexes:t});if(this.openIndexes!==undefined){this.openIndexes=this.mode==="accordion"?[t[0]].filter((i=>i!==undefined)):[...t]}this.updateChildrenState()}async updateChildrenState(){this.internalOpenIndexes=[...this.internalOpenIndexes\|\|[]]}onItemToggle(i){const s=Array.from(this.el.querySelectorAll("nv-accordion-item"));const t=i.target;const o=s.indexOf(t);if(o!==-1){if(i.detail===true){if(this.mode==="accordion"){s.forEach(((i,s)=>{if(s!==o&&i.open){i.open=false}}));this.internalOpenIndexes=[o]}else{if(!this.internalOpenIndexes.includes(o)){this.internalOpenIndexes=[...this.internalOpenIndexes,o]}}}else{this.internalOpenIndexes=this.internalOpenIndexes.filter((i=>i!==o))}this.openChanged.emit({openIndexes:this.internalOpenIndexes});if(this.openIndexes!==undefined){this.openIndexes=this.mode==="accordion"?[this.internalOpenIndexes[0]].filter((i=>i!==undefined)):[...this.internalOpenIndexes]}}}componentWillLoad(){if(this.openIndexes!==undefined){this.internalOpenIndexes=[...this.openIndexes]}}componentDidLoad(){if(!this.data\|\|this.data.length===0){this.updateChildrenState()}}componentWillUpdate(){if(this.openIndexes!==undefined){this.internalOpenIndexes=[...this.openIndexes]}}render(){return t(o,{key:"a6cb21b274024a00e60e0d0db780f25fab6e5bc2",role:"list",class:"nv-accordion"},this.data&&this.data.length>0?this.data.map(((i,s)=>{var o;return t("nv-accordion-item",{key:(o=i.id)!==null&&o!==void 0?o:s,itemTitle:i.title,disabled:i.disabled,open:(this.internalOpenIndexes\|\|[]).includes(s)},i.subtitle?t("div",{slot:"header"},t("div",{class:"nv-accordion-item__header-content"},t("span",{class:"nv-accordion-item__title"},i.title),t("span",{class:"nv-accordion-item__subtitle"},i.subtitle))):null,t("div",{slot:"content"},i.content),i.footer&&t("div",{slot:"footer"},i.footer))})):t("slot",null))}get el(){return e(this)}};d.style=r;export{d as nv_accordion};
2	+ //# sourceMappingURL=p-7703c736.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["nvAccordionCss","NvAccordionStyle0","NvAccordion","constructor","hostRef","this","data","mode","internalOpenIndexes","open","index","toggleItem","close","forceOpen","openIndexes","undefined","isOpen","includes","filter","i","push","openChanged","emit","x","updateChildrenState","onItemToggle","event","items","Array","from","el","querySelectorAll","targetItem","target","indexOf","detail","forEach","item","componentWillLoad","componentDidLoad","length","componentWillUpdate","render","h","Host","key","role","class","map","_a","id","itemTitle","title","disabled","subtitle","slot","content","footer"],"sources":["src/components/nv-accordion/styles/nv-accordion.scss?tag=nv-accordion","src/components/nv-accordion/nv-accordion.tsx"],"sourcesContent":["@use \"./mixins\" as *;\n\nnv-accordion {\n @include accordion-root();\n\n .nv-accordion__footer {\n @include accordion-footer();\n\n &:empty {\n @include accordion-footer-empty();\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Event,\n EventEmitter,\n Method,\n Listen,\n Element,\n} from '@stencil/core';\n\n/**\n * @slot default - Slot for custom content (optional, ignored if data is provided)\n */\n@Component({\n tag: 'nv-accordion',\n styleUrl: 'styles/nv-accordion.scss',\n shadow: false,\n})\nexport class NvAccordion {\n /****************************************************************************/\n //#region PROPERTIES\n /**\n * Data to display as a list of items (title, subtitle, content).\n */\n @Prop({ reflect: false })\n readonly data: {\n /** Unique identifier of the item */\n id: string;\n /** Item title */\n title: string;\n /** Optional subtitle */\n subtitle?: string;\n /** Main content */\n content: string;\n /** Optional footer */\n footer?: string;\n /** Disabled state */\n disabled?: boolean;\n }[] = [];\n\n /**\n * Expansion mode: 'accordion' (single open) or 'multi' (multiple open)\n */\n @Prop({ reflect: true })\n readonly mode: 'accordion' | 'multi' = 'accordion';\n\n /**\n * Index of open items (external control possible)\n */\n @Prop({ reflect: false, mutable: true })\n openIndexes?: number[];\n //#endregion PROPERTIES\n /****************************************************************************/\n //#region STATE\n /**\n * Internal index of open items (not exposed)\n */\n @State()\n internalOpenIndexes: number[] = [];\n\n /**\n * Reference to host element to access children\n */\n @Element() el!: HTMLNvAccordionElement;\n //#endregion STATE\n /****************************************************************************/\n //#region EVENTS\n /**\n * Event emitted when an item's open state changes\n */\n @Event()\n openChanged: EventEmitter<{\n /** Index of open items */\n openIndexes: number[];\n }>;\n //#endregion EVENTS\n /****************************************************************************/\n //#region METHODS\n /**\n * Opens an item by its index (Public API)\n * @param {number} index Index of the item to open\n */\n @Method()\n async open(index: number) {\n this.toggleItem(index, true);\n }\n /**\n * Closes an item by its index (Public API)\n * @param {number} index Index of the item to close\n */\n @Method()\n async close(index: number) {\n this.toggleItem(index, false);\n }\n /**\n * Toggles an item's state (internal)\n * @param {number} index Item index\n * @param {boolean} [forceOpen] Force open (true) or close (false)\n */\n private toggleItem(index: number, forceOpen?: boolean) {\n let openIndexes =\n this.openIndexes !== undefined\n ? [...this.openIndexes]\n : [...(this.internalOpenIndexes || [])];\n const isOpen = openIndexes.includes(index);\n if (this.mode === 'accordion') {\n openIndexes = forceOpen === false || isOpen ? [] : [index];\n } else {\n if (forceOpen === false) {\n openIndexes = openIndexes.filter(i => i !== index);\n } else if (!isOpen) {\n openIndexes.push(index);\n }\n }\n this.internalOpenIndexes = openIndexes;\n this.openChanged.emit({ openIndexes });\n if (this.openIndexes !== undefined) {\n this.openIndexes =\n this.mode === 'accordion'\n ? [openIndexes[0]].filter(x => x !== undefined)\n : [...openIndexes];\n }\n\n // Update child elements state - for both data and slot usage\n this.updateChildrenState();\n }\n\n /**\n * Updates the open state of child elements based on internalOpenIndexes\n */\n private async updateChildrenState() {\n // Force a re-render by updating the state\n this.internalOpenIndexes = [...(this.internalOpenIndexes || [])];\n }\n\n /**\n * Listens to itemToggle events from nv-accordion-item elements\n * @param {CustomEvent<boolean>} event Event emitted by nv-accordion-item\n */\n @Listen('itemToggle')\n onItemToggle(event: CustomEvent<boolean>) {\n // Find the index of the item that emitted the event\n const items = Array.from(\n this.el.querySelectorAll('nv-accordion-item'),\n ) as HTMLNvAccordionItemElement[];\n const targetItem = event.target as HTMLNvAccordionItemElement;\n const index = items.indexOf(targetItem);\n\n if (index !== -1) {\n // If the event comes from an item that is opening, handle accordion mode\n if (event.detail === true) {\n if (this.mode === 'accordion') {\n // Close all other items\n items.forEach((item, i) => {\n if (i !== index && item.open) {\n item.open = false;\n }\n });\n this.internalOpenIndexes = [index];\n } else {\n // Add index to internalOpenIndexes if not already present\n if (!this.internalOpenIndexes.includes(index)) {\n this.internalOpenIndexes = [...this.internalOpenIndexes, index];\n }\n }\n } else {\n // If the item is closing, remove it from internalOpenIndexes\n this.internalOpenIndexes = this.internalOpenIndexes.filter(\n i => i !== index,\n );\n }\n\n // Emit openChanged event\n this.openChanged.emit({ openIndexes: this.internalOpenIndexes });\n if (this.openIndexes !== undefined) {\n this.openIndexes =\n this.mode === 'accordion'\n ? [this.internalOpenIndexes[0]].filter(x => x !== undefined)\n : [...this.internalOpenIndexes];\n }\n }\n }\n\n //#endregion METHODS\n /****************************************************************************/\n //#region WATCHERS\n //#endregion WATCHERS\n /****************************************************************************/\n //#region LIFECYCLE\n componentWillLoad() {\n if (this.openIndexes !== undefined) {\n this.internalOpenIndexes = [...this.openIndexes];\n }\n }\n\n componentDidLoad() {\n // If using direct child elements, initialize their state\n if (!this.data || this.data.length === 0) {\n this.updateChildrenState();\n }\n }\n\n componentWillUpdate() {\n if (this.openIndexes !== undefined) {\n this.internalOpenIndexes = [...this.openIndexes];\n }\n }\n //#endregion LIFECYCLE\n /****************************************************************************/\n //#region RENDER\n render() {\n return (\n <Host role=\"list\" class=\"nv-accordion\">\n {this.data && this.data.length > 0 ? (\n this.data.map((item, i) => (\n <nv-accordion-item\n key={item.id ?? i}\n itemTitle={item.title}\n disabled={item.disabled}\n open={(this.internalOpenIndexes || []).includes(i)}\n >\n {item.subtitle ? (\n <div slot=\"header\">\n <div class=\"nv-accordion-item__header-content\">\n <span class=\"nv-accordion-item__title\">{item.title}</span>\n <span class=\"nv-accordion-item__subtitle\">\n {item.subtitle}\n </span>\n </div>\n </div>\n ) : null}\n <div slot=\"content\">{item.content}</div>\n {item.footer && <div slot=\"footer\">{item.footer}</div>}\n </nv-accordion-item>\n ))\n ) : (\n <slot></slot>\n )}\n </Host>\n );\n }\n // #endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/{p-1cce9b24.entry.js → p-916acbd3.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as a,H as e,g as r}from"./p-d0a33e64.js";const s="nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";const i=s;const n=class{constructor(a){o(this,a);this.openChanged=t(this,"openChanged",7);this.placement="bottom";this.enterDelay=0}componentWillLoad(){if(!this.triggerElement)this.triggerElement=Array.from(this.el.children).find((o=>o.getAttribute("slot")===null))}render(){return a(e,{key:"eb3e25818bb1e57340ac169d1c40a0e4e9c56668"},a("slot",{key:"7937859bff530ff10a0de9076a77c92afa9ec9e7"}),a("nv-popover",{key:"e825c93c7d90f5598416f1f081c95517c7a27883",triggerMode:"hover",hasArrow:true,placement:this.placement,triggerElement:this.triggerElement,groupName:"tooltip",enterDelay:this.enterDelay},a("p",{key:"5a5987e3a04f02be104e5f8fcca2f40b75938a97",slot:"content"},this.message),a("slot",{key:"d7efc512e29969e7c8c1a693f2fb15f9319e1fa8",name:"content"})))}get el(){return r(this)}};n.style=i;export{n as nv_tooltip};
-//# sourceMappingURL=p-1cce9b24.entry.js.map
+import{r as o,c as e,h as t,H as a,g as r}from"./p-d0a33e64.js";const s="nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";const i=s;const n=class{constructor(t){o(this,t);this.openChanged=e(this,"openChanged",7);this.placement="bottom";this.enterDelay=0}componentWillLoad(){if(!this.triggerElement)this.triggerElement=Array.from(this.el.children).find((o=>o.getAttribute("slot")===null))}render(){return t(a,{key:"ced39f0ebd3ee8eba520e6d6241728e95031dafc"},t("slot",{key:"2b65cb626604a29e1924e7eb2bbb4e937c1a9e9c"}),t("nv-popover",{key:"d4c91e52da651c1545b6d7af98c740e08eeaffbf",triggerMode:"hover",hasArrow:true,placement:this.placement,triggerElement:this.triggerElement,groupName:"tooltip",enterDelay:this.enterDelay},t("p",{key:"45805ecf6ffee80f4f81acce2d921ad66585bf2b",slot:"content"},this.message),t("slot",{key:"e6a7e80c35c3a87627a50b271c86783fab791338",name:"content"})))}get el(){return r(this)}};n.style=i;export{n as nv_tooltip};
+//# sourceMappingURL=p-916acbd3.entry.js.map

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

	@@ -0,0 +1,2 @@
1	+ import{r as a,h as r,H as s}from"./p-d0a33e64.js";const e="nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";const c=e;const n=class{constructor(r){a(this,r)}render(){return r(s,{key:"daad5f10b72b95468ac50a3deab7faf87769be42"},r("slot",{key:"16509b69358739997fe97a45ea9476f30682de2b"}))}};n.style=c;export{n as nv_row};
2	+ //# sourceMappingURL=p-a50f3850.entry.js.map

package/dist/native/{p-2d23fcea.entry.js → p-a73fa60a.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as o,h as e,H as t,g as n}from"./p-d0a33e64.js";import{c as r}from"./p-8a1a6e56.js";const i='nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:500;font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}';const a=i;const s=class{constructor(e){o(this,e);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.loading=false;this.disabled=false;this.active=false;this.type="button";this.shape="square";this.handleClick=o=>{var e,t,n,r;if(this.disabled){o.preventDefault();return}if(this.type==="submit"){(t=(e=this.internals)===null||e===void 0?void 0:e.form)===null||t===void 0?void 0:t.requestSubmit()}if(this.type==="reset"){(r=(n=this.internals)===null||n===void 0?void 0:n.form)===null||r===void 0?void 0:r.reset()}}}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}handleKeyDown(o){if(o.key==="Enter"||o.key===" "){o.preventDefault();this.el.click()}}handleTouchStart(o){if(o.touches.length>1)return;o.preventDefault();this.el.click()}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return e(t,{key:"789d2f8b19178efb5e2998386670cfcbe239efed",role:"button",type:this.type,tabindex:"0",disabled:this.disabled?true:undefined,class:r("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&e("nv-loader",{key:"4f09a5b6fee239e01856aa7ed90e9af0f13a69dc",size:this.size}),!this.loading&&e("nv-icon",{key:"44649863d33226aafad217dfbaba4cd56865b86d",name:this.name,size:this.size}),e("slot",{key:"e5483a758287d3e3843774a0581cd1db6da172e3"}))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};s.style=a;const l='@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nv-loader{display:inline-block;position:relative;aspect-ratio:1/1;border-radius:9999px;color:inherit}nv-loader.size-xs{width:var(--loader-size-xs);height:var(--loader-size-xs)}nv-loader.size-xs::before,nv-loader.size-xs::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xs::before{content:" ";border:calc(var(--loader-size-xs) / 10) solid;opacity:0.3}nv-loader.size-xs::after{content:" ";border-top:calc(var(--loader-size-xs) / 10) solid transparent;border-left:calc(var(--loader-size-xs) / 10) solid transparent;border-right:calc(var(--loader-size-xs) / 10) solid transparent;border-bottom:calc(var(--loader-size-xs) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-sm{width:var(--loader-size-sm);height:var(--loader-size-sm)}nv-loader.size-sm::before,nv-loader.size-sm::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-sm::before{content:" ";border:calc(var(--loader-size-sm) / 10) solid;opacity:0.3}nv-loader.size-sm::after{content:" ";border-top:calc(var(--loader-size-sm) / 10) solid transparent;border-left:calc(var(--loader-size-sm) / 10) solid transparent;border-right:calc(var(--loader-size-sm) / 10) solid transparent;border-bottom:calc(var(--loader-size-sm) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-md{width:var(--loader-size-md);height:var(--loader-size-md)}nv-loader.size-md::before,nv-loader.size-md::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-md::before{content:" ";border:calc(var(--loader-size-md) / 10) solid;opacity:0.3}nv-loader.size-md::after{content:" ";border-top:calc(var(--loader-size-md) / 10) solid transparent;border-left:calc(var(--loader-size-md) / 10) solid transparent;border-right:calc(var(--loader-size-md) / 10) solid transparent;border-bottom:calc(var(--loader-size-md) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-lg{width:var(--loader-size-lg);height:var(--loader-size-lg)}nv-loader.size-lg::before,nv-loader.size-lg::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-lg::before{content:" ";border:calc(var(--loader-size-lg) / 10) solid;opacity:0.3}nv-loader.size-lg::after{content:" ";border-top:calc(var(--loader-size-lg) / 10) solid transparent;border-left:calc(var(--loader-size-lg) / 10) solid transparent;border-right:calc(var(--loader-size-lg) / 10) solid transparent;border-bottom:calc(var(--loader-size-lg) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-xl{width:var(--loader-size-xl);height:var(--loader-size-xl)}nv-loader.size-xl::before,nv-loader.size-xl::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xl::before{content:" ";border:calc(var(--loader-size-xl) / 10) solid;opacity:0.3}nv-loader.size-xl::after{content:" ";border-top:calc(var(--loader-size-xl) / 10) solid transparent;border-left:calc(var(--loader-size-xl) / 10) solid transparent;border-right:calc(var(--loader-size-xl) / 10) solid transparent;border-bottom:calc(var(--loader-size-xl) / 10) solid;animation:rotation 1s linear infinite}nv-loader.color-brand::before{border-color:var(--components-loader-brand-background);opacity:1}nv-loader.color-brand::after{border-bottom-color:var(--components-loader-brand-foreground)}nv-loader.color-white::before{border-color:var(--components-loader-white-background);opacity:1}nv-loader.color-white::after{border-bottom-color:var(--components-loader-white-foreground)}';const d=l;const c=class{constructor(e){o(this,e);this.size="md"}render(){return e(t,{key:"dad18e0ecc71ae0305fa1f287a336e8fa0da6889",class:r(this.size&&`size-${this.size}`,this.color&&`color-${this.color}`)})}};c.style=d;export{s as nv_iconbutton,c as nv_loader};
-//# sourceMappingURL=p-2d23fcea.entry.js.map
+import{r as o,h as t,H as e,g as n}from"./p-d0a33e64.js";import{c as r}from"./p-8a1a6e56.js";const i='nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:500;font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}';const a=i;const s=class{constructor(t){o(this,t);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.loading=false;this.disabled=false;this.active=false;this.type="button";this.shape="square";this.handleClick=o=>{var t,e,n,r;if(this.disabled){o.preventDefault();return}if(this.type==="submit"){(e=(t=this.internals)===null||t===void 0?void 0:t.form)===null||e===void 0?void 0:e.requestSubmit()}if(this.type==="reset"){(r=(n=this.internals)===null||n===void 0?void 0:n.form)===null||r===void 0?void 0:r.reset()}}}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}handleKeyDown(o){if(o.key==="Enter"||o.key===" "){o.preventDefault();this.el.click()}}handleTouchStart(o){if(o.touches.length>1)return;o.preventDefault();this.el.click()}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return t(e,{key:"a59a26804e97dfbacf40fae6678b3b3ba66440a9",role:"button",type:this.type,tabindex:"0",disabled:this.disabled?true:undefined,class:r("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&t("nv-loader",{key:"7cbe3502ff1c6fd76f7a9ab68128f5d5a0bbf7fa",size:this.size}),!this.loading&&t("nv-icon",{key:"46cbb9c609991ea27316b8909551d303559652fc",name:this.name,size:this.size}),t("slot",{key:"d2ca8959b7be7600e56fe23437e5da07d58985c2"}))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};s.style=a;const l='@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nv-loader{display:inline-block;position:relative;aspect-ratio:1/1;border-radius:9999px;color:inherit}nv-loader.size-xs{width:var(--loader-size-xs);height:var(--loader-size-xs)}nv-loader.size-xs::before,nv-loader.size-xs::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xs::before{content:" ";border:calc(var(--loader-size-xs) / 10) solid;opacity:0.3}nv-loader.size-xs::after{content:" ";border-top:calc(var(--loader-size-xs) / 10) solid transparent;border-left:calc(var(--loader-size-xs) / 10) solid transparent;border-right:calc(var(--loader-size-xs) / 10) solid transparent;border-bottom:calc(var(--loader-size-xs) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-sm{width:var(--loader-size-sm);height:var(--loader-size-sm)}nv-loader.size-sm::before,nv-loader.size-sm::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-sm::before{content:" ";border:calc(var(--loader-size-sm) / 10) solid;opacity:0.3}nv-loader.size-sm::after{content:" ";border-top:calc(var(--loader-size-sm) / 10) solid transparent;border-left:calc(var(--loader-size-sm) / 10) solid transparent;border-right:calc(var(--loader-size-sm) / 10) solid transparent;border-bottom:calc(var(--loader-size-sm) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-md{width:var(--loader-size-md);height:var(--loader-size-md)}nv-loader.size-md::before,nv-loader.size-md::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-md::before{content:" ";border:calc(var(--loader-size-md) / 10) solid;opacity:0.3}nv-loader.size-md::after{content:" ";border-top:calc(var(--loader-size-md) / 10) solid transparent;border-left:calc(var(--loader-size-md) / 10) solid transparent;border-right:calc(var(--loader-size-md) / 10) solid transparent;border-bottom:calc(var(--loader-size-md) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-lg{width:var(--loader-size-lg);height:var(--loader-size-lg)}nv-loader.size-lg::before,nv-loader.size-lg::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-lg::before{content:" ";border:calc(var(--loader-size-lg) / 10) solid;opacity:0.3}nv-loader.size-lg::after{content:" ";border-top:calc(var(--loader-size-lg) / 10) solid transparent;border-left:calc(var(--loader-size-lg) / 10) solid transparent;border-right:calc(var(--loader-size-lg) / 10) solid transparent;border-bottom:calc(var(--loader-size-lg) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-xl{width:var(--loader-size-xl);height:var(--loader-size-xl)}nv-loader.size-xl::before,nv-loader.size-xl::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xl::before{content:" ";border:calc(var(--loader-size-xl) / 10) solid;opacity:0.3}nv-loader.size-xl::after{content:" ";border-top:calc(var(--loader-size-xl) / 10) solid transparent;border-left:calc(var(--loader-size-xl) / 10) solid transparent;border-right:calc(var(--loader-size-xl) / 10) solid transparent;border-bottom:calc(var(--loader-size-xl) / 10) solid;animation:rotation 1s linear infinite}nv-loader.color-brand::before{border-color:var(--components-loader-brand-background);opacity:1}nv-loader.color-brand::after{border-bottom-color:var(--components-loader-brand-foreground)}nv-loader.color-white::before{border-color:var(--components-loader-white-background);opacity:1}nv-loader.color-white::after{border-bottom-color:var(--components-loader-white-foreground)}';const d=l;const c=class{constructor(t){o(this,t);this.size="md"}render(){return t(e,{key:"049afa243c1ce99643408d86afa99e69c5468b8b",class:r(this.size&&`size-${this.size}`,this.color&&`color-${this.color}`)})}};c.style=d;export{s as nv_iconbutton,c as nv_loader};
+//# sourceMappingURL=p-a73fa60a.entry.js.map

package/dist/native/{p-5eca22c7.entry.js → p-b3f9db23.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as o,c as e,h as a,H as r,g as n}from"./p-d0a33e64.js";import{c}from"./p-8a1a6e56.js";import{u as i}from"./p-9a263d0e.js";import{u as l}from"./p-1cbacdba.js";import"./p-09cdd71f.js";import{t as s}from"./p-15aeab4d.js";const d="nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge:not(.with-gap).is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge.badge-error{color:var(--color-feedback-error-low-text);background-color:var(--color-feedback-error-low-background);border-color:var(--color-feedback-error-low-border)}nv-badge.badge-error .close:focus,nv-badge.badge-error .close:focus-within{outline:none}nv-badge.badge-error .close:focus-visible,nv-badge.badge-error .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-error-low-content, var(--color-feedback-error-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-error nv-icon{color:var(--color-feedback-error-low-icon)}nv-badge.badge-information{color:var(--color-feedback-information-low-text);background-color:var(--color-feedback-information-low-background);border-color:var(--color-feedback-information-low-border)}nv-badge.badge-information .close:focus,nv-badge.badge-information .close:focus-within{outline:none}nv-badge.badge-information .close:focus-visible,nv-badge.badge-information .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-information-low-content, var(--color-feedback-information-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-information nv-icon{color:var(--color-feedback-information-low-icon)}nv-badge.badge-neutral{color:var(--color-feedback-neutral-low-text);background-color:var(--color-feedback-neutral-low-background);border-color:var(--color-feedback-neutral-low-border)}nv-badge.badge-neutral .close:focus,nv-badge.badge-neutral .close:focus-within{outline:none}nv-badge.badge-neutral .close:focus-visible,nv-badge.badge-neutral .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-neutral-low-content, var(--color-feedback-neutral-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-neutral nv-icon{color:var(--color-feedback-neutral-low-icon)}nv-badge.badge-success{color:var(--color-feedback-success-low-text);background-color:var(--color-feedback-success-low-background);border-color:var(--color-feedback-success-low-border)}nv-badge.badge-success .close:focus,nv-badge.badge-success .close:focus-within{outline:none}nv-badge.badge-success .close:focus-visible,nv-badge.badge-success .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-success-low-content, var(--color-feedback-success-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-success nv-icon{color:var(--color-feedback-success-low-icon)}nv-badge.badge-warning{color:var(--color-feedback-warning-low-text);background-color:var(--color-feedback-warning-low-background);border-color:var(--color-feedback-warning-low-border)}nv-badge.badge-warning .close:focus,nv-badge.badge-warning .close:focus-within{outline:none}nv-badge.badge-warning .close:focus-visible,nv-badge.badge-warning .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-warning-low-content, var(--color-feedback-warning-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-warning nv-icon{color:var(--color-feedback-warning-low-icon)}nv-badge.badge-amber{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-amber .close:focus,nv-badge.badge-amber .close:focus-within{outline:none}nv-badge.badge-amber .close:focus-visible,nv-badge.badge-amber .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-amber-content, var(--color-rainbow-1-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-amber nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-orange{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-orange .close:focus,nv-badge.badge-orange .close:focus-within{outline:none}nv-badge.badge-orange .close:focus-visible,nv-badge.badge-orange .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-orange-content, var(--color-rainbow-2-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-orange nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-turquoise{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-turquoise .close:focus,nv-badge.badge-turquoise .close:focus-within{outline:none}nv-badge.badge-turquoise .close:focus-visible,nv-badge.badge-turquoise .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-turquoise-content, var(--color-rainbow-5-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-turquoise nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-crimson{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-crimson .close:focus,nv-badge.badge-crimson .close:focus-within{outline:none}nv-badge.badge-crimson .close:focus-visible,nv-badge.badge-crimson .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-crimson-content, var(--color-rainbow-6-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-crimson nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-lime{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-lime .close:focus,nv-badge.badge-lime .close:focus-within{outline:none}nv-badge.badge-lime .close:focus-visible,nv-badge.badge-lime .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-lime-content, var(--color-rainbow-9-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-lime nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-petrol{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-petrol .close:focus,nv-badge.badge-petrol .close:focus-within{outline:none}nv-badge.badge-petrol .close:focus-visible,nv-badge.badge-petrol .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-petrol-content, var(--color-rainbow-8-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-petrol nv-icon{color:var(--color-rainbow-8-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important;text-align:center}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";const t=d;const b=class{constructor(a){o(this,a);this.closeClicked=e(this,"closeClicked",7);this.hiddenChanged=e(this,"hiddenChanged",7);this.hiddenChangedComplete=e(this,"hiddenChangedComplete",7);this.dismissal=false;this.color="1";this.label=null;this.leadIcon=null;this.dismissible=false;this.hidden=false;this.preventAutoClose=false;this.isIconOnly=false;this.handleClose=()=>{if(!this.preventAutoClose){this.hidden=true}this.closeClicked.emit()}}handleDismissalChange(o){this.dismissible=o}handleIconChange(o){this.leadIcon=o}async handleHiddenChange(o){this.hiddenChanged.emit(o);if(this._isHidden===true)this._isHidden=o;const{fadeIn:e,fadeOut:a}=l(this.ref,{duration:150});const{collapse:r,expand:n}=i(this.ref,{duration:150});if(o===true)await s(a,r).start();if(o===false)await s(n,e).start();this.hiddenChangedComplete.emit(o);if(this._isHidden===false)this._isHidden=o}componentWillLoad(){if(this.dismissal){this.dismissible=this.dismissal}if(this.icon!=null&&this.icon!=""){this.leadIcon=this.icon}if(this.hidden){this._isHidden=true;const{setCollapsed:o}=i(this.ref);const{setFadeOut:e}=l(this.ref);o();e()}}render(){return a(r,{key:"435c5bb1f565c8bd95cca5c6828157c80f60aa39",class:c(`badge-${this.color}`,{"has-close":this.dismissible,"with-gap":this.dismissible||this.label,"visually-hidden":this._isHidden,"is-icon-only":this.isIconOnly})},a("slot",{key:"271dc833471e026af5088f48227639682e661e97",name:"leading-icon"},this.leadIcon&&a("nv-icon",{key:"e578eabf4c5a09e61e28c3839b943804acdf88e8",name:this.leadIcon,size:"sm"})),a("span",{key:"24d16a21b2b4499be712f9b747c9ab63c5e6ca0c",class:c({"visually-hidden":this.isIconOnly})},this.label,a("slot",{key:"3e3827620e6ade8be256ce7dd0b8bb949f36f2d5"})),this.dismissible&&a("button",{key:"90ed9ec1b71815554b963b0eafeb5536578700cf",onClick:this.handleClose,class:"close",type:"button"},a("nv-icon",{key:"df426e5d88c2bf02e7aa83c179c05db4795f03db",name:"x",size:"sm"})))}get ref(){return n(this)}static get watchers(){return{dismissal:["handleDismissalChange"],icon:["handleIconChange"],hidden:["handleHiddenChange"]}}};b.style=t;const g="nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";const v=g;const u=class{constructor(a){o(this,a);this.itemChecked=e(this,"itemChecked",7);this.checked=false;this.disabled=false;this.onFieldcheckboxChanged=o=>{if(this.disabled)return;this.checked=o.detail;this.itemChecked.emit({value:this.value,checked:this.checked,group:this.group})};this.handleClick=()=>{if(this.disabled)return;if(this.el.querySelector("input").checked){this.checked=false}else{this.checked=true}}}render(){return a(r,{key:"69cd9636b76fa1c5f49f9c67b6d0989d9967d0cf",onClick:this.handleClick},a("nv-fieldcheckbox",{key:"b0e2035c3ff1a3a2d8f2922c9fe2e6edcfad00d4",checked:this.checked,name:this.label||this.value,label:this.label||this.value,"label-placement":"after",description:this.description,disabled:this.disabled,tabindex:"-1",role:"option",onCheckedChanged:this.onFieldcheckboxChanged}))}get el(){return n(this)}};u.style=v;export{b as nv_badge,u as nv_fielddropdownitemcheck};
-//# sourceMappingURL=p-5eca22c7.entry.js.map
+import{r as o,c as e,h as a,H as r,g as n}from"./p-d0a33e64.js";import{c}from"./p-8a1a6e56.js";import{u as i}from"./p-9a263d0e.js";import{u as l}from"./p-1cbacdba.js";import"./p-09cdd71f.js";import{t as s}from"./p-15aeab4d.js";const d="nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge:not(.with-gap).is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge.badge-error{color:var(--color-feedback-error-low-text);background-color:var(--color-feedback-error-low-background);border-color:var(--color-feedback-error-low-border)}nv-badge.badge-error .close:focus,nv-badge.badge-error .close:focus-within{outline:none}nv-badge.badge-error .close:focus-visible,nv-badge.badge-error .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-error-low-content, var(--color-feedback-error-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-error nv-icon{color:var(--color-feedback-error-low-icon)}nv-badge.badge-information{color:var(--color-feedback-information-low-text);background-color:var(--color-feedback-information-low-background);border-color:var(--color-feedback-information-low-border)}nv-badge.badge-information .close:focus,nv-badge.badge-information .close:focus-within{outline:none}nv-badge.badge-information .close:focus-visible,nv-badge.badge-information .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-information-low-content, var(--color-feedback-information-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-information nv-icon{color:var(--color-feedback-information-low-icon)}nv-badge.badge-neutral{color:var(--color-feedback-neutral-low-text);background-color:var(--color-feedback-neutral-low-background);border-color:var(--color-feedback-neutral-low-border)}nv-badge.badge-neutral .close:focus,nv-badge.badge-neutral .close:focus-within{outline:none}nv-badge.badge-neutral .close:focus-visible,nv-badge.badge-neutral .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-neutral-low-content, var(--color-feedback-neutral-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-neutral nv-icon{color:var(--color-feedback-neutral-low-icon)}nv-badge.badge-success{color:var(--color-feedback-success-low-text);background-color:var(--color-feedback-success-low-background);border-color:var(--color-feedback-success-low-border)}nv-badge.badge-success .close:focus,nv-badge.badge-success .close:focus-within{outline:none}nv-badge.badge-success .close:focus-visible,nv-badge.badge-success .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-success-low-content, var(--color-feedback-success-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-success nv-icon{color:var(--color-feedback-success-low-icon)}nv-badge.badge-warning{color:var(--color-feedback-warning-low-text);background-color:var(--color-feedback-warning-low-background);border-color:var(--color-feedback-warning-low-border)}nv-badge.badge-warning .close:focus,nv-badge.badge-warning .close:focus-within{outline:none}nv-badge.badge-warning .close:focus-visible,nv-badge.badge-warning .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-warning-low-content, var(--color-feedback-warning-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-warning nv-icon{color:var(--color-feedback-warning-low-icon)}nv-badge.badge-amber{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-amber .close:focus,nv-badge.badge-amber .close:focus-within{outline:none}nv-badge.badge-amber .close:focus-visible,nv-badge.badge-amber .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-amber-content, var(--color-rainbow-1-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-amber nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-orange{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-orange .close:focus,nv-badge.badge-orange .close:focus-within{outline:none}nv-badge.badge-orange .close:focus-visible,nv-badge.badge-orange .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-orange-content, var(--color-rainbow-2-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-orange nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-turquoise{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-turquoise .close:focus,nv-badge.badge-turquoise .close:focus-within{outline:none}nv-badge.badge-turquoise .close:focus-visible,nv-badge.badge-turquoise .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-turquoise-content, var(--color-rainbow-5-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-turquoise nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-crimson{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-crimson .close:focus,nv-badge.badge-crimson .close:focus-within{outline:none}nv-badge.badge-crimson .close:focus-visible,nv-badge.badge-crimson .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-crimson-content, var(--color-rainbow-6-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-crimson nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-lime{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-lime .close:focus,nv-badge.badge-lime .close:focus-within{outline:none}nv-badge.badge-lime .close:focus-visible,nv-badge.badge-lime .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-lime-content, var(--color-rainbow-9-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-lime nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-petrol{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-petrol .close:focus,nv-badge.badge-petrol .close:focus-within{outline:none}nv-badge.badge-petrol .close:focus-visible,nv-badge.badge-petrol .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-petrol-content, var(--color-rainbow-8-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-petrol nv-icon{color:var(--color-rainbow-8-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important;text-align:center}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";const b=d;const t=class{constructor(a){o(this,a);this.closeClicked=e(this,"closeClicked",7);this.hiddenChanged=e(this,"hiddenChanged",7);this.hiddenChangedComplete=e(this,"hiddenChangedComplete",7);this.dismissal=false;this.color="1";this.label=null;this.leadIcon=null;this.dismissible=false;this.hidden=false;this.preventAutoClose=false;this.isIconOnly=false;this.handleClose=()=>{if(!this.preventAutoClose){this.hidden=true}this.closeClicked.emit()}}handleDismissalChange(o){this.dismissible=o}handleIconChange(o){this.leadIcon=o}async handleHiddenChange(o){this.hiddenChanged.emit(o);if(this._isHidden===true)this._isHidden=o;const{fadeIn:e,fadeOut:a}=l(this.ref,{duration:150});const{collapse:r,expand:n}=i(this.ref,{duration:150});if(o===true)await s(a,r).start();if(o===false)await s(n,e).start();this.hiddenChangedComplete.emit(o);if(this._isHidden===false)this._isHidden=o}componentWillLoad(){if(this.dismissal){this.dismissible=this.dismissal}if(this.icon!=null&&this.icon!=""){this.leadIcon=this.icon}if(this.hidden){this._isHidden=true;const{setCollapsed:o}=i(this.ref);const{setFadeOut:e}=l(this.ref);o();e()}}render(){return a(r,{key:"435c5bb1f565c8bd95cca5c6828157c80f60aa39",class:c(`badge-${this.color}`,{"has-close":this.dismissible,"with-gap":this.dismissible||this.label,"visually-hidden":this._isHidden,"is-icon-only":this.isIconOnly})},a("slot",{key:"271dc833471e026af5088f48227639682e661e97",name:"leading-icon"},this.leadIcon&&a("nv-icon",{key:"e578eabf4c5a09e61e28c3839b943804acdf88e8",name:this.leadIcon,size:"sm"})),a("span",{key:"24d16a21b2b4499be712f9b747c9ab63c5e6ca0c",class:c({"visually-hidden":this.isIconOnly})},this.label,a("slot",{key:"3e3827620e6ade8be256ce7dd0b8bb949f36f2d5"})),this.dismissible&&a("button",{key:"90ed9ec1b71815554b963b0eafeb5536578700cf",onClick:this.handleClose,class:"close",type:"button"},a("nv-icon",{key:"df426e5d88c2bf02e7aa83c179c05db4795f03db",name:"x",size:"sm"})))}get ref(){return n(this)}static get watchers(){return{dismissal:["handleDismissalChange"],icon:["handleIconChange"],hidden:["handleHiddenChange"]}}};t.style=b;const g="nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";const v=g;const u=class{constructor(a){o(this,a);this.itemChecked=e(this,"itemChecked",7);this.checked=false;this.disabled=false;this.onFieldcheckboxChanged=o=>{if(this.disabled)return;this.checked=o.detail;this.itemChecked.emit({value:this.value,checked:this.checked,group:this.group})};this.handleClick=()=>{if(this.disabled)return;if(this.el.querySelector("input").checked){this.checked=false}else{this.checked=true}}}render(){return a(r,{key:"82abe79dd061f60e380f033027f799121769f89e",onClick:this.handleClick},a("nv-fieldcheckbox",{key:"505181c56faacb09e55c428d91287d96e1c3b72a",checked:this.checked,name:this.label||this.value,label:this.label||this.value,"label-placement":"after",description:this.description,disabled:this.disabled,tabindex:"-1",role:"option",onCheckedChanged:this.onFieldcheckboxChanged},a("slot",{key:"95a53b7d4ec735fd3256505b57e2a497b475f511"}),a("slot",{key:"137d5e2b3046417bbc90c0bd2dd10b846d1dfd53",name:"main"}),a("slot",{key:"47d4a73e401186b7bc7a18aaad82018f0ccc1e2f",name:"label"}),a("slot",{key:"ff5c752d386c282635a97ad2bcb8858571aff7e9",name:"description"})))}get el(){return n(this)}};u.style=v;export{t as nv_badge,u as nv_fielddropdownitemcheck};
+//# sourceMappingURL=p-b3f9db23.entry.js.map

package/dist/native/{p-5eca22c7.entry.js.map → p-b3f9db23.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["nvBadgeCss","NvBadgeStyle0","NvBadge","constructor","hostRef","this","dismissal","color","label","leadIcon","dismissible","hidden","preventAutoClose","isIconOnly","handleClose","closeClicked","emit","handleDismissalChange","handleIconChange","icon","handleHiddenChange","hiddenChanged","_isHidden","fadeIn","fadeOut","useFade","ref","duration","collapse","expand","useCollapse","timeline","start","hiddenChangedComplete","componentWillLoad","setCollapsed","setFadeOut","render","h","Host","key","class","clsx","name","size","onClick","type","nvFielddropdownitemcheckCss","NvFielddropdownitemcheckStyle0","NvFielddropdownitemcheck","checked","disabled","onFieldcheckboxChanged","event","detail","itemChecked","value","group","handleClick","el","querySelector","description","tabindex","role","onCheckedChanged"],"sources":["src/components/nv-badge/nv-badge.scss?tag=nv-badge","src/components/nv-badge/nv-badge.tsx","src/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.scss?tag=nv-fielddropdownitemcheck","src/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.tsx"],"sourcesContent":["@use 'sass:map';\n@use '../nv-icon/styles/mixins' as icon;\n@use '../../styles/utils' as utils;\n@import '../../styles/focus-ring';\n\n/* Variants /\n$badge-colors: (\n '1',\n '2',\n '3',\n '4',\n '5',\n '6',\n '7',\n '8',\n '9',\n '10',\n 'error',\n 'information',\n 'neutral',\n 'success',\n 'warning',\n 'amber',\n 'orange',\n 'turquoise',\n 'crimson',\n 'lime',\n 'petrol',\n);\n\n/ Define maps for color-related variables /\n$color-rainbow-text: (\n '1': var(--color-rainbow-1-text),\n '2': var(--color-rainbow-2-text),\n '3': var(--color-rainbow-3-text),\n '4': var(--color-rainbow-4-text),\n '5': var(--color-rainbow-5-text),\n '6': var(--color-rainbow-6-text),\n '7': var(--color-rainbow-7-text),\n '8': var(--color-rainbow-8-text),\n '9': var(--color-rainbow-9-text),\n '10': var(--color-rainbow-10-text),\n 'error': var(--color-feedback-error-low-text),\n 'information': var(--color-feedback-information-low-text),\n 'neutral': var(--color-feedback-neutral-low-text),\n 'success': var(--color-feedback-success-low-text),\n 'warning': var(--color-feedback-warning-low-text),\n 'amber': var(--color-rainbow-1-text),\n 'orange': var(--color-rainbow-2-text),\n 'turquoise': var(--color-rainbow-5-text),\n 'crimson': var(--color-rainbow-6-text),\n 'lime': var(--color-rainbow-9-text),\n 'petrol': var(--color-rainbow-8-text),\n);\n\n$color-rainbow-icon: (\n '1': var(--color-rainbow-1-icon),\n '2': var(--color-rainbow-2-icon),\n '3': var(--color-rainbow-3-icon),\n '4': var(--color-rainbow-4-icon),\n '5': var(--color-rainbow-5-icon),\n '6': var(--color-rainbow-6-icon),\n '7': var(--color-rainbow-7-icon),\n '8': var(--color-rainbow-8-icon),\n '9': var(--color-rainbow-9-icon),\n '10': var(--color-rainbow-10-icon),\n 'error': var(--color-feedback-error-low-icon),\n 'information': var(--color-feedback-information-low-icon),\n 'neutral': var(--color-feedback-neutral-low-icon),\n 'success': var(--color-feedback-success-low-icon),\n 'warning': var(--color-feedback-warning-low-icon),\n 'amber': var(--color-rainbow-1-icon),\n 'orange': var(--color-rainbow-2-icon),\n 'turquoise': var(--color-rainbow-5-icon),\n 'crimson': var(--color-rainbow-6-icon),\n 'lime': var(--color-rainbow-9-icon),\n 'petrol': var(--color-rainbow-8-icon),\n);\n\n$color-rainbow-background: (\n '1': var(--color-rainbow-1-background),\n '2': var(--color-rainbow-2-background),\n '3': var(--color-rainbow-3-background),\n '4': var(--color-rainbow-4-background),\n '5': var(--color-rainbow-5-background),\n '6': var(--color-rainbow-6-background),\n '7': var(--color-rainbow-7-background),\n '8': var(--color-rainbow-8-background),\n '9': var(--color-rainbow-9-background),\n '10': var(--color-rainbow-10-background),\n 'error': var(--color-feedback-error-low-background),\n 'information': var(--color-feedback-information-low-background),\n 'neutral': var(--color-feedback-neutral-low-background),\n 'success': var(--color-feedback-success-low-background),\n 'warning': var(--color-feedback-warning-low-background),\n 'amber': var(--color-rainbow-1-background),\n 'orange': var(--color-rainbow-2-background),\n 'turquoise': var(--color-rainbow-5-background),\n 'crimson': var(--color-rainbow-6-background),\n 'lime': var(--color-rainbow-9-background),\n 'petrol': var(--color-rainbow-8-background),\n);\n$color-rainbow-border: (\n '1': var(--color-rainbow-1-border),\n '2': var(--color-rainbow-2-border),\n '3': var(--color-rainbow-3-border),\n '4': var(--color-rainbow-4-border),\n '5': var(--color-rainbow-5-border),\n '6': var(--color-rainbow-6-border),\n '7': var(--color-rainbow-7-border),\n '8': var(--color-rainbow-8-border),\n '9': var(--color-rainbow-9-border),\n '10': var(--color-rainbow-10-border),\n 'error': var(--color-feedback-error-low-border),\n 'information': var(--color-feedback-information-low-border),\n 'neutral': var(--color-feedback-neutral-low-border),\n 'success': var(--color-feedback-success-low-border),\n 'warning': var(--color-feedback-warning-low-border),\n 'amber': var(--color-rainbow-1-border),\n 'orange': var(--color-rainbow-2-border),\n 'turquoise': var(--color-rainbow-5-border),\n 'crimson': var(--color-rainbow-6-border),\n 'lime': var(--color-rainbow-9-border),\n 'petrol': var(--color-rainbow-8-border),\n);\n\n@mixin root-styles() {\n padding: var(--badge-padding-y) var(--badge-padding-x);\n display: inline-flex !important; // override the display: none in [hidden] css\n gap: var(--badge-gap-x);\n vertical-align: middle;\n align-items: center;\n border-radius: var(--radius-rounded-full);\n border-style: solid;\n border-width: 0.5px;\n height: fit-content;\n width: fit-content;\n\n &.is-icon-only {\n padding: var(--badge-padding-y) var(--badge-padding-icon-only-x);\n gap: var(--badge-gap-icon-only-x);\n }\n}\n\n@mixin root-styles-with-gap() {\n @include root-styles();\n}\n\n@mixin badge-color($color-key) {\n color: map.get($color-rainbow-text, $color-key);\n background-color: map.get($color-rainbow-background, $color-key);\n border-color: map.get($color-rainbow-border, $color-key);\n .close {\n @include focus-ring(\n if(\n str-index('error information neutral success warning', $color-key),\n var(\n --color-feedback-#{$color-key}-low-content,\n map.get($color-rainbow-text, $color-key)\n ),\n if(\n type-of($color-key) == 'string' and not (str-length($color-key) <= 2)\n and not\n str-index('error information neutral success warning', $color-key),\n var(\n --color-#{$color-key}-content,\n map.get($color-rainbow-text, $color-key)\n ),\n var(--color-rainbow-#{$color-key}-content)\n )\n ),\n 0.2\n );\n }\n}\n\n@mixin icon-color($color-key) {\n color: map.get($color-rainbow-icon, $color-key);\n}\n\n@mixin type-settings($font-size, $line-height) {\n font-size: var(--font-size-xs);\n line-height: var(--line-height-xs) !important;\n}\n\nnv-badge {\n @include root-styles();\n\n //gap styles\n &.with-gap {\n @include root-styles-with-gap();\n }\n\n &.visually-hidden {\n @include utils.visually-hidden();\n }\n\n &:not(.with-gap) {\n @include root-styles();\n }\n\n // color styles\n @each $i in $badge-colors {\n &.badge-#{$i} {\n @include badge-color($i);\n nv-icon {\n @include icon-color($i);\n }\n }\n }\n\n //label styles\n & span {\n @include type-settings(xs, xs);\n text-align: center;\n }\n\n // nv-icon styles\n & nv-icon > svg {\n @each $size, $config in icon.$size-variants {\n &.icon-#{$size} {\n @include icon.icon-size-and-stroke(\n map.get(map.get(icon.$size-variants, 'xs'), size),\n map.get(map.get(icon.$size-variants, 'xs'), stroke)\n );\n }\n }\n }\n\n .close {\n padding: 0;\n line-height: 0;\n border: none;\n background: none;\n cursor: pointer;\n color: inherit;\n display: inline-flex;\n align-items: center;\n aspect-ratio: 1/1;\n border-radius: var(--radius-rounded-full);\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Watch,\n Element,\n State,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { useFade, useCollapse, timeline } from '../../animations';\n\n/\n @slot leading-icon - Icon before the label.\n * @slot default - for custom content, for pure text use label instead.\n /\n@Component({\n tag: 'nv-badge',\n styleUrl: 'nv-badge.scss',\n shadow: false,\n})\nexport class NvBadge {\n @Element() ref: HTMLNvBadgeElement;\n\n /*************************************************************************/\n //#region DEPRECATED\n\n /\n * Whether the badge is dismissible.\n * @deprecated use dismissible instead.\n /\n @Prop({ reflect: true })\n readonly dismissal: boolean = false;\n\n /\n The icon to display in the badge.\n * @deprecated use leadIcon or slot=\"leading-icon\" instead.\n /\n @Prop({ reflect: true })\n readonly icon: string;\n\n /\n The location of the icon in the badge.\n * @deprecated only leadIcon now.\n /\n @Prop({ reflect: true })\n readonly iconLocation: 'left' \| 'right';\n\n //#endregion DEPRECATED\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * The color of the badge.\n * deprecated Use status values or named colors instead.\n * Use a string between 1 to 10\n * or one of the status values: error, information, neutral, success, warning\n * or one of the color names: amber, orange, turquoise, crimson, lime\n /\n @Prop({ reflect: true })\n readonly color?: string = '1';\n\n /\n Main content of the badge.\n /\n @Prop({ reflect: true })\n readonly label?: string \| null = null;\n\n /\n The lead icon of the badge.\n /\n @Prop({ reflect: true, mutable: true })\n leadIcon?: string \| null = null;\n\n /\n Whether the badge is dismissible.\n /\n @Prop({ reflect: true, mutable: true })\n dismissible: boolean = false;\n\n /\n Controls the visibility of the badge. Will animate with fade and collapse.\n /\n @Prop({ reflect: true, mutable: true })\n hidden: boolean = false; // eslint-disable-line @stencil-community/reserved-member-names\n @State()\n private _isHidden: boolean;\n\n /\n When true, the alert does not automatically close upon dismissing.\n * Useful for externally controlled component behavior.\n /\n @Prop({ reflect: true })\n readonly preventAutoClose: boolean = false;\n\n /\n When true, the badge will only display an icon without label.\n * The label will be visually hidden but still accessible for screen readers.\n /\n @Prop({ reflect: true })\n readonly isIconOnly?: boolean = false;\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region EVENTS\n\n /\n * Emitted when the badge is dismissed.\n /\n @Event()\n closeClicked: EventEmitter<void>;\n\n /\n Emits when the 'hidden' prop changes, reflecting a change in visibility.\n * Passes hidden value to the detail.\n /\n @Event()\n hiddenChanged: EventEmitter<boolean>;\n\n /\n Emitted when the animations complete, detail includes the hidden value.\n /\n @Event()\n hiddenChangedComplete: EventEmitter<boolean>;\n\n //#endregion EVENTS\n /*************************************************************************/\n //#region WATCHERS\n\n /\n * Handles the dismissal prop change.\n * @param {boolean} dismissal - The new dismissal value.\n /\n @Watch('dismissal')\n handleDismissalChange(dismissal: boolean) {\n this.dismissible = dismissal;\n }\n\n /\n Handles the icon prop change.\n * @param {string} icon - The new icon value.\n /\n @Watch('icon')\n handleIconChange(icon: string) {\n this.leadIcon = icon;\n }\n\n /\n Handles the hidden prop change.\n * @param {boolean} hidden - The new hidden value.\n /\n @Watch('hidden')\n async handleHiddenChange(hidden: boolean) {\n this.hiddenChanged.emit(hidden);\n if (this._isHidden === true) this._isHidden = hidden;\n\n const { fadeIn, fadeOut } = useFade(this.ref, { duration: 150 });\n const { collapse, expand } = useCollapse(this.ref, { duration: 150 });\n\n if (hidden === true) await timeline(fadeOut, collapse).start();\n if (hidden === false) await timeline(expand, fadeIn).start();\n\n this.hiddenChangedComplete.emit(hidden);\n\n if (this._isHidden === false) this._isHidden = hidden;\n }\n\n //#endregion WATCHERS\n /*************************************************************************/\n //#region LIFECYCLE\n\n /\n * Component will load.\n /\n componentWillLoad() {\n if (this.dismissal) {\n this.dismissible = this.dismissal;\n }\n\n if (this.icon != null && this.icon != '') {\n this.leadIcon = this.icon;\n }\n\n if (this.hidden) {\n this._isHidden = true;\n const { setCollapsed } = useCollapse(this.ref);\n const { setFadeOut } = useFade(this.ref);\n\n setCollapsed();\n setFadeOut();\n }\n }\n\n //#endregion LIFECYCLE\n /*************************************************************************/\n //#region METHODS\n\n /\n * Handles the close button click.\n /\n private readonly handleClose = () => {\n if (!this.preventAutoClose) {\n this.hidden = true;\n }\n\n this.closeClicked.emit();\n };\n\n //#endregion METHODS\n /*************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host\n class={clsx(`badge-${this.color}`, {\n 'has-close': this.dismissible,\n 'with-gap': this.dismissible \|\| this.label,\n 'visually-hidden': this._isHidden,\n 'is-icon-only': this.isIconOnly,\n })}\n >\n <slot name=\"leading-icon\">\n {this.leadIcon && <nv-icon name={this.leadIcon} size=\"sm\"></nv-icon>}\n </slot>\n\n <span class={clsx({ 'visually-hidden': this.isIconOnly })}>\n {this.label}\n <slot></slot>\n </span>\n\n {this.dismissible && (\n <button onClick={this.handleClose} class=\"close\" type=\"button\">\n <nv-icon name=\"x\" size=\"sm\" />\n </button>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n","nv-fielddropdownitemcheck {\n slot-fb,\n span {\n all: unset;\n }\n\n cursor: pointer;\n display: flex;\n padding: var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);\n border-radius: var(--list-dropdown-item-radius);\n\n &:hover {\n background-color: var(--components-list-dropdown-item-background-hover);\n }\n}","import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Element,\n} from '@stencil/core';\n\n@Component({\n tag: 'nv-fielddropdownitemcheck',\n styleUrl: 'nv-fielddropdownitemcheck.scss',\n shadow: false,\n})\nexport class NvFielddropdownitemcheck {\n @Element() el: HTMLNvFielddropdownitemcheckElement;\n\n /************************************************************************/\n //#region PROPERTIES\n\n /\n * Indicates whether the checkbox is selected.\n /\n @Prop({ reflect: true, mutable: true })\n checked: boolean = false;\n\n /\n The value associated with this item.\n /\n @Prop({ reflect: true })\n readonly value?: string;\n\n /\n The label displayed alongside the checkbox.\n /\n @Prop({ reflect: true })\n readonly label?: string;\n\n /\n A description providing additional context or information about the\n * checkbox.\n /\n @Prop({ reflect: true })\n readonly description?: string;\n\n /\n The group this item belongs to, if applicable.\n /\n @Prop({ reflect: true })\n readonly group?: string;\n\n /\n Disables the item, preventing any user interaction.\n /\n @Prop({ reflect: true })\n readonly disabled: boolean = false;\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region EVENTS\n\n /\n * Event emitted when the checkbox is toggled.\n * It provides details about the current state of the item.\n /\n @Event()\n itemChecked: EventEmitter<{\n /\n The value associated with this item\n /\n value: string \| undefined;\n /\n Whether the checkbox is currently checked\n /\n checked: boolean;\n /\n The group this item belongs to, if any\n /\n group?: string \| undefined;\n }>;\n\n /\n when the child <nv-fieldcheckbox> change its `checked` state,\n * update `this.checked` and emit `itemChecked`.\n * @param {CustomEvent<boolean>} event - The event emitted by the <nv-fieldcheckbox> component.\n /\n private onFieldcheckboxChanged = (event: CustomEvent<boolean>) => {\n if (this.disabled) return;\n // NvFieldcheckbox has emitted checkedChanged\n this.checked = event.detail; // get the new state\n this.itemChecked.emit({\n value: this.value,\n checked: this.checked,\n group: this.group,\n });\n };\n\n /* Make sure the checkbox is checked when clicked anywhere in the item. */\n private handleClick = () => {\n if (this.disabled) return;\n if (this.el.querySelector('input').checked) {\n this.checked = false;\n } else {\n this.checked = true;\n }\n };\n\n render() {\n return (\n <Host onClick={this.handleClick}>\n <nv-fieldcheckbox\n checked={this.checked}\n name={this.label \|\| this.value}\n label={this.label \|\| this.value}\n label-placement=\"after\"\n description={this.description}\n disabled={this.disabled}\n tabindex=\"-1\"\n role=\"option\"\n onCheckedChanged={this.onFieldcheckboxChanged}\n ></nv-fieldcheckbox>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["nvBadgeCss","NvBadgeStyle0","NvBadge","constructor","hostRef","this","dismissal","color","label","leadIcon","dismissible","hidden","preventAutoClose","isIconOnly","handleClose","closeClicked","emit","handleDismissalChange","handleIconChange","icon","handleHiddenChange","hiddenChanged","_isHidden","fadeIn","fadeOut","useFade","ref","duration","collapse","expand","useCollapse","timeline","start","hiddenChangedComplete","componentWillLoad","setCollapsed","setFadeOut","render","h","Host","key","class","clsx","name","size","onClick","type","nvFielddropdownitemcheckCss","NvFielddropdownitemcheckStyle0","NvFielddropdownitemcheck","checked","disabled","onFieldcheckboxChanged","event","detail","itemChecked","value","group","handleClick","el","querySelector","description","tabindex","role","onCheckedChanged"],"sources":["src/components/nv-badge/nv-badge.scss?tag=nv-badge","src/components/nv-badge/nv-badge.tsx","src/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.scss?tag=nv-fielddropdownitemcheck","src/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.tsx"],"sourcesContent":["@use 'sass:map';\n@use '../nv-icon/styles/mixins' as icon;\n@use '../../styles/utils' as utils;\n@import '../../styles/focus-ring';\n\n/* Variants /\n$badge-colors: (\n '1',\n '2',\n '3',\n '4',\n '5',\n '6',\n '7',\n '8',\n '9',\n '10',\n 'error',\n 'information',\n 'neutral',\n 'success',\n 'warning',\n 'amber',\n 'orange',\n 'turquoise',\n 'crimson',\n 'lime',\n 'petrol',\n);\n\n/ Define maps for color-related variables /\n$color-rainbow-text: (\n '1': var(--color-rainbow-1-text),\n '2': var(--color-rainbow-2-text),\n '3': var(--color-rainbow-3-text),\n '4': var(--color-rainbow-4-text),\n '5': var(--color-rainbow-5-text),\n '6': var(--color-rainbow-6-text),\n '7': var(--color-rainbow-7-text),\n '8': var(--color-rainbow-8-text),\n '9': var(--color-rainbow-9-text),\n '10': var(--color-rainbow-10-text),\n 'error': var(--color-feedback-error-low-text),\n 'information': var(--color-feedback-information-low-text),\n 'neutral': var(--color-feedback-neutral-low-text),\n 'success': var(--color-feedback-success-low-text),\n 'warning': var(--color-feedback-warning-low-text),\n 'amber': var(--color-rainbow-1-text),\n 'orange': var(--color-rainbow-2-text),\n 'turquoise': var(--color-rainbow-5-text),\n 'crimson': var(--color-rainbow-6-text),\n 'lime': var(--color-rainbow-9-text),\n 'petrol': var(--color-rainbow-8-text),\n);\n\n$color-rainbow-icon: (\n '1': var(--color-rainbow-1-icon),\n '2': var(--color-rainbow-2-icon),\n '3': var(--color-rainbow-3-icon),\n '4': var(--color-rainbow-4-icon),\n '5': var(--color-rainbow-5-icon),\n '6': var(--color-rainbow-6-icon),\n '7': var(--color-rainbow-7-icon),\n '8': var(--color-rainbow-8-icon),\n '9': var(--color-rainbow-9-icon),\n '10': var(--color-rainbow-10-icon),\n 'error': var(--color-feedback-error-low-icon),\n 'information': var(--color-feedback-information-low-icon),\n 'neutral': var(--color-feedback-neutral-low-icon),\n 'success': var(--color-feedback-success-low-icon),\n 'warning': var(--color-feedback-warning-low-icon),\n 'amber': var(--color-rainbow-1-icon),\n 'orange': var(--color-rainbow-2-icon),\n 'turquoise': var(--color-rainbow-5-icon),\n 'crimson': var(--color-rainbow-6-icon),\n 'lime': var(--color-rainbow-9-icon),\n 'petrol': var(--color-rainbow-8-icon),\n);\n\n$color-rainbow-background: (\n '1': var(--color-rainbow-1-background),\n '2': var(--color-rainbow-2-background),\n '3': var(--color-rainbow-3-background),\n '4': var(--color-rainbow-4-background),\n '5': var(--color-rainbow-5-background),\n '6': var(--color-rainbow-6-background),\n '7': var(--color-rainbow-7-background),\n '8': var(--color-rainbow-8-background),\n '9': var(--color-rainbow-9-background),\n '10': var(--color-rainbow-10-background),\n 'error': var(--color-feedback-error-low-background),\n 'information': var(--color-feedback-information-low-background),\n 'neutral': var(--color-feedback-neutral-low-background),\n 'success': var(--color-feedback-success-low-background),\n 'warning': var(--color-feedback-warning-low-background),\n 'amber': var(--color-rainbow-1-background),\n 'orange': var(--color-rainbow-2-background),\n 'turquoise': var(--color-rainbow-5-background),\n 'crimson': var(--color-rainbow-6-background),\n 'lime': var(--color-rainbow-9-background),\n 'petrol': var(--color-rainbow-8-background),\n);\n$color-rainbow-border: (\n '1': var(--color-rainbow-1-border),\n '2': var(--color-rainbow-2-border),\n '3': var(--color-rainbow-3-border),\n '4': var(--color-rainbow-4-border),\n '5': var(--color-rainbow-5-border),\n '6': var(--color-rainbow-6-border),\n '7': var(--color-rainbow-7-border),\n '8': var(--color-rainbow-8-border),\n '9': var(--color-rainbow-9-border),\n '10': var(--color-rainbow-10-border),\n 'error': var(--color-feedback-error-low-border),\n 'information': var(--color-feedback-information-low-border),\n 'neutral': var(--color-feedback-neutral-low-border),\n 'success': var(--color-feedback-success-low-border),\n 'warning': var(--color-feedback-warning-low-border),\n 'amber': var(--color-rainbow-1-border),\n 'orange': var(--color-rainbow-2-border),\n 'turquoise': var(--color-rainbow-5-border),\n 'crimson': var(--color-rainbow-6-border),\n 'lime': var(--color-rainbow-9-border),\n 'petrol': var(--color-rainbow-8-border),\n);\n\n@mixin root-styles() {\n padding: var(--badge-padding-y) var(--badge-padding-x);\n display: inline-flex !important; // override the display: none in [hidden] css\n gap: var(--badge-gap-x);\n vertical-align: middle;\n align-items: center;\n border-radius: var(--radius-rounded-full);\n border-style: solid;\n border-width: 0.5px;\n height: fit-content;\n width: fit-content;\n\n &.is-icon-only {\n padding: var(--badge-padding-y) var(--badge-padding-icon-only-x);\n gap: var(--badge-gap-icon-only-x);\n }\n}\n\n@mixin root-styles-with-gap() {\n @include root-styles();\n}\n\n@mixin badge-color($color-key) {\n color: map.get($color-rainbow-text, $color-key);\n background-color: map.get($color-rainbow-background, $color-key);\n border-color: map.get($color-rainbow-border, $color-key);\n .close {\n @include focus-ring(\n if(\n str-index('error information neutral success warning', $color-key),\n var(\n --color-feedback-#{$color-key}-low-content,\n map.get($color-rainbow-text, $color-key)\n ),\n if(\n type-of($color-key) == 'string' and not (str-length($color-key) <= 2)\n and not\n str-index('error information neutral success warning', $color-key),\n var(\n --color-#{$color-key}-content,\n map.get($color-rainbow-text, $color-key)\n ),\n var(--color-rainbow-#{$color-key}-content)\n )\n ),\n 0.2\n );\n }\n}\n\n@mixin icon-color($color-key) {\n color: map.get($color-rainbow-icon, $color-key);\n}\n\n@mixin type-settings($font-size, $line-height) {\n font-size: var(--font-size-xs);\n line-height: var(--line-height-xs) !important;\n}\n\nnv-badge {\n @include root-styles();\n\n //gap styles\n &.with-gap {\n @include root-styles-with-gap();\n }\n\n &.visually-hidden {\n @include utils.visually-hidden();\n }\n\n &:not(.with-gap) {\n @include root-styles();\n }\n\n // color styles\n @each $i in $badge-colors {\n &.badge-#{$i} {\n @include badge-color($i);\n nv-icon {\n @include icon-color($i);\n }\n }\n }\n\n //label styles\n & span {\n @include type-settings(xs, xs);\n text-align: center;\n }\n\n // nv-icon styles\n & nv-icon > svg {\n @each $size, $config in icon.$size-variants {\n &.icon-#{$size} {\n @include icon.icon-size-and-stroke(\n map.get(map.get(icon.$size-variants, 'xs'), size),\n map.get(map.get(icon.$size-variants, 'xs'), stroke)\n );\n }\n }\n }\n\n .close {\n padding: 0;\n line-height: 0;\n border: none;\n background: none;\n cursor: pointer;\n color: inherit;\n display: inline-flex;\n align-items: center;\n aspect-ratio: 1/1;\n border-radius: var(--radius-rounded-full);\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Watch,\n Element,\n State,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { useFade, useCollapse, timeline } from '../../animations';\n\n/\n @slot leading-icon - Icon before the label.\n * @slot default - for custom content, for pure text use label instead.\n /\n@Component({\n tag: 'nv-badge',\n styleUrl: 'nv-badge.scss',\n shadow: false,\n})\nexport class NvBadge {\n @Element() ref: HTMLNvBadgeElement;\n\n /*************************************************************************/\n //#region DEPRECATED\n\n /\n * Whether the badge is dismissible.\n * @deprecated use dismissible instead.\n /\n @Prop({ reflect: true })\n readonly dismissal: boolean = false;\n\n /\n The icon to display in the badge.\n * @deprecated use leadIcon or slot=\"leading-icon\" instead.\n /\n @Prop({ reflect: true })\n readonly icon: string;\n\n /\n The location of the icon in the badge.\n * @deprecated only leadIcon now.\n /\n @Prop({ reflect: true })\n readonly iconLocation: 'left' \| 'right';\n\n //#endregion DEPRECATED\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * The color of the badge.\n * deprecated Use status values or named colors instead.\n * Use a string between 1 to 10\n * or one of the status values: error, information, neutral, success, warning\n * or one of the color names: amber, orange, turquoise, crimson, lime\n /\n @Prop({ reflect: true })\n readonly color?: string = '1';\n\n /\n Main content of the badge.\n /\n @Prop({ reflect: true })\n readonly label?: string \| null = null;\n\n /\n The lead icon of the badge.\n /\n @Prop({ reflect: true, mutable: true })\n leadIcon?: string \| null = null;\n\n /\n Whether the badge is dismissible.\n /\n @Prop({ reflect: true, mutable: true })\n dismissible: boolean = false;\n\n /\n Controls the visibility of the badge. Will animate with fade and collapse.\n /\n @Prop({ reflect: true, mutable: true })\n hidden: boolean = false; // eslint-disable-line @stencil-community/reserved-member-names\n @State()\n private _isHidden: boolean;\n\n /\n When true, the alert does not automatically close upon dismissing.\n * Useful for externally controlled component behavior.\n /\n @Prop({ reflect: true })\n readonly preventAutoClose: boolean = false;\n\n /\n When true, the badge will only display an icon without label.\n * The label will be visually hidden but still accessible for screen readers.\n /\n @Prop({ reflect: true })\n readonly isIconOnly?: boolean = false;\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region EVENTS\n\n /\n * Emitted when the badge is dismissed.\n /\n @Event()\n closeClicked: EventEmitter<void>;\n\n /\n Emits when the 'hidden' prop changes, reflecting a change in visibility.\n * Passes hidden value to the detail.\n /\n @Event()\n hiddenChanged: EventEmitter<boolean>;\n\n /\n Emitted when the animations complete, detail includes the hidden value.\n /\n @Event()\n hiddenChangedComplete: EventEmitter<boolean>;\n\n //#endregion EVENTS\n /*************************************************************************/\n //#region WATCHERS\n\n /\n * Handles the dismissal prop change.\n * @param {boolean} dismissal - The new dismissal value.\n /\n @Watch('dismissal')\n handleDismissalChange(dismissal: boolean) {\n this.dismissible = dismissal;\n }\n\n /\n Handles the icon prop change.\n * @param {string} icon - The new icon value.\n /\n @Watch('icon')\n handleIconChange(icon: string) {\n this.leadIcon = icon;\n }\n\n /\n Handles the hidden prop change.\n * @param {boolean} hidden - The new hidden value.\n /\n @Watch('hidden')\n async handleHiddenChange(hidden: boolean) {\n this.hiddenChanged.emit(hidden);\n if (this._isHidden === true) this._isHidden = hidden;\n\n const { fadeIn, fadeOut } = useFade(this.ref, { duration: 150 });\n const { collapse, expand } = useCollapse(this.ref, { duration: 150 });\n\n if (hidden === true) await timeline(fadeOut, collapse).start();\n if (hidden === false) await timeline(expand, fadeIn).start();\n\n this.hiddenChangedComplete.emit(hidden);\n\n if (this._isHidden === false) this._isHidden = hidden;\n }\n\n //#endregion WATCHERS\n /*************************************************************************/\n //#region LIFECYCLE\n\n /\n * Component will load.\n /\n componentWillLoad() {\n if (this.dismissal) {\n this.dismissible = this.dismissal;\n }\n\n if (this.icon != null && this.icon != '') {\n this.leadIcon = this.icon;\n }\n\n if (this.hidden) {\n this._isHidden = true;\n const { setCollapsed } = useCollapse(this.ref);\n const { setFadeOut } = useFade(this.ref);\n\n setCollapsed();\n setFadeOut();\n }\n }\n\n //#endregion LIFECYCLE\n /*************************************************************************/\n //#region METHODS\n\n /\n * Handles the close button click.\n /\n private readonly handleClose = () => {\n if (!this.preventAutoClose) {\n this.hidden = true;\n }\n\n this.closeClicked.emit();\n };\n\n //#endregion METHODS\n /*************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host\n class={clsx(`badge-${this.color}`, {\n 'has-close': this.dismissible,\n 'with-gap': this.dismissible \|\| this.label,\n 'visually-hidden': this._isHidden,\n 'is-icon-only': this.isIconOnly,\n })}\n >\n <slot name=\"leading-icon\">\n {this.leadIcon && <nv-icon name={this.leadIcon} size=\"sm\"></nv-icon>}\n </slot>\n\n <span class={clsx({ 'visually-hidden': this.isIconOnly })}>\n {this.label}\n <slot></slot>\n </span>\n\n {this.dismissible && (\n <button onClick={this.handleClose} class=\"close\" type=\"button\">\n <nv-icon name=\"x\" size=\"sm\" />\n </button>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n","nv-fielddropdownitemcheck {\n slot-fb,\n span {\n all: unset;\n }\n\n cursor: pointer;\n display: flex;\n padding: var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);\n border-radius: var(--list-dropdown-item-radius);\n\n &:hover {\n background-color: var(--components-list-dropdown-item-background-hover);\n }\n}","import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Element,\n} from '@stencil/core';\n\n/\n * @slot default - Next to the label and description.\n * @slot main - Replaces the label and description.\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 /\n@Component({\n tag: 'nv-fielddropdownitemcheck',\n styleUrl: 'nv-fielddropdownitemcheck.scss',\n shadow: false,\n})\nexport class NvFielddropdownitemcheck {\n @Element() el: HTMLNvFielddropdownitemcheckElement;\n\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * Indicates whether the checkbox is selected.\n /\n @Prop({ reflect: true, mutable: true })\n checked: boolean = false;\n\n /\n The value associated with this item.\n /\n @Prop({ reflect: true })\n readonly value?: string;\n\n /\n The label displayed alongside the checkbox.\n /\n @Prop({ reflect: true })\n readonly label?: string;\n\n /\n A description providing additional context or information about the\n * checkbox.\n /\n @Prop({ reflect: true })\n readonly description?: string;\n\n /\n The group this item belongs to, if applicable.\n /\n @Prop({ reflect: true })\n readonly group?: string;\n\n /\n Disables the item, preventing any user interaction.\n /\n @Prop({ reflect: true })\n readonly disabled: boolean = false;\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region EVENTS\n\n /\n * Event emitted when the checkbox is toggled.\n * It provides details about the current state of the item.\n /\n @Event()\n itemChecked: EventEmitter<{\n /\n The value associated with this item\n /\n value: string \| undefined;\n /\n Whether the checkbox is currently checked\n /\n checked: boolean;\n /\n The group this item belongs to, if any\n /\n group?: string \| undefined;\n }>;\n\n /\n when the child <nv-fieldcheckbox> change its `checked` state,\n * update `this.checked` and emit `itemChecked`.\n * @param {CustomEvent<boolean>} event - The event emitted by the <nv-fieldcheckbox> component.\n /\n private onFieldcheckboxChanged = (event: CustomEvent<boolean>) => {\n if (this.disabled) return;\n // NvFieldcheckbox has emitted checkedChanged\n this.checked = event.detail; // get the new state\n this.itemChecked.emit({\n value: this.value,\n checked: this.checked,\n group: this.group,\n });\n };\n\n /* Make sure the checkbox is checked when clicked anywhere in the item. */\n private handleClick = () => {\n if (this.disabled) return;\n if (this.el.querySelector('input').checked) {\n this.checked = false;\n } else {\n this.checked = true;\n }\n };\n\n render() {\n return (\n <Host onClick={this.handleClick}>\n <nv-fieldcheckbox\n checked={this.checked}\n name={this.label \|\| this.value}\n label={this.label \|\| this.value}\n label-placement=\"after\"\n description={this.description}\n disabled={this.disabled}\n tabindex=\"-1\"\n role=\"option\"\n onCheckedChanged={this.onFieldcheckboxChanged}\n >\n <slot></slot>\n <slot name=\"main\"></slot>\n <slot name=\"label\"></slot>\n <slot name=\"description\"></slot>\n </nv-fieldcheckbox>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}