igniteui-angular-inputs 18.1.1 → 18.2.0-beta.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 (224) hide show
  1. package/bundles/igniteui-angular-inputs.umd.js +16857 -7563
  2. package/bundles/igniteui-angular-inputs.umd.min.js +1 -1
  3. package/esm2015/lib/ButtonGroupView_combined.js +19 -19
  4. package/esm2015/lib/ButtonView_combined.js +820 -790
  5. package/esm2015/lib/CalendarView_combined.js +82 -82
  6. package/esm2015/lib/ColorEditor.js +7 -0
  7. package/esm2015/lib/ColorEditorBridge.js +7 -0
  8. package/esm2015/lib/ColorEditorGotFocusEventArgs.js +16 -0
  9. package/esm2015/lib/ColorEditorLostFocusEventArgs.js +16 -0
  10. package/esm2015/lib/ColorEditorPanel.js +7 -0
  11. package/esm2015/lib/ColorEditorPanelClosedEventArgs.js +16 -0
  12. package/esm2015/lib/ColorEditorPanelSelectedValueChangedEventArgs.js +33 -0
  13. package/esm2015/lib/ColorEditorPanelView.js +7 -0
  14. package/esm2015/lib/ColorEditorView.js +7 -0
  15. package/esm2015/lib/DatePickerView_combined.js +18 -18
  16. package/esm2015/lib/DefaultMultiSliderTrackBarVisual.js +113 -0
  17. package/esm2015/lib/DefaultMultiSliderTrackRangeVisual.js +208 -0
  18. package/esm2015/lib/DefaultMultiSliderTrackThumbCalloutVisual.js +170 -0
  19. package/esm2015/lib/DefaultMultiSliderTrackThumbVisual.js +193 -0
  20. package/esm2015/lib/DefaultMultiTrackShadeVisual.js +172 -0
  21. package/esm2015/lib/IMultiSliderTrackBarVisual.js +11 -0
  22. package/esm2015/lib/IMultiSliderTrackRangeVisual.js +11 -0
  23. package/esm2015/lib/IMultiSliderTrackShadeVisual.js +11 -0
  24. package/esm2015/lib/IMultiSliderTrackThumbCalloutVisual.js +11 -0
  25. package/esm2015/lib/IMultiSliderTrackThumbVisual.js +11 -0
  26. package/esm2015/lib/ISliderTrackOwner.js +11 -0
  27. package/esm2015/lib/IconClickedEventArgs.js +10 -0
  28. package/esm2015/lib/IconView_combined.js +345 -314
  29. package/esm2015/lib/InputGroupView_combined.js +456 -355
  30. package/esm2015/lib/MultiSlider.js +7 -0
  31. package/esm2015/lib/MultiSliderBridge.js +165 -0
  32. package/esm2015/lib/MultiSliderCursor.js +11 -0
  33. package/esm2015/lib/MultiSliderHitInfo.js +22 -0
  34. package/esm2015/lib/MultiSliderOrientation.js +17 -0
  35. package/esm2015/lib/MultiSliderResolvingToolTipValueEventArgs.js +33 -0
  36. package/esm2015/lib/MultiSliderThumb.js +7 -0
  37. package/esm2015/lib/MultiSliderThumbCollection.js +21 -0
  38. package/esm2015/lib/MultiSliderThumbRangePosition.js +16 -0
  39. package/esm2015/lib/MultiSliderThumbValueChangingEventArgs.js +21 -0
  40. package/esm2015/lib/MultiSliderThumb_combined.js +297 -0
  41. package/esm2015/lib/MultiSliderTrackShadeOrientation.js +11 -0
  42. package/esm2015/lib/MultiSliderTrackThumbRange.js +7 -0
  43. package/esm2015/lib/MultiSliderView.js +7 -0
  44. package/esm2015/lib/MultiSliderView_combined.js +1785 -0
  45. package/esm2015/lib/MultiSliderVisualArea.js +11 -0
  46. package/esm2015/lib/MultiSliderYValueChangingEventArgs.js +20 -0
  47. package/esm2015/lib/NativeUIXInputsFactory.js +1 -179
  48. package/esm2015/lib/NativeUIXInputsFactory_combined.js +2113 -0
  49. package/esm2015/lib/XButtonBridge.js +25 -20
  50. package/esm2015/lib/XButtonGroupBridge.js +177 -0
  51. package/esm2015/lib/XComponentBridge.js +3 -0
  52. package/esm2015/lib/XIconBridge.js +20 -16
  53. package/esm2015/lib/XInputBridge.js +274 -26
  54. package/esm2015/lib/XPopupBridge.js +117 -98
  55. package/esm2015/lib/igx-color-editor-component.js +470 -0
  56. package/esm2015/lib/igx-color-editor-dynamic-module.js +45 -0
  57. package/esm2015/lib/igx-color-editor-got-focus-event-args.js +27 -0
  58. package/esm2015/lib/igx-color-editor-lost-focus-event-args.js +27 -0
  59. package/esm2015/lib/igx-color-editor-module.js +39 -0
  60. package/esm2015/lib/igx-color-editor-panel-closed-event-args.js +27 -0
  61. package/esm2015/lib/igx-color-editor-panel-component.js +376 -0
  62. package/esm2015/lib/igx-color-editor-panel-dynamic-module.js +66 -0
  63. package/esm2015/lib/igx-color-editor-panel-module.js +60 -0
  64. package/esm2015/lib/igx-color-editor-panel-selected-value-changed-event-args.js +40 -0
  65. package/esm2015/lib/igx-multi-slider-component.js +642 -0
  66. package/esm2015/lib/igx-multi-slider-dynamic-module.js +38 -0
  67. package/esm2015/lib/igx-multi-slider-module.js +36 -0
  68. package/esm2015/lib/igx-multi-slider-resolving-tool-tip-value-event-args.js +39 -0
  69. package/esm2015/lib/igx-multi-slider-thumb-collection.js +53 -0
  70. package/esm2015/lib/igx-multi-slider-thumb-value-changing-event-args.js +56 -0
  71. package/esm2015/lib/igx-multi-slider-thumb.js +111 -0
  72. package/esm2015/lib/igx-multi-slider-track-thumb-range.js +119 -0
  73. package/esm2015/lib/igx-multi-slider-y-value-changing-event-args.js +33 -0
  74. package/esm2015/lib/igx-x-button-component.js +262 -262
  75. package/esm2015/lib/igx-x-icon-component.js +66 -55
  76. package/esm2015/lib/igx-x-input-group-component.js +48 -48
  77. package/esm2015/lib/igx-x-label-component.js +41 -40
  78. package/esm2015/public_api.js +55 -0
  79. package/esm5/lib/ButtonGroupView_combined.js +19 -19
  80. package/esm5/lib/ButtonView_combined.js +765 -735
  81. package/esm5/lib/CalendarView_combined.js +82 -82
  82. package/esm5/lib/ColorEditor.js +7 -0
  83. package/esm5/lib/ColorEditorBridge.js +7 -0
  84. package/esm5/lib/ColorEditorGotFocusEventArgs.js +20 -0
  85. package/esm5/lib/ColorEditorLostFocusEventArgs.js +20 -0
  86. package/esm5/lib/ColorEditorPanel.js +7 -0
  87. package/esm5/lib/ColorEditorPanelClosedEventArgs.js +20 -0
  88. package/esm5/lib/ColorEditorPanelSelectedValueChangedEventArgs.js +43 -0
  89. package/esm5/lib/ColorEditorPanelView.js +7 -0
  90. package/esm5/lib/ColorEditorView.js +7 -0
  91. package/esm5/lib/DatePickerView_combined.js +18 -18
  92. package/esm5/lib/DefaultMultiSliderTrackBarVisual.js +139 -0
  93. package/esm5/lib/DefaultMultiSliderTrackRangeVisual.js +242 -0
  94. package/esm5/lib/DefaultMultiSliderTrackThumbCalloutVisual.js +212 -0
  95. package/esm5/lib/DefaultMultiSliderTrackThumbVisual.js +227 -0
  96. package/esm5/lib/DefaultMultiTrackShadeVisual.js +206 -0
  97. package/esm5/lib/IMultiSliderTrackBarVisual.js +11 -0
  98. package/esm5/lib/IMultiSliderTrackRangeVisual.js +11 -0
  99. package/esm5/lib/IMultiSliderTrackShadeVisual.js +11 -0
  100. package/esm5/lib/IMultiSliderTrackThumbCalloutVisual.js +11 -0
  101. package/esm5/lib/IMultiSliderTrackThumbVisual.js +11 -0
  102. package/esm5/lib/ISliderTrackOwner.js +11 -0
  103. package/esm5/lib/IconClickedEventArgs.js +13 -1
  104. package/esm5/lib/IconView_combined.js +336 -301
  105. package/esm5/lib/InputGroupView_combined.js +444 -343
  106. package/esm5/lib/MultiSlider.js +7 -0
  107. package/esm5/lib/MultiSliderBridge.js +167 -0
  108. package/esm5/lib/MultiSliderCursor.js +11 -0
  109. package/esm5/lib/MultiSliderHitInfo.js +24 -0
  110. package/esm5/lib/MultiSliderOrientation.js +17 -0
  111. package/esm5/lib/MultiSliderResolvingToolTipValueEventArgs.js +43 -0
  112. package/esm5/lib/MultiSliderThumb.js +7 -0
  113. package/esm5/lib/MultiSliderThumbCollection.js +22 -0
  114. package/esm5/lib/MultiSliderThumbRangePosition.js +16 -0
  115. package/esm5/lib/MultiSliderThumbValueChangingEventArgs.js +23 -0
  116. package/esm5/lib/MultiSliderThumb_combined.js +352 -0
  117. package/esm5/lib/MultiSliderTrackShadeOrientation.js +11 -0
  118. package/esm5/lib/MultiSliderTrackThumbRange.js +7 -0
  119. package/esm5/lib/MultiSliderView.js +7 -0
  120. package/esm5/lib/MultiSliderView_combined.js +2006 -0
  121. package/esm5/lib/MultiSliderVisualArea.js +11 -0
  122. package/esm5/lib/MultiSliderYValueChangingEventArgs.js +22 -0
  123. package/esm5/lib/NativeUIXInputsFactory.js +1 -189
  124. package/esm5/lib/NativeUIXInputsFactory_combined.js +2298 -0
  125. package/esm5/lib/XButtonBridge.js +25 -20
  126. package/esm5/lib/XButtonGroupBridge.js +179 -0
  127. package/esm5/lib/XComponentBridge.js +3 -0
  128. package/esm5/lib/XIconBridge.js +20 -16
  129. package/esm5/lib/XInputBridge.js +274 -26
  130. package/esm5/lib/XPopupBridge.js +117 -98
  131. package/esm5/lib/igx-color-editor-component.js +555 -0
  132. package/esm5/lib/igx-color-editor-dynamic-module.js +44 -0
  133. package/esm5/lib/igx-color-editor-got-focus-event-args.js +33 -0
  134. package/esm5/lib/igx-color-editor-lost-focus-event-args.js +33 -0
  135. package/esm5/lib/igx-color-editor-module.js +38 -0
  136. package/esm5/lib/igx-color-editor-panel-closed-event-args.js +33 -0
  137. package/esm5/lib/igx-color-editor-panel-component.js +435 -0
  138. package/esm5/lib/igx-color-editor-panel-dynamic-module.js +65 -0
  139. package/esm5/lib/igx-color-editor-panel-module.js +59 -0
  140. package/esm5/lib/igx-color-editor-panel-selected-value-changed-event-args.js +54 -0
  141. package/esm5/lib/igx-multi-slider-component.js +842 -0
  142. package/esm5/lib/igx-multi-slider-dynamic-module.js +37 -0
  143. package/esm5/lib/igx-multi-slider-module.js +35 -0
  144. package/esm5/lib/igx-multi-slider-resolving-tool-tip-value-event-args.js +53 -0
  145. package/esm5/lib/igx-multi-slider-thumb-collection.js +58 -0
  146. package/esm5/lib/igx-multi-slider-thumb-value-changing-event-args.js +70 -0
  147. package/esm5/lib/igx-multi-slider-thumb.js +134 -0
  148. package/esm5/lib/igx-multi-slider-track-thumb-range.js +149 -0
  149. package/esm5/lib/igx-multi-slider-y-value-changing-event-args.js +43 -0
  150. package/esm5/lib/igx-x-button-component.js +262 -262
  151. package/esm5/lib/igx-x-icon-component.js +70 -55
  152. package/esm5/lib/igx-x-input-group-component.js +48 -48
  153. package/esm5/lib/igx-x-label-component.js +41 -40
  154. package/esm5/public_api.js +55 -0
  155. package/fesm2015/igniteui-angular-inputs.js +15626 -7466
  156. package/fesm5/igniteui-angular-inputs.js +16802 -7565
  157. package/lib/ButtonView_combined.d.ts +243 -241
  158. package/lib/ColorEditor.d.ts +1 -0
  159. package/lib/ColorEditorBridge.d.ts +1 -0
  160. package/lib/ColorEditorGotFocusEventArgs.d.ts +7 -0
  161. package/lib/ColorEditorLostFocusEventArgs.d.ts +7 -0
  162. package/lib/ColorEditorPanel.d.ts +1 -0
  163. package/lib/ColorEditorPanelClosedEventArgs.d.ts +7 -0
  164. package/lib/ColorEditorPanelSelectedValueChangedEventArgs.d.ts +14 -0
  165. package/lib/ColorEditorPanelView.d.ts +1 -0
  166. package/lib/ColorEditorView.d.ts +1 -0
  167. package/lib/DefaultMultiSliderTrackBarVisual.d.ts +34 -0
  168. package/lib/DefaultMultiSliderTrackRangeVisual.d.ts +43 -0
  169. package/lib/DefaultMultiSliderTrackThumbCalloutVisual.d.ts +49 -0
  170. package/lib/DefaultMultiSliderTrackThumbVisual.d.ts +45 -0
  171. package/lib/DefaultMultiTrackShadeVisual.d.ts +42 -0
  172. package/lib/IMultiSliderTrackBarVisual.d.ts +21 -0
  173. package/lib/IMultiSliderTrackRangeVisual.d.ts +25 -0
  174. package/lib/IMultiSliderTrackShadeVisual.d.ts +24 -0
  175. package/lib/IMultiSliderTrackThumbCalloutVisual.d.ts +27 -0
  176. package/lib/IMultiSliderTrackThumbVisual.d.ts +27 -0
  177. package/lib/ISliderTrackOwner.d.ts +15 -0
  178. package/lib/IconClickedEventArgs.d.ts +3 -0
  179. package/lib/IconView_combined.d.ts +88 -84
  180. package/lib/InputGroupView_combined.d.ts +120 -113
  181. package/lib/MultiSlider.d.ts +1 -0
  182. package/lib/MultiSliderBridge.d.ts +24 -0
  183. package/lib/MultiSliderCursor.d.ts +15 -0
  184. package/lib/MultiSliderHitInfo.d.ts +13 -0
  185. package/lib/MultiSliderOrientation.d.ts +10 -0
  186. package/lib/MultiSliderResolvingToolTipValueEventArgs.d.ts +13 -0
  187. package/lib/MultiSliderThumb.d.ts +1 -0
  188. package/lib/MultiSliderThumbCollection.d.ts +10 -0
  189. package/lib/MultiSliderThumbRangePosition.d.ts +9 -0
  190. package/lib/MultiSliderThumbValueChangingEventArgs.d.ts +10 -0
  191. package/lib/MultiSliderThumb_combined.d.ts +76 -0
  192. package/lib/MultiSliderTrackShadeOrientation.d.ts +14 -0
  193. package/lib/MultiSliderTrackThumbRange.d.ts +1 -0
  194. package/lib/MultiSliderView.d.ts +1 -0
  195. package/lib/MultiSliderView_combined.d.ts +298 -0
  196. package/lib/MultiSliderVisualArea.d.ts +14 -0
  197. package/lib/MultiSliderYValueChangingEventArgs.d.ts +8 -0
  198. package/lib/NativeUIXInputsFactory.d.ts +1 -24
  199. package/lib/NativeUIXInputsFactory_combined.d.ts +393 -0
  200. package/lib/XButtonGroupBridge.d.ts +29 -0
  201. package/lib/XInputBridge.d.ts +29 -5
  202. package/lib/XPopupBridge.d.ts +12 -9
  203. package/lib/igx-color-editor-component.d.ts +161 -0
  204. package/lib/igx-color-editor-dynamic-module.d.ts +10 -0
  205. package/lib/igx-color-editor-got-focus-event-args.d.ts +12 -0
  206. package/lib/igx-color-editor-lost-focus-event-args.d.ts +12 -0
  207. package/lib/igx-color-editor-module.d.ts +10 -0
  208. package/lib/igx-color-editor-panel-closed-event-args.d.ts +12 -0
  209. package/lib/igx-color-editor-panel-component.d.ts +125 -0
  210. package/lib/igx-color-editor-panel-dynamic-module.d.ts +13 -0
  211. package/lib/igx-color-editor-panel-module.d.ts +13 -0
  212. package/lib/igx-color-editor-panel-selected-value-changed-event-args.d.ts +16 -0
  213. package/lib/igx-multi-slider-component.d.ts +200 -0
  214. package/lib/igx-multi-slider-dynamic-module.d.ts +9 -0
  215. package/lib/igx-multi-slider-module.d.ts +9 -0
  216. package/lib/igx-multi-slider-resolving-tool-tip-value-event-args.d.ts +17 -0
  217. package/lib/igx-multi-slider-thumb-collection.d.ts +8 -0
  218. package/lib/igx-multi-slider-thumb-value-changing-event-args.d.ts +18 -0
  219. package/lib/igx-multi-slider-thumb.d.ts +33 -0
  220. package/lib/igx-multi-slider-track-thumb-range.d.ts +32 -0
  221. package/lib/igx-multi-slider-y-value-changing-event-args.d.ts +15 -0
  222. package/lib/igx-x-icon-component.d.ts +6 -1
  223. package/package.json +2 -2
  224. package/public_api.d.ts +55 -0
