carbon-components-angular 3.8.0 → 3.9.3

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 (127) hide show
  1. package/bundle/carbon-angular.umd.js +2 -2
  2. package/bundle/carbon-angular.umd.js.map +1 -1
  3. package/checkbox/checkbox.component.d.ts +4 -0
  4. package/checkbox/checkbox.component.js +6 -1
  5. package/checkbox/checkbox.component.js.map +1 -1
  6. package/checkbox/checkbox.component.metadata.json +1 -1
  7. package/checkbox/checkbox.component.ngfactory.js +2 -2
  8. package/checkbox/checkbox.component.ngfactory.js.map +1 -1
  9. package/checkbox/checkbox.component.ngsummary.json +1 -1
  10. package/checkbox/checkbox.module.ngfactory.js.map +1 -1
  11. package/combobox/combobox.component.d.ts +14 -4
  12. package/combobox/combobox.component.js +12 -9
  13. package/combobox/combobox.component.js.map +1 -1
  14. package/combobox/combobox.component.metadata.json +1 -1
  15. package/combobox/combobox.component.ngfactory.js +15 -8
  16. package/combobox/combobox.component.ngfactory.js.map +1 -1
  17. package/combobox/combobox.component.ngsummary.json +1 -1
  18. package/combobox/combobox.module.ngfactory.js.map +1 -1
  19. package/content-switcher/content-switcher.component.d.ts +1 -0
  20. package/content-switcher/content-switcher.component.js +18 -5
  21. package/content-switcher/content-switcher.component.js.map +1 -1
  22. package/content-switcher/content-switcher.component.metadata.json +1 -1
  23. package/content-switcher/content-switcher.component.ngfactory.js +2 -2
  24. package/content-switcher/content-switcher.component.ngfactory.js.map +1 -1
  25. package/content-switcher/content-switcher.component.ngsummary.json +1 -1
  26. package/content-switcher/content-switcher.module.ngfactory.js.map +1 -1
  27. package/datepicker/datepicker.component.d.ts +1 -1
  28. package/datepicker/datepicker.component.js.map +1 -1
  29. package/datepicker-input/datepicker-input.component.d.ts +2 -2
  30. package/datepicker-input/datepicker-input.component.js +1 -1
  31. package/datepicker-input/datepicker-input.component.js.map +1 -1
  32. package/datepicker-input/datepicker-input.component.metadata.json +1 -1
  33. package/datepicker-input/datepicker-input.component.ngfactory.js +14 -11
  34. package/datepicker-input/datepicker-input.component.ngfactory.js.map +1 -1
  35. package/datepicker-input/datepicker-input.module.ngfactory.js.map +1 -1
  36. package/docs/documentation/classes/CheckboxChange.html +7 -1
  37. package/docs/documentation/classes/NumberChange.html +11 -7
  38. package/docs/documentation/classes/ToggleChange.html +13 -5
  39. package/docs/documentation/components/Checkbox.html +74 -41
  40. package/docs/documentation/components/ComboBox.html +366 -184
  41. package/docs/documentation/components/ContentSwitcher.html +136 -12
  42. package/docs/documentation/components/DatePicker.html +2 -2
  43. package/docs/documentation/components/DatePickerInput.html +24 -22
  44. package/docs/documentation/components/Dropdown.html +335 -62
  45. package/docs/documentation/components/File.html +10 -6
  46. package/docs/documentation/components/FileUploader.html +26 -24
  47. package/docs/documentation/components/HeaderItem.html +2 -2
  48. package/docs/documentation/components/Label.html +3 -3
  49. package/docs/documentation/components/Number.html +57 -41
  50. package/docs/documentation/components/Select.html +55 -42
  51. package/docs/documentation/components/Slider.html +254 -142
  52. package/docs/documentation/components/TimePicker.html +103 -17
  53. package/docs/documentation/components/TimePickerSelect.html +65 -37
  54. package/docs/documentation/components/Toggle.html +168 -55
  55. package/docs/documentation/coverage.html +20 -20
  56. package/docs/documentation/js/search/search_index.js +2 -2
  57. package/docs/storybook/iframe.html +3 -3
  58. package/docs/storybook/{main.56858f6c72e70f546e4c.bundle.js → main.e71ec014aa45dc1d6679.bundle.js} +194 -104
  59. package/docs/storybook/main.e71ec014aa45dc1d6679.bundle.js.map +1 -0
  60. package/docs/storybook/{runtime~main.56858f6c72e70f546e4c.bundle.js → runtime~main.e71ec014aa45dc1d6679.bundle.js} +1 -1
  61. package/docs/storybook/{runtime~main.56858f6c72e70f546e4c.bundle.js.map → runtime~main.e71ec014aa45dc1d6679.bundle.js.map} +1 -1
  62. package/docs/storybook/{vendors~main.56858f6c72e70f546e4c.bundle.js → vendors~main.e71ec014aa45dc1d6679.bundle.js} +1 -1
  63. package/docs/storybook/{vendors~main.56858f6c72e70f546e4c.bundle.js.map → vendors~main.e71ec014aa45dc1d6679.bundle.js.map} +1 -1
  64. package/dropdown/dropdown.component.d.ts +12 -0
  65. package/dropdown/dropdown.component.js +12 -2
  66. package/dropdown/dropdown.component.js.map +1 -1
  67. package/dropdown/dropdown.component.metadata.json +1 -1
  68. package/dropdown/dropdown.component.ngfactory.js +18 -11
  69. package/dropdown/dropdown.component.ngfactory.js.map +1 -1
  70. package/dropdown/dropdown.component.ngsummary.json +1 -1
  71. package/dropdown/dropdown.module.ngfactory.js.map +1 -1
  72. package/file-uploader/file-uploader.component.js +1 -1
  73. package/file-uploader/file-uploader.component.js.map +1 -1
  74. package/file-uploader/file-uploader.component.metadata.json +1 -1
  75. package/file-uploader/file-uploader.component.ngfactory.js +1 -1
  76. package/file-uploader/file-uploader.component.ngfactory.js.map +1 -1
  77. package/file-uploader/file.component.js +1 -1
  78. package/file-uploader/file.component.js.map +1 -1
  79. package/file-uploader/file.component.metadata.json +1 -1
  80. package/file-uploader/file.component.ngfactory.js +7 -1
  81. package/file-uploader/file.component.ngfactory.js.map +1 -1
  82. package/input/label.component.d.ts +1 -1
  83. package/input/label.component.js.map +1 -1
  84. package/number-input/number.component.d.ts +3 -3
  85. package/number-input/number.component.js +1 -1
  86. package/number-input/number.component.js.map +1 -1
  87. package/number-input/number.component.metadata.json +1 -1
  88. package/number-input/number.component.ngfactory.js +25 -21
  89. package/number-input/number.component.ngfactory.js.map +1 -1
  90. package/number-input/number.module.ngfactory.js.map +1 -1
  91. package/package.json +1 -1
  92. package/select/select.component.d.ts +3 -3
  93. package/select/select.component.js +4 -8
  94. package/select/select.component.js.map +1 -1
  95. package/select/select.component.metadata.json +1 -1
  96. package/select/select.component.ngfactory.js +21 -15
  97. package/select/select.component.ngfactory.js.map +1 -1
  98. package/select/select.component.ngsummary.json +1 -1
  99. package/slider/slider.component.d.ts +4 -1
  100. package/slider/slider.component.js +7 -3
  101. package/slider/slider.component.js.map +1 -1
  102. package/slider/slider.component.metadata.json +1 -1
  103. package/slider/slider.component.ngfactory.js +10 -7
  104. package/slider/slider.component.ngfactory.js.map +1 -1
  105. package/slider/slider.component.ngsummary.json +1 -1
  106. package/timepicker/timepicker.component.d.ts +3 -2
  107. package/timepicker/timepicker.component.js +5 -2
  108. package/timepicker/timepicker.component.js.map +1 -1
  109. package/timepicker/timepicker.component.metadata.json +1 -1
  110. package/timepicker/timepicker.component.ngfactory.js +4 -1
  111. package/timepicker/timepicker.component.ngfactory.js.map +1 -1
  112. package/timepicker/timepicker.component.ngsummary.json +1 -1
  113. package/timepicker-select/timepicker-select.component.d.ts +1 -0
  114. package/timepicker-select/timepicker-select.component.js +1 -0
  115. package/timepicker-select/timepicker-select.component.js.map +1 -1
  116. package/timepicker-select/timepicker-select.component.metadata.json +1 -1
  117. package/timepicker-select/timepicker-select.component.ngsummary.json +1 -1
  118. package/toggle/toggle.component.d.ts +3 -2
  119. package/toggle/toggle.component.js +5 -2
  120. package/toggle/toggle.component.js.map +1 -1
  121. package/toggle/toggle.component.metadata.json +1 -1
  122. package/toggle/toggle.component.ngfactory.js +7 -4
  123. package/toggle/toggle.component.ngfactory.js.map +1 -1
  124. package/toggle/toggle.component.ngsummary.json +1 -1
  125. package/ui-shell/header/header-item.component.js +1 -1
  126. package/ui-shell/header/header-item.component.js.map +1 -1
  127. package/docs/storybook/main.56858f6c72e70f546e4c.bundle.js.map +0 -1
