@mescius/wijmo.knockout.input 5.20232.939

package/index.d.ts

@@ -0,0 +1,527 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+/**
+* {@module wijmo.knockout.input}
+* KnockoutJS bindings for wijmo.input module
+*/
+/**
+ *
+ */
+export declare var ___keepComment: any;
+import { WjBinding, WjContext } from '@grapecity/wijmo.knockout.base';
+export declare class WjDropDownBinding extends WjBinding {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link ComboBox} control.
+ *
+ * Use the {@link wjComboBox} binding to add {@link ComboBox} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is a ComboBox control:&lt;/p&gt;
+ * &lt;div data-bind="wjComboBox: {
+ *   itemsSource: countries,
+ *   text: theCountry,
+ *   isEditable: false,
+ *   placeholder: 'country' }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjComboBox</b> binding supports all read-write properties and events of
+ * the {@link ComboBox} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>isDroppedDown</b></li>
+ * 	<li><b>text</b></li>
+ * 	<li><b>selectedIndex</b></li>
+ * 	<li><b>selectedItem</b></li>
+ * 	<li><b>selectedValue</b></li>
+ * </ul>
+ */
+export declare class wjComboBox extends WjDropDownBinding {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link AutoComplete} control.
+ *
+ * Use the {@link wjAutoComplete} binding to add {@link AutoComplete} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is an AutoComplete control:&lt;/p&gt;
+ * &lt;div data-bind="wjAutoComplete: {
+ *   itemsSource: countries,
+ *   text: theCountry,
+ *   isEditable: false,
+ *   placeholder: 'country' }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjAutoComplete</b> binding supports all read-write properties and events of
+ * the {@link AutoComplete} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>isDroppedDown</b></li>
+ * 	<li><b>text</b></li>
+ * 	<li><b>selectedIndex</b></li>
+ * 	<li><b>selectedItem</b></li>
+ * 	<li><b>selectedValue</b></li>
+ * </ul>
+ */
+export declare class wjAutoComplete extends wjComboBox {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link Calendar} control.
+ *
+ * Use the {@link wjCalendar} binding to add {@link Calendar} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is a Calendar control:&lt;/p&gt;
+ * &lt;div
+ *   data-bind="wjCalendar: { value: theDate }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjCalendar</b> binding supports all read-write properties and events of
+ * the {@link Calendar} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>value</b></li>
+ * 	<li><b>displayMonth</b></li>
+ * </ul>
+ */
+export declare class wjCalendar extends WjBinding {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link ColorPicker} control.
+ *
+ * Use the {@link wjColorPicker} binding to add {@link ColorPicker} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is a ColorPicker control:&lt;/p&gt;
+ * &lt;div
+ *   data-bind="wjColorPicker: { value: theColor }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjColorPicker</b> binding supports all read-write properties and events of
+ * the {@link ColorPicker} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>value</b></li>
+ * </ul>
+ */
+export declare class wjColorPicker extends WjBinding {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link ListBox} control.
+ *
+ * Use the {@link wjListBox} binding to add {@link ListBox} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is a ListBox control:&lt;/p&gt;
+ * &lt;div data-bind="wjListBox: {
+ *   itemsSource: countries,
+ *   selectedItem: theCountry }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjListBox</b> binding supports all read-write properties and events of
+ * the {@link ListBox} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>selectedIndex</b></li>
+ * 	<li><b>selectedItem</b></li>
+ * 	<li><b>selectedValue</b></li>
+ * </ul>
+ */
+export declare class wjListBox extends WjBinding {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link Menu} control.
+ *
+ * Use the {@link wjMenu} binding to add {@link Menu} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is a Menu control used as a value picker:&lt;/p&gt;
+ * &lt;div data-bind="wjMenu: { value: tax, header: 'Tax' }"&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: 0 }"&gt;Exempt&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuSeparator: {}"&gt;&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: .05 }"&gt;5%&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: .1 }"&gt;10%&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: .15 }"&gt;15%&lt;/span&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjMenu</b> binding may contain the following child bindings: {@link wjMenuItem}, {@link wjMenuSeparator}.
+ *
+ * The <b>wjMenu</b> binding supports all read-write properties and events of
+ * the {@link Menu} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>isDroppedDown</b></li>
+ * 	<li><b>text</b></li>
+ * 	<li><b>selectedIndex</b></li>
+ * 	<li><b>selectedItem</b></li>
+ * 	<li><b>selectedValue</b></li>
+ *  <li><b>value</b></li>
+ * </ul>
+ */
+export declare class wjMenu extends wjComboBox {
+    _getControlConstructor(): any;
+    _createWijmoContext(): WjContext;
+    _initialize(): void;
+    private _updateControlValue;
+}
+export declare class WjMenuContext extends WjContext {
+    _initControl(): void;
+    _childrenInitialized(): void;
+    _updateHeader(): void;
+}
+/**
+ * KnockoutJS binding for menu items.
+ *
+ * Use the {@link wjMenuItem} binding to add menu items to a {@link Menu} control.
+ * The {@link wjMenuItem} binding must be contained in a {@link wjMenu} binding.
+ * For example:
+ *
+ * <pre>&lt;p&gt;Here is a Menu control with four menu items:&lt;/p&gt;
+ * &lt;div data-bind="wjMenu: { value: tax, header: 'Tax' }"&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: 0 }"&gt;Exempt&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: .05 }"&gt;5%&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: .1 }"&gt;10%&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: .15 }"&gt;15%&lt;/span&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjMenuItem</b> binding supports the following attributes:
+ *
+ * <dl class="dl-horizontal">
+ *   <dt>cmd</dt>       <dd>Function to execute in the controller when the item is clicked.</dd>
+ *   <dt>cmdParam</dt>  <dd>Parameter passed to the <b>cmd</b> function when the item is clicked.</dd>
+ *   <dt>value</dt>     <dd>Value selected when the item is clicked (use either this or <b>cmd</b>).</dd>
+ * </dl class="dl-horizontal">
+ */
+export declare class wjMenuItem extends WjBinding {
+    _getMetaDataId(): any;
+    _createWijmoContext(): WjContext;
+    _initialize(): void;
+}
+export declare class WjMenuItemContext extends WjContext {
+    _createControl(): any;
+}
+/**
+ * KnockoutJS binding for menu separators.
+ *
+ * The the {@link wjMenuSeparator} adds a non-selectable separator to a {@link Menu} control, and has no attributes.
+ * It must be contained in a {@link wjMenu} binding. For example:
+ *
+ * <pre>&lt;p&gt;Here is a Menu control with four menu items and one separator:&lt;/p&gt;
+ * &lt;div data-bind="wjMenu: { value: tax, header: 'Tax' }"&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: 0 }"&gt;Exempt&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuSeparator: {}"&gt;&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: .05 }"&gt;5%&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: .1 }"&gt;10%&lt;/span&gt;
+ *     &lt;span data-bind="wjMenuItem: { value: .15 }"&gt;15%&lt;/span&gt;
+ * &lt;/div&gt;</pre>
+ */
+export declare class wjMenuSeparator extends WjBinding {
+    _getMetaDataId(): any;
+    _initialize(): void;
+    _createControl(element: any): any;
+}
+/**
+ * KnockoutJS binding for context menus.
+ *
+ * Use the {@link wjContextMenu} binding to add context menus to elements
+ * on the page. The {@link wjContextMenu} binding is based on the  {@link wjMenu};
+ * it displays a popup menu when the user performs a context menu
+ * request on an element (usually a right-click).
+ *
+ * The wjContextMenu binding is specified as a parameter added to the
+ * element that the context menu applies to. The parameter value is a
+ * CSS selector for the element that contains the menu. For example:
+ *
+ * <pre>&lt;!-- paragraph with a context menu --&gt;
+ *&lt;p data-bind="wjContextMenu: { id: '#idMenu'}" &gt;
+    *  This paragraph has a context menu.&lt;/p&gt;
+    *
+    *&lt;!-- define the context menu (hidden and with an id) --&gt;
+    * &lt;div id="contextmenu" data-bind="wjMenu: { header: 'File', itemClicked: menuItemClicked}"&gt;
+    *     &lt;span data-bind="wjMenuItem: {}"&gt;New&lt;/span&gt;
+    *     &lt;span data-bind="wjMenuItem: {}"&gt;open an existing file or folder&lt;/span&gt;
+    *     &lt;span data-bind="wjMenuItem: {}"&gt;save the current file&lt;/span&gt;
+    *     &lt;span data-bind="wjMenuSeparator: {}"&gt;&lt;/span&gt;
+    *     &lt;span data-bind="wjMenuItem: {}"&gt;exit the application&lt;/span&gt;
+    * &lt;/div&gt;</pre>
+    */
+export declare class wjContextMenu extends WjBinding {
+    _getMetaDataId(): any;
+    _createControl(element: any): any;
+    _createWijmoContext(): WjContext;
+}
+export declare class WjContextMenuContext extends WjContext {
+    _initControl(): void;
+}
+/**
+ * KnockoutJS binding for the {@link InputDate} control.
+ *
+ * Use the {@link wjInputDate} binding to add {@link InputDate} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is an InputDate control:&lt;/p&gt;
+ * &lt;div data-bind="wjInputDate: {
+ *   value: theDate,
+ *   format: 'M/d/yyyy' }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjInputDate</b> binding supports all read-write properties and events of
+ * the {@link InputDate} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>isDroppedDown</b></li>
+ * 	<li><b>text</b></li>
+ * 	<li><b>value</b></li>
+ * </ul>
+ */
+export declare class wjInputDate extends WjDropDownBinding {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link InputDateTime} control.
+ *
+ * Use the {@link wjInputDateTime} binding to add {@link InputDateTime} controls to your
+ * KnockoutJS applications.
+ *
+ * The <b>wjInputDateTime</b> binding supports all read-write properties and events of
+ * the {@link InputDateTime} control.
+ */
+export declare class wjInputDateTime extends WjBinding {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link InputNumber} control.
+ *
+ * Use the {@link wjInputNumber} binding to add {@link InputNumber} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is an InputNumber control:&lt;/p&gt;
+ * &lt;div data-bind="wjInputNumber: {
+ *   value: theNumber,
+ *   min: 0,
+ *   max: 10,
+ *   format: 'n0',
+ *   placeholder: 'number between zero and ten' }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjInputNumber</b> binding supports all read-write properties and events of
+ * the {@link InputNumber} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>value</b></li>
+ * 	<li><b>text</b></li>
+ * </ul>
+ */
+export declare class wjInputNumber extends WjBinding {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link InputMask} control.
+ *
+ * Use the {@link wjInputMask} binding to add {@link InputMask} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is an InputMask control:&lt;/p&gt;
+ * &lt;div data-bind="wjInputMask: {
+ *   mask: '99/99/99',
+ *   promptChar: '*' }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjInputMask</b> binding supports all read-write properties and events of
+ * the {@link InputMask} control. The <b>value</b> property provides two-way binding mode.
+ */
+export declare class wjInputMask extends WjBinding {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link InputTime} control.
+ *
+ * Use the {@link wjInputTime} binding to add {@link InputTime} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is an InputTime control:&lt;/p&gt;
+ * &lt;div data-bind="wjInputTime: {
+ *   min: new Date(2014, 8, 1, 9, 0),
+ *   max: new Date(2014, 8, 1, 17, 0),
+ *   step: 15,
+ *   format: 'h:mm tt',
+ *   value: theDate }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjInputTime</b> binding supports all read-write properties and events of
+ * the {@link InputTime} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>isDroppedDown</b></li>
+ * 	<li><b>text</b></li>
+ * 	<li><b>selectedIndex</b></li>
+ * 	<li><b>selectedItem</b></li>
+ * 	<li><b>selectedValue</b></li>
+ *  <li><b>value</b></li>
+ * </ul>
+ */
+export declare class wjInputTime extends wjComboBox {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link InputColor} control.
+ *
+ * Use the {@link wjInputColor} binding to add {@link InputColor} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is a InputColor control:&lt;/p&gt;
+ * &lt;div
+ *   data-bind="wjInputColor: { value: theColor }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjInputColor</b> binding supports all read-write properties and events of
+ * the {@link InputColor} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>isDroppedDown</b></li>
+ * 	<li><b>text</b></li>
+ * 	<li><b>value</b></li>
+ * </ul>
+ */
+export declare class wjInputColor extends WjDropDownBinding {
+    _getControlConstructor(): any;
+}
+export declare class WjCollectionViewBaseBinding extends WjBinding {
+    _createControl(element: any): any;
+    _createWijmoContext(): WjContext;
+    _getTemplate(): string;
+}
+export declare class WjCollectionViewContext extends WjContext {
+    private _localVM;
+    private _emptyCV;
+    init(element: any, valueAccessor: () => any, allBindings: any, viewModel: any, bindingContext: any): any;
+    update(element: any, valueAccessor: () => any, allBindings: any, viewModel: any, bindingContext: any): void;
+    private _subscribeToCV;
+    private _unsubscribeFromCV;
+    private _forceBindingsUpdate;
+}
+/**
+ * KnockoutJS binding for an {@link ICollectionView} pager element.
+ *
+ * Use the {@link wjCollectionViewPager} directive to add an element that allows users to
+ * navigate through the pages in a paged {@link ICollectionView}. For example:
+ *
+ * <pre>Here is a CollectionViewPager:&lt;/p&gt;
+ * &lt;div
+ *   data-bind="wjCollectionViewPager: { cv: myCollectionView }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The {@link wjCollectionViewPager} directive has a single attribute:
+ *
+ * <dl class="dl-horizontal">
+ *   <dt>cv</dt>  <dd>Reference to the paged {@link ICollectionView} object to navigate.</dd>
+ * </dl>
+ */
+export declare class wjCollectionViewPager extends WjCollectionViewBaseBinding {
+    _getMetaDataId(): any;
+    _getTemplate(): string;
+}
+/**
+ * KnockoutJS binding for an {@link ICollectionView} navigator element.
+ *
+ * Use the {@link wjCollectionViewNavigator} directive to add an element that allows users to
+ * navigate through the items in an {@link ICollectionView}. For example:
+ *
+ * <pre>Here is a CollectionViewNavigator:&lt;/p&gt;
+ * &lt;div
+ *   data-bind="wjCollectionViewNavigator: { cv: myCollectionView }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The {@link wjCollectionViewNavigator} directive has a single attribute:
+ *
+ * <dl class="dl-horizontal">
+ *   <dt>cv</dt>  <dd>Reference to the {@link ICollectionView} object to navigate.</dd>
+ * </dl>
+ */
+export declare class wjCollectionViewNavigator extends WjCollectionViewBaseBinding {
+    _getMetaDataId(): any;
+    _getTemplate(): string;
+}
+/**
+ * KnockoutJS binding for the {@link MultiSelect} control.
+ *
+ * Use the {@link wjMultiSelect} binding to add {@link MultiSelect} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is a MultiSelect control:&lt;/p&gt;
+ * &lt;div data-bind="MultiSelect: {
+ *   itemsSource: countries,
+ *   isEditable: false,
+ *   headerFormat: '{count} countries selected' }"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjMultiSelect</b> binding supports all read-write properties and events of
+ * the {@link MultiSelect} control. The following properties provide two-way binding mode:
+ * <ul>
+ * 	<li><b>isDroppedDown</b></li>
+ * 	<li><b>text</b></li>
+ * 	<li><b>selectedIndex</b></li>
+ * 	<li><b>selectedItem</b></li>
+ * 	<li><b>selectedValue</b></li>
+ * </ul>
+ */
+export declare class wjMultiSelect extends wjComboBox {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link MultiAutoComplete} control.
+ *
+ * Use the {@link wjMultiAutoComplete} binding to add {@link MultiAutoComplete} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is a MultiAutoComplete control:&lt;/p&gt;
+ * &lt;div data-bind="MultiAutoComplete: {
+ *   itemsSource: countries,
+ *   maxSelectedItems: 4,}"&gt;
+ * &lt;/div&gt;</pre>
+ *
+ * The <b>wjMultiAutoComplete</b> binding supports all read-write properties and events of
+ * the {@link MultiAutoComplete} control.
+ */
+export declare class wjMultiAutoComplete extends wjAutoComplete {
+    _getControlConstructor(): any;
+}
+/**
+ * KnockoutJS binding for the {@link Popup} control.
+ *
+ * Use the {@link wjPopup} binding to add {@link Popup} controls to your
+ * KnockoutJS applications. For example:
+ *
+ * <pre>&lt;p&gt;Here is a Popup control triggered by a button:&lt;/p&gt;
+ * &lt;button id="btn2" type="button"&gt;
+ *     Click to show Popup
+ * &lt;/button&gt;
+ *  &lt;div class="popover" data-bind="wjPopup: {
+ *       control: popup,
+ *       owner: '#btn2',
+ *       showTrigger: 'Click',
+ *       hideTrigger: 'Click'}"
+ *  &gt;
+ *	&lt;h3&gt;
+    *		 Salutation
+    *	&lt;/h3&gt;
+    *	 &lt;div class="popover-content"&gt;
+    *	 	    Hello {&#8203;{firstName}} {&#8203;{lastName}}
+    *	 &lt;/div&gt;
+    * &lt;/div&gt;</pre>
+    */
+export declare class wjPopup extends WjBinding {
+    _getControlConstructor(): any;
+    _createWijmoContext(): WjContext;
+    _initialize(): void;
+}
+export declare class WjPopupContext extends WjContext {
+    _initControl(): void;
+    _updateModal(convertedValue: any): void;
+}

