igniteui-webcomponents-layouts 7.1.0-beta.2 → 7.1.0-beta.4

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 (55) hide show
  1. package/bundles/igniteui-webcomponents-layouts.umd.js +5588 -4983
  2. package/bundles/igniteui-webcomponents-layouts.umd.min.js +1 -1
  3. package/esm2015/lib/NativeUILayoutFactory_combined.js +4759 -4439
  4. package/esm2015/lib/PropertyEditorPanelView_combined.js +7 -7
  5. package/esm2015/lib/igc-combo-editor-component.js +160 -32
  6. package/esm2015/lib/igc-tool-action-button-component.js +6 -6
  7. package/esm2015/lib/igc-tool-action-button-pair-component.js +103 -103
  8. package/esm2015/lib/igc-tool-action-checkbox-component.js +29 -29
  9. package/esm2015/lib/igc-tool-action-checkbox-group-component.js +10 -10
  10. package/esm2015/lib/igc-tool-action-checkbox-list-component.js +40 -40
  11. package/esm2015/lib/igc-tool-action-color-editor-component.js +3 -3
  12. package/esm2015/lib/igc-tool-action-combo-component.js +8 -8
  13. package/esm2015/lib/igc-tool-action-component.js +61 -61
  14. package/esm2015/lib/igc-tool-action-field-selector-component.js +45 -45
  15. package/esm2015/lib/igc-tool-action-group-header-component.js +6 -6
  16. package/esm2015/lib/igc-tool-action-icon-button-component.js +31 -31
  17. package/esm2015/lib/igc-tool-action-icon-menu-component.js +9 -9
  18. package/esm2015/lib/igc-tool-action-number-input-component.js +3 -3
  19. package/esm2015/lib/igc-tool-action-radio-component.js +47 -34
  20. package/esm2015/lib/igc-tool-action-radio-group-component.js +10 -10
  21. package/esm2015/lib/igc-tool-action-separator-component.js +6 -6
  22. package/esm2015/lib/igc-tool-action-sub-panel-component.js +3 -3
  23. package/esm2015/lib/igc-tool-action-text-input-component.js +2 -2
  24. package/esm2015/lib/igc-tool-panel-component.js +283 -253
  25. package/esm2015/lib/igc-toolbar-component.js +117 -87
  26. package/esm5/lib/NativeUILayoutFactory_combined.js +4573 -4197
  27. package/esm5/lib/PropertyEditorPanelView_combined.js +7 -7
  28. package/esm5/lib/igc-combo-editor-component.js +160 -32
  29. package/esm5/lib/igc-tool-action-button-component.js +6 -6
  30. package/esm5/lib/igc-tool-action-button-pair-component.js +103 -103
  31. package/esm5/lib/igc-tool-action-checkbox-component.js +29 -29
  32. package/esm5/lib/igc-tool-action-checkbox-group-component.js +10 -10
  33. package/esm5/lib/igc-tool-action-checkbox-list-component.js +40 -40
  34. package/esm5/lib/igc-tool-action-color-editor-component.js +3 -3
  35. package/esm5/lib/igc-tool-action-combo-component.js +8 -8
  36. package/esm5/lib/igc-tool-action-component.js +61 -61
  37. package/esm5/lib/igc-tool-action-field-selector-component.js +45 -45
  38. package/esm5/lib/igc-tool-action-group-header-component.js +6 -6
  39. package/esm5/lib/igc-tool-action-icon-button-component.js +31 -31
  40. package/esm5/lib/igc-tool-action-icon-menu-component.js +9 -9
  41. package/esm5/lib/igc-tool-action-number-input-component.js +3 -3
  42. package/esm5/lib/igc-tool-action-radio-component.js +51 -34
  43. package/esm5/lib/igc-tool-action-radio-group-component.js +10 -10
  44. package/esm5/lib/igc-tool-action-separator-component.js +6 -6
  45. package/esm5/lib/igc-tool-action-sub-panel-component.js +3 -3
  46. package/esm5/lib/igc-tool-action-text-input-component.js +2 -2
  47. package/esm5/lib/igc-tool-panel-component.js +295 -253
  48. package/esm5/lib/igc-toolbar-component.js +129 -87
  49. package/fesm2015/igniteui-webcomponents-layouts.js +5752 -5231
  50. package/fesm5/igniteui-webcomponents-layouts.js +5588 -4983
  51. package/lib/NativeUILayoutFactory_combined.d.ts +1040 -997
  52. package/lib/igc-tool-action-radio-component.d.ts +8 -0
  53. package/lib/igc-tool-panel-component.d.ts +15 -0
  54. package/lib/igc-toolbar-component.d.ts +15 -0
  55. package/package.json +3 -3