@@ -117,7 +117,10 @@
117
117
 
118
118
  <tr>
119
119
  <td class="col-md-3">template</td>
120
- <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;div *ngIf&#x3D;&quot;label&quot; class&#x3D;&quot;bx--label&quot; [id]&#x3D;&quot;ariaLabelledby&quot;&gt;{{label}}&lt;/div&gt;
120
+ <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;label *ngIf&#x3D;&quot;label&quot; [id]&#x3D;&quot;ariaLabelledby&quot; class&#x3D;&quot;bx--label&quot;&gt;
121
+ &lt;ng-container *ngIf&#x3D;&quot;!isTemplate(label)&quot;&gt;{{label}}&lt;/ng-container&gt;
122
+ &lt;ng-template *ngIf&#x3D;&quot;isTemplate(label)&quot; [ngTemplateOutlet]&#x3D;&quot;label&quot;&gt;&lt;/ng-template&gt;
123
+ &lt;/label&gt;
121
124
  &lt;input
122
125
  class&#x3D;&quot;bx--toggle&quot;
123
126
  type&#x3D;&quot;checkbox&quot;
@@ -228,6 +231,10 @@
228
231
  <li>
229
232
  <a href="#emitChangeEvent">emitChangeEvent</a>
230
233
  </li>
234
+ <li>
235
+ <span class="modifier">Public</span>
236
+ <a href="#isTemplate">isTemplate</a>
237
+ </li>
231
238
  <li>
