carbon-components-angular 5.72.0 → 5.72.2

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 (163) hide show
  1. package/combobox/combobox.component.d.ts +3 -0
  2. package/docs/documentation/components/ComboBox.html +214 -67
  3. package/docs/documentation/components/Dropdown.html +322 -134
  4. package/docs/documentation/components/DropdownList.html +6 -2
  5. package/docs/documentation/components/RadioGroup.html +166 -77
  6. package/docs/documentation/components/TextInputLabelComponent.html +171 -65
  7. package/docs/documentation/components/TextareaLabelComponent.html +142 -74
  8. package/docs/documentation/coverage.html +22 -22
  9. package/docs/documentation/directives/TextArea.html +106 -11
  10. package/docs/documentation/directives/TextInput.html +118 -24
  11. package/docs/documentation/js/search/search_index.js +2 -2
  12. package/docs/documentation/modules/CheckboxModule/dependencies.svg +42 -42
  13. package/docs/documentation/modules/CheckboxModule.html +42 -42
  14. package/docs/documentation/modules/CodeSnippetModule/dependencies.svg +4 -4
  15. package/docs/documentation/modules/CodeSnippetModule.html +4 -4
  16. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +6 -6
  17. package/docs/documentation/modules/ComboBoxModule.html +6 -6
  18. package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
  19. package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
  20. package/docs/documentation/modules/ContextMenuModule/dependencies.svg +67 -67
  21. package/docs/documentation/modules/ContextMenuModule.html +67 -67
  22. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +4 -4
  23. package/docs/documentation/modules/DatePickerInputModule.html +4 -4
  24. package/docs/documentation/modules/DatePickerModule/dependencies.svg +6 -6
  25. package/docs/documentation/modules/DatePickerModule.html +6 -6
  26. package/docs/documentation/modules/DialogModule/dependencies.svg +33 -33
  27. package/docs/documentation/modules/DialogModule.html +33 -33
  28. package/docs/documentation/modules/DocumentationModule/dependencies.svg +4 -4
  29. package/docs/documentation/modules/DocumentationModule.html +4 -4
  30. package/docs/documentation/modules/DropdownModule/dependencies.svg +53 -53
  31. package/docs/documentation/modules/DropdownModule.html +53 -53
  32. package/docs/documentation/modules/FileUploaderModule/dependencies.svg +35 -35
  33. package/docs/documentation/modules/FileUploaderModule.html +35 -35
  34. package/docs/documentation/modules/GridModule/dependencies.svg +61 -61
  35. package/docs/documentation/modules/GridModule.html +61 -61
  36. package/docs/documentation/modules/HeaderModule/dependencies.svg +4 -4
  37. package/docs/documentation/modules/HeaderModule.html +4 -4
  38. package/docs/documentation/modules/I18nModule/dependencies.svg +13 -13
  39. package/docs/documentation/modules/I18nModule.html +13 -13
  40. package/docs/documentation/modules/InlineLoadingModule/dependencies.svg +15 -15
  41. package/docs/documentation/modules/InlineLoadingModule.html +15 -15
  42. package/docs/documentation/modules/InputModule/dependencies.svg +4 -4
  43. package/docs/documentation/modules/InputModule.html +4 -4
  44. package/docs/documentation/modules/LayerModule/dependencies.svg +4 -4
  45. package/docs/documentation/modules/LayerModule.html +4 -4
  46. package/docs/documentation/modules/MenuButtonModule/dependencies.svg +4 -4
  47. package/docs/documentation/modules/MenuButtonModule.html +4 -4
  48. package/docs/documentation/modules/ModalModule/dependencies.svg +114 -114
  49. package/docs/documentation/modules/ModalModule.html +114 -114
  50. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  51. package/docs/documentation/modules/NFormsModule.html +4 -4
  52. package/docs/documentation/modules/NotificationModule/dependencies.svg +4 -4
  53. package/docs/documentation/modules/NotificationModule.html +4 -4
  54. package/docs/documentation/modules/NumberModule/dependencies.svg +25 -25
  55. package/docs/documentation/modules/NumberModule.html +25 -25
  56. package/docs/documentation/modules/PaginationModule/dependencies.svg +4 -4
  57. package/docs/documentation/modules/PaginationModule.html +4 -4
  58. package/docs/documentation/modules/PanelModule/dependencies.svg +4 -4
  59. package/docs/documentation/modules/PanelModule.html +4 -4
  60. package/docs/documentation/modules/PlaceholderModule/dependencies.svg +4 -4
  61. package/docs/documentation/modules/PlaceholderModule.html +4 -4
  62. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  63. package/docs/documentation/modules/RadioModule.html +4 -4
  64. package/docs/documentation/modules/SearchModule/dependencies.svg +48 -44
  65. package/docs/documentation/modules/SearchModule.html +48 -44
  66. package/docs/documentation/modules/SelectModule/dependencies.svg +4 -4
  67. package/docs/documentation/modules/SelectModule.html +4 -4
  68. package/docs/documentation/modules/SideNavModule/dependencies.svg +4 -4
  69. package/docs/documentation/modules/SideNavModule.html +4 -4
  70. package/docs/documentation/modules/SkeletonModule/dependencies.svg +4 -4
  71. package/docs/documentation/modules/SkeletonModule.html +4 -4
  72. package/docs/documentation/modules/SliderModule/dependencies.svg +26 -26
  73. package/docs/documentation/modules/SliderModule.html +26 -26
  74. package/docs/documentation/modules/StructuredListModule/dependencies.svg +43 -43
  75. package/docs/documentation/modules/StructuredListModule.html +43 -43
  76. package/docs/documentation/modules/TableModule/dependencies.svg +225 -225
  77. package/docs/documentation/modules/TableModule.html +225 -225
  78. package/docs/documentation/modules/TabsModule/dependencies.svg +136 -136
  79. package/docs/documentation/modules/TabsModule.html +136 -136
  80. package/docs/documentation/modules/TagModule/dependencies.svg +38 -38
  81. package/docs/documentation/modules/TagModule.html +38 -38
  82. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  83. package/docs/documentation/modules/ThemeModule.html +4 -4
  84. package/docs/documentation/modules/TilesModule/dependencies.svg +108 -108
  85. package/docs/documentation/modules/TilesModule.html +108 -108
  86. package/docs/documentation/modules/TimePickerModule/dependencies.svg +41 -45
  87. package/docs/documentation/modules/TimePickerModule.html +41 -45
  88. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -42
  89. package/docs/documentation/modules/TimePickerSelectModule.html +46 -42
  90. package/docs/documentation/modules/ToggleModule/dependencies.svg +7 -7
  91. package/docs/documentation/modules/ToggleModule.html +7 -7
  92. package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
  93. package/docs/documentation/modules/TooltipModule.html +28 -28
  94. package/docs/documentation/modules/TreeviewModule/dependencies.svg +28 -28
  95. package/docs/documentation/modules/TreeviewModule.html +28 -28
  96. package/docs/documentation.json +510 -362
  97. package/docs/storybook/1345.da6e3dec.iframe.bundle.js +1 -0
  98. package/docs/storybook/3224.14e2c79a.iframe.bundle.js +1 -0
  99. package/docs/storybook/557.d4341469.iframe.bundle.js +1 -0
  100. package/docs/storybook/7019.75ad5817.iframe.bundle.js +2 -0
  101. package/docs/storybook/955.7522f55b.iframe.bundle.js +1 -0
  102. package/docs/storybook/combobox-combobox-stories.e3d08f7d.iframe.bundle.js +1 -0
  103. package/docs/storybook/dropdown-dropdown-stories.cf59b2ab.iframe.bundle.js +1 -0
  104. package/docs/storybook/iframe.html +2 -2
  105. package/docs/storybook/{input-input-stories.85a9e65e.iframe.bundle.js → input-input-stories.8bf34960.iframe.bundle.js} +1 -1
  106. package/docs/storybook/{input-textarea-stories.77240fb3.iframe.bundle.js → input-textarea-stories.ad775432.iframe.bundle.js} +1 -1
  107. package/docs/storybook/main.a1247bb8.iframe.bundle.js +1 -0
  108. package/docs/storybook/modal-modal-stories.cc2d04cb.iframe.bundle.js +1 -0
  109. package/docs/storybook/{pagination-pagination-nav-stories.547eede3.iframe.bundle.js → pagination-pagination-nav-stories.01637d11.iframe.bundle.js} +1 -1
  110. package/docs/storybook/{pagination-pagination-stories.fa7c9094.iframe.bundle.js → pagination-pagination-stories.40d17ebd.iframe.bundle.js} +1 -1
  111. package/docs/storybook/{patterns-filtering-single-selection-stories.ec91f833.iframe.bundle.js → patterns-filtering-multi-selection-stories.a46a1d6e.iframe.bundle.js} +1 -1
  112. package/docs/storybook/{patterns-filtering-multiple-categories-stories.531f27d7.iframe.bundle.js → patterns-filtering-multiple-categories-stories.740c719e.iframe.bundle.js} +1 -1
  113. package/docs/storybook/{patterns-filtering-multi-selection-stories.9086f77f.iframe.bundle.js → patterns-filtering-single-selection-stories.cc647b4a.iframe.bundle.js} +1 -1
  114. package/docs/storybook/{patterns-forms-multi-step-form-stories.8696062a.iframe.bundle.js → patterns-forms-multi-step-form-stories.2ea46e56.iframe.bundle.js} +1 -1
  115. package/docs/storybook/{patterns-loading-large-loading-stories.734fb9bc.iframe.bundle.js → patterns-loading-large-loading-stories.e6ae3e31.iframe.bundle.js} +1 -1
  116. package/docs/storybook/{patterns-loading-progressive-loading-stories.10bcf9f2.iframe.bundle.js → patterns-loading-progressive-loading-stories.63165c09.iframe.bundle.js} +1 -1
  117. package/docs/storybook/project.json +1 -1
  118. package/docs/storybook/radio-radio-stories.8ff73370.iframe.bundle.js +1 -0
  119. package/docs/storybook/runtime~main.b11c471e.iframe.bundle.js +1 -0
  120. package/dropdown/dropdown.component.d.ts +8 -1
  121. package/dropdown/list/dropdown-list.component.d.ts +1 -1
  122. package/esm2020/combobox/combobox.component.mjs +19 -9
  123. package/esm2020/dropdown/dropdown.component.mjs +31 -15
  124. package/esm2020/dropdown/list/dropdown-list.component.mjs +1 -1
  125. package/esm2020/input/input.directive.mjs +11 -5
  126. package/esm2020/input/text-area.directive.mjs +11 -5
  127. package/esm2020/input/text-input-label.component.mjs +38 -15
  128. package/esm2020/input/textarea-label.component.mjs +46 -21
  129. package/esm2020/radio/radio-group.component.mjs +19 -7
  130. package/fesm2015/carbon-components-angular-combobox.mjs +18 -8
  131. package/fesm2015/carbon-components-angular-combobox.mjs.map +1 -1
  132. package/fesm2015/carbon-components-angular-dropdown.mjs +31 -14
  133. package/fesm2015/carbon-components-angular-dropdown.mjs.map +1 -1
  134. package/fesm2015/carbon-components-angular-input.mjs +112 -46
  135. package/fesm2015/carbon-components-angular-input.mjs.map +1 -1
  136. package/fesm2015/carbon-components-angular-radio.mjs +18 -6
  137. package/fesm2015/carbon-components-angular-radio.mjs.map +1 -1
  138. package/fesm2020/carbon-components-angular-combobox.mjs +18 -8
  139. package/fesm2020/carbon-components-angular-combobox.mjs.map +1 -1
  140. package/fesm2020/carbon-components-angular-dropdown.mjs +30 -14
  141. package/fesm2020/carbon-components-angular-dropdown.mjs.map +1 -1
  142. package/fesm2020/carbon-components-angular-input.mjs +102 -45
  143. package/fesm2020/carbon-components-angular-input.mjs.map +1 -1
  144. package/fesm2020/carbon-components-angular-radio.mjs +18 -6
  145. package/fesm2020/carbon-components-angular-radio.mjs.map +1 -1
  146. package/input/input.directive.d.ts +4 -1
  147. package/input/text-area.directive.d.ts +4 -1
  148. package/input/text-input-label.component.d.ts +9 -5
  149. package/input/textarea-label.component.d.ts +5 -3
  150. package/package.json +1 -1
  151. package/radio/radio-group.component.d.ts +4 -2
  152. package/docs/storybook/1250.47c381c1.iframe.bundle.js +0 -1
  153. package/docs/storybook/1345.9ccf4f3f.iframe.bundle.js +0 -1
  154. package/docs/storybook/3224.3e279e46.iframe.bundle.js +0 -1
  155. package/docs/storybook/7019.b8944046.iframe.bundle.js +0 -2
  156. package/docs/storybook/955.99b6ac85.iframe.bundle.js +0 -1
  157. package/docs/storybook/combobox-combobox-stories.e7427226.iframe.bundle.js +0 -1
  158. package/docs/storybook/dropdown-dropdown-stories.a76101be.iframe.bundle.js +0 -1
  159. package/docs/storybook/main.cdbf1814.iframe.bundle.js +0 -1
  160. package/docs/storybook/modal-modal-stories.0a864a6a.iframe.bundle.js +0 -1
  161. package/docs/storybook/radio-radio-stories.444fc044.iframe.bundle.js +0 -1
  162. package/docs/storybook/runtime~main.e32f2dfb.iframe.bundle.js +0 -1
  163. /package/docs/storybook/{7019.b8944046.iframe.bundle.js.LICENSE.txt → 7019.75ad5817.iframe.bundle.js.LICENSE.txt} +0 -0
