@syncfusion/ej2-lists 19.2.49 → 19.3.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +1 -1
- package/CHANGELOG.md +16 -0
- package/dist/ej2-lists.umd.min.js +2 -2
- package/dist/ej2-lists.umd.min.js.map +1 -1
- package/dist/es6/ej2-lists.es2015.js +243 -685
- package/dist/es6/ej2-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-lists.es5.js +243 -688
- package/dist/es6/ej2-lists.es5.js.map +1 -1
- package/dist/global/ej2-lists.min.js +2 -2
- package/dist/global/ej2-lists.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +8 -8
- package/src/common/list-base.d.ts +1 -16
- package/src/common/list-base.js +19 -12
- package/src/list-view/list-view-model.d.ts +1 -6
- package/src/list-view/list-view.d.ts +3 -19
- package/src/list-view/list-view.js +163 -460
- package/src/list-view/virtualization.js +56 -204
- package/src/sortable/sortable-model.d.ts +1 -1
- package/src/sortable/sortable.js +3 -9
- package/styles/bootstrap5-dark.css +533 -0
- package/styles/bootstrap5-dark.scss +2 -0
- package/styles/bootstrap5.css +533 -0
- package/styles/bootstrap5.scss +2 -0
- package/styles/list-view/_bootstrap5-dark-definition.scss +1 -0
- package/styles/list-view/_bootstrap5-definition.scss +129 -0
- package/styles/list-view/_layout.scss +26 -26
- package/styles/list-view/_tailwind-dark-definition.scss +1 -116
- package/styles/list-view/_tailwind-definition.scss +33 -29
- package/styles/list-view/_theme.scss +35 -10
- package/styles/list-view/bootstrap5-dark.css +506 -0
- package/styles/list-view/bootstrap5-dark.scss +5 -0
- package/styles/list-view/bootstrap5.css +506 -0
- package/styles/list-view/bootstrap5.scss +5 -0
- package/styles/list-view/icons/_bootstrap5-dark.scss +1 -0
- package/styles/list-view/icons/_bootstrap5.scss +8 -0
- package/styles/list-view/material-dark.css +1 -1
- package/styles/material-dark.css +1 -1
- package/styles/sortable/bootstrap5-dark.css +26 -0
- package/styles/sortable/bootstrap5-dark.scss +2 -0
- package/styles/sortable/bootstrap5.css +26 -0
- package/styles/sortable/bootstrap5.scss +2 -0
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 19.
|
|
3
|
+
* version : 19.3.44
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-lists@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-lists@
|
|
3
|
+
"_id": "@syncfusion/ej2-lists@18.10.11",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-X3KVK1XlSJ8y8D0fistyDpP0zL8xgvCF/b2SJmBppbAO5BC+bYdzX/DX4Wfnz/EO3sDEilVoIMtccoQ0Oav4OQ==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-lists",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"/@syncfusion/ej2-schedule",
|
|
35
35
|
"/@syncfusion/ej2-vue-lists"
|
|
36
36
|
],
|
|
37
|
-
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-lists/-/ej2-lists-
|
|
38
|
-
"_shasum": "
|
|
37
|
+
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-lists/-/ej2-lists-18.10.11.tgz",
|
|
38
|
+
"_shasum": "300f40cca3f78416be591b1434c15a1ee02df655",
|
|
39
39
|
"_spec": "@syncfusion/ej2-lists@*",
|
|
40
40
|
"_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
|
|
41
41
|
"author": {
|
|
@@ -43,9 +43,9 @@
|
|
|
43
43
|
},
|
|
44
44
|
"bundleDependencies": false,
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@syncfusion/ej2-base": "~19.
|
|
47
|
-
"@syncfusion/ej2-buttons": "~19.
|
|
48
|
-
"@syncfusion/ej2-data": "~19.
|
|
46
|
+
"@syncfusion/ej2-base": "~19.3.43",
|
|
47
|
+
"@syncfusion/ej2-buttons": "~19.3.44",
|
|
48
|
+
"@syncfusion/ej2-data": "~19.3.44"
|
|
49
49
|
},
|
|
50
50
|
"deprecated": false,
|
|
51
51
|
"description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
|
|
@@ -85,6 +85,6 @@
|
|
|
85
85
|
"url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
|
|
86
86
|
},
|
|
87
87
|
"typings": "index.d.ts",
|
|
88
|
-
"version": "19.
|
|
88
|
+
"version": "19.3.44",
|
|
89
89
|
"sideEffects": false
|
|
90
90
|
}
|
|
@@ -253,25 +253,14 @@ export interface FieldsMapping {
|
|
|
253
253
|
expanded?: string;
|
|
254
254
|
selected?: string;
|
|
255
255
|
iconCss?: string;
|
|
256
|
-
/**
|
|
257
|
-
* @blazorType object
|
|
258
|
-
*/
|
|
259
256
|
child?: string;
|
|
260
257
|
tooltip?: string;
|
|
261
258
|
hasChildren?: string;
|
|
262
|
-
/**
|
|
263
|
-
* @blazorType object
|
|
264
|
-
*/
|
|
265
259
|
htmlAttributes?: string;
|
|
266
|
-
/**
|
|
267
|
-
* @blazorType object
|
|
268
|
-
*/
|
|
269
260
|
urlAttributes?: string;
|
|
270
261
|
imageUrl?: string;
|
|
271
|
-
/**
|
|
272
|
-
* @blazorType object
|
|
273
|
-
*/
|
|
274
262
|
imageAttributes?: string;
|
|
263
|
+
sortBy?: string;
|
|
275
264
|
}
|
|
276
265
|
/**
|
|
277
266
|
* An enum type that denotes the Expand Icon Position. Available options are as follows Right, Left;
|
|
@@ -372,10 +361,6 @@ export interface ListBaseOptions {
|
|
|
372
361
|
* Force template compiler to compile as string template
|
|
373
362
|
*/
|
|
374
363
|
isStringTemplate?: string;
|
|
375
|
-
/**
|
|
376
|
-
* Remove Blazor ID from items
|
|
377
|
-
*/
|
|
378
|
-
removeBlazorID?: boolean;
|
|
379
364
|
/**
|
|
380
365
|
* Defines whether to allow the cross scripting site or not.
|
|
381
366
|
*/
|
package/src/common/list-base.js
CHANGED
|
@@ -52,7 +52,8 @@ export var ListBase;
|
|
|
52
52
|
urlAttributes: 'urlAttributes',
|
|
53
53
|
imageAttributes: 'imageAttributes',
|
|
54
54
|
imageUrl: 'imageUrl',
|
|
55
|
-
groupBy: null
|
|
55
|
+
groupBy: null,
|
|
56
|
+
sortBy: null
|
|
56
57
|
};
|
|
57
58
|
var defaultAriaAttributes = {
|
|
58
59
|
level: 1,
|
|
@@ -586,7 +587,7 @@ export var ListBase;
|
|
|
586
587
|
var curOpt = extend({}, defaultListBaseOptions, options);
|
|
587
588
|
var curFields = extend({}, ListBase.defaultMappedFields, fields);
|
|
588
589
|
// eslint-disable-next-line
|
|
589
|
-
var compiledString =
|
|
590
|
+
var compiledString = compileTemplate(template);
|
|
590
591
|
var liCollection = [];
|
|
591
592
|
var value;
|
|
592
593
|
var id = generateId(); // generate id for drop-down-list option.
|
|
@@ -683,7 +684,7 @@ export var ListBase;
|
|
|
683
684
|
// eslint-disable-next-line
|
|
684
685
|
headerItems, options, componentInstance) {
|
|
685
686
|
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
686
|
-
var compiledString =
|
|
687
|
+
var compiledString = compileTemplate(groupTemplate);
|
|
687
688
|
var curFields = extend({}, ListBase.defaultMappedFields, fields);
|
|
688
689
|
var curOpt = extend({}, defaultListBaseOptions, options);
|
|
689
690
|
var category = curFields.groupBy;
|
|
@@ -868,16 +869,9 @@ export var ListBase;
|
|
|
868
869
|
else {
|
|
869
870
|
li.setAttribute('data-uid', generateId());
|
|
870
871
|
}
|
|
871
|
-
var blazId = 'BlazId';
|
|
872
|
-
if (options && !!options.removeBlazorID
|
|
873
|
-
&& typeof item === 'object'
|
|
874
|
-
// eslint-disable-next-line no-prototype-builtins
|
|
875
|
-
&& item.hasOwnProperty(blazId)) {
|
|
876
|
-
delete item[blazId];
|
|
877
|
-
}
|
|
878
872
|
if (grpLI && options && options.groupTemplate) {
|
|
879
873
|
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
880
|
-
var compiledString =
|
|
874
|
+
var compiledString = compileTemplate(options.groupTemplate);
|
|
881
875
|
// eslint-disable-next-line
|
|
882
876
|
var compiledElement = compiledString(item, componentInstance, 'groupTemplate', curOpt.groupTemplateID, !!curOpt.isStringTemplate, null, li);
|
|
883
877
|
if (compiledElement) {
|
|
@@ -886,7 +880,7 @@ export var ListBase;
|
|
|
886
880
|
}
|
|
887
881
|
else if (!grpLI && options && options.template) {
|
|
888
882
|
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
889
|
-
var compiledString =
|
|
883
|
+
var compiledString = compileTemplate(options.template);
|
|
890
884
|
// eslint-disable-next-line
|
|
891
885
|
var compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
|
|
892
886
|
if (compiledElement) {
|
|
@@ -988,3 +982,16 @@ export function getFieldValues(dataItem, fields) {
|
|
|
988
982
|
}
|
|
989
983
|
return fieldData;
|
|
990
984
|
}
|
|
985
|
+
function compileTemplate(template) {
|
|
986
|
+
if (template) {
|
|
987
|
+
try {
|
|
988
|
+
if (document.querySelector(template)) {
|
|
989
|
+
return compile(document.querySelector(template).innerHTML.trim());
|
|
990
|
+
}
|
|
991
|
+
}
|
|
992
|
+
catch (e) {
|
|
993
|
+
return compile(template);
|
|
994
|
+
}
|
|
995
|
+
}
|
|
996
|
+
return undefined;
|
|
997
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Virtualization } from './virtualization';import { merge, formatUnit, isNullOrUndefined, append, detach, ModuleDeclaration,
|
|
1
|
+
import { Virtualization } from './virtualization';import { merge, formatUnit, isNullOrUndefined, append, detach, ModuleDeclaration, extend } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, prepend, closest, remove } from '@syncfusion/ej2-base';import { Component, EventHandler, BaseEventArgs, Property, Complex, Event } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty } from '@syncfusion/ej2-base';import { KeyboardEventArgs, EmitType, compile, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { Animation, AnimationOptions, Effect, rippleEffect, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { createCheckBox } from '@syncfusion/ej2-buttons';import { ListBase, ListBaseOptions, SortOrder, getFieldValues, FieldsMapping } from '../common/list-base';
|
|
2
2
|
import {AnimationSettings,checkBoxPosition,SelectEventArgs} from "./list-view";
|
|
3
3
|
import {ComponentModel} from '@syncfusion/ej2-base';
|
|
4
4
|
|
|
@@ -133,7 +133,6 @@ export interface ListViewModel extends ComponentModel{
|
|
|
133
133
|
* {% codeBlock src='listview/query/index.md' %}{% endcodeBlock %}
|
|
134
134
|
*
|
|
135
135
|
* @default null
|
|
136
|
-
* @blazorType Data.Query
|
|
137
136
|
*/
|
|
138
137
|
query?: Query;
|
|
139
138
|
|
|
@@ -279,7 +278,6 @@ export interface ListViewModel extends ComponentModel{
|
|
|
279
278
|
* Triggers when we select the list item in the component.
|
|
280
279
|
*
|
|
281
280
|
* @event 'object'
|
|
282
|
-
* @blazorProperty 'Selected'
|
|
283
281
|
*/
|
|
284
282
|
select?: EmitType<SelectEventArgs>;
|
|
285
283
|
|
|
@@ -287,7 +285,6 @@ export interface ListViewModel extends ComponentModel{
|
|
|
287
285
|
* Triggers when every ListView action starts.
|
|
288
286
|
*
|
|
289
287
|
* @event 'object'
|
|
290
|
-
* @blazorProperty 'OnActionBegin'
|
|
291
288
|
*/
|
|
292
289
|
actionBegin?: EmitType<object>;
|
|
293
290
|
|
|
@@ -295,7 +292,6 @@ export interface ListViewModel extends ComponentModel{
|
|
|
295
292
|
* Triggers when every ListView actions completed.
|
|
296
293
|
*
|
|
297
294
|
* @event 'object'
|
|
298
|
-
* @blazorProperty 'OnActionComplete'
|
|
299
295
|
*/
|
|
300
296
|
/* es-lint disable */
|
|
301
297
|
actionComplete?: EmitType<MouseEvent>;
|
|
@@ -305,7 +301,6 @@ export interface ListViewModel extends ComponentModel{
|
|
|
305
301
|
*
|
|
306
302
|
* @event 'object'
|
|
307
303
|
*
|
|
308
|
-
* @blazorProperty 'OnActionFailure'
|
|
309
304
|
*/
|
|
310
305
|
actionFailure?: EmitType<MouseEvent>;
|
|
311
306
|
|
|
@@ -149,13 +149,13 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
|
|
|
149
149
|
private LISTVIEW_GROUPTEMPLATE_ID;
|
|
150
150
|
private LISTVIEW_HEADERTEMPLATE_ID;
|
|
151
151
|
private liElement;
|
|
152
|
-
private itemReRender;
|
|
153
152
|
private virtualCheckBox;
|
|
154
153
|
private liElementHeight;
|
|
155
154
|
private previousSelectedItems;
|
|
156
155
|
private hiddenItems;
|
|
157
156
|
private enabledItems;
|
|
158
157
|
private disabledItems;
|
|
158
|
+
private isOffline;
|
|
159
159
|
/**
|
|
160
160
|
* The `cssClass` property is used to add a user-preferred class name in the root element of the ListView,
|
|
161
161
|
* using which we can customize the component (both CSS and functionality customization)
|
|
@@ -211,7 +211,6 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
|
|
|
211
211
|
* {% codeBlock src='listview/query/index.md' %}{% endcodeBlock %}
|
|
212
212
|
*
|
|
213
213
|
* @default null
|
|
214
|
-
* @blazorType Data.Query
|
|
215
214
|
*/
|
|
216
215
|
query: Query;
|
|
217
216
|
/**
|
|
@@ -342,21 +341,18 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
|
|
|
342
341
|
* Triggers when we select the list item in the component.
|
|
343
342
|
*
|
|
344
343
|
* @event 'object'
|
|
345
|
-
* @blazorProperty 'Selected'
|
|
346
344
|
*/
|
|
347
345
|
select: EmitType<SelectEventArgs>;
|
|
348
346
|
/**
|
|
349
347
|
* Triggers when every ListView action starts.
|
|
350
348
|
*
|
|
351
349
|
* @event 'object'
|
|
352
|
-
* @blazorProperty 'OnActionBegin'
|
|
353
350
|
*/
|
|
354
351
|
actionBegin: EmitType<object>;
|
|
355
352
|
/**
|
|
356
353
|
* Triggers when every ListView actions completed.
|
|
357
354
|
*
|
|
358
355
|
* @event 'object'
|
|
359
|
-
* @blazorProperty 'OnActionComplete'
|
|
360
356
|
*/
|
|
361
357
|
actionComplete: EmitType<MouseEvent>;
|
|
362
358
|
/**
|
|
@@ -364,7 +360,6 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
|
|
|
364
360
|
*
|
|
365
361
|
* @event 'object'
|
|
366
362
|
*
|
|
367
|
-
* @blazorProperty 'OnActionFailure'
|
|
368
363
|
*/
|
|
369
364
|
actionFailure: EmitType<MouseEvent>;
|
|
370
365
|
/**
|
|
@@ -392,7 +387,6 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
|
|
|
392
387
|
private header;
|
|
393
388
|
private switchView;
|
|
394
389
|
protected preRender(): void;
|
|
395
|
-
private updateLiElementHeight;
|
|
396
390
|
private initialization;
|
|
397
391
|
private renderCheckbox;
|
|
398
392
|
private checkInternally;
|
|
@@ -452,17 +446,15 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
|
|
|
452
446
|
private getQuery;
|
|
453
447
|
private setViewDataSource;
|
|
454
448
|
private isInAnimation;
|
|
449
|
+
private renderRemoteLists;
|
|
450
|
+
private triggerActionFailure;
|
|
455
451
|
private setLocalData;
|
|
456
452
|
private reRender;
|
|
457
453
|
private resetCurrentList;
|
|
458
454
|
private setAttributes;
|
|
459
455
|
private createList;
|
|
460
|
-
private resetBlazorTemplates;
|
|
461
|
-
private updateBlazorTemplates;
|
|
462
456
|
private exceptionEvent;
|
|
463
457
|
private UpdateCurrentUL;
|
|
464
|
-
private removeActiveClass;
|
|
465
|
-
private renderingNestedList;
|
|
466
458
|
private renderSubList;
|
|
467
459
|
private renderIntoDom;
|
|
468
460
|
private renderList;
|
|
@@ -471,7 +463,6 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
|
|
|
471
463
|
* Initializes the ListView component rendering.
|
|
472
464
|
*/
|
|
473
465
|
render(): void;
|
|
474
|
-
private initBlazor;
|
|
475
466
|
/**
|
|
476
467
|
* It is used to destroy the ListView component.
|
|
477
468
|
*/
|
|
@@ -498,16 +489,12 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
|
|
|
498
489
|
/**
|
|
499
490
|
* Gets the details of the currently selected item from the list items.
|
|
500
491
|
*
|
|
501
|
-
* @blazorType ListSelectedItem<TValue>
|
|
502
492
|
*/
|
|
503
493
|
getSelectedItems(): SelectedItem | SelectedCollection | UISelectedItem | NestedListData;
|
|
504
|
-
private blazorGetSelectedItems;
|
|
505
|
-
private convertItemsToArray;
|
|
506
494
|
/**
|
|
507
495
|
* Finds out an item details from the current list.
|
|
508
496
|
*
|
|
509
497
|
* @param {Fields | HTMLElement | Element} item - We can pass element Object or Fields as Object with ID and Text fields.
|
|
510
|
-
* @blazorType TValue
|
|
511
498
|
*/
|
|
512
499
|
findItem(item: Fields | HTMLElement | Element): SelectedItem;
|
|
513
500
|
/**
|
|
@@ -546,7 +533,6 @@ export declare class ListView extends Component<HTMLElement> implements INotifyP
|
|
|
546
533
|
*
|
|
547
534
|
* @param {Fields} fields - Target item to add the given data as its children (can be null).
|
|
548
535
|
*
|
|
549
|
-
* @blazorType data|object,fields|object
|
|
550
536
|
*/
|
|
551
537
|
addItem(data: {
|
|
552
538
|
[key: string]: Object;
|
|
@@ -619,7 +605,6 @@ export interface ListSelectedItem {
|
|
|
619
605
|
* Specifies the selected item dataSource collection.
|
|
620
606
|
*
|
|
621
607
|
* @isGenericType true
|
|
622
|
-
* @blazorType List<T>
|
|
623
608
|
*/
|
|
624
609
|
data?: object[];
|
|
625
610
|
/**
|
|
@@ -648,7 +633,6 @@ export interface SelectedItem {
|
|
|
648
633
|
/**
|
|
649
634
|
* It denotes the selected item list element.
|
|
650
635
|
*
|
|
651
|
-
* @blazorType DOM
|
|
652
636
|
*/
|
|
653
637
|
item: HTMLElement | Element;
|
|
654
638
|
/**
|