@nova-design-system/nova-react 3.22.0 → 3.24.0

package/dist/cjs/{nv-fieldtime.entry-DY7D5_6K.js → nv-fieldtime.entry-DlMNDTht.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-var index = require('./index-WPRkQD3O.js');
-var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
-var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
+var index = require('./index-kU2nW5aN.js');
+var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
+require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
 
@@ -12,37 +13,37 @@ require('react-dom');
 const FORMAT_CONFIGS = {
     'HH': {
         pattern: /^([0-1]?[0-9]|2[0-3])$/,
-        parts: [constants69bafca2.TimeType.Hours],
+        parts: [constantsBReL3Lsa.TimeType.Hours],
         defaultValue: '00',
         maxLength: 2,
     },
     'HH:mm': {
         pattern: /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9])$/,
-        parts: [constants69bafca2.TimeType.Hours, constants69bafca2.TimeType.Minutes],
+        parts: [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes],
         defaultValue: '00:00',
         maxLength: 5,
     },
     'HH:mm:ss': {
         pattern: /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,
-        parts: [constants69bafca2.TimeType.Hours, constants69bafca2.TimeType.Minutes, constants69bafca2.TimeType.Seconds],
+        parts: [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes, constantsBReL3Lsa.TimeType.Seconds],
         defaultValue: '00:00:00',
         maxLength: 8,
     },
     'hh': {
         pattern: /^(0?[1-9]|1[0-2])$/,
-        parts: [constants69bafca2.TimeType.Hours],
+        parts: [constantsBReL3Lsa.TimeType.Hours],
         defaultValue: '01',
         maxLength: 2,
     },
     'hh:mm': {
         pattern: /^(0?[1-9]|1[0-2]):([0-5]?[0-9])$/,
-        parts: [constants69bafca2.TimeType.Hours, constants69bafca2.TimeType.Minutes],
+        parts: [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes],
         defaultValue: '01:00',
         maxLength: 5,
     },
     'hh:mm:ss': {
         pattern: /^(0?[1-9]|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,
-        parts: [constants69bafca2.TimeType.Hours, constants69bafca2.TimeType.Minutes, constants69bafca2.TimeType.Seconds],
+        parts: [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes, constantsBReL3Lsa.TimeType.Seconds],
         defaultValue: '01:00:00',
         maxLength: 8,
     },
@@ -56,7 +57,7 @@ function getVisibleTimeTypes(format) {
     const config = FORMAT_CONFIGS[format];
     if (!config) {
         // Fallback for unknown formats
-        return [constants69bafca2.TimeType.Hours, constants69bafca2.TimeType.Minutes, constants69bafca2.TimeType.Seconds];
+        return [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes, constantsBReL3Lsa.TimeType.Seconds];
     }
     return config.parts;
 }
@@ -109,7 +110,7 @@ function parseValueByFormat(value, format) {
     }
     // Handle partial format values - try to parse what we can
     const parts = cleanValue.split(':');
-    const result = Object.assign({}, defaultComponents);
+    const result = { ...defaultComponents };
     if (parts.length >= 1 && parts[0]) {
         const hours = parseInt(parts[0], 10);
         if (!isNaN(hours)) {
@@ -137,7 +138,7 @@ function parseValueByFormat(value, format) {
     }
     if (parts.length >= 2 &&
         parts[1] &&
-        config.parts.includes(constants69bafca2.TimeType.Minutes)) {
+        config.parts.includes(constantsBReL3Lsa.TimeType.Minutes)) {
         const minutes = parseInt(parts[1], 10);
         if (!isNaN(minutes) && minutes >= 0 && minutes <= 59) {
             result.minutes = minutes.toString().padStart(2, '0');
@@ -145,7 +146,7 @@ function parseValueByFormat(value, format) {
     }
     if (parts.length >= 3 &&
         parts[2] &&
-        config.parts.includes(constants69bafca2.TimeType.Seconds)) {
+        config.parts.includes(constantsBReL3Lsa.TimeType.Seconds)) {
         const seconds = parseInt(parts[2], 10);
         if (!isNaN(seconds) && seconds >= 0 && seconds <= 59) {
             result.seconds = seconds.toString().padStart(2, '0');
@@ -189,7 +190,7 @@ function extractRelevantComponents(components, format) {
         minutes: '00',
         seconds: '00',
     };
-    if (config.parts.includes(constants69bafca2.TimeType.Hours)) {
+    if (config.parts.includes(constantsBReL3Lsa.TimeType.Hours)) {
         // Validate hours for the target format
         const hours = parseInt(components.hours, 10);
         if (format.startsWith('hh')) {
@@ -207,10 +208,10 @@ function extractRelevantComponents(components, format) {
             // If invalid, keep the default '00'
         }
     }
-    if (config.parts.includes(constants69bafca2.TimeType.Minutes)) {
+    if (config.parts.includes(constantsBReL3Lsa.TimeType.Minutes)) {
         result.minutes = components.minutes;
     }
-    if (config.parts.includes(constants69bafca2.TimeType.Seconds)) {
+    if (config.parts.includes(constantsBReL3Lsa.TimeType.Seconds)) {
         result.seconds = components.seconds;
     }
     return result;
@@ -241,17 +242,16 @@ function reconstructTimeByFormat(components, format) {
     }
 }
 
-const nvFieldtimeCss = "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-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block;z-index:9999}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px;margin-left:auto}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}";
-const NvFieldtimeStyle0 = nvFieldtimeCss;
+const nvFieldtimeCss = "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-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after,nv-fieldtime[aria-required=true] label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime nv-popover{z-index:9999}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input{}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input{width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container>nv-iconbutton{margin-left:auto}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column{max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}";
 
 const NvFieldtime = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.valueChanged = index.createEvent(this, "valueChanged");
+        this.valueChanged = index.createEvent(this, "valueChanged", 3);
         // Input elements for hours, minutes, and seconds
         this.inputElements = {};
         this.inputZeroAdded = {};
-        this.typeFocused = constants69bafca2.TimeType.Hours;
+        this.typeFocused = constantsBReL3Lsa.TimeType.Hours;
         /****************************************************************************/
         //#region STATES
         this.hours = '00';
@@ -263,7 +263,7 @@ const NvFieldtime = class {
          * to ensure unique identification, facilitating proper label association and
          * accessibility.
          */
-        this.inputId = v4A79185f4.v4();
+        this.inputId = v4BdYh22OP.v4();
         /**
          * Display the input field's content without allowing users to change it.
          * Users can still click on it, select, and copy the text, but they won't be
@@ -279,8 +279,18 @@ const NvFieldtime = class {
         /**
          * Marks the input field as required, ensuring that the user must fill it out
          * before submitting the form.
+         * @note This uses the native HTML `required` attribute, which triggers browser validation.
          */
         this.required = false;
+        /**
+         * Marks the input field as required for accessibility purposes without triggering
+         * native HTML validation. Use this when implementing custom validation logic.
+         * @note When set, this uses `aria-required` instead of the native `required` attribute.
+         * This allows developers to implement custom validation while maintaining accessibility.
+         * @note If this prop is not explicitly set, the component will check for the HTML attribute
+         * 'aria-required' directly to determine if it should be applied.
+         */
+        this.ariaRequiredAttr = false;
         /**
          * Changes the input field’s appearance to indicate successful input or
          * validation.
@@ -326,14 +336,7 @@ const NvFieldtime = class {
     //#endregion EVENTS
     /****************************************************************************/
     //#region LISTENERS
-    handleOpenChanged(event) {
-        // Stop propagation to prevent the event from affecting parent components like dialogs
-        event.stopPropagation();
-        // Update `open` based on the popover state
-        this.open = event.detail;
-    }
     handleKeyDown(event) {
-        var _a, _b;
         if (!this.open) {
             if (event.key === 'ArrowDown') {
                 this.open = true;
@@ -374,8 +377,8 @@ const NvFieldtime = class {
             const nextTypeIndex = currentTypeIndex + 1;
             if (nextTypeIndex < visibleTypes.length) {
                 const nextType = visibleTypes[nextTypeIndex];
-                (_a = this.inputElements[nextType]) === null || _a === void 0 ? void 0 : _a.focus();
-                (_b = this.inputElements[nextType]) === null || _b === void 0 ? void 0 : _b.select();
+                this.inputElements[nextType]?.focus();
+                this.inputElements[nextType]?.select();
             }
         }
         else if (event.key === 'Escape') {
@@ -410,11 +413,11 @@ const NvFieldtime = class {
         // React to external changes, e.g., highlight current time on open
         if (newOpen) {
             // Re-highlight columns based on current value
-            const hourSelector = `.time-column.time-column-${constants69bafca2.TimeType.Hours} div`;
+            const hourSelector = `.time-column.time-column-${constantsBReL3Lsa.TimeType.Hours} div`;
             this.updateColumnHighlight(hourSelector, this.hours);
-            const minutesSelector = `.time-column.time-column-${constants69bafca2.TimeType.Minutes} div`;
+            const minutesSelector = `.time-column.time-column-${constantsBReL3Lsa.TimeType.Minutes} div`;
             this.updateColumnHighlight(minutesSelector, this.minutes);
-            const secondsSelector = `.time-column.time-column-${constants69bafca2.TimeType.Seconds} div`;
+            const secondsSelector = `.time-column.time-column-${constantsBReL3Lsa.TimeType.Seconds} div`;
             this.updateColumnHighlight(secondsSelector, this.seconds);
         }
     }
@@ -450,13 +453,13 @@ const NvFieldtime = class {
         }
         // Update the time value based on the type
         switch (type) {
-            case constants69bafca2.TimeType.Hours:
+            case constantsBReL3Lsa.TimeType.Hours:
                 this.handleHoursChange(inputValue, type);
                 break;
-            case constants69bafca2.TimeType.Minutes:
+            case constantsBReL3Lsa.TimeType.Minutes:
                 this.handleMinutesChange(inputValue, type);
                 break;
-            case constants69bafca2.TimeType.Seconds:
+            case constantsBReL3Lsa.TimeType.Seconds:
                 this.handleSecondsChange(inputValue, type);
                 break;
         }
@@ -466,7 +469,6 @@ const NvFieldtime = class {
         this.value = reconstructedValue;
     }
     handleHoursChange(inputValue, type) {
-        var _a, _b;
         const isHHFormat = this.format.startsWith('HH');
         const maxHours = isHHFormat ? 24 : 12;
         // Handle empty input
@@ -523,17 +525,16 @@ const NvFieldtime = class {
         // Auto-navigation to next field when input is complete
         if (this.hours.length >= 1 && !this.inputZeroAdded[type]) {
             const visibleTypes = getVisibleTimeTypes(this.format);
-            const currentTypeIndex = visibleTypes.indexOf(constants69bafca2.TimeType.Hours);
+            const currentTypeIndex = visibleTypes.indexOf(constantsBReL3Lsa.TimeType.Hours);
             const nextTypeIndex = currentTypeIndex + 1;
             if (nextTypeIndex < visibleTypes.length) {
                 const nextType = visibleTypes[nextTypeIndex];
-                (_a = this.inputElements[nextType]) === null || _a === void 0 ? void 0 : _a.focus();
-                (_b = this.inputElements[nextType]) === null || _b === void 0 ? void 0 : _b.select();
+                this.inputElements[nextType]?.focus();
+                this.inputElements[nextType]?.select();
             }
         }
     }
     handleMinutesChange(inputValue, type) {
-        var _a, _b;
         const maxMinutes = 60;
         // Handle empty input
         if (inputValue.length === 0) {
@@ -589,12 +590,12 @@ const NvFieldtime = class {
         // Auto-navigation to next field when input is complete
         if (this.minutes.length >= 1 && !this.inputZeroAdded[type]) {
             const visibleTypes = getVisibleTimeTypes(this.format);
-            const currentTypeIndex = visibleTypes.indexOf(constants69bafca2.TimeType.Minutes);
+            const currentTypeIndex = visibleTypes.indexOf(constantsBReL3Lsa.TimeType.Minutes);
             const nextTypeIndex = currentTypeIndex + 1;
             if (nextTypeIndex < visibleTypes.length) {
                 const nextType = visibleTypes[nextTypeIndex];
-                (_a = this.inputElements[nextType]) === null || _a === void 0 ? void 0 : _a.focus();
-                (_b = this.inputElements[nextType]) === null || _b === void 0 ? void 0 : _b.select();
+                this.inputElements[nextType]?.focus();
+                this.inputElements[nextType]?.select();
             }
         }
     }
@@ -675,7 +676,6 @@ const NvFieldtime = class {
         return reconstructedTime;
     }
     handleFocus(type) {
-        var _a, _b, _c, _d;
         if (this.readonly || this.disabled) {
             return;
         }
@@ -688,15 +688,14 @@ const NvFieldtime = class {
             this.open = true; // Force the popover to open
         }
         // Refocus on the input if it loses focus and is empty
-        if (((_a = this.inputElements[type]) === null || _a === void 0 ? void 0 : _a.value.length) === 0 ||
-            ((_b = this.inputElements[type]) === null || _b === void 0 ? void 0 : _b.value) === '00') {
-            (_c = this.inputElements[type]) === null || _c === void 0 ? void 0 : _c.focus();
-            (_d = this.inputElements[type]) === null || _d === void 0 ? void 0 : _d.select();
+        if (this.inputElements[type]?.value.length === 0 ||
+            this.inputElements[type]?.value === '00') {
+            this.inputElements[type]?.focus();
+            this.inputElements[type]?.select();
         }
         this.typeFocused = type;
     }
     HandleDropdownIconClick() {
-        var _a, _b;
         if (this.disabled || this.readonly) {
             return; // Do not toggle if disabled or read-only
         }
@@ -708,8 +707,8 @@ const NvFieldtime = class {
         else if (!this.open &&
             firstVisibleType &&
             this.inputElements[firstVisibleType]) {
-            (_a = this.inputElements[firstVisibleType]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
-            (_b = this.inputElements[firstVisibleType]) === null || _b === void 0 ? void 0 : _b.select();
+            this.inputElements[firstVisibleType]?.focus(); // Focus will open the popover
+            this.inputElements[firstVisibleType]?.select();
         }
         else {
             console.warn('nv-fieldtime -> No visible input elements found to focus');
@@ -733,13 +732,13 @@ const NvFieldtime = class {
         const option = parseInt(event.target.textContent || '0', 10);
         // Update the time component directly without constraint validation
         // Dropdown options are already filtered by constraints during generation
-        if (type === constants69bafca2.TimeType.Hours) {
+        if (type === constantsBReL3Lsa.TimeType.Hours) {
             this.hours = option.toString().padStart(2, '0');
         }
-        else if (type === constants69bafca2.TimeType.Minutes) {
+        else if (type === constantsBReL3Lsa.TimeType.Minutes) {
             this.minutes = option.toString().padStart(2, '0');
         }
-        else if (type === constants69bafca2.TimeType.Seconds) {
+        else if (type === constantsBReL3Lsa.TimeType.Seconds) {
             this.seconds = option.toString().padStart(2, '0');
         }
         // Reconstruct time in the correct format and update value
@@ -791,11 +790,11 @@ const NvFieldtime = class {
         }
         // Generate the time options based on the type
         switch (type) {
-            case constants69bafca2.TimeType.Hours:
+            case constantsBReL3Lsa.TimeType.Hours:
                 return this.generateHourOptions(stepInSeconds);
-            case constants69bafca2.TimeType.Minutes:
+            case constantsBReL3Lsa.TimeType.Minutes:
                 return this.generateMinuteOptions(stepInSeconds);
-            case constants69bafca2.TimeType.Seconds:
+            case constantsBReL3Lsa.TimeType.Seconds:
                 return this.generateSecondOptions(stepInSeconds);
             default:
                 return [];
@@ -838,10 +837,9 @@ const NvFieldtime = class {
         return hour >= 0 && hour <= 24 ? hourStr.padStart(2, '0') : null;
     }
     generateMinuteOptions(stepInSeconds) {
-        var _a, _b;
         const minuteStep = Math.max(1, Math.floor((stepInSeconds % 3600) / 60)); // Ensure step >= 1
-        const minMinute = (_a = this.parseMinute(this.min)) !== null && _a !== void 0 ? _a : 0;
-        const maxMinute = (_b = this.parseMinute(this.max)) !== null && _b !== void 0 ? _b : 59;
+        const minMinute = this.parseMinute(this.min) ?? 0;
+        const maxMinute = this.parseMinute(this.max) ?? 59;
         if (minMinute === 0 && maxMinute === 0)
             return ['00']; // Handle edge case for zero minutes
         const values = [];
@@ -868,10 +866,9 @@ const NvFieldtime = class {
         return isNaN(minute) || minute < 0 || minute >= 60 ? null : minute;
     }
     generateSecondOptions(stepInSeconds) {
-        var _a, _b;
         const secondStep = Math.max(1, stepInSeconds % 60); // Ensure step >= 1
-        const minSecond = (_a = this.parseSecond(this.min)) !== null && _a !== void 0 ? _a : 0;
-        const maxSecond = (_b = this.parseSecond(this.max)) !== null && _b !== void 0 ? _b : 59;
+        const minSecond = this.parseSecond(this.min) ?? 0;
+        const maxSecond = this.parseSecond(this.max) ?? 59;
         if (minSecond === 0 && maxSecond === 0)
             return ['00']; // Handle edge case for zero seconds
         const values = [];
@@ -910,7 +907,6 @@ const NvFieldtime = class {
         this.updateHighlightedItem(items, index);
     }
     handleHostClick(event) {
-        var _a, _b;
         if (this.disabled || this.readonly) {
             return;
         }
@@ -925,13 +921,16 @@ const NvFieldtime = class {
                 const visibleTypes = getVisibleTimeTypes(this.format);
                 const firstVisibleType = visibleTypes[0];
                 if (firstVisibleType && this.inputElements[firstVisibleType]) {
-                    (_a = this.inputElements[firstVisibleType]) === null || _a === void 0 ? void 0 : _a.focus();
-                    (_b = this.inputElements[firstVisibleType]) === null || _b === void 0 ? void 0 : _b.select();
+                    this.inputElements[firstVisibleType]?.focus();
+                    this.inputElements[firstVisibleType]?.select();
                 }
             }
             event.preventDefault();
         }
     }
+    handleOpenChanged(event) {
+        this.open = event.detail;
+    }
     //#endregion METHODS
     /****************************************************************************/
     //#region LIFECYCLE
@@ -978,6 +977,47 @@ const NvFieldtime = class {
     //#endregion LIFECYCLE
     /****************************************************************************/
     //#region RENDER
+    /**
+     * Calculates aria-required and native required values based on props and attributes
+     * @returns {object} Object with ariaRequiredValue and useNativeRequired
+     */
+    getRequiredAttributes() {
+        // Check aria-required from multiple sources:
+        // 1. JavaScript prop (most reliable)
+        // 2. HTML attribute 'aria-required' (direct HTML)
+        // 3. HTML attribute 'aria-required-attr' (from JSX kebab-case conversion)
+        // Check aria-required from multiple sources:
+        // 1. HTML attribute 'aria-required' (direct HTML) - check if explicitly set
+        // 2. JavaScript prop (when prop is explicitly set via JavaScript)
+        // We use hasAttribute to determine if the attribute was explicitly set by the user,
+        // since the prop now defaults to false (to maintain Blazor compatibility)
+        const hasAriaRequiredAttr = this.el.hasAttribute('aria-required') ||
+            this.el.hasAttribute('aria-required-attr');
+        const ariaRequiredFromAttr = hasAriaRequiredAttr
+            ? this.el.getAttribute('aria-required') ||
+                this.el.getAttribute('aria-required-attr')
+            : null;
+        // Use aria-required if the attribute was explicitly set
+        // With reflect: true, setting the prop will also set the attribute
+        const useAriaRequired = hasAriaRequiredAttr;
+        // Determine the value: use attribute if it exists (prop reflects to attribute via reflect: true)
+        // If attribute doesn't exist, the prop was never set and we don't use aria-required
+        const ariaRequiredAttrValue = hasAriaRequiredAttr
+            ? ariaRequiredFromAttr
+            : null;
+        // Determine which attributes to use
+        // If aria-required HTML attribute is present, use it (convert string to boolean)
+        // If required is set and aria-required is not "false", use native required
+        // If aria-required is "false", don't use native required even if required is set
+        const ariaRequiredValue = useAriaRequired
+            ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
+            : undefined;
+        const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
+        return {
+            ariaRequiredValue,
+            useNativeRequired,
+        };
+    }
     /**
      * Renders input fields based on the current format
      * Only shows fields that are relevant to the selected format
@@ -1004,11 +1044,11 @@ const NvFieldtime = class {
     renderTimeInputField(type) {
         const getValue = () => {
             switch (type) {
-                case constants69bafca2.TimeType.Hours:
+                case constantsBReL3Lsa.TimeType.Hours:
                     return this.hours;
-                case constants69bafca2.TimeType.Minutes:
+                case constantsBReL3Lsa.TimeType.Minutes:
                     return this.minutes;
-                case constants69bafca2.TimeType.Seconds:
+                case constantsBReL3Lsa.TimeType.Seconds:
                     return this.seconds;
                 default:
                     return '00';
@@ -1016,11 +1056,11 @@ const NvFieldtime = class {
         };
         const getPlaceholder = () => {
             switch (type) {
-                case constants69bafca2.TimeType.Hours:
+                case constantsBReL3Lsa.TimeType.Hours:
                     return this.format.includes('hh') ? 'hh' : 'HH';
-                case constants69bafca2.TimeType.Minutes:
+                case constantsBReL3Lsa.TimeType.Minutes:
                     return 'mm';
-                case constants69bafca2.TimeType.Seconds:
+                case constantsBReL3Lsa.TimeType.Seconds:
                     return 'ss';
                 default:
                     return '';
@@ -1028,11 +1068,11 @@ const NvFieldtime = class {
         };
         const getId = () => {
             switch (type) {
-                case constants69bafca2.TimeType.Hours:
+                case constantsBReL3Lsa.TimeType.Hours:
                     return this.inputId;
-                case constants69bafca2.TimeType.Minutes:
+                case constantsBReL3Lsa.TimeType.Minutes:
                     return `${this.inputId}-minutes`;
-                case constants69bafca2.TimeType.Seconds:
+                case constantsBReL3Lsa.TimeType.Seconds:
                     return `${this.inputId}-seconds`;
                 default:
                     return this.inputId;
@@ -1040,7 +1080,11 @@ const NvFieldtime = class {
         };
         // Remove min/max constraints from input elements to allow native stepper behavior
         // Constraints are only applied to dropdown options, not input steppers
-        return (index.h("input", { ref: el => (this.inputElements[type] = el), type: "number", autofocus: this.autofocus && type === getVisibleTimeTypes(this.format)[0], class: "time-input", pattern: "[0-9]*", maxlength: "3", value: getValue(), onInput: e => this.handleInputChange(e, type), placeholder: getPlaceholder(), inputMode: "numeric", onFocus: () => this.handleFocus(type), name: this.name ? `${type}-${this.name}` : type, id: getId(), readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }));
+        return (index.h("input", { ref: el => (this.inputElements[type] = el), type: "number", autofocus: this.autofocus && type === getVisibleTimeTypes(this.format)[0], class: "time-input", pattern: "[0-9]*", maxlength: "3", value: getValue(), onInput: e => this.handleInputChange(e, type), placeholder: getPlaceholder(), inputMode: "numeric", onFocus: () => this.handleFocus(type), name: this.name ? `${type}-${this.name}` : type, id: getId(), readonly: this.readonly, disabled: this.disabled, required: this.getRequiredAttributes().useNativeRequired
+                ? this.required
+                : undefined, ...(this.getRequiredAttributes().ariaRequiredValue !== undefined && {
+                'aria-required': String(this.getRequiredAttributes().ariaRequiredValue),
+            }), onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }));
     }
     /**
      * Renders dropdown columns based on the current format
@@ -1054,15 +1098,15 @@ const NvFieldtime = class {
     RenderTimeOptionsColumn(type) {
         return (index.h("div", { class: `time-column time-column-${type}`, onScroll: e => this.handleScroll(e, type) }, this.generateInfiniteTimeOptions(type).map((option, index$1) => (index.h("div", { class: {
                 'time-option': true,
-                'selected': (type === constants69bafca2.TimeType.Hours && option === this.hours) ||
-                    (type === constants69bafca2.TimeType.Minutes && option === this.minutes) ||
-                    (type === constants69bafca2.TimeType.Seconds && option === this.seconds),
+                'selected': (type === constantsBReL3Lsa.TimeType.Hours && option === this.hours) ||
+                    (type === constantsBReL3Lsa.TimeType.Minutes && option === this.minutes) ||
+                    (type === constantsBReL3Lsa.TimeType.Seconds && option === this.seconds),
             }, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
-        return (index.h(index.Host, { key: '9b33f779d721d68375ddfbf1956982f14967272a', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '871876c71fe0df7bff76e702c229275b3090adbe', htmlFor: this.inputId }, index.h("slot", { key: '100c3f1c159a7b1d5b023204e7dc8697c6f1f43b', name: "label" }, this.label))), index.h("nv-popover", { key: '39d56cba57193b2dfed275384d6cf40e8560227d', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: 'aec6f7f818028bb2584a2d72e1d8af9558420b73', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'ed39cf1ceac3e904250aea8f5b4cd97e792943f1', name: "before-input" }), index.h("div", { key: '89ec8af6fdfa4b2dc4b804de90cc78f06d54c875', class: "input-container" }, index.h("slot", { key: '27f5ea3a67272030552d99d105fa5db124db7a8c', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: '008060a5a3c08dfb0cb1e71bdce8ce70aa76314d', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: 'd1aae5841eadcf5fc9c12c3a7ee9872971e57ad8', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: 'bdf4717f3160d81722562296d5fda18df41295c2', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: 'ff65ecb08c4aa48bd0374123d999a7a2d438ba34', name: "after-input" })), index.h("div", { key: 'c05b0b3e8f0014d6eb5ba95c89e809c920de76b5', class: "time-dropdown", slot: "content" }, index.h("div", { key: '1f33346f4a3a8c241370965a1c419b8d5f7761c0', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '94e101508871bffefcf644683e929d69b5038db3', class: "description" }, index.h("slot", { key: '037c67df4a303a9b59d4f342e9702e38e5ca07f2', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'bb19bd9d03da1de56978b66f50db6550ce4b8df5', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '05a8a1c12b6a292d646a43fe1c66a2d8771960da', name: "error-description" }, this.errorDescription)))));
+        return (index.h(index.Host, { key: 'a6edfc1d50527225c9a275de73e497f6cd9652aa', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'a82749db001869fb2246bef7126348c585e14a1a', htmlFor: this.inputId }, index.h("slot", { key: '8a96f4fad4f32b6793bee53ca94eec983c1ff09f', name: "label" }, this.label))), index.h("nv-popover", { key: 'de931598921043b8e6b44035964a5026e040afb1', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: this.handleOpenChanged }, index.h("div", { key: 'b7e654cdb7ce4e270ebba03d20ebe47b37063fce', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: '1cde39106fad880cdd27ed96574f8cf320fc334a', name: "before-input" }), index.h("div", { key: 'eb7d8edd89d951eff5e00eb994dd85504b44801f', class: "input-container" }, index.h("slot", { key: '48212e52a925cdfb9d897201ca8ee50b037ba573', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: 'eb541ae9faaefb95c146f8ee9d32d533099162fc', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: 'c25d25f96b786c96ead487dc8af2b200e372ef79', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '2c08c7caa21771c697ed191589c836f58be4e761', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '77e91dd93225a61730ea7b892c50a7517a25af71', name: "after-input" })), index.h("div", { key: '9e8abc574dd8024dc479b2fe57891b022793291b', class: "time-dropdown", slot: "content" }, index.h("div", { key: 'f232d3e7a0b43f08b801ff76f4cdbf863bfc7a4a', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'ab21ffb708f50a1b38a7d21d02d5f0b920aceca8', class: "description" }, index.h("slot", { key: '56790e4cc2c6d5f57e45ef7507aee8c1a8ea5a13', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '392a563b5eccd2120263bd72c883ccefe66d0c02', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '8e6df58e39a9de7fdf05edb0611178c62ff9e79e', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -1072,6 +1116,6 @@ const NvFieldtime = class {
         "format": ["handleFormatChange"]
     }; }
 };
-NvFieldtime.style = NvFieldtimeStyle0;
+NvFieldtime.style = nvFieldtimeCss;
 
 exports.nv_fieldtime = NvFieldtime;