@grapecity/wijmo.angular2legacy.input 5.20261.50 → 5.20261.52

package/index.d.ts

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20261.50
+    * Wijmo Library 5.20261.52
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -9,7 +9,7 @@
     * us.sales@mescius.com
     * https://developer.mescius.com/wijmo/licensing
     *
-    */
+    */
 /**
  * {@module wijmo.angular2legacy.input}
  * Contains Angular 2 components for the <b>wijmo.input</b> module.
@@ -28,31 +28,32 @@
  *     amount = 0;
  * }</pre>
  *
- */
-/**
- *
- */
-export declare var ___keepComment: any;
-import { EventEmitter, AfterViewInit, ElementRef, Injector, ViewContainerRef, TemplateRef, OnInit, OnChanges, OnDestroy, AfterContentInit, ChangeDetectorRef } from '@angular/core';
-import { IWjComponentMetadata, IWjComponentMeta, IWjDirectiveMeta } from '@grapecity/wijmo.angular2legacy.directivebase';
-import * as ngCore from '@angular/core';
+ */
+/** 
+ * 
+ */
+export declare var ___keepComment: any;
+import * as i0 from '@angular/core';
+import { AfterViewInit, EventEmitter, ElementRef, Injector, ViewContainerRef, TemplateRef, ChangeDetectorRef, OnChanges, AfterContentInit, SimpleChanges } from '@angular/core';
+import * as i1 from '@angular/common';
 import * as wjcCore from '@grapecity/wijmo';
 import * as wjcInput from '@grapecity/wijmo.input';
-declare var wjListBoxMeta: IWjComponentMeta;
-export { wjListBoxMeta };
+import { IWjComponentMetadata, IWjComponentMeta, IWjDirectiveMeta } from '@grapecity/wijmo.angular2legacy.directivebase';
+
+export declare const wjComboBoxMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.ListBox} control.
+ * Angular 2 component for the {@link wijmo.input.ComboBox} control.
  *
- * Use the <b>wj-list-box</b> component to add <b>ListBox</b> controls to your
+ * Use the <b>wj-combo-box</b> component to add <b>ComboBox</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjListBox</b> component is derived from the <b>ListBox</b> control and
+ * The <b>WjComboBox</b> component is derived from the <b>ComboBox</b> control and
  * inherits all its properties, events and methods.
  *
- * The <b>wj-list-box</b> component may contain a {@link wijmo.angular2legacy.input.WjItemTemplate} child directive.
+ * The <b>wj-combo-box</b> component may contain a {@link wijmo.angular2legacy.input.WjItemTemplate} child directive.
  */
-export declare class WjListBox extends wjcInput.ListBox implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjComboBox extends wjcInput.ComboBox implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -106,23 +107,47 @@ export declare class WjListBox extends wjcInput.ListBox implements OnInit, OnDes
      */
     invalidInputNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanging</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
+     * In template bindings use the conventional <b>isDroppedDownChanging</b> Wijmo event name.
      */
-    formatItemNg: EventEmitter<any>;
+    isDroppedDownChangingNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>itemsChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>itemsChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>isDroppedDownChanged</b> Wijmo event name.
      */
-    itemsChangedNg: EventEmitter<any>;
+    isDroppedDownChangedNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>itemChecked</b> event for programmatic access.
+     * This event is used to implement two-way binding to the <b>isDroppedDown</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>isDroppedDownChange</b> event name.
+     */
+    isDroppedDownChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>textChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>itemChecked</b> Wijmo event name.
+     * In template bindings use the conventional <b>textChanged</b> Wijmo event name.
      */
-    itemCheckedNg: EventEmitter<any>;
+    textChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>text</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>textChange</b> event name.
+     */
+    textChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>itemsSourceChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>itemsSourceChanged</b> Wijmo event name.
+     */
+    itemsSourceChangedNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
+     */
+    formatItemNg: EventEmitter<any>;
     /**
      * Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
@@ -147,18 +172,6 @@ export declare class WjListBox extends wjcInput.ListBox implements OnInit, OnDes
      * You can bind handlers to this event in templates using the <b>selectedValueChange</b> event name.
      */
     selectedValueChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>checkedItemsChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>checkedItemsChanged</b> Wijmo event name.