@@ -84,37 +84,37 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
84
84
  * Gets the fill color currently used by the icon.
85
85
  */
86
86
  get actualFill() {
87
- return brushToString(this.i.cw);
87
+ return brushToString(this.i.cz);
88
88
  }
89
89
  set actualFill(v) {
90
- this.i.cw = stringToBrush(v);
90
+ this.i.cz = stringToBrush(v);
91
91
  }
92
92
  /**
93
93
  * Gets the stroke color currently used by the icon.
94
94
  */
95
95
  get actualStroke() {
96
- return brushToString(this.i.cx);
96
+ return brushToString(this.i.c0);
97
97
  }
98
98
  set actualStroke(v) {
99
- this.i.cx = stringToBrush(v);
99
+ this.i.c0 = stringToBrush(v);
100
100
  }
101
101
  /**
102
102
  * Gets the text color currently used by the icon.
103
103
  */
104
104
  get actualTextColor() {
105
- return brushToString(this.i.cy);
105
+ return brushToString(this.i.c1);
106
106
  }
107
107
  set actualTextColor(v) {
108
- this.i.cy = stringToBrush(v);
108
+ this.i.c1 = stringToBrush(v);
109
109
  }
110
110
  /**
111
111
  * Gets the stroke width currently used by the icon.
112
112
  */
