@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.
Files changed (42) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +16 -0
  3. package/dist/ej2-lists.umd.min.js +2 -2
  4. package/dist/ej2-lists.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-lists.es2015.js +243 -685
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +243 -688
  8. package/dist/es6/ej2-lists.es5.js.map +1 -1
  9. package/dist/global/ej2-lists.min.js +2 -2
  10. package/dist/global/ej2-lists.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/common/list-base.d.ts +1 -16
  14. package/src/common/list-base.js +19 -12
  15. package/src/list-view/list-view-model.d.ts +1 -6
  16. package/src/list-view/list-view.d.ts +3 -19
  17. package/src/list-view/list-view.js +163 -460
  18. package/src/list-view/virtualization.js +56 -204
  19. package/src/sortable/sortable-model.d.ts +1 -1
  20. package/src/sortable/sortable.js +3 -9
  21. package/styles/bootstrap5-dark.css +533 -0
  22. package/styles/bootstrap5-dark.scss +2 -0
  23. package/styles/bootstrap5.css +533 -0
  24. package/styles/bootstrap5.scss +2 -0
  25. package/styles/list-view/_bootstrap5-dark-definition.scss +1 -0
  26. package/styles/list-view/_bootstrap5-definition.scss +129 -0
  27. package/styles/list-view/_layout.scss +26 -26
  28. package/styles/list-view/_tailwind-dark-definition.scss +1 -116
  29. package/styles/list-view/_tailwind-definition.scss +33 -29
  30. package/styles/list-view/_theme.scss +35 -10
  31. package/styles/list-view/bootstrap5-dark.css +506 -0
  32. package/styles/list-view/bootstrap5-dark.scss +5 -0
  33. package/styles/list-view/bootstrap5.css +506 -0
  34. package/styles/list-view/bootstrap5.scss +5 -0
  35. package/styles/list-view/icons/_bootstrap5-dark.scss +1 -0
  36. package/styles/list-view/icons/_bootstrap5.scss +8 -0
  37. package/styles/list-view/material-dark.css +1 -1
  38. package/styles/material-dark.css +1 -1
  39. package/styles/sortable/bootstrap5-dark.css +26 -0
  40. package/styles/sortable/bootstrap5-dark.scss +2 -0
  41. package/styles/sortable/bootstrap5.css +26 -0
  42. package/styles/sortable/bootstrap5.scss +2 -0
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 19.2.49
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@19.2.48",
3
+ "_id": "@syncfusion/ej2-lists@18.10.11",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-iY2kWQ6VIoBl9es07vAzqBP84BBL7rpaY3CHEGHeszU0KC8IJrkTVKuXpGMzeH9zmXdz0ArhYmsbMlBZQToNdQ==",
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-19.2.48.tgz",
38
- "_shasum": "f4eb67a937c84533ca6a5a2287da0388c8f83424",
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.2.49",
47
- "@syncfusion/ej2-buttons": "~19.2.47",
48
- "@syncfusion/ej2-data": "~19.2.48"
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.2.49",
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
  */
@@ -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 = compile(template);
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 = compile(groupTemplate);
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 = compile(options.groupTemplate);
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 = compile(options.template);
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, isBlazor, 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';import { updateBlazorTemplate, resetBlazorTemplate, blazorTemplates } from '@syncfusion/ej2-base';
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
  /**