@nova-design-system/nova-webcomponents 3.24.0 → 3.25.0

package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.js

@@ -1,3 +1,9 @@
+/**
+ * Due to the composed nature of the fielddropdown, we need to disable the event
+ * bubbling and native event listener rules for this component.
+ */
+/* eslint-disable nova/event-bubbling */
+/* eslint-disable nova/native-event-listener */
 import { Host, h, } from "@stencil/core";
 import { v4 as uuidv4 } from "uuid";
 import { buildIndex, search, clampMaxResults, clampWorkerThreshold, FUZZY_DEBOUNCE_DELAY, shouldUseWorker, isWorkerSupported, getEffectiveFilterMode, SearchWorkerClient, } from "../../utils/search-engine";
@@ -208,7 +214,6 @@ export class NvFielddropdown {
             return selectedLabel;
         };
     }
-    /* eslint-enable nova/event-bubbling */
     //#endregion EVENTS
     /****************************************************************************/
     //#region WATCHERS
@@ -232,9 +237,7 @@ export class NvFielddropdown {
     //#endregion WATCHERS
     /****************************************************************************/
     //#region LISTENERS
-    /* eslint-disable nova/native-event-listener */
     handleDropdownItemSelected(event) {
-        event.stopPropagation();
         if (this.disabled || this.readonly)
             return;
         if (!this.openOnSelect)
@@ -254,7 +257,6 @@ export class NvFielddropdown {
         this.setFilterInputToSelectedValue();
         this.valueChanged.emit(event.detail.value);
     }
-    /* eslint-enable nova/native-event-listener */
     handleFocus(event) {
         if (event.relatedTarget instanceof HTMLElement &&
             event.relatedTarget.tagName.includes('NV-FIELDDROPDOWNITEM')) {
@@ -656,11 +658,11 @@ export class NvFielddropdown {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: 'a6f4a91185ad666409fb4fa9e2cc2580506c13f6', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '7ca71ff79f234ceb1dc8d41dc4a53634e2cea7af', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, h("slot", { key: 'b5eb4bfdf25c113c5dd817eb51f7fb13279254d6', name: "label" }, this.label))), h("nv-popover", { key: '3eb2ee8885869d39ff5a7c698a973ee9489c7849', triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: e => this.openChanged.emit(e.detail) }, h("div", { key: 'f8242972d005ccb2fb442c1d4e0ef7897ea3a85d', class: "input-wrapper", slot: "trigger" }, h("slot", { key: '125541e0c277e753aee5865ec2e8f95a1d9cbbcc', name: "before-input" }), h("div", { key: 'e3cd1a684cf1c0389073d8e2cd8d64bffe09ede4', class: "input-container" }, h("slot", { key: 'daab53125bfefc34d50386b076a86855a5cc42d4', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (h("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (h(Host, { key: '0915d7a88c89a16adc2d27630b326c4fa426445b', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'c4c614d2f0224a8a0fa10e4a12ddb5c7023a54d8', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, h("slot", { key: '14b7f31b260e324a57559cd7fc566f8fcfe29c1e', name: "label" }, this.label))), h("nv-popover", { key: 'bffecd6ae3c0e6a5e5def096fd196d9d078cdee5', triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: e => this.openChanged.emit(e.detail) }, h("div", { key: 'b2f6dd569d553f61d22b31a96e2020d9a53ecf30', class: "input-wrapper", slot: "trigger" }, h("slot", { key: 'c1d3c314d3466fafa94d4b7f2bf124a70586ea98', name: "before-input" }), h("div", { key: '6f9a5e8eb390569a85b7d8e811995434fc478a31', class: "input-container" }, h("slot", { key: '57c396497f9fb4633b5814ec3e5791fffb4e29fc', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (h("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (h("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (h("nv-iconbutton", { key: '0f46ff14f2627929fea9728efa1009f27eab2596', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (h("nv-icon", { key: '19a8983a7fa485aeda81029c4b082552866ca2b8', name: "alert-circle", class: "validation", size: "md" })), h("nv-iconbutton", { key: '6cc2ef2c986b71b1f542badccf2202c6737778a9', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '1e6b1fcb94ee4d658cd20518c11407bd84ac4100', name: "after-input" })), h("div", { key: '3f3cbed73c08ebfcdf51abd0879a43855bfb3023', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, this.options?.length > 0 && (h("ul", { key: 'abeaeef3f99c3a63c5930e2ad79810613d29c0bf' }, this.options.map(option => (h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), h("slot", { key: 'e9f1cd86ca7ed091df2ea89e60a2dcd061bf974e', name: "content" }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '8a5705537aedbaddc3e50b06baf4866aec45f4d5', class: "description" }, h("slot", { key: '405186007d26c05f5a6664e2824cac7691b244dc', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '1b2e942461cb154226ec28b9c05e15df84b616d8', hidden: !this.error, class: "error-description" }, h("slot", { key: 'cbb0c466fd8ecd6b470cdc4107a874a148565cd2', name: "error-description" }, this.errorDescription)))));
+            }), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (h("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (h("nv-iconbutton", { key: 'a317de934a5525a0f2fc8da60efb30e6f145e26b', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (h("nv-icon", { key: '66f875b52c5aad0b3d337495e2b84479c539f40c', name: "alert-circle", class: "validation", size: "md" })), h("nv-iconbutton", { key: '87d05a637e89e2d31621fdaf4da25a0472679790', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '709fa474ef044a35a09ea9e03f2c2cb7f8beb499', name: "after-input" })), h("div", { key: '1c0599436e013c853b8d52411812d383095b7339', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, this.options?.length > 0 && (h("ul", { key: '7d29e377eb3c90d20a0e8659a4404da0f603ce33' }, this.options.map(option => (h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), h("slot", { key: '76796c930183e266a8f13dceb70040e9a531bf4b', name: "content" }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '5ce379ed837ce4045e29835f452615901a49e765', class: "description" }, h("slot", { key: '099b08d109920596d58aee26aa3a1f13ed5c8743', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'f8357878d232e6d28714bcc7f3aa508fd33d4c84', hidden: !this.error, class: "error-description" }, h("slot", { key: '3f76cd412d3b8cff001295bc68cc726f166788ab', name: "error-description" }, this.errorDescription)))));
     }
     static get is() { return "nv-fielddropdown"; }
     static get formAssociated() { return true; }
@@ -777,12 +779,13 @@ export class NvFielddropdown {
                 "mutable": false,
                 "complexType": {
                     "original": "`${TextInputAutocomplete}`",
-                    "resolved": "\"on\" | \"off\" | \"section-*\" | \"shipping\" | \"billing\" | \"home\" | \"work\" | \"mobile\" | \"fax\" | \"pager\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-extension\" | \"email\" | \"impp\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"url\" | \"photo\"",
+                    "resolved": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"billing\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"fax\" | \"given-name\" | \"home\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"mobile\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"pager\" | \"photo\" | \"postal-code\" | \"section-*\" | \"sex\" | \"shipping\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\" | \"work\"",
                     "references": {
                         "TextInputAutocomplete": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::TextInputAutocomplete"
+                            "id": "src/utils/constants.ts::TextInputAutocomplete",
+                            "referenceLocation": "TextInputAutocomplete"
                         }
                     }
                 },
@@ -1144,7 +1147,8 @@ export class NvFielddropdown {
                         "FilterMode": {
                             "location": "import",
                             "path": "../../utils/search-engine",
-                            "id": "src/utils/search-engine/index.ts::FilterMode"
+                            "id": "src/utils/search-engine/index.ts::FilterMode",
+                            "referenceLocation": "FilterMode"
                         }
                     }
                 },
@@ -1371,7 +1375,7 @@ export class NvFielddropdown {
             }, {
                 "method": "dropdownItemSelected",
                 "name": "dropdownItemSelected",
-                "bubbles": false,
+                "bubbles": true,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
@@ -1482,4 +1486,3 @@ export class NvFielddropdown {
             }];
     }
 }
-//# sourceMappingURL=nv-fielddropdown.js.map

package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.docs.js

@@ -3,4 +3,3 @@ const NvFielddropdownitemDocs = {
     skip: true,
 };
 export default NvFielddropdownitemDocs;
-//# sourceMappingURL=nv-fielddropdownitem.docs.js.map

package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.js

@@ -1,10 +1,9 @@
 import { Host, h, } from "@stencil/core";
 /**
- * @slot default - The content to be displayed inside the dropdown item.
+ * @slot default - The content to be displayed inside the dropdown item. If nothing is passed, the label will be used.
  */
 export class NvFielddropdownitem {
     constructor() {
-        this.composed = false;
         /****************************************************************************/
         //#region PROPERTIES
         /**
@@ -33,7 +32,6 @@ export class NvFielddropdownitem {
             });
         };
     }
-    /* eslint-enable nova/event-bubbling */
     handleKeyDown(event) {
         if (event.target !== this.el)
             return;
@@ -45,8 +43,7 @@ export class NvFielddropdownitem {
     //#endregion METHODS
     /****************************************************************************/
     //#region LIFECYCLE
-    componentWillLoad() {
-        this.composed = Boolean(this.el.children.length);
+    componentWillRender() {
         if (!this.value) {
             const fallback = this.label ?? this.el.textContent;
             this.value = fallback.replace(/\W+/g, ''); // Remove non-word characters
@@ -56,7 +53,7 @@ export class NvFielddropdownitem {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'a5ff5cb1a34da1d5b023b0d04349a8f5c3333011', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, h("slot", { key: 'dad658fc948771bc75323bca9343b3b5d88d5343' }), !this.composed && (h("div", { key: 'e3f3493d33ea392946b1723e2ca2731fec7e337b', class: "text-wrapper" }, h("span", { key: '3c86a6beeb5c19f4fc06201d6018f719592ab5e2', "data-scope": "text" }, this.label))), this.selected && (h("nv-icon", { key: 'ffc1c5bc56fc312d65c3ea0beab763e5aa1c1c4a', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
+        return (h(Host, { key: 'cc904014a9b842b78989983ea9bef85b77d78ccd', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, h("slot", { key: 'bea22ab46cadc0150ee379e2157fad80d11cccdd' }, h("div", { key: 'bd873a6664bee68e5e177ef04c14f68f2e0d3cf1', class: "text-wrapper" }, h("span", { key: '786a7be6c2aaf0d3cbc570f38ed45f2f23e742be', "data-scope": "text" }, this.label))), this.selected && (h("nv-icon", { key: 'a53bfcf17378c42bec4bbd970635dbd6ada1c3a4', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
     }
     static get is() { return "nv-fielddropdownitem"; }
     static get originalStyleUrls() {
@@ -200,4 +197,3 @@ export class NvFielddropdownitem {
             }];
     }
 }
-//# sourceMappingURL=nv-fielddropdownitem.js.map

package/dist/collection/components/nv-fielddropdownitem/styles/nv-fielddropdownitem.css

@@ -1,21 +1,91 @@
+/* TODO: integrate this logic in the proper structure */
+nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range {
+  background: var(--components-slider-track-filled-hover);
+}
+nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb {
+  border-color: var(--components-slider-track-filled-hover);
+}
+nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range {
+  background: var(--components-slider-track-filled-focus);
+}
+nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb {
+  border-color: var(--components-slider-track-filled-focus);
+}
+nv-fieldslider[error] .slider-container .track-container .track .track-range {
+  background: var(--components-slider-track-filled-error);
+}
+nv-fieldslider[error] .slider-container .track-container .track .thumb {
+  border-color: var(--components-slider-track-filled-error);
+}
+nv-fieldslider[error] .slider-container .track-container .track .thumb:hover {
+  border-color: var(--components-slider-track-filled-error);
+  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
+  outline-offset: calc(var(--focus-outline-offset) * 1);
+  background-color: var(--components-slider-handler-background-error);
+}
+nv-fieldslider[error] .slider-container .track-container .track .thumb:focus {
+  border-color: var(--components-slider-track-filled-error);
+  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
+  outline-offset: calc(var(--focus-outline-offset) * 1);
+  background-color: var(--components-slider-track-filled-error);
+}
+nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range {
+  background: var(--components-slider-track-filled-error);
+}
+nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb {
+  border-color: var(--components-slider-track-filled-error);
+}
+
 nv-fielddropdownitem {
   display: flex;
-  gap: var(--spacing-2);
+  gap: var(--list-select-gap-y);
   flex-wrap: wrap;
   align-items: center;
   width: 100%;
-  padding: var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);
+  background-color: var(--components-list-select-option-background-default);
+  padding: var(--list-select-option-padding);
   font-weight: var(--menu-contextual-item-font-weight);
-  font-size: var(--list-dropdown-font-size);
-  line-height: var(--list-dropdown-line-height);
-  color: var(--components-list-dropdown-item-label-default);
-  border-radius: var(--list-dropdown-item-radius);
+  font-size: var(--list-select-font-size);
+  line-height: var(--list-select-line-height);
+  color: var(--components-list-select-option-content-default);
+  border-radius: var(--list-select-option-radius);
   transition: background-color 150ms ease-out, color 150ms ease-out;
   cursor: pointer;
 }
+nv-fielddropdownitem:not(:first-of-type) {
+  margin-top: var(--list-select-gap-y);
+}
 nv-fielddropdownitem:hover, nv-fielddropdownitem:focus, nv-fielddropdownitem:focus-within {
-  background-color: var(--components-list-dropdown-item-background-hover);
-  color: var(--components-menu-contextual-item-content-hover);
+  background-color: var(--components-list-select-option-background-hover);
+  color: var(--components-list-select-option-content-hover);
+}
+nv-fielddropdownitem:checked {
+  background-color: var(--components-list-select-option-background-active);
+  color: var(--components-list-select-option-content-active);
+}
+nv-fielddropdownitem:checked::after {
+  order: 1;
+  margin-left: auto;
+  content: "";
+  display: inline-block;
+  width: var(--spacing-5);
+  height: var(--spacing-5);
+  background-color: currentColor;
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: contain;
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: contain;
+}
+nv-fielddropdownitem::checkmark {
+  display: none;
+}
+nv-fielddropdownitem:disabled, nv-fielddropdownitem:checked:disabled {
+  color: var(--components-list-select-option-content-disabled);
+  background-color: var(--components-list-select-option-background-default);
 }
 nv-fielddropdownitem[disabled]:not([disabled=false]) {
   cursor: not-allowed;

package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.docs.js

@@ -3,4 +3,3 @@ const NvFielddropdownitemcheckDocs = {
     skip: true,
 };
 export default NvFielddropdownitemcheckDocs;
-//# sourceMappingURL=nv-fielddropdownitemcheck.docs.js.map

package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.js

@@ -17,7 +17,6 @@ export class NvFielddropdownitemcheck {
          * Disables the item, preventing any user interaction.
          */
         this.disabled = false;
-        /* eslint-enable nova/event-bubbling */
         //#endregion EVENTS
         /****************************************************************************/
         //#region METHODS
@@ -53,7 +52,7 @@ export class NvFielddropdownitemcheck {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '97827418a246f09cfda685f15b661359d0812d8c', onClick: this.handleClick }, h("nv-fieldcheckbox", { key: 'e656cf4d9e7f2e7f08ded1a8d42e4d5703f5d184', checked: this.checked, name: this.label || this.value, label: this.label || this.value, labelPlacement: "after", description: this.description, disabled: this.disabled, tabindex: "-1", onCheckedChanged: this.onFieldcheckboxChanged }, h("slot", { key: 'cfd59f0f0fc834d3fb29a39637f65c92ffba15b8' }), h("slot", { key: 'ae5daefbb1952ebb19d3dd3d8b7c36667dcac79e', name: "main" }), h("slot", { key: '30ab019b447024c3feab154a67779de5b8dc16a2', name: "label" }), h("slot", { key: '2cf42ee653cc99ab9e925ede1da74694bfa57106', name: "description" }))));
+        return (h(Host, { key: '3d170ba455c58880f20590200decfde25224886f', onClick: this.handleClick }, h("nv-fieldcheckbox", { key: 'b13310319d63346dcef8ee13f1bbc348617e5981', checked: this.checked, name: this.label || this.value, label: this.label || this.value, labelPlacement: "after", description: this.description, disabled: this.disabled, tabindex: "-1", onCheckedChanged: this.onFieldcheckboxChanged }, h("slot", { key: 'c936ae30f4fcf8073be1f1e3a3b0d79cf1532136' }), h("slot", { key: '0e6d7701da3d5d26141ce471fcd79b9693ca3e57', name: "main" }), h("slot", { key: '5be71b210a4b4fc49d772afd3bb0a7d1c778d870', name: "label" }), h("slot", { key: '4e5b81eefa8c3bc37763e0d3c7fc2828b5ece4bc', name: "description" }))));
     }
     static get is() { return "nv-fielddropdownitemcheck"; }
     static get originalStyleUrls() {
@@ -206,4 +205,3 @@ export class NvFielddropdownitemcheck {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=nv-fielddropdownitemcheck.js.map

package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.docs.js

@@ -1384,4 +1384,3 @@ const NvFieldmultiselectDocs = {
     ],
 };
 export default NvFieldmultiselectDocs;
-//# sourceMappingURL=nv-fieldmultiselect.docs.js.map

package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.js

@@ -603,7 +603,6 @@ export class NvFieldmultiselect {
     //#endregion WATCHERS
     /****************************************************************************/
     //#region LISTENERS
-    /* eslint-disable nova/native-event-listener */
     /**
      * Listen for the `itemChecked` event emitted by child items.
      * @param {CustomEvent} event - The event object containing the selected value and its checked state.
@@ -641,7 +640,6 @@ export class NvFieldmultiselect {
             console.warn('[Event:itemChecked] Received itemChecked event with undefined or null value'); // Warning log
         }
     }
-    /* eslint-enable nova/native-event-listener */
     // Add a listener for the slot content
     handleSlotChange(event) {
         // Check: we only want to reorder if it's the "content" slot
@@ -1577,12 +1575,13 @@ export class NvFieldmultiselect {
                 "mutable": false,
                 "complexType": {
                     "original": "`${TextInputAutocomplete}`",
-                    "resolved": "\"on\" | \"off\" | \"section-*\" | \"shipping\" | \"billing\" | \"home\" | \"work\" | \"mobile\" | \"fax\" | \"pager\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-extension\" | \"email\" | \"impp\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"url\" | \"photo\"",
+                    "resolved": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"billing\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"fax\" | \"given-name\" | \"home\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"mobile\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"pager\" | \"photo\" | \"postal-code\" | \"section-*\" | \"sex\" | \"shipping\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\" | \"work\"",
                     "references": {
                         "TextInputAutocomplete": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::TextInputAutocomplete"
+                            "id": "src/utils/constants.ts::TextInputAutocomplete",
+                            "referenceLocation": "TextInputAutocomplete"
                         }
                     }
                 },
@@ -2023,7 +2022,8 @@ export class NvFieldmultiselect {
                         "FilterMode": {
                             "location": "import",
                             "path": "../../utils/search-engine",
-                            "id": "src/utils/search-engine/index.ts::FilterMode"
+                            "id": "src/utils/search-engine/index.ts::FilterMode",
+                            "referenceLocation": "FilterMode"
                         }
                     }
                 },
@@ -2390,4 +2390,3 @@ export class NvFieldmultiselect {
             }];
     }
 }
-//# sourceMappingURL=nv-fieldmultiselect.js.map

package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.docs.js

@@ -265,4 +265,3 @@ const NvFieldnumberDocs = {
     ],
 };
 export default NvFieldnumberDocs;
-//# sourceMappingURL=nv-fieldnumber.docs.js.map

package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.js

@@ -169,11 +169,11 @@ export class NvFieldnumber {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: '7c0ae66de24ba187965d6ea628f79665e6a39ca4' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '8a8ee8f77c938e5edecacf154624f1e5c34d189f', htmlFor: this.inputId }, h("slot", { key: 'ff042aa89476fc7be75480fc91c0d7183c897d61', name: "label" }, this.label))), h("div", { key: '16fb554a86165d869c9807fed9a1743e91ea06c1', class: "input-wrapper" }, h("slot", { key: '6527ebde85fc47e7d372e28748c69bab20876e2b', name: "before-input" }), h("div", { key: '1f3a79c7f4071c6b28e961d0283bd2d95c698579', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: 'a7456a7eef8cb9bb314c5b502fced765c66b1ac1', name: "leading-input" }), h("input", { key: '8e1d243b578068c2a05cb2f041aa3b08e4dcf2f5', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (h(Host, { key: '8923d44cca66a2540688650ababfeec76ea1ef37' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '56b80106201b70cb881df6051c6ef12694762cc3', htmlFor: this.inputId }, h("slot", { key: '864103e328f18ad16041f434856ee6b3c996aa86', name: "label" }, this.label))), h("div", { key: '83f62b35fa18c43b7825d1510e47b47151c007cd', class: "input-wrapper" }, h("slot", { key: 'c566e63d0e78c63ee1a3d42e44dfed04eb1bf442', name: "before-input" }), h("div", { key: '234a861d3bd801394ed529a96480616357d1be68', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: 'c1128d9b4cbe4b7c2c57117b8b86f8ae553df749', name: "leading-input" }), h("input", { key: 'b5d2a4a11e7a86be87bc43b2258352c427478f2e', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), h("slot", { key: '09f8e9e4947efbd1f860d3e84bf55fa4aabfe57a', name: "trailing-input" }), this.error && (h("nv-icon", { key: 'e568ab2afbc8634baa4b1b86fcb54e624cb4f69f', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: 'd55e850ecd077269bc072732e84b98bfe2f888f2', name: "circle-check", class: "validation", size: "md" })), h("div", { key: 'd28da44ee36f534274369ec5b7db274bd6a3d2a4', class: "stepper" }, h("nv-iconbutton", { key: 'efafb0710346313e9cfaaba3b671031bdc9d3fe8', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), h("nv-iconbutton", { key: '20d7e4c1db26bab4d0edfc6e8a322db5def9ff98', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), h("slot", { key: '121da9bfad7ac46e4fe88d7cc0581d787f827b3a', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'b42f0a5399cda2b5f048d90cc9016bbf1e77f55a', class: "description" }, h("slot", { key: '0349b6591850a2d21a6e1a740fb40a0ef35a7a5c', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'cff9902d3c6d1b70ffbc24b739151ddbdc9d4970', hidden: !this.error, class: "error-description" }, h("slot", { key: 'f461d3362d4b61b7431a8de73d723ba05f0ed16b', name: "error-description" }, this.errorDescription)))));
+            }), max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), h("slot", { key: '37629423645755fdf53ea955ead6950752047ca4', name: "trailing-input" }), this.error && (h("nv-icon", { key: 'a23fccf662246ac1f696942f96d632112644b103', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: 'b20933d5b749b3d3bc56ceb9acab8dc4a1a22c7b', name: "circle-check", class: "validation", size: "md" })), h("div", { key: '1b1eccecd0c62d1c8675b323e5e69df4321ab0b1', class: "stepper" }, h("nv-iconbutton", { key: '4065c40b5f1dcb35d4508741d24ec4e98b410e20', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), h("nv-iconbutton", { key: '185fc575ffb4143b6f212831c0cfdb9467593a14', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), h("slot", { key: '684f6fd512db5becf5a392d641583f3fde4b7ee1', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '731b758b37cf19b90ed83fc59ef071d758fa308c', class: "description" }, h("slot", { key: '6c5b91e259ec4f70353ff52297c5d9e3f5d4e830', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'ac5c52dc7f3ece9cb6c7fa19dfc537fbac307686', hidden: !this.error, class: "error-description" }, h("slot", { key: 'ce43bfc92428463267fccf376b580ab6794e9200', name: "error-description" }, this.errorDescription)))));
     }
     static get is() { return "nv-fieldnumber"; }
     static get formAssociated() { return true; }
@@ -631,4 +631,3 @@ export class NvFieldnumber {
             }];
     }
 }
-//# sourceMappingURL=nv-fieldnumber.js.map

package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.docs.js

@@ -276,4 +276,3 @@ const NvFieldpasswordDocs = {
     ],
 };
 export default NvFieldpasswordDocs;
-//# sourceMappingURL=nv-fieldpassword.docs.js.map

package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.js

@@ -146,11 +146,11 @@ export class NvFieldpassword {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: '187f0ebbf10b6fc51015e35bf3906eebb4009877' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'bf48decdda3cb09bdc3bb66777d9681ca7fe000d', htmlFor: this.inputId }, h("slot", { key: '115f1c66b1b6daa01e5677f83129044244b79a02', name: "label" }, this.label))), h("div", { key: 'bb1f612364948b42c1e46c0e068f0fae46200ba8', class: "input-wrapper" }, h("slot", { key: '2d7a1398a3a72bf4d30fee5b15f0d4f82671f1de', name: "before-input" }), h("div", { key: '900aab152e49d7071c3c886decc7d18d2d04f6ca', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '0ff288dbda29b8b9b19a535f5ef0d9b96e7a7c3a', name: "leading-input" }), h("input", { key: 'ef08440e8ac74bbe6d7af446317d1a1baa632770', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (h(Host, { key: 'f9df0663358647d4305ebce0277cde70500e8740' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'ac7f2c7c2351d231f95f1366fd562168172947e9', htmlFor: this.inputId }, h("slot", { key: 'bd816b47b2e5f396d075fef7162ced4a37fb218f', name: "label" }, this.label))), h("div", { key: '10e75900c29557bdb52d8ea6e44a44cf361fa3eb', class: "input-wrapper" }, h("slot", { key: '11f12897969247d96452d0c60f30634a8d3d1b65', name: "before-input" }), h("div", { key: '43a4dd389bde61fb42d71f9adf7fc3ae39b78937', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '8831059e08707a3a14b19134189291f391ec1e06', name: "leading-input" }), h("input", { key: '06780d7a981405f5fbee6dafde3b044733ac381a', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (h("nv-icon", { key: '3f17aa2d7e3f2a05663b952ea104adbc193100bd', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (h("nv-iconbutton", { key: 'f2c5ba947f6284877a4a67b82fac2e66ef722ab2', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), h("slot", { key: '1c12ce6f14e1dd8dbc5cc22620688d92c275ba15', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '0432c059f5a3c9eacdcde93177a398f4b27b8a88', class: "description" }, h("slot", { key: '4a5b18c7a1df0e8d7e6435ebf731a3025ccd5861', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'ba4986e81220fa41481dc699a52d05ad0b22adc4', hidden: !this.error, class: "error-description" }, h("slot", { key: 'af1b29bb3575f3985f788769a97d5ae38ab26fd9', name: "error-description" }, this.errorDescription)))));
+            }), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (h("nv-icon", { key: 'be4cb48eeb99a2a474cf7a6a53055e04d1baabff', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (h("nv-iconbutton", { key: '0749a349e7f7253c3574b1c5e8b45c27394cac31', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), h("slot", { key: '045d8eae1db96d902e8590fab30673b782b41a24', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'eb0305e565f4056fe0d8213caa5665e38fcbca95', class: "description" }, h("slot", { key: 'a6890087afa2b3d1a289e415bb9c21b7c71e9f04', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '4113509789b3bd7bd2f94217b68527f61449b262', hidden: !this.error, class: "error-description" }, h("slot", { key: '3ca63688c3db3ef4fe3b0d5d341b0b3536b1f692', name: "error-description" }, this.errorDescription)))));
     }
     static get is() { return "nv-fieldpassword"; }
     static get formAssociated() { return true; }
@@ -520,12 +520,13 @@ export class NvFieldpassword {
                 "mutable": false,
                 "complexType": {
                     "original": "`${TextInputAutocomplete}`",
-                    "resolved": "\"on\" | \"off\" | \"section-*\" | \"shipping\" | \"billing\" | \"home\" | \"work\" | \"mobile\" | \"fax\" | \"pager\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-extension\" | \"email\" | \"impp\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"url\" | \"photo\"",
+                    "resolved": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"billing\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"fax\" | \"given-name\" | \"home\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"mobile\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"pager\" | \"photo\" | \"postal-code\" | \"section-*\" | \"sex\" | \"shipping\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-local-prefix\" | \"tel-local-suffix\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\" | \"work\"",
                     "references": {
                         "TextInputAutocomplete": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::TextInputAutocomplete"
+                            "id": "src/utils/constants.ts::TextInputAutocomplete",
+                            "referenceLocation": "TextInputAutocomplete"
                         }
                     }
                 },
@@ -657,4 +658,3 @@ export class NvFieldpassword {
             }];
     }
 }
-//# sourceMappingURL=nv-fieldpassword.js.map

package/dist/collection/components/nv-fieldradio/nv-fieldradio.docs.js

@@ -178,4 +178,3 @@ const NvFieldradioDocs = {
     ],
 };
 export default NvFieldradioDocs;
-//# sourceMappingURL=nv-fieldradio.docs.js.map

package/dist/collection/components/nv-fieldradio/nv-fieldradio.js

@@ -83,9 +83,9 @@ export class NvFieldradio {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '3fceb787d8e778b5724361f0a240a63375117941', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h("input", { key: 'a61213ca3fb3251cd02a3716859a0182a07428d7', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), h("div", { key: '4faca6c7d131897671d307053e28ade9e5f398f8', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'ab93b19fa1fd36d6d0fdae08ac4f935c82d0f355', htmlFor: this.inputId }, h("slot", { key: 'f914379ab7738b7ce2856be0738796da23c130c6', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'fc0d08ba7178252f8ba0c8f958a080f44b8e8a19', class: "description" }, h("slot", { key: '2d7936a1322ea9798998900fa92cfac1f574685c', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '39e27f0156df7ec64324012dc815cba251992d6f', hidden: !this.error, class: "error-description" }, h("slot", { key: '1d408d03c05c3eeba238aea59c5e6393c3befd82', name: "error-description" }, this.errorDescription))))));
+        return (h(Host, { key: 'bae8d6168e0845413655d8b52c14a2c348832616', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h("input", { key: '4d3e7cd78625c3d42025f85be66c8f389501d01e', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), h("div", { key: '2d12f20bc8c0cf4bd3d31916bfeed8a8ef13de37', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '91b2080433d987def3d2ddf45c9817cc5852ebee', htmlFor: this.inputId }, h("slot", { key: '61c2209353903495e30bc86a281b0460a8d1ee2e', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'f33b847894e5ea058ae36bb0fa107c5c28062443', class: "description" }, h("slot", { key: '24c4b14000b8dd0738b1c3fdc8c97aebc9f3c03f', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'bcc07ebfaa0d8dcd3c9a813ccd33322096b5aa82', hidden: !this.error, class: "error-description" }, h("slot", { key: '7cd0cb86be513924ccd83a3a93e4d8871ac21b7b', name: "error-description" }, this.errorDescription))))));
     }
     static get is() { return "nv-fieldradio"; }
     static get formAssociated() { return true; }
@@ -233,7 +233,8 @@ export class NvFieldradio {
                         "LabelPlacement": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::LabelPlacement"
+                            "id": "src/utils/constants.ts::LabelPlacement",
+                            "referenceLocation": "LabelPlacement"
                         }
                     }
                 },
@@ -412,4 +413,3 @@ export class NvFieldradio {
             }];
     }
 }
-//# sourceMappingURL=nv-fieldradio.js.map

package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js

@@ -289,4 +289,3 @@ const NvFieldselectDocs = {
     ],
 };
 export default NvFieldselectDocs;
-//# sourceMappingURL=nv-fieldselect.docs.js.map

package/dist/collection/components/nv-fieldselect/nv-fieldselect.js

@@ -372,15 +372,15 @@ export class NvFieldselect {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: '40714f4af41b7d652d1a468e56849fe1debe8d60' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '3cbb3c5d86df0272ae035e4d55137b2abceed7df', htmlFor: this.inputId }, h("slot", { key: '91c991cc47389ff46346df6616733e205a5cbea7', name: "label" }, this.label))), h("div", { key: '42dfb725f9ff9caf8c00f4b1189f22d229269156', class: "select-wrapper" }, h("slot", { key: 'bbe11ade568532183c52ec56c9d2b8ab667e9d5c', name: "before-input" }), h("div", { key: '8cfe703cd711c2f4831655d616345f06a6f358b0', class: "select-container", onClick: this.handleSelectContainerClick }, h("slot", { key: '1c4194d8e9d98467e7c37400cf0434993e8ea91e', name: "leading-input" }), this.internalReadonly && (h("input", { key: '2c2caf1d45e6d68a644539ded3c7add991abf300', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
+        return (h(Host, { key: '3e1db8da89c5d0b916f683aa69d31c779804fd4d' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'f9563ef31e408807bf5f1f5e2de28ebcc6a85f3e', htmlFor: this.inputId }, h("slot", { key: '5af97b78470901fa65daa6e80b129958544a773c', name: "label" }, this.label))), h("div", { key: '3b27b4b3a3eb0b52d75b89fb74302a0b25c2668d', class: "select-wrapper" }, h("slot", { key: 'f9a55c3d0180d7ebd950433069ab28abf6c1c284', name: "before-input" }), h("div", { key: 'd52aa5c1cfc373e8b7f2a89d2c12b57c94f23ba3', class: "select-container", onClick: this.handleSelectContainerClick }, h("slot", { key: '6d7d0162b5d31bff3ed62394314ae7fbfe0d48f2', name: "leading-input" }), this.internalReadonly && (h("input", { key: 'e424fa104e6fdb914642283da5817cfc9b2a9bde', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` })), h("select", { key: '744913ecd27a2d33996b13f685679467fc837c30', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+                : `${this.inputId}-description` })), h("select", { key: '40b5dc4762ff71b411106504c8f5781c4683d9b0', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
             }), multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` }, this.options && this.options.length > 0 ? (this.options.map(option => (h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h("slot", null))), h("div", { key: '891676c5a9d755b49fd375fba8f193c990d41cfa', class: "select-icons" }, this.error && (h("nv-icon", { key: '2d4528dba1eccbc1acc39d2bfb54a13d03913b9b', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '035768470154e3e529921741802ae74f1b56b29c', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h("nv-iconbutton", { key: '23a1006cc1f1dfa9862af41e64d5d57539bff127', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), h("slot", { key: '5f899c5426e304c1d83b046317eaf732d919cb55', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '0f78de9aa808a625dc6a8f0148a43450992b787e', class: "description", id: `${this.inputId}-description` }, h("slot", { key: '72d96f2909d0b793dcd24fe939b58ebc5e9c7de1', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'c10fdcc3592d36fea37f283835abcf8790a99010', class: "error-description", id: `${this.inputId}-error` }, h("slot", { key: 'c8783f8f94d1c9f082e60e38b061dae49e5b5584', name: "error-description" }, this.errorDescription)))));
+                : `${this.inputId}-description` }, this.options && this.options.length > 0 ? (this.options.map(option => (h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h("slot", null))), h("div", { key: 'a7643035cae31cf8d51c2d5fef4884d937973145', class: "select-icons" }, this.error && (h("nv-icon", { key: 'b14aef3d09000a587ab31c5dd01737c9af6fd484', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '718235edb2b332041fbd52bf7eefb7a3b85fc48e', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h("nv-iconbutton", { key: '1c6f671d617be4ac490a666ac9d4bd1d2e4ca741', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), h("slot", { key: 'c10d04364dcbf2919dd09e2281326400e0121329', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '2f971bfa9568529ffcd442c3a28408614c6d156b', class: "description", id: `${this.inputId}-description` }, h("slot", { key: 'd1e6be348a300c8d157250a46396d9e574ed7e1f', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'df3c8fa6bd21adbd4fedba999449bab77568b166', class: "error-description", id: `${this.inputId}-error` }, h("slot", { key: '7e1c69a2fe2d742699fb8715bc1f3b1f4ef4a9d2', name: "error-description" }, this.errorDescription)))));
     }
     static get is() { return "nv-fieldselect"; }
     static get formAssociated() { return true; }
@@ -839,4 +839,3 @@ export class NvFieldselect {
             }];
     }
 }
-//# sourceMappingURL=nv-fieldselect.js.map