113
113
  get actualStrokeWidth() {
114
- return this.i.af;
114
+ return this.i.ag;
115
115
  }
116
116
  set actualStrokeWidth(v) {
117
- this.i.af = +v;
117
+ this.i.ag = +v;
118
118
  }
119
119
  /**
120
120
  * Gets or sets the fill color to use for the icon.
@@ -129,64 +129,64 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
129
129
  * Gets or sets the stroke color to use for the icon.
130
130
  */
131
131
  get stroke() {
132
- return brushToString(this.i.dc);
132
+ return brushToString(this.i.df);
133
133
  }
134
134
  set stroke(v) {
135
- this.i.dc = stringToBrush(v);
135
+ this.i.df = stringToBrush(v);
136
136
  }
137
137
  /**
138
138
  * Gets or sets the stroke thickness to use for the icon.
139
139
  */
140
140
  get strokeWidth() {
141
- return this.i.al;
141
+ return this.i.am;
142
142
  }
143
143
  set strokeWidth(v) {
144
- this.i.al = +v;
144
+ this.i.am = +v;
145
145
  }
146
146
  /**
147
147
  * Gets or sets the text color to use for the icon.
148
148
  */
149
149
  get textColor() {
150
- return brushToString(this.i.dd);
150
+ return brushToString(this.i.dg);
151
151
  }