package/docs/documentation/coverage.html CHANGED
@@ -417,9 +417,9 @@
417
417
  </td>
418
418
  <td>component</td>
419
419
  <td>ComboBox</td>
420
- <td align="right" data-sort="61">
421
- <span class="coverage-percent">61 %</span>
422
- <span class="coverage-count">(56/91)</span>
420
+ <td align="right" data-sort="59">
421
+ <span class="coverage-percent">59 %</span>
422
+ <span class="coverage-count">(56/94)</span>
423
423
  </td>
424
424
  </tr>
425
425
  <tr class="low">
@@ -897,9 +897,9 @@
897
897
  </td>
898
898
  <td>component</td>
899
899
  <td>Dropdown</td>
900
- <td align="right" data-sort="65">
901
- <span class="coverage-percent">65 %</span>
902
- <span class="coverage-count">(56/86)</span>
900
+ <td align="right" data-sort="63">
901
+ <span class="coverage-percent">63 %</span>
902
+ <span class="coverage-count">(57/90)</span>
903
903
  </td>
904
904
  </tr>
905
905
  <tr class="medium">
@@ -1365,9 +1365,9 @@
1365
1365
  </td>
1366
1366
  <td>directive</td>
1367
1367
  <td>TextInput</td>
1368
- <td align="right" data-sort="12">
1369
- <span class="coverage-percent">12 %</span>
1370
- <span class="coverage-count">(2/16)</span>
1368
+ <td align="right" data-sort="11">
1369
+ <span class="coverage-percent">11 %</span>
1370
+ <span class="coverage-count">(2/18)</span>
1371
1371
  </td>
