igniteui-webcomponents-layouts 7.0.0 → 7.0.1

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 (64) hide show
  1. package/bundles/igniteui-webcomponents-layouts.umd.js +5037 -4563
  2. package/bundles/igniteui-webcomponents-layouts.umd.min.js +1 -1
  3. package/esm2015/lib/ComboEditorView_combined.js +27 -27
  4. package/esm2015/lib/ExpansionPanelView_combined.js +7 -7
  5. package/esm2015/lib/GridColumnProviderOnAttachingOverrideEventArgs.js +18 -0
  6. package/esm2015/lib/ListPanelView_combined.js +1 -1
  7. package/esm2015/lib/NativeUILayoutFactory_combined.js +4314 -4089
  8. package/esm2015/lib/PropertyEditorPanelView_combined.js +26 -26
  9. package/esm2015/lib/TooltipTextPresenter.js +2 -2
  10. package/esm2015/lib/igc-tool-action-button-component.js +6 -6
  11. package/esm2015/lib/igc-tool-action-button-pair-component.js +103 -103
  12. package/esm2015/lib/igc-tool-action-checkbox-component.js +27 -27
  13. package/esm2015/lib/igc-tool-action-checkbox-list-component.js +97 -17
  14. package/esm2015/lib/igc-tool-action-color-editor-component.js +3 -3
  15. package/esm2015/lib/igc-tool-action-combo-component.js +8 -8
  16. package/esm2015/lib/igc-tool-action-component.js +94 -80
  17. package/esm2015/lib/igc-tool-action-field-selector-component.js +45 -45
  18. package/esm2015/lib/igc-tool-action-group-header-component.js +6 -6
  19. package/esm2015/lib/igc-tool-action-icon-button-component.js +32 -32
  20. package/esm2015/lib/igc-tool-action-icon-menu-component.js +9 -9
  21. package/esm2015/lib/igc-tool-action-number-input-component.js +3 -3
  22. package/esm2015/lib/igc-tool-action-radio-component.js +32 -32
  23. package/esm2015/lib/igc-tool-action-separator-component.js +6 -6
  24. package/esm2015/lib/igc-tool-action-sub-panel-component.js +3 -3
  25. package/esm2015/lib/igc-tool-action-text-input-component.js +2 -2
  26. package/esm2015/lib/igc-tool-panel-component.js +156 -142
  27. package/esm2015/lib/igc-toolbar-component.js +99 -87
  28. package/esm2015/public_api.js +1 -0
  29. package/esm5/lib/ComboEditorView_combined.js +27 -27
  30. package/esm5/lib/ExpansionPanelView_combined.js +7 -7
  31. package/esm5/lib/GridColumnProviderOnAttachingOverrideEventArgs.js +21 -0
  32. package/esm5/lib/ListPanelView_combined.js +1 -1
  33. package/esm5/lib/NativeUILayoutFactory_combined.js +4171 -3886
  34. package/esm5/lib/PropertyEditorPanelView_combined.js +26 -26
  35. package/esm5/lib/TooltipTextPresenter.js +2 -2
  36. package/esm5/lib/igc-tool-action-button-component.js +6 -6
  37. package/esm5/lib/igc-tool-action-button-pair-component.js +103 -103
  38. package/esm5/lib/igc-tool-action-checkbox-component.js +27 -27
  39. package/esm5/lib/igc-tool-action-checkbox-list-component.js +129 -17
  40. package/esm5/lib/igc-tool-action-color-editor-component.js +3 -3
  41. package/esm5/lib/igc-tool-action-combo-component.js +8 -8
  42. package/esm5/lib/igc-tool-action-component.js +102 -80
  43. package/esm5/lib/igc-tool-action-field-selector-component.js +45 -45
  44. package/esm5/lib/igc-tool-action-group-header-component.js +6 -6
  45. package/esm5/lib/igc-tool-action-icon-button-component.js +32 -32
  46. package/esm5/lib/igc-tool-action-icon-menu-component.js +9 -9
  47. package/esm5/lib/igc-tool-action-number-input-component.js +3 -3
  48. package/esm5/lib/igc-tool-action-radio-component.js +32 -32
  49. package/esm5/lib/igc-tool-action-separator-component.js +6 -6
  50. package/esm5/lib/igc-tool-action-sub-panel-component.js +3 -3
  51. package/esm5/lib/igc-tool-action-text-input-component.js +2 -2
  52. package/esm5/lib/igc-tool-panel-component.js +164 -142
  53. package/esm5/lib/igc-toolbar-component.js +103 -91
  54. package/esm5/public_api.js +1 -0
  55. package/fesm2015/igniteui-webcomponents-layouts.js +5112 -4750
  56. package/fesm5/igniteui-webcomponents-layouts.js +5037 -4564
  57. package/lib/GridColumnProviderOnAttachingOverrideEventArgs.d.ts +8 -0
  58. package/lib/NativeUILayoutFactory_combined.d.ts +972 -935
  59. package/lib/igc-tool-action-checkbox-list-component.d.ts +40 -0
  60. package/lib/igc-tool-action-component.d.ts +4 -0
  61. package/lib/igc-tool-panel-component.d.ts +4 -0
  62. package/lib/igc-toolbar-component.d.ts +7 -1
  63. package/package.json +3 -3
  64. package/public_api.d.ts +1 -0
