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

package/dist/cjs/nv-fieldselect.cjs.entry.js

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

package/dist/cjs/nv-fieldtext.cjs.entry.js

@@ -108,9 +108,9 @@ const NvFieldtext = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '9979c9c835f414965a4ae1ee3db398ee6223c3a9' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '899abb4f3faaa65e1f32738e7ab91440dcc32fd2', htmlFor: this.inputId }, index.h("slot", { key: 'f82bb9e2e63d56afb8078ffcdaee8da6d2b3df87', name: "label" }, this.label))), index.h("div", { key: 'b75dfdfc0c875db7019a23c084133b90d957ed8e', class: "input-wrapper" }, index.h("slot", { key: 'cf4cd32cd106bee88c662fd0960e67ba87dddbc9', name: "before-input" }), index.h("div", { key: '2f005ef34a722424dcf86c9e189d1ab001bd2495', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '0d554159f716ed6a4dae76a6b0befd05cdf97173', name: "leading-input" }), index.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 && (index.h("nv-icon", { key: 'cb4a0028e53aefcaf9b3127488811ea9d66cd305', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '307fa39a19684d92b5e64ce83301dac337948822', name: "circle-check", class: "validation", size: "md" }))), index.h("slot", { key: 'a8eb4186286fd472b7c0d515be544e6331bad33c', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'f5bd9926035d6d8829382adea3f68eb633bbf738', class: "description" }, index.h("slot", { key: '561c28cc04225e9d84a86b161714efde4882debe', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '09e08c344f477d70f698a9c11e38c737667c4ef6', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '117cd688cb63f5411225d468ca2071b19c1be39f', name: "error-description" }, this.errorDescription)))));
+        return (index.h(index.Host, { key: '322d1e58130e04d69a5f14343fc5325c299e7d74' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '12cc27c3d8e7791db20ba39be84a261708ac1b81', htmlFor: this.inputId }, index.h("slot", { key: '01cbeb48a79294d3c10283891fcdd68fce8b5597', name: "label" }, this.label))), index.h("div", { key: 'd13eccee6cb016d49b9e2bba0a6333ea9ddb7cb0', class: "input-wrapper" }, index.h("slot", { key: 'af2ffdddf6f9ae4f1af16a1710a0f829ef30196c', name: "before-input" }), index.h("div", { key: 'b598d6b8709bd56051b25a12705a3b785cc5c7d5', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: 'c3006ed040dee98b443467e5d4a081fb4404efd8', name: "leading-input" }), index.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 && (index.h("nv-icon", { key: '1c961288b97eb8f2580fd421b03db1f275709d47', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '4ffaf30cf97c5c6e69709abcca3db5ef7fa2598e', name: "circle-check", class: "validation", size: "md" }))), index.h("slot", { key: '46257b784d082071ed717f37aeac1e1bbffaeac3', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'dad03cc1954a17b4d9075f5c0949abdb83bee15c', class: "description" }, index.h("slot", { key: '62c4d6315ad5eff50c86e289d7bcc61afacf64bc', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '3cd561cd634519ae18da4edfe8ec35dd2000a4ce', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '7fc992b0285652f46530ca23f12e626752dd1282', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/nv-fieldtextarea.cjs.entry.js

@@ -178,9 +178,9 @@ const NvFieldtextarea = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '967dc1eda269d0e3df1351d3e34b8be14f9cb639' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '4337acb56fc6712eb0a3e509b2a551043b43eadf', htmlFor: this.inputId }, index.h("slot", { key: 'c7229aad2d78f79fad1f103908976efefe282b01', name: "label" }, this.label))), index.h("div", { key: 'a33155dbb4d6b5d481503225136435690eebf819', class: "textarea-wrapper" }, index.h("div", { key: '14dbd33038acef44773bcf925dcb1fa9531bb6e9', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.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.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"]')) && (index.h("div", { key: 'f3f214c3a3e3ee03b3ac44d7dcf6224f3d58585d', class: "description" }, index.h("slot", { key: '803bf10aec909ab4c55098818df6bcd3e22a1957', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'aefd1d3ed4ed2535b06cd314ffe0b19506f7510d', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'e43344938bda4acb4523998e9d21f5b6d8300d1a', name: "error-description" }, this.errorDescription)))));
+        return (index.h(index.Host, { key: '9edf7962ccdff743da72152b98f03d27c8f14f1f' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'c3f365dc9d7b27464ead7b80d2bf29ab830cc8df', htmlFor: this.inputId }, index.h("slot", { key: 'bcfc6ada8c84894be98adcc58c5d5dbc19da5693', name: "label" }, this.label))), index.h("div", { key: 'e6341cf7d87d9e0d2534ddb0401b595970beabfb', class: "textarea-wrapper" }, index.h("div", { key: '80e0b0bc0cb7ec4b237b032e0a4c00a3d6a2e16a', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.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.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"]')) && (index.h("div", { key: 'd3f26d3a2f81d5009e55e532ce8079433bbe60bb', class: "description" }, index.h("slot", { key: 'd9f16157d8ea355d57d8935aec45aa1fcaba2b68', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'c4b838a46fc477530dcb6101f8d8758d99466f65', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '3370a1b2d89a1d24a9e3ed93aebf04751aaa1e86', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/nv-fieldtime.cjs.entry.js

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