@progress/kendo-angular-dropdowns 6.0.2-dev.202202251358 → 7.0.0-dev.202204150727

package/dist/es2015/comboboxes/multicolumncombobox.component.js

@@ -1,417 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-var MultiColumnComboBoxComponent_1;
-import { ChangeDetectorRef, Component, ContentChildren, ElementRef, forwardRef, HostBinding, Inject, isDevMode, NgZone, QueryList, Renderer2, ViewChild } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { isDocumentAvailable, KendoInput } from '@progress/kendo-angular-common';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { ComboBoxComponent } from './combobox.component';
-import { ComboBoxColumnComponent } from './combobox-column/combobox-column.component';
-import { DataService } from '../common/data.service';
-import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
-import { NavigationService } from '../common/navigation/navigation.service';
-import { SelectionService } from '../common/selection/selection.service';
-import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
-import { getSizeClass, getter, isObject, isPresent, noop } from '../common/util';
-import { getRowWidthFromColumnsMeta, scrollbarWidth } from './combobox-column/util';
-import { FilterableComponent } from '../common/filtering/filterable-component';
-import { MultiColumnComboBoxMessages } from '../common/constants/error-messages';
-/**
- * Represents the [Kendo UI MultiColumnComboBox component for Angular]({% slug overview_multicolumncombobox %}).
- */
-let MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = class MultiColumnComboBoxComponent extends ComboBoxComponent {
-    constructor(localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, wrapper, touchEnabled) {
-        super(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, changeDetector, renderer, touchEnabled);
-        /**
-         * @hidden
-         */
-        this.hostClasses = true;
-        this.removeWindowResizeListener = noop;
-        // the row height in @progress/kendo-theme-default
-        this.defaultVirtualItemHeight = 36;
-        // use a smaller virtual page size as columns with multiple cells can cause poor performance
-        this.defaultVirtualPageSize = 30;
-    }
-    /**
-     * @hidden
-     */
-    get isDisabled() {
-        return this.disabled;
-    }
-    /**
-     * @hidden
-     */
-    set header(header) {
-        // updates the header padding on initial render as the resize senzor doesn't kick in as early
-        this.updateHeaderPadding(header && header.nativeElement);
-    }
-    get popupWidth() {
-        const wrapperOffsetWidth = this.wrapper.nativeElement.offsetWidth;
-        const min = `${wrapperOffsetWidth}px`;
-        const width = this.popupSettings.width || getRowWidthFromColumnsMeta(this.columns) || wrapperOffsetWidth;
-        const max = isNaN(width) ? width : `${width}px`;
-        return { min, max };
-    }
-    /**
-     * @hidden
-     */
-    get tableSizeClass() {
-        return `${this.size ? getSizeClass('table', this.size) : ''}`;
-    }
-    /**
-     * @hidden
-     */
-    get listContainerClasses() {
-        return [
-            'k-popup',
-            'k-dropdowngrid-popup'
-        ].concat(this.popupSettings.popupClass || []);
-    }
-    ngAfterViewInit() {
-        this.updateColumnsMediaState();
-        this.addWindowResizeListener();
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.removeWindowResizeListener();
-    }
-    /**
-     * @hidden
-     */
-    textFrom(dataItem, field) {
-        return getter(dataItem, field);
-    }
-    /**
-     * @hidden
-     *
-     * Adds or removes a padding value at the end of the header container equal to the size of the scrollbar.
-     * As when the items container has a scrollbar, the column headers and the cells are misaligned.
-     * When the container has a scrollbar, the padding style is added, and when there is none - it is removed.
-     */
-    updateHeaderPadding(header) {
-        if (!isPresent(header)) {
-            return;
-        }
-        // the scrollbar is rendered on the left in rtl
-        const headerPaddingPosition = this.localization.rtl ? 'padding-left' : 'padding-right';
-        if (this.optionsList.hasScrollbar() && scrollbarWidth() > 0) {
-            this.renderer.setStyle(header, headerPaddingPosition, `${scrollbarWidth()}px`);
-        }
-        else {
-            this.renderer.removeStyle(header, headerPaddingPosition);
-        }
-    }
-    verifySettings() {
-        if (!isDevMode()) {
-            return;
-        }
-        if (isPresent(this.data) && this.data.length > 0 && this.data.some(item => !isObject(item))) {
-            throw new Error(MultiColumnComboBoxMessages.data);
-        }
-        if (!isPresent(this.valueField) || !isPresent(this.textField)) {
-            throw new Error(MultiColumnComboBoxMessages.textAndValue);
-        }
-        super.verifySettings();
-    }
-    addWindowResizeListener() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.zone.runOutsideAngular(() => this.removeWindowResizeListener = this.renderer.listen(window, 'resize', this.updateColumnsMediaState.bind(this)));
-    }
-    updateColumnsMediaState() {
-        if (!(isPresent(this.columns) && isDocumentAvailable())) {
-            return;
-        }
-        this.columns.forEach(column => {
-            const matchesMedia = !column.media || window.matchMedia(column.media).matches;
-            if (column.matchesMedia !== matchesMedia) {
-                column.matchesMedia = matchesMedia;
-                if (this.isOpen) {
-                    // enter the zone only if the popup is actually open
-                    // update its width in case it's dependent on the columns' width
-                    this.zone.run(() => this.popupRef.popupElement.style.width = this.popupWidth.max);
-                }
-            }
-        });
-    }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-dropdowngrid'),
-    tslib_1.__metadata("design:type", Boolean)
-], MultiColumnComboBoxComponent.prototype, "hostClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], MultiColumnComboBoxComponent.prototype, "isDisabled", null);
-tslib_1.__decorate([
-    ContentChildren(ComboBoxColumnComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], MultiColumnComboBoxComponent.prototype, "columns", void 0);
-tslib_1.__decorate([
-    ViewChild('header', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef),
-    tslib_1.__metadata("design:paramtypes", [ElementRef])
-], MultiColumnComboBoxComponent.prototype, "header", null);
-MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = tslib_1.__decorate([
-    Component({
-        providers: [
-            SelectionService,
-            DataService,
-            NavigationService,
-            DisabledItemsService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.multicolumncombobox'
-            },
-            {
-                multi: true,
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => MultiColumnComboBoxComponent_1)
-            },
-            {
-                provide: KendoInput,
-                useExisting: forwardRef(() => MultiColumnComboBoxComponent_1)
-            },
-            {
-                provide: FilterableComponent,
-                useExisting: forwardRef(() => MultiColumnComboBoxComponent_1)
-            }
-        ],
-        selector: 'kendo-multicolumncombobox',
-        template: `
-        <ng-container
-            kendoMultiColumnComboBoxLocalizedMessages
-
-            i18n-noDataText="kendo.multicolumncombobox.noDataText|The text displayed in the popup when there are no items"
-            noDataText="NO DATA FOUND"
-
-            i18n-clearTitle="kendo.multicolumncombobox.clearTitle|The title of the clear button"
-            clearTitle="clear"
-        >
-        </ng-container>
-        <kendo-searchbar
-            #searchbar
-            [role]="'combobox'"
-            [id]="focusableId"
-            [listId]="listBoxId"
-            [activeDescendant]="activeDescendant"
-            [noDataLabel]="noDataLabel"
-            [userInput]="text"
-            [suggestedText]="getSuggestion()"
-            [disabled]="disabled"
-            [readonly]="readonly"
-            [tabIndex]="tabIndex"
-            [popupOpen]="isOpen"
-            [placeholder]="placeholder"
-            (onNavigate)="handleNavigate($event)"
-            (valueChange)="searchBarChange($event)"
-            (onBlur)="handleBlur()"
-            (onFocus)="handleFocus()"
-        >
-        </kendo-searchbar>
-
-        <span
-            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
-            class="k-clear-value"
-            [style.visibility]="clearButtonVisiblity"
-            aria-hidden="true"
-            [attr.title]="messageFor('clearTitle')"
-            (click)="clearValue($event)"
-            [kendoEventsOutsideAngular]="{
-                mousedown: preventEventDefault
-            }"
-        >
-            <span class="k-icon k-i-x"></span>
-        </span>
-
-        <button
-            #select
-            tabindex="-1"
-            aria-hidden="true"
-            unselectable="on"
-            type="button"
-            class="k-input-button k-button k-icon-button"
-            [ngClass]="selectButtonClasses"
-            [attr.aria-label]="messageFor('selectButtonText')"
-            [kendoEventsOutsideAngular]="{
-                mousedown: preventEventDefault
-            }"
-        >
-            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
-        </button>
-
-        <ng-template #popupTemplate>
-            <!--user-defined header template -->
-            <ng-template
-                *ngIf="headerTemplate"
-                [templateContext]="{
-                    templateRef: headerTemplate?.templateRef
-                }"
-            >
-            </ng-template>
-
-            <!--data table-->
-            <div class="k-data-table" [ngClass]="tableSizeClass">
-
-                <!--grid header-->
-                <div
-                    #header
-                    class="k-table-header"
-                >
-                    <div class="k-table-header-wrap">
-                        <table class="k-table" role="presentation">
-                            <colgroup>
-                                <ng-container *ngFor="let column of columns">
-                                    <col
-                                        *ngIf="!column.hidden && column.matchesMedia"
-                                        [style.width.px]="column.width"
-                                    />
-                                </ng-container>
-                            </colgroup>
-                            <thead class="k-table-thead">
-                                <tr class="k-table-row">
-                                    <ng-container *ngFor="let column of columns">
-                                        <th
-                                            *ngIf="!column.hidden && column.matchesMedia"
-                                            class="k-table-th"
-                                            [ngStyle]="column.headerStyle"
-                                            [ngClass]="column.headerClass"
-                                        >
-                                            <ng-container *ngIf="!column.headerTemplate">
-                                                {{ column.title || column.field }}
-                                            </ng-container>
-                                            <ng-template
-                                                *ngIf="column.headerTemplate"
-                                                [templateContext]="{
-                                                    templateRef: column.headerTemplate?.templateRef,
-                                                    $implicit: column,
-                                                    column: column
-                                                }"
-                                            >
-                                            </ng-template>
-                                        </th>
-                                    </ng-container>
-                                </tr>
-                            </thead>
-                        </table>
-                    </div>
-                </div>
-
-                <!-- item template -->
-                <ng-template #rowTemplate let-dataItem>
-                    <ng-container *ngFor="let column of columns">
-                        <span
-                            *ngIf="!column.hidden && column.matchesMedia"
-                            class="k-table-td"
-                            [ngClass]="column.class"
-                            [style.width.px]="column.width"
-                            [ngStyle]="column.style"
-                        >
-                            <ng-container *ngIf="!column.cellTemplate">
-                                {{ textFrom(dataItem, column.field) }}
-                            </ng-container>
-                            <ng-template
-                                *ngIf="column.cellTemplate"
-                                [templateContext]="{
-                                    templateRef: column.cellTemplate?.templateRef,
-                                    $implicit: dataItem,
-                                    dataItem: dataItem,
-                                    column: column
-                                }"
-                            >
-                            </ng-template>
-                        </span>
-                    </ng-container>
-                </ng-template>
-
-                <!--list-->
-                <kendo-list
-                    #optionsList
-                    [id]="listBoxId"
-                    [optionPrefix]="optionPrefix"
-                    [data]="data"
-                    [textField]="textField"
-                    [valueField]="valueField"
-                    [template]="{ templateRef: rowTemplate }"
-                    [groupTemplate]="groupTemplate"
-                    [fixedGroupTemplate]="fixedGroupTemplate"
-                    [height]="listHeight"
-                    [show]="isOpen"
-                    [virtual]="virtual"
-                    [type]="'dropdowngrid'"
-                    (pageChange)="pageChange($event)"
-                    (listResize)="updateHeaderPadding(header)"
-                >
-                </kendo-list>
-
-                <!--no-data template-->
-                <div
-                    class="k-no-data"
-                    *ngIf="data.length === 0"
-                >
-                    <ng-template
-                        [ngIf]="noDataTemplate"
-                        [templateContext]="{
-                            templateRef: noDataTemplate?.templateRef
-                        }"
-                    >
-                    </ng-template>
-                    <ng-template [ngIf]="!noDataTemplate">
-                        <div>{{ messageFor('noDataText') }}</div>
-                    </ng-template>
-                </div>
-
-                <!--user-defined footer template-->
-                <ng-container *ngIf="footerTemplate">
-                    <div class="k-table-footer">
-                        <table class="k-table">
-                            <tfoot class="k-table-tfoot">
-                                <tr class="k-table-row">
-                                    <td class="k-table-td">
-                                        <ng-template
-                                            [templateContext]="{
-                                                templateRef: footerTemplate.templateRef
-                                            }"
-                                        >
-                                        </ng-template>
-                                    </td>
-                                </tr>
-                            </tfoot>
-                        </table>
-                    </div>
-                </ng-container>
-
-            </div>
-
-        </ng-template>
-
-        <kendo-resize-sensor
-            *ngIf="isOpen"
-            (resize)="onResize()"
-        >
-        </kendo-resize-sensor>
-
-        <!-- when the popupSettings.appendTo value is set to 'component', this container is used -->
-        <ng-container #container></ng-container>
-    `
-    }),
-    tslib_1.__param(10, Inject(TOUCH_ENABLED)),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        PopupService,
-        SelectionService,
-        NavigationService,
-        DisabledItemsService,
-        DataService,
-        NgZone,
-        ChangeDetectorRef,
-        Renderer2,
-        ElementRef, Boolean])
-], MultiColumnComboBoxComponent);
-export { MultiColumnComboBoxComponent };

