@nova-design-system/nova-webcomponents 3.2.0 → 3.4.0

package/dist/types/components/nv-calendar/partials/day-cell.d.ts

@@ -0,0 +1,35 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+/**
+ * Props for the DayCell component
+ */
+interface DayCellProps {
+    /** Date object for this cell */
+    date: Date;
+    /** Day number (1-31) */
+    dayOfMonth: number;
+    /** Whether this day belongs to the current month */
+    isCurrentMonth: boolean;
+    /** Whether this day is selected (single mode) */
+    isSelected: boolean;
+    /** Whether this day is in a selected range */
+    isInRange: boolean;
+    /** Whether this day is the start of a range */
+    isStart: boolean;
+    /** Whether this day is the end of a range */
+    isEnd: boolean;
+    /** Whether this day is today */
+    isToday: boolean;
+    /** Whether this day is disabled */
+    isDisabled: boolean;
+    /** Selection type for conditional styling */
+    selectionType: 'single' | 'range';
+    /** Click handler for day selection */
+    onClick?: (date: Date) => void;
+}
+/**
+ * Renders a single day cell in the calendar grid
+ * @param {DayCellProps} props - Component properties
+ * @returns {JSX.Element} JSX element representing a day cell
+ */
+export declare const DayCell: FunctionalComponent<DayCellProps>;
+export {};

package/dist/types/components/nv-calendar/partials/index.d.ts

@@ -0,0 +1,6 @@
+export { DayCell } from './day-cell';
+export { CalendarActions } from './calendar-actions';
+export { WeekNumbers } from './week-numbers';
+export { CalendarShortcuts } from './calendar-shortcuts';
+export { CalendarHeader } from './calendar-header';
+export { CalendarGrid } from './calendar-grid';

package/dist/types/components/nv-calendar/partials/week-numbers.d.ts

@@ -0,0 +1,30 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+/**
+ * Week data structure
+ */
+interface WeekData {
+    /** Date object for this day */
+    date: Date;
+}
+/**
+ * Props for the WeekNumbers component
+ */
+interface WeekNumbersProps {
+    /** Array of weeks with their days */
+    weeks: Array<Array<WeekData>>;
+    /** Localized text for "week" abbreviation */
+    localizedWeekText: string;
+    /** Current selection type */
+    selectionType: 'single' | 'range';
+    /** Handler for week selection in range mode */
+    onWeekSelect: (dates: Date[], calendarIndex: number) => void;
+    /** Calendar index for multi-calendar setups */
+    calendarIndex: number;
+}
+/**
+ * Renders the week numbers column for the calendar
+ * @param {WeekNumbersProps} props - Component properties
+ * @returns {JSX.Element} JSX element representing the week numbers
+ */
+export declare const WeekNumbers: FunctionalComponent<WeekNumbersProps>;
+export {};

package/dist/types/components/nv-calendar/test/partials/calendar-actions.logic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/nv-calendar/test/partials/calendar-grid.logic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/nv-calendar/test/partials/calendar-header.logic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/nv-calendar/test/partials/calendar-shortcuts.logic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/nv-calendar/test/partials/day-cell.logic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/nv-calendar/test/partials/week-numbers.logic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/nv-datagrid/nv-datagrid.d.ts

