carbon-components-angular 3.53.8 → 3.54.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.
- package/bundle/carbon-angular.umd.js +9 -9
- package/bundle/carbon-angular.umd.js.map +1 -1
- package/combobox/combobox.component.js +1 -7
- package/combobox/combobox.component.js.map +1 -1
- package/docs/documentation/classes/SearchChange.html +11 -0
- package/docs/documentation/components/ComboBox.html +5 -10
- package/docs/documentation/components/DropdownList.html +79 -31
- package/docs/documentation/components/Pagination.html +114 -56
- package/docs/documentation/components/Search.html +96 -17
- package/docs/documentation/components/TableToolbarSearch.html +96 -16
- package/docs/documentation/components/TagFilter.html +131 -4
- package/docs/documentation/coverage.html +17 -17
- package/docs/documentation/interfaces/PaginationTranslations.html +87 -11
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/storybook/iframe.html +3 -3
- package/docs/storybook/{main.293b4966d65e38f1c80c.bundle.js → main.1ccde517361f3d1a057c.bundle.js} +86 -33
- package/docs/storybook/main.1ccde517361f3d1a057c.bundle.js.map +1 -0
- package/docs/storybook/{runtime~main.293b4966d65e38f1c80c.bundle.js → runtime~main.1ccde517361f3d1a057c.bundle.js} +1 -1
- package/docs/storybook/{runtime~main.293b4966d65e38f1c80c.bundle.js.map → runtime~main.1ccde517361f3d1a057c.bundle.js.map} +1 -1
- package/docs/storybook/{vendors~main.293b4966d65e38f1c80c.bundle.js → vendors~main.1ccde517361f3d1a057c.bundle.js} +1 -1
- package/docs/storybook/{vendors~main.293b4966d65e38f1c80c.bundle.js.map → vendors~main.1ccde517361f3d1a057c.bundle.js.map} +1 -1
- package/dropdown/list/dropdown-list.component.d.ts +1 -0
- package/dropdown/list/dropdown-list.component.js +17 -10
- package/dropdown/list/dropdown-list.component.js.map +1 -1
- package/dropdown/list/dropdown-list.component.metadata.json +1 -1
- package/dropdown/list/dropdown-list.component.ngsummary.json +1 -1
- package/i18n/en.d.ts +2 -1
- package/i18n/en.js +3 -2
- package/i18n/en.js.map +1 -1
- package/i18n/i18n.service.d.ts +13 -3
- package/package.json +1 -1
- package/pagination/pagination.component.d.ts +9 -4
- package/pagination/pagination.component.js +9 -5
- package/pagination/pagination.component.js.map +1 -1
- package/pagination/pagination.component.metadata.json +1 -1
- package/pagination/pagination.component.ngfactory.js +20 -18
- package/pagination/pagination.component.ngfactory.js.map +1 -1
- package/search/search.component.d.ts +8 -0
- package/search/search.component.js +12 -1
- package/search/search.component.js.map +1 -1
- package/search/search.component.metadata.json +1 -1
- package/search/search.component.ngfactory.js +6 -3
- package/search/search.component.ngfactory.js.map +1 -1
- package/search/search.component.ngsummary.json +1 -1
- package/table/toolbar/table-toolbar-search.component.js +1 -1
- package/table/toolbar/table-toolbar-search.component.js.map +1 -1
- package/table/toolbar/table-toolbar-search.component.metadata.json +1 -1
- package/table/toolbar/table-toolbar-search.component.ngfactory.js +6 -3
- package/table/toolbar/table-toolbar-search.component.ngfactory.js.map +1 -1
- package/table/toolbar/table-toolbar-search.component.ngsummary.json +1 -1
- package/tag/tag-filter.component.d.ts +9 -0
- package/tag/tag-filter.component.js +15 -1
- package/tag/tag-filter.component.js.map +1 -1
- package/tag/tag-filter.component.metadata.json +1 -1
- package/tag/tag-filter.component.ngfactory.js +2 -2
- package/tag/tag-filter.component.ngfactory.js.map +1 -1
- package/tag/tag-filter.component.ngsummary.json +1 -1
- package/tag/tag.module.ngfactory.js.map +1 -1
- package/docs/storybook/main.293b4966d65e38f1c80c.bundle.js.map +0 -1
|
@@ -149,7 +149,10 @@ you load the page.</p>
|
|
|
149
149
|
[attr.ariaLabel]="optionsListText.subject | async">
|
|
150
150
|
</svg>
|
|
151
151
|
</div>
|
|
152
|
-
<span *ngIf="!pagesUnknown" class="bx--pagination__text">
|
|
152
|
+
<span *ngIf="!pagesUnknown && totalDataLength <= 1" class="bx--pagination__text">
|
|
153
|
+
{{totalItemText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}
|
|
154
|
+
</span>
|
|
155
|
+
<span *ngIf="!pagesUnknown && totalDataLength > 1" class="bx--pagination__text">
|
|
153
156
|
<span *ngIf="!isExperimental">|&nbsp;</span>
|
|
154
157
|
{{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}
|
|
155
158
|
</span>
|
|
@@ -201,7 +204,10 @@ you load the page.</p>
|
|
|
201
204
|
</svg>
|
|
202
205
|
</div>
|
|
203
206
|
|
|
204
|
-
<span *ngIf="!pagesUnknown" class="bx--pagination__text">
|
|
207
|
+
<span *ngIf="!pagesUnknown && lastPage <= 1" class="bx--pagination__text">
|
|
208
|
+
{{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}}
|
|
209
|
+
</span>
|
|
210
|
+
<span *ngIf="!pagesUnknown && lastPage > 1" class="bx--pagination__text">
|
|
205
211
|
{{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}}
|
|
206
212
|
</span>
|
|
207
213
|
<span *ngIf="pagesUnknown" class="bx--pagination__text">
|
|
@@ -281,6 +287,9 @@ you load the page.</p>
|
|
|
281
287
|
<li>
|
|
282
288
|
<a href="#ofLastPagesText">ofLastPagesText</a>
|
|
283
289
|
</li>
|
|
290
|
+
<li>
|
|
291
|
+
<a href="#ofLastPageText">ofLastPageText</a>
|
|
292
|
+
</li>
|
|
284
293
|
<li>
|
|
285
294
|
<a href="#optionsListText">optionsListText</a>
|
|
286
295
|
</li>
|
|
@@ -298,7 +307,7 @@ you load the page.</p>
|
|
|
298
307
|
<a href="#totalItemsUnknownText">totalItemsUnknownText</a>
|
|
299
308
|
</li>
|
|
300
309
|
<li>
|
|
301
|
-
<a href="#
|
|
310
|
+
<a href="#totalItemText">totalItemText</a>
|
|
302
311
|
</li>
|
|
303
312
|
</ul>
|
|
304
313
|
</td>
|
|
@@ -417,7 +426,7 @@ you load the page.</p>
|
|
|
417
426
|
</tr>
|
|
418
427
|
<tr>
|
|
419
428
|
<td class="col-md-4">
|
|
420
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
429
|
+
<div class="io-line">Defined in <a href="" data-line="334" class="link-to-prism">src/pagination/pagination.component.ts:334</a></div>
|
|
421
430
|
</td>
|
|
422
431
|
</tr>
|
|
423
432
|
|
|
@@ -486,7 +495,7 @@ you load the page.</p>
|
|
|
486
495
|
</tr>
|
|
487
496
|
<tr>
|
|
488
497
|
<td class="col-md-2" colspan="2">
|
|
489
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
498
|
+
<div class="io-line">Defined in <a href="" data-line="198" class="link-to-prism">src/pagination/pagination.component.ts:198</a></div>
|
|
490
499
|
</td>
|
|
491
500
|
</tr>
|
|
492
501
|
</tbody>
|
|
@@ -513,7 +522,7 @@ you load the page.</p>
|
|
|
513
522
|
</tr>
|
|
514
523
|
<tr>
|
|
515
524
|
<td class="col-md-2" colspan="2">
|
|
516
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
525
|
+
<div class="io-line">Defined in <a href="" data-line="245" class="link-to-prism">src/pagination/pagination.component.ts:245</a></div>
|
|
517
526
|
</td>
|
|
518
527
|
</tr>
|
|
519
528
|
</tbody>
|
|
@@ -536,7 +545,7 @@ you load the page.</p>
|
|
|
536
545
|
</tr>
|
|
537
546
|
<tr>
|
|
538
547
|
<td class="col-md-2" colspan="2">
|
|
539
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
548
|
+
<div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/pagination/pagination.component.ts:194</a></div>
|
|
540
549
|
</td>
|
|
541
550
|
</tr>
|
|
542
551
|
</tbody>
|
|
@@ -558,7 +567,7 @@ you load the page.</p>
|
|
|
558
567
|
</tr>
|
|
559
568
|
<tr>
|
|
560
569
|
<td class="col-md-2" colspan="2">
|
|
561
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
570
|
+
<div class="io-line">Defined in <a href="" data-line="202" class="link-to-prism">src/pagination/pagination.component.ts:202</a></div>
|
|
562
571
|
</td>
|
|
563
572
|
</tr>
|
|
564
573
|
</tbody>
|
|
@@ -578,7 +587,7 @@ you load the page.</p>
|
|
|
578
587
|
</tr>
|
|
579
588
|
<tr>
|
|
580
589
|
<td class="col-md-2" colspan="2">
|
|
581
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
590
|
+
<div class="io-line">Defined in <a href="" data-line="207" class="link-to-prism">src/pagination/pagination.component.ts:207</a></div>
|
|
582
591
|
</td>
|
|
583
592
|
</tr>
|
|
584
593
|
</tbody>
|
|
@@ -600,7 +609,7 @@ you load the page.</p>
|
|
|
600
609
|
</tr>
|
|
601
610
|
<tr>
|
|
602
611
|
<td class="col-md-2" colspan="2">
|
|
603
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
612
|
+
<div class="io-line">Defined in <a href="" data-line="206" class="link-to-prism">src/pagination/pagination.component.ts:206</a></div>
|
|
604
613
|
</td>
|
|
605
614
|
</tr>
|
|
606
615
|
</tbody>
|
|
@@ -622,7 +631,7 @@ you load the page.</p>
|
|
|
622
631
|
</tr>
|
|
623
632
|
<tr>
|
|
624
633
|
<td class="col-md-2" colspan="2">
|
|
625
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
634
|
+
<div class="io-line">Defined in <a href="" data-line="190" class="link-to-prism">src/pagination/pagination.component.ts:190</a></div>
|
|
626
635
|
</td>
|
|
627
636
|
</tr>
|
|
628
637
|
</tbody>
|
|
@@ -641,16 +650,18 @@ you load the page.</p>
|
|
|
641
650
|
* "OPEN_LIST_OF_OPTIONS": "Open list of options",
|
|
642
651
|
* "BACKWARD": "Backward",
|
|
643
652
|
* "FORWARD": "Forward",
|
|
653
|
+
* "TOTAL_ITEMS_UNKNOWN": "{{start}}-{{end}} items",
|
|
644
654
|
* "TOTAL_ITEMS": "{{start}}-{{end}} of {{total}} items",
|
|
645
|
-
* "
|
|
646
|
-
* "OF_LAST_PAGES": "of {{last}} pages"
|
|
655
|
+
* "TOTAL_ITEM": "{{start}}-{{end}} of {{total}} item",
|
|
656
|
+
* "OF_LAST_PAGES": "of {{last}} pages",
|
|
657
|
+
* "OF_LAST_PAGE": "of {{last}} page",
|
|
647
658
|
* }
|
|
648
659
|
*</code></pre></div></div>
|
|
649
660
|
</td>
|
|
650
661
|
</tr>
|
|
651
662
|
<tr>
|
|
652
663
|
<td class="col-md-2" colspan="2">
|
|
653
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
664
|
+
<div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/pagination/pagination.component.ts:226</a></div>
|
|
654
665
|
</td>
|
|
655
666
|
</tr>
|
|
656
667
|
</tbody>
|
|
@@ -676,7 +687,7 @@ data is finally loaded.</p>
|
|
|
676
687
|
</tr>
|
|
677
688
|
<tr>
|
|
678
689
|
<td class="col-md-2" colspan="2">
|
|
679
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
690
|
+
<div class="io-line">Defined in <a href="" data-line="253" class="link-to-prism">src/pagination/pagination.component.ts:253</a></div>
|
|
680
691
|
</td>
|
|
681
692
|
</tr>
|
|
682
693
|
</tbody>
|
|
@@ -723,7 +734,7 @@ data is finally loaded.</p>
|
|
|
723
734
|
</tr>
|
|
724
735
|
<tr>
|
|
725
736
|
<td class="col-md-4">
|
|
726
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
737
|
+
<div class="io-line">Defined in <a href="" data-line="334" class="link-to-prism">src/pagination/pagination.component.ts:334</a></div>
|
|
727
738
|
</td>
|
|
728
739
|
</tr>
|
|
729
740
|
|
|
@@ -756,7 +767,7 @@ data is finally loaded.</p>
|
|
|
756
767
|
</tr>
|
|
757
768
|
<tr>
|
|
758
769
|
<td class="col-md-4">
|
|
759
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
770
|
+
<div class="io-line">Defined in <a href="" data-line="325" class="link-to-prism">src/pagination/pagination.component.ts:325</a></div>
|
|
760
771
|
</td>
|
|
761
772
|
</tr>
|
|
762
773
|
|
|
@@ -789,7 +800,7 @@ data is finally loaded.</p>
|
|
|
789
800
|
</tr>
|
|
790
801
|
<tr>
|
|
791
802
|
<td class="col-md-4">
|
|
792
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
803
|
+
<div class="io-line">Defined in <a href="" data-line="321" class="link-to-prism">src/pagination/pagination.component.ts:321</a></div>
|
|
793
804
|
</td>
|
|
794
805
|
</tr>
|
|
795
806
|
|
|
@@ -822,7 +833,7 @@ data is finally loaded.</p>
|
|
|
822
833
|
</tr>
|
|
823
834
|
<tr>
|
|
824
835
|
<td class="col-md-4">
|
|
825
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
836
|
+
<div class="io-line">Defined in <a href="" data-line="326" class="link-to-prism">src/pagination/pagination.component.ts:326</a></div>
|
|
826
837
|
</td>
|
|
827
838
|
</tr>
|
|
828
839
|
|
|
@@ -855,7 +866,7 @@ data is finally loaded.</p>
|
|
|
855
866
|
</tr>
|
|
856
867
|
<tr>
|
|
857
868
|
<td class="col-md-4">
|
|
858
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
869
|
+
<div class="io-line">Defined in <a href="" data-line="320" class="link-to-prism">src/pagination/pagination.component.ts:320</a></div>
|
|
859
870
|
</td>
|
|
860
871
|
</tr>
|
|
861
872
|
|
|
@@ -888,7 +899,7 @@ data is finally loaded.</p>
|
|
|
888
899
|
</tr>
|
|
889
900
|
<tr>
|
|
890
901
|
<td class="col-md-4">
|
|
891
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
902
|
+
<div class="io-line">Defined in <a href="" data-line="323" class="link-to-prism">src/pagination/pagination.component.ts:323</a></div>
|
|
892
903
|
</td>
|
|
893
904
|
</tr>
|
|
894
905
|
|
|
@@ -921,7 +932,40 @@ data is finally loaded.</p>
|
|
|
921
932
|
</tr>
|
|
922
933
|
<tr>
|
|
923
934
|
<td class="col-md-4">
|
|
924
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
935
|
+
<div class="io-line">Defined in <a href="" data-line="331" class="link-to-prism">src/pagination/pagination.component.ts:331</a></div>
|
|
936
|
+
</td>
|
|
937
|
+
</tr>
|
|
938
|
+
|
|
939
|
+
|
|
940
|
+
</tbody>
|
|
941
|
+
</table>
|
|
942
|
+
<table class="table table-sm table-bordered">
|
|
943
|
+
<tbody>
|
|
944
|
+
<tr>
|
|
945
|
+
<td class="col-md-4">
|
|
946
|
+
<a name="ofLastPageText"></a>
|
|
947
|
+
<span class="name">
|
|
948
|
+
<b>
|
|
949
|
+
ofLastPageText
|
|
950
|
+
</b>
|
|
951
|
+
<a href="#ofLastPageText"><span class="icon ion-ios-link"></span></a>
|
|
952
|
+
</span>
|
|
953
|
+
</td>
|
|
954
|
+
</tr>
|
|
955
|
+
<tr>
|
|
956
|
+
<td class="col-md-4">
|
|
957
|
+
<code>ofLastPageText: <code></code>
|
|
958
|
+
</code>
|
|
959
|
+
</td>
|
|
960
|
+
</tr>
|
|
961
|
+
<tr>
|
|
962
|
+
<td class="col-md-4">
|
|
963
|
+
<i>Default value : </i><code>this.i18n.getOverridable("PAGINATION.OF_LAST_PAGE")</code>
|
|
964
|
+
</td>
|
|
965
|
+
</tr>
|
|
966
|
+
<tr>
|
|
967
|
+
<td class="col-md-4">
|
|
968
|
+
<div class="io-line">Defined in <a href="" data-line="332" class="link-to-prism">src/pagination/pagination.component.ts:332</a></div>
|
|
925
969
|
</td>
|
|
926
970
|
</tr>
|
|
927
971
|
|
|
@@ -954,7 +998,7 @@ data is finally loaded.</p>
|
|
|
954
998
|
</tr>
|
|
955
999
|
<tr>
|
|
956
1000
|
<td class="col-md-4">
|
|
957
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1001
|
+
<div class="io-line">Defined in <a href="" data-line="324" class="link-to-prism">src/pagination/pagination.component.ts:324</a></div>
|
|
958
1002
|
</td>
|
|
959
1003
|
</tr>
|
|
960
1004
|
|
|
@@ -987,7 +1031,7 @@ data is finally loaded.</p>
|
|
|
987
1031
|
</tr>
|
|
988
1032
|
<tr>
|
|
989
1033
|
<td class="col-md-4">
|
|
990
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1034
|
+
<div class="io-line">Defined in <a href="" data-line="330" class="link-to-prism">src/pagination/pagination.component.ts:330</a></div>
|
|
991
1035
|
</td>
|
|
992
1036
|
</tr>
|
|
993
1037
|
|
|
@@ -1027,7 +1071,7 @@ data is finally loaded.</p>
|
|
|
1027
1071
|
</tr>
|
|
1028
1072
|
<tr>
|
|
1029
1073
|
<td class="col-md-4">
|
|
1030
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1074
|
+
<div class="io-line">Defined in <a href="" data-line="185" class="link-to-prism">src/pagination/pagination.component.ts:185</a></div>
|
|
1031
1075
|
</td>
|
|
1032
1076
|
</tr>
|
|
1033
1077
|
|
|
@@ -1060,7 +1104,7 @@ data is finally loaded.</p>
|
|
|
1060
1104
|
</tr>
|
|
1061
1105
|
<tr>
|
|
1062
1106
|
<td class="col-md-4">
|
|
1063
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1107
|
+
<div class="io-line">Defined in <a href="" data-line="327" class="link-to-prism">src/pagination/pagination.component.ts:327</a></div>
|
|
1064
1108
|
</td>
|
|
1065
1109
|
</tr>
|
|
1066
1110
|
|
|
@@ -1093,7 +1137,7 @@ data is finally loaded.</p>
|
|
|
1093
1137
|
</tr>
|
|
1094
1138
|
<tr>
|
|
1095
1139
|
<td class="col-md-4">
|
|
1096
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1140
|
+
<div class="io-line">Defined in <a href="" data-line="329" class="link-to-prism">src/pagination/pagination.component.ts:329</a></div>
|
|
1097
1141
|
</td>
|
|
1098
1142
|
</tr>
|
|
1099
1143
|
|
|
@@ -1104,29 +1148,29 @@ data is finally loaded.</p>
|
|
|
1104
1148
|
<tbody>
|
|
1105
1149
|
<tr>
|
|
1106
1150
|
<td class="col-md-4">
|
|
1107
|
-
<a name="
|
|
1151
|
+
<a name="totalItemText"></a>
|
|
1108
1152
|
<span class="name">
|
|
1109
1153
|
<b>
|
|
1110
|
-
|
|
1154
|
+
totalItemText
|
|
1111
1155
|
</b>
|
|
1112
|
-
<a href="#
|
|
1156
|
+
<a href="#totalItemText"><span class="icon ion-ios-link"></span></a>
|
|
1113
1157
|
</span>
|
|
1114
1158
|
</td>
|
|
1115
1159
|
</tr>
|
|
1116
1160
|
<tr>
|
|
1117
1161
|
<td class="col-md-4">
|
|
1118
|
-
<code>
|
|
1162
|
+
<code>totalItemText: <code></code>
|
|
1119
1163
|
</code>
|
|
1120
1164
|
</td>
|
|
1121
1165
|
</tr>
|
|
1122
1166
|
<tr>
|
|
1123
1167
|
<td class="col-md-4">
|
|
1124
|
-
<i>Default value : </i><code>this.i18n.getOverridable("PAGINATION.
|
|
1168
|
+
<i>Default value : </i><code>this.i18n.getOverridable("PAGINATION.TOTAL_ITEM")</code>
|
|
1125
1169
|
</td>
|
|
1126
1170
|
</tr>
|
|
1127
1171
|
<tr>
|
|
1128
1172
|
<td class="col-md-4">
|
|
1129
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1173
|
+
<div class="io-line">Defined in <a href="" data-line="328" class="link-to-prism">src/pagination/pagination.component.ts:328</a></div>
|
|
1130
1174
|
</td>
|
|
1131
1175
|
</tr>
|
|
1132
1176
|
|
|
@@ -1156,7 +1200,7 @@ data is finally loaded.</p>
|
|
|
1156
1200
|
</tr>
|
|
1157
1201
|
<tr>
|
|
1158
1202
|
<td class="col-md-4">
|
|
1159
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1203
|
+
<div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/pagination/pagination.component.ts:226</a></div>
|
|
1160
1204
|
</td>
|
|
1161
1205
|
</tr>
|
|
1162
1206
|
<tr>
|
|
@@ -1167,9 +1211,11 @@ data is finally loaded.</p>
|
|
|
1167
1211
|
* "OPEN_LIST_OF_OPTIONS": "Open list of options",
|
|
1168
1212
|
* "BACKWARD": "Backward",
|
|
1169
1213
|
* "FORWARD": "Forward",
|
|
1214
|
+
* "TOTAL_ITEMS_UNKNOWN": "{{start}}-{{end}} items",
|
|
1170
1215
|
* "TOTAL_ITEMS": "{{start}}-{{end}} of {{total}} items",
|
|
1171
|
-
* "
|
|
1172
|
-
* "OF_LAST_PAGES": "of {{last}} pages"
|
|
1216
|
+
* "TOTAL_ITEM": "{{start}}-{{end}} of {{total}} item",
|
|
1217
|
+
* "OF_LAST_PAGES": "of {{last}} pages",
|
|
1218
|
+
* "OF_LAST_PAGE": "of {{last}} page",
|
|
1173
1219
|
* }
|
|
1174
1220
|
*</code></pre></div></div>
|
|
1175
1221
|
|
|
@@ -1221,7 +1267,7 @@ data is finally loaded.</p>
|
|
|
1221
1267
|
</tr>
|
|
1222
1268
|
<tr>
|
|
1223
1269
|
<td class="col-md-4">
|
|
1224
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1270
|
+
<div class="io-line">Defined in <a href="" data-line="255" class="link-to-prism">src/pagination/pagination.component.ts:255</a></div>
|
|
1225
1271
|
</td>
|
|
1226
1272
|
</tr>
|
|
1227
1273
|
|
|
@@ -1232,7 +1278,7 @@ data is finally loaded.</p>
|
|
|
1232
1278
|
</tr>
|
|
1233
1279
|
<tr>
|
|
1234
1280
|
<td class="col-md-4">
|
|
1235
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1281
|
+
<div class="io-line">Defined in <a href="" data-line="258" class="link-to-prism">src/pagination/pagination.component.ts:258</a></div>
|
|
1236
1282
|
</td>
|
|
1237
1283
|
</tr>
|
|
1238
1284
|
<tr>
|
|
@@ -1286,7 +1332,7 @@ data is finally loaded.</p>
|
|
|
1286
1332
|
</tr>
|
|
1287
1333
|
<tr>
|
|
1288
1334
|
<td class="col-md-4">
|
|
1289
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1335
|
+
<div class="io-line">Defined in <a href="" data-line="263" class="link-to-prism">src/pagination/pagination.component.ts:263</a></div>
|
|
1290
1336
|
</td>
|
|
1291
1337
|
</tr>
|
|
1292
1338
|
|
|
@@ -1297,7 +1343,7 @@ data is finally loaded.</p>
|
|
|
1297
1343
|
</tr>
|
|
1298
1344
|
<tr>
|
|
1299
1345
|
<td class="col-md-4">
|
|
1300
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1346
|
+
<div class="io-line">Defined in <a href="" data-line="266" class="link-to-prism">src/pagination/pagination.component.ts:266</a></div>
|
|
1301
1347
|
</td>
|
|
1302
1348
|
</tr>
|
|
1303
1349
|
<tr>
|
|
@@ -1351,7 +1397,7 @@ data is finally loaded.</p>
|
|
|
1351
1397
|
</tr>
|
|
1352
1398
|
<tr>
|
|
1353
1399
|
<td class="col-md-4">
|
|
1354
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1400
|
+
<div class="io-line">Defined in <a href="" data-line="273" class="link-to-prism">src/pagination/pagination.component.ts:273</a></div>
|
|
1355
1401
|
</td>
|
|
1356
1402
|
</tr>
|
|
1357
1403
|
|
|
@@ -1373,7 +1419,7 @@ data is finally loaded.</p>
|
|
|
1373
1419
|
</tr>
|
|
1374
1420
|
<tr>
|
|
1375
1421
|
<td class="col-md-4">
|
|
1376
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1422
|
+
<div class="io-line">Defined in <a href="" data-line="279" class="link-to-prism">src/pagination/pagination.component.ts:279</a></div>
|
|
1377
1423
|
</td>
|
|
1378
1424
|
</tr>
|
|
1379
1425
|
<tr>
|
|
@@ -1406,7 +1452,7 @@ data is finally loaded.</p>
|
|
|
1406
1452
|
</tr>
|
|
1407
1453
|
<tr>
|
|
1408
1454
|
<td class="col-md-4">
|
|
1409
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1455
|
+
<div class="io-line">Defined in <a href="" data-line="284" class="link-to-prism">src/pagination/pagination.component.ts:284</a></div>
|
|
1410
1456
|
</td>
|
|
1411
1457
|
</tr>
|
|
1412
1458
|
|
|
@@ -1428,7 +1474,7 @@ data is finally loaded.</p>
|
|
|
1428
1474
|
</tr>
|
|
1429
1475
|
<tr>
|
|
1430
1476
|
<td class="col-md-4">
|
|
1431
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1477
|
+
<div class="io-line">Defined in <a href="" data-line="288" class="link-to-prism">src/pagination/pagination.component.ts:288</a></div>
|
|
1432
1478
|
</td>
|
|
1433
1479
|
</tr>
|
|
1434
1480
|
|
|
@@ -1450,7 +1496,7 @@ data is finally loaded.</p>
|
|
|
1450
1496
|
</tr>
|
|
1451
1497
|
<tr>
|
|
1452
1498
|
<td class="col-md-4">
|
|
1453
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1499
|
+
<div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/pagination/pagination.component.ts:297</a></div>
|
|
1454
1500
|
</td>
|
|
1455
1501
|
</tr>
|
|
1456
1502
|
<tr>
|
|
@@ -1483,7 +1529,7 @@ data is finally loaded.</p>
|
|
|
1483
1529
|
</tr>
|
|
1484
1530
|
<tr>
|
|
1485
1531
|
<td class="col-md-4">
|
|
1486
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1532
|
+
<div class="io-line">Defined in <a href="" data-line="304" class="link-to-prism">src/pagination/pagination.component.ts:304</a></div>
|
|
1487
1533
|
</td>
|
|
1488
1534
|
</tr>
|
|
1489
1535
|
<tr>
|
|
@@ -1516,7 +1562,7 @@ data is finally loaded.</p>
|
|
|
1516
1562
|
</tr>
|
|
1517
1563
|
<tr>
|
|
1518
1564
|
<td class="col-md-4">
|
|
1519
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1565
|
+
<div class="io-line">Defined in <a href="" data-line="309" class="link-to-prism">src/pagination/pagination.component.ts:309</a></div>
|
|
1520
1566
|
</td>
|
|
1521
1567
|
</tr>
|
|
1522
1568
|
|
|
@@ -1538,7 +1584,7 @@ data is finally loaded.</p>
|
|
|
1538
1584
|
</tr>
|
|
1539
1585
|
<tr>
|
|
1540
1586
|
<td class="col-md-4">
|
|
1541
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1587
|
+
<div class="io-line">Defined in <a href="" data-line="313" class="link-to-prism">src/pagination/pagination.component.ts:313</a></div>
|
|
1542
1588
|
</td>
|
|
1543
1589
|
</tr>
|
|
1544
1590
|
|
|
@@ -1566,9 +1612,11 @@ export interface PaginationTranslations {
|
|
|
1566
1612
|
OPEN_LIST_OF_OPTIONS: string;
|
|
1567
1613
|
BACKWARD: string;
|
|
1568
1614
|
FORWARD: string;
|
|
1615
|
+
TOTAL_ITEMS_UNKNOWN: string;
|
|
1569
1616
|
TOTAL_ITEMS: string;
|
|
1570
|
-
|
|
1617
|
+
TOTAL_ITEM: string;
|
|
1571
1618
|
OF_LAST_PAGES: string;
|
|
1619
|
+
OF_LAST_PAGE: string;
|
|
1572
1620
|
}
|
|
1573
1621
|
|
|
1574
1622
|
/**
|
|
@@ -1639,7 +1687,10 @@ export interface PaginationTranslations {
|
|
|
1639
1687
|
[attr.ariaLabel]="optionsListText.subject | async">
|
|
1640
1688
|
</svg>
|
|
1641
1689
|
</div>
|
|
1642
|
-
<span *ngIf="!pagesUnknown" class="bx--pagination__text">
|
|
1690
|
+
<span *ngIf="!pagesUnknown && totalDataLength <= 1" class="bx--pagination__text">
|
|
1691
|
+
{{totalItemText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}
|
|
1692
|
+
</span>
|
|
1693
|
+
<span *ngIf="!pagesUnknown && totalDataLength > 1" class="bx--pagination__text">
|
|
1643
1694
|
<span *ngIf="!isExperimental">|&nbsp;</span>
|
|
1644
1695
|
{{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}
|
|
1645
1696
|
</span>
|
|
@@ -1691,7 +1742,10 @@ export interface PaginationTranslations {
|
|
|
1691
1742
|
</svg>
|
|
1692
1743
|
</div>
|
|
1693
1744
|
|
|
1694
|
-
<span *ngIf="!pagesUnknown" class="bx--pagination__text">
|
|
1745
|
+
<span *ngIf="!pagesUnknown && lastPage <= 1" class="bx--pagination__text">
|
|
1746
|
+
{{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}}
|
|
1747
|
+
</span>
|
|
1748
|
+
<span *ngIf="!pagesUnknown && lastPage > 1" class="bx--pagination__text">
|
|
1695
1749
|
{{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}}
|
|
1696
1750
|
</span>
|
|
1697
1751
|
<span *ngIf="pagesUnknown" class="bx--pagination__text">
|
|
@@ -1757,9 +1811,11 @@ export class Pagination {
|
|
|
1757
1811
|
* "OPEN_LIST_OF_OPTIONS": "Open list of options",
|
|
1758
1812
|
* "BACKWARD": "Backward",
|
|
1759
1813
|
* "FORWARD": "Forward",
|
|
1814
|
+
* "TOTAL_ITEMS_UNKNOWN": "{{start}}-{{end}} items",
|
|
1760
1815
|
* "TOTAL_ITEMS": "{{start}}-{{end}} of {{total}} items",
|
|
1761
|
-
* "
|
|
1762
|
-
* "OF_LAST_PAGES": "of {{last}} pages"
|
|
1816
|
+
* "TOTAL_ITEM": "{{start}}-{{end}} of {{total}} item",
|
|
1817
|
+
* "OF_LAST_PAGES": "of {{last}} pages",
|
|
1818
|
+
* "OF_LAST_PAGE": "of {{last}} page",
|
|
1763
1819
|
* }
|
|
1764
1820
|
* ```
|
|
1765
1821
|
*/
|
|
@@ -1771,10 +1827,11 @@ export class Pagination {
|
|
|
1771
1827
|
this.backwardText.override(valueWithDefaults.BACKWARD);
|
|
1772
1828
|
this.forwardText.override(valueWithDefaults.FORWARD);
|
|
1773
1829
|
this.totalItemsText.override(valueWithDefaults.TOTAL_ITEMS);
|
|
1830
|
+
this.totalItemText.override(valueWithDefaults.TOTAL_ITEM);
|
|
1774
1831
|
this.totalItemsUnknownText.override(valueWithDefaults.TOTAL_ITEMS_UNKNOWN);
|
|
1775
|
-
this.totalPagesText.override(valueWithDefaults.TOTAL_PAGES);
|
|
1776
1832
|
this.pageText.override(valueWithDefaults.PAGE);
|
|
1777
1833
|
this.ofLastPagesText.override(valueWithDefaults.OF_LAST_PAGES);
|
|
1834
|
+
this.ofLastPageText.override(valueWithDefaults.OF_LAST_PAGE);
|
|
1778
1835
|
}
|
|
1779
1836
|
|
|
1780
1837
|
/**
|
|
@@ -1865,10 +1922,11 @@ export class Pagination {
|
|
|
1865
1922
|
backwardText = this.i18n.getOverridable("PAGINATION.BACKWARD");
|
|
1866
1923
|
forwardText = this.i18n.getOverridable("PAGINATION.FORWARD");
|
|
1867
1924
|
totalItemsText = this.i18n.getOverridable("PAGINATION.TOTAL_ITEMS");
|
|
1925
|
+
totalItemText = this.i18n.getOverridable("PAGINATION.TOTAL_ITEM");
|
|
1868
1926
|
totalItemsUnknownText = this.i18n.getOverridable("PAGINATION.TOTAL_ITEMS_UNKNOWN");
|
|
1869
|
-
totalPagesText = this.i18n.getOverridable("PAGINATION.TOTAL_PAGES");
|
|
1870
1927
|
pageText = this.i18n.getOverridable("PAGINATION.PAGE");
|
|
1871
1928
|
ofLastPagesText = this.i18n.getOverridable("PAGINATION.OF_LAST_PAGES");
|
|
1929
|
+
ofLastPageText = this.i18n.getOverridable("PAGINATION.OF_LAST_PAGE");
|
|
1872
1930
|
|
|
1873
1931
|
protected _pageOptions = [];
|
|
1874
1932
|
|
|
@@ -1911,7 +1969,7 @@ export class Pagination {
|
|
|
1911
1969
|
<script src="../js/libs/htmlparser.js"></script>
|
|
1912
1970
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
1913
1971
|
<script>
|
|
1914
|
-
var COMPONENT_TEMPLATE = '<div><div class="bx--pagination" [ngClass]="{ \'bx--skeleton\': skeleton }"> <!-- left skeleton div --> <div *ngIf="skeleton" class="bx--pagination__left"> <p class="bx--skeleton__text" style="width: 70px"></p> <p class="bx--skeleton__text" style="width: 35px"></p> <p class="bx--skeleton__text" style="width: 105px"></p> </div> <div *ngIf="!skeleton" class="bx--pagination__left"> <label class="bx--pagination__text" [for]="itemsPerPageSelectId"> {{itemsPerPageText.subject | async}} </label> <div class="bx--select bx--select--inline" [ngClass]="{ \'bx--select__item-count\': isExperimental, \'bx--select--disabled\': pageInputDisabled }"> <select [id]="itemsPerPageSelectId" [disabled]="pageInputDisabled" [(ngModel)]="itemsPerPage" class="bx--select-input"> <option class="bx--select-option" *ngFor="let option of itemsPerPageOptions" [value]="option"> {{ option }} </option> </select> <svg ibmIconChevronDown16 style="display: inherit" class="bx--select__arrow" aria-hidden="true" [attr.ariaLabel]="optionsListText.subject | async"> </svg> </div> <span *ngIf="!pagesUnknown" class="bx--pagination__text"> <span *ngIf="!isExperimental">| </span> {{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}} </span> <span *ngIf="pagesUnknown" class="bx--pagination__text"> <span *ngIf="!isExperimental">| </span> {{totalItemsUnknownText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex } | async}} </span> </div> <!-- right skeleton div --> <div *ngIf="skeleton" class="bx--pagination__right"> <p class="bx--skeleton__text" style="width: 70px"></p> </div> <div *ngIf="!skeleton" class="bx--pagination__right" [ngClass]="{ \'bx--pagination--inline\': !isExperimental }"> <div class="bx--select bx--select--inline" [ngClass]="{ \'bx--select__page-number\' : isExperimental, \'bx--select--disabled\': pageInputDisabled }"> <label [for]="currentPageSelectId" class="bx--label bx--visually-hidden">{{itemsPerPageText.subject | async}}</label> <input *ngIf="pageOptions.length > pageSelectThreshold" style="padding-right: 1rem; margin-right: 1rem;" [id]="currentPageSelectId" type="number" min="1" [max]="pageOptions.length" class="bx--select-input" [(ngModel)]="currentPage"> <select *ngIf="pageOptions.length <= pageSelectThreshold" [id]="currentPageSelectId" [disabled]="pageInputDisabled" class="bx--select-input" [(ngModel)]="currentPage"> <option *ngFor="let page of pageOptions; let i = index;" class="bx--select-option" [value]="i + 1">{{i + 1}}</option> </select> <svg *ngIf="pageOptions.length <= 1000" ibmIconChevronDown16 style="display: inherit;" class="bx--select__arrow" [attr.ariaLabel]="optionsListText.subject | async"> </svg> </div> <span *ngIf="!pagesUnknown" class="bx--pagination__text"> {{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}} </span> <span *ngIf="pagesUnknown" class="bx--pagination__text"> {{pageText.subject | async}} {{currentPage}} </span> <button class="bx--pagination__button bx--pagination__button--backward" [ngClass]="{ \'bx--pagination__button--no-index\': currentPage <= 1 || disabled }" tabindex="0" [attr.aria-label]="backwardText.subject | async" (click)="selectPage.emit(previousPage)" [disabled]="(currentPage <= 1 || disabled ? true : null)"> <ibm-icon-caret-left16></ibm-icon-caret-left16> </button> <button class="bx--pagination__button bx--pagination__button--forward" [ngClass]="{ \'bx--pagination__button--no-index\': currentPage >= lastPage || disabled }" tabindex="0" [attr.aria-label]="forwardText.subject | async" (click)="selectPage.emit(nextPage)" [disabled]="(currentPage >= lastPage || disabled ? true : null)"> <ibm-icon-caret-right16></ibm-icon-caret-right16> </button> </div></div></div>'
|
|
1972
|
+
var COMPONENT_TEMPLATE = '<div><div class="bx--pagination" [ngClass]="{ \'bx--skeleton\': skeleton }"> <!-- left skeleton div --> <div *ngIf="skeleton" class="bx--pagination__left"> <p class="bx--skeleton__text" style="width: 70px"></p> <p class="bx--skeleton__text" style="width: 35px"></p> <p class="bx--skeleton__text" style="width: 105px"></p> </div> <div *ngIf="!skeleton" class="bx--pagination__left"> <label class="bx--pagination__text" [for]="itemsPerPageSelectId"> {{itemsPerPageText.subject | async}} </label> <div class="bx--select bx--select--inline" [ngClass]="{ \'bx--select__item-count\': isExperimental, \'bx--select--disabled\': pageInputDisabled }"> <select [id]="itemsPerPageSelectId" [disabled]="pageInputDisabled" [(ngModel)]="itemsPerPage" class="bx--select-input"> <option class="bx--select-option" *ngFor="let option of itemsPerPageOptions" [value]="option"> {{ option }} </option> </select> <svg ibmIconChevronDown16 style="display: inherit" class="bx--select__arrow" aria-hidden="true" [attr.ariaLabel]="optionsListText.subject | async"> </svg> </div> <span *ngIf="!pagesUnknown && totalDataLength <= 1" class="bx--pagination__text"> {{totalItemText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}} </span> <span *ngIf="!pagesUnknown && totalDataLength > 1" class="bx--pagination__text"> <span *ngIf="!isExperimental">| </span> {{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}} </span> <span *ngIf="pagesUnknown" class="bx--pagination__text"> <span *ngIf="!isExperimental">| </span> {{totalItemsUnknownText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex } | async}} </span> </div> <!-- right skeleton div --> <div *ngIf="skeleton" class="bx--pagination__right"> <p class="bx--skeleton__text" style="width: 70px"></p> </div> <div *ngIf="!skeleton" class="bx--pagination__right" [ngClass]="{ \'bx--pagination--inline\': !isExperimental }"> <div class="bx--select bx--select--inline" [ngClass]="{ \'bx--select__page-number\' : isExperimental, \'bx--select--disabled\': pageInputDisabled }"> <label [for]="currentPageSelectId" class="bx--label bx--visually-hidden">{{itemsPerPageText.subject | async}}</label> <input *ngIf="pageOptions.length > pageSelectThreshold" style="padding-right: 1rem; margin-right: 1rem;" [id]="currentPageSelectId" type="number" min="1" [max]="pageOptions.length" class="bx--select-input" [(ngModel)]="currentPage"> <select *ngIf="pageOptions.length <= pageSelectThreshold" [id]="currentPageSelectId" [disabled]="pageInputDisabled" class="bx--select-input" [(ngModel)]="currentPage"> <option *ngFor="let page of pageOptions; let i = index;" class="bx--select-option" [value]="i + 1">{{i + 1}}</option> </select> <svg *ngIf="pageOptions.length <= 1000" ibmIconChevronDown16 style="display: inherit;" class="bx--select__arrow" [attr.ariaLabel]="optionsListText.subject | async"> </svg> </div> <span *ngIf="!pagesUnknown && lastPage <= 1" class="bx--pagination__text"> {{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}} </span> <span *ngIf="!pagesUnknown && lastPage > 1" class="bx--pagination__text"> {{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}} </span> <span *ngIf="pagesUnknown" class="bx--pagination__text"> {{pageText.subject | async}} {{currentPage}} </span> <button class="bx--pagination__button bx--pagination__button--backward" [ngClass]="{ \'bx--pagination__button--no-index\': currentPage <= 1 || disabled }" tabindex="0" [attr.aria-label]="backwardText.subject | async" (click)="selectPage.emit(previousPage)" [disabled]="(currentPage <= 1 || disabled ? true : null)"> <ibm-icon-caret-left16></ibm-icon-caret-left16> </button> <button class="bx--pagination__button bx--pagination__button--forward" [ngClass]="{ \'bx--pagination__button--no-index\': currentPage >= lastPage || disabled }" tabindex="0" [attr.aria-label]="forwardText.subject | async" (click)="selectPage.emit(nextPage)" [disabled]="(currentPage >= lastPage || disabled ? true : null)"> <ibm-icon-caret-right16></ibm-icon-caret-right16> </button> </div></div></div>'
|
|
1915
1973
|
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': 'FileComponent', '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': 'NumberComponent', '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': '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': 'SkeletonPlaceholder', 'selector': 'ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'ibm-skeleton-text'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'ibm-switcher-list, ibm-product-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeader', 'selector': 'ibm-tab-header'},{'name': 'TabHeaderGroup', 'selector': 'ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableBody', 'selector': '[ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableData', 'selector': '[ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[ibmTableRow]'},{'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'}];
|
|
1916
1974
|
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': 'NotificationSubtitle', 'selector': '[ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableDirective', 'selector': '[ibmTable]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'ToastCaption', 'selector': '[ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[ibmToastTitle]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
|
|
1917
1975
|
var ACTUAL_COMPONENT = {'name': 'Pagination'};
|