package/dist/es2015/common/filter-input.directive.js

@@ -1,35 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, Input, NgZone } from '@angular/core';
-/**
- * @hidden
- */
-let FilterInputDirective = class FilterInputDirective {
-    constructor(element, zone) {
-        this.element = element;
-        this.zone = zone;
-    }
-    ngOnChanges() {
-        if (this.focused) {
-            this.nextTick(() => this.element.nativeElement.focus());
-        }
-    }
-    nextTick(fn) {
-        this.zone.runOutsideAngular(() => setTimeout(fn));
-    }
-};
-tslib_1.__decorate([
-    Input('filterInput'),
-    tslib_1.__metadata("design:type", Boolean)
-], FilterInputDirective.prototype, "focused", void 0);
-FilterInputDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[filterInput]' // tslint:disable-line
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        NgZone])
-], FilterInputDirective);
-export { FilterInputDirective };

package/dist/es2015/common/list-item.directive.js

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef } from '@angular/core';
-/**
- * @hidden
- */
-let ListItemDirective = class ListItemDirective {
-    constructor(element) {
-        this.element = element;
-    }
-};
-ListItemDirective = tslib_1.__decorate([
-    Directive({
-        selector: '"li[role=option], li[role=group]"' // tslint:disable-line
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef])
-], ListItemDirective);
-export { ListItemDirective };