232
239
  <a href="#emitChangeEvent">emitChangeEvent</a>
233
240
  </li>
@@ -298,6 +305,9 @@
298
305
  <li>
299
306
  <a href="#disabled">disabled</a>
300
307
  </li>
308
+ <li>
309
+ <a href="#hideLabel">hideLabel</a>
310
+ </li>
301
311
  <li>
302
312
  <a href="#id">id</a>
303
313
  </li>
@@ -401,7 +411,7 @@
401
411
  </tr>
402
412
  <tr>
403
413
  <td class="col-md-4">
404
- <div class="io-line">Defined in <a href="" data-line="149" class="link-to-prism">src/toggle/toggle.component.ts:149</a></div>
414
+ <div class="io-line">Defined in <a href="" data-line="153" class="link-to-prism">src/toggle/toggle.component.ts:153</a></div>
405
415
  </td>
406
416
  </tr>
407
417
 
@@ -466,14 +476,14 @@
466
476
  <div><p>Text that is set as the label of the toggle.</p>
467
477
  </div>
468
478
  <p>
469
- <em>Type :</em> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
479
+ <em>Type :</em> <code>string | TemplateRef&lt;any&gt;</code>
470
480
 
471
481
  </p>
472
482
  </td>
473
483
  </tr>
474
484
  <tr>
475
485
  <td class="col-md-2" colspan="2">
476
- <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/toggle/toggle.component.ts:127</a></div>
486
+ <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/toggle/toggle.component.ts:131</a></div>
477
487
  </td>
478
488
  </tr>
479
489
  </tbody>
@@ -496,7 +506,7 @@
496
506
  </tr>
497
507
  <tr>
498
508
  <td class="col-md-2" colspan="2">
499
- <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/toggle/toggle.component.ts:104</a></div>
509
+ <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/toggle/toggle.component.ts:108</a></div>
500
510
  </td>
501
511
  </tr>
502
512
  </tbody>
@@ -519,7 +529,7 @@
519
529
  </tr>
520
530
  <tr>
521
531
  <td class="col-md-2" colspan="2">
522
- <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/toggle/toggle.component.ts:116</a></div>
532
+ <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/toggle/toggle.component.ts:120</a></div>
523
533
  </td>
524
534
  </tr>
525
535
  </tbody>
@@ -545,7 +555,7 @@
545
555
  </tr>
546
556
  <tr>
547
557
  <td class="col-md-2" colspan="2">
548
- <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/toggle/toggle.component.ts:131</a></div>
558
+ <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/toggle/toggle.component.ts:135</a></div>
549
559
  </td>
550
560
  </tr>
551
561
  </tbody>
@@ -567,7 +577,7 @@
567
577
  </tr>
568
578
  <tr>
569
579
  <td class="col-md-2" colspan="2">
570
- <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/toggle/toggle.component.ts:135</a></div>
580
+ <div class="io-line">Defined in <a href="" data-line="139" class="link-to-prism">src/toggle/toggle.component.ts:139</a></div>
571
581
  </td>
572
582
  </tr>
573
583
  </tbody>
@@ -595,7 +605,7 @@
595
605
  </tr>
596
606
  <tr>
597
607
  <td class="col-md-2" colspan="2">
598
- <div class="io-line">Defined in Checkbox:141</div>
608
+ <div class="io-line">Defined in Checkbox:147</div>
599
609
  </td>
600
610
  </tr>
601
611
  </tbody>
@@ -624,7 +634,7 @@
624
634
  </tr>
625
635
  <tr>
626
636
  <td class="col-md-2" colspan="2">
627
- <div class="io-line">Defined in Checkbox:146</div>
637
+ <div class="io-line">Defined in Checkbox:152</div>
628
638
  </td>
629
639
  </tr>
630
640
  </tbody>
@@ -653,7 +663,7 @@
653
663
  </tr>
654
664
  <tr>
655
665
  <td class="col-md-2" colspan="2">
656
- <div class="io-line">Defined in Checkbox:182</div>
666
+ <div class="io-line">Defined in Checkbox:188</div>
657
667
  </td>
658
668
  </tr>