@@ -745,7 +745,7 @@ export var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super)
745
745
  case 19:
746
746
  case 1:
747
747
  var d = new ToolActionNumberInput();
748
- d.hw = b.ar != null ? b.ar : NaN;
748
+ d.hy = b.ar != null ? b.ar : NaN;
749
749
  d.fa = this.bm(b);
750
750
  c = d;
751
751
  if (b.a4 != null) {
@@ -755,7 +755,7 @@ export var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super)
755
755
  case 4:
756
756
  case 5:
757
757
  var e = new ToolActionColorEditor();
758
- e.h0 = CSSColorUtil.g(b.ar);
758
+ e.h2 = CSSColorUtil.g(b.ar);
759
759
  e.fa = this.bm(b);
760
760
  c = e;
761
761
  if (b.a4 != null) {
@@ -771,7 +771,7 @@ export var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super)
771
771
  case 6:
772
772
  case 23:
773
773
  var f = new ToolActionTextInput();
774
- f.hw = b.ar;
774
+ f.hy = b.ar;
775
775
  f.fa = this.bm(b);
776
776
  c = f;
777
777
  if (b.a4 != null) {
@@ -780,7 +780,7 @@ export var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super)
780
780
  break;
781
781
  case 7:
782
782
  var g = new ToolActionCheckbox();
783
- g.hv = b.ar != null ? b.ar : false;
783
+ g.hx = b.ar != null ? b.ar : false;
784
784
  g.fa = this.bm(b);
785
785
  c = g;
786
786
  if (b.a4 != null) {
@@ -803,8 +803,8 @@ export var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super)
803
803
  c.e4 = b.a4;
804
804
  }
805
805
  if (b.ar != null) {
806
- h.hu = new LayoutSelectedItemsCollection();
807
- h.hu.add1(b.ar);
806
+ h.hw = new LayoutSelectedItemsCollection();
807
+ h.hw.add1(b.ar);
808
808
  }
809
809
  break;
810
810
  case 20:
@@ -820,7 +820,7 @@ export var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super)
820
820
  break;
821
821
  case 24:
822
822
  var j = new ToolActionSeparator();
823
- j.hw = 5;
823
+ j.hy = 5;
824
824
  c = j;
825
825
  break;
826
826
  case 25:
@@ -333,9 +333,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
333
333
  },
334
334
  set: function (v) {
335
335
  this.ensureContentPadding();
336
- this.i.k5.bottom = +v;
336
+ var __nv = +v;
337
+ if (this.i.k5.bottom === __nv) {
338
+ return;
339
+ }
340
+ var __copy = new Thickness(2);
341
+ __copy.bottom = __nv;
342
+ __copy.left = this.i.k5.left;
343
+ __copy.right = this.i.k5.right;
344
+ __copy.top = this.i.k5.top;
345
+ this.i.k5 = __copy;
337
346
  this._a("contentPaddingBottom", this.i.k5.bottom);
338
- this.i.k5 = this.i.k5;
339
347
  },
340
348
  enumerable: false,
341
349
  configurable: true
@@ -346,9 +354,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
346
354
  },
347
355
  set: function (v) {
348
356
  this.ensureContentPadding();
349
- this.i.k5.left = +v;
357
+ var __nv = +v;
358
+ if (this.i.k5.left === __nv) {
359
+ return;
360
+ }
361
+ var __copy = new Thickness(2);
362
+ __copy.left = __nv;
363
+ __copy.bottom = this.i.k5.bottom;
364
+ __copy.right = this.i.k5.right;
365
+ __copy.top = this.i.k5.top;
366
+ this.i.k5 = __copy;
350
367
  this._a("contentPaddingLeft", this.i.k5.left);
351
- this.i.k5 = this.i.k5;
352
368
  },
