igniteui-webcomponents-layouts 5.3.0 → 5.4.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 (123) hide show
  1. package/bundles/igniteui-webcomponents-layouts.umd.js +11266 -8364
  2. package/bundles/igniteui-webcomponents-layouts.umd.min.js +1 -1
  3. package/esm2015/lib/ComboEditorBridge.js +8 -8
  4. package/esm2015/lib/ComboEditorView_combined.js +27 -26
  5. package/esm2015/lib/ListPanelScrollerKeyboardListener.js +1 -1
  6. package/esm2015/lib/ListPanelView_combined.js +595 -577
  7. package/esm2015/lib/NativeUILayoutFactory_combined.js +6734 -5325
  8. package/esm2015/lib/PropertyEditorPanelView_combined.js +24 -24
  9. package/esm2015/lib/PropertyEditorTreeTransformer.js +1 -1
  10. package/esm2015/lib/ToolActionFieldSelector.js +7 -0
  11. package/esm2015/lib/ToolActionFieldSelectorAggregation.js +40 -0
  12. package/esm2015/lib/ToolActionFieldSelectorAggregationsCollection.js +160 -0
  13. package/esm2015/lib/ToolActionFieldSelectorEventType.js +16 -0
  14. package/esm2015/lib/ToolActionFieldSelectorSelectedAggregation.js +40 -0
  15. package/esm2015/lib/ToolActionFieldSelectorSelectedAggregationsCollection.js +160 -0
  16. package/esm2015/lib/ToolActionFieldSelectorType.js +16 -0
  17. package/esm2015/lib/ToolActionFieldSelector_ToolActionFieldSelectorItem.js +26 -0
  18. package/esm2015/lib/ToolActionIconMenuVisualData.js +3 -3
  19. package/esm2015/lib/ToolActionVisualData.js +17 -13
  20. package/esm2015/lib/ToolPanelContext.js +4 -1
  21. package/esm2015/lib/igc-list-panel-component.js +64 -54
  22. package/esm2015/lib/igc-tool-action-button-component.js +6 -6
  23. package/esm2015/lib/igc-tool-action-button-pair-component.js +103 -103
  24. package/esm2015/lib/igc-tool-action-checkbox-component.js +27 -27
  25. package/esm2015/lib/igc-tool-action-checkbox-list-component.js +16 -16
  26. package/esm2015/lib/igc-tool-action-color-editor-component.js +3 -3
  27. package/esm2015/lib/igc-tool-action-combo-component.js +8 -8
  28. package/esm2015/lib/igc-tool-action-component.js +191 -180
  29. package/esm2015/lib/igc-tool-action-field-selector-aggregation-module.js +15 -0
  30. package/esm2015/lib/igc-tool-action-field-selector-aggregation.js +58 -0
  31. package/esm2015/lib/igc-tool-action-field-selector-aggregations-collection.js +53 -0
  32. package/esm2015/lib/igc-tool-action-field-selector-component.js +261 -0
  33. package/esm2015/lib/igc-tool-action-field-selector-module.js +16 -0
  34. package/esm2015/lib/igc-tool-action-field-selector-selected-aggregation-module.js +15 -0
  35. package/esm2015/lib/igc-tool-action-field-selector-selected-aggregation.js +58 -0
  36. package/esm2015/lib/igc-tool-action-field-selector-selected-aggregations-collection.js +53 -0
  37. package/esm2015/lib/igc-tool-action-group-header-component.js +6 -6
  38. package/esm2015/lib/igc-tool-action-icon-button-component.js +34 -34
  39. package/esm2015/lib/igc-tool-action-icon-menu-component.js +10 -10
  40. package/esm2015/lib/igc-tool-action-number-input-component.js +3 -3
  41. package/esm2015/lib/igc-tool-action-radio-component.js +32 -32
  42. package/esm2015/lib/igc-tool-action-separator-component.js +6 -6
  43. package/esm2015/lib/igc-tool-action-sub-panel-component.js +10 -0
  44. package/esm2015/lib/igc-tool-action-text-input-component.js +2 -2
  45. package/esm2015/lib/igc-tool-panel-component.js +275 -250
  46. package/esm2015/lib/igc-tool-panel-module.js +2 -0
  47. package/esm2015/lib/igc-toolbar-component.js +171 -156
  48. package/esm2015/public_api.js +16 -0
  49. package/esm5/lib/ComboEditorBridge.js +8 -8
  50. package/esm5/lib/ComboEditorView_combined.js +27 -26
  51. package/esm5/lib/ListPanelScrollerKeyboardListener.js +1 -1
  52. package/esm5/lib/ListPanelView_combined.js +592 -570
  53. package/esm5/lib/NativeUILayoutFactory_combined.js +6684 -5125
  54. package/esm5/lib/PropertyEditorPanelView_combined.js +24 -24
  55. package/esm5/lib/PropertyEditorTreeTransformer.js +1 -1
  56. package/esm5/lib/ToolActionFieldSelector.js +7 -0
  57. package/esm5/lib/ToolActionFieldSelectorAggregation.js +54 -0
  58. package/esm5/lib/ToolActionFieldSelectorAggregationsCollection.js +220 -0
  59. package/esm5/lib/ToolActionFieldSelectorEventType.js +16 -0
  60. package/esm5/lib/ToolActionFieldSelectorSelectedAggregation.js +54 -0
  61. package/esm5/lib/ToolActionFieldSelectorSelectedAggregationsCollection.js +220 -0
  62. package/esm5/lib/ToolActionFieldSelectorType.js +16 -0
  63. package/esm5/lib/ToolActionFieldSelector_ToolActionFieldSelectorItem.js +28 -0
  64. package/esm5/lib/ToolActionIconMenuVisualData.js +3 -3
  65. package/esm5/lib/ToolActionVisualData.js +17 -13
  66. package/esm5/lib/ToolPanelContext.js +4 -1
  67. package/esm5/lib/igc-list-panel-component.js +68 -54
  68. package/esm5/lib/igc-tool-action-button-component.js +6 -6
  69. package/esm5/lib/igc-tool-action-button-pair-component.js +103 -103
  70. package/esm5/lib/igc-tool-action-checkbox-component.js +27 -27
  71. package/esm5/lib/igc-tool-action-checkbox-list-component.js +16 -16
  72. package/esm5/lib/igc-tool-action-color-editor-component.js +3 -3
  73. package/esm5/lib/igc-tool-action-combo-component.js +8 -8
  74. package/esm5/lib/igc-tool-action-component.js +195 -180
  75. package/esm5/lib/igc-tool-action-field-selector-aggregation-module.js +19 -0
  76. package/esm5/lib/igc-tool-action-field-selector-aggregation.js +76 -0
  77. package/esm5/lib/igc-tool-action-field-selector-aggregations-collection.js +58 -0
  78. package/esm5/lib/igc-tool-action-field-selector-component.js +331 -0
  79. package/esm5/lib/igc-tool-action-field-selector-module.js +20 -0
  80. package/esm5/lib/igc-tool-action-field-selector-selected-aggregation-module.js +19 -0
  81. package/esm5/lib/igc-tool-action-field-selector-selected-aggregation.js +76 -0
  82. package/esm5/lib/igc-tool-action-field-selector-selected-aggregations-collection.js +58 -0
  83. package/esm5/lib/igc-tool-action-group-header-component.js +6 -6
  84. package/esm5/lib/igc-tool-action-icon-button-component.js +34 -34
  85. package/esm5/lib/igc-tool-action-icon-menu-component.js +10 -10
  86. package/esm5/lib/igc-tool-action-number-input-component.js +3 -3
  87. package/esm5/lib/igc-tool-action-radio-component.js +32 -32
  88. package/esm5/lib/igc-tool-action-separator-component.js +6 -6
  89. package/esm5/lib/igc-tool-action-sub-panel-component.js +14 -0
  90. package/esm5/lib/igc-tool-action-text-input-component.js +2 -2
  91. package/esm5/lib/igc-tool-panel-component.js +283 -250
  92. package/esm5/lib/igc-tool-panel-module.js +2 -0
  93. package/esm5/lib/igc-toolbar-component.js +175 -156
  94. package/esm5/public_api.js +16 -0
  95. package/fesm2015/igniteui-webcomponents-layouts.js +10397 -7947
  96. package/fesm5/igniteui-webcomponents-layouts.js +11250 -8366
  97. package/lib/ListPanelView_combined.d.ts +147 -144
  98. package/lib/NativeUILayoutFactory_combined.d.ts +1393 -1262
  99. package/lib/ToolActionFieldSelector.d.ts +1 -0
  100. package/lib/ToolActionFieldSelectorAggregation.d.ts +17 -0
  101. package/lib/ToolActionFieldSelectorAggregationsCollection.d.ts +31 -0
  102. package/lib/ToolActionFieldSelectorEventType.d.ts +9 -0
  103. package/lib/ToolActionFieldSelectorSelectedAggregation.d.ts +17 -0
  104. package/lib/ToolActionFieldSelectorSelectedAggregationsCollection.d.ts +31 -0
  105. package/lib/ToolActionFieldSelectorType.d.ts +9 -0
  106. package/lib/ToolActionFieldSelector_ToolActionFieldSelectorItem.d.ts +16 -0
  107. package/lib/ToolActionIconMenuVisualData.d.ts +2 -2
  108. package/lib/ToolActionVisualData.d.ts +6 -5
  109. package/lib/igc-list-panel-component.d.ts +5 -0
  110. package/lib/igc-tool-action-component.d.ts +6 -0
  111. package/lib/igc-tool-action-field-selector-aggregation-module.d.ts +3 -0
  112. package/lib/igc-tool-action-field-selector-aggregation.d.ts +20 -0
  113. package/lib/igc-tool-action-field-selector-aggregations-collection.d.ts +8 -0
  114. package/lib/igc-tool-action-field-selector-component.d.ts +73 -0
  115. package/lib/igc-tool-action-field-selector-module.d.ts +3 -0
  116. package/lib/igc-tool-action-field-selector-selected-aggregation-module.d.ts +3 -0
  117. package/lib/igc-tool-action-field-selector-selected-aggregation.d.ts +20 -0
  118. package/lib/igc-tool-action-field-selector-selected-aggregations-collection.d.ts +8 -0
  119. package/lib/igc-tool-action-sub-panel-component.d.ts +5 -0
  120. package/lib/igc-tool-panel-component.d.ts +10 -0
  121. package/lib/igc-toolbar-component.d.ts +5 -0
  122. package/package.json +3 -3
  123. package/public_api.d.ts +16 -0