659
669
  </tbody>
@@ -681,7 +691,35 @@
681
691
  </tr>
682
692
  <tr>
683
693
  <td class="col-md-2" colspan="2">
684
- <div class="io-line">Defined in Checkbox:116</div>
694
+ <div class="io-line">Defined in Checkbox:118</div>
695
+ </td>
696
+ </tr>
697
+ </tbody>
698
+ </table>
699
+ <table class="table table-sm table-bordered">
700
+ <tbody>
701
+ <tr>
702
+ <td class="col-md-2">
703
+ <a name="hideLabel"></a>
704
+ <code>hideLabel</code>
705
+ </td>
706
+ <td class="col-md-10">
707
+ <div><p>Set to <code>true</code> to hide the checkbox labels.</p>
708
+ </div>
709
+ <p>
710
+ <em>Default value : </em><code>false</code>
711
+ </p>
712
+ </td>
713
+ </tr>
714
+ <tr>
715
+ <td class="col-md-4" colspan="2">
716
+ <div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
717
+ </div>
718
+ </td>
719
+ </tr>
720
+ <tr>
721
+ <td class="col-md-2" colspan="2">
722
+ <div class="io-line">Defined in Checkbox:126</div>
685
723
  </td>
686
724
  </tr>
687
725
  </tbody>
@@ -709,7 +747,7 @@
709
747
  </tr>
710
748
  <tr>
711
749
  <td class="col-md-2" colspan="2">
712
- <div class="io-line">Defined in Checkbox:128</div>
750
+ <div class="io-line">Defined in Checkbox:134</div>
713
751
  </td>
714
752
  </tr>
715
753
  </tbody>
@@ -738,7 +776,7 @@
738
776
  </tr>
739
777
  <tr>
740
778
  <td class="col-md-2" colspan="2">
741
- <div class="io-line">Defined in Checkbox:158</div>
779
+ <div class="io-line">Defined in Checkbox:164</div>
742
780
  </td>
743
781
  </tr>
744
782
  </tbody>
@@ -766,7 +804,7 @@
766
804
  </tr>
767
805
  <tr>
768
806
  <td class="col-md-2" colspan="2">
769
- <div class="io-line">Defined in Checkbox:112</div>
807
+ <div class="io-line">Defined in Checkbox:114</div>
770
808
  </td>
771
809
  </tr>
772
810
  </tbody>
@@ -795,7 +833,7 @@
795
833
  </tr>
796
834
  <tr>
797
835
  <td class="col-md-2" colspan="2">
798
- <div class="io-line">Defined in Checkbox:124</div>
836
+ <div class="io-line">Defined in Checkbox:130</div>
799
837
  </td>
800
838
  </tr>
801
839
  </tbody>
@@ -824,7 +862,7 @@
824
862
  </tr>
825
863
  <tr>
826
864
  <td class="col-md-2" colspan="2">
827
- <div class="io-line">Defined in Checkbox:108</div>
865
+ <div class="io-line">Defined in Checkbox:110</div>
828
866
  </td>
829
867
  </tr>
830
868
  </tbody>
@@ -853,7 +891,7 @@
853
891
  </tr>
854
892
  <tr>
855
893
  <td class="col-md-2" colspan="2">
856
- <div class="io-line">Defined in Checkbox:132</div>
894
+ <div class="io-line">Defined in Checkbox:138</div>
857
895
  </td>
858
896
  </tr>
859
897
  </tbody>
@@ -885,7 +923,7 @@
885
923
  </tr>
886
924
  <tr>
887
925
  <td class="col-md-2" colspan="2">
888
- <div class="io-line">Defined in Checkbox:104</div>
926
+ <div class="io-line">Defined in Checkbox:106</div>
889
927
  </td>
890
928
  </tr>
891
929
  </tbody>
@@ -913,7 +951,7 @@
913
951
  </tr>
914
952
  <tr>
915
953
  <td class="col-md-2" colspan="2">
916
- <div class="io-line">Defined in Checkbox:120</div>
954
+ <div class="io-line">Defined in Checkbox:122</div>
917
955
  </td>
918
956
  </tr>
919
957
  </tbody>
@@ -942,7 +980,7 @@
942
980
  </tr>
943
981
  <tr>
944
982
  <td class="col-md-2" colspan="2">
945
- <div class="io-line">Defined in Checkbox:136</div>
983
+ <div class="io-line">Defined in Checkbox:142</div>
946
984
  </td>
947
985
  </tr>
948
986
  </tbody>
@@ -967,7 +1005,7 @@ click.</p>
967
1005
  </tr>
968
1006
  <tr>
969
1007
  <td class="col-md-2" colspan="2">
970
- <div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/toggle/toggle.component.ts:146</a></div>
1008
+ <div class="io-line">Defined in <a href="" data-line="150" class="link-to-prism">src/toggle/toggle.component.ts:150</a></div>
971
1009
  </td>
972
1010
  </tr>
973
1011
  </tbody>
