@nova-design-system/nova-webcomponents 3.5.0 → 3.7.0

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

@@ -1,5 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
+ * A field date component that combines an input with a calendar popover.
+ *
  * @slot default - Child content of the component.
  * @slot leading-input - Content to be placed before the input text, within the input container.
  * @slot before-input - Content to be placed before the input text, outside the input container.
@@ -72,6 +74,10 @@ export declare class NvFielddate {
      * The current value of the input date in string format.
      */
     singleValue: string;
+    /**
+     * The placeholder to display in the input.
+     */
+    currentPlaceholder: string;
     /**
      * Controls the opening of the popover.
      */
@@ -155,14 +161,24 @@ export declare class NvFielddate {
      */
     private handleInput;
     /**
-     * Toggles the opening/closing of the popover.
+     * Initializes the input mask.
      */
-    private toggleCalendar;
+    private initializeInputMask;
+    /**
+     * Handles keydown events on the input before the mask is initialized.
+     * Initializes the mask on the first number input.
+     * @param {KeyboardEvent} event - The keyboard event.
+     */
+    private handleKeydownBeforeMask;
     /**
      * Handles focus events on the input element.
      * @param {FocusEvent} event - The focus event.
      */
     private handleFocus;
+    /**
+     * Handles blur events on the input element.
+     */
+    private handleBlur;
     /**
      * Prevents the valueChanged event from the calendar from propagating up.
      * @param {CustomEvent} event - The valueChanged event from nv-calendar.
@@ -178,6 +194,15 @@ export declare class NvFielddate {
      * @param {HTMLInputElement} el - The input element.
      */
     private setInputRef;
+    /**
+     * Toggles the opening/closing of the popover.
+     */
+    private toggleCalendar;
+    /**
+     * Clears the current selection and resets the field to its initial state.
+     * This method can be called programmatically to reset the field.
+     */
+    clear(): Promise<void>;
     /****************************************************************************/
     connectedCallback(): void;
     componentWillLoad(): void;

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

@@ -185,6 +185,11 @@ export declare class NvFielddaterange {
      * Toggles the opening/closing of the popover.
      */
     private toggleCalendar;
+    /**
+     * Clears the current selection and resets the date range field to its initial state.
+     * This method can be called programmatically to reset the field.
+     */
+    clear(): Promise<void>;
     /****************************************************************************/
     connectedCallback(): void;
     componentWillLoad(): void;

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

@@ -1,4 +1,10 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot default - Next to the label and description.
+ * @slot main - Replaces the label and description.
+ * @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.
+ */
 export declare class NvFielddropdownitemcheck {
     el: HTMLNvFielddropdownitemcheckElement;
     /****************************************************************************/

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

@@ -57,9 +57,10 @@ export declare class NvFieldmultiselect {
      */
     readonly autocomplete: `${TextInputAutocomplete}`;
     /**
-     * Specifies the value of the input field.
+     * Specifies the selected values of the multiselect field.
+     * This is the canonical value for the component and is used for form submission.
      */
-    value: string;
+    value: string[];
     /**
      * Marks the input field as required.
      */
@@ -147,15 +148,11 @@ export declare class NvFieldmultiselect {
      * Text for the badge showing the number of selected items.
      */
     readonly badgeLabel: string;
-    /****************************************************************************/
     /**
      * The text entered by the user for filtering multiselect items.
      */
     filterText: string;
-    /**
-     * List of selected values in the multiselect.
-     */
-    selectedValues: string[];
+    /****************************************************************************/
     /**
      * Sorted options for display.
      */
@@ -170,15 +167,14 @@ export declare class NvFieldmultiselect {
     private isHandlingEscape;
     /****************************************************************************/
     /**
-     * Emitted when the input value changes.
+     * Emitted when the selected values change.
      * @bind value
      */
-    valueChanged: EventEmitter<string>;
+    valueChanged: EventEmitter<string[]>;
     /**
-     * Event emitted when the selection changes in the multiselect.
-     * Emits the current list of selected values.
+     * Emitted when the filter text changes.
      */
-    multiselectChange: EventEmitter<string[]>;
+    filterTextChanged: EventEmitter<string>;
     /****************************************************************************/
     handleOptionsChange(newValue: typeof this.options): void;
     /**
@@ -225,10 +221,6 @@ export declare class NvFieldmultiselect {
      * @returns {string} The filter text.
      */
     getFilterText(): Promise<string>;
-    /**
-     * Set the initial selection based on the current value and update the inputElement value.
-     */
-    private setInitialSelection;
     /**
      * Reset the filter and make all items visible.
      */
@@ -289,6 +281,10 @@ export declare class NvFieldmultiselect {
      * Handle popover close
      */
     private handlePopoverClose;
+    /**
+     * Clear the filter text
+     */
+    private clearFilterText;
     /**
      * Handle input blur for options mode.
      */
@@ -354,6 +350,11 @@ export declare class NvFieldmultiselect {
      */
     private togglePopoverSlots;
     private manageDivider;
+    /**
+     * Synchronizes the checked state of all child nv-fielddropdownitemcheck components
+     * with the current selectedValues state.
+     */
+    private syncChildComponents;
     /****************************************************************************/
     /**
      * Renders the component in options mode

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

@@ -1,6 +1,12 @@
 /**
  * Utility functions for nv-fieldslider.
  */
+/**
+ * Gets the number of decimal places in a number.
+ * @param {number} num - The number to check
+ * @returns {number} The number of decimal places
+ */
+export declare function getDecimalPlaces(num: number): number;
 /**
  * Clamp a value between min and max.
  * @param {number} value - The value to clamp
@@ -44,3 +50,10 @@ export declare function snapToTicks(value: number, ticks: {
     /** The value of the tick */
     value: number;
 }[]): number;
+/**
+ * Format a numeric value for display, preserving trailing zeros based on step precision
+ * @param {number} value - The value to format
+ * @param {number} step - The step size that determines decimal precision
+ * @returns {string} Formatted value string with appropriate decimal places
+ */
+export declare function formatValueForDisplay(value: number, step: number): string;

package/dist/types/components/nv-fieldslider/partials/range-thumb.d.ts

@@ -17,6 +17,8 @@ interface RangeThumbProps {
     min: number;
     /** Maximum allowed value */
     max: number;
+    /** Step size of the slider */
+    step: number;
     /** Whether the slider is disabled */
     disabled: boolean;
     /** Whether the slider is readonly */

package/dist/types/components/nv-fieldslider/partials/single-thumb.d.ts

@@ -9,6 +9,8 @@ interface SingleThumbProps {
     min: number;
     /** Maximum allowed value */
     max: number;
+    /** Step size of the slider */
+    step: number;
     /** Raw position during dragging */
     rawPosition: number;
     /** Whether the thumb is currently being dragged */

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import type { Placement } from '@floating-ui/dom';
 /**
  * @slot default - Content to be placed as the trigger.
@@ -31,6 +32,12 @@ export declare class NvTooltip {
      */
     readonly enterDelay: number;
     /****************************************************************************/
+    /**
+     * Emitted when the tooltip is opened or closed. Bubbles up from the popover
+     * element.
+     */
+    openChanged: EventEmitter<boolean>;
+    /****************************************************************************/
     componentWillLoad(): void;
     /****************************************************************************/
     render(): any;