@@ -20,7 +20,7 @@ export declare class NvDatagrid {
     private globalFilterSearchTerm;
     private columnData;
     private paginationState;
-    private sorting;
+    private sortingState;
     private rowSelectionState;
     /****************************************************************************/
     /**
@@ -98,6 +98,41 @@ export declare class NvDatagrid {
      * Whether to enable row selection for the data grid.
      */
     readonly enableRowSelection: boolean;
+    /**
+     * The overall state
+     */
+    readonly state: {
+        /**
+         * Global filter search term
+         */
+        globalFilterSearchTerm: string;
+        /**
+         * Pagination State
+         */
+        paginationState: {
+            /**
+             * Page Index
+             */
+            pageIndex: number;
+            /**
+             * Page Size
+             */
+            pageSize: number;
+        };
+        /**
+         * Sorting the columns
+         */
+        sortingState: {
+            /**
+             * Descending
+             */
+            desc: boolean;
+            /**
+             * Column Id
+             */
+            id: string;
+        }[];
+    };
     /****************************************************************************/
     /**
      * Caches templates for cells and headers upfront to improve performance.
@@ -163,9 +198,42 @@ export declare class NvDatagrid {
     handleParsedChange(): void;
     handleGlobalFilterSearchTerm(newValue: string): void;
     handlePaginationState(newValue: PaginationState, oldValue: PaginationState): void;
-    handleSorting(newValue: SortingState): void;
+    handleSortingState(newValue: SortingState): void;
     handlePageSize(newValue: number): void;
     handleRowSelectionState(newValue: RowSelectionState, oldValue: RowSelectionState): void;
+    handleStateChange(newValue: {
+        /**
+         * Global filter search term
+         */
+        globalFilterSearchTerm: string;
+        /**
+         * Pagination State
+         */
+        paginationState: {
+            /**
+             * Page Index
+             */
+            pageIndex: number;
+            /**
+             * Page Size
+             */
+            pageSize: number;
+        };
+        /**
+         * Sorting the columns
+         */
+        sortingState: {
+            /**
+             * Descending
+             */
+            desc: boolean;
+            /**
+             * Column Id
+             */
+            id: string;
+        }[];
+    }): void;
+    handleInternalStateChange(): void;
     /****************************************************************************/
     componentWillLoad(): void;
     /****************************************************************************/