@@ -995,7 +1033,7 @@ click.</p>
995
1033
  </tr>
996
1034
  <tr>
997
1035
  <td class="col-md-2" colspan="2">
998
- <div class="io-line">Defined in Checkbox:206</div>
1036
+ <div class="io-line">Defined in Checkbox:212</div>
999
1037
  </td>
1000
1038
  </tr>
1001
1039
  </tbody>
@@ -1023,7 +1061,7 @@ on an indeterminate checkbox.</p>
1023
1061
  </tr>
1024
1062
  <tr>
1025
1063
  <td class="col-md-2" colspan="2">
1026
- <div class="io-line">Defined in Checkbox:211</div>
1064
+ <div class="io-line">Defined in Checkbox:217</div>
1027
1065
  </td>
1028
1066
  </tr>
1029
1067
  </tbody>
@@ -1057,7 +1095,7 @@ on an indeterminate checkbox.</p>
1057
1095
  </tr>
1058
1096
  <tr>
1059
1097
  <td class="col-md-4">
1060
- <div class="io-line">Defined in Checkbox:195</div>
1098
+ <div class="io-line">Defined in Checkbox:201</div>
1061
1099
  </td>
1062
1100
  </tr>
1063
1101
 
@@ -1091,7 +1129,7 @@ on an indeterminate checkbox.</p>
1091
1129
  </tr>
1092
1130
  <tr>
1093
1131
  <td class="col-md-4">
1094
- <div class="io-line">Defined in Checkbox:198</div>
1132
+ <div class="io-line">Defined in Checkbox:204</div>
1095
1133
  </td>
1096
1134
  </tr>
1097
1135
 
@@ -1128,7 +1166,7 @@ on an indeterminate checkbox.</p>
1128
1166
 
1129
1167
  <tr>
1130
1168
  <td class="col-md-4">
1131
- <div class="io-line">Defined in <a href="" data-line="161" class="link-to-prism">src/toggle/toggle.component.ts:161</a></div>
1169
+ <div class="io-line">Defined in <a href="" data-line="165" class="link-to-prism">src/toggle/toggle.component.ts:165</a></div>
1132
1170
  </td>
1133
1171
  </tr>
1134
1172
 
@@ -1146,6 +1184,73 @@ on an indeterminate checkbox.</p>
1146
1184
  </tr>
1147
1185
  </tbody>
1148
1186
  </table>
1187
+ <table class="table table-sm table-bordered">
1188
+ <tbody>
1189
+ <tr>
1190
+ <td class="col-md-4">
1191
+ <a name="isTemplate"></a>
1192
+ <span class="name">
1193
+ <b>
1194
+ <span class="modifier">Public</span>
1195
+ isTemplate
1196
+ </b>
1197
+ <a href="#isTemplate"><span class="icon ion-ios-link"></span></a>
1198
+ </span>
1199
+ </td>
1200
+ </tr>
1201
+ <tr>
1202
+ <td class="col-md-4">
1203
+ <span class="modifier-icon icon ion-ios-reset"></span>
1204
+ <code>isTemplate(value)</code>
1205
+ </td>
1206
+ </tr>
1207
+
1208
+
1209
+ <tr>
1210
+ <td class="col-md-4">
1211
+ <div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/toggle/toggle.component.ts:174</a></div>
1212
+ </td>
1213
+ </tr>
1214
+
1215
+
1216
+ <tr>
1217
+ <td class="col-md-4">
1218
+
1219
+ <div class="io-description">
1220
+ <b>Parameters :</b>
1221
+ <table class="params">
1222
+ <thead>
1223
+ <tr>
1224
+ <td>Name</td>
1225
+ <td>Optional</td>
1226
+ </tr>
1227
+ </thead>
1228
+ <tbody>
1229
+ <tr>
1230
+ <td>value</td>
1231
+
1232
+ <td>
1233
+ No
1234
+ </td>
1235
+
1236
+
1237
+ </tr>
1238
+ </tbody>
1239
+ </table>
1240
+ </div>
1241
+ <div>
1242
+ </div>
1243
+ <div class="io-description">
1244
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1245
+
1246
+ </div>
1247
+ <div class="io-description">
1248
+
1249
+ </div>
1250
+ </td>
1251
+ </tr>
1252
+ </tbody>
1253
+ </table>
1149
1254
  <table class="table table-sm table-bordered">
1150
1255
  <tbody>
1151
1256
  <tr>
@@ -1174,7 +1279,7 @@ on an indeterminate checkbox.</p>
1174
1279
  </tr>
1175
1280
  <tr>
1176
1281
  <td class="col-md-4">
1177
- <div class="io-line">Defined in Checkbox:325</div>
1282
+ <div class="io-line">Defined in Checkbox:331</div>
1178
1283
  </td>
1179
1284
  </tr>
1180
1285
 
@@ -1220,7 +1325,7 @@ on an indeterminate checkbox.</p>
1220
1325
  </tr>
1221
1326
  <tr>