1372
1372
  </tr>
1373
1373
  <tr class="good">
@@ -1413,9 +1413,9 @@
1413
1413
  </td>
1414
1414
  <td>directive</td>
1415
1415
  <td>TextArea</td>
1416
- <td align="right" data-sort="22">
1417
- <span class="coverage-percent">22 %</span>
1418
- <span class="coverage-count">(2/9)</span>
1416
+ <td align="right" data-sort="18">
1417
+ <span class="coverage-percent">18 %</span>
1418
+ <span class="coverage-count">(2/11)</span>
1419
1419
  </td>
1420
1420
  </tr>
1421
1421
  <tr class="good">
@@ -1425,9 +1425,9 @@
1425
1425
  </td>
1426
1426
  <td>component</td>
1427
1427
  <td>TextInputLabelComponent</td>
1428
- <td align="right" data-sort="60">
1429
- <span class="coverage-percent">60 %</span>
1430
- <span class="coverage-count">(24/40)</span>
1428
+ <td align="right" data-sort="57">
1429
+ <span class="coverage-percent">57 %</span>
1430
+ <span class="coverage-count">(24/42)</span>
1431
1431
  </td>
1432
1432
  </tr>
1433
1433
  <tr class="good">
@@ -1437,9 +1437,9 @@
1437
1437
  </td>
