@nova-design-system/nova-react 3.12.0 → 3.14.0-beta.0

package/dist/cjs/{nv-fieldtime.entry-mnsDon9M.js → nv-fieldtime.entry-DvCbKaOO.js}

@@ -1,9 +1,10 @@
 'use strict';
 
-var index = require('./index-jBgPO7HC.js');
-var constantsA857c476 = require('./constants-a857c476-Cj2b-su0.js');
+var index = require('./index-CJDePE8Z.js');
+var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
+require('react-dom');
 
 /**
  * Checks if a string starts with a given prefix, ignoring case.
@@ -29,7 +30,7 @@ const NvFieldtime = class {
         // Input elements for hours, minutes, and seconds
         this.inputElements = {};
         this.inputZeroAdded = {};
-        this.typeFocused = constantsA857c476.TimeType.Hours;
+        this.typeFocused = constants69bafca2.TimeType.Hours;
         /****************************************************************************/
         //#region STATES
         this.hours = '00';
@@ -142,20 +143,20 @@ const NvFieldtime = class {
         else if (event.key === 'Enter' && currentIndex >= 0) {
             event.preventDefault();
             items[currentIndex].click();
-            if (this.typeFocused === constantsA857c476.TimeType.Hours) {
-                (_a = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
-                (_b = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
+            if (this.typeFocused === constants69bafca2.TimeType.Hours) {
+                (_a = this.inputElements[constants69bafca2.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
+                (_b = this.inputElements[constants69bafca2.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
             }
-            else if (this.typeFocused === constantsA857c476.TimeType.Minutes ||
-                this.typeFocused === constantsA857c476.TimeType.Seconds) {
-                (_c = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
-                (_d = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
+            else if (this.typeFocused === constants69bafca2.TimeType.Minutes ||
+                this.typeFocused === constants69bafca2.TimeType.Seconds) {
+                (_c = this.inputElements[constants69bafca2.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
+                (_d = this.inputElements[constants69bafca2.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
             }
         }
         else if (event.key === 'Escape') {
             event.preventDefault();
-            if (this.inputElements[constantsA857c476.TimeType.Hours]) {
-                this.inputElements[constantsA857c476.TimeType.Hours].blur();
+            if (this.inputElements[constants69bafca2.TimeType.Hours]) {
+                this.inputElements[constants69bafca2.TimeType.Hours].blur();
             }
         }
     }
@@ -173,13 +174,13 @@ const NvFieldtime = class {
         const inputValue = inputElement.value.replace(/[^0-9]/g, ''); // Only keep numeric input
         // Update the time value based on the type
         switch (type) {
-            case constantsA857c476.TimeType.Hours:
+            case constants69bafca2.TimeType.Hours:
                 this.handleHoursChange(inputValue, type);
                 break;
-            case constantsA857c476.TimeType.Minutes:
+            case constants69bafca2.TimeType.Minutes:
                 this.handleMinutesChange(inputValue, type);
                 break;
-            case constantsA857c476.TimeType.Seconds:
+            case constants69bafca2.TimeType.Seconds:
                 this.handleSecondsChange(inputValue, type);
                 break;
         }
@@ -335,12 +336,12 @@ const NvFieldtime = class {
         if (this.hours.length === 2 &&
             !this.inputZeroAdded[type] &&
             !reputedToZero) {
-            (_a = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
-            (_b = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
+            (_a = this.inputElements[constants69bafca2.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
+            (_b = this.inputElements[constants69bafca2.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
         }
         else if (reputedToZero) {
-            (_c = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
-            (_d = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _d === void 0 ? void 0 : _d.select();
+            (_c = this.inputElements[constants69bafca2.TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
+            (_d = this.inputElements[constants69bafca2.TimeType.Hours]) === null || _d === void 0 ? void 0 : _d.select();
         }
     }
     handleMinutesChange(inputValue, type) {
@@ -493,12 +494,12 @@ const NvFieldtime = class {
         if (this.minutes.length === 2 &&
             !this.inputZeroAdded[type] &&
             !reputedToZero) {
-            (_c = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
-            (_d = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
+            (_c = this.inputElements[constants69bafca2.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
+            (_d = this.inputElements[constants69bafca2.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
         }
         else if (reputedToZero) {
-            (_e = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
-            (_f = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _f === void 0 ? void 0 : _f.select();
+            (_e = this.inputElements[constants69bafca2.TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
+            (_f = this.inputElements[constants69bafca2.TimeType.Minutes]) === null || _f === void 0 ? void 0 : _f.select();
         }
     }
     handleSecondsChange(inputValue, type) {
@@ -626,8 +627,8 @@ const NvFieldtime = class {
             }
         }
         if (reputedToZero) {
-            (_c = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
-            (_d = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
+            (_c = this.inputElements[constants69bafca2.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
+            (_d = this.inputElements[constants69bafca2.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
         }
     }
     // Parse a continuous time string (e.g., "123456") into hours, minutes, and seconds
@@ -681,26 +682,26 @@ const NvFieldtime = class {
         if (this.disabled || this.readonly) {
             return; // Do not toggle if disabled or read-only
         }
-        if (this.open && this.inputElements[constantsA857c476.TimeType.Hours]) {
+        if (this.open && this.inputElements[constants69bafca2.TimeType.Hours]) {
             this.open = false; // Close the popover if it is open
         }
-        else if (this.open && this.inputElements[constantsA857c476.TimeType.Minutes]) {
+        else if (this.open && this.inputElements[constants69bafca2.TimeType.Minutes]) {
             this.open = false; // Close the popover if it is open
         }
-        else if (this.open && this.inputElements[constantsA857c476.TimeType.Seconds]) {
+        else if (this.open && this.inputElements[constants69bafca2.TimeType.Seconds]) {
             this.open = false; // Close the popover if it is open
         }
-        else if (!this.open && this.inputElements[constantsA857c476.TimeType.Hours]) {
-            (_a = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
-            (_b = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
+        else if (!this.open && this.inputElements[constants69bafca2.TimeType.Hours]) {
+            (_a = this.inputElements[constants69bafca2.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
+            (_b = this.inputElements[constants69bafca2.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
         }
-        else if (!this.open && this.inputElements[constantsA857c476.TimeType.Minutes]) {
-            (_c = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
-            (_d = this.inputElements[constantsA857c476.TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
+        else if (!this.open && this.inputElements[constants69bafca2.TimeType.Minutes]) {
+            (_c = this.inputElements[constants69bafca2.TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
+            (_d = this.inputElements[constants69bafca2.TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
         }
-        else if (!this.open && this.inputElements[constantsA857c476.TimeType.Seconds]) {
-            (_e = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
-            (_f = this.inputElements[constantsA857c476.TimeType.Seconds]) === null || _f === void 0 ? void 0 : _f.select();
+        else if (!this.open && this.inputElements[constants69bafca2.TimeType.Seconds]) {
+            (_e = this.inputElements[constants69bafca2.TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
+            (_f = this.inputElements[constants69bafca2.TimeType.Seconds]) === null || _f === void 0 ? void 0 : _f.select();
         }
         else {
             console.warn('nv-fieldtime -> No input elements found to focus or to blur');
@@ -722,13 +723,13 @@ const NvFieldtime = class {
     }
     handleTimeOptionClick(event, type) {
         const option = parseInt(event.target.textContent || '0', 10);
-        if (type === constantsA857c476.TimeType.Hours) {
+        if (type === constants69bafca2.TimeType.Hours) {
             this.hours = option.toString().padStart(2, '0');
         }
-        else if (type === constantsA857c476.TimeType.Minutes) {
+        else if (type === constants69bafca2.TimeType.Minutes) {
             this.minutes = option.toString().padStart(2, '0');
         }
-        else if (type === constantsA857c476.TimeType.Seconds) {
+        else if (type === constants69bafca2.TimeType.Seconds) {
             this.seconds = option.toString().padStart(2, '0');
         }
         const reconstructTime = this.reconstructTime();
@@ -779,11 +780,11 @@ const NvFieldtime = class {
         }
         // Generate the time options based on the type
         switch (type) {
-            case constantsA857c476.TimeType.Hours:
+            case constants69bafca2.TimeType.Hours:
                 return this.generateHourOptions(stepInSeconds);
-            case constantsA857c476.TimeType.Minutes:
+            case constants69bafca2.TimeType.Minutes:
                 return this.generateMinuteOptions(stepInSeconds);
-            case constantsA857c476.TimeType.Seconds:
+            case constants69bafca2.TimeType.Seconds:
                 return this.generateSecondOptions(stepInSeconds);
             default:
                 return [];
@@ -885,8 +886,8 @@ const NvFieldtime = class {
         }
         if (!this.open) {
             if (this.inputElements) {
-                (_a = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
-                (_b = this.inputElements[constantsA857c476.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
+                (_a = this.inputElements[constants69bafca2.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
+                (_b = this.inputElements[constants69bafca2.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
             }
             event.preventDefault();
         }
@@ -976,30 +977,30 @@ 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 === constantsA857c476.TimeType.Hours && option === this.hours) ||
-                    (type === constantsA857c476.TimeType.Minutes && option === this.minutes) ||
-                    (type === constantsA857c476.TimeType.Seconds && option === this.seconds),
+                'selected': (type === constants69bafca2.TimeType.Hours && option === this.hours) ||
+                    (type === constants69bafca2.TimeType.Minutes && option === this.minutes) ||
+                    (type === constants69bafca2.TimeType.Seconds && option === this.seconds),
             }, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
         return (index.h(index.Host, { key: 'a960e7daf8d9a323a55b0f248dd24f8e94321161', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '23c78f159cb32ef76d0d8b5a1171246c9c69fdb7', htmlFor: this.inputId }, index.h("slot", { key: '70b2361b44414dba4ca91b487a7b04872cc0d75d', name: "label" }, this.label))), index.h("nv-popover", { key: '80de55aa7eb0c165ed6871cb0ac6a5aec9046769', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: 'fcd670c6dd32e6687540ddbdaefc2808898a459f', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'cea8867cee99035e97bc9ad40a7f20cf1091f415', name: "before-input" }), index.h("div", { key: 'b68a1a7477baaa3fbf39182a36fe4a693e29a688', class: "input-container" }, index.h("slot", { key: '3bb50bb3ad0207ded63bddfff6b5c5afda7ddfd4', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
-            index.h("input", { key: '236b3a8067f50c443a117e6b3e8e4b882a84eb01', ref: el => (this.inputElements[constantsA857c476.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constantsA857c476.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constantsA857c476.TimeType.Hours), name: this.name
-                    ? `${constantsA857c476.TimeType.Hours}-${this.name}`
-                    : constantsA857c476.TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
+            index.h("input", { key: '236b3a8067f50c443a117e6b3e8e4b882a84eb01', ref: el => (this.inputElements[constants69bafca2.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constants69bafca2.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constants69bafca2.TimeType.Hours), name: this.name
+                    ? `${constants69bafca2.TimeType.Hours}-${this.name}`
+                    : constants69bafca2.TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('mm') && [
             index.h("span", { key: '2440acab80a0d91ebe758f5a329ac5d805a18f9a' }, ":"),
-            index.h("input", { key: '72bc71a8bce65be766c899738745d85da7ef3530', ref: el => (this.inputElements[constantsA857c476.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constantsA857c476.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constantsA857c476.TimeType.Minutes), name: this.name
-                    ? `${constantsA857c476.TimeType.Minutes}-${this.name}`
-                    : constantsA857c476.TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
+            index.h("input", { key: '72bc71a8bce65be766c899738745d85da7ef3530', ref: el => (this.inputElements[constants69bafca2.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constants69bafca2.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constants69bafca2.TimeType.Minutes), name: this.name
+                    ? `${constants69bafca2.TimeType.Minutes}-${this.name}`
+                    : constants69bafca2.TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('ss') && [
             index.h("span", { key: '0afdff59b999c346b455ed7408332d087ae48b12' }, ":"),
-            index.h("input", { key: '0ecf4b18af18b6184e0ccdd00ddea561ee403195', ref: el => (this.inputElements[constantsA857c476.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constantsA857c476.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constantsA857c476.TimeType.Seconds), name: this.name
-                    ? `${constantsA857c476.TimeType.Seconds}-${this.name}`
-                    : constantsA857c476.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
+            index.h("input", { key: '0ecf4b18af18b6184e0ccdd00ddea561ee403195', ref: el => (this.inputElements[constants69bafca2.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constants69bafca2.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constants69bafca2.TimeType.Seconds), name: this.name
+                    ? `${constants69bafca2.TimeType.Seconds}-${this.name}`
+                    : constants69bafca2.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], index.h("nv-iconbutton", { key: '2d3d19d683d85110df8aab9d7c70fb377b189381', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: '8b49cb73821fea8926ede8406019fa68baa8500e', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '372b8e95455c269a988257f2504fc24c680d7f4b', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '9e23fd13862e6218cd7213729b3e165ae74fe2eb', name: "after-input" })), index.h("div", { key: 'c5b99d58c96a055ea8aeade81fb5d75490421716', class: "time-dropdown", slot: "content" }, index.h("div", { key: '2bcee9fa41574db70850445bba4d4041c9471a46', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
-            this.RenderTimeOptionsColumn(constantsA857c476.TimeType.Hours), this.format.includes('mm') &&
-            this.RenderTimeOptionsColumn(constantsA857c476.TimeType.Minutes), this.format.includes('ss') &&
-            this.RenderTimeOptionsColumn(constantsA857c476.TimeType.Seconds)))), (this.description ||
+            this.RenderTimeOptionsColumn(constants69bafca2.TimeType.Hours), this.format.includes('mm') &&
+            this.RenderTimeOptionsColumn(constants69bafca2.TimeType.Minutes), this.format.includes('ss') &&
+            this.RenderTimeOptionsColumn(constants69bafca2.TimeType.Seconds)))), (this.description ||
             this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '822534262bb1769294be95c1a240a2753d556e1c', class: "description" }, index.h("slot", { key: '62489b82bee33610b55dfa4c2f9997b5d68b6bfe', name: "description" }, this.description))), (this.errorDescription ||
             this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '9cedb395a09c4243c7c714574ad8d41b6a836fbb', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '7b8802739ad74756f2843dd8807afe6abda92831', name: "error-description" }, this.errorDescription)))));
     }