@syncfusion/ej2-dropdowns - npm Package Compare versions

Comparing version 17.1.47 to 17.1.48

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+### ListBox
+
+#### New Features
+
+- Provided change event for ListBox.
+
 ## 17.1.44 (2019-05-07)
@@ -7,0 +13,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.1.47
+*  version : 17.1.48
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "17.1.47",
+  "version": "17.1.48",
   "description": "Essential JS 2 DropDown Components",
@@ -11,3 +11,3 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.1.47",
+    "@syncfusion/ej2-base": "~17.1.48",
     "@syncfusion/ej2-data": "~17.1.47",
@@ -14,0 +14,0 @@ "@syncfusion/ej2-inputs": "~17.1.47",

src/list-box/list-box-model.d.ts

 import { DropDownBase, dropDownBaseClasses, SelectEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { EventHandler, closest, removeClass, addClass, Complex, Property, ChildProperty, BaseEventArgs, L10n } from '@syncfusion/ej2-base';import { ModuleDeclaration, NotifyPropertyChanges, getComponent, EmitType, Event, extend, detach, attributes } from '@syncfusion/ej2-base';import { getUniqueID, Browser, formatUnit, isNullOrUndefined } from '@syncfusion/ej2-base';import { cssClass, Sortable, moveTo } from '@syncfusion/ej2-lists';import { Button } from '@syncfusion/ej2-buttons';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
-import {SelectionMode,ToolBarPosition,BeforeItemRenderEventArgs,DragEventArgs} from "./list-box";
+import {SelectionMode,ToolBarPosition,BeforeItemRenderEventArgs,ListBoxChangeEventArgs,DragEventArgs} from "./list-box";
 import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";
@@ -107,2 +107,8 @@
     /**
+     * Triggers while select / unselect the list item.
+     * @event
+     */
+    change?: EmitType<ListBoxChangeEventArgs>;
+
+    /**
      * Triggers after dragging the list item.
@@ -109,0 +115,0 @@ * @event

src/list-box/list-box.d.ts

@@ -116,2 +116,7 @@ /// <reference path="../drop-down-base/drop-down-base-model.d.ts" />
     /**
+     * Triggers while select / unselect the list item.
+     * @event
+     */
+    change: EmitType<ListBoxChangeEventArgs>;
+    /**
      * Triggers after dragging the list item.
@@ -314,5 +319,14 @@ * @event
  */
-export interface ListBoxSelectEventArgs {
+export interface ListBoxSelectEventArgs extends BaseEventArgs {
     elements: Element[];
     items: Object[];
 }
+/**
+ * Interface for change event args.
+ */
+export interface ListBoxChangeEventArgs extends BaseEventArgs {
+    elements: Element[];
+    items: Object[];
+    value: number | string | boolean;
+    event: Event;
+}

src/list-box/list-box.js

@@ -425,3 +425,3 @@ var __extends = (this && this.__extends) || (function () {
     };
-    ListBox.prototype.selectAllItems = function (state) {
+    ListBox.prototype.selectAllItems = function (state, event) {
         var _this = this;
@@ -447,3 +447,4 @@ [].slice.call(this.getItems()).forEach(function (li) {
         this.updateSelectedOptions();
-        this.triggerSelectAndChange(this.getSelectedItems(), this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll ?
+        this.triggerSelectAndChange(this.getSelectedItems(), this.getSelectedItems(), event, this.selectionSettings.showCheckbox &&
+            this.selectionSettings.showSelectAll ?
             this.isSelected(this.list.firstElementChild) : state);
@@ -541,10 +542,10 @@ };
             this.updateSelectedOptions();
-            this.triggerSelectAndChange(selectedLi, isSelect);
+            this.triggerSelectAndChange(selectedLi, this.getSelectedItems(), e, isSelect);
         }
     };
-    ListBox.prototype.triggerSelectAndChange = function (selectedLi, isSelect) {
+    ListBox.prototype.triggerSelectAndChange = function (selectedLi, selectedLis, event, isSelect) {
         if (isSelect) {
             this.trigger('select', { elements: selectedLi, items: this.getDataByElems(selectedLi) });
         }
-        this.trigger('change', { value: this.value });
+        this.trigger('change', { elements: selectedLis, items: this.getDataByElems(selectedLis), value: this.value, event: event });
     };
@@ -1079,2 +1080,5 @@ ListBox.prototype.getDataByElems = function (elems) {
         Event()
+    ], ListBox.prototype, "change", void 0);
+    __decorate([
+        Event()
     ], ListBox.prototype, "dragStart", void 0);
@@ -1081,0 +1085,0 @@ __decorate([

No alert changes

Improved metrics

Total package byte prevSize

5645683

0.07%

Lines of code

61283

0.05%

Dependency changes

• Updated

  @syncfusion/ej2-base@~17.1.48