1438
1438
  <td>component</td>
1439
1439
  <td>TextareaLabelComponent</td>
1440
- <td align="right" data-sort="64">
1441
- <span class="coverage-percent">64 %</span>
1442
- <span class="coverage-count">(25/39)</span>
1440
+ <td align="right" data-sort="62">
1441
+ <span class="coverage-percent">62 %</span>
1442
+ <span class="coverage-count">(25/40)</span>
1443
1443
  </td>
1444
1444
  </tr>
1445
1445
  <tr class="medium">
@@ -2174,16 +2174,16 @@
2174
2174
  <span class="coverage-count">(3/4)</span>
2175
2175
  </td>
2176
2176
  </tr>
2177
- <tr class="very-good">
2177
+ <tr class="good">
2178
2178
  <td>
2179
2179
  <!-- miscellaneous -->
2180
2180
  <a href="./components/RadioGroup.html">src/radio/radio-group.component.ts</a>
2181
2181
  </td>
2182
2182
  <td>component</td>
2183
2183
  <td>RadioGroup</td>
2184
- <td align="right" data-sort="77">
2185
- <span class="coverage-percent">77 %</span>
2186
- <span class="coverage-count">(35/45)</span>
2184
+ <td align="right" data-sort="74">
2185
+ <span class="coverage-percent">74 %</span>
2186
+ <span class="coverage-count">(35/47)</span>
2187
2187
  </td>
2188
2188
  </tr>
2189
2189
  <tr class="good">
package/docs/documentation/directives/TextArea.html CHANGED
@@ -180,6 +180,12 @@
180
180
  <span class="modifier"></span>
181
181
  <a href="#baseClass" >baseClass</a>
182
182
  </li>