152
152
  set textColor(v) {
153
- this.i.dd = stringToBrush(v);
153
+ this.i.dg = stringToBrush(v);
154
154
  }
155
155
  /**
156
156
  * Gets or sets the fill color to use when the icon is hovered.
157
157
  */
158
158
  get hoverFill() {
159
- return brushToString(this.i.c5);
159
+ return brushToString(this.i.c8);
160
160
  }
161
161
  set hoverFill(v) {
162
- this.i.c5 = stringToBrush(v);
162
+ this.i.c8 = stringToBrush(v);
163
163
  }
164
164
  /**
165
165
  * Gets or sets the stroke color to use when the icon is hovered.
166
166
  */
167
167
  get hoverStroke() {
168
- return brushToString(this.i.c6);
168
+ return brushToString(this.i.c9);
169
169
  }
170
170
  set hoverStroke(v) {
171
- this.i.c6 = stringToBrush(v);
171
+ this.i.c9 = stringToBrush(v);
172
172
  }
173
173
  /**
174
174
  * Gets or sets the stroke thickness to use when the icon is hovered.
175
175
  */
176
176
  get hoverStrokeThickness() {
177
- return this.i.aj;
177
+ return this.i.ak;
178
178
  }
179
179
  set hoverStrokeThickness(v) {
180
- this.i.aj = +v;
180
+ this.i.ak = +v;
181
181
  }
182
182
  /**
183
183
  * Gets or sets the text color to use when the icon is hovered.
184
184
  */
185
185
  get hoverTextColor() {
186
- return brushToString(this.i.c7);
186
+ return brushToString(this.i.da);
187
187
  }
188
188
  set hoverTextColor(v) {
189
- this.i.c7 = stringToBrush(v);
189
+ this.i.da = stringToBrush(v);
190
190
  }
191
191
  /**
192
192
  * Gets or sets a collection of fill colors to use in the icon.
@@ -220,10 +220,10 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
220
220
  * class.
221
221
  */
222
222
  get primaryFillColor() {
223
- return brushToString(this.i.c8);
223
+ return brushToString(this.i.db);
224
224
  }
225
225
  set primaryFillColor(v) {
226
- this.i.c8 = stringToBrush(v);
226
+ this.i.db = stringToBrush(v);
227
227
  }
228
228
  /**
229
229
  * Gets or sets a primary stroke color for the icon.
@@ -233,10 +233,10 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
233
233
  * class.
234
234
  */
