@nova-design-system/nova-react 3.0.0-beta.46 → 3.0.0

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BgDhK4Po.js');
+var index = require('./index-Byv3Vmev.js');
 require('react');
 
 
@@ -8,7 +8,6 @@ require('react');
 exports.NvAlert = index.NvAlert;
 exports.NvAvatar = index.NvAvatar;
 exports.NvBadge = index.NvBadge;
-exports.NvBase = index.NvBase;
 exports.NvBreadcrumb = index.NvBreadcrumb;
 exports.NvBreadcrumbs = index.NvBreadcrumbs;
 exports.NvButton = index.NvButton;

package/dist/cjs/{nv-alert.entry-C9DnCn0Q.js → nv-alert.entry-BXY4KXbF.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BgDhK4Po.js');
+var index = require('./index-Byv3Vmev.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
 var timeline_animation1b88f052 = require('./timeline.animation-1b88f052-B8-vCVrY.js');

package/dist/cjs/{nv-avatar.entry-Cj_bK7KY.js → nv-avatar.entry-BnPSKkJJ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BgDhK4Po.js');
+var index = require('./index-Byv3Vmev.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
 require('react');

package/dist/cjs/{nv-badge_2.entry-H664ASUM.js → nv-badge_2.entry-BsI3B8Rr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BgDhK4Po.js');
+var index = require('./index-Byv3Vmev.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var timeline_animation1b88f052 = require('./timeline.animation-1b88f052-B8-vCVrY.js');
 var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
@@ -185,7 +185,7 @@ const NvFielddropdownitemcheck = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '69e403031200efea98b211ed6d69d3a21338bea0', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: '0d12dbeef8532087d950bfc4e14994821b1cd3f1', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
+        return (index.h(index.Host, { key: '93a97fb36d69bd837b27cdbfa31adc5a7a71dab4', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: '7afd9b55ce6911c327fae658304fa313fc908d45', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-breadcrumb.entry-BOyjRSxM.js → nv-breadcrumb.entry-D5vGHLOG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BgDhK4Po.js');
+var index = require('./index-Byv3Vmev.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 
@@ -36,7 +36,7 @@ const NvBreadcrumb = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8ffa46d8714261924aaab55940c7dc6b36f2a9f9', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx297c1ffe.clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (index.h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (index.h("slot", null)), this.tooltip && (index.h("nv-tooltip", { key: 'a2beda9f4b9a5eb71962a1cc060f5467fd2b0134', message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (index.h("nv-popover", { key: 'd4a837d21c07697d6ef01506169474bd5cf5a304', triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, index.h("ul", { key: 'bf089278cfe03ed3ae4beeac57ad67dc029b91cf', slot: "content" }, index.h("slot", { key: '23f21367fc803a5f176947720e55dba4201f64c4' })))), index.h("span", { key: 'e1a9414f3be1fd6ef3450f3e7b99d7ff091ec2f0', "data-scope": "separator" }, "/")));
+        return (index.h(index.Host, { key: '50f858dc015ef2cd51f54a08fa53ec88ee42ac41', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx297c1ffe.clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (index.h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (index.h("slot", null)), this.tooltip && (index.h("nv-tooltip", { key: '1df40faa4a483d4abf8895def5db87696cf0d08e', message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (index.h("nv-popover", { key: '90174908cdcf1b3e1f8a8a82a01cfa505311c930', triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, index.h("ul", { key: '72282abd41c80bb8edf0c6b19506be32bf5ed688', slot: "content" }, index.h("slot", { key: '4b9c325c0d27162c4856796f6a7d7c9b39edf993' })))), index.h("span", { key: '62316fc8efc09067a0a64d4e90e76d57b329ee81', "data-scope": "separator" }, "/")));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-breadcrumbs.entry-DkffTj6Z.js → nv-breadcrumbs.entry-CsaqAsnb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BgDhK4Po.js');
+var index = require('./index-Byv3Vmev.js');
 require('react');
 
 const nvBreadcrumbsCss = "nv-breadcrumbs{display:block}nv-breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-padding-y)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}";
@@ -12,7 +12,7 @@ const NvBreadcrumbs = class {
     }
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '5ab0f09cb86a92464ffcd06d8129543539bdcddf', role: "navigation", "aria-label": "breadcrumbs" }, index.h("ol", { key: 'a7624a2400d9a91ec477694bbd3600960e198981' }, index.h("slot", { key: '7c4102ceebe110377bf212e0695bdec6b455ea74' }))));
+        return (index.h(index.Host, { key: '19ad2bb41f4254a98a571cbadb50ba5ed7d29f62', role: "navigation", "aria-label": "breadcrumbs" }, index.h("ol", { key: '11b77f0f11c6b1dc2ce5ab3f4f7b23e8ec728b61' }, index.h("slot", { key: 'c0c683f93c6874aa5f84fb735d13c1b5eabcd951' }))));
     }
 };
 NvBreadcrumbs.style = NvBreadcrumbsStyle0;

package/dist/cjs/{nv-button.entry-Dv4bG9oE.js → nv-button.entry-DzZfGZGy.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BgDhK4Po.js');
+var index = require('./index-Byv3Vmev.js');
 var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
 require('react');
 
@@ -150,7 +150,7 @@ const NvButton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '751fa0a552eaf13a193a15f9c9d6fe0c257b93e8', role: "button", tabindex: "0", onClick: this.handleButtonClick }, this.loading && (index.h("nv-loader", { key: 'ae8b39b13bfd6cd8a33f7a30afea19e426d0064d', size: this.size === constants98e2dcc2.ButtonSize.Large ? 'sm' : 'xs' })), index.h("slot", { key: 'e1a213305895c9b35d517bedce3a61f49e39642a', name: "leading-icon" }), index.h("slot", { key: '2e9e5ed4381790f3c1c06f1a4bf5f60bda79bd1c' }), index.h("slot", { key: 'e960ec4f4eca0a2a941ca7f3b96a4e31603fa633', name: "trailing-icon" })));
+        return (index.h(index.Host, { key: 'f8b20f9052d71f93eaf03f98550a7237225cadf2', role: "button", tabindex: "0", onClick: this.handleButtonClick }, this.loading && (index.h("nv-loader", { key: 'c1cefa72ee24dad9ce16bbfe1f51e6cec6dc7fbc', size: this.size === constants98e2dcc2.ButtonSize.Large ? 'sm' : 'xs' })), index.h("slot", { key: '36a311494e45ebc23b1133923a676d58e87f3800', name: "leading-icon" }), index.h("slot", { key: 'f6fea826cda9a09f7152f4e30cc6981c89e73ebe' }), index.h("slot", { key: 'd59c23ff85ea7efc16c69c5adbeb0e91786f1f68', name: "trailing-icon" })));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-calendar.entry-DSoKDy9Q.js → nv-calendar.entry-CGKv_-gO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BgDhK4Po.js');
+var index = require('./index-Byv3Vmev.js');
 var _commonjsHelpers1789f0cf = require('./_commonjsHelpers-1789f0cf-BJu3ubxk.js');
 var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
 require('react');
@@ -225,11 +225,11 @@ const NvCalendar = class {
     /**
      * Change the displayed month
      * @param {number} offset - Month offset (-1 for previous, 1 for next)
-     * @param {number} calendarOffset - Month offset for the calendar (0 by default)
      */
-    changeMonth(offset, calendarOffset = 0) {
+    changeMonth(offset) {
         const newDate = new Date(this.currentDate);
-        newDate.setUTCMonth(newDate.getUTCMonth() + offset + calendarOffset);
+        // Ensure we only move by one month at a time
+        newDate.setUTCMonth(newDate.getUTCMonth() + offset);
         // Add the appropriate animation class
         const containers = this.el.querySelectorAll('.calendar-grid');
         containers.forEach(container => {
@@ -387,10 +387,13 @@ const NvCalendar = class {
         const firstDay = new Date(Date.UTC(year, month, 1));
         const lastDay = new Date(Date.UTC(year, month + 1, 0));
         const days = [];
-        // Calculate the offset to include the days of the previous month only for the first calendar
-        const offsetDays = offset === 0 ? (firstDay.getUTCDay() - this.firstDayOfWeek + 7) % 7 : 0;
+        // Correct calculation of offset for previous month days
+        // Use getUTCDay to stay consistent with UTC timezone
+        const dayOfWeekIndex = firstDay.getUTCDay(); // 0 = Sunday, 1 = Monday, etc.
+        // Adjust based on firstDayOfWeek (if week starts on Monday, offset is different)
+        const offsetDays = (dayOfWeekIndex - this.firstDayOfWeek + 7) % 7;
         // Add the days of the previous month for the first calendar
-        if (offset === 0) {
+        if (offset === 0 && offsetDays > 0) {
             const prevMonthLastDay = new Date(Date.UTC(year, month, 0)).getUTCDate();
             for (let i = offsetDays; i > 0; i--) {
                 const date = new Date(Date.UTC(year, month - 1, prevMonthLastDay - i + 1));
@@ -580,6 +583,21 @@ const NvCalendar = class {
     parseDate(dateInput) {
         if (dateInput instanceof Date)
             return dateInput;
+        // Attempt to automatically detect ISO 8601 format (generated by toISOString())
+        // The regex checks the standard ISO format: YYYY-MM-DDTHH:mm:ss.sssZ
+        if (typeof dateInput === 'string' &&
+            /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/.test(dateInput)) {
+            try {
+                const parsedDate = new Date(dateInput);
+                if (!isNaN(parsedDate.getTime())) {
+                    return parsedDate;
+                }
+            }
+            catch (error) {
+                // If it fails, continue with other methods
+                console.error('Error parsing ISO date:', error);
+            }
+        }
         // Handling Unix Seconds ("X") formats
         if (this.dateFormat === 'X') {
             const unixSeconds = Number(dateInput);
@@ -626,6 +644,20 @@ const NvCalendar = class {
         }
         return parsed.toDate();
     }
+    /**
+     * Checks if the date format is in UTC mode
+     * @returns {boolean} true if the date format is in UTC mode
+     */
+    get isUTCMode() {
+        return this.dateFormat.includes('Z');
+    }
+    /**
+     * Checks if the date format is ISO 8601
+     * @returns {boolean} true if the format is ISO 8601
+     */
+    get isISO8601Format() {
+        return this.dateFormat === 'YYYY-MM-DD[T]HH:mm:ss[Z]';
+    }
     /**
      * Formats a date to a string according to the format
      * @param {Date} date - Date to format
@@ -634,6 +666,11 @@ const NvCalendar = class {
     formatDate(date) {
         if (!date)
             return '';
+        // Special case for ISO 8601
+        if (this.isISO8601Format) {
+            // For the ISO 8601 format, use directly toISOString() which is standard
+            return date.toISOString();
+        }
         // If the format is "Ticks", convert the time to C# ticks
         if (this.dateFormat === 'Ticks') {
             const ticks = date.getTime() * 10000 + 621355968000000000;
@@ -829,11 +866,10 @@ const NvCalendar = class {
     /**
      * Handles month change with an offset
      * @param {number} direction - Direction (-1 for previous, 1 for next)
-     * @param {number} offset - Month offset (0 by default)
      * @returns {Function} Change month handler
      */
-    getChangeMonthHandler(direction, offset) {
-        return () => this.changeMonth(direction, offset);
+    getChangeMonthHandler(direction) {
+        return () => this.changeMonth(direction);
     }
     /**
      * Handles month change from an event (ex: dropdown)
@@ -895,13 +931,6 @@ const NvCalendar = class {
             return [];
         }
     }
-    /**
-     * Checks if the date format is in UTC mode
-     * @returns {boolean} true if the date format is in UTC mode
-     */
-    get isUTCMode() {
-        return this.dateFormat.includes('Z');
-    }
     /**
      * Checks if shortcuts are visible
      * @returns {boolean} true if shortcuts are visible
@@ -927,8 +956,8 @@ const NvCalendar = class {
      * @description Renders the header of the calendar
      */
     renderHeader(offset, index$1) {
-        return (index.h("div", { class: "header" }, this.numberOfCalendars > 1 && index$1 === 0 && (index.h("nv-iconbutton", { class: "nav-left", emphasis: "lower", name: "chevron-left", onClick: this.getChangeMonthHandler(-1, offset) })), index.h("div", { class: "date-controls" }, index.h("select", { class: "month-select mr-4", onChange: this.getHandleMonthChange(offset) }, this.months.map(month => (index.h("option", { key: month.value, value: month.value, selected: month.value === (this.currentDate.getUTCMonth() + offset) % 12 }, month.label)))), index.h("input", { type: "number", class: "year-input", min: "1950", max: "2100", value: this.currentDate.getUTCFullYear() +
-                Math.floor((this.currentDate.getUTCMonth() + offset) / 12), onChange: this.getHandleYearChange(offset) })), this.numberOfCalendars === 1 && (index.h("div", { class: "nav-buttons" }, index.h("nv-iconbutton", { emphasis: "lower", name: "chevron-left", onClick: this.getChangeMonthHandler(-1, offset) }), index.h("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: this.getChangeMonthHandler(1, offset) }))), this.numberOfCalendars > 1 && index$1 === this.numberOfCalendars - 1 && (index.h("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: this.getChangeMonthHandler(1, offset), class: "nav-right" }))));
+        return (index.h("div", { class: "header" }, this.numberOfCalendars > 1 && index$1 === 0 && (index.h("nv-iconbutton", { class: "nav-left", emphasis: "lower", name: "chevron-left", onClick: this.getChangeMonthHandler(-1) })), index.h("div", { class: "date-controls" }, index.h("select", { class: "month-select mr-4", onChange: this.getHandleMonthChange(offset) }, this.months.map(month => (index.h("option", { key: month.value, value: month.value, selected: month.value === (this.currentDate.getUTCMonth() + offset) % 12 }, month.label)))), index.h("input", { type: "number", class: "year-input", min: "1950", max: "2100", value: this.currentDate.getUTCFullYear() +
+                Math.floor((this.currentDate.getUTCMonth() + offset) / 12), onChange: this.getHandleYearChange(offset) })), this.numberOfCalendars === 1 && (index.h("div", { class: "nav-buttons" }, index.h("nv-iconbutton", { emphasis: "lower", name: "chevron-left", onClick: this.getChangeMonthHandler(-1) }), index.h("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: this.getChangeMonthHandler(1) }))), this.numberOfCalendars > 1 && index$1 === this.numberOfCalendars - 1 && (index.h("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: this.getChangeMonthHandler(1), class: "nav-right" }))));
     }
     /**
      * Renders the week numbers
@@ -1021,7 +1050,7 @@ const NvCalendar = class {
      * @slot default - Child content of the component.
      */
     render() {
-        return (index.h(index.Host, { key: '49bdf5cc44f9e8f13b0fd61936d3b015e6105d18' }, index.h("div", { key: 'e1a0fcc20c7c12930df31c36751824a64fae053f', class: "datepicker-root" }, index.h("div", { key: '48cd6f6d92c41c748fdd05a6d932cbb634e3dfd6', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, index.h("div", { key: 'f5d5ca631e448067cbfb04f0bcc74695b5c6fb5e', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), (this.hasShortcuts || this.hasActions) && (index.h("div", { key: 'cb1ebc42e3616b9c35d147c227a53924fd2c73c8', class: "datepicker-controls" }, this.hasShortcuts && this.renderShortcuts(), this.hasActions && this.renderActions())))), index.h("slot", { key: 'e9bec2dd219502e8855c6195ebe69bff8fff0da5' })));
+        return (index.h(index.Host, { key: '89300da9f694aa926855452414e7e036f75f2de6' }, index.h("div", { key: '467ef9fc9d6523eec3712bf779d49fdf50c55617', class: "datepicker-root" }, index.h("div", { key: '990f2cb18dcad96cab0f8dfb62e6c57049475440', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, index.h("div", { key: 'c0dedf1007cbc6a87bd591925c9994474c876afc', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), (this.hasShortcuts || this.hasActions) && (index.h("div", { key: 'ef81eaf952fbe569be7e1d3ee6cb59de0e137fe4', class: "datepicker-controls" }, this.hasShortcuts && this.renderShortcuts(), this.hasActions && this.renderActions())))), index.h("slot", { key: 'e1281217950b5cb02952a69b081d4fcce5863b4d' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-col.entry-CGNiCKta.js → nv-col.entry-Cng8NaTW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BgDhK4Po.js');
+var index = require('./index-Byv3Vmev.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 
@@ -29,7 +29,7 @@ const NvCol = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8c6efe159aa3b9d853d07897e17045adabf5716c', class: clsx297c1ffe.clsx(this.getColSize()) }, index.h("slot", { key: '5438e2dd941088fde68b17495a4d231cc56fba3c' })));
+        return (index.h(index.Host, { key: '8f7112dc8ce8896d9e7265741f06b7449dd508df', class: clsx297c1ffe.clsx(this.getColSize()) }, index.h("slot", { key: '3bedff11752d04db2615a5f26d4d910d95dee76c' })));
     }
 };
 NvCol.style = NvColStyle0;