package/dist/es2015/common/localization/custom-messages.component.js

@@ -1,36 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-var CustomMessagesComponent_1;
-import { Component, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-/**
- * Custom component messages override default component messages
- * ([see example]({% slug rtl_dropdowns %}#toc-messages)).
- */
-let CustomMessagesComponent = CustomMessagesComponent_1 = class CustomMessagesComponent extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-};
-CustomMessagesComponent = CustomMessagesComponent_1 = tslib_1.__decorate([
-    Component({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => CustomMessagesComponent_1)
-            }
-        ],
-        selector: 'kendo-dropdownlist-messages,kendo-combobox-messages,kendo-multicolumncombobox-messages,kendo-autocomplete-messages,kendo-multiselect-messages,kendo-dropdowntree-messages,kendo-multiselecttree-messages',
-        template: ``
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService])
-], CustomMessagesComponent);
-export { CustomMessagesComponent };

package/dist/es2015/common/localization/localized-messages.directive.js

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-var LocalizedMessagesDirective_1;
-import { Directive, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-/**
- * @hidden
- */
-let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-};
-LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
-    Directive({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
-            }
-        ],
-        selector: `
-    [kendoDropDownListLocalizedMessages],
-    [kendoDropDownTreeLocalizedMessages],
-    [kendoComboBoxLocalizedMessages],
-    [kendoMultiColumnComboBoxLocalizedMessages],
-    [kendoAutoCompleteLocalizedMessages],
-    [kendoMultiSelectLocalizedMessages],
-    [kendoMultiSelectTreeLocalizedMessages]
-  `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService])
-], LocalizedMessagesDirective);
-export { LocalizedMessagesDirective };