353
369
  enumerable: false,
354
370
  configurable: true
@@ -359,9 +375,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
359
375
  },
360
376
  set: function (v) {
361
377
  this.ensureContentPadding();
362
- this.i.k5.right = +v;
378
+ var __nv = +v;
379
+ if (this.i.k5.right === __nv) {
380
+ return;
381
+ }
382
+ var __copy = new Thickness(2);
383
+ __copy.right = __nv;
384
+ __copy.bottom = this.i.k5.bottom;
385
+ __copy.left = this.i.k5.left;
386
+ __copy.top = this.i.k5.top;
387
+ this.i.k5 = __copy;
363
388
  this._a("contentPaddingRight", this.i.k5.right);
364
- this.i.k5 = this.i.k5;
365
389
  },
366
390
  enumerable: false,
367
391
  configurable: true
@@ -372,9 +396,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
372
396
  },
373
397
  set: function (v) {
374
398
  this.ensureContentPadding();
375
- this.i.k5.top = +v;
399
+ var __nv = +v;
400
+ if (this.i.k5.top === __nv) {
401
+ return;
402
+ }
403
+ var __copy = new Thickness(2);
404
+ __copy.top = __nv;
405
+ __copy.bottom = this.i.k5.bottom;
406
+ __copy.left = this.i.k5.left;
407
+ __copy.right = this.i.k5.right;
408
+ this.i.k5 = __copy;
376
409
  this._a("contentPaddingTop", this.i.k5.top);
377
- this.i.k5 = this.i.k5;
378
410
  },
379
411
  enumerable: false,
380
412
  configurable: true
@@ -391,9 +423,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
391
423
  },
392
424
  set: function (v) {
393
425
  this.ensureActualContentPadding();
394
- this.i.k4.bottom = +v;
426
+ var __nv = +v;
427
+ if (this.i.k4.bottom === __nv) {
428
+ return;
429
+ }
430
+ var __copy = new Thickness(2);
431
+ __copy.bottom = __nv;
432
+ __copy.left = this.i.k4.left;
433
+ __copy.right = this.i.k4.right;
434
+ __copy.top = this.i.k4.top;
435
+ this.i.k4 = __copy;
395
436
  this._a("actualContentPaddingBottom", this.i.k4.bottom);
396
- this.i.k4 = this.i.k4;
397
437
  },
398
438
  enumerable: false,
399
439
  configurable: true
@@ -404,9 +444,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
404
444
  },
405
445
  set: function (v) {
406
446
  this.ensureActualContentPadding();
407
- this.i.k4.left = +v;
447
+ var __nv = +v;
448
+ if (this.i.k4.left === __nv) {
449
+ return;
450
+ }
451
+ var __copy = new Thickness(2);
452
+ __copy.left = __nv;
453
+ __copy.bottom = this.i.k4.bottom;
454
+ __copy.right = this.i.k4.right;
455
+ __copy.top = this.i.k4.top;
456
+ this.i.k4 = __copy;
408
457
  this._a("actualContentPaddingLeft", this.i.k4.left);
409
- this.i.k4 = this.i.k4;
410
458
  },
411
459
  enumerable: false,
412
460
  configurable: true
@@ -417,9 +465,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
417
465
  },
418
466
  set: function (v) {
419
467
  this.ensureActualContentPadding();
420
- this.i.k4.right = +v;
468
+ var __nv = +v;
469
+ if (this.i.k4.right === __nv) {
470
+ return;
471
+ }
472
+ var __copy = new Thickness(2);
473
+ __copy.right = __nv;
474
+ __copy.bottom = this.i.k4.bottom;
475
+ __copy.left = this.i.k4.left;
476
+ __copy.top = this.i.k4.top;
477
+ this.i.k4 = __copy;
421
478
  this._a("actualContentPaddingRight", this.i.k4.right);
422
- this.i.k4 = this.i.k4;
423
479
  },
424
480
  enumerable: false,
425
481
  configurable: true