@@ -0,0 +1,220 @@
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
+ import { __extends, __values } from "tslib";
8
+ import { ObservableCollection$1 } from "igniteui-webcomponents-core";
9
+ import { ToolActionFieldSelectorSelectedAggregation } from "./ToolActionFieldSelectorSelectedAggregation";
10
+ import { PropertyChangedEventArgs, delegateCombine, Delegate_$type, delegateRemove, Number_$type, fromEnum, markType } from "igniteui-webcomponents-core";
11
+ import { NotifyCollectionChangedEventArgs } from "igniteui-webcomponents-core";
12
+ import { List$1 } from "igniteui-webcomponents-core";
13
+ import { Dictionary$2 } from "igniteui-webcomponents-core";
14
+ /**
15
+ * @hidden
16
+ */
17
+ var ToolActionFieldSelectorSelectedAggregationsCollection = /** @class */ /*@__PURE__*/ (function (_super) {
18
+ __extends(ToolActionFieldSelectorSelectedAggregationsCollection, _super);
19
+ function ToolActionFieldSelectorSelectedAggregationsCollection() {
20
+ var _this = _super.call(this, ToolActionFieldSelectorSelectedAggregation.$, 0) || this;
21
+ _this.ak = new List$1(Delegate_$type, 0);
22
+ _this.ah = false;
23
+ _this.af = true;
24
+ _this.ai = new Dictionary$2(ToolActionFieldSelectorSelectedAggregation.$, Number_$type, 0);
25
+ _this.aj = new Dictionary$2(Number_$type, ToolActionFieldSelectorSelectedAggregation.$, 0);
26
+ return _this;
27
+ }
28
+ Object.defineProperty(ToolActionFieldSelectorSelectedAggregationsCollection.prototype, "ae", {
29
+ get: function () {
30
+ return this;
31
+ },
32
+ enumerable: false,
33
+ configurable: true
34
+ });
35
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.an = function (a) {
36
+ this.collectionChanged = delegateCombine(this.collectionChanged, a);
37
+ };
38
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.am = function (a) {
39
+ this.ak.add(a);
40
+ };
41
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.ao = function (a) {
42
+ this.ak.remove(a);
43
+ };
44
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.ap = function (a) {
45
+ this.collectionChanged = delegateRemove(this.collectionChanged, a);
46
+ };
47
+ Object.defineProperty(ToolActionFieldSelectorSelectedAggregationsCollection.prototype, "ag", {
48
+ get: function () {
49
+ return this.af;
50
+ },
51
+ set: function (a) {
52
+ this.af = a;
53
+ },
54
+ enumerable: false,
55
+ configurable: true
56
+ });
57
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.n = function (a) {
58
+ _super.prototype.n.call(this, a);
59
+ if (this.ag) {
60
+ this.ai.addItem(a, this.count - 1);
61
+ this.aj.addItem(this.count - 1, a);
62
+ }
63
+ };
64
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.o = function (a) {
65
+ var e_1, _a;
66
+ var b = this.count;
67
+ _super.prototype.o.call(this, a);
68
+ if (this.ag) {
69
+ try {
70
+ for (var _b = __values(fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
71
+ var c = _c.value;
72
+ this.ai.addItem(c, b);
73
+ this.aj.addItem(b, c);
74
+ b++;
75
+ }
76
+ }
77
+ catch (e_1_1) {
78
+ e_1 = { error: e_1_1 };
79
+ }
80
+ finally {
81
+ try {
82
+ if (_c && !_c.done && (_a = _b.return))
83
+ _a.call(_b);
84
+ }
85
+ finally {
86
+ if (e_1)
87
+ throw e_1.error;
88
+ }
89
+ }
90
+ }
91
+ };
92
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.p = function () {
93
+ var e_2, _a, e_3, _b;
94
+ var a = new List$1(Delegate_$type, 0);
95
+ try {
96
+ for (var _c = __values(fromEnum(this.ak)), _d = _c.next(); !_d.done; _d = _c.next()) {
97
+ var b = _d.value;
98
+ a.add(b);
99
+ }
100
+ }
101
+ catch (e_2_1) {
102
+ e_2 = { error: e_2_1 };
103
+ }
104
+ finally {
105
+ try {
106
+ if (_d && !_d.done && (_a = _c.return))
107
+ _a.call(_c);
108
+ }
109
+ finally {
110
+ if (e_2)
111
+ throw e_2.error;
112
+ }
113
+ }
114
+ try {
115
+ for (var _e = __values(fromEnum(a)), _f = _e.next(); !_f.done; _f = _e.next()) {
116
+ var c = _f.value;
117
+ c();
118
+ }
119
+ }
120
+ catch (e_3_1) {
121
+ e_3 = { error: e_3_1 };
122
+ }
123
+ finally {
124
+ try {
125
+ if (_f && !_f.done && (_b = _e.return))
126
+ _b.call(_e);
127
+ }
128
+ finally {
129
+ if (e_3)
130
+ throw e_3.error;
131
+ }
132
+ }
133
+ if (this.ag) {
134
+ this.ai.clear();
135
+ this.aj.clear();
136
+ }
137
+ _super.prototype.p.call(this);
138
+ };
139
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.u = function (a) {
140
+ if (this.ag) {
141
+ if (this.aj.containsKey(a)) {
142
+ var b = this.aj.item(a);
143
+ this.ai.removeItem(b);
144
+ this.aj.removeItem(a);
145
+ for (var c = a + 1; c < this.count; c++) {
146
+ if (this.aj.containsKey(c)) {
147
+ var d = this.aj.item(c);
148
+ this.aj.removeItem(c);
149
+ this.aj.addItem(c - 1, d);
150
+ this.ai.item(d, c - 1);
151
+ }
152
+ }
153
+ }
154
+ }
155
+ var e = this._inner[a];
156
+ if (a == 0) {
157
+ this._inner.shift();
158
+ }
159
+ else {
160
+ this._inner.splice(a, 1);
161
+ }
162
+ this.ad(new PropertyChangedEventArgs("Count"));
163
+ this.ad(new PropertyChangedEventArgs("Item[]"));
164
+ if (!this.ah) {
165
+ this.ac(new NotifyCollectionChangedEventArgs(1, 1, e, a));
166
+ }
167
+ };
168
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.v = function (index_, numToRemove_) {
169
+ _super.prototype.v.call(this, index_, numToRemove_);
170
+ if (this.ag) {
171
+ for (var a = index_; a < index_ + numToRemove_; a++) {
172
+ if (this.aj.containsKey(a)) {
173
+ var b = this.aj.item(a);
174
+ this.ai.removeItem(b);
175
+ this.aj.removeItem(a);
176
+ }
177
+ }
178
+ }
179
+ };
180
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.x = function (a, b) {
181
+ _super.prototype.x.call(this, a, b);
182
+ if (this.ag) {
183
+ if (this.aj.containsKey(a)) {
184
+ var c = this.aj.item(a);
185
+ this.aj.item(a, b);
186
+ this.ai.removeItem(c);
187
+ this.ai.addItem(b, a);
188
+ }
189
+ }
190
+ };
191
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.r = function (a, b) {
192
+ _super.prototype.r.call(this, a, b);
193
+ if (this.ag) {
194
+ for (var c = a; c < this.count; c++) {
195
+ var d = this._inner[c];
196
+ if (this.ai.containsKey(d)) {
197
+ this.ai.item(d, c);
198
+ this.aj.removeItem(c);
199
+ this.aj.addItem(c, d);
200
+ }
201
+ else {
202
+ this.ai.addItem(d, c);
203
+ this.aj.addItem(c, d);
204
+ }
205
+ }
206
+ }
207
+ };
208
+ ToolActionFieldSelectorSelectedAggregationsCollection.prototype.al = function (a) {
209
+ if (this.ag) {
210
+ if (this.ai.containsKey(a)) {
211
+ return this.ai.item(a);
212
+ }
213
+ return -1;
214
+ }
215
+ return this.indexOf(a);
216
+ };
217
+ ToolActionFieldSelectorSelectedAggregationsCollection.$t = markType(ToolActionFieldSelectorSelectedAggregationsCollection, 'ToolActionFieldSelectorSelectedAggregationsCollection', ObservableCollection$1.$.specialize(ToolActionFieldSelectorSelectedAggregation.$));
218
+ return ToolActionFieldSelectorSelectedAggregationsCollection;
219
+ }(ObservableCollection$1));
220
+ export { ToolActionFieldSelectorSelectedAggregationsCollection };
@@ -0,0 +1,16 @@
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
+ import { markEnum } from "igniteui-webcomponents-core";
8
+ export var ToolActionFieldSelectorType = /*@__PURE__*/ (function (ToolActionFieldSelectorType) {
9
+ ToolActionFieldSelectorType[ToolActionFieldSelectorType["Label"] = 0] = "Label";
10
+ ToolActionFieldSelectorType[ToolActionFieldSelectorType["Value"] = 1] = "Value";
11
+ return ToolActionFieldSelectorType;
12
+ })({});
13
+ /**
14
+ * @hidden
15
+ */
16
+ export var ToolActionFieldSelectorType_$type = /*@__PURE__*/ markEnum('ToolActionFieldSelectorType', 'Label,0|Value,1');
@@ -0,0 +1,28 @@
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
+ import { __extends } from "tslib";
8
+ import { Base, markType } from "igniteui-webcomponents-core";
9
+ /**
10
+ * @hidden
11
+ */
12
+ var ToolActionFieldSelector_ToolActionFieldSelectorItem = /** @class */ /*@__PURE__*/ (function (_super) {
13
+ __extends(ToolActionFieldSelector_ToolActionFieldSelectorItem, _super);
14
+ function ToolActionFieldSelector_ToolActionFieldSelectorItem() {
15
+ var _this = _super !== null && _super.apply(this, arguments) || this;
16
+ _this.key = null;
17
+ _this.isSelected = false;
18
+ _this.label = null;
19
+ _this.aggregationOperand = 0;
20
+ _this.aggregationName = null;
21
+ _this.aggregationLabel = null;
22
+ _this.propertyType = 0;
23
+ return _this;
24
+ }
25
+ ToolActionFieldSelector_ToolActionFieldSelectorItem.$t = markType(ToolActionFieldSelector_ToolActionFieldSelectorItem, 'ToolActionFieldSelector_ToolActionFieldSelectorItem');
26
+ return ToolActionFieldSelector_ToolActionFieldSelectorItem;
27
+ }(Base));
28
+ export { ToolActionFieldSelector_ToolActionFieldSelectorItem };
@@ -15,12 +15,12 @@ var ToolActionIconMenuVisualData = /** @class */ /*@__PURE__*/ (function (_super
15
15
  __extends(ToolActionIconMenuVisualData, _super);
16
16
  function ToolActionIconMenuVisualData() {
17
17
  var _this = _super !== null && _super.apply(this, arguments) || this;
18
- _this.j = null;
18
+ _this.k = null;
19
19
  return _this;
20
20
  }
21
- ToolActionIconMenuVisualData.prototype.i = function () {
21
+ ToolActionIconMenuVisualData.prototype.j = function () {
22
22
  var a = new StringBuilder(0);
23
- return "arrowIcon: " + this.j != null ? this.j.l() : "null";
23
+ return "arrowIcon: " + this.k != null ? this.k.l() : "null";
24
24
  };
25
25
  ToolActionIconMenuVisualData.$t = markType(ToolActionIconMenuVisualData, 'ToolActionIconMenuVisualData', ToolActionVisualData.$);
26
26
  return ToolActionIconMenuVisualData;
@@ -15,28 +15,29 @@ var ToolActionVisualData = /** @class */ /*@__PURE__*/ (function (_super) {
15
15
  __extends(ToolActionVisualData, _super);
16
16
  function ToolActionVisualData() {
17
17
  var _this = _super !== null && _super.apply(this, arguments) || this;
18
- _this.g = null;
19
18
  _this.h = null;
20
- _this.e = 0;
19
+ _this.i = null;
20
+ _this.f = 0;
21
21
  _this.a = null;
22
- _this.d = null;
23
- _this.f = null;
22
+ _this.e = null;
23
+ _this.g = null;
24
24
  _this.b = null;
25
25
  _this.c = null;
26
+ _this.d = null;
26
27
  return _this;
27
28
  }
28
29
  ToolActionVisualData.prototype.serialize = function () {
29
30
  var a = new StringBuilder(0);
30
31
  a.u("{");
31
- a.u("id: \"" + this.g + "\", ");
32
- a.u("name: \"" + this.h + "\", ");
33
- a.u("type: " + this.e + ", ");
32
+ a.u("id: \"" + this.h + "\", ");
33
+ a.u("name: \"" + this.i + "\", ");
34
+ a.u("type: " + this.f + ", ");
34
35
  a.u("actualBackgroundColor: " + this.a.serialize() + ", ");
35
- if (this.d != null) {
36
- a.u("listItem: " + this.d.serialize() + ", ");
36
+ if (this.e != null) {
37
+ a.u("listItem: " + this.e.serialize() + ", ");
37
38
  }
38
- if (this.f != null) {
39
- a.u("container: " + this.f.serialize() + ", ");
39
+ if (this.g != null) {
40
+ a.u("container: " + this.g.serialize() + ", ");
40
41
  }
41
42
  if (this.b != null) {
42
43
  a.u("icon: " + this.b.l() + ", ");
@@ -44,11 +45,14 @@ var ToolActionVisualData = /** @class */ /*@__PURE__*/ (function (_super) {
44
45
  if (this.c != null) {
45
46
  a.u("label: " + this.c.g() + ", ");
46
47
  }
47
- a.u(this.i());
48
+ if (this.d != null) {
49
+ a.u("subTitle: " + this.d.g() + ", ");
50
+ }
51
+ a.u(this.j());
48
52
  a.u("}");
49
53
  return a.toString();
50
54
  };
51
- ToolActionVisualData.prototype.i = function () {
55
+ ToolActionVisualData.prototype.j = function () {
52
56
  return "";
53
57
  };
54
58
  ToolActionVisualData.$t = markType(ToolActionVisualData, 'ToolActionVisualData', Base.$, [IVisualData_$type]);
@@ -23,7 +23,7 @@ var ToolPanelContext = /** @class */ /*@__PURE__*/ (function (_super) {
23
23
  if (this.e.containsKey(a)) {
24
24
  var c = this.e.item(a);
25
25
  this.e.item(a, b);
26
- if ((c == null && b != null) || !Base.equalsStatic(c, b)) {
26
+ if ((c == null && b != null) || (c != null && !Base.equalsStatic(c, b))) {
27
27
  this.h(a, c, b);
28
28
  }
29
29
  return;
@@ -44,6 +44,9 @@ var ToolPanelContext = /** @class */ /*@__PURE__*/ (function (_super) {
44
44
  })()));
45
45
  };
46
46
  ToolPanelContext.prototype.g = function (a) {
47
+ if (this.e == null || !this.e.containsKey(a)) {
48
+ return null;
49
+ }
47
50
  return this.e.item(a);
48
51
  };
49
52
  ToolPanelContext.prototype.d = function ($t, a, b) {
@@ -351,11 +351,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
351
351
  * Gets or sets the background color to use for the cells when they are selected
352
352
  */
353
353
  get: function () {
354
- return brushToString(this.i.h2);
354
+ return brushToString(this.i.h5);
355
355
  },
356
356
  set: function (v) {
357
- this.i.h2 = stringToBrush(v);
358
- this._a("selectedBackground", brushToString(this.i.h2));
357
+ this.i.h5 = stringToBrush(v);
358
+ this._a("selectedBackground", brushToString(this.i.h5));
359
359
  },
360
360
  enumerable: false,
361
361
  configurable: true
@@ -365,11 +365,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
365
365
  * Gets or sets the background color to use.
366
366
  */
367
367
  get: function () {
368
- return brushToString(this.i.h0);
368
+ return brushToString(this.i.h3);
369
369
  },
370
370
  set: function (v) {
371
- this.i.h0 = stringToBrush(v);
372
- this._a("normalBackground", brushToString(this.i.h0));
371
+ this.i.h3 = stringToBrush(v);
372
+ this._a("normalBackground", brushToString(this.i.h3));
373
373
  },
374
374
  enumerable: false,
375
375
  configurable: true
@@ -379,11 +379,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
379
379
  * Gets or sets the activation border color to use.
380
380
  */
381
381
  get: function () {
382
- return brushToString(this.i.hw);
382
+ return brushToString(this.i.hz);
383
383
  },
384
384
  set: function (v) {
385
- this.i.hw = stringToBrush(v);
386
- this._a("activationBorder", brushToString(this.i.hw));
385
+ this.i.hz = stringToBrush(v);
386
+ this._a("activationBorder", brushToString(this.i.hz));
387
387
  },
388
388
  enumerable: false,
389
389
  configurable: true
@@ -393,11 +393,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
393
393
  * Gets or sets the amount of left activation border to use for the cell content for this column.
394
394
  */
395
395
  get: function () {
396
- return this.i.dq;
396
+ return this.i.ds;
397
397
  },
398
398
  set: function (v) {
399
- this.i.dq = +v;
400
- this._a("activationBorderLeftWidth", this.i.dq);
399
+ this.i.ds = +v;
400
+ this._a("activationBorderLeftWidth", this.i.ds);
401
401
  },
402
402
  enumerable: false,
403
403
  configurable: true
@@ -407,11 +407,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
407
407
  * Gets or sets the amount of top activation border to use for the cell content for this column.
408
408
  */
409
409
  get: function () {
410
- return this.i.ds;
410
+ return this.i.du;
411
411
  },
412
412
  set: function (v) {
413
- this.i.ds = +v;
414
- this._a("activationBorderTopWidth", this.i.ds);
413
+ this.i.du = +v;
414
+ this._a("activationBorderTopWidth", this.i.du);
415
415
  },
416
416
  enumerable: false,
417
417
  configurable: true
@@ -421,11 +421,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
421
421
  * Gets or sets the amount of right activation border to use for the cell content of this column.
422
422
  */
423
423
  get: function () {
424
- return this.i.dr;
424
+ return this.i.dt;
425
425
  },
426
426
  set: function (v) {
427
- this.i.dr = +v;
428
- this._a("activationBorderRightWidth", this.i.dr);
427
+ this.i.dt = +v;
428
+ this._a("activationBorderRightWidth", this.i.dt);
429
429
  },
430
430
  enumerable: false,
431
431
  configurable: true
@@ -435,11 +435,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
435
435
  * Gets or sets the amount of bottom activation border to use for the cell content of this column.
436
436
  */
437
437
  get: function () {
438
- return this.i.dp;
438
+ return this.i.dr;
439
439
  },
440
440
  set: function (v) {
441
- this.i.dp = +v;
442
- this._a("activationBorderBottomWidth", this.i.dp);
441
+ this.i.dr = +v;
442
+ this._a("activationBorderBottomWidth", this.i.dr);
443
443
  },
444
444
  enumerable: false,
445
445
  configurable: true
@@ -592,27 +592,41 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
592
592
  enumerable: false,
593
593
  configurable: true
594
594
  });
595
+ Object.defineProperty(IgcListPanelComponent.prototype, "itemSpacing", {
596
+ /**
597
+ * Gets or sets the spacing between items.
598
+ */
599
+ get: function () {
600
+ return this.i.c8;
601
+ },
602
+ set: function (v) {
603
+ this.i.c8 = +v;
604
+ this._a("itemSpacing", this.i.c8);
605
+ },
606
+ enumerable: false,
607
+ configurable: true
608
+ });
595
609
  Object.defineProperty(IgcListPanelComponent.prototype, "rowHeight", {
596
610
  /**
597
611
  * Gets or Sets the property name that contains the values.
598
612
  */
599
613
  get: function () {
600
- return this.i.ec;
614
+ return this.i.ee;
601
615
  },
602
616
  set: function (v) {
603
- this.i.ec = +v;
604
- this._a("rowHeight", this.i.ec);
617
+ this.i.ee = +v;
618
+ this._a("rowHeight", this.i.ee);
605
619
  },
606
620
  enumerable: false,
607
621
  configurable: true
608
622
  });
609
623
  Object.defineProperty(IgcListPanelComponent.prototype, "actualRowHeight", {
610
624
  get: function () {
611
- return this.i.c4;
625
+ return this.i.c5;
612
626
  },
613
627
  set: function (v) {
614
- this.i.c4 = +v;
615
- this._a("actualRowHeight", this.i.c4);
628
+ this.i.c5 = +v;
629
+ this._a("actualRowHeight", this.i.c5);
616
630
  },
617
631
  enumerable: false,
618
632
  configurable: true
@@ -662,11 +676,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
662
676
  * Gets or sets the scrollbar background color.
663
677
  */
664
678
  get: function () {
665
- return brushToString(this.i.h1);
679
+ return brushToString(this.i.h4);
666
680
  },
667
681
  set: function (v) {
668
- this.i.h1 = stringToBrush(v);
669
- this._a("scrollbarBackground", brushToString(this.i.h1));
682
+ this.i.h4 = stringToBrush(v);
683
+ this._a("scrollbarBackground", brushToString(this.i.h4));
670
684
  },
671
685
  enumerable: false,
672
686
  configurable: true
@@ -676,11 +690,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
676
690
  * Gets or sets the color to use for the background of the component.
677
691
  */
678
692
  get: function () {
679
- return brushToString(this.i.hx);
693
+ return brushToString(this.i.h0);
680
694
  },
681
695
  set: function (v) {
682
- this.i.hx = stringToBrush(v);
683
- this._a("backgroundColor", brushToString(this.i.hx));
696
+ this.i.h0 = stringToBrush(v);
697
+ this._a("backgroundColor", brushToString(this.i.h0));
684
698
  },
685
699
  enumerable: false,
686
700
  configurable: true
@@ -718,11 +732,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
718
732
  * Gets or sets the color to use for the text of the component.
719
733
  */
720
734
  get: function () {
721
- return brushToString(this.i.h3);
735
+ return brushToString(this.i.h6);
722
736
  },
723
737
  set: function (v) {
724
- this.i.h3 = stringToBrush(v);
725
- this._a("textColor", brushToString(this.i.h3));
738
+ this.i.h6 = stringToBrush(v);
739
+ this._a("textColor", brushToString(this.i.h6));
726
740
  },
727
741
  enumerable: false,
728
742
  configurable: true
@@ -732,11 +746,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
732
746
  * Gets or sets the position of the active row.
733
747
  */
734
748
  get: function () {
735
- return this.i.dt;
749
+ return this.i.dv;
736
750
  },
737
751
  set: function (v) {
738
- this.i.dt = +v;
739
- this._a("activeRow", this.i.dt);
752
+ this.i.dv = +v;
753
+ this._a("activeRow", this.i.dv);
740
754
  },
741
755
  enumerable: false,
742
756
  configurable: true
@@ -860,7 +874,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
860
874
 
861
875
  */
862
876
  IgcListPanelComponent.prototype.getLastVisibleIndex = function () {
863
- var iv = this.i.d2();
877
+ var iv = this.i.d4();
864
878
  return (iv);
865
879
  };
866
880
  /**
@@ -868,7 +882,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
868
882
 
869
883
  */
870
884
  IgcListPanelComponent.prototype.getFirstVisibleIndex = function () {
871
- var iv = this.i.d0();
885
+ var iv = this.i.d2();
872
886
  return (iv);
873
887
  };
874
888
  /**
@@ -876,10 +890,10 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
876
890
 
877
891
  */
878
892
  IgcListPanelComponent.prototype.invalidateVisibleItems = function () {
879
- this.i.f3();
893
+ this.i.f6();
880
894
  };
881
895
  IgcListPanelComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
882
- this.i.f9(index, oldItem, newItem);
896
+ this.i.gc(index, oldItem, newItem);
883
897
  };
884
898
  /**
885
899
  * Manually notifies the grid's data source that the data it has bound to has been cleared and needs to be re-examined.
@@ -887,13 +901,13 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
887
901
 
888
902
  */
889
903
  IgcListPanelComponent.prototype.notifyClearItems = function () {
890
- this.i.f6();
904
+ this.i.f9();
891
905
  };
892
906
  IgcListPanelComponent.prototype.notifyInsertItem = function (index, newItem) {
893
- this.i.f7(index, newItem);
907
+ this.i.ga(index, newItem);
894
908
  };
895
909
  IgcListPanelComponent.prototype.notifyRemoveItem = function (index, oldItem) {
896
- this.i.f8(index, oldItem);
910
+ this.i.gb(index, oldItem);
897
911
  };
898
912
  /**
899
913
  * Returns the data index of an item within the bound data source.
@@ -901,19 +915,19 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
901
915
  * @param item * The item from which to get the index.
902
916
  */
903
917
  IgcListPanelComponent.prototype.dataIndexOfItem = function (item) {
904
- var iv = this.i.dv(item);
918
+ var iv = this.i.dx(item);
905
919
  return (iv);
906
920
  };
907
921
  IgcListPanelComponent.prototype.dataIndexOfPrimaryKey = function (key) {
908
- var iv = this.i.dw(key);
922
+ var iv = this.i.dy(key);
909
923
  return (iv);
910
924
  };
911
925
  IgcListPanelComponent.prototype.exportVisualData = function () {
912
- var iv = this.i.ef();
926
+ var iv = this.i.eh();
913
927
  return (iv);
914
928
  };
915
929
  IgcListPanelComponent.prototype.exportSerializedVisualData = function () {
916
- var iv = this.i.ex();
930
+ var iv = this.i.ez();
917
931
  return (iv);
918
932
  };
919
933
  /**
@@ -921,7 +935,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
921
935
 
922
936
  */
923
937
  IgcListPanelComponent.prototype.selectAllRows = function () {
924
- this.i.hf();
938
+ this.i.hi();
925
939
  };
926
940
  /**
927
941
  * Scrolls the grid to given row, by index
@@ -929,7 +943,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
929
943
  * @param rowNumber * The row index to scroll to.
930
944
  */
931
945
  IgcListPanelComponent.prototype.scrollToRowByIndex = function (rowNumber) {
932
- this.i.hd(rowNumber);
946
+ this.i.hg(rowNumber);
933
947
  };
934
948
  /**
935
949
  * Scrolls the grid so that a row is the last visible, by index.
@@ -937,14 +951,14 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
937
951
  * @param rowNumber * The row index to scroll to.
938
952
  */
939
953
  IgcListPanelComponent.prototype.scrollToLastRowByIndex = function (rowNumber) {
940
- this.i.hb(rowNumber);
954
+ this.i.he(rowNumber);
941
955
  };
942
956
  /**
943
957
  * Deselects all currently selected rows.
944
958
 
945
959
  */
946
960
  IgcListPanelComponent.prototype.deselectAllRows = function () {
947
- this.i.fm();
961
+ this.i.fp();
948
962
  };
949
963
  Object.defineProperty(IgcListPanelComponent.prototype, "itemRecycled", {
950
964
  /**