igniteui-webcomponents-layouts 3.2.4 → 3.5.0

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 (90) hide show
  1. package/bundles/igniteui-webcomponents-layouts.umd.js +789 -157
  2. package/bundles/igniteui-webcomponents-layouts.umd.min.js +1 -1
  3. package/esm2015/lib/PropertyEditorPanelView_combined.js +20 -20
  4. package/esm2015/lib/PropertyEditorPropertyDescription_combined.js +84 -58
  5. package/esm2015/lib/PropertyEditorTreeTransformer.js +1 -0
  6. package/esm2015/lib/PropertyEditorValueType.js +2 -1
  7. package/esm2015/lib/ToolActionLabel.js +7 -0
  8. package/esm2015/lib/ToolActionRadio.js +7 -0
  9. package/esm2015/lib/ToolPanelView_combined.js +237 -53
  10. package/esm2015/lib/igc-list-panel-component.js +9 -0
  11. package/esm2015/lib/igc-list-panel-item-model.js +5 -0
  12. package/esm2015/lib/igc-list-panel-template-item-updating-event-args.js +11 -5
  13. package/esm2015/lib/igc-popup-component.js +7 -0
  14. package/esm2015/lib/igc-property-editor-data-source.js +7 -2
  15. package/esm2015/lib/igc-property-editor-description-object.js +5 -0
  16. package/esm2015/lib/igc-property-editor-panel-component.js +5 -0
  17. package/esm2015/lib/igc-property-editor-property-description-component.js +33 -5
  18. package/esm2015/lib/igc-tool-action-checkbox-component.js +14 -0
  19. package/esm2015/lib/igc-tool-action-component.js +21 -0
  20. package/esm2015/lib/igc-tool-action-event-detail.js +12 -6
  21. package/esm2015/lib/igc-tool-action-group-header-component.js +14 -0
  22. package/esm2015/lib/igc-tool-action-icon-button-component.js +14 -0
  23. package/esm2015/lib/igc-tool-action-icon-menu-component.js +14 -0
  24. package/esm2015/lib/igc-tool-action-label-component.js +63 -0
  25. package/esm2015/lib/igc-tool-action-label-module.js +16 -0
  26. package/esm2015/lib/igc-tool-action-menu-base-component.js +14 -0
  27. package/esm2015/lib/igc-tool-action-number-input-component.js +14 -0
  28. package/esm2015/lib/igc-tool-action-performed-event-args.js +11 -5
  29. package/esm2015/lib/igc-tool-action-radio-component.js +69 -0
  30. package/esm2015/lib/igc-tool-action-radio-module.js +16 -0
  31. package/esm2015/lib/igc-tool-action-separator-component.js +14 -0
  32. package/esm2015/lib/igc-tool-panel-component.js +13 -6
  33. package/esm2015/lib/igc-toolbar-component.js +5 -0
  34. package/esm2015/lib/igc-x-expansion-panel-component.js +7 -0
  35. package/esm2015/public_api.js +6 -0
  36. package/esm5/lib/PropertyEditorPanelView_combined.js +20 -20
  37. package/esm5/lib/PropertyEditorPropertyDescription_combined.js +82 -57
  38. package/esm5/lib/PropertyEditorTreeTransformer.js +1 -0
  39. package/esm5/lib/PropertyEditorValueType.js +2 -1
  40. package/esm5/lib/ToolActionLabel.js +7 -0
  41. package/esm5/lib/ToolActionRadio.js +7 -0
  42. package/esm5/lib/ToolPanelView_combined.js +241 -51
  43. package/esm5/lib/igc-list-panel-component.js +9 -0
  44. package/esm5/lib/igc-list-panel-item-model.js +5 -0
  45. package/esm5/lib/igc-list-panel-template-item-updating-event-args.js +11 -5
  46. package/esm5/lib/igc-popup-component.js +7 -0
  47. package/esm5/lib/igc-property-editor-data-source.js +7 -2
  48. package/esm5/lib/igc-property-editor-description-object.js +5 -0
  49. package/esm5/lib/igc-property-editor-panel-component.js +5 -0
  50. package/esm5/lib/igc-property-editor-property-description-component.js +33 -5
  51. package/esm5/lib/igc-tool-action-checkbox-component.js +14 -0
  52. package/esm5/lib/igc-tool-action-component.js +21 -0
  53. package/esm5/lib/igc-tool-action-event-detail.js +12 -6
  54. package/esm5/lib/igc-tool-action-group-header-component.js +14 -0
  55. package/esm5/lib/igc-tool-action-icon-button-component.js +14 -0
  56. package/esm5/lib/igc-tool-action-icon-menu-component.js +14 -0
  57. package/esm5/lib/igc-tool-action-label-component.js +72 -0
  58. package/esm5/lib/igc-tool-action-label-module.js +20 -0
  59. package/esm5/lib/igc-tool-action-menu-base-component.js +14 -0
  60. package/esm5/lib/igc-tool-action-number-input-component.js +14 -0
  61. package/esm5/lib/igc-tool-action-performed-event-args.js +11 -5
  62. package/esm5/lib/igc-tool-action-radio-component.js +82 -0
  63. package/esm5/lib/igc-tool-action-radio-module.js +20 -0
  64. package/esm5/lib/igc-tool-action-separator-component.js +14 -0
  65. package/esm5/lib/igc-tool-panel-component.js +13 -6
  66. package/esm5/lib/igc-toolbar-component.js +5 -0
  67. package/esm5/lib/igc-x-expansion-panel-component.js +7 -0
  68. package/esm5/public_api.js +6 -0
  69. package/fesm2015/igniteui-webcomponents-layouts.js +761 -162
  70. package/fesm5/igniteui-webcomponents-layouts.js +785 -159
  71. package/lib/PropertyEditorPropertyDescription_combined.d.ts +13 -10
  72. package/lib/PropertyEditorValueType.d.ts +2 -1
  73. package/lib/ToolActionLabel.d.ts +1 -0
  74. package/lib/ToolActionRadio.d.ts +1 -0
  75. package/lib/ToolPanelView_combined.d.ts +33 -6
  76. package/lib/igc-property-editor-property-description-component.d.ts +1 -0
  77. package/lib/igc-tool-action-checkbox-component.d.ts +1 -0
  78. package/lib/igc-tool-action-component.d.ts +1 -0
  79. package/lib/igc-tool-action-group-header-component.d.ts +1 -0
  80. package/lib/igc-tool-action-icon-button-component.d.ts +1 -0
  81. package/lib/igc-tool-action-icon-menu-component.d.ts +1 -0
  82. package/lib/igc-tool-action-label-component.d.ts +17 -0
  83. package/lib/igc-tool-action-label-module.d.ts +3 -0
  84. package/lib/igc-tool-action-menu-base-component.d.ts +1 -0
  85. package/lib/igc-tool-action-number-input-component.d.ts +1 -0
  86. package/lib/igc-tool-action-radio-component.d.ts +18 -0
  87. package/lib/igc-tool-action-radio-module.d.ts +3 -0
  88. package/lib/igc-tool-action-separator-component.d.ts +1 -0
  89. package/package.json +3 -3
  90. package/public_api.d.ts +6 -0