@@ -65,91 +65,91 @@ let IgcToolActionCheckboxComponent = /*@__PURE__*/ (() => {
65
65
  * Gets or sets if the tool action is checked.
66
66
  */
67
67
  get isChecked() {
68
- return this.i.hn;
68
+ return this.i.hr;
69
69
  }
70
70
  set isChecked(v) {
71
- this.i.hn = ensureBool(v);
72
- this._a("isChecked", this.i.hn);
71
+ this.i.hr = ensureBool(v);
72
+ this._a("isChecked", this.i.hr);
73
73
  }
74
74
  /**
75
75
  * Gets or sets the background color of the checkbox when in the unchecked state.
76
76
  */
77
77
  get uncheckedBackgroundColor() {
78
- return brushToString(this.i.h5);
78
+ return brushToString(this.i.h9);
79
79
  }
80
80
  set uncheckedBackgroundColor(v) {
81
- this.i.h5 = stringToBrush(v);
82
- this._a("uncheckedBackgroundColor", brushToString(this.i.h5));
81
+ this.i.h9 = stringToBrush(v);
82
+ this._a("uncheckedBackgroundColor", brushToString(this.i.h9));
83
83
  }
84
84
  /**
85
85
  * Gets the actual background color of the checkbox when in the unchecked state.
86
86
  */
87
87
  get actualUncheckedBackgroundColor() {
88
- return brushToString(this.i.h1);
88
+ return brushToString(this.i.h5);
89
89
  }
90
90
  set actualUncheckedBackgroundColor(v) {
91
- this.i.h1 = stringToBrush(v);
92
- this._a("actualUncheckedBackgroundColor", brushToString(this.i.h1));
91
+ this.i.h5 = stringToBrush(v);
92
+ this._a("actualUncheckedBackgroundColor", brushToString(this.i.h5));
93
93
  }
94
94
  /**
95
95
  * Gets or sets the background color of the checkbox when in the checked state.
96
96
  */
97
97
  get checkedBackgroundColor() {
98
- return brushToString(this.i.h3);
98
+ return brushToString(this.i.h7);
99
99
  }
100
100
  set checkedBackgroundColor(v) {
101
- this.i.h3 = stringToBrush(v);
102
- this._a("checkedBackgroundColor", brushToString(this.i.h3));
101
+ this.i.h7 = stringToBrush(v);
102
+ this._a("checkedBackgroundColor", brushToString(this.i.h7));
103
103
  }
104
104
  /**
105
105
  * Gets the actual background color of the checkbox when in the checked state.
106
106
  */
107
107
  get actualCheckedBackgroundColor() {
108
- return brushToString(this.i.hz);
108
+ return brushToString(this.i.h3);
109
109
  }
110
110
  set actualCheckedBackgroundColor(v) {
111
- this.i.hz = stringToBrush(v);
112
- this._a("actualCheckedBackgroundColor", brushToString(this.i.hz));
111
+ this.i.h3 = stringToBrush(v);
112
+ this._a("actualCheckedBackgroundColor", brushToString(this.i.h3));
113
113
  }
114
114
  /**
115
115
  * Gets or sets the border color of the checkbox when in the unchecked state.
116
116
  */
117
117
  get uncheckedBorderColor() {
118
- return brushToString(this.i.h6);
118
+ return brushToString(this.i.ia);
119
119
  }
120
120
  set uncheckedBorderColor(v) {
121
- this.i.h6 = stringToBrush(v);
122
- this._a("uncheckedBorderColor", brushToString(this.i.h6));
121
+ this.i.ia = stringToBrush(v);
122
+ this._a("uncheckedBorderColor", brushToString(this.i.ia));
123
123
  }
124
124
  /**
125
125
  * Gets the actual border color of the checkbox when in the unchecked state.
126
126
  */
127
127
  get actualUncheckedBorderColor() {
128
- return brushToString(this.i.h2);
128
+ return brushToString(this.i.h6);
129
129
  }
130
130
  set actualUncheckedBorderColor(v) {
131
- this.i.h2 = stringToBrush(v);
132
- this._a("actualUncheckedBorderColor", brushToString(this.i.h2));
131
+ this.i.h6 = stringToBrush(v);
132
+ this._a("actualUncheckedBorderColor", brushToString(this.i.h6));
133
133
  }
134
134
  /**
135
135
  * Gets or sets the border color of the checkbox when in the checked state.
136
136
  */
137
137
  get checkedBorderColor() {
138
- return brushToString(this.i.h4);
138
+ return brushToString(this.i.h8);
139
139
  }
140
140
  set checkedBorderColor(v) {
141
- this.i.h4 = stringToBrush(v);
142
- this._a("checkedBorderColor", brushToString(this.i.h4));
141
+ this.i.h8 = stringToBrush(v);
142
+ this._a("checkedBorderColor", brushToString(this.i.h8));
143
143
  }
144
144
  /**
145
145
  * Gets the actual border color of the checkbox when in the checked state.
146
146
  */
147
147
  get actualCheckedBorderColor() {
148
- return brushToString(this.i.h0);
148
+ return brushToString(this.i.h4);
149
149
  }
150
150
  set actualCheckedBorderColor(v) {
151
- this.i.h0 = stringToBrush(v);
152
- this._a("actualCheckedBorderColor", brushToString(this.i.h0));
151
+ this.i.h4 = stringToBrush(v);
152
+ this._a("actualCheckedBorderColor", brushToString(this.i.h4));
153
153
  }
154
154
  exportVisualData() {
155
155
  let iv = this.i.cr();
@@ -2,7 +2,7 @@ import { IgcLayoutSelectedKeysCollection } from "./igc-layout-selected-keys-coll
2
2
  import { ToolActionCheckboxListIndexType_$type } from "./ToolActionCheckboxListIndexType";
3
3
  import { IgcToolActionComponent } from "./igc-tool-action-component";
4
4
  import { ToolActionCheckboxList } from "./ToolActionCheckboxList";
5
- import { getAllPropertyNames, toSpinal, ensureBool, ensureEnum, enumToString } from "igniteui-webcomponents-core";
5
+ import { getAllPropertyNames, toSpinal, ensureBool, ensureEnum, enumToString, brushToString, stringToBrush } from "igniteui-webcomponents-core";
6
6
  import { RegisterElementHelper } from "igniteui-webcomponents-core";
7
7
  import { LayoutSelectedKeysCollection as LayoutSelectedKeysCollection_internal } from "./LayoutSelectedKeysCollection";
8
8
  import { LayoutPrimaryKeyValue } from "./LayoutPrimaryKeyValue";
@@ -80,42 +80,42 @@ let IgcToolActionCheckboxListComponent = /*@__PURE__*/ (() => {
80
80
  * Gets or sets if the tool action is checked.
81
81
  */
82
82
  get selectedMemberPath() {
83
- return this.i.h3;
83
+ return this.i.ie;
84
84
  }
85
85
  set selectedMemberPath(v) {
86
- this.i.h3 = v;
86
+ this.i.ie = v;
87
87
  }
88
88
  /**
89
89
  * Gets or sets if the select all row is shown.
90
90
  */
91
91
  get showSelectAll() {
92
- return this.i.hs;
92
+ return this.i.hw;
93
93
  }
94
94
  set showSelectAll(v) {
95
- this.i.hs = ensureBool(v);
96
- this._a("showSelectAll", this.i.hs);
95
+ this.i.hw = ensureBool(v);
96
+ this._a("showSelectAll", this.i.hw);
97
97
  }
98
98
  /**
99
99
  * Gets or sets if the tool action is checked.
100
100
  */
101
101
  get dataMemberPath() {
102
- return this.i.hx;
102
+ return this.i.h8;
103
103
  }
104
104
  set dataMemberPath(v) {
105
- this.i.hx = v;
105
+ this.i.h8 = v;
106
106
  }
107
107
  /**
108
108
  * Gets or sets if the tool action is checked.
109
109
  */
110
110
  get primaryKey() {
111
- return this.i.hm;
111
+ return this.i.hq;
112
112
  }
113
113
  set primaryKey(v) {
114
114
  if (v && !Array.isArray(v) && typeof (v) == "string") {
115
115
  const re = /\s*(?:,|\s|$)\s*/gm;
116
116
  v = v.split(re);
117
117
  }
118
- this.i.hm = v;
118
+ this.i.hq = v;
119
119
  }
120
120
  /**
121
121
 
@@ -123,12 +123,12 @@ let IgcToolActionCheckboxListComponent = /*@__PURE__*/ (() => {
123
123
  get selectedKeys() {
124
124
  if (this._selectedKeys === null) {
125
125
  let coll = new IgcLayoutSelectedKeysCollection();
126
- let innerColl = this.i.hn;
126
+ let innerColl = this.i.hr;
127
127
  if (!innerColl) {
128
128
  innerColl = new LayoutSelectedKeysCollection_internal();
129
129
  }
130
130
  this._selectedKeys = coll._fromInner(innerColl);
131
- this.i.hn = innerColl;
131
+ this.i.hr = innerColl;
132
132
  }
133
133
  return this._selectedKeys;
134
134
  }
@@ -140,24 +140,104 @@ let IgcToolActionCheckboxListComponent = /*@__PURE__*/ (() => {
140
140
  let coll = new IgcLayoutSelectedKeysCollection();
141
141
  this._selectedKeys = coll._fromOuter(v);
142
142
  let syncColl = new SyncableObservableCollection$1(LayoutPrimaryKeyValue.$type);
143
- let innerColl = this.i.hn;
143
+ let innerColl = this.i.hr;
144
144
  if (!innerColl) {
145
145
  innerColl = new LayoutSelectedKeysCollection_internal();
146
146
  }
147
147
  syncColl._inner = innerColl;
148
148
  syncColl.clear();
149
149
  this._selectedKeys._setSyncTarget(syncColl);
150
- this.i.hn = innerColl;
150
+ this.i.hr = innerColl;
151
151
  }
152
152
  /**
153
153
 
154
154
  */
155
155
  get indexType() {
156
- return this.i.ho;
156
+ return this.i.hs;
157
157
  }
158
158
  set indexType(v) {
159
- this.i.ho = ensureEnum(ToolActionCheckboxListIndexType_$type, v);
160
- this._a("indexType", enumToString(ToolActionCheckboxListIndexType_$type, this.i.ho));
159
+ this.i.hs = ensureEnum(ToolActionCheckboxListIndexType_$type, v);
160
+ this._a("indexType", enumToString(ToolActionCheckboxListIndexType_$type, this.i.hs));
161
+ }
162
+ /**
163
+ * Gets or sets the background color of the checkbox when in the unchecked state.
164
+ */
165
+ get uncheckedBackgroundColor() {
166
+ return brushToString(this.i.i0);
167
+ }
168
+ set uncheckedBackgroundColor(v) {
169
+ this.i.i0 = stringToBrush(v);
170
+ this._a("uncheckedBackgroundColor", brushToString(this.i.i0));
171
+ }
172
+ /**
173
+ * Gets the actual background color of the checkbox when in the unchecked state.
174
+ */
175
+ get actualUncheckedBackgroundColor() {
176
+ return brushToString(this.i.iw);
177
+ }
178
+ set actualUncheckedBackgroundColor(v) {
179
+ this.i.iw = stringToBrush(v);
180
+ this._a("actualUncheckedBackgroundColor", brushToString(this.i.iw));
181
+ }
182
+ /**
183
+ * Gets or sets the background color of the checkbox when in the checked state.
184
+ */
185
+ get checkedBackgroundColor() {
186
+ return brushToString(this.i.iy);
187
+ }
188
+ set checkedBackgroundColor(v) {
189
+ this.i.iy = stringToBrush(v);
190
+ this._a("checkedBackgroundColor", brushToString(this.i.iy));
191
+ }
192
+ /**
193
+ * Gets the actual background color of the checkbox when in the checked state.
194
+ */
195
+ get actualCheckedBackgroundColor() {
196
+ return brushToString(this.i.iu);
197
+ }
198
+ set actualCheckedBackgroundColor(v) {
199
+ this.i.iu = stringToBrush(v);
200
+ this._a("actualCheckedBackgroundColor", brushToString(this.i.iu));
201
+ }
202
+ /**
203
+ * Gets or sets the border color of the checkbox when in the unchecked state.
204
+ */
205
+ get uncheckedBorderColor() {
206
+ return brushToString(this.i.i1);
207
+ }
208
+ set uncheckedBorderColor(v) {
209
+ this.i.i1 = stringToBrush(v);
210
+ this._a("uncheckedBorderColor", brushToString(this.i.i1));
211
+ }
212
+ /**
213
+ * Gets the actual border color of the checkbox when in the unchecked state.
214
+ */
215
+ get actualUncheckedBorderColor() {
216
+ return brushToString(this.i.ix);
217
+ }
218
+ set actualUncheckedBorderColor(v) {
219
+ this.i.ix = stringToBrush(v);
220
+ this._a("actualUncheckedBorderColor", brushToString(this.i.ix));
221
+ }
222
+ /**
223
+ * Gets or sets the border color of the checkbox when in the checked state.
224
+ */
225
+ get checkedBorderColor() {
226
+ return brushToString(this.i.iz);
227
+ }
228
+ set checkedBorderColor(v) {
229
+ this.i.iz = stringToBrush(v);
230
+ this._a("checkedBorderColor", brushToString(this.i.iz));
231
+ }
232
+ /**
233
+ * Gets the actual border color of the checkbox when in the checked state.
234
+ */
235
+ get actualCheckedBorderColor() {
236
+ return brushToString(this.i.iv);
237
+ }
238
+ set actualCheckedBorderColor(v) {
239
+ this.i.iv = stringToBrush(v);
240
+ this._a("actualCheckedBorderColor", brushToString(this.i.iv));
161
241
  }
162
242
  findByName(name) {
163
243
  var baseResult = super.findByName(name);
@@ -65,11 +65,11 @@ let IgcToolActionColorEditorComponent = /*@__PURE__*/ (() => {
65
65
  * Gets or sets the value for the input.
66
66
  */
67
67
  get value() {
68
- return brushToString(this.i.hs);
68
+ return brushToString(this.i.hw);
69
69
  }
70
70
  set value(v) {
71
- this.i.hs = stringToBrush(v);
72
- this._a("value", brushToString(this.i.hs));
71
+ this.i.hw = stringToBrush(v);
72
+ this._a("value", brushToString(this.i.hw));
73
73
  }
74
74
  exportVisualData() {
75
75
  let iv = this.i.cr();
@@ -79,19 +79,19 @@ let IgcToolActionComboComponent = /*@__PURE__*/ (() => {
79
79
  * Gets or sets the field to use to get the displayed values.
80
80
  */
81
81
  get displayMemberPath() {
82
- return this.i.hq;
82
+ return this.i.hu;
83
83
  }
84
84
  set displayMemberPath(v) {
85
- this.i.hq = v;
85
+ this.i.hu = v;
86
86
  }
87
87
  /**
88
88
  * Gets or sets the field to use to get the values to use.
89
89
  */
90
90
  get valueMemberPath() {
91
- return this.i.hu;
91
+ return this.i.hy;
92
92
  }
93
93
  set valueMemberPath(v) {
94
- this.i.hu = v;
94
+ this.i.hy = v;
95
95
  }
96
96
  /**
97
97
 
@@ -99,12 +99,12 @@ let IgcToolActionComboComponent = /*@__PURE__*/ (() => {
99
99
  get selectedValues() {
100
100
  if (this._selectedValues === null) {
101
101
  let coll = new IgcLayoutSelectedItemsCollection();
102
- let innerColl = this.i.hm;
102
+ let innerColl = this.i.hq;
103
103
  if (!innerColl) {
104
104
  innerColl = new LayoutSelectedItemsCollection_internal();
105
105
  }
106
106
  this._selectedValues = coll._fromInner(innerColl);
107
- this.i.hm = innerColl;
107
+ this.i.hq = innerColl;
108
108
  }
109
109
  return this._selectedValues;
110
110
  }
@@ -116,14 +116,14 @@ let IgcToolActionComboComponent = /*@__PURE__*/ (() => {
116
116
  let coll = new IgcLayoutSelectedItemsCollection();
117
117
  this._selectedValues = coll._fromOuter(v);
118
118
  let syncColl = new SyncableObservableCollection$1(Base.$type);
119
- let innerColl = this.i.hm;
119
+ let innerColl = this.i.hq;
120
120
  if (!innerColl) {
121
121
  innerColl = new LayoutSelectedItemsCollection_internal();
122
122
  }
123
123
  syncColl._inner = innerColl;
124
124
  syncColl.clear();
125
125
  this._selectedValues._setSyncTarget(syncColl);
126
- this.i.hm = innerColl;
126
+ this.i.hq = innerColl;
127
127
  }
128
128
  exportVisualData() {
129
129
  let iv = this.i.cr();