@@ -430,9 +486,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
430
486
  },
431
487
  set: function (v) {
432
488
  this.ensureActualContentPadding();
433
- this.i.k4.top = +v;
489
+ var __nv = +v;
490
+ if (this.i.k4.top === __nv) {
491
+ return;
492
+ }
493
+ var __copy = new Thickness(2);
494
+ __copy.top = __nv;
495
+ __copy.bottom = this.i.k4.bottom;
496
+ __copy.left = this.i.k4.left;
497
+ __copy.right = this.i.k4.right;
498
+ this.i.k4 = __copy;
434
499
  this._a("actualContentPaddingTop", this.i.k4.top);
435
- this.i.k4 = this.i.k4;
436
500
  },
437
501
  enumerable: false,
438
502
  configurable: true
@@ -449,9 +513,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
449
513
  },
450
514
  set: function (v) {
451
515
  this.ensureCornerRadius();
452
- this.i.jh.c = +v;
516
+ var __nv = +v;
517
+ if (this.i.jh.c === __nv) {
518
+ return;
519
+ }
520
+ var __copy = new CornerRadius(2);
521
+ __copy.c = __nv;
522
+ __copy.b = this.i.jh.b;
523
+ __copy.d = this.i.jh.d;
524
+ __copy.e = this.i.jh.e;
525
+ this.i.jh = __copy;
453
526
  this._a("cornerRadiusBottomRight", this.i.jh.c);
454
- this.i.jh = this.i.jh;
455
527
  },
456
528
  enumerable: false,
457
529
  configurable: true
@@ -462,9 +534,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
462
534
  },
463
535
  set: function (v) {
464
536
  this.ensureCornerRadius();
465
- this.i.jh.b = +v;
537
+ var __nv = +v;
538
+ if (this.i.jh.b === __nv) {
539
+ return;
540
+ }
541
+ var __copy = new CornerRadius(2);
542
+ __copy.b = __nv;
543
+ __copy.c = this.i.jh.c;
544
+ __copy.d = this.i.jh.d;
545
+ __copy.e = this.i.jh.e;
546
+ this.i.jh = __copy;
466
547
  this._a("cornerRadiusBottomLeft", this.i.jh.b);
467
- this.i.jh = this.i.jh;
468
548
  },
469
549
  enumerable: false,
470
550
  configurable: true
@@ -475,9 +555,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
475
555
  },
476
556
  set: function (v) {
477
557
  this.ensureCornerRadius();
478
- this.i.jh.d = +v;
558
+ var __nv = +v;
559
+ if (this.i.jh.d === __nv) {
560
+ return;
561
+ }
562
+ var __copy = new CornerRadius(2);
563
+ __copy.d = __nv;
564
+ __copy.c = this.i.jh.c;
565
+ __copy.b = this.i.jh.b;
566
+ __copy.e = this.i.jh.e;
567
+ this.i.jh = __copy;
479
568
  this._a("cornerRadiusTopLeft", this.i.jh.d);
480
- this.i.jh = this.i.jh;
481
569
  },
482
570
  enumerable: false,
483
571
  configurable: true
@@ -488,9 +576,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
488
576
  },
489
577
  set: function (v) {
490
578
  this.ensureCornerRadius();
491
- this.i.jh.e = +v;
579
+ var __nv = +v;
580
+ if (this.i.jh.e === __nv) {
581
+ return;
582
+ }
583
+ var __copy = new CornerRadius(2);
584
+ __copy.e = __nv;
585
+ __copy.c = this.i.jh.c;
586
+ __copy.b = this.i.jh.b;
587
+ __copy.d = this.i.jh.d;
588
+ this.i.jh = __copy;
492
589
  this._a("cornerRadiusTopRight", this.i.jh.e);
493
- this.i.jh = this.i.jh;
494
590
  },
495
591
  enumerable: false,
496
592
  configurable: true
@@ -507,9 +603,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
507
603
  },
