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

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

@@ -155,15 +155,15 @@ export class NvFieldcheckbox {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: 'a652f9f7dcf00323548c79c9ca1f5fe1ef403279', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h("div", { key: '84057811ecdd93b46e4f33868e8c8cc0ea340125', class: "input-container" }, h("input", { key: 'da53b190076395852c2f08be8da16c3a9c53fbaa', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !useNativeRequired, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (h(Host, { key: '6ee6fed9bb078e32a40ac2d6c1c4baf2f1825be1', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h("div", { key: '21b122c2c36382824eea7e66f2382cd333c0831c', class: "input-container" }, h("input", { key: '727fd8a8321e4259d44a8ffe362aa23bdb2e640e', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !useNativeRequired, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
             }), indeterminate: this.indeterminate, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } }), h("span", { key: 'c1263f5094377623504381d52b78769033d13a63', class: "icon" }, this.checked && !this.indeterminate && (h("slot", { key: '49f9639d08ade9a197e283d3677d294ae01369e9', name: "checked-icon" }, h("svg", { key: '9ad3cefe29f5e12d26912679d290441e6f9765d0', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { key: 'b3cf7a393ee5b797310ad338afb5abd3bfd9cfaa', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (h("slot", { key: 'e4a615810324cdc3a14d11dcdaf2e06c9ea8538e', name: "indeterminate-icon" }, h("svg", { key: '50230f9244694641bbb38411a886e563dc5952f5', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, h("path", { key: '8cfb893ef82d5d91c270bc5c029d320a8ca7f276', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("slot", { key: '328cef43f740ad18f2666805ba9e755687aa987c' }), h("div", { key: 'b380cefbf5c97d62d77b9940ef2e241c22764302', class: "text-container" }, h("slot", { key: 'd3f7fb813ada2cfef74e6068eb5a1304bc28396a', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'cf7d3f46915b2d149c6dc4c7cce3b3741c3e952f', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '9c57662513ef680545bcdf8d93c7e92ce4259054', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '352e1a7f2a09867e36d91f16102ea8be158d0ad7', class: "description" }, h("slot", { key: '79e8d147440e4563ca8e966b4f553307c7b5ec1a', name: "description" }, this.description)))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'a8cb608dd9f36efedbfb6f82042c61a487ad227f', hidden: !this.error, class: "error-description" }, h("slot", { key: '3720f914db04c45cb2e5323a129dd05c9ce3fdfb', name: "error-description" }, this.errorDescription))))));
+            } }), h("span", { key: '74e19f64867b671e2f632780726f8cab9c6e485e', class: "icon" }, this.checked && !this.indeterminate && (h("slot", { key: '960d296f7caa4abe6f4268c41c09b29b4c0454da', name: "checked-icon" }, h("svg", { key: '5a6875f34252b36490daabfdc600b4aa748c6f2e', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { key: '8acd040c77cb913d2904daaac86038171e338761', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (h("slot", { key: '42163fea08858131d3a4e74c119565e70d850cf2', name: "indeterminate-icon" }, h("svg", { key: '86d0ce5504ea9e8a82ba6c85b7729ce8161aaecf', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, h("path", { key: 'ce47ed03186447bc90321a2aa8343a3377a6ade7', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("slot", { key: 'b41cb04185643e5dada6da24e5fc325905b53d08' }), h("div", { key: '57509a30441ab9de0c1949f6392dab34674ce91c', class: "text-container" }, h("slot", { key: '81ee7728a5a814371dab853d377e249afb5eab7e', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'f428aeaedd1e70f7b9626c54f3995b2998cde140', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: 'e36c574ba6041b7ab0dee5c02a025370f21d947a', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'fed901aef5e5ac91b5ac04fc8751585b55031666', class: "description" }, h("slot", { key: '84fdd3bd94f0249f3ed821e1849be6a6f192fb72', name: "description" }, this.description)))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'fc0526ddbbd84e08c18ee27c0b4be0533af0fe22', hidden: !this.error, class: "error-description" }, h("slot", { key: 'd288116644ed450bdab0be20a3e7def7481e6c8b', name: "error-description" }, this.errorDescription))))));
     }
     static get is() { return "nv-fieldcheckbox"; }
     static get formAssociated() { return true; }
@@ -333,7 +333,8 @@ export class NvFieldcheckbox {
                         "LabelPlacement": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::LabelPlacement"
+                            "id": "src/utils/constants.ts::LabelPlacement",
+                            "referenceLocation": "LabelPlacement"
                         }
                     }
                 },
@@ -621,4 +622,3 @@ export class NvFieldcheckbox {
             }];
     }
 }
-//# sourceMappingURL=nv-fieldcheckbox.js.map

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

@@ -531,4 +531,3 @@ const NvFielddateDocs = {
     ],
 };
 export default NvFielddateDocs;
-//# sourceMappingURL=nv-fielddate.docs.js.map

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

@@ -343,12 +343,10 @@ export class NvFielddate {
     //#endregion WATCHERS
     /****************************************************************************/
     //#region LISTENERS
-    /* eslint-disable nova/native-event-listener */
     handleClosePopover(event) {
         event.stopPropagation();
         this.open = false;
     }
-    /* eslint-enable nova/native-event-listener */
     handleDocumentClick(event) {
         this.handleClickOutside(event);
     }
@@ -406,15 +404,15 @@ export class NvFielddate {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: 'fb961f31f6876b229d0efc6a7fa5aea2c7a36240' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h("label", { key: '329694103150940fd18587f17b4c8626e11a11a1', htmlFor: this.inputId }, h("slot", { key: '08cbbe78114ec70094021a411cf0615f3b2058df', name: "label" }, this.label))), h("nv-popover", { key: '8edefb4873bbe454e7cc867b0a7d6213d03c63b5', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '7661e762b552132a15b83a275105d4f75da79800', slot: "trigger", class: "input-wrapper" }, h("slot", { key: '206505eea392922ba402a0cccb9e7b62f71a4c65', name: "before-input" }), h("div", { key: 'c6889d4e31f6f8251d06cd1e3aefd31bf1574e26', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '2b6bd21e537faefe054c741d1832669b70a040de', name: "leading-input" }), h("input", { key: '76b8f66e58a53dc67ed131f733a268a4ea3b7ca6', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
+        return (h(Host, { key: '3c13437365ba5c194e382050d83a01c2610f901d' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h("label", { key: '82bccae1ff2044e8b099789e4403857772f8449c', htmlFor: this.inputId }, h("slot", { key: '3a2065e072ba6acb2ca5a162b877d05d30f93815', name: "label" }, this.label))), h("nv-popover", { key: 'afd5fc8f78a46562b318f2f2d48306efa2275fac', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '748395cd864e8ee8f224460a420379b9f8ea362e', slot: "trigger", class: "input-wrapper" }, h("slot", { key: '8c1f2baa6a33861d83c9497ee39a6a2a08b27d2e', name: "before-input" }), h("div", { key: '91dfd2e870fc59e0949ff1ae2b66e0a3c89ec203', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '7e7a11aacf727512ccbf4c5fd149f9ccbf161c0d', name: "leading-input" }), h("input", { key: '47b9d83bb4942604c3e8244995d032743ad84e78', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
                 this.convertToInputmaskFormat(this.dateFormat), name: this.name, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (h("nv-icon", { key: '6f9bf3ef1836292f4400dfeb95a6bfc5723e623f', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '84e3c9a2b9401d4eaf148548b215b96d893d8b07', name: "circle-check", class: "validation", size: "md" })), h("nv-iconbutton", { key: '51f58c493301263ddc073fa44953c72069d2aadf', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
+            }), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (h("nv-icon", { key: '0c8badb4887475f3ce278db7dd1bb9d4f4db1948', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '908c9595d2858b5915ea9625b365d98c9076175d', name: "circle-check", class: "validation", size: "md" })), h("nv-iconbutton", { key: '2acbfe40a0db4b070491e91fa69b9a21fee5111d', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
             ,
-            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '7b791512f5d2b281ef5b2c366fa09828be2e7d78', name: "after-input" })), h("div", { key: '76f5a26675b877c7c7518d52b759fb5b0ffac542', slot: "content" }, h("nv-calendar", { key: '7911d656739fe93ca9d633611a1889a7cd26484c', onSingleDateChange: this.handleSingleDateChange.bind(this), dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '94939789941e6b805d459a03b15762c18012448e', class: "description" }, h("slot", { key: '1f4866126915efb5a704cb7b7a851dfd1bc23c5c', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'b374441b023180272694d25e77c83b340eb34ad9', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '68e29aa346382002655080163c351586eab3b27f' })));
+            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: 'fb9ae11ed575835053e11a28136c545fefa1f185', name: "after-input" })), h("div", { key: '4ed455b92288d64e1d243e0d2268251f183523c9', slot: "content" }, h("nv-calendar", { key: '1af9d63edd9c95414ddcba5e3988a1bf42fae4bb', onSingleDateChange: this.handleSingleDateChange.bind(this), dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '3a124e7dd1d5216ac586893eb2d7ae8383051cdc', class: "description" }, h("slot", { key: '13f0b8e29875e369734799370fbd54c27becebfb', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '78dbbd76ada0c99907c9725fc82f2edfea41830c', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '2c7f702581d6645cb9e6e0e94effa2ea067f049a' })));
     }
     static get is() { return "nv-fielddate"; }
     static get originalStyleUrls() {
@@ -1072,4 +1070,3 @@ export class NvFielddate {
             }];
     }
 }
-//# sourceMappingURL=nv-fielddate.js.map

package/dist/collection/components/nv-fielddate/test/nv-fielddate.logic.test.js

@@ -193,4 +193,3 @@ describe('nv-fielddate - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=nv-fielddate.logic.test.js.map

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

@@ -682,4 +682,3 @@ const NvFielddaterangeDocs = {
     ],
 };
 export default NvFielddaterangeDocs;
-//# sourceMappingURL=nv-fielddaterange.docs.js.map

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

@@ -62,7 +62,6 @@ export class NvFielddaterange {
         /**
          * The initial value of the date range (in string format).
          */
-        // eslint-disable-next-line @stencil-community/strict-mutable
         this.value = '';
         /**
          * The current value of the start date in string format.
@@ -465,12 +464,10 @@ export class NvFielddaterange {
     disconnectedCallback() {
         document.removeEventListener('click', this.handleClickOutside);
     }
-    /* eslint-disable nova/native-event-listener */
     handleClosePopover(event) {
         event.stopPropagation();
         this.open = false;
     }
-    /* eslint-enable nova/native-event-listener */
     //#endregion EVENTS
     /****************************************************************************/
     //#region LISTENERS
@@ -563,16 +560,16 @@ export class NvFielddaterange {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: '3004a1acb1036d810b35c04f0f5f5c7a34786bc9' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h("label", { key: '769c2e122de1845cd58bae4d1b0a5c1a0739efb8', htmlFor: this.startInputId }, h("slot", { key: 'ba6fa47c165079b5353be7b3699f677c653ebcf6', name: "label" }, this.label))), h("nv-popover", { key: '133de2a9ca92b4980c981c86460f88e745ca8b7e', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '25ab7c35536efc98d906adba5ecfc7f569ddcac9', slot: "trigger", class: "input-wrapper" }, h("slot", { key: 'a86c1d1b9265b13129da7658b66b0ab5c114f468', name: "before-input" }), h("div", { key: 'b11baa21ee22943dd42d2a03cd9767dce6085c98', class: "input-container" }, h("slot", { key: 'b1eeda185b40a099e499f76865929a3c8ec547c1', name: "leading-input" }), h("div", { key: 'e88769dd154d6a471bf55875d8962368bbeab1a8', class: "range-inputs" }, h("input", { key: '4366cd2b411ab55c037a61c7314cb0368bd8ca51', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
+        return (h(Host, { key: 'ff398fcfbbe95e5665b774fe43350acbbc348fe9' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h("label", { key: '2b1909b93047611192bb66f574bdda3b206e2385', htmlFor: this.startInputId }, h("slot", { key: '8195acf71bec4897fca7c4617eb0de096e88b191', name: "label" }, this.label))), h("nv-popover", { key: 'ba36048cf5a34974f4f4deb66fb0d735988e5b53', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '14b6d78ac81001bd174bad38172a8a1a1f347731', slot: "trigger", class: "input-wrapper" }, h("slot", { key: 'fb016c89c6f8f99ae3c67917fc623bd5ebfd55fc', name: "before-input" }), h("div", { key: 'ba782a5e283e468467ccdb9b571046cd2f4852e9', class: "input-container" }, h("slot", { key: '2adfa150e03b07b3fc68dcf58e8033b7945161a0', name: "leading-input" }), h("div", { key: '0276764deeb85f4211ac741f3eb5fef2f9fbcb43', class: "range-inputs" }, h("input", { key: 'b752bb09fefcd173403cb11db40d0aabd25e1388', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
                 this.convertToInputmaskFormat(this.dateFormat), name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), h("div", { key: '93846c516610323c8468cb7c16cfaf8afa648cb8', class: "range-separator" }), h("input", { key: '98213e19d18bf051c89feb15e58db6106aabc6e7', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
+            }), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), h("div", { key: 'd5be46903d09c3b189dc4e7ee8ddad170c0f6286', class: "range-separator" }), h("input", { key: '11b9a3838149854e68ae7c9d96aedbaaba84a90d', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
                 this.convertToInputmaskFormat(this.dateFormat), name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (h("nv-icon", { key: 'c79ff3377ce9c630957167de5808e02657fb9e32', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: 'aa473931945a55c0da9aef1261ca156f4fc4ce30', name: "circle-check", class: "validation", size: "md" })), h("nv-iconbutton", { key: '456d781e8593aa34140e69088fd2efd373c247ef', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '28db0a3f5435573a3555a2160a5748756e82a1be', name: "after-input" })), h("div", { key: 'fffa1784d7977a8fedb88a9da7932060f974aade', slot: "content" }, h("nv-calendar", { key: '19a7dbe5ddd3a1f37a73931172361e9759a6fd02', ref: el => (this.calendarElement = el), onRangeDateChange: this.handleRangeDateChange.bind(this), onValueChanged: this.handleCalendarValueChanged.bind(this), onSingleDateChange: this.handleCancelDateChange.bind(this), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'db1c250e43991dcf83f71ea8d374d4763dfd24b2', class: "description" }, h("slot", { key: 'a5e2ea1648fc65f74e483179a458b00033ec26ca', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'cd7011706c4be00420168b439185d561a794807b', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '47f3a04830fb4a3f7626ea5bab88b7e2d532786a' })));
+            }), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (h("nv-icon", { key: '26b42abdeafd75930a5ca607d24337b6b3c10ac2', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '1af99ccf21b9f8089204e9e97c2453b2bdeffd29', name: "circle-check", class: "validation", size: "md" })), h("nv-iconbutton", { key: '38b70d2b9f4ec16ff1707dc2b05ceae806646541', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '2ab6a03f44f04595763f4a6cbb8bc142578e1b3a', name: "after-input" })), h("div", { key: '1fc0213d712a8560dee995c4d26c7d9944af650b', slot: "content" }, h("nv-calendar", { key: 'd883272405391bec569516321fd2eae93dac817a', ref: el => (this.calendarElement = el), onRangeDateChange: this.handleRangeDateChange.bind(this), onValueChanged: this.handleCalendarValueChanged.bind(this), onSingleDateChange: this.handleCancelDateChange.bind(this), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'd0f9852ccd37202db9653b338cf850ba44365ddf', class: "description" }, h("slot", { key: 'cff092ce15f1f90f246de859fea30d3714fd4520', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'c9dfd25d6784cca037337e7ffe28fc4ac1d33fd5', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '8123f07bf03ae219917f2e9f8146142bd8781bd4' })));
     }
     static get is() { return "nv-fielddaterange"; }
     static get originalStyleUrls() {
@@ -1295,4 +1292,3 @@ export class NvFielddaterange {
             }];
     }
 }
-//# sourceMappingURL=nv-fielddaterange.js.map

package/dist/collection/components/nv-fielddaterange/test/nv-fielddaterange.logic.test.js

@@ -1,4 +1,3 @@
-/* eslint-disable jsdoc/require-jsdoc */
 import { describe, it, expect } from "vitest";
 /**
  * Logic tests for nv-fielddaterange basic functionality
@@ -134,4 +133,3 @@ describe('nv-fielddaterange - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=nv-fielddaterange.logic.test.js.map

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

@@ -536,4 +536,3 @@ const NvFielddropdownDocs = {
     ],
 };
 export default NvFielddropdownDocs;
-//# sourceMappingURL=nv-fielddropdown.docs.js.map

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: 'fc83e8834e38142ad102d17495b5978283699576', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '5a1eb965296909556869a025a6e4da609f2cbf90', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, h("slot", { key: 'd5d4f3607e07e248c4083c3ea934a3bd1d7a7467', name: "label" }, this.label))), h("nv-popover", { key: '17e42a4d729dbc735db49f398ec14e0c296ff8ee', triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: e => this.openChanged.emit(e.detail) }, h("div", { key: 'a665ff2d2142acf5335d52e9a304ea2995750e5f', class: "input-wrapper", slot: "trigger" }, h("slot", { key: 'bddb24c6404ea0ea7da33485f8d497d0a635f3e2', name: "before-input" }), h("div", { key: '7275a9a99c9b4476b405f3966f128ce9ce92801a', class: "input-container" }, h("slot", { key: 'ede3c4442f365377eb83524f5d70d2922cd2a38b', 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: 'd1aa81c5d14601ea85cec133a94f2b071ca98358', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (h("nv-icon", { key: 'd49e30222d63ffdcc4d952d959a98946b943685f', name: "alert-circle", class: "validation", size: "md" })), h("nv-iconbutton", { key: '6e157ce63f3f6faa08df5b7b9b7e6fd3ae9d0c31', "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: '665519b43abbd562ea1c3e36355b15ffb3e6fea2', name: "after-input" })), h("div", { key: 'da97b6498e93d5f6c427bec6963db697c41c2d9a', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, this.options?.length > 0 && (h("ul", { key: '0db57a711680aad61c32993b5f3afe304ec9066f' }, this.options.map(option => (h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), h("slot", { key: '5c7643c6436c42efa63bab75f416b684b662812b', name: "content" }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '0ade462a96a16bb0cf6fb9d49d4ead0d98a6234b', class: "description" }, h("slot", { key: 'bb2d0c3340bdc0d0b3ac77feab8bc70a73b89a00', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'c04c2329d71e088b262a46441bb3bd9592d304e8', hidden: !this.error, class: "error-description" }, h("slot", { key: 'b85d769f12c4bf2a2ba5aba69c20566d17801f0a', 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: '6d50463d72a8e2dde08ba3d7bc6f3ba21021163e', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, h("slot", { key: 'b38c59fc95f124c3395ff1ab0b7dfc4ecc27823b' }, h("div", { key: 'a5ba5d4b636847e5ce6c1bab6cbbce418b70a1af', class: "text-wrapper" }, h("span", { key: 'f01a0aa5ee475a9640c7abefe321f605ea5e7cdf', "data-scope": "text" }, this.label))), this.selected && (h("nv-icon", { key: '9cd1b5532a4d2f5c2546e9432262f483bd5c8d69', 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: '6c5bc9f6060ac711a1360dd45da58dddf7d7d563', onClick: this.handleClick }, h("nv-fieldcheckbox", { key: 'f3efe64e5f03411f1fe7433821a46c50cd18e10e', 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: 'e603490efb497f0ef62049e7b44c34d91c8989d2' }), h("slot", { key: '6774a2ab5bf182297929afbcec8c489bf620bcab', name: "main" }), h("slot", { key: '5ca19cd56a5917ed125eb20c6713e25dc512fb45', name: "label" }), h("slot", { key: '847864bfbc3302bb07088f77d9c2d200fac8b505', 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: '1e36baa7bada38760fc9363329cb133d92aad28b' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '7c47d4417b1a26dd35e0e566451c3e8386803611', htmlFor: this.inputId }, h("slot", { key: '6aeedee63b8d2fbe2d7df6f567cb6d81020efe98', name: "label" }, this.label))), h("div", { key: '4507a0ec037b3822a396ad89d86b62d1adcf0011', class: "input-wrapper" }, h("slot", { key: '7f469b67aa088cea2967e430d1e257097f84ae84', name: "before-input" }), h("div", { key: 'c3c5a0e713e5cd94ab6d9c6414cf33a1bd91daee', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '8c6b3952d186bf4873470fc7fa67768e4d76d561', name: "leading-input" }), h("input", { key: 'f413f4c3cd77a0a872b0038bbf8e61ce780c3f78', 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: 'af60594f2c536e5527478a66b72ad96bedcdcbd7', name: "trailing-input" }), this.error && (h("nv-icon", { key: 'd1ac93ad90cf44304581e4c1516e50a9ccdfa13a', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '13e5220090b3841c6dcc688e89ad99df8df1fc65', name: "circle-check", class: "validation", size: "md" })), h("div", { key: '4823aa102f38909d488cde22f3c8e5607a6dad36', class: "stepper" }, h("nv-iconbutton", { key: 'beb7246372406a126f5eeb10f36532e6727e29db', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), h("nv-iconbutton", { key: 'f17eef8a17252962ee0f282ece0e402cc71a231d', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), h("slot", { key: '54e427210db1972f194a7e60a5523038615e2889', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'b74c0ecd5d63a072a47b841294614d9f7cfb1371', class: "description" }, h("slot", { key: '3feddef8e3658097a3137dbdbd872e72c527f5f8', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '4b6956f6ae94393d37b94703401dc6ab62657fdf', hidden: !this.error, class: "error-description" }, h("slot", { key: '37c04247cf7842d623ee36b1144f9656af651768', 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