package/dist/es2015/common/localization/messages.js

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-/**
- * @hidden
- */
-export class Messages extends ComponentMessages {
-}
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "noDataText", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "clearTitle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "checkAllText", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], Messages.prototype, "selectButtonText", void 0);

package/dist/es2015/common/models/fillmode.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/models/list-type.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/models/page-change-event.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/models/popup-settings.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/models/rounded.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/models/size.d.ts

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the possible size options of the dropdowns.
- *
- * The possible values are:
- * - `'small'`
- * - `'medium'`
- * - `'large'`
- * - `null`
- */
-export declare type DropDownSize = 'small' | 'medium' | 'large';

package/dist/es2015/common/models/size.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/navigation/navigation-action.js

@@ -1,24 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var NavigationAction;
-(function (NavigationAction) {
-    NavigationAction[NavigationAction["Undefined"] = 0] = "Undefined";
-    NavigationAction[NavigationAction["Open"] = 1] = "Open";
-    NavigationAction[NavigationAction["Close"] = 2] = "Close";
-    NavigationAction[NavigationAction["Enter"] = 3] = "Enter";
-    NavigationAction[NavigationAction["Tab"] = 4] = "Tab";
-    NavigationAction[NavigationAction["Esc"] = 5] = "Esc";
-    NavigationAction[NavigationAction["Delete"] = 6] = "Delete";
-    NavigationAction[NavigationAction["Backspace"] = 7] = "Backspace";
-    NavigationAction[NavigationAction["Home"] = 8] = "Home";
-    NavigationAction[NavigationAction["End"] = 9] = "End";
-    NavigationAction[NavigationAction["Up"] = 10] = "Up";
-    NavigationAction[NavigationAction["Down"] = 11] = "Down";
-    NavigationAction[NavigationAction["Left"] = 12] = "Left";
-    NavigationAction[NavigationAction["Right"] = 13] = "Right";
-})(NavigationAction || (NavigationAction = {}));