-     */
-    checkedItemsChangedNg: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>checkedItems</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>checkedItemsChange</b> event name.
-     */
-    checkedItemsChangePC: EventEmitter<any>;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -172,22 +185,47 @@ export declare class WjListBox extends wjcInput.ListBox implements OnInit, OnDes
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjComboBox, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjComboBox, "wj-combo-box", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "displayMemberPath": { "alias": "displayMemberPath"; "required": false; }; "selectedValuePath": { "alias": "selectedValuePath"; "required": false; }; "headerPath": { "alias": "headerPath"; "required": false; }; "isContentHtml": { "alias": "isContentHtml"; "required": false; }; "isEditable": { "alias": "isEditable"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "maxDropDownHeight": { "alias": "maxDropDownHeight"; "required": false; }; "maxDropDownWidth": { "alias": "maxDropDownWidth"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "trimText": { "alias": "trimText"; "required": false; }; "caseSensitiveSearch": { "alias": "caseSensitiveSearch"; "required": false; }; "virtualizationThreshold": { "alias": "virtualizationThreshold"; "required": false; }; "itemsSource": { "alias": "itemsSource"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "keyActionDownArrow": { "alias": "keyActionDownArrow"; "required": false; }; "keyActionUpArrow": { "alias": "keyActionUpArrow"; "required": false; }; "keyActionPrintCharacters": { "alias": "keyActionPrintCharacters"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "itemsSourceChangedNg": "itemsSourceChanged"; "formatItemNg": "formatItem"; "selectedIndexChangedNg": "selectedIndexChanged"; "selectedIndexChangePC": "selectedIndexChange"; "selectedItemChangePC": "selectedItemChange"; "selectedValueChangePC": "selectedValueChange"; }, never, ["*"], true, never>;
 }
-declare var wjMultiSelectListBoxMeta: IWjComponentMeta;
-export { wjMultiSelectListBoxMeta };
+export declare const wjItemTemplateMeta: IWjDirectiveMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.MultiSelectListBox} control.
+ * Angular 2 directive for item templates of item list components.
  *
- * Use the <b>wj-multi-select-list-box</b> component to add <b>MultiSelectListBox</b> controls to your
- * Angular 2 applications. For details about Angular 2 markup syntax, see
- * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
+ * The <b>[wjItemTemplate]</b> directive must be
+ * contained in one of the following components:
+ * {@link wijmo.angular2legacy.input.WjListBox}
+ * , {@link wijmo.angular2legacy.input.WjMenu}
+ * , {@link wijmo.angular2legacy.input.WjComboBox}
+ *  or {@link wijmo.angular2legacy.input.WjMultiSelect}.
  *
- * The <b>WjMultiSelectListBox</b> component is derived from the <b>MultiSelectListBox</b> control and
- * inherits all its properties, events and methods.
+ * The <b>[wjItemTemplate]</b> directive defines a template for items of a component
+ * that it's nested in.
+ * The template may contain an arbitrary HTML fragment with Angular 2 bindings and directives.
+ * The local <b>item</b>, <b>itemIndex</b> and <b>control</b> template variables can be used in Angular 2
+ * bindings that refer to the data item, its index, and the owner control. For example:
+ *
+ *<pre>&lt;wj-list-box style="max-height:300px;width:250px;"
+ *             [itemsSource]="musicians"&gt;
+ *   &lt;ng-template wjItemTemplate let-item="item" let-itemIndex="itemIndex"&gt;
+ *       {&#8203;{itemIndex + 1}}. &lt;b&gt;{&#8203;{item.name}}&lt;/b&gt;
+ *       &lt;div *ngIf="item.photo"&gt;
+ *           &lt;img [src]="item.photo" height="100" /&gt;
+ *           &lt;br /&gt;
+ *           &lt;a href="https://www.google.com/#newwindow=1&q=The+Beatles+"
+ *              target="_blank"
+ *              style="color:red"&gt;go there!&lt;/a&gt;
+ *       &lt;/div&gt;
+ *   &lt;/ng-template&gt;
+ * &lt;/wj-list-box&gt;</pre>
  */
-export declare class WjMultiSelectListBox extends wjcInput.MultiSelectListBox implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjItemTemplate implements AfterViewInit {
+    private viewContainerRef;
+    private templateRef;
     static readonly meta: IWjComponentMetadata;
-    private _wjBehaviour;
+    wjItemTemplate: any;
+    ownerControl: wjcCore.Control;
+    listBox: wjcInput.ListBox;
     /**
      * Indicates whether the component has been initialized by Angular.
      * Changes its value from false to true right before triggering the <b>initialized</b> event.
@@ -198,71 +236,9 @@ export declare class WjMultiSelectListBox extends wjcInput.MultiSelectListBox im
      * all bound properties have been assigned and child components (if any) have been initialized.
      */
     initialized: EventEmitter<any>;
-    /**
-     * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is 'checkedItems'.
-     */
-    wjModelProperty: string;
-    /**
-     * Allows you to override the global <b>WjOptions.asyncBindings</b> setting for this specific component.
-     * See the <b>WjOptions.</b>{@link WjOptions.asyncBindings} property description for details.
-     */
-    asyncBindings: boolean;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>gotFocus</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>gotFocus</b> Wijmo event name.
-     */
-    gotFocusNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>lostFocus</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>lostFocus</b> Wijmo event name.
-     */
-    lostFocusNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>refreshing</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>refreshing</b> Wijmo event name.
-     */
-    refreshingNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>refreshed</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>refreshed</b> Wijmo event name.
-     */
-    refreshedNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>invalidInput</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>invalidInput</b> Wijmo event name.
-     */
-    invalidInputNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>checkedItemsChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>checkedItemsChanged</b> Wijmo event name.
-     */
-    checkedItemsChangedNg: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>checkedItems</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>checkedItemsChange</b> event name.
-     */
-    checkedItemsChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>selectedIndexChanged</b> Wijmo event name.
-     */
-    selectedIndexChangedNg: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>selectedIndex</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedIndexChange</b> event name.
-     */
-    selectedIndexChangePC: EventEmitter<any>;
-    constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
+    private _cdRef;
+    private _wjBehaviour;
+    constructor(elRef: ElementRef, injector: Injector, parentCmp: any, viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>, cdRef: ChangeDetectorRef);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
      * method and perform necessary initializations that you usually do in a class constructor.
@@ -274,23 +250,27 @@ export declare class WjMultiSelectListBox extends wjcInput.MultiSelectListBox im
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    private attachToControl;
+    private onLoadingItems;
+    private onFormatItem;
+    private instantiateTemplate;
+    private static getListBox;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjItemTemplate, [null, null, { optional: true; skipSelf: true; }, null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WjItemTemplate, "[wjItemTemplate]", ["wjItemTemplate"], { "wjItemTemplate": { "alias": "wjItemTemplate"; "required": false; }; }, { "initialized": "initialized"; }, never, never, true, never>;
 }
-declare var wjComboBoxMeta: IWjComponentMeta;
-export { wjComboBoxMeta };
+
+export declare const wjAutoCompleteMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.ComboBox} control.
+ * Angular 2 component for the {@link wijmo.input.AutoComplete} control.
  *
- * Use the <b>wj-combo-box</b> component to add <b>ComboBox</b> controls to your
+ * Use the <b>wj-auto-complete</b> component to add <b>AutoComplete</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjComboBox</b> component is derived from the <b>ComboBox</b> control and
+ * The <b>WjAutoComplete</b> component is derived from the <b>AutoComplete</b> control and
  * inherits all its properties, events and methods.
- *
- * The <b>wj-combo-box</b> component may contain a {@link wijmo.angular2legacy.input.WjItemTemplate} child directive.
  */
-export declare class WjComboBox extends wjcInput.ComboBox implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjAutoComplete extends wjcInput.AutoComplete implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -422,20 +402,22 @@ export declare class WjComboBox extends wjcInput.ComboBox implements OnInit, OnD
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjAutoComplete, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjAutoComplete, "wj-auto-complete", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "displayMemberPath": { "alias": "displayMemberPath"; "required": false; }; "selectedValuePath": { "alias": "selectedValuePath"; "required": false; }; "headerPath": { "alias": "headerPath"; "required": false; }; "isContentHtml": { "alias": "isContentHtml"; "required": false; }; "isEditable": { "alias": "isEditable"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "maxDropDownHeight": { "alias": "maxDropDownHeight"; "required": false; }; "maxDropDownWidth": { "alias": "maxDropDownWidth"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "trimText": { "alias": "trimText"; "required": false; }; "caseSensitiveSearch": { "alias": "caseSensitiveSearch"; "required": false; }; "virtualizationThreshold": { "alias": "virtualizationThreshold"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "cssMatch": { "alias": "cssMatch"; "required": false; }; "itemsSourceFunction": { "alias": "itemsSourceFunction"; "required": false; }; "searchMemberPath": { "alias": "searchMemberPath"; "required": false; }; "searchDuringComposition": { "alias": "searchDuringComposition"; "required": false; }; "beginsWithSearch": { "alias": "beginsWithSearch"; "required": false; }; "itemsSource": { "alias": "itemsSource"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "keyActionDownArrow": { "alias": "keyActionDownArrow"; "required": false; }; "keyActionUpArrow": { "alias": "keyActionUpArrow"; "required": false; }; "keyActionPrintCharacters": { "alias": "keyActionPrintCharacters"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; "customFilter": { "alias": "customFilter"; "required": false; }; "customHighlight": { "alias": "customHighlight"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "itemsSourceChangedNg": "itemsSourceChanged"; "formatItemNg": "formatItem"; "selectedIndexChangedNg": "selectedIndexChanged"; "selectedIndexChangePC": "selectedIndexChange"; "selectedItemChangePC": "selectedItemChange"; "selectedValueChangePC": "selectedValueChange"; }, never, ["*"], true, never>;
 }
-declare var wjAutoCompleteMeta: IWjComponentMeta;
-export { wjAutoCompleteMeta };
+
+export declare const wjCalendarMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.AutoComplete} control.
+ * Angular 2 component for the {@link wijmo.input.Calendar} control.
  *
- * Use the <b>wj-auto-complete</b> component to add <b>AutoComplete</b> controls to your
+ * Use the <b>wj-calendar</b> component to add <b>Calendar</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjAutoComplete</b> component is derived from the <b>AutoComplete</b> control and
+ * The <b>WjCalendar</b> component is derived from the <b>Calendar</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjAutoComplete extends wjcInput.AutoComplete implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjCalendar extends wjcInput.Calendar implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -450,7 +432,7 @@ export declare class WjAutoComplete extends wjcInput.AutoComplete implements OnI
     initialized: EventEmitter<any>;
     /**
      * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is 'selectedValue'.
+     * Default value is 'value'.
      */
     wjModelProperty: string;
     /**
@@ -489,72 +471,54 @@ export declare class WjAutoComplete extends wjcInput.AutoComplete implements OnI
      */
     invalidInputNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanging</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>isDroppedDownChanging</b> Wijmo event name.
-     */
-    isDroppedDownChangingNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>isDroppedDownChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>valueChanged</b> Wijmo event name.
      */
-    isDroppedDownChangedNg: EventEmitter<any>;
+    valueChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>isDroppedDown</b> property.
+     * This event is used to implement two-way binding to the <b>value</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>isDroppedDownChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
      */
-    isDroppedDownChangePC: EventEmitter<any>;
+    valueChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>textChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>rangeEndChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>textChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>rangeEndChanged</b> Wijmo event name.
      */
-    textChangedNg: EventEmitter<any>;
+    rangeEndChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>text</b> property.
+     * This event is used to implement two-way binding to the <b>rangeEnd</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>textChange</b> event name.
-     */
-    textChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>itemsSourceChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>itemsSourceChanged</b> Wijmo event name.
+     * You can bind handlers to this event in templates using the <b>rangeEndChange</b> event name.
      */
-    itemsSourceChangedNg: EventEmitter<any>;
+    rangeEndChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>rangeChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
+     * In template bindings use the conventional <b>rangeChanged</b> Wijmo event name.
      */
-    formatItemNg: EventEmitter<any>;
+    rangeChangedNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>displayMonthChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>selectedIndexChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>displayMonthChanged</b> Wijmo event name.
      */
-    selectedIndexChangedNg: EventEmitter<any>;
+    displayMonthChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>selectedIndex</b> property.
+     * This event is used to implement two-way binding to the <b>displayMonth</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedIndexChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>displayMonthChange</b> event name.
      */
-    selectedIndexChangePC: EventEmitter<any>;
+    displayMonthChangePC: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>selectedItem</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedItemChange</b> event name.
+     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
      */
-    selectedItemChangePC: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>selectedValue</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedValueChange</b> event name.
-     */
-    selectedValueChangePC: EventEmitter<any>;
-    constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
+    formatItemNg: EventEmitter<any>;
+    constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
      * method and perform necessary initializations that you usually do in a class constructor.
@@ -567,20 +531,22 @@ export declare class WjAutoComplete extends wjcInput.AutoComplete implements OnI
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjCalendar, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjCalendar, "wj-calendar", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "monthView": { "alias": "monthView"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "itemValidator": { "alias": "itemValidator"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "formatYearMonth": { "alias": "formatYearMonth"; "required": false; }; "formatDayHeaders": { "alias": "formatDayHeaders"; "required": false; }; "formatDays": { "alias": "formatDays"; "required": false; }; "formatYear": { "alias": "formatYear"; "required": false; }; "formatMonths": { "alias": "formatMonths"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "repeatButtons": { "alias": "repeatButtons"; "required": false; }; "showYearPicker": { "alias": "showYearPicker"; "required": false; }; "value": { "alias": "value"; "required": false; }; "displayMonth": { "alias": "displayMonth"; "required": false; }; "monthCount": { "alias": "monthCount"; "required": false; }; "showMonthPicker": { "alias": "showMonthPicker"; "required": false; }; "weeksBefore": { "alias": "weeksBefore"; "required": false; }; "weeksAfter": { "alias": "weeksAfter"; "required": false; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; }; "rangeMin": { "alias": "rangeMin"; "required": false; }; "rangeMax": { "alias": "rangeMax"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; "focusMode": { "alias": "focusMode"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "valueChangedNg": "valueChanged"; "valueChangePC": "valueChange"; "rangeEndChangedNg": "rangeEndChanged"; "rangeEndChangePC": "rangeEndChange"; "rangeChangedNg": "rangeChanged"; "displayMonthChangedNg": "displayMonthChanged"; "displayMonthChangePC": "displayMonthChange"; "formatItemNg": "formatItem"; }, never, ["*"], true, never>;
 }
-declare var wjCalendarMeta: IWjComponentMeta;
-export { wjCalendarMeta };
+
+export declare const wjCollectionViewNavigatorMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.Calendar} control.
+ * Angular 2 component for the {@link wijmo.input.CollectionViewNavigator} control.
  *
- * Use the <b>wj-calendar</b> component to add <b>Calendar</b> controls to your
+ * Use the <b>wj-collection-view-navigator</b> component to add <b>CollectionViewNavigator</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjCalendar</b> component is derived from the <b>Calendar</b> control and
+ * The <b>WjCollectionViewNavigator</b> component is derived from the <b>CollectionViewNavigator</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjCalendar extends wjcInput.Calendar implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjCollectionViewNavigator extends wjcInput.CollectionViewNavigator implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -595,14 +561,9 @@ export declare class WjCalendar extends wjcInput.Calendar implements OnInit, OnD
     initialized: EventEmitter<any>;
     /**
      * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is 'value'.
+     * Default value is ''.
      */
     wjModelProperty: string;
-    /**
-     * Allows you to override the global <b>WjOptions.asyncBindings</b> setting for this specific component.
-     * See the <b>WjOptions.</b>{@link WjOptions.asyncBindings} property description for details.
-     */
-    asyncBindings: boolean;
     /**
      * Angular (EventEmitter) version of the Wijmo <b>gotFocus</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
@@ -633,54 +594,56 @@ export declare class WjCalendar extends wjcInput.Calendar implements OnInit, OnD
      * In template bindings use the conventional <b>invalidInput</b> Wijmo event name.
      */
     invalidInputNg: EventEmitter<any>;
+    constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>valueChanged</b> Wijmo event name.
-     */
-    valueChangedNg: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>value</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
-     */
-    valueChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>rangeEndChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>rangeEndChanged</b> Wijmo event name.
-     */
-    rangeEndChangedNg: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>rangeEnd</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>rangeEndChange</b> event name.
-     */
-    rangeEndChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>rangeChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>rangeChanged</b> Wijmo event name.
+     * If you create a custom component inherited from a Wijmo component, you can override this
+     * method and perform necessary initializations that you usually do in a class constructor.
+     * This method is called in the last line of a Wijmo component constructor and allows you
+     * to not declare your custom component's constructor at all, thus preventing you from a necessity
+     * to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
      */
-    rangeChangedNg: EventEmitter<any>;
+    created(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjCollectionViewNavigator, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjCollectionViewNavigator, "wj-collection-view-navigator", never, { "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "cv": { "alias": "cv"; "required": false; }; "byPage": { "alias": "byPage"; "required": false; }; "headerFormat": { "alias": "headerFormat"; "required": false; }; "repeatButtons": { "alias": "repeatButtons"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; }, never, ["*"], true, never>;
+}
+
+export declare const wjCollectionViewPagerMeta: IWjComponentMeta;
+/**
+ * Obsolete. Use wj-collection-view-navigator with [byPage]="true" instead.
+ *
+ * Angular 2 component for an {@link ICollectionView} pager element.
+ *
+ * Use the <b>wj-collection-view-pager</b> component to add an element
+ * that allows users to navigate through the pages in a paged {@link ICollectionView}.
+ * For details about Angular 2 markup syntax, see
+ * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>. For example:
+ *
+ * <pre>&lt;wj-collection-view-pager
+ *   [cv]="myCollectionView"&gt;
+ * &lt;/wj-collection-view-pager&gt;</pre>
+ */
+export declare class WjCollectionViewPager extends wjcInput.CollectionViewNavigator implements AfterViewInit {
+    static readonly meta: IWjComponentMetadata;
+    private _wjBehaviour;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>displayMonthChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>displayMonthChanged</b> Wijmo event name.
+     * Indicates whether the component has been initialized by Angular.
+     * Changes its value from false to true right before triggering the <b>initialized</b> event.
      */
-    displayMonthChangedNg: EventEmitter<any>;
+    isInitialized: boolean;
     /**
-     * This event is used to implement two-way binding to the <b>displayMonth</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>displayMonthChange</b> event name.
+     * This event is triggered after the component has been initialized by Angular, that is
+     * all bound properties have been assigned and child components (if any) have been initialized.
      */
-    displayMonthChangePC: EventEmitter<any>;
+    initialized: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
+     * Defines a name of a property represented by [(ngModel)] directive (if specified).
+     * Default value is ''.
      */
-    formatItemNg: EventEmitter<any>;
+    wjModelProperty: string;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -694,9 +657,11 @@ export declare class WjCalendar extends wjcInput.Calendar implements OnInit, OnD
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjCollectionViewPager, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjCollectionViewPager, "wj-collection-view-pager", never, { "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "cv": { "alias": "cv"; "required": false; }; }, { "initialized": "initialized"; }, never, ["*"], true, never>;
 }
-declare var wjColorPickerMeta: IWjComponentMeta;
-export { wjColorPickerMeta };
+
+export declare const wjColorPickerMeta: IWjComponentMeta;
 /**
  * Angular 2 component for the {@link wijmo.input.ColorPicker} control.
  *
@@ -707,7 +672,7 @@ export { wjColorPickerMeta };
  * The <b>WjColorPicker</b> component is derived from the <b>ColorPicker</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjColorPicker extends wjcInput.ColorPicker implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjColorPicker extends wjcInput.ColorPicker implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -785,20 +750,22 @@ export declare class WjColorPicker extends wjcInput.ColorPicker implements OnIni
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjColorPicker, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjColorPicker, "wj-color-picker", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "showAlphaChannel": { "alias": "showAlphaChannel"; "required": false; }; "showColorString": { "alias": "showColorString"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "valueChangedNg": "valueChanged"; "valueChangePC": "valueChange"; }, never, ["*"], true, never>;
 }
-declare var wjInputMaskMeta: IWjComponentMeta;
-export { wjInputMaskMeta };
+
+export declare const wjInputColorMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.InputMask} control.
+ * Angular 2 component for the {@link wijmo.input.InputColor} control.
  *
- * Use the <b>wj-input-mask</b> component to add <b>InputMask</b> controls to your
+ * Use the <b>wj-input-color</b> component to add <b>InputColor</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjInputMask</b> component is derived from the <b>InputMask</b> control and
+ * The <b>WjInputColor</b> component is derived from the <b>InputColor</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjInputMask extends wjcInput.InputMask implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjInputColor extends wjcInput.InputColor implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -852,17 +819,41 @@ export declare class WjInputMask extends wjcInput.InputMask implements OnInit, O
      */
     invalidInputNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanging</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>valueChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>isDroppedDownChanging</b> Wijmo event name.
      */
-    valueChangedNg: EventEmitter<any>;
+    isDroppedDownChangingNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>rawValue</b> property.
+     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>isDroppedDownChanged</b> Wijmo event name.
+     */
+    isDroppedDownChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>isDroppedDown</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>rawValueChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>isDroppedDownChange</b> event name.
      */
-    rawValueChangePC: EventEmitter<any>;
+    isDroppedDownChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>textChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>textChanged</b> Wijmo event name.
+     */
+    textChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>text</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>textChange</b> event name.
+     */
+    textChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>valueChanged</b> Wijmo event name.
+     */
+    valueChangedNg: EventEmitter<any>;
     /**
      * This event is used to implement two-way binding to the <b>value</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
@@ -882,20 +873,22 @@ export declare class WjInputMask extends wjcInput.InputMask implements OnInit, O
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjInputColor, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjInputColor, "wj-input-color", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "showAlphaChannel": { "alias": "showAlphaChannel"; "required": false; }; "showColorString": { "alias": "showColorString"; "required": false; }; "value": { "alias": "value"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; "colorPickerKeyActionTab": { "alias": "colorPickerKeyActionTab"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "valueChangedNg": "valueChanged"; "valueChangePC": "valueChange"; }, never, ["*"], true, never>;
 }
-declare var wjInputColorMeta: IWjComponentMeta;
-export { wjInputColorMeta };
+
+export declare const wjInputDateMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.InputColor} control.
+ * Angular 2 component for the {@link wijmo.input.InputDate} control.
  *
- * Use the <b>wj-input-color</b> component to add <b>InputColor</b> controls to your
+ * Use the <b>wj-input-date</b> component to add <b>InputDate</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjInputColor</b> component is derived from the <b>InputColor</b> control and
+ * The <b>WjInputDate</b> component is derived from the <b>InputDate</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjInputColor extends wjcInput.InputColor implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjInputDate extends wjcInput.InputDate implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -990,6 +983,24 @@ export declare class WjInputColor extends wjcInput.InputColor implements OnInit,
      * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
      */
     valueChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>rangeEndChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>rangeEndChanged</b> Wijmo event name.
+     */
+    rangeEndChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>rangeEnd</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>rangeEndChange</b> event name.
+     */
+    rangeEndChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>rangeChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>rangeChanged</b> Wijmo event name.
+     */
+    rangeChangedNg: EventEmitter<any>;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -1003,22 +1014,22 @@ export declare class WjInputColor extends wjcInput.InputColor implements OnInit,
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjInputDate, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjInputDate, "wj-input-date", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "format": { "alias": "format"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "repeatButtons": { "alias": "repeatButtons"; "required": false; }; "showYearPicker": { "alias": "showYearPicker"; "required": false; }; "itemValidator": { "alias": "itemValidator"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "monthCount": { "alias": "monthCount"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "showMonthPicker": { "alias": "showMonthPicker"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "weeksBefore": { "alias": "weeksBefore"; "required": false; }; "weeksAfter": { "alias": "weeksAfter"; "required": false; }; "rangeMin": { "alias": "rangeMin"; "required": false; }; "rangeMax": { "alias": "rangeMax"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "alwaysShowCalendar": { "alias": "alwaysShowCalendar"; "required": false; }; "predefinedRanges": { "alias": "predefinedRanges"; "required": false; }; "closeOnSelection": { "alias": "closeOnSelection"; "required": false; }; "text": { "alias": "text"; "required": false; }; "value": { "alias": "value"; "required": false; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; }; "keepInvalidText": { "alias": "keepInvalidText"; "required": false; }; "preserveCalendarNavigation": { "alias": "preserveCalendarNavigation"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "keyActionUpArrow": { "alias": "keyActionUpArrow"; "required": false; }; "keyActionDownArrow": { "alias": "keyActionDownArrow"; "required": false; }; "showConfirmationButtons": { "alias": "showConfirmationButtons"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "valueChangedNg": "valueChanged"; "valueChangePC": "valueChange"; "rangeEndChangedNg": "rangeEndChanged"; "rangeEndChangePC": "rangeEndChange"; "rangeChangedNg": "rangeChanged"; }, never, ["*"], true, never>;
 }
-declare var wjMultiSelectMeta: IWjComponentMeta;
-export { wjMultiSelectMeta };
+
+export declare const wjInputDateRangeMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.MultiSelect} control.
+ * Angular 2 component for the {@link wijmo.input.InputDateRange} control.
  *
- * Use the <b>wj-multi-select</b> component to add <b>MultiSelect</b> controls to your
+ * Use the <b>wj-input-date-range</b> component to add <b>InputDateRange</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjMultiSelect</b> component is derived from the <b>MultiSelect</b> control and
+ * The <b>WjInputDateRange</b> component is derived from the <b>InputDateRange</b> control and
  * inherits all its properties, events and methods.
- *
- * The <b>wj-multi-select</b> component may contain a {@link wijmo.angular2legacy.input.WjItemTemplate} child directive.
  */
-export declare class WjMultiSelect extends wjcInput.MultiSelect implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjInputDateRange extends wjcInput.InputDateRange implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -1033,7 +1044,7 @@ export declare class WjMultiSelect extends wjcInput.MultiSelect implements OnIni
     initialized: EventEmitter<any>;
     /**
      * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is 'checkedItems'.
+     * Default value is 'value'.
      */
     wjModelProperty: string;
     /**
@@ -1102,53 +1113,35 @@ export declare class WjMultiSelect extends wjcInput.MultiSelect implements OnIni
      */
     textChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>itemsSourceChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>itemsSourceChanged</b> Wijmo event name.
-     */
-    itemsSourceChangedNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
-     */
-    formatItemNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>selectedIndexChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>valueChanged</b> Wijmo event name.
      */
-    selectedIndexChangedNg: EventEmitter<any>;
+    valueChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>selectedIndex</b> property.
+     * This event is used to implement two-way binding to the <b>value</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedIndexChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
      */
-    selectedIndexChangePC: EventEmitter<any>;
+    valueChangePC: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>selectedItem</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedItemChange</b> event name.
+     * Angular (EventEmitter) version of the Wijmo <b>rangeEndChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>rangeEndChanged</b> Wijmo event name.
      */
-    selectedItemChangePC: EventEmitter<any>;
+    rangeEndChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>selectedValue</b> property.
+     * This event is used to implement two-way binding to the <b>rangeEnd</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedValueChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>rangeEndChange</b> event name.
      */
-    selectedValueChangePC: EventEmitter<any>;
+    rangeEndChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>checkedItemsChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>rangeChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>checkedItemsChanged</b> Wijmo event name.
-     */
-    checkedItemsChangedNg: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>checkedItems</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>checkedItemsChange</b> event name.
+     * In template bindings use the conventional <b>rangeChanged</b> Wijmo event name.
      */
-    checkedItemsChangePC: EventEmitter<any>;
+    rangeChangedNg: EventEmitter<any>;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -1162,20 +1155,22 @@ export declare class WjMultiSelect extends wjcInput.MultiSelect implements OnIni
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjInputDateRange, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjInputDateRange, "wj-input-date-range", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "format": { "alias": "format"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "repeatButtons": { "alias": "repeatButtons"; "required": false; }; "showYearPicker": { "alias": "showYearPicker"; "required": false; }; "itemValidator": { "alias": "itemValidator"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "monthCount": { "alias": "monthCount"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "showMonthPicker": { "alias": "showMonthPicker"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "weeksBefore": { "alias": "weeksBefore"; "required": false; }; "weeksAfter": { "alias": "weeksAfter"; "required": false; }; "rangeMin": { "alias": "rangeMin"; "required": false; }; "rangeMax": { "alias": "rangeMax"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "alwaysShowCalendar": { "alias": "alwaysShowCalendar"; "required": false; }; "predefinedRanges": { "alias": "predefinedRanges"; "required": false; }; "closeOnSelection": { "alias": "closeOnSelection"; "required": false; }; "text": { "alias": "text"; "required": false; }; "value": { "alias": "value"; "required": false; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; }; "preserveCalendarNavigation": { "alias": "preserveCalendarNavigation"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "keyActionUpArrow": { "alias": "keyActionUpArrow"; "required": false; }; "keyActionDownArrow": { "alias": "keyActionDownArrow"; "required": false; }; "showConfirmationButtons": { "alias": "showConfirmationButtons"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "valueChangedNg": "valueChanged"; "valueChangePC": "valueChange"; "rangeEndChangedNg": "rangeEndChanged"; "rangeEndChangePC": "rangeEndChange"; "rangeChangedNg": "rangeChanged"; }, never, ["*"], true, never>;
 }
-declare var wjMultiAutoCompleteMeta: IWjComponentMeta;
-export { wjMultiAutoCompleteMeta };
+
+export declare const wjInputDateTimeMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.MultiAutoComplete} control.
+ * Angular 2 component for the {@link wijmo.input.InputDateTime} control.
  *
- * Use the <b>wj-multi-auto-complete</b> component to add <b>MultiAutoComplete</b> controls to your
+ * Use the <b>wj-input-date-time</b> component to add <b>InputDateTime</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjMultiAutoComplete</b> component is derived from the <b>MultiAutoComplete</b> control and
+ * The <b>WjInputDateTime</b> component is derived from the <b>InputDateTime</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjMultiAutoComplete extends wjcInput.MultiAutoComplete implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjInputDateTime extends wjcInput.InputDateTime implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -1190,7 +1185,7 @@ export declare class WjMultiAutoComplete extends wjcInput.MultiAutoComplete impl
     initialized: EventEmitter<any>;
     /**
      * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is 'selectedItems'.
+     * Default value is 'value'.
      */
     wjModelProperty: string;
     /**
@@ -1259,53 +1254,35 @@ export declare class WjMultiAutoComplete extends wjcInput.MultiAutoComplete impl
      */
     textChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>itemsSourceChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>itemsSourceChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>valueChanged</b> Wijmo event name.
      */
-    itemsSourceChangedNg: EventEmitter<any>;
+    valueChangedNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
+     * This event is used to implement two-way binding to the <b>value</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
      */
-    formatItemNg: EventEmitter<any>;
+    valueChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>rangeEndChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>selectedIndexChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>rangeEndChanged</b> Wijmo event name.
      */
-    selectedIndexChangedNg: EventEmitter<any>;
+    rangeEndChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>selectedIndex</b> property.
+     * This event is used to implement two-way binding to the <b>rangeEnd</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedIndexChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>rangeEndChange</b> event name.
      */
-    selectedIndexChangePC: EventEmitter<any>;
+    rangeEndChangePC: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>selectedItem</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedItemChange</b> event name.
-     */
-    selectedItemChangePC: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>selectedValue</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedValueChange</b> event name.
-     */
-    selectedValueChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>selectedItemsChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>rangeChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>selectedItemsChanged</b> Wijmo event name.
-     */
-    selectedItemsChangedNg: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>selectedItems</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>selectedItemsChange</b> event name.
+     * In template bindings use the conventional <b>rangeChanged</b> Wijmo event name.
      */
-    selectedItemsChangePC: EventEmitter<any>;
+    rangeChangedNg: EventEmitter<any>;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -1319,20 +1296,22 @@ export declare class WjMultiAutoComplete extends wjcInput.MultiAutoComplete impl
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjInputDateTime, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjInputDateTime, "wj-input-date-time", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "format": { "alias": "format"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "repeatButtons": { "alias": "repeatButtons"; "required": false; }; "showYearPicker": { "alias": "showYearPicker"; "required": false; }; "itemValidator": { "alias": "itemValidator"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "monthCount": { "alias": "monthCount"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "showMonthPicker": { "alias": "showMonthPicker"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "weeksBefore": { "alias": "weeksBefore"; "required": false; }; "weeksAfter": { "alias": "weeksAfter"; "required": false; }; "rangeMin": { "alias": "rangeMin"; "required": false; }; "rangeMax": { "alias": "rangeMax"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "alwaysShowCalendar": { "alias": "alwaysShowCalendar"; "required": false; }; "predefinedRanges": { "alias": "predefinedRanges"; "required": false; }; "closeOnSelection": { "alias": "closeOnSelection"; "required": false; }; "timeMax": { "alias": "timeMax"; "required": false; }; "timeMin": { "alias": "timeMin"; "required": false; }; "timeStep": { "alias": "timeStep"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "text": { "alias": "text"; "required": false; }; "value": { "alias": "value"; "required": false; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; }; "preserveCalendarNavigation": { "alias": "preserveCalendarNavigation"; "required": false; }; "keyActionDownArrow": { "alias": "keyActionDownArrow"; "required": false; }; "keyActionUpArrow": { "alias": "keyActionUpArrow"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "showConfirmationButtons": { "alias": "showConfirmationButtons"; "required": false; }; "focusMode": { "alias": "focusMode"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "valueChangedNg": "valueChanged"; "valueChangePC": "valueChange"; "rangeEndChangedNg": "rangeEndChanged"; "rangeEndChangePC": "rangeEndChange"; "rangeChangedNg": "rangeChanged"; }, never, ["*"], true, never>;
 }
-declare var wjInputNumberMeta: IWjComponentMeta;
-export { wjInputNumberMeta };
+
+export declare const wjInputMaskMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.InputNumber} control.
+ * Angular 2 component for the {@link wijmo.input.InputMask} control.
  *
- * Use the <b>wj-input-number</b> component to add <b>InputNumber</b> controls to your
+ * Use the <b>wj-input-mask</b> component to add <b>InputMask</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjInputNumber</b> component is derived from the <b>InputNumber</b> control and
+ * The <b>WjInputMask</b> component is derived from the <b>InputMask</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjInputNumber extends wjcInput.InputNumber implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjInputMask extends wjcInput.InputMask implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -1392,23 +1371,17 @@ export declare class WjInputNumber extends wjcInput.InputNumber implements OnIni
      */
     valueChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>value</b> property.
+     * This event is used to implement two-way binding to the <b>rawValue</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
-     */
-    valueChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>textChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>textChanged</b> Wijmo event name.
+     * You can bind handlers to this event in templates using the <b>rawValueChange</b> event name.
      */
-    textChangedNg: EventEmitter<any>;
+    rawValueChangePC: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>text</b> property.
+     * This event is used to implement two-way binding to the <b>value</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>textChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
      */
-    textChangePC: EventEmitter<any>;
+    valueChangePC: EventEmitter<any>;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -1422,20 +1395,22 @@ export declare class WjInputNumber extends wjcInput.InputNumber implements OnIni
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjInputMask, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjInputMask, "wj-input-mask", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "overwriteMode": { "alias": "overwriteMode"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "promptChar": { "alias": "promptChar"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "rawValue": { "alias": "rawValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "valueChangedNg": "valueChanged"; "rawValueChangePC": "rawValueChange"; "valueChangePC": "valueChange"; }, never, ["*"], true, never>;
 }
-declare var wjInputDateMeta: IWjComponentMeta;
-export { wjInputDateMeta };
+
+export declare const wjInputNumberMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.InputDate} control.
+ * Angular 2 component for the {@link wijmo.input.InputNumber} control.
  *
- * Use the <b>wj-input-date</b> component to add <b>InputDate</b> controls to your
+ * Use the <b>wj-input-number</b> component to add <b>InputNumber</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjInputDate</b> component is derived from the <b>InputDate</b> control and
+ * The <b>WjInputNumber</b> component is derived from the <b>InputNumber</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjInputDate extends wjcInput.InputDate implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjInputNumber extends wjcInput.InputNumber implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -1488,36 +1463,6 @@ export declare class WjInputDate extends wjcInput.InputDate implements OnInit, O
      * In template bindings use the conventional <b>invalidInput</b> Wijmo event name.
      */
     invalidInputNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanging</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>isDroppedDownChanging</b> Wijmo event name.
-     */
-    isDroppedDownChangingNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>isDroppedDownChanged</b> Wijmo event name.
-     */
-    isDroppedDownChangedNg: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>isDroppedDown</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>isDroppedDownChange</b> event name.
-     */
-    isDroppedDownChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>textChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>textChanged</b> Wijmo event name.
-     */
-    textChangedNg: EventEmitter<any>;
-    /**
-     * This event is used to implement two-way binding to the <b>text</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>textChange</b> event name.
-     */
-    textChangePC: EventEmitter<any>;
     /**
      * Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
@@ -1531,23 +1476,17 @@ export declare class WjInputDate extends wjcInput.InputDate implements OnInit, O
      */
     valueChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>rangeEndChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>textChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>rangeEndChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>textChanged</b> Wijmo event name.
      */
-    rangeEndChangedNg: EventEmitter<any>;
+    textChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>rangeEnd</b> property.
+     * This event is used to implement two-way binding to the <b>text</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>rangeEndChange</b> event name.
-     */
-    rangeEndChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>rangeChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>rangeChanged</b> Wijmo event name.
+     * You can bind handlers to this event in templates using the <b>textChange</b> event name.
      */
-    rangeChangedNg: EventEmitter<any>;
+    textChangePC: EventEmitter<any>;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -1561,9 +1500,11 @@ export declare class WjInputDate extends wjcInput.InputDate implements OnInit, O
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjInputNumber, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjInputNumber, "wj-input-number", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "showSpinner": { "alias": "showSpinner"; "required": false; }; "repeatButtons": { "alias": "repeatButtons"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "format": { "alias": "format"; "required": false; }; "truncate": { "alias": "truncate"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "valueChangedNg": "valueChanged"; "valueChangePC": "valueChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; }, never, ["*"], true, never>;
 }
-declare var wjInputTimeMeta: IWjComponentMeta;
-export { wjInputTimeMeta };
+
+export declare const wjInputTimeMeta: IWjComponentMeta;
 /**
  * Angular 2 component for the {@link wijmo.input.InputTime} control.
  *
@@ -1574,7 +1515,7 @@ export { wjInputTimeMeta };
  * The <b>WjInputTime</b> component is derived from the <b>InputTime</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjInputTime extends wjcInput.InputTime implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjInputTime extends wjcInput.InputTime implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -1718,20 +1659,24 @@ export declare class WjInputTime extends wjcInput.InputTime implements OnInit, O
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjInputTime, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjInputTime, "wj-input-time", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "displayMemberPath": { "alias": "displayMemberPath"; "required": false; }; "selectedValuePath": { "alias": "selectedValuePath"; "required": false; }; "headerPath": { "alias": "headerPath"; "required": false; }; "isContentHtml": { "alias": "isContentHtml"; "required": false; }; "isEditable": { "alias": "isEditable"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "maxDropDownHeight": { "alias": "maxDropDownHeight"; "required": false; }; "maxDropDownWidth": { "alias": "maxDropDownWidth"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "trimText": { "alias": "trimText"; "required": false; }; "caseSensitiveSearch": { "alias": "caseSensitiveSearch"; "required": false; }; "virtualizationThreshold": { "alias": "virtualizationThreshold"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "format": { "alias": "format"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "itemsSource": { "alias": "itemsSource"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "keyActionDownArrow": { "alias": "keyActionDownArrow"; "required": false; }; "keyActionUpArrow": { "alias": "keyActionUpArrow"; "required": false; }; "keyActionPrintCharacters": { "alias": "keyActionPrintCharacters"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "itemsSourceChangedNg": "itemsSourceChanged"; "formatItemNg": "formatItem"; "selectedIndexChangedNg": "selectedIndexChanged"; "selectedIndexChangePC": "selectedIndexChange"; "selectedItemChangePC": "selectedItemChange"; "selectedValueChangePC": "selectedValueChange"; "valueChangedNg": "valueChanged"; "valueChangePC": "valueChange"; }, never, ["*"], true, never>;
 }
-declare var wjInputDateTimeMeta: IWjComponentMeta;
-export { wjInputDateTimeMeta };
+
+export declare const wjListBoxMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.InputDateTime} control.
+ * Angular 2 component for the {@link wijmo.input.ListBox} control.
  *
- * Use the <b>wj-input-date-time</b> component to add <b>InputDateTime</b> controls to your
+ * Use the <b>wj-list-box</b> component to add <b>ListBox</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjInputDateTime</b> component is derived from the <b>InputDateTime</b> control and
+ * The <b>WjListBox</b> component is derived from the <b>ListBox</b> control and
  * inherits all its properties, events and methods.
+ *
+ * The <b>wj-list-box</b> component may contain a {@link wijmo.angular2legacy.input.WjItemTemplate} child directive.
  */
-export declare class WjInputDateTime extends wjcInput.InputDateTime implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjListBox extends wjcInput.ListBox implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -1746,7 +1691,7 @@ export declare class WjInputDateTime extends wjcInput.InputDateTime implements O
     initialized: EventEmitter<any>;
     /**
      * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is 'value'.
+     * Default value is 'selectedValue'.
      */
     wjModelProperty: string;
     /**
@@ -1785,65 +1730,59 @@ export declare class WjInputDateTime extends wjcInput.InputDateTime implements O
      */
     invalidInputNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanging</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>isDroppedDownChanging</b> Wijmo event name.
+     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
      */
-    isDroppedDownChangingNg: EventEmitter<any>;
+    formatItemNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>itemsChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>isDroppedDownChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>itemsChanged</b> Wijmo event name.
      */
-    isDroppedDownChangedNg: EventEmitter<any>;
+    itemsChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>isDroppedDown</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>isDroppedDownChange</b> event name.
+     * Angular (EventEmitter) version of the Wijmo <b>itemChecked</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>itemChecked</b> Wijmo event name.
      */
-    isDroppedDownChangePC: EventEmitter<any>;
+    itemCheckedNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>textChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>textChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>selectedIndexChanged</b> Wijmo event name.
      */
-    textChangedNg: EventEmitter<any>;
+    selectedIndexChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>text</b> property.
+     * This event is used to implement two-way binding to the <b>selectedIndex</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>textChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>selectedIndexChange</b> event name.
      */
-    textChangePC: EventEmitter<any>;
+    selectedIndexChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>valueChanged</b> Wijmo event name.
+     * This event is used to implement two-way binding to the <b>selectedItem</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>selectedItemChange</b> event name.
      */
-    valueChangedNg: EventEmitter<any>;
+    selectedItemChangePC: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>value</b> property.
+     * This event is used to implement two-way binding to the <b>selectedValue</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>selectedValueChange</b> event name.
      */
-    valueChangePC: EventEmitter<any>;
+    selectedValueChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>rangeEndChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>checkedItemsChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>rangeEndChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>checkedItemsChanged</b> Wijmo event name.
      */
-    rangeEndChangedNg: EventEmitter<any>;
+    checkedItemsChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>rangeEnd</b> property.
+     * This event is used to implement two-way binding to the <b>checkedItems</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>rangeEndChange</b> event name.
-     */
-    rangeEndChangePC: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>rangeChanged</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>rangeChanged</b> Wijmo event name.
+     * You can bind handlers to this event in templates using the <b>checkedItemsChange</b> event name.
      */
-    rangeChangedNg: EventEmitter<any>;
+    checkedItemsChangePC: EventEmitter<any>;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -1857,22 +1796,31 @@ export declare class WjInputDateTime extends wjcInput.InputDateTime implements O
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjListBox, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjListBox, "wj-list-box", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isContentHtml": { "alias": "isContentHtml"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "selectedValuePath": { "alias": "selectedValuePath"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "displayMemberPath": { "alias": "displayMemberPath"; "required": false; }; "checkedMemberPath": { "alias": "checkedMemberPath"; "required": false; }; "caseSensitiveSearch": { "alias": "caseSensitiveSearch"; "required": false; }; "itemsSource": { "alias": "itemsSource"; "required": false; }; "virtualizationThreshold": { "alias": "virtualizationThreshold"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "checkedItems": { "alias": "checkedItems"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "formatItemNg": "formatItem"; "itemsChangedNg": "itemsChanged"; "itemCheckedNg": "itemChecked"; "selectedIndexChangedNg": "selectedIndexChanged"; "selectedIndexChangePC": "selectedIndexChange"; "selectedItemChangePC": "selectedItemChange"; "selectedValueChangePC": "selectedValueChange"; "checkedItemsChangedNg": "checkedItemsChanged"; "checkedItemsChangePC": "checkedItemsChange"; }, never, ["*"], true, never>;
 }
-declare var wjInputDateRangeMeta: IWjComponentMeta;
-export { wjInputDateRangeMeta };
+
+export declare const wjMenuMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.InputDateRange} control.
+ * Angular 2 component for the {@link wijmo.input.Menu} control.
  *
- * Use the <b>wj-input-date-range</b> component to add <b>InputDateRange</b> controls to your
+ * Use the <b>wj-menu</b> component to add <b>Menu</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- * The <b>WjInputDateRange</b> component is derived from the <b>InputDateRange</b> control and
+ * The <b>WjMenu</b> component is derived from the <b>Menu</b> control and
  * inherits all its properties, events and methods.
+ *
+ * The <b>wj-menu</b> component may contain the following child components:
+ * {@link wijmo.angular2legacy.input.WjMenuItem}
+ * , {@link wijmo.angular2legacy.input.WjMenuSeparator}
+ *  and {@link wijmo.angular2legacy.input.WjItemTemplate}.
  */
-export declare class WjInputDateRange extends wjcInput.InputDateRange implements OnInit, OnDestroy, AfterViewInit {
+export declare class WjMenu extends wjcInput.Menu implements AfterViewInit, OnChanges, AfterContentInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
+    private _definedHeader;
+    private _value;
     /**
      * Indicates whether the component has been initialized by Angular.
      * Changes its value from false to true right before triggering the <b>initialized</b> event.
@@ -1885,7 +1833,7 @@ export declare class WjInputDateRange extends wjcInput.InputDateRange implements
     initialized: EventEmitter<any>;
     /**
      * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is 'value'.
+     * Default value is 'selectedValue'.
      */
     wjModelProperty: string;
     /**
@@ -1954,35 +1902,53 @@ export declare class WjInputDateRange extends wjcInput.InputDateRange implements
      */
     textChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>valueChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>itemsSourceChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>valueChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>itemsSourceChanged</b> Wijmo event name.
      */
-    valueChangedNg: EventEmitter<any>;
+    itemsSourceChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>value</b> property.
-     * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
+     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
      */
-    valueChangePC: EventEmitter<any>;
+    formatItemNg: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>rangeEndChanged</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>rangeEndChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>selectedIndexChanged</b> Wijmo event name.
      */
-    rangeEndChangedNg: EventEmitter<any>;
+    selectedIndexChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>rangeEnd</b> property.
+     * This event is used to implement two-way binding to the <b>selectedIndex</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>rangeEndChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>selectedIndexChange</b> event name.
      */
-    rangeEndChangePC: EventEmitter<any>;
+    selectedIndexChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>rangeChanged</b> event for programmatic access.
+     * This event is used to implement two-way binding to the <b>selectedItem</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>selectedItemChange</b> event name.
+     */
+    selectedItemChangePC: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>selectedValue</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>selectedValueChange</b> event name.
+     */
+    selectedValueChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>itemClicked</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>rangeChanged</b> Wijmo event name.
+     * In template bindings use the conventional <b>itemClicked</b> Wijmo event name.
      */
-    rangeChangedNg: EventEmitter<any>;
+    itemClickedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>value</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
+     */
+    valueChangePC: EventEmitter<any>;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -1992,31 +1958,150 @@ export declare class WjInputDateRange extends wjcInput.InputDateRange implements
      * to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
      */
     created(): void;
+    value: any;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    onItemClicked(e?: wjcCore.EventArgs): void;
+    refresh(fullUpdate?: boolean): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    private attachToControl;
+    private onLoadingItems;
+    private onFormatItem;
+    private updateHeader;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjMenu, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjMenu, "wj-menu", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "displayMemberPath": { "alias": "displayMemberPath"; "required": false; }; "selectedValuePath": { "alias": "selectedValuePath"; "required": false; }; "headerPath": { "alias": "headerPath"; "required": false; }; "isContentHtml": { "alias": "isContentHtml"; "required": false; }; "isEditable": { "alias": "isEditable"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "maxDropDownHeight": { "alias": "maxDropDownHeight"; "required": false; }; "maxDropDownWidth": { "alias": "maxDropDownWidth"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "trimText": { "alias": "trimText"; "required": false; }; "caseSensitiveSearch": { "alias": "caseSensitiveSearch"; "required": false; }; "virtualizationThreshold": { "alias": "virtualizationThreshold"; "required": false; }; "header": { "alias": "header"; "required": false; }; "commandParameterPath": { "alias": "commandParameterPath"; "required": false; }; "commandPath": { "alias": "commandPath"; "required": false; }; "subItemsPath": { "alias": "subItemsPath"; "required": false; }; "openOnHover": { "alias": "openOnHover"; "required": false; }; "closeOnLeave": { "alias": "closeOnLeave"; "required": false; }; "isButton": { "alias": "isButton"; "required": false; }; "itemsSource": { "alias": "itemsSource"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "autoSelectOnFocus": { "alias": "autoSelectOnFocus"; "required": false; }; "keyActionDownArrow": { "alias": "keyActionDownArrow"; "required": false; }; "keyActionUpArrow": { "alias": "keyActionUpArrow"; "required": false; }; "keyActionPrintCharacters": { "alias": "keyActionPrintCharacters"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; "keepOpen": { "alias": "keepOpen"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "itemsSourceChangedNg": "itemsSourceChanged"; "formatItemNg": "formatItem"; "selectedIndexChangedNg": "selectedIndexChanged"; "selectedIndexChangePC": "selectedIndexChange"; "selectedItemChangePC": "selectedItemChange"; "selectedValueChangePC": "selectedValueChange"; "itemClickedNg": "itemClicked"; "valueChangePC": "valueChange"; }, never, ["*"], true, never>;
+}
+export declare class WjMenuItemTemplateDir implements AfterContentInit {
+    viewContainerRef: ViewContainerRef;
+    templateRef: TemplateRef<any>;
+    elRef: ElementRef;
+    wjMenuItemTemplateDir: any;
+    ownerItem: WjMenuItem;
+    contentRoot: HTMLElement;
+    constructor(viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>, elRef: ElementRef, menuItem: WjMenuItem, menuSeparator: WjMenuSeparator);
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjMenuItemTemplateDir, [null, { optional: true; }, null, { optional: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WjMenuItemTemplateDir, "[wjMenuItemTemplateDir]", never, { "wjMenuItemTemplateDir": { "alias": "wjMenuItemTemplateDir"; "required": false; }; }, {}, never, never, true, never>;
 }
-declare var wjMenuMeta: IWjComponentMeta;
-export { wjMenuMeta };
+export declare const wjMenuItemMeta: IWjComponentMeta;
 /**
- * Angular 2 component for the {@link wijmo.input.Menu} control.
+ * Angular 2 directive for {@link wijmo.angular2legacy.input.WjMenu} items.
  *
- * Use the <b>wj-menu</b> component to add <b>Menu</b> controls to your
- * Angular 2 applications. For details about Angular 2 markup syntax, see
- * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
+ * The <b>wj-menu-item</b> component must be
+ * contained in a {@link wijmo.angular2legacy.input.WjMenu} component.
  *
- * The <b>WjMenu</b> component is derived from the <b>Menu</b> control and
- * inherits all its properties, events and methods.
+ * Use the <b>wj-menu-item</b> component to add <b></b> controls to your
+ * Angular 2 applications. For details about Angular 2 markup syntax, see
+ * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
+ */
+export declare class WjMenuItem implements AfterViewInit {
+    static readonly meta: IWjComponentMetadata;
+    value: any;
+    cmd: any;
+    cmdParam: any;
+    header: string;
+    _ownerMenu: wjcInput.Menu;
+    templateDir: WjMenuItemTemplateDir;
+    contentRoot: HTMLElement;
+    private _wjBehaviour;
+    /**
+     * Indicates whether the component has been initialized by Angular.
+     * Changes its value from false to true right before triggering the <b>initialized</b> event.
+     */
+    isInitialized: boolean;
+    /**
+     * This event is triggered after the component has been initialized by Angular, that is
+     * all bound properties have been assigned and child components (if any) have been initialized.
+     */
+    initialized: EventEmitter<any>;
+    /**
+     * Gets or sets a name of a property that this component is assigned to.
+     * Default value is 'itemsSource'.
+     */
+    wjProperty: string;
+    constructor(elRef: ElementRef, injector: Injector, parentCmp: any, viewContainerRef: ViewContainerRef);
+    /**
+     * If you create a custom component inherited from a Wijmo component, you can override this
+     * method and perform necessary initializations that you usually do in a class constructor.
+     * This method is called in the last line of a Wijmo component constructor and allows you
+     * to not declare your custom component's constructor at all, thus preventing you from a necessity
+     * to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
+     */
+    created(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    added(_toItem: HTMLElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjMenuItem, [null, null, { optional: true; skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjMenuItem, "wj-menu-item", never, { "wjProperty": { "alias": "wjProperty"; "required": false; }; "value": { "alias": "value"; "required": false; }; "cmd": { "alias": "cmd"; "required": false; }; "cmdParam": { "alias": "cmdParam"; "required": false; }; }, { "initialized": "initialized"; }, never, ["*"], true, never>;
+}
+export declare const wjMenuSeparatorMeta: IWjComponentMeta;
+/**
+ * Angular 2 directive for {@link wijmo.angular2legacy.input.WjMenu} item separators.
  *
- * The <b>wj-menu</b> component may contain the following child components:
- * {@link wijmo.angular2legacy.input.WjMenuItem}
- * , {@link wijmo.angular2legacy.input.WjMenuSeparator}
- *  and {@link wijmo.angular2legacy.input.WjItemTemplate}.
+ * The <b>wj-menu-separator</b> component must be
+ * contained in a {@link wijmo.angular2legacy.input.WjMenu} component.
+ *
+ * Use the <b>wj-menu-separator</b> component to add <b></b> controls to your
+ * Angular 2 applications. For details about Angular 2 markup syntax, see
+ * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  */
-export declare class WjMenu extends wjcInput.Menu implements OnInit, OnDestroy, AfterViewInit, OnChanges, AfterContentInit {
-    private _value;
-    private _definedHeader;
+export declare class WjMenuSeparator extends WjMenuItem implements AfterViewInit {
+    constructor(elRef: ElementRef, injector: Injector, parentCmp: any, viewContainerRef: ViewContainerRef);
+    added(toItem: HTMLElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjMenuSeparator, [null, null, { optional: true; skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjMenuSeparator, "wj-menu-separator", never, { "wjProperty": { "alias": "wjProperty"; "required": false; }; }, { "initialized": "initialized"; }, never, never, true, never>;
+}
+/**
+ * Angular 2 directive for context menus.
+ *
+ * Use the <b>wjContextMenu</b> directive to add context menus to elements
+ * on the page. The wjContextMenu directive is based on the <b>wj-menu</b>
+ * component; it displays a popup menu when the user performs a context menu
+ * request on an element (usually a right-click).
+ *
+ * The wjContextMenu directive is specified as a parameter added to the
+ * element that the context menu applies to. The parameter value is a
+ * reference to the <b>wj-menu</b> component. For example:
+ *
+ * <pre>&lt;!-- paragraph with a context menu --&gt;
+ *&lt;p [wjContextMenu]="menu" &gt;
+ *  This paragraph has a context menu.&lt;/p&gt;
+ *
+ *&lt;!-- define the context menu (hidden and with an id) --&gt;
+ *&lt;wj-menu #menu style="display:none"&gt;
+ *  &lt;wj-menu-item [cmd]="cmdOpen" [cmdParam] ="1"&gt;Open...&lt;/wj-menu-item&gt;
+ *  &lt;wj-menu-item [cmd]="cmdSave" [cmdParam]="2"&gt;Save &lt;/wj-menu-item&gt;
+ *  &lt;wj-menu-item [cmd]="cmdSave" [cmdParam]="3"&gt;Save As...&lt;/wj-menu-item&gt;
+ *  &lt;wj-menu-item [cmd]="cmdNew" [cmdParam] ="4"&gt;New...&lt;/wj-menu-item&gt;
+ *  &lt;wj-menu-separator&gt;&lt;/wj-menu-separator&gt;
+ *  &lt;wj-menu-item [cmd]="cmdExit" [cmdParam]="5"&gt;Exit&lt;/wj-menu-item&gt;
+ *&lt;/wj-menu &gt;</pre>
+ */
+export declare class WjContextMenu {
+    private elRef;
+    wjContextMenu: wjcInput.Menu;
+    constructor(elRef: ElementRef);
+    onContextMenu(e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjContextMenu, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WjContextMenu, "[wjContextMenu]", ["wjContextMenu"], { "wjContextMenu": { "alias": "wjContextMenu"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export declare const wjMultiAutoCompleteMeta: IWjComponentMeta;
+/**
+ * Angular 2 component for the {@link wijmo.input.MultiAutoComplete} control.
+ *
+ * Use the <b>wj-multi-auto-complete</b> component to add <b>MultiAutoComplete</b> controls to your
+ * Angular 2 applications. For details about Angular 2 markup syntax, see
+ * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
+ *
+ * The <b>WjMultiAutoComplete</b> component is derived from the <b>MultiAutoComplete</b> control and
+ * inherits all its properties, events and methods.
+ */
+export declare class WjMultiAutoComplete extends wjcInput.MultiAutoComplete implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -2031,7 +2116,7 @@ export declare class WjMenu extends wjcInput.Menu implements OnInit, OnDestroy,
     initialized: EventEmitter<any>;
     /**
      * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is 'selectedValue'.
+     * Default value is 'selectedItems'.
      */
     wjModelProperty: string;
     /**
@@ -2136,17 +2221,17 @@ export declare class WjMenu extends wjcInput.Menu implements OnInit, OnDestroy,
      */
     selectedValueChangePC: EventEmitter<any>;
     /**
-     * Angular (EventEmitter) version of the Wijmo <b>itemClicked</b> event for programmatic access.
+     * Angular (EventEmitter) version of the Wijmo <b>selectedItemsChanged</b> event for programmatic access.
      * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>itemClicked</b> Wijmo event name.
+     * In template bindings use the conventional <b>selectedItemsChanged</b> Wijmo event name.
      */
-    itemClickedNg: EventEmitter<any>;
+    selectedItemsChangedNg: EventEmitter<any>;
     /**
-     * This event is used to implement two-way binding to the <b>value</b> property.
+     * This event is used to implement two-way binding to the <b>selectedItems</b> property.
      * It's triggered when the property value changes, with the event argument holding the new property value.
-     * You can bind handlers to this event in templates using the <b>valueChange</b> event name.
+     * You can bind handlers to this event in templates using the <b>selectedItemsChange</b> event name.
      */
-    valueChangePC: EventEmitter<any>;
+    selectedItemsChangePC: EventEmitter<any>;
     constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
@@ -2160,39 +2245,24 @@ export declare class WjMenu extends wjcInput.Menu implements OnInit, OnDestroy,
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
-    value: any;
-    ngOnChanges(changes: {
-        [key: string]: ngCore.SimpleChange;
-    }): void;
-    ngAfterContentInit(): void;
-    onItemClicked(e?: wjcCore.EventArgs): void;
-    refresh(fullUpdate?: boolean): void;
-    private _attachToControl;
-    private _loadingItems;
-    private _fmtItem;
-    private _updateHeader;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjMultiAutoComplete, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjMultiAutoComplete, "wj-multi-auto-complete", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "displayMemberPath": { "alias": "displayMemberPath"; "required": false; }; "selectedValuePath": { "alias": "selectedValuePath"; "required": false; }; "headerPath": { "alias": "headerPath"; "required": false; }; "isContentHtml": { "alias": "isContentHtml"; "required": false; }; "isEditable": { "alias": "isEditable"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "maxDropDownHeight": { "alias": "maxDropDownHeight"; "required": false; }; "maxDropDownWidth": { "alias": "maxDropDownWidth"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "trimText": { "alias": "trimText"; "required": false; }; "caseSensitiveSearch": { "alias": "caseSensitiveSearch"; "required": false; }; "virtualizationThreshold": { "alias": "virtualizationThreshold"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "cssMatch": { "alias": "cssMatch"; "required": false; }; "itemsSourceFunction": { "alias": "itemsSourceFunction"; "required": false; }; "searchMemberPath": { "alias": "searchMemberPath"; "required": false; }; "searchDuringComposition": { "alias": "searchDuringComposition"; "required": false; }; "beginsWithSearch": { "alias": "beginsWithSearch"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "itemsSource": { "alias": "itemsSource"; "required": false; }; "selectedMemberPath": { "alias": "selectedMemberPath"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "keyActionDownArrow": { "alias": "keyActionDownArrow"; "required": false; }; "keyActionUpArrow": { "alias": "keyActionUpArrow"; "required": false; }; "keyActionPrintCharacters": { "alias": "keyActionPrintCharacters"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "itemsSourceChangedNg": "itemsSourceChanged"; "formatItemNg": "formatItem"; "selectedIndexChangedNg": "selectedIndexChanged"; "selectedIndexChangePC": "selectedIndexChange"; "selectedItemChangePC": "selectedItemChange"; "selectedValueChangePC": "selectedValueChange"; "selectedItemsChangedNg": "selectedItemsChanged"; "selectedItemsChangePC": "selectedItemsChange"; }, never, ["*"], true, never>;
 }
-declare var wjMenuItemMeta: IWjComponentMeta;
-export { wjMenuItemMeta };
+
+export declare const wjMultiSelectMeta: IWjComponentMeta;
 /**
- * Angular 2 directive for {@link wijmo.angular2legacy.input.WjMenu} items.
- *
- * The <b>wj-menu-item</b> component must be
- * contained in a {@link wijmo.angular2legacy.input.WjMenu} component.
+ * Angular 2 component for the {@link wijmo.input.MultiSelect} control.
  *
- * Use the <b>wj-menu-item</b> component to add <b></b> controls to your
+ * Use the <b>wj-multi-select</b> component to add <b>MultiSelect</b> controls to your
  * Angular 2 applications. For details about Angular 2 markup syntax, see
  * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
+ *
+ * The <b>WjMultiSelect</b> component is derived from the <b>MultiSelect</b> control and
+ * inherits all its properties, events and methods.
+ *
+ * The <b>wj-multi-select</b> component may contain a {@link wijmo.angular2legacy.input.WjItemTemplate} child directive.
  */
-export declare class WjMenuItem implements OnInit, OnDestroy, AfterViewInit {
-    private viewContainerRef;
-    value: any;
-    cmd: any;
-    cmdParam: any;
-    header: string;
-    _ownerMenu: wjcInput.Menu;
-    templateDir: WjMenuItemTemplateDir;
-    contentRoot: HTMLElement;
+export declare class WjMultiSelect extends wjcInput.MultiSelect implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -2206,11 +2276,124 @@ export declare class WjMenuItem implements OnInit, OnDestroy, AfterViewInit {
      */
     initialized: EventEmitter<any>;
     /**
-     * Gets or sets a name of a property that this component is assigned to.
-     * Default value is 'itemsSource'.
+     * Defines a name of a property represented by [(ngModel)] directive (if specified).
+     * Default value is 'checkedItems'.
      */
-    wjProperty: string;
-    constructor(elRef: ElementRef, injector: Injector, parentCmp: any, viewContainerRef: ViewContainerRef);
+    wjModelProperty: string;
+    /**
+     * Allows you to override the global <b>WjOptions.asyncBindings</b> setting for this specific component.
+     * See the <b>WjOptions.</b>{@link WjOptions.asyncBindings} property description for details.
+     */
+    asyncBindings: boolean;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>gotFocus</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>gotFocus</b> Wijmo event name.
+     */
+    gotFocusNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>lostFocus</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>lostFocus</b> Wijmo event name.
+     */
+    lostFocusNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>refreshing</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>refreshing</b> Wijmo event name.
+     */
+    refreshingNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>refreshed</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>refreshed</b> Wijmo event name.
+     */
+    refreshedNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>invalidInput</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>invalidInput</b> Wijmo event name.
+     */
+    invalidInputNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanging</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>isDroppedDownChanging</b> Wijmo event name.
+     */
+    isDroppedDownChangingNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>isDroppedDownChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>isDroppedDownChanged</b> Wijmo event name.
+     */
+    isDroppedDownChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>isDroppedDown</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>isDroppedDownChange</b> event name.
+     */
+    isDroppedDownChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>textChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>textChanged</b> Wijmo event name.
+     */
+    textChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>text</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>textChange</b> event name.
+     */
+    textChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>itemsSourceChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>itemsSourceChanged</b> Wijmo event name.
+     */
+    itemsSourceChangedNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>formatItem</b> Wijmo event name.
+     */
+    formatItemNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>selectedIndexChanged</b> Wijmo event name.
+     */
+    selectedIndexChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>selectedIndex</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>selectedIndexChange</b> event name.
+     */
+    selectedIndexChangePC: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>selectedItem</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>selectedItemChange</b> event name.
+     */
+    selectedItemChangePC: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>selectedValue</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>selectedValueChange</b> event name.
+     */
+    selectedValueChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>checkedItemsChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>checkedItemsChanged</b> Wijmo event name.
+     */
+    checkedItemsChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>checkedItems</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>checkedItemsChange</b> event name.
+     */
+    checkedItemsChangePC: EventEmitter<any>;
+    constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
      * method and perform necessary initializations that you usually do in a class constructor.
@@ -2220,75 +2403,25 @@ export declare class WjMenuItem implements OnInit, OnDestroy, AfterViewInit {
      */
     created(): void;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    added(_toItem: HTMLElement): void;
-}
-export declare class WjMenuItemTemplateDir implements ngCore.AfterContentInit {
-    viewContainerRef: ViewContainerRef;
-    templateRef: TemplateRef<any>;
-    elRef: ElementRef;
-    wjMenuItemTemplateDir: any;
-    ownerItem: WjMenuItem;
-    contentRoot: HTMLElement;
-    constructor(viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>, elRef: ElementRef, injector: Injector, menuItem: WjMenuItem, menuSeparator: WjMenuSeparator);
-    ngAfterContentInit(): void;
-}
-declare var wjMenuSeparatorMeta: IWjComponentMeta;
-export { wjMenuSeparatorMeta };
-/**
- * Angular 2 directive for {@link wijmo.angular2legacy.input.WjMenu} item separators.
- *
- * The <b>wj-menu-separator</b> component must be
- * contained in a {@link wijmo.angular2legacy.input.WjMenu} component.
- *
- * Use the <b>wj-menu-separator</b> component to add <b></b> controls to your
- * Angular 2 applications. For details about Angular 2 markup syntax, see
- * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
- */
-export declare class WjMenuSeparator extends WjMenuItem implements OnInit, OnDestroy, AfterViewInit {
-    constructor(elRef: ElementRef, injector: Injector, parentCmp: any, viewContainerRef: ViewContainerRef);
-    added(toItem: HTMLElement): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjMultiSelect, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjMultiSelect, "wj-multi-select", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "isDroppedDown": { "alias": "isDroppedDown"; "required": false; }; "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "autoExpandSelection": { "alias": "autoExpandSelection"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dropDownCssClass": { "alias": "dropDownCssClass"; "required": false; }; "isAnimated": { "alias": "isAnimated"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "clickAction": { "alias": "clickAction"; "required": false; }; "displayMemberPath": { "alias": "displayMemberPath"; "required": false; }; "selectedValuePath": { "alias": "selectedValuePath"; "required": false; }; "headerPath": { "alias": "headerPath"; "required": false; }; "isContentHtml": { "alias": "isContentHtml"; "required": false; }; "isEditable": { "alias": "isEditable"; "required": false; }; "handleWheel": { "alias": "handleWheel"; "required": false; }; "maxDropDownHeight": { "alias": "maxDropDownHeight"; "required": false; }; "maxDropDownWidth": { "alias": "maxDropDownWidth"; "required": false; }; "itemFormatter": { "alias": "itemFormatter"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "trimText": { "alias": "trimText"; "required": false; }; "caseSensitiveSearch": { "alias": "caseSensitiveSearch"; "required": false; }; "virtualizationThreshold": { "alias": "virtualizationThreshold"; "required": false; }; "checkedMemberPath": { "alias": "checkedMemberPath"; "required": false; }; "maxHeaderItems": { "alias": "maxHeaderItems"; "required": false; }; "headerFormat": { "alias": "headerFormat"; "required": false; }; "headerFormatter": { "alias": "headerFormatter"; "required": false; }; "showSelectAllCheckbox": { "alias": "showSelectAllCheckbox"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "showFilterInput": { "alias": "showFilterInput"; "required": false; }; "filterInputPlaceholder": { "alias": "filterInputPlaceholder"; "required": false; }; "checkOnFilter": { "alias": "checkOnFilter"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "itemsSource": { "alias": "itemsSource"; "required": false; }; "checkedItems": { "alias": "checkedItems"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "keyActionDownArrow": { "alias": "keyActionDownArrow"; "required": false; }; "keyActionUpArrow": { "alias": "keyActionUpArrow"; "required": false; }; "keyActionPrintCharacters": { "alias": "keyActionPrintCharacters"; "required": false; }; "keyActionTab": { "alias": "keyActionTab"; "required": false; }; "customFilter": { "alias": "customFilter"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "isDroppedDownChangingNg": "isDroppedDownChanging"; "isDroppedDownChangedNg": "isDroppedDownChanged"; "isDroppedDownChangePC": "isDroppedDownChange"; "textChangedNg": "textChanged"; "textChangePC": "textChange"; "itemsSourceChangedNg": "itemsSourceChanged"; "formatItemNg": "formatItem"; "selectedIndexChangedNg": "selectedIndexChanged"; "selectedIndexChangePC": "selectedIndexChange"; "selectedItemChangePC": "selectedItemChange"; "selectedValueChangePC": "selectedValueChange"; "checkedItemsChangedNg": "checkedItemsChanged"; "checkedItemsChangePC": "checkedItemsChange"; }, never, ["*"], true, never>;
 }
-declare var wjItemTemplateMeta: IWjDirectiveMeta;
-export { wjItemTemplateMeta };
+
+export declare const wjMultiSelectListBoxMeta: IWjComponentMeta;
 /**
- * Angular 2 directive for item templates of item list components.
- *
- * The <b>[wjItemTemplate]</b> directive must be
- * contained in one of the following components:
- * {@link wijmo.angular2legacy.input.WjListBox}
- * , {@link wijmo.angular2legacy.input.WjMenu}
- * , {@link wijmo.angular2legacy.input.WjComboBox}
- *  or {@link wijmo.angular2legacy.input.WjMultiSelect}.
+ * Angular 2 component for the {@link wijmo.input.MultiSelectListBox} control.
  *
- * The <b>[wjItemTemplate]</b> directive defines a template for items of a component
- * that it's nested in.
- * The template may contain an arbitrary HTML fragment with Angular 2 bindings and directives.
- * The local <b>item</b>, <b>itemIndex</b> and <b>control</b> template variables can be used in Angular 2
- * bindings that refer to the data item, its index, and the owner control. For example:
+ * Use the <b>wj-multi-select-list-box</b> component to add <b>MultiSelectListBox</b> controls to your
+ * Angular 2 applications. For details about Angular 2 markup syntax, see
+ * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
  *
- *<pre>&lt;wj-list-box style="max-height:300px;width:250px;"
- *             [itemsSource]="musicians"&gt;
- *   &lt;ng-template wjItemTemplate let-item="item" let-itemIndex="itemIndex"&gt;
- *       {&#8203;{itemIndex + 1}}. &lt;b&gt;{&#8203;{item.name}}&lt;/b&gt;
- *       &lt;div *ngIf="item.photo"&gt;
- *           &lt;img [src]="item.photo" height="100" /&gt;
- *           &lt;br /&gt;
- *           &lt;a href="https://www.google.com/#newwindow=1&q=The+Beatles+"
- *              target="_blank"
- *              style="color:red"&gt;go there!&lt;/a&gt;
- *       &lt;/div&gt;
- *   &lt;/ng-template&gt;
- * &lt;/wj-list-box&gt;</pre>
+ * The <b>WjMultiSelectListBox</b> component is derived from the <b>MultiSelectListBox</b> control and
+ * inherits all its properties, events and methods.
  */
-export declare class WjItemTemplate implements OnInit, OnDestroy, AfterViewInit {
-    viewContainerRef: ViewContainerRef;
-    templateRef: TemplateRef<any>;
-    wjItemTemplate: any;
-    ownerControl: wjcCore.Control;
-    listBox: wjcInput.ListBox;
-    private _cdRef;
+export declare class WjMultiSelectListBox extends wjcInput.MultiSelectListBox implements AfterViewInit {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -2301,7 +2434,71 @@ export declare class WjItemTemplate implements OnInit, OnDestroy, AfterViewInit
      * all bound properties have been assigned and child components (if any) have been initialized.
      */
     initialized: EventEmitter<any>;
-    constructor(elRef: ElementRef, injector: Injector, parentCmp: any, viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>, cdRef: ChangeDetectorRef);
+    /**
+     * Defines a name of a property represented by [(ngModel)] directive (if specified).
+     * Default value is 'checkedItems'.
+     */
+    wjModelProperty: string;
+    /**
+     * Allows you to override the global <b>WjOptions.asyncBindings</b> setting for this specific component.
+     * See the <b>WjOptions.</b>{@link WjOptions.asyncBindings} property description for details.
+     */
+    asyncBindings: boolean;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>gotFocus</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>gotFocus</b> Wijmo event name.
+     */
+    gotFocusNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>lostFocus</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>lostFocus</b> Wijmo event name.
+     */
+    lostFocusNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>refreshing</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>refreshing</b> Wijmo event name.
+     */
+    refreshingNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>refreshed</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>refreshed</b> Wijmo event name.
+     */
+    refreshedNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>invalidInput</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>invalidInput</b> Wijmo event name.
+     */
+    invalidInputNg: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>checkedItemsChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>checkedItemsChanged</b> Wijmo event name.
+     */
+    checkedItemsChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>checkedItems</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>checkedItemsChange</b> event name.
+     */
+    checkedItemsChangePC: EventEmitter<any>;
+    /**
+     * Angular (EventEmitter) version of the Wijmo <b>selectedIndexChanged</b> event for programmatic access.
+     * Use this event name if you want to subscribe to the Angular version of the event in code.
+     * In template bindings use the conventional <b>selectedIndexChanged</b> Wijmo event name.
+     */
+    selectedIndexChangedNg: EventEmitter<any>;
+    /**
+     * This event is used to implement two-way binding to the <b>selectedIndex</b> property.
+     * It's triggered when the property value changes, with the event argument holding the new property value.
+     * You can bind handlers to this event in templates using the <b>selectedIndexChange</b> event name.
+     */
+    selectedIndexChangePC: EventEmitter<any>;
+    constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
     /**
      * If you create a custom component inherited from a Wijmo component, you can override this
      * method and perform necessary initializations that you usually do in a class constructor.
@@ -2313,14 +2510,12 @@ export declare class WjItemTemplate implements OnInit, OnDestroy, AfterViewInit
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    private _attachToControl;
-    private _loadingItems;
-    private _fmtItem;
-    private _instantiateTemplate;
-    private static _getListBox;
+    addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjMultiSelectListBox, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjMultiSelectListBox, "wj-multi-select-list-box", never, { "asyncBindings": { "alias": "asyncBindings"; "required": false; }; "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "itemsSource": { "alias": "itemsSource"; "required": false; }; "displayMemberPath": { "alias": "displayMemberPath"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "isContentHtml": { "alias": "isContentHtml"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "checkOnFilter": { "alias": "checkOnFilter"; "required": false; }; "showFilterInput": { "alias": "showFilterInput"; "required": false; }; "filterInputPlaceholder": { "alias": "filterInputPlaceholder"; "required": false; }; "showSelectAllCheckbox": { "alias": "showSelectAllCheckbox"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "caseSensitiveSearch": { "alias": "caseSensitiveSearch"; "required": false; }; "checkedMemberPath": { "alias": "checkedMemberPath"; "required": false; }; "virtualizationThreshold": { "alias": "virtualizationThreshold"; "required": false; }; "checkedItems": { "alias": "checkedItems"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "customFilter": { "alias": "customFilter"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "checkedItemsChangedNg": "checkedItemsChanged"; "checkedItemsChangePC": "checkedItemsChange"; "selectedIndexChangedNg": "selectedIndexChanged"; "selectedIndexChangePC": "selectedIndexChange"; }, never, ["*"], true, never>;
 }
-declare var wjPopupMeta: IWjComponentMeta;
-export { wjPopupMeta };
+
+export declare const wjPopupMeta: IWjComponentMeta;
 /**
  * Angular 2 component for the {@link wijmo.input.Popup} control.
  *
@@ -2331,7 +2526,7 @@ export { wjPopupMeta };
  * The <b>WjPopup</b> component is derived from the <b>Popup</b> control and
  * inherits all its properties, events and methods.
  */
-export declare class WjPopup extends wjcInput.Popup implements OnInit, OnDestroy, AfterViewInit, OnChanges {
+export declare class WjPopup extends wjcInput.Popup implements AfterViewInit, OnChanges {
     static readonly meta: IWjComponentMetadata;
     private _wjBehaviour;
     /**
@@ -2464,164 +2659,15 @@ export declare class WjPopup extends wjcInput.Popup implements OnInit, OnDestroy
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
-    ngOnChanges(changes: {
-        [key: string]: ngCore.SimpleChange;
-    }): void;
+    ngOnChanges(changes: SimpleChanges): void;
     dispose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjPopup, [null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WjPopup, "wj-popup", never, { "wjModelProperty": { "alias": "wjModelProperty"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tabOrder": { "alias": "tabOrder"; "required": false; }; "owner": { "alias": "owner"; "required": false; }; "showTrigger": { "alias": "showTrigger"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "fadeIn": { "alias": "fadeIn"; "required": false; }; "fadeOut": { "alias": "fadeOut"; "required": false; }; "isDraggable": { "alias": "isDraggable"; "required": false; }; "isResizable": { "alias": "isResizable"; "required": false; }; "dialogResultEnter": { "alias": "dialogResultEnter"; "required": false; }; "dialogResultSubmit": { "alias": "dialogResultSubmit"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "removeOnHide": { "alias": "removeOnHide"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "initialized": "initialized"; "gotFocusNg": "gotFocus"; "lostFocusNg": "lostFocus"; "refreshingNg": "refreshing"; "refreshedNg": "refreshed"; "invalidInputNg": "invalidInput"; "showingNg": "showing"; "shownNg": "shown"; "hidingNg": "hiding"; "hiddenNg": "hidden"; "resizingNg": "resizing"; "sizeChangingNg": "sizeChanging"; "sizeChangedNg": "sizeChanged"; "resizedNg": "resized"; "draggingNg": "dragging"; "positionChangingNg": "positionChanging"; "positionChangedNg": "positionChanged"; "draggedNg": "dragged"; }, never, ["*"], true, never>;
 }
-/**
- * Angular 2 directive for context menus.
- *
- * Use the <b>wjContextMenu</b> directive to add context menus to elements
- * on the page. The wjContextMenu directive is based on the <b>wj-menu</b>
- * component; it displays a popup menu when the user performs a context menu
- * request on an element (usually a right-click).
- *
- * The wjContextMenu directive is specified as a parameter added to the
- * element that the context menu applies to. The parameter value is a
- * reference to the <b>wj-menu</b> component. For example:
- *
- * <pre>&lt;!-- paragraph with a context menu --&gt;
- *&lt;p [wjContextMenu]="menu" &gt;
- *  This paragraph has a context menu.&lt;/p&gt;
- *
- *&lt;!-- define the context menu (hidden and with an id) --&gt;
- *&lt;wj-menu #menu style="display:none"&gt;
- *  &lt;wj-menu-item [cmd]="cmdOpen" [cmdParam] ="1"&gt;Open...&lt;/wj-menu-item&gt;
- *  &lt;wj-menu-item [cmd]="cmdSave" [cmdParam]="2"&gt;Save &lt;/wj-menu-item&gt;
- *  &lt;wj-menu-item [cmd]="cmdSave" [cmdParam]="3"&gt;Save As...&lt;/wj-menu-item&gt;
- *  &lt;wj-menu-item [cmd]="cmdNew" [cmdParam] ="4"&gt;New...&lt;/wj-menu-item&gt;
- *  &lt;wj-menu-separator&gt;&lt;/wj-menu-separator&gt;
- *  &lt;wj-menu-item [cmd]="cmdExit" [cmdParam]="5"&gt;Exit&lt;/wj-menu-item&gt;
- *&lt;/wj-menu &gt;</pre>
- */
-export declare class WjContextMenu {
-    private elRef;
-    wjContextMenu: wjcInput.Menu;
-    constructor(elRef: ElementRef);
-    onContextMenu(e: MouseEvent): void;
-}
-declare var wjCollectionViewNavigatorMeta: IWjComponentMeta;
-export { wjCollectionViewNavigatorMeta };
-/**
- * Angular 2 component for the {@link wijmo.input.CollectionViewNavigator} control.
- *
- * Use the <b>wj-collection-view-navigator</b> component to add <b>CollectionViewNavigator</b> controls to your
- * Angular 2 applications. For details about Angular 2 markup syntax, see
- * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
- *
- * The <b>WjCollectionViewNavigator</b> component is derived from the <b>CollectionViewNavigator</b> control and
- * inherits all its properties, events and methods.
- */
-export declare class WjCollectionViewNavigator extends wjcInput.CollectionViewNavigator implements OnInit, OnDestroy, AfterViewInit {
-    static readonly meta: IWjComponentMetadata;
-    private _wjBehaviour;
-    /**
-     * Indicates whether the component has been initialized by Angular.
-     * Changes its value from false to true right before triggering the <b>initialized</b> event.
-     */
-    isInitialized: boolean;
-    /**
-     * This event is triggered after the component has been initialized by Angular, that is
-     * all bound properties have been assigned and child components (if any) have been initialized.
-     */
-    initialized: EventEmitter<any>;
-    /**
-     * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is ''.
-     */
-    wjModelProperty: string;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>gotFocus</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>gotFocus</b> Wijmo event name.
-     */
-    gotFocusNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>lostFocus</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>lostFocus</b> Wijmo event name.
-     */
-    lostFocusNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>refreshing</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>refreshing</b> Wijmo event name.
-     */
-    refreshingNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>refreshed</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>refreshed</b> Wijmo event name.
-     */
-    refreshedNg: EventEmitter<any>;
-    /**
-     * Angular (EventEmitter) version of the Wijmo <b>invalidInput</b> event for programmatic access.
-     * Use this event name if you want to subscribe to the Angular version of the event in code.
-     * In template bindings use the conventional <b>invalidInput</b> Wijmo event name.
-     */
-    invalidInputNg: EventEmitter<any>;
-    constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
-    /**
-     * If you create a custom component inherited from a Wijmo component, you can override this
-     * method and perform necessary initializations that you usually do in a class constructor.
-     * This method is called in the last line of a Wijmo component constructor and allows you
-     * to not declare your custom component's constructor at all, thus preventing you from a necessity
-     * to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
-     */
-    created(): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
-}
-declare var wjCollectionViewPagerMeta: IWjComponentMeta;
-export { wjCollectionViewPagerMeta };
-/**
- * Obsolete. Use wj-collection-view-navigator with [byPage]="true" instead.
- *
- * Angular 2 component for an {@link ICollectionView} pager element.
- *
- * Use the <b>wj-collection-view-pager</b> component to add an element
- * that allows users to navigate through the pages in a paged {@link ICollectionView}.
- * For details about Angular 2 markup syntax, see
- * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>. For example:
- *
- * <pre>&lt;wj-collection-view-pager
- *   [cv]="myCollectionView"&gt;
- * &lt;/wj-collection-view-pager&gt;</pre>
- */
-export declare class WjCollectionViewPager extends wjcInput.CollectionViewNavigator implements OnInit, OnDestroy, AfterViewInit {
-    static readonly meta: IWjComponentMetadata;
-    private _wjBehaviour;
-    /**
-     * Indicates whether the component has been initialized by Angular.
-     * Changes its value from false to true right before triggering the <b>initialized</b> event.
-     */
-    isInitialized: boolean;
-    /**
-     * This event is triggered after the component has been initialized by Angular, that is
-     * all bound properties have been assigned and child components (if any) have been initialized.
-     */
-    initialized: EventEmitter<any>;
-    /**
-     * Defines a name of a property represented by [(ngModel)] directive (if specified).
-     * Default value is ''.
-     */
-    wjModelProperty: string;
-    constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
-    /**
-     * If you create a custom component inherited from a Wijmo component, you can override this
-     * method and perform necessary initializations that you usually do in a class constructor.
-     * This method is called in the last line of a Wijmo component constructor and allows you
-     * to not declare your custom component's constructor at all, thus preventing you from a necessity
-     * to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
-     */
-    created(): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
-}
+
 export declare class WjInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WjInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WjInputModule, never, [typeof i1.CommonModule, typeof WjComboBox, typeof WjAutoComplete, typeof WjCalendar, typeof WjCollectionViewNavigator, typeof WjCollectionViewPager, typeof WjColorPicker, typeof WjInputColor, typeof WjInputDate, typeof WjInputDateRange, typeof WjInputDateTime, typeof WjInputMask, typeof WjInputNumber, typeof WjInputTime, typeof WjListBox, typeof WjMenu, typeof WjMenuItem, typeof WjMenuSeparator, typeof WjContextMenu, typeof WjMultiAutoComplete, typeof WjMultiSelect, typeof WjMultiSelectListBox, typeof WjPopup, typeof WjItemTemplate], [typeof WjComboBox, typeof WjAutoComplete, typeof WjCalendar, typeof WjCollectionViewNavigator, typeof WjCollectionViewPager, typeof WjColorPicker, typeof WjInputColor, typeof WjInputDate, typeof WjInputDateRange, typeof WjInputDateTime, typeof WjInputMask, typeof WjInputNumber, typeof WjInputTime, typeof WjListBox, typeof WjMenu, typeof WjMenuItem, typeof WjMenuSeparator, typeof WjContextMenu, typeof WjMultiAutoComplete, typeof WjMultiSelect, typeof WjMultiSelectListBox, typeof WjPopup, typeof WjItemTemplate]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WjInputModule>;
 }
+