@nova-design-system/nova-react 3.28.0 → 3.30.0

package/dist/cjs/{nv-fieldtime.entry-BvzncwNd.js → nv-fieldtime.entry-DkWokxdT.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
-var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var index = require('./index-DXwd3F_r.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -13,37 +13,37 @@ require('react-dom');
 const FORMAT_CONFIGS = {
     'HH': {
         pattern: /^([0-1]?[0-9]|2[0-3])$/,
-        parts: [constantsBReL3Lsa.TimeType.Hours],
+        parts: [constantsGOKBmbgZ.TimeType.Hours],
         defaultValue: '00',
         maxLength: 2,
     },
     'HH:mm': {
         pattern: /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9])$/,
-        parts: [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes],
+        parts: [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.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: [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes, constantsBReL3Lsa.TimeType.Seconds],
+        parts: [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.TimeType.Minutes, constantsGOKBmbgZ.TimeType.Seconds],
         defaultValue: '00:00:00',
         maxLength: 8,
     },
     'hh': {
         pattern: /^(0?[1-9]|1[0-2])$/,
-        parts: [constantsBReL3Lsa.TimeType.Hours],
+        parts: [constantsGOKBmbgZ.TimeType.Hours],
         defaultValue: '01',
         maxLength: 2,
     },
     'hh:mm': {
         pattern: /^(0?[1-9]|1[0-2]):([0-5]?[0-9])$/,
-        parts: [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes],
+        parts: [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.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: [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes, constantsBReL3Lsa.TimeType.Seconds],
+        parts: [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.TimeType.Minutes, constantsGOKBmbgZ.TimeType.Seconds],
         defaultValue: '01:00:00',
         maxLength: 8,
     },
@@ -57,7 +57,7 @@ function getVisibleTimeTypes(format) {
     const config = FORMAT_CONFIGS[format];
     if (!config) {
         // Fallback for unknown formats
-        return [constantsBReL3Lsa.TimeType.Hours, constantsBReL3Lsa.TimeType.Minutes, constantsBReL3Lsa.TimeType.Seconds];
+        return [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.TimeType.Minutes, constantsGOKBmbgZ.TimeType.Seconds];
     }
     return config.parts;
 }
@@ -138,7 +138,7 @@ function parseValueByFormat(value, format) {
     }
     if (parts.length >= 2 &&
         parts[1] &&
-        config.parts.includes(constantsBReL3Lsa.TimeType.Minutes)) {
+        config.parts.includes(constantsGOKBmbgZ.TimeType.Minutes)) {
         const minutes = parseInt(parts[1], 10);
         if (!isNaN(minutes) && minutes >= 0 && minutes <= 59) {
             result.minutes = minutes.toString().padStart(2, '0');
@@ -146,7 +146,7 @@ function parseValueByFormat(value, format) {
     }
     if (parts.length >= 3 &&
         parts[2] &&
-        config.parts.includes(constantsBReL3Lsa.TimeType.Seconds)) {
+        config.parts.includes(constantsGOKBmbgZ.TimeType.Seconds)) {
         const seconds = parseInt(parts[2], 10);
         if (!isNaN(seconds) && seconds >= 0 && seconds <= 59) {
             result.seconds = seconds.toString().padStart(2, '0');
@@ -190,7 +190,7 @@ function extractRelevantComponents(components, format) {
         minutes: '00',
         seconds: '00',
     };
-    if (config.parts.includes(constantsBReL3Lsa.TimeType.Hours)) {
+    if (config.parts.includes(constantsGOKBmbgZ.TimeType.Hours)) {
         // Validate hours for the target format
         const hours = parseInt(components.hours, 10);
         if (format.startsWith('hh')) {
@@ -208,10 +208,10 @@ function extractRelevantComponents(components, format) {
             // If invalid, keep the default '00'
         }
     }
-    if (config.parts.includes(constantsBReL3Lsa.TimeType.Minutes)) {
+    if (config.parts.includes(constantsGOKBmbgZ.TimeType.Minutes)) {
         result.minutes = components.minutes;
     }
-    if (config.parts.includes(constantsBReL3Lsa.TimeType.Seconds)) {
+    if (config.parts.includes(constantsGOKBmbgZ.TimeType.Seconds)) {
         result.seconds = components.seconds;
     }
     return result;
@@ -242,7 +242,7 @@ 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,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 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 .error-description[hidden]{display:none}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) {
@@ -251,7 +251,7 @@ const NvFieldtime = class {
         // Input elements for hours, minutes, and seconds
         this.inputElements = {};
         this.inputZeroAdded = {};
-        this.typeFocused = constantsBReL3Lsa.TimeType.Hours;
+        this.typeFocused = constantsGOKBmbgZ.TimeType.Hours;
         /****************************************************************************/
         //#region STATES
         this.hours = '00';
@@ -395,29 +395,30 @@ const NvFieldtime = class {
     /****************************************************************************/
     //#region WATCHERS
     handleValueChange(newValue) {
-        // Parse the new value and ensure it's in the correct format
+        // Parse the new value and update internal state (hours, minutes, seconds)
+        // so the input fields reflect the new value
         if (newValue) {
             const components = parseValueByFormat(newValue, this.format);
             const formattedValue = reconstructTimeByFormat(components, this.format);
-            // Only emit if the formatted value is different from what we received
-            // This prevents infinite loops while ensuring format consistency
+            // Update internal state from parsed components
+            this.hours = components.hours;
+            this.minutes = components.minutes;
+            this.seconds = components.seconds;
+            // Ensure format consistency by correcting the value if needed
             if (formattedValue !== newValue) {
                 this.value = formattedValue;
-                return; // The watcher will be called again with the formatted value
             }
         }
-        // Emit the value in the correct format
-        this.valueChanged.emit(newValue);
     }
     handleOpenChange(newOpen) {
         // 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-${constantsBReL3Lsa.TimeType.Hours} div`;
+            const hourSelector = `.time-column.time-column-${constantsGOKBmbgZ.TimeType.Hours} div`;
             this.updateColumnHighlight(hourSelector, this.hours);
-            const minutesSelector = `.time-column.time-column-${constantsBReL3Lsa.TimeType.Minutes} div`;
+            const minutesSelector = `.time-column.time-column-${constantsGOKBmbgZ.TimeType.Minutes} div`;
             this.updateColumnHighlight(minutesSelector, this.minutes);
-            const secondsSelector = `.time-column.time-column-${constantsBReL3Lsa.TimeType.Seconds} div`;
+            const secondsSelector = `.time-column.time-column-${constantsGOKBmbgZ.TimeType.Seconds} div`;
             this.updateColumnHighlight(secondsSelector, this.seconds);
         }
     }
@@ -453,20 +454,21 @@ const NvFieldtime = class {
         }
         // Update the time value based on the type
         switch (type) {
-            case constantsBReL3Lsa.TimeType.Hours:
+            case constantsGOKBmbgZ.TimeType.Hours:
                 this.handleHoursChange(inputValue, type);
                 break;
-            case constantsBReL3Lsa.TimeType.Minutes:
+            case constantsGOKBmbgZ.TimeType.Minutes:
                 this.handleMinutesChange(inputValue, type);
                 break;
-            case constantsBReL3Lsa.TimeType.Seconds:
+            case constantsGOKBmbgZ.TimeType.Seconds:
                 this.handleSecondsChange(inputValue, type);
                 break;
         }
         // Reconstruct time from inputs in the correct format
         const reconstructedValue = this.reconstructTime();
-        // Update the value, which will trigger the watcher and emit the event
+        // Update the value and emit the event
         this.value = reconstructedValue;
+        this.valueChanged.emit(this.value);
     }
     handleHoursChange(inputValue, type) {
         const isHHFormat = this.format.startsWith('HH');
@@ -525,7 +527,7 @@ 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(constantsBReL3Lsa.TimeType.Hours);
+            const currentTypeIndex = visibleTypes.indexOf(constantsGOKBmbgZ.TimeType.Hours);
             const nextTypeIndex = currentTypeIndex + 1;
             if (nextTypeIndex < visibleTypes.length) {
                 const nextType = visibleTypes[nextTypeIndex];
@@ -590,7 +592,7 @@ 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(constantsBReL3Lsa.TimeType.Minutes);
+            const currentTypeIndex = visibleTypes.indexOf(constantsGOKBmbgZ.TimeType.Minutes);
             const nextTypeIndex = currentTypeIndex + 1;
             if (nextTypeIndex < visibleTypes.length) {
                 const nextType = visibleTypes[nextTypeIndex];
@@ -732,18 +734,19 @@ 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 === constantsBReL3Lsa.TimeType.Hours) {
+        if (type === constantsGOKBmbgZ.TimeType.Hours) {
             this.hours = option.toString().padStart(2, '0');
         }
-        else if (type === constantsBReL3Lsa.TimeType.Minutes) {
+        else if (type === constantsGOKBmbgZ.TimeType.Minutes) {
             this.minutes = option.toString().padStart(2, '0');
         }
-        else if (type === constantsBReL3Lsa.TimeType.Seconds) {
+        else if (type === constantsGOKBmbgZ.TimeType.Seconds) {
             this.seconds = option.toString().padStart(2, '0');
         }
         // Reconstruct time in the correct format and update value
         const reconstructedTime = this.reconstructTime();
         this.value = reconstructedTime;
+        this.valueChanged.emit(this.value);
     }
     handleInputBlur() {
         // Use a delay to check if the focus is still within the popover
@@ -790,11 +793,11 @@ const NvFieldtime = class {
         }
         // Generate the time options based on the type
         switch (type) {
-            case constantsBReL3Lsa.TimeType.Hours:
+            case constantsGOKBmbgZ.TimeType.Hours:
                 return this.generateHourOptions(stepInSeconds);
-            case constantsBReL3Lsa.TimeType.Minutes:
+            case constantsGOKBmbgZ.TimeType.Minutes:
                 return this.generateMinuteOptions(stepInSeconds);
-            case constantsBReL3Lsa.TimeType.Seconds:
+            case constantsGOKBmbgZ.TimeType.Seconds:
                 return this.generateSecondOptions(stepInSeconds);
             default:
                 return [];
@@ -1044,11 +1047,11 @@ const NvFieldtime = class {
     renderTimeInputField(type) {
         const getValue = () => {
             switch (type) {
-                case constantsBReL3Lsa.TimeType.Hours:
+                case constantsGOKBmbgZ.TimeType.Hours:
                     return this.hours;
-                case constantsBReL3Lsa.TimeType.Minutes:
+                case constantsGOKBmbgZ.TimeType.Minutes:
                     return this.minutes;
-                case constantsBReL3Lsa.TimeType.Seconds:
+                case constantsGOKBmbgZ.TimeType.Seconds:
                     return this.seconds;
                 default:
                     return '00';
@@ -1056,11 +1059,11 @@ const NvFieldtime = class {
         };
         const getPlaceholder = () => {
             switch (type) {
-                case constantsBReL3Lsa.TimeType.Hours:
+                case constantsGOKBmbgZ.TimeType.Hours:
                     return this.format.includes('hh') ? 'hh' : 'HH';
-                case constantsBReL3Lsa.TimeType.Minutes:
+                case constantsGOKBmbgZ.TimeType.Minutes:
                     return 'mm';
-                case constantsBReL3Lsa.TimeType.Seconds:
+                case constantsGOKBmbgZ.TimeType.Seconds:
                     return 'ss';
                 default:
                     return '';
@@ -1068,11 +1071,11 @@ const NvFieldtime = class {
         };
         const getId = () => {
             switch (type) {
-                case constantsBReL3Lsa.TimeType.Hours:
+                case constantsGOKBmbgZ.TimeType.Hours:
                     return this.inputId;
-                case constantsBReL3Lsa.TimeType.Minutes:
+                case constantsGOKBmbgZ.TimeType.Minutes:
                     return `${this.inputId}-minutes`;
-                case constantsBReL3Lsa.TimeType.Seconds:
+                case constantsGOKBmbgZ.TimeType.Seconds:
                     return `${this.inputId}-seconds`;
                 default:
                     return this.inputId;
@@ -1098,15 +1101,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 === constantsBReL3Lsa.TimeType.Hours && option === this.hours) ||
-                    (type === constantsBReL3Lsa.TimeType.Minutes && option === this.minutes) ||
-                    (type === constantsBReL3Lsa.TimeType.Seconds && option === this.seconds),
+                'selected': (type === constantsGOKBmbgZ.TimeType.Hours && option === this.hours) ||
+                    (type === constantsGOKBmbgZ.TimeType.Minutes && option === this.minutes) ||
+                    (type === constantsGOKBmbgZ.TimeType.Seconds && option === this.seconds),
             }, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
-        return (index.h(index.Host, { key: 'c250283de9b4de235cee8fa84f1561762c0bb6f9', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'd18029863a3ae8305cc5e43399b82f083f83d921', htmlFor: this.inputId }, index.h("slot", { key: '05655a64f240181f997f40a1e9067db035bff9bd', name: "label" }, this.label))), index.h("nv-popover", { key: '9780461676a907cf7eab03716f8a20a22e940a41', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: this.handleOpenChanged }, index.h("div", { key: 'c5d0c48848022e9e9fc65aa814e8e72521c1f6ed', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: '9786f306ae1a325b584a3bbbe9cf090e527da256', name: "before-input" }), index.h("div", { key: '666e715dc8568ed25e1081f58570f5d2bf50c0c3', class: "input-container" }, index.h("slot", { key: '66545084f7872990be3adba701c54c2a86ccc64b', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: '2dfc9e20ae4d245cc125643226169e83b73d87e7', 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: '4b6ee88ae65445de2a8f2228956fe47f9fb27764', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: 'd7b150d404c59efb3a9ba5964fe5d3d2201bac40', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '2ccaec2934e7d611675daf670832196f03217f3f', name: "after-input" })), index.h("div", { key: '6888123870b59cf64a5ee4c31bd05829154c542f', class: "time-dropdown", slot: "content" }, index.h("div", { key: '99547788b1aaf9b6e1c37176358da04d89060cd1', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '23671a99897ae51a90eb4ffefe089a0f220163bc', class: "description" }, index.h("slot", { key: 'b3a3857e78459f31c5a3295319640c6b2d37322b', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '88bbae1c431c1ec5c81ed66b5399299b64a609cf', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '9f2a0530c81d5ec81a6a5224378f2e4346d776a1', name: "error-description" }, this.errorDescription)))));
+        return (index.h(index.Host, { key: 'a032b1f8f529f78197c0c392a36a2a7a0e64da9a', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '2ad43d201ababc34f5f2e83f56e993b4f4308391', htmlFor: this.inputId }, index.h("slot", { key: '94c4ae7c844a21ca5f2eaa2944ae6fde8a743db1', name: "label" }, this.label))), index.h("nv-popover", { key: '2ffeb7b5cdd4bee7c16d749a8f9056aa0b3e0def', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: this.handleOpenChanged }, index.h("div", { key: '493e8641008451f36d289e54061cfbf7041219a8', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'cc4dda576165ac75fa7c3e64c2688e74631adbe1', name: "before-input" }), index.h("div", { key: '589853e389e86ada62ee220bd7d383d53841a857', class: "input-container" }, index.h("slot", { key: 'a705e0d398d6a169ff98b04944baf0df13d02a3f', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: 'a33b9ba6453d7649970040e690ee50bdfaa83ee3', 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: '89890ac88e95199aedc13ea536843ba1c0e1cb18', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '2f020e2a5efb5ec37eecbe2629236fbbf4ca6ce8', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '2357690da2edc71f674f384b2d497155ef47984e', name: "after-input" })), index.h("div", { key: 'd13be0ad80be00d85b87eb7981e875d75a0e4862', class: "time-dropdown", slot: "content" }, index.h("div", { key: '1443d77eea765261a16bd3f838ed9f7126bf68a5', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '4feca47ba72f1594a6a6c8246810620eda9d207b', class: "description" }, index.h("slot", { key: '43845e3b0f15f787ea69eb1a588e3bc6392449c1', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '539a080864dd94f4b7b1b1c2c16e813ca3d5e42d', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '9c70b3af02a3e3a26b022d65cced0217d14c8812', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-icon.entry-C2md2kmq.js → nv-icon.entry-CUemAv89.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
-var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -50,19 +50,19 @@ const NvIcon = class {
     }
     componentWillRender() {
         if (this.xsmall) {
-            this.size = constantsBReL3Lsa.SemanticSizes.ExtraSmall;
+            this.size = constantsGOKBmbgZ.SemanticSizes.ExtraSmall;
         }
         if (this.small) {
-            this.size = constantsBReL3Lsa.SemanticSizes.Small;
+            this.size = constantsGOKBmbgZ.SemanticSizes.Small;
         }
         if (this.medium) {
-            this.size = constantsBReL3Lsa.SemanticSizes.Medium;
+            this.size = constantsGOKBmbgZ.SemanticSizes.Medium;
         }
         if (this.large) {
-            this.size = constantsBReL3Lsa.SemanticSizes.Large;
+            this.size = constantsGOKBmbgZ.SemanticSizes.Large;
         }
         if (this.xlarge) {
-            this.size = constantsBReL3Lsa.SemanticSizes.ExtraLarge;
+            this.size = constantsGOKBmbgZ.SemanticSizes.ExtraLarge;
         }
     }
     componentWillLoad() {
@@ -72,7 +72,7 @@ const NvIcon = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'f59fdd9822d6163aed70296063359aba69872688', class: clsxChV9xqsO.clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, index.h("svg", { key: '00f09b698e306414aa8a350f864439d74357361e', 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}` }, index.h("use", { key: 'a2deca1e231385373de8cc4265af7853a87978f7', href: `#nvicon_${this.name}` }))));
+        return (index.h(index.Host, { key: '296afbaf68b6883a35fa67651ffef9052a604c51', class: clsxChV9xqsO.clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, index.h("svg", { key: '8d6977768135682a5c3777bacc55d5e0553211c1', 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}` }, index.h("use", { key: '91f29aae64f5f32ecc95382f0cdb8338112ee332', href: `#nvicon_${this.name}` }))));
     }
 };
 NvIcon.style = nvIconCss();

package/dist/cjs/{nv-iconbutton_2.entry-D-zRpLjT.js → nv-iconbutton_2.entry-BLdJr3QV.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -128,7 +128,7 @@ const NvIconbutton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'b746b8c5f6e25d2fd0c3759f9bcb5451d18ac29c', role: "button", type: this.type, tabindex: this.disableTabindex ? -1 : 0, disabled: this.disabled ? true : undefined, class: clsxChV9xqsO.clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && index.h("nv-loader", { key: '5bb5ab5b49b0e1b19695e00846e462dc6a5b6093', size: this.size }), !this.loading && index.h("nv-icon", { key: '825f0532eea39531c63c669bac307a2c45478cbb', name: this.name, size: this.size }), index.h("slot", { key: '394a9f1b5fd16037fcd5bebb3075f363bfe4fa62' })));
+        return (index.h(index.Host, { key: '9b96d47b036561ab1458f193bf7a3b749e6189da', role: "button", type: this.type, tabindex: this.disableTabindex ? -1 : 0, disabled: this.disabled ? true : undefined, class: clsxChV9xqsO.clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && index.h("nv-loader", { key: 'cd55b87aae05c11cf9759421a2aa3c15fef8a19f', size: this.size }), !this.loading && index.h("nv-icon", { key: '1fb7bd007f0bde6693bc2241b4e3baa57e0a7fc0', name: this.name, size: this.size }), index.h("slot", { key: 'd2cc6d92bb9714d1b204e75c664b965d696a2fae' })));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -162,7 +162,7 @@ const NvLoader = class {
     //#region RENDER
     /* <slot> empty to force rendering change */
     render() {
-        return (index.h(index.Host, { key: 'a80c59f9585654352e1b48e1a245e94172e1e533', class: clsxChV9xqsO.clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
+        return (index.h(index.Host, { key: '8cac2279ffe58fe0243f638c9d55d2f0e5a8443a', class: clsxChV9xqsO.clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
     }
 };
 NvLoader.style = nvLoaderCss();

package/dist/cjs/{nv-menu.entry-DN_DkosX.js → nv-menu.entry-z4cDNCeX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -192,7 +192,7 @@ const NvMenu = class {
         this.triggerElement = this.el.querySelector('[slot="trigger"]');
     }
     render() {
-        return (index.h(index.Host, { key: 'b8154f4e215984b0dbb106b44dcad72eacb140e1' }, index.h("slot", { key: 'cddcea9afd3324d39168f3879cdbb0839f3e432a', name: "trigger" }), index.h("nv-popover", { key: '2e20e3b97279c27e16b0eef4eb2d327a1e22c3b3', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open, onOpenChanged: this.handleOpenChanged.bind(this) }, this.items ? (index.h("ul", { slot: "content" }, this.renderMenuItems())) : (index.h("slot", { name: "content" })))));
+        return (index.h(index.Host, { key: 'efaa7d9242c23b27395dc1584ea05300ce3142d8' }, index.h("slot", { key: '42be7569ce9b393f2f22daabbe4f7594e3e48a7a', name: "trigger" }), index.h("nv-popover", { key: '55a12dabf7230a3fbb5e1811b4d211a4c9c7514a', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open, onOpenChanged: this.handleOpenChanged.bind(this) }, this.items ? (index.h("ul", { slot: "content" }, this.renderMenuItems())) : (index.h("slot", { name: "content" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-menuitem.entry-Cj6w33rq.js → nv-menuitem.entry-4XdONuGl.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -50,7 +50,7 @@ const NvMenuitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'b377cf654cd4d0cc7e257c10606977db86087e31', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '409b0902ea54323d4dd778816a244f4ea64d986d', name: this.icon }), index.h("slot", { key: 'd5c5c4a9ab1e3c70ba6fe052e11cfff212bf93aa' }), this.label && index.h("span", { key: '0b1e3892dfb16bd1f1d19f72b29f4d4dd396ccdf', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: 'a099a45ed14e3922c3fe25d3b0e1f0d257101e4b' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: '6c61d48ac2f3927ad7b33673bc9ed196f733e30a', name: "chevron-right" })));
+        return (index.h(index.Host, { key: '052f7822782c1a50cfc207dc6c7090e9ae7ddb23', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: 'b6fb4a24573d6ce2a65d1fbec49f25084aca4efc', name: this.icon }), index.h("slot", { key: 'dd4b413f909db1b13a642411532b4980fe495bcf' }), this.label && index.h("span", { key: '06e14c729b5d1a8c7fb58797fcf345eb15d02be4', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: '53802fa02a1c643b8f04ec71365115c469016e65' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: 'ef8e14ab9147ef7cba4e160a053e4900aac9a927', name: "chevron-right" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-notification-bullet.entry-DagStJ3K.js → nv-notification-bullet.entry-B1EK4G_X.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');

package/dist/cjs/{nv-notification.entry-oV69FpxE.js → nv-notification.entry-BBAQ72f7.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
-var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var index = require('./index-DXwd3F_r.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');
 var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
 require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
@@ -53,18 +53,18 @@ const NvNotification = class {
         /****************************************************************************/
         //#region INTERNAL
         this.iconByFeedback = {
-            [constantsBReL3Lsa.FeedbackColors.Warning]: 'alert-circle',
-            [constantsBReL3Lsa.FeedbackColors.Information]: 'info-circle',
-            [constantsBReL3Lsa.FeedbackColors.Success]: 'circle-check',
-            [constantsBReL3Lsa.FeedbackColors.Error]: 'alert-triangle',
-            [constantsBReL3Lsa.FeedbackColors.Neutral]: 'help',
+            [constantsGOKBmbgZ.FeedbackColors.Warning]: 'alert-circle',
+            [constantsGOKBmbgZ.FeedbackColors.Information]: 'info-circle',
+            [constantsGOKBmbgZ.FeedbackColors.Success]: 'circle-check',
+            [constantsGOKBmbgZ.FeedbackColors.Error]: 'alert-triangle',
+            [constantsGOKBmbgZ.FeedbackColors.Neutral]: 'help',
         };
         this.roleByFeedback = {
-            [constantsBReL3Lsa.FeedbackColors.Error]: 'alert',
-            [constantsBReL3Lsa.FeedbackColors.Warning]: 'alert',
-            [constantsBReL3Lsa.FeedbackColors.Information]: 'status',
-            [constantsBReL3Lsa.FeedbackColors.Success]: 'status',
-            [constantsBReL3Lsa.FeedbackColors.Neutral]: 'status',
+            [constantsGOKBmbgZ.FeedbackColors.Error]: 'alert',
+            [constantsGOKBmbgZ.FeedbackColors.Warning]: 'alert',
+            [constantsGOKBmbgZ.FeedbackColors.Information]: 'status',
+            [constantsGOKBmbgZ.FeedbackColors.Success]: 'status',
+            [constantsGOKBmbgZ.FeedbackColors.Neutral]: 'status',
         };
     }
     //#endregion PROPERTIES
@@ -118,15 +118,15 @@ const NvNotification = class {
     }
     getSlideDestination(pos) {
         switch (pos) {
-            case constantsBReL3Lsa.NotificationPosition.TopRight:
-            case constantsBReL3Lsa.NotificationPosition.BottomRight:
+            case constantsGOKBmbgZ.NotificationPosition.TopRight:
+            case constantsGOKBmbgZ.NotificationPosition.BottomRight:
                 return { axis: 'x', to: 100 }; // right
-            case constantsBReL3Lsa.NotificationPosition.TopLeft:
-            case constantsBReL3Lsa.NotificationPosition.BottomLeft:
+            case constantsGOKBmbgZ.NotificationPosition.TopLeft:
+            case constantsGOKBmbgZ.NotificationPosition.BottomLeft:
                 return { axis: 'x', to: -100 }; // left
-            case constantsBReL3Lsa.NotificationPosition.TopCenter:
+            case constantsGOKBmbgZ.NotificationPosition.TopCenter:
                 return { axis: 'y', to: -100 }; // up
-            case constantsBReL3Lsa.NotificationPosition.BottomCenter:
+            case constantsGOKBmbgZ.NotificationPosition.BottomCenter:
                 return { axis: 'y', to: 100 }; // down
             default:
                 return { axis: 'x', to: 100 }; // fallback
@@ -167,7 +167,7 @@ const NvNotification = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '6d78033613b4f5d8c90fd3f0228e90f28272a7ca', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": this.getHeadingId() ?? null, "aria-describedby": this.getMessageId() ?? null, tabindex: "-1" }, index.h("div", { key: '0a2e82809525643861c44462bbf85bb670b56bb9', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (index.h("button", { key: '46ce066fba0d63bce346697b512051e9fdbf939c', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, index.h("nv-icon", { key: '25ce721523d04886ff700923310b0fea3e6eeea5', name: "x", size: "sm" }))), index.h("nv-icon", { key: '060dfd8b52e92af64a6f5d80f18b520e3fa2db4e', name: this.icon ?? this.getDefaultIcon(), size: "md", "data-scope": "icon" }), index.h("div", { key: '0b60d8005cd53a7bb4f8cbb7d1e2c67337f5b73d', "data-scope": "content" }, (this.heading || this.headingSlot) && (index.h("p", { key: '549d7ee40542d3579e13c6e31dc313ba3a261f81', id: this.getHeadingId(), "data-scope": "heading" }, index.h("slot", { key: 'c5c067b17e2b7456b6ddf7a7747e51c9924cd50f', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (index.h("p", { key: '3de5ab6bf9a77bb0843cd04b945f40b3b16417db', id: this.getMessageId(), "data-scope": "message" }, index.h("slot", { key: '5bcc2b2842907f35d3e8b9f1be3c2045c5ad8a0f', name: "content" }, this.message))), this.actionsSlot && (index.h("div", { key: 'e06454ce135e9869b9c7a9faea3e6f082ddc0e8a', "data-scope": "actions" }, index.h("slot", { key: 'eed113cd7f2d9ae51493f2cd8b9a175db6e7f4aa', name: "actions" })))))));
+        return (index.h(index.Host, { key: '32af1308aa22ce8228416fcce23ce5b75111895b', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": this.getHeadingId() ?? null, "aria-describedby": this.getMessageId() ?? null, tabindex: "-1" }, index.h("div", { key: 'e63deeef95ae6c0e3fe1d8ce178c5dbe9d82f88c', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (index.h("button", { key: '1b66875001f685293d83bbe90a85b297b335c024', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, index.h("nv-icon", { key: 'b1be8798751f60f41925ea92e40df697eb15fa42', name: "x", size: "sm" }))), index.h("nv-icon", { key: 'a922d93bddb729fa7674199d438833544d48da2e', name: this.icon ?? this.getDefaultIcon(), size: "md", "data-scope": "icon" }), index.h("div", { key: 'a55e449e8e17560a70d3d40ff3b9e7e2855fbbac', "data-scope": "content" }, (this.heading || this.headingSlot) && (index.h("p", { key: 'd4c7b85c8b9c5c488b86ba4c8f0c456b8ea3ca2d', id: this.getHeadingId(), "data-scope": "heading" }, index.h("slot", { key: 'e1ef0d24ae77ee788c63d66bed7fee308f3f9d13', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (index.h("p", { key: 'cd7d469058230fec03311e485da0360766633dd0', id: this.getMessageId(), "data-scope": "message" }, index.h("slot", { key: 'cd5000e571c1a7b19bbb0f59e58e938ee4e51361', name: "content" }, this.message))), this.actionsSlot && (index.h("div", { key: 'b0a19b512cc2fbce22907ac28828429202378e75', "data-scope": "actions" }, index.h("slot", { key: 'd40e04eb94154b319c8e212c76f1d932942137d0', name: "actions" })))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-notificationcontainer.entry-gQGHHeer.js → nv-notificationcontainer.entry-CtFunFA9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -21,7 +21,7 @@ const NvNotificationContainer = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'd2c471aaac0f76edade303331718d2b0f7c6bb39', class: `position-${this.position}` }, index.h("slot", { key: '48bbc563523bfb107bbbd2cc60561ccb87f9968c' })));
+        return (index.h(index.Host, { key: '3618bd72eb82ee09c8c971d83ea3e0dbb58f6fbf', class: `position-${this.position}` }, index.h("slot", { key: 'ed0d1b37dd23e984365a92d45c6ecae31a5bbac9' })));
     }
 };
 NvNotificationContainer.style = nvNotificationcontainerCss();

package/dist/cjs/{nv-pagination-nav.entry-BYvcVj1M.js → nv-pagination-nav.entry-DbzEBjoa.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -180,7 +180,7 @@ const NvPaginationNav = class {
     render() {
         const isFirstPage = this.currentPage === 1;
         const isLastPage = this.currentPage === this.totalPages;
-        return (index.h(index.Host, { key: 'b2255fce4e03cee8ff370086aac31df5c69d275d' }, index.h("nav", { key: 'a136b7193f9b00a68e6ee626802dee19fd762531', "data-scope": "pagination-nav", "aria-label": "Pagination navigation" }, this.isOnlyIcon ? (index.h("nv-iconbutton", { name: "chevron-left", size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-iconbutton", "aria-label": this.previousButtonLabel })) : (index.h("nv-button", { size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-button" }, index.h("nv-icon", { slot: "leading-icon", name: "chevron-left" }), this.previousButtonLabel)), index.h("ol", { key: '5bebe0e3f5c8f1799ed8980752fbed7aadbcac01', "data-scope": "page-list" }, calculatePaginationRange({
+        return (index.h(index.Host, { key: '2aecff38a5777b1e229b04110e774d4ac708e940' }, index.h("nav", { key: 'a470aab7d30178269f25eb794b447b6478ed274d', "data-scope": "pagination-nav", "aria-label": "Pagination navigation" }, this.isOnlyIcon ? (index.h("nv-iconbutton", { name: "chevron-left", size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-iconbutton", "aria-label": this.previousButtonLabel })) : (index.h("nv-button", { size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-button" }, index.h("nv-icon", { slot: "leading-icon", name: "chevron-left" }), this.previousButtonLabel)), index.h("ol", { key: '4ea58c4f536310c0d60354da84d9fd650a16dc67', "data-scope": "page-list" }, calculatePaginationRange({
             currentPage: this.currentPage,
             totalCount: this.totalCount,
             pageSize: this.pageSize,