@@ -353,11 +353,11 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
353
353
  if (this.k == null) {
354
354
  this.k = new PropertyEditorDataSource();
355
355
  }
356
- this.k.l = this.b2;
356
+ this.k.n = this.b2;
357
357
  }
358
358
  if (this.properties == null || this.properties.count == 0) {
359
- if (this.k.g != null) {
360
- this.actualProperties = this.k.g;
359
+ if (this.k.h != null) {
360
+ this.actualProperties = this.k.h;
361
361
  }
362
362
  }
363
363
  else {
@@ -403,8 +403,8 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
403
403
  this.k.b = this.h;
404
404
  }
405
405
  if (this.properties == null || this.properties.count == 0) {
406
- if (this.k.g != null) {
407
- this.actualProperties = this.k.g;
406
+ if (this.k.h != null) {
407
+ this.actualProperties = this.k.h;
408
408
  }
409
409
  }
410
410
  else {
@@ -495,7 +495,7 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
495
495
  for (let c of fromEnum(this.properties)) {
496
496
  let d = c.al;
497
497
  if (this.k != null) {
498
- let e = this.k.d(d, false);
498
+ let e = this.k.e(d, false);
499
499
  if (e != null) {
500
500
  if (c.p(e)) {
501
501
  b = true;
@@ -530,11 +530,11 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
530
530
  for (let b = 0; b < a; b++) {
531
531
  let c = b;
532
532
  let d = this.c.getItemAtIndex(b);
533
- if (this.v.a3 < c + 1) {
534
- this.v.a5(c, 1, this.ar);
533
+ if (this.v.a5 < c + 1) {
534
+ this.v.a7(c, 1, this.ar);
535
535
  }
536
536
  else {
537
- this.v.bb(c, 1, this.ar);
537
+ this.v.bd(c, 1, this.ar);
538
538
  }
539
539
  if (this.an.count < c + 1) {
540
540
  this.an.add(new List$1(NativeUIComponent.$, 0));
@@ -551,16 +551,16 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
551
551
  }
552
552
  i.ar = new Thickness(1, 5, 5, 5, 0);
553
553
  this.v.aw(i);
554
- this.v.a9(i, c);
555
- this.v.a8(i, f);
554
+ this.v.bb(i, c);
555
+ this.v.ba(i, f);
556
556
  e.add(i);
557
557
  });
558
558
  }
559
- if (this.v.a0 < f + 1) {
560
- this.v.a4(f, 1, g.h);
559
+ if (this.v.a2 < f + 1) {
560
+ this.v.a6(f, 1, g.h);
561
561
  }
562
562
  else {
563
- this.v.ba(f, 1, g.h);
563
+ this.v.bc(f, 1, g.h);
564
564
  }
565
565
  let h = e._inner[f];
566
566
  let i = "PropertyPath";
@@ -586,8 +586,8 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
586
586
  let n = new HashSet$1(NativeUIComponent.$, 0);
587
587
  for (let o = this.v.av - 1; o >= 0; o--) {
588
588
  let p = this.v.au(o);
589
- let q = this.v.a2(p);
590
- let r = this.v.a1(p);
589
+ let q = this.v.a4(p);
590
+ let r = this.v.a3(p);
591
591
  if ((q + 1) > a || (r + 1) > this.ap.count) {
592
592
  n.add_1(p);
593
593
  }
@@ -609,11 +609,11 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
609
609
  this.an.removeAt(u);
610
610
  }
611
611
  }
612
- while (this.v.a3 > a) {
613
- this.v.a7(this.v.a3 - 1);
612
+ while (this.v.a5 > a) {
613
+ this.v.a9(this.v.a5 - 1);
614
614
  }
615
- while (this.v.a0 > this.ap.count) {
616
- this.v.a6(this.v.a0 - 1);
615
+ while (this.v.a2 > this.ap.count) {
616
+ this.v.a8(this.v.a2 - 1);
617
617
  }
618
618
  }
619
619
  dw(a, b) {
@@ -10,6 +10,7 @@ import { PropertyEditorPropertyDescriptionButtonClickEventArgs } from "./Propert
10
10
  import { PropertyEditorPropertyDescriptionChangedEventArgs } from "./PropertyEditorPropertyDescriptionChangedEventArgs";
11
11
  import { PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs } from "./PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs";
12
12
  import { ObservableCollection$1 } from "igniteui-webcomponents-core";
13
+ import { Dictionary$2 } from "igniteui-webcomponents-core";
13
14
  import { List$1 } from "igniteui-webcomponents-core";
14
15
  import { stringEndsWith, stringContains, stringReplace } from "igniteui-webcomponents-core";
15
16
  import { stringSplit } from "igniteui-webcomponents-core";
@@ -235,7 +236,7 @@ export let PropertyEditorPropertyDescription = /*@__PURE__*/ (() => {
235
236
  return this.e;
236
237
  }
237
238
  if (this.e != null) {
238
- return this.e.d(a, false);
239
+ return this.e.e(a, false);
239
240
  }
240
241
  return null;
241
242
  }
@@ -287,18 +288,19 @@ export let PropertyEditorDataSource = /*@__PURE__*/ (() => {
287
288
  class PropertyEditorDataSource extends Base {
288
289
  constructor() {
289
290
  super(...arguments);
290
- this.i = null;
291
+ this.k = null;
291
292
  this.a = null;
292
- this.f = null;
293
+ this.g = null;
293
294
  this.propertyChanged = null;
295
+ this.j = null;
294
296
  }
295
- get l() {
296
- return this.i;
297
+ get n() {
298
+ return this.k;
297
299
  }
298
- set l(a) {
299
- let b = this.i;
300
- this.i = a;
301
- this.n("DescriptionType", b, this.i);
300
+ set n(a) {
301
+ let b = this.k;
302
+ this.k = a;
303
+ this.p("DescriptionType", b, this.k);
302
304
  }
303
305
  get b() {
304
306
  return this.a;
@@ -306,61 +308,69 @@ export let PropertyEditorDataSource = /*@__PURE__*/ (() => {
306
308
  set b(a) {
307
309
  let b = this.a;
308
310
  this.a = a;
309
- this.n("Context", b, this.a);
311
+ this.p("Context", b, this.a);
310
312
  }
311
- get g() {
312
- return this.f;
313
+ get h() {
314
+ return this.g;
313
315
  }
314
- set g(a) {
315
- let b = this.f;
316
- this.f = a;
317
- this.n("Data", b, this.f);
316
+ set h(a) {
317
+ let b = this.g;
318
+ this.g = a;
319
+ this.p("Data", b, this.g);
318
320
  }
319
- n(a, b, c) {
321
+ p(a, b, c) {
320
322
  if (this.propertyChanged != null) {
321
323
  this.propertyChanged(this, new PropertyChangedEventArgs(a));
322
324
  }
323
- this.o(a, b, c);
325
+ this.q(a, b, c);
324
326
  }
325
- o(a, b, c) {
327
+ q(a, b, c) {
326
328
  switch (a) {
327
329
  case "DescriptionType":
328
- this.p();
330
+ this.r();
329
331
  break;
330
332
  case "Context":
331
- this.p();
333
+ this.r();
332
334
  break;
333
335
  }
334
336
  }
335
- e(a) {
337
+ static d(a, b, c) {
338
+ let d = new PropertyEditorDataSource();
339
+ d.j = c;
340
+ d.b = a;
341
+ d.n = b;
342
+ d.j = null;
343
+ return d;
344
+ }
345
+ f(a) {
336
346
  let b = new PropertyEditorPropertyDescription();
337
347
  b.al = a.propertyName;
338
- b.n = this.h(a);
348
+ b.n = this.i(a);
339
349
  b.ak = a.specificExternalType != null ? a.specificExternalType : a.specificType;
340
350
  if (a.knownType == 9) {
341
351
  b.ai = a.collectionElementType;
342
- b.e = ((() => {
343
- let $ret = new PropertyEditorDataSource();
344
- $ret.b = this.a;
345
- $ret.l = b.ai;
346
- return $ret;
347
- })());
352
+ if (this.j != null && this.j.containsKey(b.ai)) {
353
+ b.e = this.j.item(b.ai);
354
+ }
355
+ else {
356
+ b.e = PropertyEditorDataSource.d(this.a, b.ai, this.j);
357
+ }
348
358
  }
349
359
  if (b.n == 8) {
350
- b.e = ((() => {
351
- let $ret = new PropertyEditorDataSource();
352
- $ret.b = this.a;
353
- $ret.l = b.ak;
354
- return $ret;
355
- })());
360
+ if (this.j != null && this.j.containsKey(b.ak)) {
361
+ b.e = this.j.item(b.ak);
362
+ }
363
+ else {
364
+ b.e = PropertyEditorDataSource.d(this.a, b.ak, this.j);
365
+ }
356
366
  }
357
367
  if (b.n == 15) {
358
- b.c = this.a.c(this.l, b.al);
368
+ b.c = this.a.c(this.n, b.al);
359
369
  b.d = b.d;
360
370
  }
361
371
  return b;
362
372
  }
363
- h(a) {
373
+ i(a) {
364
374
  switch (a.knownType) {
365
375
  case 10: return 10;
366
376
  case 7: return 7;
@@ -370,6 +380,7 @@ export let PropertyEditorDataSource = /*@__PURE__*/ (() => {
370
380
  case 5: return 5;
371
381
  case 16: return 14;
372
382
  case 20: return 18;
383
+ case 22: return 22;
373
384
  case 15: return 0;
374
385
  case 3: return 3;
375
386
  case 19: return 17;
@@ -391,31 +402,46 @@ export let PropertyEditorDataSource = /*@__PURE__*/ (() => {
391
402
  }
392
403
  return 0;
393
404
  }
394
- p() {
405
+ r() {
395
406
  let a = new PropertyEditorPropertyDescriptionCollection();
396
- if (this.l != null && this.b != null) {
397
- let b = this.b.b(this.l);
398
- if (b == null) {
407
+ if (this.n != null && this.b != null) {
408
+ let b = false;
409
+ if (this.j == null) {
410
+ b = true;
411
+ this.j = new Dictionary$2(String_$type, PropertyEditorDataSource.$, 0);
412
+ }
413
+ this.j.item(this.n, this);
414
+ let c = this.b.b(this.n);
415
+ if (c == null) {
399
416
  return;
400
417
  }
401
- for (let c = 0; c < b.length; c++) {
402
- if (stringEndsWith(b[c], "@names")) {
418
+ for (let d = 0; d < c.length; d++) {
419
+ if (stringEndsWith(c[d], "@names")) {
420
+ continue;
421
+ }
422
+ if (stringEndsWith(c[d], "@nameBinding")) {
403
423
  continue;
404
424
  }
405
- if (stringEndsWith(b[c], "@nameBinding")) {
425
+ if (stringEndsWith(c[d], "@ngQueryList")) {
406
426
  continue;
407
427
  }
408
- let d = this.b.getMetadata(this.l, b[c]);
409
- let e = this.e(d);
410
- if (e.n == 0) {
428
+ if (stringEndsWith(c[d], "@mustSetInCode")) {
411
429
  continue;
412
430
  }
413
- a.add(e);
431
+ let e = this.b.getMetadata(this.n, c[d]);
432
+ let f = this.f(e);
433
+ if (f.n == 0) {
434
+ continue;
435
+ }
436
+ a.add(f);
437
+ }
438
+ if (b) {
439
+ this.j = null;
414
440
  }
415
441
  }
416
- this.g = a;
442
+ this.h = a;
417
443
  }
418
- d(a, b) {
444
+ e(a, b) {
419
445
  if (a == null) {
420
446
  return null;
421
447
  }
@@ -438,9 +464,9 @@ export let PropertyEditorDataSource = /*@__PURE__*/ (() => {
438
464
  g = h.substr(0, k).trim();
439
465
  f = h.substr(k + 2).trim();
440
466
  }
441
- if (f != null && f != this.l) {
467
+ if (f != null && f != this.n) {
442
468
  let l = this.c();
443
- l.l = f;
469
+ l.n = f;
444
470
  e = l;
445
471
  continue;
446
472
  }
@@ -458,19 +484,19 @@ export let PropertyEditorDataSource = /*@__PURE__*/ (() => {
458
484
  else {
459
485
  if (e != null) {
460
486
  let n = e;
461
- let o = n.d(h, i);
487
+ let o = n.e(h, i);
462
488
  if (o == null) {
463
489
  return null;
464
490
  }
465
491
  e = o;
466
492
  }
467
493
  else {
468
- if (this.g == null) {
494
+ if (this.h == null) {
469
495
  return null;
470
496
  }
471
- for (let p = 0; p < this.g.count; p++) {
472
- if (Base.equalsStatic(this.g._inner[p].al, h)) {
473
- e = this.g._inner[p];
497
+ for (let p = 0; p < this.h.count; p++) {
498
+ if (Base.equalsStatic(this.h._inner[p].al, h)) {
499
+ e = this.h._inner[p];
474
500
  break;
475
501
  }
476
502
  }
@@ -486,7 +512,7 @@ export let PropertyEditorDataSource = /*@__PURE__*/ (() => {
486
512
  return ((() => {
487
513
  let $ret = new PropertyEditorDataSource();
488
514
  $ret.b = this.b;
489
- $ret.l = this.l;
515
+ $ret.n = this.n;
490
516
  return $ret;
491
517
  })());
492
518
  }
@@ -151,6 +151,7 @@ export let PropertyEditorTreeTransformer = /*@__PURE__*/ (() => {
151
151
  case 5: return a.toString();
152
152
  case 16: return a;
153
153
  case 20: return a;
154
+ case 22: return a;
154
155
  case 15: return a;
155
156
  case 3: return a;
156
157
  case 19: return a;
@@ -28,9 +28,10 @@ export var PropertyEditorValueType = /*@__PURE__*/ (function (PropertyEditorValu
28
28
  PropertyEditorValueType[PropertyEditorValueType["TimeSpan"] = 19] = "TimeSpan";
29
29
  PropertyEditorValueType[PropertyEditorValueType["Button"] = 20] = "Button";
30
30
  PropertyEditorValueType[PropertyEditorValueType["Slider"] = 21] = "Slider";
31
+ PropertyEditorValueType[PropertyEditorValueType["TemplateRef"] = 22] = "TemplateRef";
31
32
  return PropertyEditorValueType;
32
33
  })({});
33
34
  /**
34
35
  * @hidden
35
36
  */
36
- export let PropertyEditorValueType_$type = /*@__PURE__*/ markEnum('PropertyEditorValueType', 'Unhandled,0|Number,1|StringValue,2|Date,3|Brush,4|Color,5|BrushCollection,6|Boolean:boolean1,7|SubType,8|Collection,9|Array,10|Point,11|Size,12|Rect,13|ColorCollection,14|EnumValue,15|MethodRef,16|EventRef,17|DataRef,18|TimeSpan,19|Button,20|Slider,21');
37
+ export let PropertyEditorValueType_$type = /*@__PURE__*/ markEnum('PropertyEditorValueType', 'Unhandled,0|Number,1|StringValue,2|Date,3|Brush,4|Color,5|BrushCollection,6|Boolean:boolean1,7|SubType,8|Collection,9|Array,10|Point,11|Size,12|Rect,13|ColorCollection,14|EnumValue,15|MethodRef,16|EventRef,17|DataRef,18|TimeSpan,19|Button,20|Slider,21|TemplateRef,22');
@@ -0,0 +1,7 @@
1
+ /*
2
+ THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
3
+ https://www.infragistics.com/legal/license/igultimate-la
4
+ https://www.infragistics.com/legal/license/igultimate-eula
5
+ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
6
+ */
7
+ export { ToolActionLabel } from "./ToolPanelView_combined";
@@ -0,0 +1,7 @@
1
+ /*
2
+ THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
3
+ https://www.infragistics.com/legal/license/igultimate-la
4
+ https://www.infragistics.com/legal/license/igultimate-eula
5
+ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
6
+ */
7
+ export { ToolActionRadio } from "./ToolPanelView_combined";