1222
1327
  <td class="col-md-4">
1223
- <div class="io-line">Defined in Checkbox:338</div>
1328
+ <div class="io-line">Defined in Checkbox:344</div>
1224
1329
  </td>
1225
1330
  </tr>
1226
1331
 
@@ -1266,7 +1371,7 @@ on an indeterminate checkbox.</p>
1266
1371
  </tr>
1267
1372
  <tr>
1268
1373
  <td class="col-md-4">
1269
- <div class="io-line">Defined in Checkbox:273</div>
1374
+ <div class="io-line">Defined in Checkbox:279</div>
1270
1375
  </td>
1271
1376
  </tr>
1272
1377
 
@@ -1339,7 +1444,7 @@ on an indeterminate checkbox.</p>
1339
1444
  </tr>
1340
1445
  <tr>
1341
1446
  <td class="col-md-4">
1342
- <div class="io-line">Defined in Checkbox:282</div>
1447
+ <div class="io-line">Defined in Checkbox:288</div>
1343
1448
  </td>
1344
1449
  </tr>
1345
1450
 
@@ -1414,7 +1519,7 @@ on an indeterminate checkbox.</p>
1414
1519
  </tr>
1415
1520
  <tr>
1416
1521
  <td class="col-md-4">
1417
- <div class="io-line">Defined in Checkbox:256</div>
1522
+ <div class="io-line">Defined in Checkbox:262</div>
1418
1523
  </td>
1419
1524
  </tr>
1420
1525
 
@@ -1493,7 +1598,7 @@ on an indeterminate checkbox.</p>
1493
1598
  </tr>
1494
1599
  <tr>
1495
1600
  <td class="col-md-4">
1496
- <div class="io-line">Defined in Checkbox:264</div>
1601
+ <div class="io-line">Defined in Checkbox:270</div>
1497
1602
  </td>
1498
1603
  </tr>
1499
1604
 
@@ -1577,7 +1682,7 @@ on an indeterminate checkbox.</p>
1577
1682
  </tr>
1578
1683
  <tr>
1579
1684
  <td class="col-md-4">
1580
- <div class="io-line">Defined in Checkbox:242</div>
1685
+ <div class="io-line">Defined in Checkbox:248</div>
1581
1686
  </td>
1582
1687
  </tr>
1583
1688
 
@@ -1623,7 +1728,7 @@ on an indeterminate checkbox.</p>
1623
1728
  </tr>
1624
1729
  <tr>
1625
1730
  <td class="col-md-4">
1626
- <div class="io-line">Defined in Checkbox:303</div>
1731
+ <div class="io-line">Defined in Checkbox:309</div>
1627
1732
  </td>
1628
1733
  </tr>
1629
1734
 
@@ -1702,7 +1807,7 @@ on an indeterminate checkbox.</p>
1702
1807
  </tr>
1703
1808
  <tr>
1704
1809
  <td class="col-md-4">
1705
- <div class="io-line">Defined in Checkbox:247</div>
1810
+ <div class="io-line">Defined in Checkbox:253</div>
1706
1811
  </td>
1707
1812
  </tr>
1708
1813
 
@@ -1783,7 +1888,7 @@ on an indeterminate checkbox.</p>
1783
1888
  </tr>
1784
1889
  <tr>
1785
1890
  <td class="col-md-4">
1786
- <div class="io-line">Defined in <a href="" data-line="148" class="link-to-prism">src/toggle/toggle.component.ts:148</a></div>
1891
+ <div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">src/toggle/toggle.component.ts:152</a></div>
1787
1892
  </td>
1788
1893
  </tr>
1789
1894
 
@@ -1817,7 +1922,7 @@ on an indeterminate checkbox.</p>
1817
1922
  </tr>
1818
1923
  <tr>
1819
1924
  <td class="col-md-4">
1820
- <div class="io-line">Defined in <a href="" data-line="149" class="link-to-prism">src/toggle/toggle.component.ts:149</a></div>
1925
+ <div class="io-line">Defined in <a href="" data-line="153" class="link-to-prism">src/toggle/toggle.component.ts:153</a></div>
1821
1926
  </td>
1822
1927
  </tr>
1823
1928
 
@@ -1850,7 +1955,7 @@ on an indeterminate checkbox.</p>
1850
1955
  </tr>
1851
1956
  <tr>
1852
1957
  <td class="col-md-4">
1853
- <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/toggle/toggle.component.ts:140</a></div>
1958
+ <div class="io-line">Defined in <a href="" data-line="144" class="link-to-prism">src/toggle/toggle.component.ts:144</a></div>
1854
1959
  </td>
1855
1960
  </tr>
1856
1961
 
@@ -1896,7 +2001,7 @@ on an indeterminate checkbox.</p>
1896
2001
  </tr>
1897
2002
  <tr>
1898
2003
  <td class="col-md-4">
1899
- <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">src/toggle/toggle.component.ts:98</a></div>
2004
+ <div class="io-line">Defined in <a href="" data-line="102" class="link-to-prism">src/toggle/toggle.component.ts:102</a></div>
1900
2005
  </td>