@@ -186,6 +254,42 @@ export declare class NvDatagrid {
      * Emitted when the selection of the rows are changed.
      */
     selectedRows: EventEmitter<any[]>;
+    /**
+     * Emitted when the state is changed
+     * @bind state
+     */
+    stateChanged: EventEmitter<{
+        /**
+         * Global filter search term
+         */
+        globalFilterSearchTerm: string;
+        /**
+         * Pagination State
+         */
+        paginationState: {
+            /**
+             * Page Index
+             */
+            pageIndex: number;
+            /**
+             * Page Size
+             */
+            pageSize: number;
+        };
+        /**
+         * Sorting the columns
+         */
+        sortingState: {
+            /**
+             * Descending
+             */
+            desc: boolean;
+            /**
+             * Column Id
+             */
+            id: string;
+        }[];
+    }>;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-fielddate/nv-fielddate.d.ts

@@ -65,8 +65,9 @@ export declare class NvFielddate {
     readonly autofocus: boolean;
     /**
      * The initial value of the input (date in string format).
+     * @bind value
      */
-    readonly value: string;
+    value: string;
     /**
      * The current value of the input date in string format.
      */
@@ -149,7 +150,7 @@ export declare class NvFielddate {
     private handleInputContainerClick;
     /**
      * Handles the input event on the input element.
-     * Updates the singleValue and emits the dateChange event.
+     * Updates the singleValue and emits the valueChanged event.
      * @param {Event} event - The input event.
      */
     private handleInput;
@@ -162,6 +163,21 @@ export declare class NvFielddate {
      * @param {FocusEvent} event - The focus event.
      */
     private handleFocus;
+    /**
+     * Prevents the valueChanged event from the calendar from propagating up.
+     * @param {CustomEvent} event - The valueChanged event from nv-calendar.
+     */
+    private handleCalendarValueChanged;
+    /**
+     * Sets the reference to the popover element.
+     * @param {HTMLNvPopoverElement} el - The popover element.
+     */
+    private setPopoverRef;
+    /**
+     * Sets the reference to the input element.
+     * @param {HTMLInputElement} el - The input element.
+     */
+    private setInputRef;
     /****************************************************************************/
     connectedCallback(): void;
     componentWillLoad(): void;
@@ -169,14 +185,10 @@ export declare class NvFielddate {
     disconnectedCallback(): void;
     /****************************************************************************/
     /**
-     * Emits an event when the date changes.
+     * Emitted when the value changes (unified value binding).
+     * @bind value
      */
-    dateChange: EventEmitter<{
-        /**
-         * The date value.
-         */
-        value: string;
-    }>;
+    valueChanged: EventEmitter<string>;
     /**
      * Handles the single date selection event from nv-calendar.
      * Updates the input value and closes the popover.

package/dist/types/components/nv-fielddate/test/nv-fielddate.logic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/nv-fielddaterange/nv-fielddaterange.d.ts

@@ -13,6 +13,7 @@ export declare class NvFielddaterange {
     private popoverElement;
     private calendarElement;
     private popoverId;
+    private contentRef?;
     /****************************************************************************/
     /**
      * Sets the ID for the start input element and the for attribute of the associated
@@ -79,7 +80,7 @@ export declare class NvFielddaterange {
     /**
      * The initial value of the date range (in string format).
      */
-    readonly value: string;
+    value: string;
     /**
      * The current value of the start date in string format.
      */
@@ -92,10 +93,6 @@ export declare class NvFielddaterange {
      * Controls the opening of the popover.
      */
     open: boolean;
-    /**
-     * Current calendar state to prevent unwanted navigation
-     */
-    private calendarState;
     /**
      * First day of the week 0 = Sunday, 1 = Monday, etc.
      * @default 1
@@ -149,6 +146,11 @@ export declare class NvFielddaterange {
      */
     readonly fluid: boolean;
     /****************************************************************************/
+    /**
+     * Parses the unified value prop and synchronizes with internal state
+     * @param {string} value - Value to parse
+     */
+    private parseUnifiedValue;
     /**
      * Converts the nv-calendar date format to the format expected by Inputmask.
      * @param {string} format - The date format to convert
@@ -191,14 +193,24 @@ export declare class NvFielddaterange {
     disconnectedCallback(): void;
     /****************************************************************************/
     /**
-     * Emits an event when the date range changes.
+     * Emitted when the date range changes.
      */
     dateRangeChange: EventEmitter<HTMLNvCalendarElementEventMap['rangeDateChange']>;
+    /**
+     * Emitted when the unified value changes
+     * @bind value
+     */
+    valueChanged: EventEmitter<string>;
     /**
      * Handles the range date selection event from nv-calendar.
      * @param {CustomEvent<DateRange>} event - The custom event
      */
     handleRangeDateChange(event: CustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>): void;
+    /**
+     * Handles the unified value change event from nv-calendar
+     * @param {CustomEvent<string>} event - The custom event
+     */
+    handleCalendarValueChanged(event: CustomEvent<string>): void;
     handleClosePopover(): void;
     handleApplyDateRange(): void;
     /**
@@ -212,6 +224,7 @@ export declare class NvFielddaterange {
      */
     handleKeyDown(event: KeyboardEvent): void;
     handleValueChange(newValue: string): void;
+    onOpenChanged(newValue: boolean): void;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-fielddaterange/test/nv-fielddaterange.logic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/nv-fieldnumber/nv-fieldnumber.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @slot leading-input - Content to be placed before the input text, within the input container.
+ * @slot trailing-input - Content to be placed after the input text, within the input container.
  * @slot before-input - Content to be placed before the input text, outside the input container.
  * @slot after-input - Content to be placed after the input text, outside the input container.
  * @slot label - Content to be placed as the label, will override the label prop.

package/dist/types/components/nv-fieldslider/nv-fieldslider.d.ts

@@ -1,7 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
- * @deprecated [EXPERIMENTAL]
- * @experimental This component is still in development and subject to change in future releases.
  * @slot label - Content to be placed as the label, will override the label prop.
  * @slot description - Content to be placed as the description, will override the description prop.
  * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.
@@ -74,10 +72,11 @@ export declare class NvFieldslider {
      */
     readonly success: boolean;
     /**
-     * Numeric value of the slider as a string, if range mode is on, the values
-     * will be a comma-separated string.
+     * Numeric value of the slider as an array of numbers. When in single mode,
+     * the value should be a an array of one number. When in range mode, the value
+     * should be an array of two numbers.
      */
-    value: string;
+    value: number[];
     /**
      * Defines the interval between selectable values on the slider. Controls how
      * much the value increases or decreases with each keyboard interaction, drag
@@ -224,7 +223,7 @@ export declare class NvFieldslider {
      * Emitted when the slider values change.
      * @bind value
      */
-    valueChanged: EventEmitter<string>;
+    valueChanged: EventEmitter<number[]>;
     /****************************************************************************/
     render(): any;
 }