235
235
  get primaryStrokeColor() {
236
- return brushToString(this.i.c9);
236
+ return brushToString(this.i.dc);
237
237
  }
238
238
  set primaryStrokeColor(v) {
239
- this.i.c9 = stringToBrush(v);
239
+ this.i.dc = stringToBrush(v);
240
240
  }
241
241
  /**
242
242
  * Gets or sets a secondary fill color for the icon.
@@ -246,10 +246,10 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
246
246
  * class.
247
247
  */
248
248
  get secondaryFillColor() {
249
- return brushToString(this.i.da);
249
+ return brushToString(this.i.dd);
250
250
  }
251
251
  set secondaryFillColor(v) {
252
- this.i.da = stringToBrush(v);
252
+ this.i.dd = stringToBrush(v);
253
253
  }
254
254
  /**
255
255
  * Gets or sets a secondary stroke color for the icon.
@@ -259,19 +259,28 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
259
259
  * class.
260
260
  */
261
261
  get secondaryStrokeColor() {
262
- return brushToString(this.i.db);
262
+ return brushToString(this.i.de);
263
263
  }
264
264
  set secondaryStrokeColor(v) {
265
- this.i.db = stringToBrush(v);
265
+ this.i.de = stringToBrush(v);
266
+ }
267
+ /**
268
+ * Gets or sets the image source for the icon. Used if none of the other icon types are not used.
269
+ */
270
+ get source() {
271
+ return this.i.ax;
272
+ }
273
+ set source(v) {
274
+ this.i.ax = v;
266
275
  }
267
276
  /**
268
277
  * Gets or sets data url for the icon to use.
269
278
  */
270
279
  get dataURL() {
271
- return this.i.a7;
280
+ return this.i.ba;
272
281
  }
273
282
  set dataURL(v) {
274
- this.i.a7 = v;
283
+ this.i.ba = v;
275
284
  }
276
285
  /**
277
286
  * Gets or sets path data for the icon to use.
@@ -322,28 +331,28 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
322
331
  * Gets or sets the id to use for the checkbox.
323
332
  */
324
333
  get id() {
325
- return this.i.bh;
334
+ return this.i.bk;
326
335
  }
327
336
  set id(v) {
328
- this.i.bh = v;
337
+ this.i.bk = v;
329
338
  }
330
339
  /**
331
340
  * Gets or sets TabIndex to use for the checkbox.
332
341
  */
333
342
  get tabIndex() {
334
- return this.i.as;
343
+ return this.i.at;
335
344
  }
336
345
  set tabIndex(v) {
337
- this.i.as = +v;
346
+ this.i.at = +v;
338
347
  }
339
348
  /**
340
349
  * Gets or sets the value of the aria-label attribute.
341
350
  */
342
351
  get ariaLabel() {
343
- return this.i.a4;
352
+ return this.i.a7;
344
353
  }
345
354
  set ariaLabel(v) {
346
- this.i.a4 = v;
355
+ this.i.a7 = v;
347
356
  }
348
357
  /**
349
358
  * Gets or sets whether the icon is hovered.
@@ -364,64 +373,64 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
364
373
  this.i.disabled = ensureBool(v);
365
374
  }
366
375
  get opacity() {
367
- return this.i.ak;
376
+ return this.i.al;
368
377
  }
369
378
  set opacity(v) {
370
- this.i.ak = +v;
379
+ this.i.al = +v;
371
380
  }
372
381
  /**
373
382
  * Gets or sets the viewbox left for the svg icon.
374
383
  */
375
384
  get viewBoxLeft() {
376
- return this.i.an;
385
+ return this.i.ao;
377
386
  }
378
387
  set viewBoxLeft(v) {
379
- this.i.an = +v;
388
+ this.i.ao = +v;
380
389
  }
381
390
  /**
382
391
  * Gets or sets the viewbox top for the svg icon.
383
392
  */
384
393
  get viewBoxTop() {
385
- return this.i.ao;
394
+ return this.i.ap;
386
395
  }
387
396
  set viewBoxTop(v) {
388
- this.i.ao = +v;
397
+ this.i.ap = +v;
389
398
  }
390
399
  /**
391
400
  * Gets or sets the viewbox width for the svg icon.
392
401
  */
393
402
  get viewBoxWidth() {
394
- return this.i.ap;
403
+ return this.i.aq;
395
404
  }
396
405
  set viewBoxWidth(v) {
397
- this.i.ap = +v;
406
+ this.i.aq = +v;
398
407
  }
399
408
  /**
400
409
  * Gets or sets the viewbox height for the svg icon.
401
410
  */
402
411
  get viewBoxHeight() {
403
- return this.i.am;
412
+ return this.i.an;
404
413
  }
405
414
  set viewBoxHeight(v) {
406
- this.i.am = +v;
415
+ this.i.an = +v;
407
416
  }
408
417
  /**
409
418
  * Gets or sets the width of the icon.
410
419
  */
411
420
  get width() {
412
- return this.i.aq;
421
+ return this.i.ar;
413
422
  }
414
423
  set width(v) {
415
- this.i.aq = +v;
424
+ this.i.ar = +v;
416
425
  }
417
426
  /**
418
427
  * Gets or sets the height of the icon.
419
428
  */
420
429
  get height() {
421
- return this.i.ai;
430
+ return this.i.aj;
422
431
  }
423
432
  set height(v) {
424
- this.i.ai = +v;
433
+ this.i.aj = +v;
425
434
  }
