@nova-design-system/nova-webcomponents 3.0.0-beta.41 → 3.0.0-beta.42

package/dist/collection/components/nv-fielddate/nv-fielddate.js

@@ -0,0 +1,845 @@
+import { h, Host, } from "@stencil/core";
+import Inputmask from "inputmask";
+import { v4 as uuidv4 } from "uuid";
+/**
+ * @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.
+ * @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.
+ * @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.
+ */
+export class NvFielddate {
+    constructor() {
+        this.popoverId = uuidv4();
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Sets the ID for the input element and the for attribute of the associated
+         * label. If no ID is provided, a random one will be automatically generated.
+         */
+        this.inputId = uuidv4();
+        /**
+         * Disables the input field.
+         */
+        this.disabled = false;
+        /**
+         * Sets the input field as read-only.
+         */
+        this.readonly = false;
+        /**
+         * Marks the input field as required.
+         */
+        this.required = false;
+        /**
+         * Indicates an error state.
+         */
+        this.error = false;
+        /**
+         * Indicates a success state.
+         */
+        this.success = false;
+        /**
+         * Autofocus the input when the component is mounted.
+         */
+        this.autofocus = false;
+        /**
+         * The initial value of the input (date in string format).
+         */
+        this.value = '';
+        /**
+         * The current value of the input date in string format.
+         */
+        this.singleValue = '';
+        /**
+         * Controls the opening of the popover.
+         */
+        this.open = false;
+        /**
+         * First day of the week 0 = Sunday, 1 = Monday, etc.
+         * @default 1
+         */
+        this.firstDayOfWeek = 1;
+        /**
+         * Number of calendars to display
+         * @default 1
+         */
+        this.numberOfCalendars = 1;
+        /**
+         * Minimum date for selection ISO string format, ex: 2025-01-01
+         */
+        this.min = '';
+        /**
+         * Maximum date for selection ISO string format, ex: 2025-12-31
+         */
+        this.max = '';
+        /** Locale for date formatting
+         * @default 'en-BE'
+         */
+        this.locale = 'en-BE';
+        /** Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.
+         * @default 'YYYY-MM-DD'
+         * @note If the date format is in UTC mode, the date will be displayed in UTC time.
+         * @note If the date format is not in UTC mode, the date will be displayed in the local time.
+         */
+        this.dateFormat = 'YYYY-MM-DD';
+        /**
+         * Footer placement
+         * @default 'bottom'
+         */
+        this.shortcutsPlacement = 'bottom';
+        /**
+         * Show action buttons
+         * @default false
+         */
+        this.showActions = false;
+        /**
+         * Custom actions to display in the footer
+         * JSON array of objects with the following properties:
+         * - label: string
+         * - onClick: function
+         * @default '[]'
+         */
+        this.shortcuts = '[]';
+        /**
+         * Disabled dates ISO string array
+         * @default '[]'
+         */
+        this.disabledDates = '[]';
+        /**
+         * Closes the popover when a click is detected outside the component.
+         * @param {MouseEvent} event - The click event.
+         */
+        this.handleClickOutside = (event) => {
+            if (this.open && this.el && !this.el.contains(event.target)) {
+                this.open = false;
+            }
+        };
+        /**
+         * Focuses the input when the input container is clicked.
+         * @param {MouseEvent} event - The click event.
+         */
+        this.handleInputContainerClick = (event) => {
+            if (this.readonly || this.disabled) {
+                event.preventDefault();
+                event.stopPropagation();
+                return;
+            }
+            this.inputElement.focus();
+            // Select the first characters based on the date format
+            const format = this.dateFormat;
+            if (format.startsWith('DD')) {
+                this.inputElement.setSelectionRange(0, 2);
+            }
+            else if (format.startsWith('MM')) {
+                this.inputElement.setSelectionRange(0, 2);
+            }
+            else if (format.startsWith('YYYY')) {
+                this.inputElement.setSelectionRange(0, 4);
+            }
+        };
+        /**
+         * Handles the input event on the input element.
+         * Updates the singleValue and emits the dateChange event.
+         * @param {Event} event - The input event.
+         */
+        this.handleInput = (event) => {
+            if (this.readonly || this.disabled) {
+                event.preventDefault();
+                return;
+            }
+            const input = event.target;
+            this.singleValue = input.value;
+            this.dateChange.emit({ value: input.value });
+        };
+        /**
+         * Toggles the opening/closing of the popover.
+         */
+        this.toggleCalendar = () => {
+            if (this.readonly || this.disabled) {
+                return;
+            }
+            this.open = !this.open;
+        };
+        /**
+         * Handles focus events on the input element.
+         * @param {FocusEvent} event - The focus event.
+         */
+        this.handleFocus = (event) => {
+            if (this.readonly || this.disabled) {
+                event.preventDefault();
+                event.target.blur();
+                return;
+            }
+        };
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region METHODS
+    /**
+     * Converts the nv-calendar date format to the format expected by Inputmask.
+     * @param {string} format - The date format.
+     * @returns {string} Format adapted for Inputmask.
+     */
+    convertToInputmaskFormat(format) {
+        switch (format) {
+            case 'DD/MM/YYYY':
+                return 'dd/mm/yyyy';
+            case 'MM/DD/YYYY':
+                return 'mm/dd/yyyy';
+            case 'YYYY-MM-DD':
+                return 'yyyy-mm-dd';
+            case 'DD.MM.YYYY':
+                return 'dd.mm.yyyy';
+            case 'YYYYMMDD':
+                return 'yyyymmdd';
+            default:
+                return format;
+        }
+    }
+    //#endregion METHODS
+    /****************************************************************************/
+    //#region LIFECYCLE
+    connectedCallback() {
+        document.addEventListener('click', this.handleClickOutside);
+    }
+    componentWillLoad() {
+        if (this.value) {
+            this.singleValue = this.value;
+        }
+    }
+    componentDidLoad() {
+        const inputs = this.el.querySelectorAll('.input-wrapper input');
+        inputs.forEach((input) => {
+            Inputmask({
+                alias: 'datetime',
+                inputFormat: this.convertToInputmaskFormat(this.dateFormat),
+                placeholder: '_'.repeat(this.dateFormat.length),
+            }).mask(input);
+        });
+    }
+    disconnectedCallback() {
+        document.removeEventListener('click', this.handleClickOutside);
+    }
+    /**
+     * Handles the single date selection event from nv-calendar.
+     * Updates the input value and closes the popover.
+     * @param {CustomEvent} event - The event from nv-calendar.
+     */
+    handleSingleDateChange(event) {
+        const value = event.detail;
+        this.singleValue = value;
+        this.dateChange.emit({ value });
+        if (!this.showActions) {
+            this.open = false;
+        }
+    }
+    handleClosePopover() {
+        this.open = false;
+    }
+    handleKeyDown(event) {
+        if (!this.open) {
+            if (event.key === 'ArrowDown') {
+                this.open = true;
+                event.preventDefault();
+                return;
+            }
+            return;
+        }
+        // Verify if the popover element is defined
+        if (!this.popoverElement) {
+            console.warn('nv-fielddate -> Popover element is not defined');
+            return;
+        }
+    }
+    handleValueChange(newValue) {
+        this.singleValue = newValue;
+    }
+    //#endregion EVENTS
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (h(Host, { key: 'df11f4f395a48f6288b20a242cccdacc9d7b397c' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h("label", { key: 'bebb3787dcef1ea73bada36586bdd678f0ce0556', htmlFor: this.inputId }, h("slot", { key: '52be6fb452bcd9471708376e708e9a8126af73c2', name: "label" }, this.label))), h("nv-popover", { key: '6e1cc0a602641ec43be99ca990d64f175ff7bac8', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '7cc0bcc9df49252d209caa22b61358c230d2f0dd', slot: "trigger", class: "input-wrapper" }, h("slot", { key: '13037bdfe258561afd35c23fd1cb94ed96bbba9d', name: "before-input" }), h("div", { key: '5a0c1bce690feb834f6183c57772d7b2eed0a8a6', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '73842b222ba5059f1f09a4ce57b662710a1e341a', name: "leading-input" }), h("input", { key: '2e4de521b0d1d735fd4170eefacfe4e8f5bbcf33', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.singleValue, onInput: this.handleInput, onFocus: this.handleFocus }), h("nv-iconbutton", { key: 'dff7fe7f4a49a3da8ed44235ef719e726a40db87', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
+            ,
+            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: 'aafa39739ae3f907cef45d95094ef643833d50ad', name: "after-input" })), h("div", { key: '38cbef48ee7b053ad7c277e8125fcbf6d11c636c', slot: "content" }, h("nv-calendar", { key: 'dd5f1b3f1d7fcb17a47d90be58949fffe89e3ad4', dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '92526d3d8ed3bce713a5b30097df182b0ea22d4f', class: "description" }, h("slot", { key: 'd2a3a35577c08e3dd21c1c48eb6c6e3959abb7da', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'd4ba884604a01e2376691d382fb530576c02f029', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '443c990302fa9aaef0e6fe732738d4f8e4570717' })));
+    }
+    static get is() { return "nv-fielddate"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles/nv-fielddate.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles/nv-fielddate.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "inputId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the ID for the input element and the for attribute of the associated\nlabel. If no ID is provided, a random one will be automatically generated."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "input-id",
+                "reflect": true,
+                "defaultValue": "uuidv4()"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text displayed as label. A slot label can override this prop."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "label",
+                "reflect": true
+            },
+            "description": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Description displayed below the input. A slot description can override this prop."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "description",
+                "reflect": true
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder for the input field."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "placeholder",
+                "reflect": true
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name attribute for the input."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "name",
+                "reflect": true
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables the input field."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "readonly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the input field as read-only."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "readonly",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks the input field as required."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "required",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "error": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates an error state."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "error",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "errorDescription": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Error description. A slot error-description can override this prop."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "error-description",
+                "reflect": true
+            },
+            "success": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates a success state."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "success",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "autofocus": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Autofocus the input when the component is mounted."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "autofocus",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The initial value of the input (date in string format)."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "firstDayOfWeek": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "1"
+                        }],
+                    "text": "First day of the week 0 = Sunday, 1 = Monday, etc."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "first-day-of-week",
+                "reflect": true,
+                "defaultValue": "1"
+            },
+            "numberOfCalendars": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "1"
+                        }],
+                    "text": "Number of calendars to display"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "number-of-calendars",
+                "reflect": true,
+                "defaultValue": "1"
+            },
+            "min": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Minimum date for selection ISO string format, ex: 2025-01-01"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "min",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "max": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Maximum date for selection ISO string format, ex: 2025-12-31"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "max",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'en-BE'"
+                        }],
+                    "text": "Locale for date formatting"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "locale",
+                "reflect": true,
+                "defaultValue": "'en-BE'"
+            },
+            "dateFormat": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'YYYY-MM-DD'"
+                        }, {
+                            "name": "note",
+                            "text": "If the date format is in UTC mode, the date will be displayed in UTC time."
+                        }, {
+                            "name": "note",
+                            "text": "If the date format is not in UTC mode, the date will be displayed in the local time."
+                        }],
+                    "text": "Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "date-format",
+                "reflect": true,
+                "defaultValue": "'YYYY-MM-DD'"
+            },
+            "shortcutsPlacement": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'bottom' | 'left' | 'right'",
+                    "resolved": "\"bottom\" | \"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'bottom'"
+                        }],
+                    "text": "Footer placement"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "shortcuts-placement",
+                "reflect": true,
+                "defaultValue": "'bottom'"
+            },
+            "showActions": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Show action buttons"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-actions",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "shortcuts": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'[]'"
+                        }],
+                    "text": "Custom actions to display in the footer\nJSON array of objects with the following properties:\n- label: string\n- onClick: function"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "shortcuts",
+                "reflect": true,
+                "defaultValue": "'[]'"
+            },
+            "showWeekNumbers": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "true"
+                        }],
+                    "text": "Show week numbers"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-week-numbers",
+                "reflect": true
+            },
+            "disabledDates": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'[]'"
+                        }],
+                    "text": "Disabled dates ISO string array"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled-dates",
+                "reflect": true,
+                "defaultValue": "'[]'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "singleValue": {},
+            "open": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dateChange",
+                "name": "dateChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emits an event when the date changes."
+                },
+                "complexType": {
+                    "original": "{\n    /**\n     * The date value.\n     */\n    value: string;\n  }",
+                    "resolved": "{ value: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "handleValueChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "singleDateChange",
+                "method": "handleSingleDateChange",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "closePopover",
+                "method": "handleClosePopover",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=nv-fielddate.js.map