183
+ <li>
184
+ <span class="modifier"></span>
185
+ <span class="modifier"></span>
186
+ <span class="modifier">Public</span>
187
+ <a href="#ngControl" >ngControl</a>
188
+ </li>
183
189
  </ul>
184
190
  </td>
185
191
  </tr>
@@ -253,6 +259,54 @@
253
259
  </table>
254
260
  </section>
255
261
 
262
+ <section data-compodoc="block-constructor">
263
+ <h3 id="constructor">Constructor</h3>
264
+ <table class="table table-sm table-bordered">
265
+ <tbody>
266
+ <tr>
267
+ <td class="col-md-4">
268
+ <code>constructor(ngControl: NgControl)</code>
269
+ </td>
270
+ </tr>
271
+ <tr>
272
+ <td class="col-md-4">
273
+ <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/input/text-area.directive.ts:38</a></div>
274
+ </td>
275
+ </tr>
276
+
277
+ <tr>
278
+ <td class="col-md-4">
279
+ <div>
280
+ <b>Parameters :</b>
281
+ <table class="params">
282
+ <thead>
283
+ <tr>
284
+ <td>Name</td>
285
+ <td>Type</td>
286
+ <td>Optional</td>
287
+ </tr>
288
+ </thead>
289
+ <tbody>
290
+ <tr>
291
+ <td>ngControl</td>
292
+
293
+ <td>
294
+ <code>NgControl</code>
295
+ </td>
296
+
297
+ <td>
298
+ No
299
+ </td>
300
+
301
+ </tr>
302
+ </tbody>
303
+ </table>
304
+ </div>
305
+ </td>
306
+ </tr>
307
+ </tbody>
308
+ </table>
309
+ </section>
256
310
 
257
311
  <section data-compodoc="block-inputs">
258
312
  <h3 id="inputs">Inputs</h3>
@@ -277,7 +331,7 @@
277
331
  </tr>
278
332
  <tr>
279
333
  <td class="col-md-2" colspan="2">
280
- <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/input/text-area.directive.ts:25</a></div>
334
+ <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/input/text-area.directive.ts:26</a></div>
281
335
  </td>
282
336
  </tr>
283
337
  </tbody>
@@ -303,7 +357,7 @@
303
357
  </tr>
304
358
  <tr>
305
359
  <td class="col-md-2" colspan="2">
306
- <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/input/text-area.directive.ts:30</a></div>
360
+ <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/input/text-area.directive.ts:31</a></div>
307
361
  </td>
308
362
  </tr>
309
363
  </tbody>
@@ -329,7 +383,7 @@
329
383
  </tr>
330
384
  <tr>
331
385
  <td class="col-md-2" colspan="2">
332
- <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">src/input/text-area.directive.ts:22</a></div>
386
+ <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/input/text-area.directive.ts:23</a></div>
333
387
  </td>
334
388
  </tr>
335
389
  </tbody>
@@ -355,7 +409,7 @@
355
409
  </tr>
356
410
  <tr>
357
411
  <td class="col-md-2" colspan="2">
358
- <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/input/text-area.directive.ts:29</a></div>
412
+ <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/input/text-area.directive.ts:30</a></div>
359
413
  </td>
360
414
  </tr>
361
415
  <tr>
@@ -388,7 +442,7 @@
388
442
  </tr>
389
443
  <tr>
390
444
  <td class="col-md-4">
391
- <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/input/text-area.directive.ts:35</a></div>
445
+ <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/input/text-area.directive.ts:36</a></div>
392
446
  </td>
393
447
  </tr>
394
448
 
@@ -419,7 +473,7 @@
419
473
  </tr>
420
474
  <tr>
421
475
  <td class="col-md-4">
422
- <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/input/text-area.directive.ts:24</a></div>
476
+ <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/input/text-area.directive.ts:25</a></div>
423
477
  </td>
424
478
  </tr>
425
479
 
@@ -445,7 +499,7 @@
445
499
  </tr>
446
500
  <tr>
447
501
  <td class="col-md-4">
448
- <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/input/text-area.directive.ts:31</a></div>
502
+ <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/input/text-area.directive.ts:32</a></div>
449
503
  </td>
450
504
  </tr>
451
505
 
@@ -489,7 +543,45 @@
489
543
  </tr>
490
544
  <tr>
491
545
  <td class="col-md-4">
