@nova-design-system/nova-webcomponents 3.0.0-beta.43 → 3.0.0-beta.44

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

@@ -83,9 +83,9 @@ export class NvFieldradio {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'cab4d25a83792d8f0d3f5de48073a621f8b1823e', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h("input", { key: 'a923e6ad8e76b90c5e00ae17a353614b8f7390b1', 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: '585cc5389b0190e2291447d188637e8325d937aa', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '7e16f9cd7078e11661685a141afbd46472683e0f', htmlFor: this.inputId }, h("slot", { key: '3e9aab3f47e1a0c96a6e3b6f2495428bce324962', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '0c2b8b8e49dd877131c37bb23d450e254c58fcdc', class: "description" }, h("slot", { key: 'fd3d99a005667b46260dde7d84f4c6b82e4e4853', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'd524f91210f3e28627e68f380484d1c28ab962d9', hidden: !this.error, class: "error-description" }, h("slot", { key: '416222f3b3db021de57b35697a64270582f6bad7', name: "error-description" }, this.errorDescription))))));
+        return (h(Host, { key: 'c600a157513b8401903807773cbd269008b35197', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h("input", { key: '7861b2a7e9f6b5b4bef5f74781401eb4fb3c746d', 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: '3612e5a6667d8bb1800a724386f84debe33cc0f4', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'e9caab357d06e25dab7b7b72020f56029d89f373', htmlFor: this.inputId }, h("slot", { key: '04441ea9acb42628cf0618c566e9d7be159d962d', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '190427a3db123787a85f2abb72e47192a06586b4', class: "description" }, h("slot", { key: '6799968f7ebbc302890c4544fe16f5928ac2a0e8', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'b37bd97668df39b1160c581f0b62a5140ada9b59', hidden: !this.error, class: "error-description" }, h("slot", { key: '7a715e8cc5dd5f41173d3b4d5d7cc229a787e2f9', name: "error-description" }, this.errorDescription))))));
     }
     static get is() { return "nv-fieldradio"; }
     static get formAssociated() { return true; }

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