426
435
  findByName(name) {
427
436
  if (this.findEphemera) {
@@ -495,7 +504,7 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
495
504
 
496
505
  */
497
506
  exportVisualModel() {
498
- let iv = this.i.au();
507
+ let iv = this.i.aw();
499
508
  return (iv);
500
509
  }
501
510
  /**
@@ -503,7 +512,7 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
503
512
 
504
513
  */
505
514
  exportSerializedVisualModel() {
506
- let iv = this.i.a9();
515
+ let iv = this.i.bc();
507
516
  return (iv);
508
517
  }
509
518
  _runInZone(act) {
@@ -516,7 +525,7 @@ export let IgxXIconComponent = /*@__PURE__*/ (() => {
516
525
  }
517
526
  }
518
527
  IgxXIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxXIconComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
519
- IgxXIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxXIconComponent, selector: "igx-x-icon", inputs: { baseTheme: "baseTheme", actualFill: "actualFill", actualStroke: "actualStroke", actualTextColor: "actualTextColor", actualStrokeWidth: "actualStrokeWidth", fill: "fill", stroke: "stroke", strokeWidth: "strokeWidth", textColor: "textColor", hoverFill: "hoverFill", hoverStroke: "hoverStroke", hoverStrokeThickness: "hoverStrokeThickness", hoverTextColor: "hoverTextColor", fillColors: "fillColors", strokeColors: "strokeColors", primaryFillColor: "primaryFillColor", primaryStrokeColor: "primaryStrokeColor", secondaryFillColor: "secondaryFillColor", secondaryStrokeColor: "secondaryStrokeColor", dataURL: "dataURL", svgPath: "svgPath", svg: "svg", sVGPaths: "sVGPaths", textStyle: "textStyle", id: "id", tabIndex: ["tabindex", "tabIndex"], ariaLabel: ["aria-label", "ariaLabel"], isHover: "isHover", disabled: "disabled", opacity: "opacity", viewBoxLeft: "viewBoxLeft", viewBoxTop: "viewBoxTop", viewBoxWidth: "viewBoxWidth", viewBoxHeight: "viewBoxHeight", width: "width", height: "height" }, host: { properties: { "attr.id": "this.id" }, classAttribute: "ig-x-icon igx-x-icon" }, providers: [], viewQueries: [{ propertyName: "_dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_childTemplateRef", first: true, predicate: ["childContent"], descendants: true, read: TemplateRef }], ngImport: i0, template: `<ng-template #childContent><ng-content></ng-content></ng-template>
528
+ IgxXIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxXIconComponent, selector: "igx-x-icon", inputs: { baseTheme: "baseTheme", actualFill: "actualFill", actualStroke: "actualStroke", actualTextColor: "actualTextColor", actualStrokeWidth: "actualStrokeWidth", fill: "fill", stroke: "stroke", strokeWidth: "strokeWidth", textColor: "textColor", hoverFill: "hoverFill", hoverStroke: "hoverStroke", hoverStrokeThickness: "hoverStrokeThickness", hoverTextColor: "hoverTextColor", fillColors: "fillColors", strokeColors: "strokeColors", primaryFillColor: "primaryFillColor", primaryStrokeColor: "primaryStrokeColor", secondaryFillColor: "secondaryFillColor", secondaryStrokeColor: "secondaryStrokeColor", source: "source", dataURL: "dataURL", svgPath: "svgPath", svg: "svg", sVGPaths: "sVGPaths", textStyle: "textStyle", id: "id", tabIndex: ["tabindex", "tabIndex"], ariaLabel: ["aria-label", "ariaLabel"], isHover: "isHover", disabled: "disabled", opacity: "opacity", viewBoxLeft: "viewBoxLeft", viewBoxTop: "viewBoxTop", viewBoxWidth: "viewBoxWidth", viewBoxHeight: "viewBoxHeight", width: "width", height: "height" }, host: { properties: { "attr.id": "this.id" }, classAttribute: "ig-x-icon igx-x-icon" }, providers: [], viewQueries: [{ propertyName: "_dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_childTemplateRef", first: true, predicate: ["childContent"], descendants: true, read: TemplateRef }], ngImport: i0, template: `<ng-template #childContent><ng-content></ng-content></ng-template>
520
529
  <ng-container #dynamicContent></ng-container>`, isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: inline-block; \n vertical-align: middle; \n\t\t}\n\t"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
521
530
  return IgxXIconComponent;
522
531
  })();
@@ -580,6 +589,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
580
589
  type: Input
581
590
  }], secondaryStrokeColor: [{
582
591
  type: Input
592
+ }], source: [{
593
+ type: Input
583
594
  }], dataURL: [{
584
595
  type: Input
585
596
  }], svgPath: [{
@@ -205,35 +205,35 @@ export let IgxXInputGroupComponent = /*@__PURE__*/ (() => {
205
205
  this.i.ch = +v;
206
206
  }
207
207
  get actualCornerRadiusBottomRight() {
208
- return this.i.ko ? this.i.ko.b : NaN;
208
+ return this.i.ko ? this.i.ko.c : NaN;
209
209
  }
210
210
  set actualCornerRadiusBottomRight(v) {
211
211
  this.ensureActualCornerRadius();
212
- this.i.ko.b = +v;
212
+ this.i.ko.c = +v;
213
213
  this.i.ko = this.i.ko;
214
214
  }
215
215
  get actualCornerRadiusBottomLeft() {
216
- return this.i.ko ? this.i.ko.a : NaN;
216
+ return this.i.ko ? this.i.ko.b : NaN;
217
217
  }
218
218
  set actualCornerRadiusBottomLeft(v) {
219
219
  this.ensureActualCornerRadius();
220
- this.i.ko.a = +v;
220
+ this.i.ko.b = +v;
221
221
  this.i.ko = this.i.ko;
222
222
  }
223
223
  get actualCornerRadiusTopLeft() {
224
- return this.i.ko ? this.i.ko.c : NaN;
224
+ return this.i.ko ? this.i.ko.d : NaN;
225
225
  }
226
226
  set actualCornerRadiusTopLeft(v) {
227
227
  this.ensureActualCornerRadius();
228
- this.i.ko.c = +v;
228
+ this.i.ko.d = +v;
229
229
  this.i.ko = this.i.ko;
230
230
  }
231
231
  get actualCornerRadiusTopRight() {
232
- return this.i.ko ? this.i.ko.d : NaN;
232
+ return this.i.ko ? this.i.ko.e : NaN;
233
233
  }
234
234
  set actualCornerRadiusTopRight(v) {
235
235
  this.ensureActualCornerRadius();
236
- this.i.ko.d = +v;
236
+ this.i.ko.e = +v;
237
237
  this.i.ko = this.i.ko;
238
238
  }
239
239
  ensureActualCornerRadius() {
@@ -425,35 +425,35 @@ export let IgxXInputGroupComponent = /*@__PURE__*/ (() => {
425
425
  this.i.md = stringToBrush(v);
426
426
  }
427
427
  get cornerRadiusBottomRight() {
428
- return this.i.ks ? this.i.ks.b : NaN;
428
+ return this.i.ks ? this.i.ks.c : NaN;
429
429
  }
430
430
  set cornerRadiusBottomRight(v) {
431
431
  this.ensureCornerRadius();
432
- this.i.ks.b = +v;
432
+ this.i.ks.c = +v;
433
433
  this.i.ks = this.i.ks;
434
434
  }
435
435
  get cornerRadiusBottomLeft() {
436
- return this.i.ks ? this.i.ks.a : NaN;
436
+ return this.i.ks ? this.i.ks.b : NaN;
437
437
  }
438
438
  set cornerRadiusBottomLeft(v) {
439
439
  this.ensureCornerRadius();
440
- this.i.ks.a = +v;
440
+ this.i.ks.b = +v;
441
441
  this.i.ks = this.i.ks;
442
442
  }
443
443
  get cornerRadiusTopLeft() {
444
- return this.i.ks ? this.i.ks.c : NaN;
444
+ return this.i.ks ? this.i.ks.d : NaN;
445
445
  }
446
446
  set cornerRadiusTopLeft(v) {
447
447
  this.ensureCornerRadius();
448
- this.i.ks.c = +v;
448
+ this.i.ks.d = +v;
449
449
  this.i.ks = this.i.ks;
450
450
  }
451
451
  get cornerRadiusTopRight() {
452
- return this.i.ks ? this.i.ks.d : NaN;
452
+ return this.i.ks ? this.i.ks.e : NaN;
453
453
  }
454
454
  set cornerRadiusTopRight(v) {
455
455
  this.ensureCornerRadius();
456
- this.i.ks.d = +v;
456
+ this.i.ks.e = +v;
457
457
  this.i.ks = this.i.ks;
458
458
  }
459
459
  ensureCornerRadius() {
@@ -654,35 +654,35 @@ export let IgxXInputGroupComponent = /*@__PURE__*/ (() => {
654
654
  this.i.ns = stringToBrush(v);
655
655
  }
656
656
  get lineTypeCornerRadiusBottomRight() {
657
- return this.i.kx ? this.i.kx.b : NaN;
657
+ return this.i.kx ? this.i.kx.c : NaN;
658
658
  }
659
659
  set lineTypeCornerRadiusBottomRight(v) {
660
660
  this.ensureLineTypeCornerRadius();
661
- this.i.kx.b = +v;
661
+ this.i.kx.c = +v;
662
662
  this.i.kx = this.i.kx;
663
663
  }
664
664
  get lineTypeCornerRadiusBottomLeft() {
665
- return this.i.kx ? this.i.kx.a : NaN;
665
+ return this.i.kx ? this.i.kx.b : NaN;
666
666
  }
667
667
  set lineTypeCornerRadiusBottomLeft(v) {
668
668
  this.ensureLineTypeCornerRadius();
669
- this.i.kx.a = +v;
669
+ this.i.kx.b = +v;
670
670
  this.i.kx = this.i.kx;
671
671
  }
672
672
  get lineTypeCornerRadiusTopLeft() {
673
- return this.i.kx ? this.i.kx.c : NaN;
673
+ return this.i.kx ? this.i.kx.d : NaN;
674
674
  }
675
675
  set lineTypeCornerRadiusTopLeft(v) {
676
676
  this.ensureLineTypeCornerRadius();
677
- this.i.kx.c = +v;
677
+ this.i.kx.d = +v;
678
678
  this.i.kx = this.i.kx;
679
679
  }
680
680
  get lineTypeCornerRadiusTopRight() {
681
- return this.i.kx ? this.i.kx.d : NaN;
681
+ return this.i.kx ? this.i.kx.e : NaN;
682
682
  }
683
683
  set lineTypeCornerRadiusTopRight(v) {
684
684
  this.ensureLineTypeCornerRadius();
685
- this.i.kx.d = +v;
685
+ this.i.kx.e = +v;
686
686
  this.i.kx = this.i.kx;
687
687
  }
688
688
  ensureLineTypeCornerRadius() {
@@ -883,35 +883,35 @@ export let IgxXInputGroupComponent = /*@__PURE__*/ (() => {
883
883
  this.i.mm = stringToBrush(v);
884
884
  }
885
885
  get boxTypeCornerRadiusBottomRight() {
886
- return this.i.kq ? this.i.kq.b : NaN;
886
+ return this.i.kq ? this.i.kq.c : NaN;
887
887
  }
888
888
  set boxTypeCornerRadiusBottomRight(v) {
889
889
  this.ensureBoxTypeCornerRadius();
890
- this.i.kq.b = +v;
890
+ this.i.kq.c = +v;
891
891
  this.i.kq = this.i.kq;
892
892
  }
893
893
  get boxTypeCornerRadiusBottomLeft() {
894
- return this.i.kq ? this.i.kq.a : NaN;
894
+ return this.i.kq ? this.i.kq.b : NaN;
895
895
  }
896
896
  set boxTypeCornerRadiusBottomLeft(v) {
897
897
  this.ensureBoxTypeCornerRadius();
898
- this.i.kq.a = +v;
898
+ this.i.kq.b = +v;
899
899
  this.i.kq = this.i.kq;
900
900
  }
901
901
  get boxTypeCornerRadiusTopLeft() {
902
- return this.i.kq ? this.i.kq.c : NaN;
902
+ return this.i.kq ? this.i.kq.d : NaN;
903
903
  }
904
904
  set boxTypeCornerRadiusTopLeft(v) {
905
905
  this.ensureBoxTypeCornerRadius();
906
- this.i.kq.c = +v;
906
+ this.i.kq.d = +v;
907
907
  this.i.kq = this.i.kq;
908
908
  }
909
909
  get boxTypeCornerRadiusTopRight() {
910
- return this.i.kq ? this.i.kq.d : NaN;
910
+ return this.i.kq ? this.i.kq.e : NaN;
911
911
  }
912
912
  set boxTypeCornerRadiusTopRight(v) {
913
913
  this.ensureBoxTypeCornerRadius();
914
- this.i.kq.d = +v;
914
+ this.i.kq.e = +v;
915
915
  this.i.kq = this.i.kq;
916
916
  }
917
917
  ensureBoxTypeCornerRadius() {
@@ -1112,35 +1112,35 @@ export let IgxXInputGroupComponent = /*@__PURE__*/ (() => {
1112
1112
  this.i.mf = stringToBrush(v);
1113
1113
  }
1114
1114
  get borderTypeCornerRadiusBottomRight() {
1115
- return this.i.kp ? this.i.kp.b : NaN;
1115
+ return this.i.kp ? this.i.kp.c : NaN;
1116
1116
  }
1117
1117
  set borderTypeCornerRadiusBottomRight(v) {
1118
1118
  this.ensureBorderTypeCornerRadius();
1119
- this.i.kp.b = +v;
1119
+ this.i.kp.c = +v;
1120
1120
  this.i.kp = this.i.kp;
1121
1121
  }
1122
1122
  get borderTypeCornerRadiusBottomLeft() {
1123
- return this.i.kp ? this.i.kp.a : NaN;
1123
+ return this.i.kp ? this.i.kp.b : NaN;
1124
1124
  }
1125
1125
  set borderTypeCornerRadiusBottomLeft(v) {
1126
1126
  this.ensureBorderTypeCornerRadius();
1127
- this.i.kp.a = +v;
1127
+ this.i.kp.b = +v;
1128
1128
  this.i.kp = this.i.kp;
1129
1129
  }
1130
1130
  get borderTypeCornerRadiusTopLeft() {
1131
- return this.i.kp ? this.i.kp.c : NaN;
1131
+ return this.i.kp ? this.i.kp.d : NaN;
1132
1132
  }
1133
1133
  set borderTypeCornerRadiusTopLeft(v) {
1134
1134
  this.ensureBorderTypeCornerRadius();
1135
- this.i.kp.c = +v;
1135
+ this.i.kp.d = +v;
1136
1136
  this.i.kp = this.i.kp;
1137
1137
  }
1138
1138
  get borderTypeCornerRadiusTopRight() {
1139
- return this.i.kp ? this.i.kp.d : NaN;
1139
+ return this.i.kp ? this.i.kp.e : NaN;
1140
1140
  }
1141
1141
  set borderTypeCornerRadiusTopRight(v) {
1142
1142
  this.ensureBorderTypeCornerRadius();
1143
- this.i.kp.d = +v;
1143
+ this.i.kp.e = +v;
1144
1144
  this.i.kp = this.i.kp;
1145
1145
  }
1146
1146
  ensureBorderTypeCornerRadius() {
@@ -1341,35 +1341,35 @@ export let IgxXInputGroupComponent = /*@__PURE__*/ (() => {
1341
1341
  this.i.nz = stringToBrush(v);
1342
1342
  }
1343
1343
  get searchTypeCornerRadiusBottomRight() {
1344
- return this.i.ky ? this.i.ky.b : NaN;
1344
+ return this.i.ky ? this.i.ky.c : NaN;
1345
1345
  }
1346
1346
  set searchTypeCornerRadiusBottomRight(v) {
1347
1347
  this.ensureSearchTypeCornerRadius();
1348
- this.i.ky.b = +v;
1348
+ this.i.ky.c = +v;
1349
1349
  this.i.ky = this.i.ky;
1350
1350
  }
1351
1351
  get searchTypeCornerRadiusBottomLeft() {
1352
- return this.i.ky ? this.i.ky.a : NaN;
1352
+ return this.i.ky ? this.i.ky.b : NaN;
1353
1353
  }
1354
1354
  set searchTypeCornerRadiusBottomLeft(v) {
1355
1355
  this.ensureSearchTypeCornerRadius();
1356
- this.i.ky.a = +v;
1356
+ this.i.ky.b = +v;
1357
1357
  this.i.ky = this.i.ky;
1358
1358
  }
1359
1359
  get searchTypeCornerRadiusTopLeft() {
1360
- return this.i.ky ? this.i.ky.c : NaN;
1360
+ return this.i.ky ? this.i.ky.d : NaN;
1361
1361
  }
1362
1362
  set searchTypeCornerRadiusTopLeft(v) {
1363
1363
  this.ensureSearchTypeCornerRadius();
1364
- this.i.ky.c = +v;
1364
+ this.i.ky.d = +v;
1365
1365
  this.i.ky = this.i.ky;
1366
1366
  }
1367
1367
  get searchTypeCornerRadiusTopRight() {
1368
- return this.i.ky ? this.i.ky.d : NaN;
1368
+ return this.i.ky ? this.i.ky.e : NaN;
1369
1369
  }
1370
1370
  set searchTypeCornerRadiusTopRight(v) {
1371
1371
  this.ensureSearchTypeCornerRadius();
1372
- this.i.ky.d = +v;
1372
+ this.i.ky.e = +v;
1373
1373
  this.i.ky = this.i.ky;
1374
1374
  }
1375
1375
  ensureSearchTypeCornerRadius() {