492
- <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/input/text-area.directive.ts:24</a></div>
546
+ <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/input/text-area.directive.ts:25</a></div>
547
+ </td>
548
+ </tr>
549
+
550
+
551
+ </tbody>
552
+ </table>
553
+ <table class="table table-sm table-bordered">
554
+ <tbody>
555
+ <tr>
556
+ <td class="col-md-4">
557
+ <a name="ngControl"></a>
558
+ <span class="name">
559
+ <span class="modifier"></span>
560
+ <span class="modifier"></span>
561
+ <span class="modifier">Public</span>
562
+ <span ><b>ngControl</b></span>
563
+ <a href="#ngControl"><span class="icon ion-ios-link"></span></a>
564
+ </span>
565
+ </td>
566
+ </tr>
567
+ <tr>
568
+ <td class="col-md-4">
569
+ <i>Type : </i> <code>NgControl</code>
570
+
571
+ </td>
572
+ </tr>
573
+ <tr>
574
+ <td class="col-md-4">
575
+ <b>Decorators : </b>
576
+ <br />
577
+ <code>
578
+ @Self()<br />@Optional()<br />
579
+ </code>
580
+ </td>
581
+ </tr>
582
+ <tr>
583
+ <td class="col-md-4">
584
+ <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/input/text-area.directive.ts:40</a></div>
493
585
  </td>
494
586
  </tr>
495
587
 
@@ -518,7 +610,7 @@
518
610
  </tr>
519
611
  <tr>
520
612
  <td class="col-md-4">
521
- <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/input/text-area.directive.ts:31</a></div>
613
+ <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/input/text-area.directive.ts:32</a></div>
522
614
  </td>
523
615
  </tr>
524
616
 
@@ -540,7 +632,7 @@
540
632
  </tr>
541
633
  <tr>
542
634
  <td class="col-md-4">
543
- <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/input/text-area.directive.ts:35</a></div>
635
+ <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/input/text-area.directive.ts:36</a></div>
544
636
  </td>
545
637
  </tr>
546
638
 
@@ -552,7 +644,8 @@
552
644
 
553
645
 
554
646
  <div class="tab-pane fade tab-source-code" id="source">
555
- <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, HostBinding, Input } from &quot;@angular/core&quot;;
647
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, HostBinding, Input, Optional, Self } from &quot;@angular/core&quot;;
648
+ import { NgControl } from &quot;@angular/forms&quot;;
556
649
 