@@ -343,13 +343,13 @@ export class NvFieldselect {
      * @returns {HTMLStencilElement} The HTML element to render.
      */
     render() {
-        return (h(Host, { key: 'e447f10faacbd9107b3636b711745655b234daaf' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '6949ffbfa4a3d055689aa384521456277336eb31', htmlFor: this.inputId }, h("slot", { key: 'c46be62ffca373acaa64555dd055d0e506731ff8', name: "label" }, this.label))), h("div", { key: '73173b60885c479e76c9d089f40033ac73641597', class: "select-wrapper" }, h("slot", { key: 'a64bbdef05fd860d1534bea9c5d8143abe2aa688', name: "before-input" }), h("div", { key: 'c8d5503afd194397a0385959fbe557544208f7e9', class: "select-container", onClick: this.handleSelectContainerClick }, h("slot", { key: '82456f7f21d552459af03787b26363acb9d77cb8', name: "leading-input" }), this.internalReadonly && (h("input", { key: '2b02c5f82fd43d2f12d2473ebe68704e7aac2c52', 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: '2d7fbe4141cbef0243b0c08c5af89e6249f20c09' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'e8a03bde5c1c35d24d4ebe0b266aa3a653e6f763', htmlFor: this.inputId }, h("slot", { key: '9a2ec1d03f76c5349fc93c99f3a409ea47a24f62', name: "label" }, this.label))), h("div", { key: '6226069dcdc067cec3f6a3eaaf9ba536baf9ddf9', class: "select-wrapper" }, h("slot", { key: 'f94e5b37a4008571913260b371aa2a710ba16fad', name: "before-input" }), h("div", { key: '9774c2ee0b8b0b4159e90d2ac4b1bd98616e9554', class: "select-container", onClick: this.handleSelectContainerClick }, h("slot", { key: 'e84d98a96ab47916d8332968f1d94946251582b3', name: "leading-input" }), this.internalReadonly && (h("input", { key: 'c0a22ae71c95e0b22a8d1a8dbd5a6d447970147b', 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: '597815200ff13a3a94c5f8cf2f31f292630831a1', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
+                : `${this.inputId}-description` })), h("select", { key: '792ea3aa8c7cc04110951e7896ff54c0e097fb9d', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, 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.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h("slot", null))), h("div", { key: 'e7315331865264cfceefc37333f29f503cfaca60', class: "select-icons" }, this.error && (h("nv-icon", { key: '20b2a3b436a31b4528c0a6336433baa20f1dade7', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '6ddb9ce572a0e66670ea3a3f084c08b465a1054f', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h("nv-iconbutton", { key: '7df5645e762451036ba84e8ae7e533f6d9c9e89e', name: "chevron-down", size: "md", emphasis: "lower", tabIndex: -1 })))), h("slot", { key: '43220cb3c92d9876e2f22645ed695c076439999a', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '7ca06f0ec81f82cce825045bef226bdaeaa2774d', class: "description", id: `${this.inputId}-description` }, h("slot", { key: '008a54ac423cfe534214d0f32d5b557419d60aaf', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '1c5d34d7441cdaa28c463f062c74070b8193433e', class: "error-description", id: `${this.inputId}-error` }, h("slot", { key: '98a88b41c33a87541d2b3833ca95fc5dff7a8d2e', name: "error-description" }, this.errorDescription)))));
+                : `${this.inputId}-description` }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h("slot", null))), h("div", { key: 'c05c31e672ac5e63c6935aa1457f180860193af3', class: "select-icons" }, this.error && (h("nv-icon", { key: 'b8a51b02da5a15bed729022268a298fe4242af78', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '2e54e71e2ca509762616baa546ade6362e9b3607', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h("nv-iconbutton", { key: '7d7548609c904d261ffc347a24bf5fcfe10c3896', name: "chevron-down", size: "md", emphasis: "lower", tabIndex: -1 })))), h("slot", { key: '22741934d8e09a384c9b1a84b773e3dbbd5ea061', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '2b352c4845ed135b03429b8382b8b7c79a1468ea', class: "description", id: `${this.inputId}-description` }, h("slot", { key: 'b1afb4fa2a554d5ce8a9e8d7c1a122baef2af671', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '7a472dfd9df5d9e1a2bab533d24d6f3656072a2d', class: "error-description", id: `${this.inputId}-error` }, h("slot", { key: '70bf1c4c53a26f4aaeb72cce36260560e5d098fd', name: "error-description" }, this.errorDescription)))));
     }
     static get is() { return "nv-fieldselect"; }
     static get formAssociated() { return true; }

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