1901
2006
  </tr>
1902
2007
 
@@ -1941,7 +2046,7 @@ on an indeterminate checkbox.</p>
1941
2046
  </tr>
1942
2047
  <tr>
1943
2048
  <td class="col-md-4">
1944
- <div class="io-line">Defined in Checkbox:216</div>
2049
+ <div class="io-line">Defined in Checkbox:222</div>
1945
2050
  </td>
1946
2051
  </tr>
1947
2052
 
@@ -1986,7 +2091,7 @@ on an indeterminate checkbox.</p>
1986
2091
  </tr>
1987
2092
  <tr>
1988
2093
  <td class="col-md-4">
1989
- <div class="io-line">Defined in Checkbox:220</div>
2094
+ <div class="io-line">Defined in Checkbox:226</div>
1990
2095
  </td>
1991
2096
  </tr>
1992
2097
 
@@ -2038,7 +2143,7 @@ on an indeterminate checkbox.</p>
2038
2143
  </tr>
2039
2144
  <tr>
2040
2145
  <td class="col-md-4">
2041
- <div class="io-line">Defined in Checkbox:99</div>
2146
+ <div class="io-line">Defined in Checkbox:101</div>
2042
2147
  </td>
2043
2148
  </tr>
2044
2149
 
@@ -2089,7 +2194,7 @@ on an indeterminate checkbox.</p>
2089
2194
  </tr>
2090
2195
  <tr>
2091
2196
  <td class="col-md-4">
2092
- <div class="io-line">Defined in Checkbox:222</div>
2197
+ <div class="io-line">Defined in Checkbox:228</div>
2093
2198
  </td>
2094
2199
  </tr>
2095
2200
 
@@ -2138,7 +2243,7 @@ on an indeterminate checkbox.</p>
2138
2243
  </tr>
2139
2244
  <tr>
2140
2245
  <td class="col-md-4">
2141
- <div class="io-line">Defined in Checkbox:227</div>
2246
+ <div class="io-line">Defined in Checkbox:233</div>
2142
2247
  </td>
2143
2248
  </tr>
2144
2249
 
@@ -2189,7 +2294,7 @@ on an indeterminate checkbox.</p>
2189
2294
  </tr>
2190
2295
  <tr>
2191
2296
  <td class="col-md-4">
2192
- <div class="io-line">Defined in Checkbox:295</div>
2297
+ <div class="io-line">Defined in Checkbox:301</div>
2193
2298
  </td>
2194
2299
  </tr>
2195
2300
 
@@ -2234,7 +2339,7 @@ on an indeterminate checkbox.</p>
2234
2339
  </tr>
2235
2340
  <tr>
2236
2341
  <td class="col-md-4">
2237
- <div class="io-line">Defined in Checkbox:349</div>
2342
+ <div class="io-line">Defined in Checkbox:355</div>
2238
2343
  </td>
2239
2344
  </tr>
2240
2345
 
@@ -2269,7 +2374,7 @@ on an indeterminate checkbox.</p>
2269
2374
  </tr>
2270
2375
  <tr>
2271
2376
  <td class="col-md-4">
2272
- <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/toggle/toggle.component.ts:108</a></div>
2377
+ <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/toggle/toggle.component.ts:112</a></div>
2273
2378
  </td>
2274
2379
  </tr>
2275
2380
 
@@ -2280,7 +2385,7 @@ on an indeterminate checkbox.</p>
2280
2385
  </tr>
2281
2386
  <tr>
2282
2387
  <td class="col-md-4">
2283
- <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/toggle/toggle.component.ts:104</a></div>
2388
+ <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/toggle/toggle.component.ts:108</a></div>
2284
2389
  </td>
2285
2390
  </tr>
2286
2391
  <tr>
@@ -2340,7 +2445,7 @@ on an indeterminate checkbox.</p>
2340
2445
  </tr>
2341
2446
  <tr>
2342
2447
  <td class="col-md-4">
2343
- <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/toggle/toggle.component.ts:120</a></div>
2448
+ <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/toggle/toggle.component.ts:124</a></div>
2344
2449
  </td>
2345
2450
  </tr>
2346
2451
 
@@ -2351,7 +2456,7 @@ on an indeterminate checkbox.</p>
2351
2456
  </tr>
2352
2457
  <tr>
2353
2458
  <td class="col-md-4">
2354
- <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/toggle/toggle.component.ts:116</a></div>
2459
+ <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/toggle/toggle.component.ts:120</a></div>
2355
2460
  </td>
2356
2461
  </tr>
2357
2462
  <tr>
@@ -2406,7 +2511,8 @@ import {
2406
2511
  Component,
2407
2512
  Input,
2408
2513
  Output,
2409
- EventEmitter
2514
+ EventEmitter,
2515
+ TemplateRef
2410
2516
  } from &quot;@angular/core&quot;;