package/index.js

@@ -0,0 +1,14 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+
+"use strict";var __extends=this&&this.__extends||function(){var extendStatics=function(t,n){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(t,n)};return function(t,n){extendStatics(t,n);function __(){this.constructor=t}t.prototype=null===n?Object.create(n):(__.prototype=n.prototype,new __)}}(),__importStar=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var e in t)Object.hasOwnProperty.call(t,e)&&(n[e]=t[e]);n.default=t;return n};Object.defineProperty(exports,"__esModule",{value:!0});var wijmo_knockout_base_1=require("@mescius/wijmo.knockout.base"),wijmo_1=require("@mescius/wijmo"),mKo=__importStar(require("knockout")),wjcInput=__importStar(require("@mescius/wijmo.input")),wjKo=mKo,WjDropDownBinding=function(t){__extends(WjDropDownBinding,t);function WjDropDownBinding(){return null!==t&&t.apply(this,arguments)||this}WjDropDownBinding.prototype._getControlConstructor=function(){return wjcInput.DropDown};return WjDropDownBinding}(wijmo_knockout_base_1.WjBinding);exports.WjDropDownBinding=WjDropDownBinding;var wjComboBox=function(t){__extends(wjComboBox,t);function wjComboBox(){return null!==t&&t.apply(this,arguments)||this}wjComboBox.prototype._getControlConstructor=function(){return wjcInput.ComboBox};return wjComboBox}(WjDropDownBinding);exports.wjComboBox=wjComboBox;var wjAutoComplete=function(t){__extends(wjAutoComplete,t);function wjAutoComplete(){return null!==t&&t.apply(this,arguments)||this}wjAutoComplete.prototype._getControlConstructor=function(){return wjcInput.AutoComplete};return wjAutoComplete}(wjComboBox);exports.wjAutoComplete=wjAutoComplete;var wjCalendar=function(t){__extends(wjCalendar,t);function wjCalendar(){return null!==t&&t.apply(this,arguments)||this}wjCalendar.prototype._getControlConstructor=function(){return wjcInput.Calendar};return wjCalendar}(wijmo_knockout_base_1.WjBinding);exports.wjCalendar=wjCalendar;var wjColorPicker=function(t){__extends(wjColorPicker,t);function wjColorPicker(){return null!==t&&t.apply(this,arguments)||this}wjColorPicker.prototype._getControlConstructor=function(){return wjcInput.ColorPicker};return wjColorPicker}(wijmo_knockout_base_1.WjBinding);exports.wjColorPicker=wjColorPicker;var wjListBox=function(t){__extends(wjListBox,t);function wjListBox(){return null!==t&&t.apply(this,arguments)||this}wjListBox.prototype._getControlConstructor=function(){return wjcInput.ListBox};return wjListBox}(wijmo_knockout_base_1.WjBinding);exports.wjListBox=wjListBox;var wjMenu=function(t){__extends(wjMenu,t);function wjMenu(){return null!==t&&t.apply(this,arguments)||this}wjMenu.prototype._getControlConstructor=function(){return wjcInput.Menu};wjMenu.prototype._createWijmoContext=function(){return new WjMenuContext(this)};wjMenu.prototype._initialize=function(){t.prototype._initialize.call(this);wijmo_knockout_base_1.MetaFactory.findProp("value",this._metaData.props).updateControl=this._updateControlValue};wjMenu.prototype._updateControlValue=function(t,n,e,o,i){if(null!=i){e.selectedValue=i;t._updateHeader()}return!0};return wjMenu}(wjComboBox);exports.wjMenu=wjMenu;var WjMenuContext=function(t){__extends(WjMenuContext,t);function WjMenuContext(){return null!==t&&t.apply(this,arguments)||this}WjMenuContext.prototype._initControl=function(){var n=this;t.prototype._initControl.call(this);var e=this.control;e.displayMemberPath="header";e.commandPath="cmd";e.commandParameterPath="cmdParam";e.selectedValuePath="value";e.itemsSource=new wijmo_1.ObservableArray;e.itemClicked.addHandler((function(){n._safeUpdateSrcAttr("value",e.selectedValue);n._updateHeader()}))};WjMenuContext.prototype._childrenInitialized=function(){t.prototype._childrenInitialized.call(this);this.control.selectedIndex=0;this._updateHeader()};WjMenuContext.prototype._updateHeader=function(){var t=this.control,n=this.valueAccessor(),e=wjKo.unwrap(n.header);if(void 0!==wjKo.unwrap(n.value)&&t.selectedItem&&t.displayMemberPath){var o=t.selectedItem[t.displayMemberPath];null!=o&&(e+=": <b>"+o+"</b>")}t.header=e};return WjMenuContext}(wijmo_knockout_base_1.WjContext);exports.WjMenuContext=WjMenuContext;var wjMenuItem=function(t){__extends(wjMenuItem,t);function wjMenuItem(){return null!==t&&t.apply(this,arguments)||this}wjMenuItem.prototype._getMetaDataId=function(){return"MenuItem"};wjMenuItem.prototype._createWijmoContext=function(){return new WjMenuItemContext(this)};wjMenuItem.prototype._initialize=function(){t.prototype._initialize.call(this);var n=this._metaData;n.parentProperty="itemsSource";n.isParentPropertyArray=!0};return wjMenuItem}(wijmo_knockout_base_1.WjBinding);exports.wjMenuItem=wjMenuItem;var WjMenuItemContext=function(t){__extends(WjMenuItemContext,t);function WjMenuItemContext(){return null!==t&&t.apply(this,arguments)||this}WjMenuItemContext.prototype._createControl=function(){return{header:this.element.innerHTML,cmd:null,cmdParam:null,value:null}};return WjMenuItemContext}(wijmo_knockout_base_1.WjContext);exports.WjMenuItemContext=WjMenuItemContext;var wjMenuSeparator=function(t){__extends(wjMenuSeparator,t);function wjMenuSeparator(){return null!==t&&t.apply(this,arguments)||this}wjMenuSeparator.prototype._getMetaDataId=function(){return"MenuSeparator"};wjMenuSeparator.prototype._initialize=function(){t.prototype._initialize.call(this);var n=this._metaData;n.parentProperty="itemsSource";n.isParentPropertyArray=!0};wjMenuSeparator.prototype._createControl=function(t){return{header:'<div class="wj-state-disabled" style="width:100%;height:1px;background-color:lightgray"></div>'}};return wjMenuSeparator}(wijmo_knockout_base_1.WjBinding);exports.wjMenuSeparator=wjMenuSeparator;var wjContextMenu=function(t){__extends(wjContextMenu,t);function wjContextMenu(){return null!==t&&t.apply(this,arguments)||this}wjContextMenu.prototype._getMetaDataId=function(){return"ContextMenu"};wjContextMenu.prototype._createControl=function(t){return null};wjContextMenu.prototype._createWijmoContext=function(){return new WjContextMenuContext(this)};return wjContextMenu}(wijmo_knockout_base_1.WjBinding);exports.wjContextMenu=wjContextMenu;var WjContextMenuContext=function(t){__extends(WjContextMenuContext,t);function WjContextMenuContext(){return null!==t&&t.apply(this,arguments)||this}WjContextMenuContext.prototype._initControl=function(){t.prototype._initControl.call(this);var n=this.valueAccessor(),e=wijmo_1.getElement(n.id);this.element.addEventListener("contextmenu",(function(t){var n=wijmo_1.Control.getControl(e),o=n.dropDown;if(n&&o&&!wijmo_1.closest(t.target,"[disabled]")){t.preventDefault();n.owner=this.element;n.selectedIndex=-1;if(n.onIsDroppedDownChanging(new wijmo_1.CancelEventArgs)){wijmo_1.showPopup(o,t);n.onIsDroppedDownChanged();o.focus()}}}))};return WjContextMenuContext}(wijmo_knockout_base_1.WjContext);exports.WjContextMenuContext=WjContextMenuContext;var wjInputDate=function(t){__extends(wjInputDate,t);function wjInputDate(){return null!==t&&t.apply(this,arguments)||this}wjInputDate.prototype._getControlConstructor=function(){return wjcInput.InputDate};return wjInputDate}(WjDropDownBinding);exports.wjInputDate=wjInputDate;var wjInputDateTime=function(t){__extends(wjInputDateTime,t);function wjInputDateTime(){return null!==t&&t.apply(this,arguments)||this}wjInputDateTime.prototype._getControlConstructor=function(){return wjcInput.InputDateTime};return wjInputDateTime}(wijmo_knockout_base_1.WjBinding);exports.wjInputDateTime=wjInputDateTime;var wjInputNumber=function(t){__extends(wjInputNumber,t);function wjInputNumber(){return null!==t&&t.apply(this,arguments)||this}wjInputNumber.prototype._getControlConstructor=function(){return wjcInput.InputNumber};return wjInputNumber}(wijmo_knockout_base_1.WjBinding);exports.wjInputNumber=wjInputNumber;var wjInputMask=function(t){__extends(wjInputMask,t);function wjInputMask(){return null!==t&&t.apply(this,arguments)||this}wjInputMask.prototype._getControlConstructor=function(){return wjcInput.InputMask};return wjInputMask}(wijmo_knockout_base_1.WjBinding);exports.wjInputMask=wjInputMask;var wjInputTime=function(t){__extends(wjInputTime,t);function wjInputTime(){return null!==t&&t.apply(this,arguments)||this}wjInputTime.prototype._getControlConstructor=function(){return wjcInput.InputTime};return wjInputTime}(wjComboBox);exports.wjInputTime=wjInputTime;var wjInputColor=function(t){__extends(wjInputColor,t);function wjInputColor(){return null!==t&&t.apply(this,arguments)||this}wjInputColor.prototype._getControlConstructor=function(){return wjcInput.InputColor};return wjInputColor}(WjDropDownBinding);exports.wjInputColor=wjInputColor;var WjCollectionViewBaseBinding=function(t){__extends(WjCollectionViewBaseBinding,t);function WjCollectionViewBaseBinding(){return null!==t&&t.apply(this,arguments)||this}WjCollectionViewBaseBinding.prototype._createControl=function(t){return null};WjCollectionViewBaseBinding.prototype._createWijmoContext=function(){return new WjCollectionViewContext(this)};WjCollectionViewBaseBinding.prototype._getTemplate=function(){return""};return WjCollectionViewBaseBinding}(wijmo_knockout_base_1.WjBinding);exports.WjCollectionViewBaseBinding=WjCollectionViewBaseBinding;var WjCollectionViewContext=function(t){__extends(WjCollectionViewContext,t);function WjCollectionViewContext(){var n=null!==t&&t.apply(this,arguments)||this;n._emptyCV=new wijmo_1.CollectionView([]);return n}WjCollectionViewContext.prototype.init=function(t,n,e,o,i){t.innerHTML=this.wjBinding._getTemplate();var r=wjKo.unwrap(n().cv)||this._emptyCV;this._subscribeToCV(r);this._localVM={cv:wjKo.observable(r)};var u=i.createChildContext(this._localVM);wjKo.applyBindingsToDescendants(u,t);return{controlsDescendantBindings:!0}};WjCollectionViewContext.prototype.update=function(t,n,e,o,i){var r=wjKo.unwrap(n().cv)||this._emptyCV,u=wjKo.unwrap(this._localVM.cv);if(r!==u){this._unsubscribeFromCV(u);this._subscribeToCV(r);this._localVM.cv(r)}};WjCollectionViewContext.prototype._subscribeToCV=function(t){if(t){t.collectionChanged.addHandler(this._forceBindingsUpdate,this);t.currentChanged.addHandler(this._forceBindingsUpdate,this);t.pageChanged.addHandler(this._forceBindingsUpdate,this)}};WjCollectionViewContext.prototype._unsubscribeFromCV=function(t){if(t){t.collectionChanged.removeHandler(this._forceBindingsUpdate,this);t.currentChanged.removeHandler(this._forceBindingsUpdate,this);t.pageChanged.removeHandler(this._forceBindingsUpdate,this)}};WjCollectionViewContext.prototype._forceBindingsUpdate=function(t,n){this._localVM.cv.valueHasMutated()};return WjCollectionViewContext}(wijmo_knockout_base_1.WjContext);exports.WjCollectionViewContext=WjCollectionViewContext;var wjCollectionViewPager=function(t){__extends(wjCollectionViewPager,t);function wjCollectionViewPager(){return null!==t&&t.apply(this,arguments)||this}wjCollectionViewPager.prototype._getMetaDataId=function(){return"CollectionViewPager"};wjCollectionViewPager.prototype._getTemplate=function(){return'<div class="wj-control wj-content wj-pager">    <div class="wj-input-group">        <span class="wj-input-group-btn" >            <button class="wj-btn wj-btn-default" type="button"               data-bind="click: function () { cv().moveToFirstPage() },               disable: cv().pageIndex <= 0">                <span class="wj-glyph-left" style="margin-right: -4px;"></span>                <span class="wj-glyph-left"></span>            </button>        </span>        <span class="wj-input-group-btn" >           <button class="wj-btn wj-btn-default" type="button"               data-bind="click: function () { cv().moveToPreviousPage() },               disable: cv().pageIndex <= 0">                <span class="wj-glyph-left"></span>            </button>        </span>        <input type="text" class="wj-form-control" data-bind="            value: cv().pageIndex + 1 + \' / \' + cv().pageCount        " disabled />        <span class="wj-input-group-btn" >            <button class="wj-btn wj-btn-default" type="button"               data-bind="click: function () { cv().moveToNextPage() },               disable: cv().pageIndex >= cv().pageCount - 1">                <span class="wj-glyph-right"></span>            </button>        </span>        <span class="wj-input-group-btn" >            <button class="wj-btn wj-btn-default" type="button"               data-bind="click: function () { cv().moveToLastPage() },               disable: cv().pageIndex >= cv().pageCount - 1">                <span class="wj-glyph-right"></span>                <span class="wj-glyph-right" style="margin-left: -4px;"></span>            </button>        </span>    </div></div>'};return wjCollectionViewPager}(WjCollectionViewBaseBinding);exports.wjCollectionViewPager=wjCollectionViewPager;var wjCollectionViewNavigator=function(t){__extends(wjCollectionViewNavigator,t);function wjCollectionViewNavigator(){return null!==t&&t.apply(this,arguments)||this}wjCollectionViewNavigator.prototype._getMetaDataId=function(){return"CollectionViewNavigator"};wjCollectionViewNavigator.prototype._getTemplate=function(){return'<div class="wj-control wj-content wj-pager">    <div class="wj-input-group">        <span class="wj-input-group-btn" >            <button class="wj-btn wj-btn-default" type="button"               data-bind="click: function () { cv().moveCurrentToFirst() },               disable: cv().currentPosition <= 0">                <span class="wj-glyph-left" style="margin-right: -4px;"></span>                <span class="wj-glyph-left"></span>            </button>        </span>        <span class="wj-input-group-btn" >           <button class="wj-btn wj-btn-default" type="button"               data-bind="click: function () { cv().moveCurrentToPrevious() },               disable: cv().currentPosition <= 0">                <span class="wj-glyph-left"></span>            </button>        </span>        <input type="text" class="wj-form-control" data-bind="            value: cv().currentPosition + 1 + \' / \' + cv().itemCount        " disabled />        <span class="wj-input-group-btn" >            <button class="wj-btn wj-btn-default" type="button"               data-bind="click: function () { cv().moveCurrentToNext() },               disable: cv().currentPosition >= cv().itemCount - 1">                <span class="wj-glyph-right"></span>            </button>        </span>        <span class="wj-input-group-btn" >            <button class="wj-btn wj-btn-default" type="button"               data-bind="click: function () { cv().moveCurrentToLast() },               disable: cv().currentPosition >= cv().itemCount - 1">                <span class="wj-glyph-right"></span>                <span class="wj-glyph-right" style="margin-left: -4px;"></span>            </button>        </span>    </div></div>'};return wjCollectionViewNavigator}(WjCollectionViewBaseBinding);exports.wjCollectionViewNavigator=wjCollectionViewNavigator;var wjMultiSelect=function(t){__extends(wjMultiSelect,t);function wjMultiSelect(){return null!==t&&t.apply(this,arguments)||this}wjMultiSelect.prototype._getControlConstructor=function(){return wjcInput.MultiSelect};return wjMultiSelect}(wjComboBox);exports.wjMultiSelect=wjMultiSelect;var wjMultiAutoComplete=function(t){__extends(wjMultiAutoComplete,t);function wjMultiAutoComplete(){return null!==t&&t.apply(this,arguments)||this}wjMultiAutoComplete.prototype._getControlConstructor=function(){return wjcInput.MultiAutoComplete};return wjMultiAutoComplete}(wjAutoComplete);exports.wjMultiAutoComplete=wjMultiAutoComplete;var wjPopup=function(t){__extends(wjPopup,t);function wjPopup(){return null!==t&&t.apply(this,arguments)||this}wjPopup.prototype._getControlConstructor=function(){return wjcInput.Popup};wjPopup.prototype._createWijmoContext=function(){return new WjPopupContext(this)};wjPopup.prototype._initialize=function(){t.prototype._initialize.call(this);wijmo_knockout_base_1.MetaFactory.findProp("owner",this._metaData.props).updateControl=function(t,n,e,o,i){e.owner=i;t._updateModal(i);return!0}};return wjPopup}(wijmo_knockout_base_1.WjBinding);exports.wjPopup=wjPopup;var WjPopupContext=function(t){__extends(WjPopupContext,t);function WjPopupContext(){return null!==t&&t.apply(this,arguments)||this}WjPopupContext.prototype._initControl=function(){t.prototype._initControl.call(this);this.control.removeOnHide=!1};WjPopupContext.prototype._updateModal=function(t){var n=this.valueAccessor(),e=this.control;null==wjKo.unwrap(n.modal)&&(e.modal=!t)};return WjPopupContext}(wijmo_knockout_base_1.WjContext);exports.WjPopupContext=WjPopupContext;wjKo.bindingHandlers.wjComboBox=new wjComboBox;wjKo.bindingHandlers.wjAutoComplete=new wjAutoComplete;wjKo.bindingHandlers.wjCalendar=new wjCalendar;wjKo.bindingHandlers.wjColorPicker=new wjColorPicker;wjKo.bindingHandlers.wjListBox=new wjListBox;wjKo.bindingHandlers.wjMenu=new wjMenu;wjKo.bindingHandlers.wjMenuItem=new wjMenuItem;wjKo.bindingHandlers.wjMenuSeparator=new wjMenuSeparator;wjKo.bindingHandlers.wjContextMenu=new wjContextMenu;wjKo.bindingHandlers.wjInputDate=new wjInputDate;wjKo.bindingHandlers.wjInputDateTime=new wjInputDateTime;wjKo.bindingHandlers.wjInputNumber=new wjInputNumber;wjKo.bindingHandlers.wjInputMask=new wjInputMask;wjKo.bindingHandlers.wjInputTime=new wjInputTime;wjKo.bindingHandlers.wjInputColor=new wjInputColor;wjKo.bindingHandlers.wjCollectionViewNavigator=new wjCollectionViewNavigator;wjKo.bindingHandlers.wjCollectionViewPager=new wjCollectionViewPager;wjKo.bindingHandlers.wjMultiSelect=new wjMultiSelect;wjKo.bindingHandlers.wjMultiAutoComplete=new wjMultiAutoComplete;wjKo.bindingHandlers.wjPopup=new wjPopup;