@@ -106,9 +106,9 @@ export class NvFieldtext {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '9979c9c835f414965a4ae1ee3db398ee6223c3a9' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '899abb4f3faaa65e1f32738e7ab91440dcc32fd2', htmlFor: this.inputId }, h("slot", { key: 'f82bb9e2e63d56afb8078ffcdaee8da6d2b3df87', name: "label" }, this.label))), h("div", { key: 'b75dfdfc0c875db7019a23c084133b90d957ed8e', class: "input-wrapper" }, h("slot", { key: 'cf4cd32cd106bee88c662fd0960e67ba87dddbc9', name: "before-input" }), h("div", { key: '2f005ef34a722424dcf86c9e189d1ab001bd2495', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '0d554159f716ed6a4dae76a6b0befd05cdf97173', name: "leading-input" }), h("input", { key: '8dbba6bce4617cbd3d9168b897c0101c83fb6e1e', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), this.error && (h("nv-icon", { key: 'cb4a0028e53aefcaf9b3127488811ea9d66cd305', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '307fa39a19684d92b5e64ce83301dac337948822', name: "circle-check", class: "validation", size: "md" }))), h("slot", { key: 'a8eb4186286fd472b7c0d515be544e6331bad33c', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'f5bd9926035d6d8829382adea3f68eb633bbf738', class: "description" }, h("slot", { key: '561c28cc04225e9d84a86b161714efde4882debe', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '09e08c344f477d70f698a9c11e38c737667c4ef6', hidden: !this.error, class: "error-description" }, h("slot", { key: '117cd688cb63f5411225d468ca2071b19c1be39f', name: "error-description" }, this.errorDescription)))));
+        return (h(Host, { key: '322d1e58130e04d69a5f14343fc5325c299e7d74' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '12cc27c3d8e7791db20ba39be84a261708ac1b81', htmlFor: this.inputId }, h("slot", { key: '01cbeb48a79294d3c10283891fcdd68fce8b5597', name: "label" }, this.label))), h("div", { key: 'd13eccee6cb016d49b9e2bba0a6333ea9ddb7cb0', class: "input-wrapper" }, h("slot", { key: 'af2ffdddf6f9ae4f1af16a1710a0f829ef30196c', name: "before-input" }), h("div", { key: 'b598d6b8709bd56051b25a12705a3b785cc5c7d5', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: 'c3006ed040dee98b443467e5d4a081fb4404efd8', name: "leading-input" }), h("input", { key: '057f8836541e78d465083174ec029ed9ba56d950', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), this.error && (h("nv-icon", { key: '1c961288b97eb8f2580fd421b03db1f275709d47', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '4ffaf30cf97c5c6e69709abcca3db5ef7fa2598e', name: "circle-check", class: "validation", size: "md" }))), h("slot", { key: '46257b784d082071ed717f37aeac1e1bbffaeac3', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'dad03cc1954a17b4d9075f5c0949abdb83bee15c', class: "description" }, h("slot", { key: '62c4d6315ad5eff50c86e289d7bcc61afacf64bc', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '3cd561cd634519ae18da4edfe8ec35dd2000a4ce', hidden: !this.error, class: "error-description" }, h("slot", { key: '7fc992b0285652f46530ca23f12e626752dd1282', name: "error-description" }, this.errorDescription)))));
     }
     static get is() { return "nv-fieldtext"; }
     static get formAssociated() { return true; }

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

@@ -173,9 +173,9 @@ export class NvFieldtextarea {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '967dc1eda269d0e3df1351d3e34b8be14f9cb639' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '4337acb56fc6712eb0a3e509b2a551043b43eadf', htmlFor: this.inputId }, h("slot", { key: 'c7229aad2d78f79fad1f103908976efefe282b01', name: "label" }, this.label))), h("div", { key: 'a33155dbb4d6b5d481503225136435690eebf819', class: "textarea-wrapper" }, h("div", { key: '14dbd33038acef44773bcf925dcb1fa9531bb6e9', class: "textarea-container", onClick: this.handleTextareaContainerClick }, h("textarea", { key: 'eee274bac197d25f99114f95684996e1fa933b57', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'f3f214c3a3e3ee03b3ac44d7dcf6224f3d58585d', class: "description" }, h("slot", { key: '803bf10aec909ab4c55098818df6bcd3e22a1957', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'aefd1d3ed4ed2535b06cd314ffe0b19506f7510d', hidden: !this.error, class: "error-description" }, h("slot", { key: 'e43344938bda4acb4523998e9d21f5b6d8300d1a', name: "error-description" }, this.errorDescription)))));
+        return (h(Host, { key: '9edf7962ccdff743da72152b98f03d27c8f14f1f' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'c3f365dc9d7b27464ead7b80d2bf29ab830cc8df', htmlFor: this.inputId }, h("slot", { key: 'bcfc6ada8c84894be98adcc58c5d5dbc19da5693', name: "label" }, this.label))), h("div", { key: 'e6341cf7d87d9e0d2534ddb0401b595970beabfb', class: "textarea-wrapper" }, h("div", { key: '80e0b0bc0cb7ec4b237b032e0a4c00a3d6a2e16a', class: "textarea-container", onClick: this.handleTextareaContainerClick }, h("textarea", { key: '20bcce08c32dddaa9fcd54b5fca5724318f31010', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'd3f26d3a2f81d5009e55e532ce8079433bbe60bb', class: "description" }, h("slot", { key: 'd9f16157d8ea355d57d8935aec45aa1fcaba2b68', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'c4b838a46fc477530dcb6101f8d8758d99466f65', hidden: !this.error, class: "error-description" }, h("slot", { key: '3370a1b2d89a1d24a9e3ed93aebf04751aaa1e86', name: "error-description" }, this.errorDescription)))));
     }
     static get is() { return "nv-fieldtextarea"; }
     static get formAssociated() { return true; }

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

