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
@@ -656,7 +656,7 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
656
656
  case 19:
657
657
  case 1:
658
658
  let d = new ToolActionNumberInput();
659
- d.hw = b.ar != null ? b.ar : NaN;
659
+ d.hy = b.ar != null ? b.ar : NaN;
660
660
  d.fa = this.bm(b);
661
661
  c = d;
662
662
  if (b.a4 != null) {
@@ -666,7 +666,7 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
666
666
  case 4:
667
667
  case 5:
668
668
  let e = new ToolActionColorEditor();
669
- e.h0 = CSSColorUtil.g(b.ar);
669
+ e.h2 = CSSColorUtil.g(b.ar);
670
670
  e.fa = this.bm(b);
671
671
  c = e;
672
672
  if (b.a4 != null) {
@@ -682,7 +682,7 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
682
682
  case 6:
683
683
  case 23:
684
684
  let f = new ToolActionTextInput();
685
- f.hw = b.ar;
685
+ f.hy = b.ar;
686
686
  f.fa = this.bm(b);
687
687
  c = f;
688
688
  if (b.a4 != null) {
@@ -691,7 +691,7 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
691
691
  break;
692
692
  case 7:
693
693
  let g = new ToolActionCheckbox();
694
- g.hv = b.ar != null ? b.ar : false;
694
+ g.hx = b.ar != null ? b.ar : false;
695
695
  g.fa = this.bm(b);
696
696
  c = g;
697
697
  if (b.a4 != null) {
@@ -714,8 +714,8 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
714
714
  c.e4 = b.a4;
715
715
  }
716
716
  if (b.ar != null) {
717
- h.hu = new LayoutSelectedItemsCollection();
718
- h.hu.add1(b.ar);
717
+ h.hw = new LayoutSelectedItemsCollection();
718
+ h.hw.add1(b.ar);
719
719
  }
720
720
  break;
721
721
  case 20:
@@ -731,7 +731,7 @@ let PropertyEditorPanel = /*@__PURE__*/ (() => {
731
731
  break;
732
732
  case 24:
733
733
  let j = new ToolActionSeparator();
734
- j.hw = 5;
734
+ j.hy = 5;
735
735
  c = j;
736
736
  break;
737
737
  case 25:
@@ -278,36 +278,68 @@ let IgcComboEditorComponent = /*@__PURE__*/ (() => {
278
278
  }
279
279
  set contentPaddingBottom(v) {
280
280
  this.ensureContentPadding();
281
- this.i.k5.bottom = +v;
281
+ const __nv = +v;
282
+ if (this.i.k5.bottom === __nv) {
283
+ return;
284
+ }
285
+ const __copy = new Thickness(2);
286
+ __copy.bottom = __nv;
287
+ __copy.left = this.i.k5.left;
288
+ __copy.right = this.i.k5.right;
289
+ __copy.top = this.i.k5.top;
290
+ this.i.k5 = __copy;
282
291
  this._a("contentPaddingBottom", this.i.k5.bottom);
283
- this.i.k5 = this.i.k5;
284
292
  }
285
293
  get contentPaddingLeft() {
286
294
  return this.i.k5 ? this.i.k5.left : NaN;
287
295
  }
288
296
  set contentPaddingLeft(v) {
289
297
  this.ensureContentPadding();
290
- this.i.k5.left = +v;
298
+ const __nv = +v;
299
+ if (this.i.k5.left === __nv) {
300
+ return;
301
+ }
302
+ const __copy = new Thickness(2);
303
+ __copy.left = __nv;
304
+ __copy.bottom = this.i.k5.bottom;
305
+ __copy.right = this.i.k5.right;
306
+ __copy.top = this.i.k5.top;
307
+ this.i.k5 = __copy;
291
308
  this._a("contentPaddingLeft", this.i.k5.left);
292
- this.i.k5 = this.i.k5;
293
309
  }
294
310
  get contentPaddingRight() {
295
311
  return this.i.k5 ? this.i.k5.right : NaN;
296
312
  }
297
313
  set contentPaddingRight(v) {
298
314
  this.ensureContentPadding();
299
- this.i.k5.right = +v;
315
+ const __nv = +v;
316
+ if (this.i.k5.right === __nv) {
317
+ return;
318
+ }
319
+ const __copy = new Thickness(2);
320
+ __copy.right = __nv;
321
+ __copy.bottom = this.i.k5.bottom;
322
+ __copy.left = this.i.k5.left;
323
+ __copy.top = this.i.k5.top;
324
+ this.i.k5 = __copy;
300
325
  this._a("contentPaddingRight", this.i.k5.right);
301
- this.i.k5 = this.i.k5;
302
326
  }
303
327
  get contentPaddingTop() {
304
328
  return this.i.k5 ? this.i.k5.top : NaN;
305
329
  }
306
330
  set contentPaddingTop(v) {
307
331
  this.ensureContentPadding();
308
- this.i.k5.top = +v;
332
+ const __nv = +v;
333
+ if (this.i.k5.top === __nv) {
334
+ return;
335
+ }
336
+ const __copy = new Thickness(2);
337
+ __copy.top = __nv;
338
+ __copy.bottom = this.i.k5.bottom;
339
+ __copy.left = this.i.k5.left;
340
+ __copy.right = this.i.k5.right;
341
+ this.i.k5 = __copy;
309
342
  this._a("contentPaddingTop", this.i.k5.top);
310
- this.i.k5 = this.i.k5;
311
343
  }
312
344
  ensureContentPadding() {
313
345
  if (this.i.k5) {
@@ -320,36 +352,68 @@ let IgcComboEditorComponent = /*@__PURE__*/ (() => {
320
352
  }
321
353
  set actualContentPaddingBottom(v) {
322
354
  this.ensureActualContentPadding();
323
- this.i.k4.bottom = +v;
355
+ const __nv = +v;
356
+ if (this.i.k4.bottom === __nv) {
357
+ return;
358
+ }
359
+ const __copy = new Thickness(2);
360
+ __copy.bottom = __nv;
361
+ __copy.left = this.i.k4.left;
362
+ __copy.right = this.i.k4.right;
363
+ __copy.top = this.i.k4.top;
364
+ this.i.k4 = __copy;
324
365
  this._a("actualContentPaddingBottom", this.i.k4.bottom);
325
- this.i.k4 = this.i.k4;
326
366
  }
327
367
  get actualContentPaddingLeft() {
328
368
  return this.i.k4 ? this.i.k4.left : NaN;
329
369
  }
330
370
  set actualContentPaddingLeft(v) {
331
371
  this.ensureActualContentPadding();
332
- this.i.k4.left = +v;
372
+ const __nv = +v;
373
+ if (this.i.k4.left === __nv) {
374
+ return;
375
+ }
376
+ const __copy = new Thickness(2);
377
+ __copy.left = __nv;
378
+ __copy.bottom = this.i.k4.bottom;
379
+ __copy.right = this.i.k4.right;
380
+ __copy.top = this.i.k4.top;
381
+ this.i.k4 = __copy;
333
382
  this._a("actualContentPaddingLeft", this.i.k4.left);
334
- this.i.k4 = this.i.k4;
335
383
  }
336
384
  get actualContentPaddingRight() {
337
385
  return this.i.k4 ? this.i.k4.right : NaN;
338
386
  }
339
387
  set actualContentPaddingRight(v) {
340
388
  this.ensureActualContentPadding();
341
- this.i.k4.right = +v;
389
+ const __nv = +v;
390
+ if (this.i.k4.right === __nv) {
391
+ return;
392
+ }
393
+ const __copy = new Thickness(2);
394
+ __copy.right = __nv;
395
+ __copy.bottom = this.i.k4.bottom;
396
+ __copy.left = this.i.k4.left;
397
+ __copy.top = this.i.k4.top;
398
+ this.i.k4 = __copy;
342
399
  this._a("actualContentPaddingRight", this.i.k4.right);
343
- this.i.k4 = this.i.k4;
344
400
  }
345
401
  get actualContentPaddingTop() {
346
402
  return this.i.k4 ? this.i.k4.top : NaN;
347
403
  }
348
404
  set actualContentPaddingTop(v) {
349
405
  this.ensureActualContentPadding();
350
- this.i.k4.top = +v;
406
+ const __nv = +v;
407
+ if (this.i.k4.top === __nv) {
408
+ return;
409
+ }
410
+ const __copy = new Thickness(2);
411
+ __copy.top = __nv;
412
+ __copy.bottom = this.i.k4.bottom;
413
+ __copy.left = this.i.k4.left;
414
+ __copy.right = this.i.k4.right;
415
+ this.i.k4 = __copy;
351
416
  this._a("actualContentPaddingTop", this.i.k4.top);
352
- this.i.k4 = this.i.k4;
353
417
  }
354
418
  ensureActualContentPadding() {
355
419
  if (this.i.k4) {
@@ -362,36 +426,68 @@ let IgcComboEditorComponent = /*@__PURE__*/ (() => {
362
426
  }
363
427
  set cornerRadiusBottomRight(v) {
364
428
  this.ensureCornerRadius();
365
- this.i.jh.c = +v;
429
+ const __nv = +v;
430
+ if (this.i.jh.c === __nv) {
431
+ return;
432
+ }
433
+ const __copy = new CornerRadius(2);
434
+ __copy.c = __nv;
435
+ __copy.b = this.i.jh.b;
436
+ __copy.d = this.i.jh.d;
437
+ __copy.e = this.i.jh.e;
438
+ this.i.jh = __copy;
366
439
  this._a("cornerRadiusBottomRight", this.i.jh.c);
367
- this.i.jh = this.i.jh;
368
440
  }
369
441
  get cornerRadiusBottomLeft() {
370
442
  return this.i.jh ? this.i.jh.b : NaN;
371
443
  }
372
444
  set cornerRadiusBottomLeft(v) {
373
445
  this.ensureCornerRadius();
374
- this.i.jh.b = +v;
446
+ const __nv = +v;
447
+ if (this.i.jh.b === __nv) {
448
+ return;
449
+ }
450
+ const __copy = new CornerRadius(2);
451
+ __copy.b = __nv;
452
+ __copy.c = this.i.jh.c;
453
+ __copy.d = this.i.jh.d;
454
+ __copy.e = this.i.jh.e;
455
+ this.i.jh = __copy;
375
456
  this._a("cornerRadiusBottomLeft", this.i.jh.b);
376
- this.i.jh = this.i.jh;
377
457
  }
378
458
  get cornerRadiusTopLeft() {
379
459
  return this.i.jh ? this.i.jh.d : NaN;
380
460
  }
381
461
  set cornerRadiusTopLeft(v) {
382
462
  this.ensureCornerRadius();
383
- this.i.jh.d = +v;
463
+ const __nv = +v;
464
+ if (this.i.jh.d === __nv) {
465
+ return;
466
+ }
467
+ const __copy = new CornerRadius(2);
468
+ __copy.d = __nv;
469
+ __copy.c = this.i.jh.c;
470
+ __copy.b = this.i.jh.b;
471
+ __copy.e = this.i.jh.e;
472
+ this.i.jh = __copy;
384
473
  this._a("cornerRadiusTopLeft", this.i.jh.d);
385
- this.i.jh = this.i.jh;
386
474
  }
387
475
  get cornerRadiusTopRight() {
388
476
  return this.i.jh ? this.i.jh.e : NaN;
389
477
  }
390
478
  set cornerRadiusTopRight(v) {
391
479
  this.ensureCornerRadius();
392
- this.i.jh.e = +v;
480
+ const __nv = +v;
481
+ if (this.i.jh.e === __nv) {
482
+ return;
483
+ }
484
+ const __copy = new CornerRadius(2);
485
+ __copy.e = __nv;
486
+ __copy.c = this.i.jh.c;
487
+ __copy.b = this.i.jh.b;
488
+ __copy.d = this.i.jh.d;
489
+ this.i.jh = __copy;
393
490
  this._a("cornerRadiusTopRight", this.i.jh.e);
394
- this.i.jh = this.i.jh;
395
491
  }
396
492
  ensureCornerRadius() {
397
493
  if (this.i.jh) {
@@ -404,36 +500,68 @@ let IgcComboEditorComponent = /*@__PURE__*/ (() => {
404
500
  }
405
501
  set actualCornerRadiusBottomRight(v) {
406
502
  this.ensureActualCornerRadius();
407
- this.i.jg.c = +v;
503
+ const __nv = +v;
504
+ if (this.i.jg.c === __nv) {
505
+ return;
506
+ }
507
+ const __copy = new CornerRadius(2);
508
+ __copy.c = __nv;
509
+ __copy.b = this.i.jg.b;
510
+ __copy.d = this.i.jg.d;
511
+ __copy.e = this.i.jg.e;
512
+ this.i.jg = __copy;
408
513
  this._a("actualCornerRadiusBottomRight", this.i.jg.c);
409
- this.i.jg = this.i.jg;
410
514
  }
411
515
  get actualCornerRadiusBottomLeft() {
412
516
  return this.i.jg ? this.i.jg.b : NaN;
413
517
  }
414
518
  set actualCornerRadiusBottomLeft(v) {
415
519
  this.ensureActualCornerRadius();
416
- this.i.jg.b = +v;
520
+ const __nv = +v;
521
+ if (this.i.jg.b === __nv) {
522
+ return;
523
+ }
524
+ const __copy = new CornerRadius(2);
525
+ __copy.b = __nv;
526
+ __copy.c = this.i.jg.c;
527
+ __copy.d = this.i.jg.d;
528
+ __copy.e = this.i.jg.e;
529
+ this.i.jg = __copy;
417
530
  this._a("actualCornerRadiusBottomLeft", this.i.jg.b);
418
- this.i.jg = this.i.jg;
419
531
  }
420
532
  get actualCornerRadiusTopLeft() {
421
533
  return this.i.jg ? this.i.jg.d : NaN;
422
534
  }
423
535
  set actualCornerRadiusTopLeft(v) {
424
536
  this.ensureActualCornerRadius();
425
- this.i.jg.d = +v;
537
+ const __nv = +v;
538
+ if (this.i.jg.d === __nv) {
539
+ return;
540
+ }
541
+ const __copy = new CornerRadius(2);
542
+ __copy.d = __nv;
543
+ __copy.c = this.i.jg.c;
544
+ __copy.b = this.i.jg.b;
545
+ __copy.e = this.i.jg.e;
546
+ this.i.jg = __copy;
426
547
  this._a("actualCornerRadiusTopLeft", this.i.jg.d);
427
- this.i.jg = this.i.jg;
428
548
  }
429
549
  get actualCornerRadiusTopRight() {
430
550
  return this.i.jg ? this.i.jg.e : NaN;
431
551
  }
432
552
  set actualCornerRadiusTopRight(v) {
433
553
  this.ensureActualCornerRadius();
434
- this.i.jg.e = +v;
554
+ const __nv = +v;
555
+ if (this.i.jg.e === __nv) {
556
+ return;
557
+ }
558
+ const __copy = new CornerRadius(2);
559
+ __copy.e = __nv;
560
+ __copy.c = this.i.jg.c;
561
+ __copy.b = this.i.jg.b;
562
+ __copy.d = this.i.jg.d;
563
+ this.i.jg = __copy;
435
564
  this._a("actualCornerRadiusTopRight", this.i.jg.e);
436
- this.i.jg = this.i.jg;
437
565
  }
438
566
  ensureActualCornerRadius() {
439
567
  if (this.i.jg) {
@@ -66,21 +66,21 @@ let IgcToolActionButtonComponent = /*@__PURE__*/ (() => {
66
66
  * Gets or sets the display type for the button.
67
67
  */
68
68
  get displayType() {
69
- return this.i.hu;
69
+ return this.i.hw;
70
70
  }
71
71
  set displayType(v) {
72
- this.i.hu = ensureEnum(ToolActionButtonDisplayType_$type, v);
73
- this._a("displayType", enumToString(ToolActionButtonDisplayType_$type, this.i.hu));
72
+ this.i.hw = ensureEnum(ToolActionButtonDisplayType_$type, v);
73
+ this._a("displayType", enumToString(ToolActionButtonDisplayType_$type, this.i.hw));
74
74
  }
75
75
  /**
76
76
  * Gets or sets the button corner radius.
77
77
  */
78
78
  get cornerRadius() {
79
- return this.i.hy;
79
+ return this.i.h0;
80
80
  }
81
81
  set cornerRadius(v) {
82
- this.i.hy = +v;
83
- this._a("cornerRadius", this.i.hy);
82
+ this.i.h0 = +v;
83
+ this._a("cornerRadius", this.i.h0);
84
84
  }
85
85
  exportVisualData() {
86
86
  let iv = this.i.ct();