package/package.json

@@ -0,0 +1,46 @@
+{
+    "name": "@mescius/wijmo.knockout.input",
+    "version": "5.20232.939",
+    "description": "UI library for pure JS, Angular, React, Vue and more...",
+    "author": "MESCIUS inc",
+    "license": "Commercial",
+    "main": "./index.js",
+    "types": "./index.d.ts",
+    "dependencies": {
+        "@mescius/wijmo": "5.20232.939",
+        "@mescius/wijmo.input": "5.20232.939",
+        "@mescius/wijmo.knockout.base": "5.20232.939"
+    },
+    "homepage": "https://developer.mescius.com/wijmo",
+    "bugs": {
+        "url": "https://developer.mescius.com/forums/wijmo"
+    },
+    "keywords": [
+        "control",
+        "component",
+        "ui",
+        "control library",
+        "component library",
+        "ui library",
+        "control-library",
+        "component-library",
+        "ui-library",
+        "grid",
+        "data grid",
+        "data-grid",
+        "datagrid",
+        "angular grid",
+        "react grid",
+        "vue grid",
+        "angular-grid",
+        "react-grid",
+        "vue-grid"
+    ],
+    "module": "./es5-esm.js",
+    "esm5": "./es5-esm.js",
+    "wj-esm5": "./es5-esm.js",
+    "es2015Cjs": "./es2015-commonjs.js",
+    "wj-es2015Cjs": "./es2015-commonjs.js",
+    "esm2015": "./es2015-esm.js",
+    "wj-esm2015": "./es2015-esm.js"
+}