@@ -967,26 +967,26 @@ export class NvFieldtime {
             }, key: `${option}-${index}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
-        return (h(Host, { key: '1ef0b47c6886db0b91833d4680638eeafe886894', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '7f0c658c7ad89e2f0fb5100a4de46d368b8edf85', htmlFor: this.inputId }, h("slot", { key: '2378b6f07660bb1c536e52a9e48b7a633f9d8bca', name: "label" }, this.label))), h("nv-popover", { key: 'cc543c978adc3a58c343688b3b579240abfd244d', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '776927c5aec228f04c0079cc51d7772e50425dae', class: "input-wrapper", slot: "trigger" }, h("slot", { key: '9d5324592d1a1e9aed17a4bcdcdfcd0e5be88632', name: "before-input" }), h("div", { key: 'ed804b5a42ac0bff1c142f2374d5b32c45d3f5bb', class: "input-container" }, h("slot", { key: 'a2085ff4c458cd9cbf5d5824bd2f3624b71560b3', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
-            h("input", { key: 'a21fb6c62075b878dd849d9860bdee7cf8d56e61', ref: el => (this.inputElements[TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Hours), name: this.name
+        return (h(Host, { key: '2bd5109091c0e07418ce9565e87384f386428c7f', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'fb435b88f17474c69e9400f3f74545a6e1b9e71c', htmlFor: this.inputId }, h("slot", { key: 'c252c0daf40bec73e405ad53a06ca84de823b3d7', name: "label" }, this.label))), h("nv-popover", { key: '009f40e96c5cb95ef985909e8a0edfa9df3e7c7f', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: 'd22fa1424d88309d07dbbd73a8c1d25d21392329', class: "input-wrapper", slot: "trigger" }, h("slot", { key: 'e56bcfab83d254bc7df35ac84481b5ef67b23ca2', name: "before-input" }), h("div", { key: '20ce8289edbfbddd54424dd86e672ab4689cd51d', class: "input-container" }, h("slot", { key: '98c4d58900edfc2b618f6882be0832eae4ce1e65', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
+            h("input", { key: '9317fddf11f5715a585f784cda78b54aa62be063', ref: el => (this.inputElements[TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Hours), name: this.name
                     ? `${TimeType.Hours}-${this.name}`
                     : TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('mm') && [
-            h("span", { key: 'cb0a76c804e60fb918980271cc2e19c389f6ffbc' }, ":"),
-            h("input", { key: '5ea428290a17350d74e3038728d0992c6fdad28e', ref: el => (this.inputElements[TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Minutes), name: this.name
+            h("span", { key: '044a1a102651f107f84815479428737a01ec9bc5' }, ":"),
+            h("input", { key: '19facb2211d8e3505a66effb65357e40cd5d4cdb', ref: el => (this.inputElements[TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Minutes), name: this.name
                     ? `${TimeType.Minutes}-${this.name}`
                     : TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('ss') && [
-            h("span", { key: '68c7d188eee595668066e82fbfa60f387d1078f6' }, ":"),
-            h("input", { key: '23345802e5b7b9ea2e98fc47ca0ed88fec1f2176', ref: el => (this.inputElements[TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Seconds), name: this.name
+            h("span", { key: '239c6cee81a91eaa37c66dad419838eac713dc52' }, ":"),
+            h("input", { key: '86b90a830be379c88c93b56cb19ff2f7905ae90a', ref: el => (this.inputElements[TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Seconds), name: this.name
                     ? `${TimeType.Seconds}-${this.name}`
                     : TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
-        ], h("nv-iconbutton", { key: '103fc264c69cf3f8cac073d7815d24b3fdf9a821', name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (h("nv-icon", { key: 'c78ec167b3f228a03172eee52fe888a8456f5851', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h("nv-icon", { key: '845802ea8ebe47b66701a11663c1b5052a51a7e8', name: "circle-check", class: "validation", size: "sm" }))), h("slot", { key: 'd07b15d6baf4960bf12dec9cc883e89a969c08ea', name: "after-input" })), h("div", { key: 'c165f47781a106f0b586f7e39e30902c873faa07', class: "time-dropdown", slot: "content" }, h("div", { key: '2c544ba696b3ed2dc1db98ecc99b00d00f7b1531', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
+        ], h("nv-iconbutton", { key: '2aed05d3ba441bb145e43b480d3c30b227559fd5', name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (h("nv-icon", { key: '88e621d6753e3b4661a49d612133eff268abe459', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h("nv-icon", { key: 'c9493053d4c60c9826517e63d8bdb9d3d915e5a4', name: "circle-check", class: "validation", size: "sm" }))), h("slot", { key: 'd1e56ff18a036b3eecfc3b82603417747444f515', name: "after-input" })), h("div", { key: 'ee316a5355842ba4b94d7f155be4ee76170b653d', class: "time-dropdown", slot: "content" }, h("div", { key: 'b4c00d933a89420c2b7f6c91e52dab14b00aacd2', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
             this.RenderTimeOptionsColumn(TimeType.Hours), this.format.includes('mm') &&
             this.RenderTimeOptionsColumn(TimeType.Minutes), this.format.includes('ss') &&
             this.RenderTimeOptionsColumn(TimeType.Seconds)))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'f096bace0439c56e5707e385df02cd0c8d76665c', class: "description" }, h("slot", { key: '2a90719cfeb9f95ca9f298a1dce3383bbbb99f47', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '62d7d553ac6ad2f1d86d241a3042093a1b95d5d0', hidden: !this.error, class: "error-description" }, h("slot", { key: '03ff68aae8a2433f791da59721fd090f2573eebf', name: "error-description" }, this.errorDescription)))));
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'ebb6ca0885ea6f099617f2deebd1e55e53dd4f05', class: "description" }, h("slot", { key: '7045fe19cba7c811db78636b57f05d2f9913f49e', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'b6b52a078889f4a5e5856bc29580f1dd461175e0', hidden: !this.error, class: "error-description" }, h("slot", { key: '76759966defe06d595e9aa5df3a580ebea1d7f81', name: "error-description" }, this.errorDescription)))));
     }
     static get is() { return "nv-fieldtime"; }
     static get formAssociated() { return true; }

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

@@ -48,7 +48,7 @@ export class NvIcon {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '75b6f4f23483a5a1974c683081f47d6382e37230', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h("svg", { key: 'bfc8a74c5a62ddf0f218fd55b108aecb2652343a', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h("use", { key: '627f3dd7d5348c1e7fe060e447e4d0d08a03b0c0', href: `#${this.name}` }))));
+        return (h(Host, { key: 'af052140e4b3d9e7b8b11b7a9f074b1a774500b8', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h("svg", { key: '0f7d916bdc94a13c5efbef392696197b511d6060', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h("use", { key: 'b333c06450a2467e13202edee9dd869a5f38cd66', href: `#${this.name}` }))));
     }
     static get is() { return "nv-icon"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-icon/nv-icons.js

@@ -34,6 +34,7 @@ export const iconNames = [
     'arrows-move',
     'aspect-ratio',
     'atom',
+    'badge-theme',
     'basket',
     'battery-1',
     'battery-2',
@@ -200,7 +201,6 @@ export const iconNames = [
     'file-type-pdf',
     'file-type-png',
     'file-type-ppt',
-    'file-type-xls',
     'file-type-xml',
     'file-type-zip',
     'file-upload',
@@ -224,6 +224,7 @@ export const iconNames = [
     'folder-x',
     'folder',
     'folders',
+    'frame-66',
     'frame',
     'gas-station',
     'gauge-off',
@@ -249,8 +250,475 @@ export const iconNames = [
     'hourglass-low',
     'hourglass-off',
     'hourglass',
+    'iaccess-point-off',
+    'iaccess-point',
+    'iaccessible',
+    'iactivity',
+    'iaddress-book',
+    'iadjustments-horizontal',
+    'iadjustments-up',
+    'iadjustments',
+    'iaffiliate',
+    'iair-conditioning',
+    'ialert-circle',
+    'ialign-center',
+    'ialign-left',
+    'ialign-right',
+    'iapp-window',
+    'iapps',
+    'iarchive',
+    'iareas',
+    'iarrow-back-up',
+    'iarrow-back',
+    'iarrow-down-left',
+    'iarrow-down-right',
+    'iarrow-down',
+    'iarrow-forward-up',
+    'iarrow-forward',
+    'iarrow-left',
+    'iarrow-right',
+    'iarrow-up-left',
+    'iarrow-up-right',
+    'iarrow-up',
+    'iarrows-exchange',
+    'iarrows-move',
+    'iaspect-ratio',
+    'iatom',
+    'ibasket',
+    'ibattery-1',
+    'ibattery-2',
+    'ibattery-3',
+    'ibattery-4',
+    'ibattery-automotive',
+    'ibattery-charging',
+    'ibattery-eco',
+    'ibattery-off',
+    'ibattery',
+    'ibell-off',
+    'ibell-ringing',
+    'ibell',
+    'ibike',
+    'ibluetooth-connected',
+    'ibluetooth-off',
+    'ibluetooth',
+    'ibolt',
+    'ibook',
+    'ibookmark-off',
+    'ibookmark',
+    'ibookmarks',
+    'ibox-align-top',
+    'ibox-multiple',
+    'ibriefcase',
+    'ibrightness-down',
+    'ibrightness-up',
+    'ibrowser-check',
+    'ibrowser-plus',
+    'ibrowser-x',
+    'ibrowser',
+    'ibrush',
+    'ibuilding-bank',
+    'ibuilding-factory',
+    'ibuilding-lighthouse',
+    'ibuilding-store',
+    'ibuilding',
+    'ibulb-off',
+    'ibulb',
+    'icake',
+    'icalendar-time',
+    'icalendar',
+    'icamera-off',
+    'icamera',
+    'icar-crane',
+    'icar',
+    'icaravan',
+    'icash-banknote',
+    'icash',
+    'icast',
+    'icell',
+    'icharging-pile',
+    'ichart-arcs',
+    'ichart-area-line',
+    'ichart-area',
+    'ichart-arrows-vertical',
+    'ichart-arrows',
+    'ichart-bar',
+    'ichart-bubble',
+    'ichart-circles',
+    'ichart-donut',
+    'ichart-dots',
+    'ichart-line',
+    'ichart-pie',
+    'ichart-radar',
+    'icheck',
+    'icheckbox',
+    'ichecklist',
+    'ichecks',
+    'ichevron-down',
+    'ichevron-left',
+    'ichevron-right',
+    'ichevron-top',
+    'ichevrons-left',
+    'ichevrons-right',
+    'icircle-caret-right',
+    'icircle-check',
+    'icircle-x',
+    'icircuit-alternate',
+    'icircuit-ground-digital',
+    'iclipboard-check',
+    'iclipboard-list',
+    'iclipboard-plus',
+    'iclipboard-text',
+    'iclipboard-x',
+    'iclipboard',
+    'iclock-edit',
+    'iclock',
+    'icloud-data-connection',
+    'icloud-download',
+    'icloud-rain',
+    'icloud-snow',
+    'icloud-upload',
+    'icloud',
+    'icolor-picker',
+    'icolor-swatch',
+    'icompass',
+    'icontract',
+    'icopy',
+    'icpu',
+    'icrane',
+    'icredit-card',
+    'icrop',
+    'icross',
+    'icrown',
+    'icurrency-bitcoin',
+    'icurrency-dollar',
+    'icurrency-ethereum',
+    'icurrency-euro',
+    'icut',
+    'idashboard',
+    'idatabase',
+    'idevice-desktop',
+    'idevice-floppy',
+    'idevice-gamepad',
+    'idevice-laptop',
+    'idevice-mobile-rotated',
+    'idevice-mobile',
+    'idevice-tablet',
+    'idevice-watch',
+    'idevices',
+    'idialpad',
+    'idirection-horizontal',
+    'idirection-sign',
+    'idirection',
+    'idiscount',
+    'idoor-enter',
+    'idoor-exit',
+    'idoor-off',
+    'idots-vertical',
+    'idots',
+    'idownload',
+    'idrone',
+    'idroplet-filled',
+    'idroplet-half',
+    'idroplet',
+    'idroplets',
+    'iedit',
+    'iengine',
+    'iexternal-link',
+    'ieye-off',
+    'ieye',
+    'iface-id',
+    'ifeather',
+    'ifile-alert',
+    'ifile-analytics',
+    'ifile-check',
+    'ifile-code',
+    'ifile-download',
+    'ifile-export',
+    'ifile-horizontal',
+    'ifile-import',
+    'ifile-plus',
+    'ifile-search',
+    'ifile-text-bookmark',
+    'ifile-text',
+    'ifile-type-bmp',
+    'ifile-type-css',
+    'ifile-type-csv',
+    'ifile-type-doc',
+    'ifile-type-html',
+    'ifile-type-jpg',
+    'ifile-type-js',
+    'ifile-type-pdf',
+    'ifile-type-png',
+    'ifile-type-ppt',
+    'ifile-type-xls',
+    'ifile-type-xml',
+    'ifile-type-zip',
+    'ifile-upload',
+    'ifile-x',
+    'ifile-zip',
+    'ifile',
+    'ifiles-off',
+    'ifiles',
+    'ifilter-off',
+    'ifilter-sort',
+    'ifilter',
+    'ifingerprint',
+    'ifire-extinguisher',
+    'iflag',
+    'iflame',
+    'iflip-horizontal',
+    'iflip-vertical',
+    'ifolder-minus',
+    'ifolder-off',
+    'ifolder-plus',
+    'ifolder-x',
+    'ifolder',
+    'ifolders',
+    'iframe',
+    'igas-station',
+    'igauge-off',
+    'igauge',
+    'igift',
+    'igps',
+    'igrid-dots',
+    'igrip-horizontal',
+    'igrip-vertical',
+    'ihand-stop',
+    'ihand-waving',
+    'ihash',
+    'ihaze',
+    'iheadphones-off',
+    'iheadphones',
+    'iheadset',
+    'ihelicopter',
+    'ihelp',
+    'ihistory',
+    'ihome',
+    'ihourglass-empty',
+    'ihourglass-high',
+    'ihourglass-low',
+    'ihourglass-off',
+    'ihourglass',
+    'iinbox',
+    'iinfo-circle',
+    'ikeyboard-hide',
+    'ikeyboard-show',
+    'ikeyboard',
+    'ilayout-board-split',
+    'ilayout-dashboard',
+    'ilayout-grid',
+    'ilayout-sidebar-left-collapse',
+    'ilayout-sidebar-left-expand',
+    'ilayout-sidebar-right-collapse',
+    'ilayout-sidebar-right-expand',
+    'ilayout',
+    'ileaf',
+    'ilifebuoy',
+    'ilink',
+    'ilist-search',
+    'ilist',
+    'iloader',
+    'ilocation',
+    'ilock-off',
+    'ilock-open',
+    'ilock',
+    'ilogin',
+    'ilogout',
+    'imail-forward',
+    'imail-opened',
+    'imail',
+    'imap-pin-off',
+    'imap-pin',
+    'imap',
+    'imenu',
+    'imessage-dots',
+    'imessage-off',
+    'imessage',
+    'imessages',
+    'imicrophone-off',
+    'imicrophone',
+    'iminus',
+    'imist',
+    'imoon',
+    'imotorbike',
+    'imouse',
+    'imovie',
     'inbox',
+    'inetwork',
+    'inews',
     'info-circle',
+    'inote',
+    'inotebook',
+    'inotes',
+    'ioffshore-station',
+    'ipackage',
+    'ipalette',
+    'ipaperclip',
+    'ipencil',
+    'iphone-call',
+    'iphone-calling',
+    'iphone-check',
+    'iphone-incoming',
+    'iphone-off',
+    'iphone-outgoing',
+    'iphone',
+    'iphoto-off',
+    'iphoto',
+    'ipig',
+    'ipin',
+    'ipinned-off',
+    'ipinned',
+    'iplane-off',
+    'iplane',
+    'iplant',
+    'iplayer-pause',
+    'iplayer-play',
+    'iplayer-skip-back',
+    'iplayer-skip-forward',
+    'iplayer-stop',
+    'iplayer-track-next',
+    'iplayer-track-prev',
+    'iplug-connected',
+    'iplug',
+    'iplus',
+    'ipower-ac',
+    'ipower-dc',
+    'ipower',
+    'ipresentation-analytics',
+    'ipresentation',
+    'iprinter',
+    'ipropeller',
+    'ipublished',
+    'ipuzzle-2',
+    'ipuzzle',
+    'ipylon',
+    'iqrcode',
+    'iradar',
+    'iradio',
+    'iradioactive',
+    'ireceipt-dollar',
+    'ireceipt-euro',
+    'ireceipt',
+    'irecharging',
+    'irecycle',
+    'irefresh-alert',
+    'irefresh',
+    'irepeat-once',
+    'irepeat',
+    'ireplace',
+    'ireport-analytics',
+    'ireport-medical',
+    'ireport-search',
+    'ireport',
+    'iripple-off',
+    'iripple',
+    'irocket',
+    'irotate-2',
+    'irotate-clockwise-2',
+    'irotate-clockwise',
+    'irotate-dot',
+    'irotate',
+    'irouter',
+    'iruler-measure',
+    'isatellite',
+    'iscale',
+    'ischool',
+    'iscissors',
+    'iscooter-electric',
+    'iscreenshot',
+    'isearch',
+    'iseeding',
+    'iselect',
+    'iselector',
+    'isend',
+    'iserver',
+    'isettings',
+    'ishape',
+    'ishare-2',
+    'ishare',
+    'ishield-check',
+    'ishield-lock',
+    'ishield-off',
+    'ishield-x',
+    'ishield',
+    'iship-off',
+    'iship',
+    'ishopping-cart',
+    'islash',
+    'ismart-home',
+    'isnowflake',
+    'isolar-panel',
+    'isort-ascending-letters',
+    'isort-ascending-numbers',
+    'isort-descending-letters',
+    'isort-descending-numbers',
+    'ispacing-horizontal',
+    'ispacing-vertical',
+    'ispeakerphone',
+    'istack',
+    'istairs',
+    'istar',
+    'isun',
+    'isunrise',
+    'isunset',
+    'iswitch-horizontal',
+    'iswitch-vertical',
+    'itable',
+    'itag',
+    'itank-empty-fill',
+    'itank-full-fill',
+    'itank-medium-fill',
+    'itemperature-off',
+    'itemperature',
+    'itemplate',
+    'iterminal',
+    'itext-size',
+    'itext',
+    'ithumb-down',
+    'ithumb-up',
+    'iticket',
+    'itimeline',
+    'itir',
+    'itool',
+    'itools',
+    'itrain',
+    'itrash-off',
+    'itrash',
+    'itree',
+    'itrees',
+    'itruck-delivery',
+    'itruck',
+    'iumbrella',
+    'iunlink',
+    'iupload',
+    'iuser-circle',
+    'iuser-minus',
+    'iuser-plus',
+    'iuser-worker',
+    'iuser',
+    'iusers',
+    'iversions',
+    'ivideo-minus',
+    'ivideo-off',
+    'ivideo-plus',
+    'ivideo',
+    'ivolume-2',
+    'ivolume-3',
+    'ivolume',
+    'iwallet',
+    'iwand',
+    'iwave',
+    'iwaves',
+    'iwifi-off',
+    'iwifi',
+    'iwind-direction',
+    'iwind',
+    'iwindmill',
+    'iwood',
+    'iworld',
+    'iwriting',
+    'ix',
+    'izoom-reset',
     'keyboard-hide',
     'keyboard-show',
     'keyboard',
@@ -350,6 +818,7 @@ export const iconNames = [
     'recharging',
     'recycle',
     'refresh-alert',
+    'refresh-off',
     'refresh',
     'repeat-once',
     'repeat',
@@ -392,8 +861,9 @@ export const iconNames = [
     'ship-off',
     'ship',
     'shopping-cart',
+    'sizesm',
+    'sizexl',
     'slash',
-    'smart-home',
     'snowflake',
     'solar-panel',
     'sort-ascending-letters',