2411
2517
  import { NG_VALUE_ACCESSOR } from &quot;@angular/forms&quot;;
2412
2518
 
@@ -2452,7 +2558,10 @@ export class ToggleChange {
2452
2558
  @Component({
2453
2559
  selector: &quot;ibm-toggle&quot;,
2454
2560
  template: &#x60;
2455
- &lt;div *ngIf&#x3D;&quot;label&quot; class&#x3D;&quot;bx--label&quot; [id]&#x3D;&quot;ariaLabelledby&quot;&gt;{{label}}&lt;/div&gt;
2561
+ &lt;label *ngIf&#x3D;&quot;label&quot; [id]&#x3D;&quot;ariaLabelledby&quot; class&#x3D;&quot;bx--label&quot;&gt;
2562
+ &lt;ng-container *ngIf&#x3D;&quot;!isTemplate(label)&quot;&gt;{{label}}&lt;/ng-container&gt;
2563
+ &lt;ng-template *ngIf&#x3D;&quot;isTemplate(label)&quot; [ngTemplateOutlet]&#x3D;&quot;label&quot;&gt;&lt;/ng-template&gt;
2564
+ &lt;/label&gt;
2456
2565
  &lt;input
2457
2566
  class&#x3D;&quot;bx--toggle&quot;
2458
2567
  type&#x3D;&quot;checkbox&quot;
@@ -2526,7 +2635,7 @@ export class Toggle extends Checkbox {
2526
2635
  * Text that is set as the label of the toggle.
2527
2636
  * @type {(string)}
2528
2637
  */
2529
- @Input() label: string;
2638
+ @Input() label: string | TemplateRef&lt;any&gt;;
2530
2639
  /**
2531
2640
  * Size of the toggle component.
2532
2641
  */
@@ -2568,6 +2677,10 @@ export class Toggle extends Checkbox {
2568
2677
  this.propagateChange(this.checked);
2569
2678
  this.change.emit(event);
2570
2679
  }
2680
+
2681
+ public isTemplate(value) {
2682
+ return value instanceof TemplateRef;
2683
+ }
2571
2684
  }
2572
2685
  </code></pre>
2573
2686
  </div>
@@ -2604,7 +2717,7 @@ export class Toggle extends Checkbox {
2604
2717
  <script src="../js/libs/htmlparser.js"></script>
2605
2718
  <script src="../js/libs/deep-iterator.js"></script>
2606
2719
  <script>
2607
- var COMPONENT_TEMPLATE = '<div><div *ngIf="label" class="bx--label" [id]="ariaLabelledby">{{label}}</div><input class="bx--toggle" type="checkbox" [ngClass]="{ \'bx--toggle--small\': size === \'sm\', \'bx--skeleton\': skeleton }" [id]="id" [value]="value" [name]="name" [required]="required" [checked]="checked" [disabled]="disabled" [attr.aria-labelledby]="ariaLabelledby" [attr.aria-checked]="checked" (change)="onChange($event)" (click)="onClick($event)"><label class="bx--toggle__label" [for]="id" [ngClass]="{ \'bx--skeleton\': skeleton }"> <span class="bx--toggle__text--left">{{(!skeleton ? offText : null) | async }}</span> <span class="bx--toggle__appearance"> <svg *ngIf="size === \'sm\'" class="bx--toggle__check" width="6px" height="5px" viewBox="0 0 6 5"> <path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"/> </svg> </span> <span class="bx--toggle__text--right">{{(!skeleton ? onText : null) | async}}</span></label> </div>'
2720
+ var COMPONENT_TEMPLATE = '<div><label *ngIf="label" [id]="ariaLabelledby" class="bx--label"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template></label><input class="bx--toggle" type="checkbox" [ngClass]="{ \'bx--toggle--small\': size === \'sm\', \'bx--skeleton\': skeleton }" [id]="id" [value]="value" [name]="name" [required]="required" [checked]="checked" [disabled]="disabled" [attr.aria-labelledby]="ariaLabelledby" [attr.aria-checked]="checked" (change)="onChange($event)" (click)="onClick($event)"><label class="bx--toggle__label" [for]="id" [ngClass]="{ \'bx--skeleton\': skeleton }"> <span class="bx--toggle__text--left">{{(!skeleton ? offText : null) | async }}</span> <span class="bx--toggle__appearance"> <svg *ngIf="size === \'sm\'" class="bx--toggle__check" width="6px" height="5px" viewBox="0 0 6 5"> <path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"/> </svg> </span> <span class="bx--toggle__text--right">{{(!skeleton ? onText : null) | async}}</span></label> </div>'
2608
2721
  var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProductSwitcherItem', 'selector': 'ibm-product-switcher-item'},{'name': 'ProductSwitcherList', 'selector': 'ibm-product-switcher-list'},{'name': 'ProductSwitcherListItem', 'selector': 'ibm-product-switcher-list-item'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
2609
2722
  var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
2610
2723
  var ACTUAL_COMPONENT = {'name': 'Toggle'};