508
604
  set: function (v) {
509
605
  this.ensureActualCornerRadius();
510
- this.i.jg.c = +v;
606
+ var __nv = +v;
607
+ if (this.i.jg.c === __nv) {
608
+ return;
609
+ }
610
+ var __copy = new CornerRadius(2);
611
+ __copy.c = __nv;
612
+ __copy.b = this.i.jg.b;
613
+ __copy.d = this.i.jg.d;
614
+ __copy.e = this.i.jg.e;
615
+ this.i.jg = __copy;
511
616
  this._a("actualCornerRadiusBottomRight", this.i.jg.c);
512
- this.i.jg = this.i.jg;
513
617
  },
514
618
  enumerable: false,
515
619
  configurable: true
@@ -520,9 +624,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
520
624
  },
521
625
  set: function (v) {
522
626
  this.ensureActualCornerRadius();
523
- this.i.jg.b = +v;
627
+ var __nv = +v;
628
+ if (this.i.jg.b === __nv) {
629
+ return;
630
+ }
631
+ var __copy = new CornerRadius(2);
632
+ __copy.b = __nv;
633
+ __copy.c = this.i.jg.c;
634
+ __copy.d = this.i.jg.d;
635
+ __copy.e = this.i.jg.e;
636
+ this.i.jg = __copy;
524
637
  this._a("actualCornerRadiusBottomLeft", this.i.jg.b);
525
- this.i.jg = this.i.jg;
526
638
  },
527
639
  enumerable: false,
528
640
  configurable: true
@@ -533,9 +645,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
533
645
  },
534
646
  set: function (v) {
535
647
  this.ensureActualCornerRadius();
536
- this.i.jg.d = +v;
648
+ var __nv = +v;
649
+ if (this.i.jg.d === __nv) {
650
+ return;
651
+ }
652
+ var __copy = new CornerRadius(2);
653
+ __copy.d = __nv;
654
+ __copy.c = this.i.jg.c;
655
+ __copy.b = this.i.jg.b;
656
+ __copy.e = this.i.jg.e;
657
+ this.i.jg = __copy;
537
658
  this._a("actualCornerRadiusTopLeft", this.i.jg.d);
538
- this.i.jg = this.i.jg;
539
659
  },
540
660
  enumerable: false,
541
661
  configurable: true
@@ -546,9 +666,17 @@ export var IgcComboEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
546
666
  },
547
667
  set: function (v) {
548
668
  this.ensureActualCornerRadius();
549
- this.i.jg.e = +v;
669
+ var __nv = +v;
670
+ if (this.i.jg.e === __nv) {
671
+ return;
672
+ }
673
+ var __copy = new CornerRadius(2);
674
+ __copy.e = __nv;
675
+ __copy.c = this.i.jg.c;
676
+ __copy.b = this.i.jg.b;
677
+ __copy.d = this.i.jg.d;
678
+ this.i.jg = __copy;
550
679
  this._a("actualCornerRadiusTopRight", this.i.jg.e);
551
- this.i.jg = this.i.jg;
552
680
  },
553
681
  enumerable: false,
554
682
  configurable: true
@@ -76,11 +76,11 @@ export var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function
76
76
  * Gets or sets the display type for the button.
77
77
  */
78
78
  get: function () {
79
- return this.i.hu;
79
+ return this.i.hw;
80
80
  },
81
81
  set: function (v) {
82
- this.i.hu = ensureEnum(ToolActionButtonDisplayType_$type, v);
83
- this._a("displayType", enumToString(ToolActionButtonDisplayType_$type, this.i.hu));
82
+ this.i.hw = ensureEnum(ToolActionButtonDisplayType_$type, v);
83
+ this._a("displayType", enumToString(ToolActionButtonDisplayType_$type, this.i.hw));
84
84
  },
85
85
  enumerable: false,
86
86
  configurable: true
@@ -90,11 +90,11 @@ export var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function
90
90
  * Gets or sets the button corner radius.
91
91
  */
92
92
  get: function () {
93
- return this.i.hy;
93
+ return this.i.h0;
94
94
  },
95
95
  set: function (v) {
96
- this.i.hy = +v;
97
- this._a("cornerRadius", this.i.hy);
96
+ this.i.h0 = +v;
97
+ this._a("cornerRadius", this.i.h0);
98
98
  },
99
99
  enumerable: false,
100
100
  configurable: true