557
650
  /**
558
651
  * A directive for applying styling to a textarea element.
@@ -589,6 +682,8 @@ export class TextArea {
589
682
  @HostBinding(&quot;attr.data-invalid&quot;) get getInvalidAttr() {
590
683
  return this.invalid ? true : undefined;
591
684
  }
685
+
686
+ constructor(@Self() @Optional() public ngControl: NgControl) {}
592
687
  }
593
688
  </code></pre>
594
689
  </div>
package/docs/documentation/directives/TextInput.html CHANGED
@@ -180,6 +180,12 @@
180
180
  <span class="modifier"></span>
181
181
  <a href="#inputClass" >inputClass</a>
182
182
  </li>
183
+ <li>
184
+ <span class="modifier"></span>
185
+ <span class="modifier"></span>
186
+ <span class="modifier">Public</span>
187
+ <a href="#ngControl" >ngControl</a>
188
+ </li>
183
189
  </ul>
184
190
  </td>
185
191
  </tr>
@@ -292,6 +298,54 @@
292
298
  </table>
293
299
  </section>
294
300
 
301
+ <section data-compodoc="block-constructor">
302
+ <h3 id="constructor">Constructor</h3>
303
+ <table class="table table-sm table-bordered">
304
+ <tbody>
305
+ <tr>
306
+ <td class="col-md-4">
307
+ <code>constructor(ngControl: NgControl)</code>
308
+ </td>
309
+ </tr>
310
+ <tr>
311
+ <td class="col-md-4">
312
+ <div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">src/input/input.directive.ts:65</a></div>
313
+ </td>
314
+ </tr>
315
+
316
+ <tr>
317
+ <td class="col-md-4">
318
+ <div>
319
+ <b>Parameters :</b>
320
+ <table class="params">
321
+ <thead>
322
+ <tr>
323
+ <td>Name</td>
324
+ <td>Type</td>
325
+ <td>Optional</td>
326
+ </tr>
327
+ </thead>
328
+ <tbody>
329
+ <tr>
330
+ <td>ngControl</td>
331
+
332
+ <td>
333
+ <code>NgControl</code>
334
+ </td>
335
+
336
+ <td>
337
+ No
338
+ </td>
339
+
340
+ </tr>
341
+ </tbody>
342
+ </table>
343
+ </div>
344
+ </td>
345
+ </tr>
346
+ </tbody>
347
+ </table>
348
+ </section>
295
349
 
296
350
  <section data-compodoc="block-inputs">
297
351
  <h3 id="inputs">Inputs</h3>
@@ -316,7 +370,7 @@
316
370
  </tr>
317
371
  <tr>
318
372
  <td class="col-md-2" colspan="2">
319
- <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/input/input.directive.ts:55</a></div>
373
+ <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/input/input.directive.ts:56</a></div>
320
374
  </td>
321
375
  </tr>
322
376
  </tbody>
@@ -342,7 +396,7 @@
342
396
  </tr>
343
397
  <tr>
344
398
  <td class="col-md-2" colspan="2">
345
- <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/input/input.directive.ts:27</a></div>
399
+ <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/input/input.directive.ts:28</a></div>
346
400
  </td>
347
401
  </tr>
348
402
  <tr>
@@ -374,7 +428,7 @@
374
428
  </tr>
375
429
  <tr>
376
430
  <td class="col-md-2" colspan="2">
377
- <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/input/input.directive.ts:57</a></div>
431
+ <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/input/input.directive.ts:58</a></div>
378
432
  </td>
379
433
  </tr>
380
434
  </tbody>
@@ -400,7 +454,7 @@
400
454
  </tr>
401
455
  <tr>
402
456
  <td class="col-md-2" colspan="2">
403
- <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">src/input/input.directive.ts:22</a></div>
457
+ <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/input/input.directive.ts:23</a></div>
404
458
  </td>
405
459
  </tr>
406
460
  </tbody>
@@ -426,7 +480,7 @@
426
480
  </tr>
427
481
  <tr>
428
482
  <td class="col-md-2" colspan="2">
429
- <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/input/input.directive.ts:56</a></div>
483
+ <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/input/input.directive.ts:57</a></div>
430
484
  </td>
431
485
  </tr>
432
486
  </tbody>
@@ -453,7 +507,7 @@
453
507
  </tr>
454
508
  <tr>
455
509
  <td class="col-md-4">
456
- <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/input/input.directive.ts:62</a></div>
510
+ <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/input/input.directive.ts:63</a></div>
457
511
  </td>
458
512
  </tr>
459
513
 
@@ -479,7 +533,7 @@
479
533
  </tr>
480
534
  <tr>
481
535
  <td class="col-md-4">
482
- <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/input/input.directive.ts:51</a></div>
536
+ <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/input/input.directive.ts:52</a></div>
483
537
  </td>
484
538
  </tr>
485
539
 
@@ -505,7 +559,7 @@
505
559
  </tr>
506
560
  <tr>
507
561
  <td class="col-md-4">
508
- <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/input/input.directive.ts:48</a></div>
562
+ <div class="io-line">Defined in <a href="" data-line="49" class="link-to-prism">src/input/input.directive.ts:49</a></div>
509
563
  </td>
510
564
  </tr>
511
565
 
@@ -531,7 +585,7 @@
531
585
  </tr>
532
586
  <tr>
533
587
  <td class="col-md-4">
534
- <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/input/input.directive.ts:45</a></div>
588
+ <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/input/input.directive.ts:46</a></div>
535
589
  </td>
536
590
  </tr>
537
591
 
@@ -562,7 +616,7 @@
562
616
  </tr>
563
617
  <tr>
564
618
  <td class="col-md-4">
565
- <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/input/input.directive.ts:29</a></div>
619
+ <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/input/input.directive.ts:30</a></div>
566
620
  </td>
567
621
  </tr>
568
622
 
@@ -588,7 +642,7 @@
588
642
  </tr>
589
643
  <tr>
590
644
  <td class="col-md-4">
591
- <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/input/input.directive.ts:40</a></div>
645
+ <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/input/input.directive.ts:41</a></div>
592
646
  </td>
593
647
  </tr>
594
648
 
@@ -614,7 +668,7 @@
614
668
  </tr>
615
669
  <tr>
616
670
  <td class="col-md-4">
617
- <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/input/input.directive.ts:58</a></div>
671
+ <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/input/input.directive.ts:59</a></div>
618
672
  </td>
619
673
  </tr>
620
674
 
@@ -640,7 +694,7 @@
640
694
  </tr>
641
695
  <tr>
642
696
  <td class="col-md-4">
643
- <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/input/input.directive.ts:37</a></div>
697
+ <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/input/input.directive.ts:38</a></div>
644
698
  </td>
645
699
  </tr>
646
700
 
@@ -666,7 +720,7 @@
666
720
  </tr>
667
721
  <tr>
668
722
  <td class="col-md-4">
669
- <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/input/input.directive.ts:34</a></div>
723
+ <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/input/input.directive.ts:35</a></div>
670
724
  </td>
671
725
  </tr>
672
726
 
@@ -710,7 +764,45 @@
710
764
  </tr>
711
765
  <tr>
712
766
  <td class="col-md-4">
713
- <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/input/input.directive.ts:29</a></div>
767
+ <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/input/input.directive.ts:30</a></div>
768
+ </td>
769
+ </tr>
770
+
771
+
772
+ </tbody>
773
+ </table>
774
+ <table class="table table-sm table-bordered">
775
+ <tbody>
776
+ <tr>
777
+ <td class="col-md-4">
778
+ <a name="ngControl"></a>
779
+ <span class="name">
780
+ <span class="modifier"></span>
781
+ <span class="modifier"></span>
782
+ <span class="modifier">Public</span>
783
+ <span ><b>ngControl</b></span>
784
+ <a href="#ngControl"><span class="icon ion-ios-link"></span></a>
785
+ </span>
786
+ </td>
787
+ </tr>
788
+ <tr>
789
+ <td class="col-md-4">
790
+ <i>Type : </i> <code>NgControl</code>
791
+
792
+ </td>
793
+ </tr>
794
+ <tr>
795
+ <td class="col-md-4">
796
+ <b>Decorators : </b>
797
+ <br />
798
+ <code>
799
+ @Self()<br />@Optional()<br />
800
+ </code>
801
+ </td>
802
+ </tr>
803
+ <tr>
804
+ <td class="col-md-4">
805
+ <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/input/input.directive.ts:67</a></div>
714
806
  </td>
715
807
  </tr>
716
808
 
@@ -739,7 +831,7 @@
739
831
  </tr>
740
832
  <tr>
741
833
  <td class="col-md-4">
742
- <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/input/input.directive.ts:34</a></div>
834
+ <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/input/input.directive.ts:35</a></div>
743
835
  </td>
744
836
  </tr>
745
837
  <tr>
@@ -768,7 +860,7 @@
768
860
  </tr>
769
861
  <tr>
770
862
  <td class="col-md-4">
771
- <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/input/input.directive.ts:37</a></div>
863
+ <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/input/input.directive.ts:38</a></div>
772
864
  </td>
773
865
  </tr>
774
866
 
@@ -790,7 +882,7 @@
790
882
  </tr>
791
883
  <tr>
792
884
  <td class="col-md-4">
793
- <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/input/input.directive.ts:40</a></div>
885
+ <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/input/input.directive.ts:41</a></div>
794
886
  </td>
795
887
  </tr>
796
888
 
@@ -812,7 +904,7 @@
812
904
  </tr>
813
905
  <tr>
814
906
  <td class="col-md-4">
815
- <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/input/input.directive.ts:45</a></div>
907
+ <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/input/input.directive.ts:46</a></div>
816
908
  </td>
817
909
  </tr>
818
910
 
@@ -834,7 +926,7 @@
834
926
  </tr>
835
927
  <tr>
836
928
  <td class="col-md-4">
837
- <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/input/input.directive.ts:48</a></div>
929
+ <div class="io-line">Defined in <a href="" data-line="49" class="link-to-prism">src/input/input.directive.ts:49</a></div>
838
930
  </td>
839
931
  </tr>
840
932
 
@@ -856,7 +948,7 @@
856
948
  </tr>
857
949
  <tr>
858
950
  <td class="col-md-4">
859
- <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/input/input.directive.ts:51</a></div>
951
+ <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/input/input.directive.ts:52</a></div>
860
952
  </td>
861
953
  </tr>
862
954
 
@@ -878,7 +970,7 @@
878
970
  </tr>
879
971
  <tr>
880
972
  <td class="col-md-4">
881
- <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/input/input.directive.ts:58</a></div>
973
+ <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/input/input.directive.ts:59</a></div>
882
974
  </td>
883
975
  </tr>
884
976
 
@@ -900,7 +992,7 @@
900
992
  </tr>
901
993
  <tr>
902
994
  <td class="col-md-4">
903
- <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/input/input.directive.ts:62</a></div>
995
+ <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/input/input.directive.ts:63</a></div>
904
996
  </td>
905
997
  </tr>
906
998
 
@@ -912,7 +1004,8 @@
912
1004
 
913
1005
 
914
1006
  <div class="tab-pane fade tab-source-code" id="source">
915
- <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, HostBinding, Input } from &quot;@angular/core&quot;;
1007
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Directive, HostBinding, Input, Optional, Self } from &quot;@angular/core&quot;;
1008
+ import { NgControl } from &quot;@angular/forms&quot;;
916
1009
 
917
1010
  /**
918
1011
  * A directive for applying styling to an input element.
@@ -977,6 +1070,7 @@ export class TextInput {
977
1070
  return this.invalid ? true : undefined;
978
1071
  }
979
1072
 
1073
+ constructor(@Self() @Optional() public ngControl: NgControl) {}
980
1074
  }
981
1075
  </code></pre>
982
1076
  </div>