carbon-components-angular 5.61.2 → 5.62.0
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/docs/documentation/components/Pagination.html +168 -45
- package/docs/documentation/coverage.html +3 -3
- package/docs/documentation/interfaces/PaginationTranslations.html +11 -5
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TagModule/dependencies.svg +37 -37
- package/docs/documentation/modules/TagModule.html +37 -37
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TilesModule.html +4 -4
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +17 -17
- package/docs/documentation/modules/TimePickerModule.html +17 -17
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +45 -41
- package/docs/documentation/modules/TimePickerSelectModule.html +45 -41
- package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggleModule.html +4 -4
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +6 -6
- package/docs/documentation/modules/TreeviewModule.html +6 -6
- package/docs/documentation.json +175 -108
- package/docs/storybook/8341.57342bff.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.85fe3c7f.iframe.bundle.js +1 -0
- package/docs/storybook/pagination-pagination-stories.141c0b63.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.6e7dce41.iframe.bundle.js → runtime~main.b9f2b050.iframe.bundle.js} +1 -1
- package/esm2020/pagination/pagination.component.mjs +23 -14
- package/fesm2015/carbon-components-angular-pagination.mjs +22 -13
- package/fesm2015/carbon-components-angular-pagination.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-pagination.mjs +22 -13
- package/fesm2020/carbon-components-angular-pagination.mjs.map +1 -1
- package/package.json +1 -1
- package/pagination/pagination.component.d.ts +4 -2
- package/docs/storybook/8341.8e19136f.iframe.bundle.js +0 -1
- package/docs/storybook/main.1e136416.iframe.bundle.js +0 -1
- package/docs/storybook/pagination-pagination-stories.796bfce4.iframe.bundle.js +0 -1
|
@@ -289,12 +289,12 @@ you load the page.</p>
|
|
|
289
289
|
iconOnly="true"
|
|
290
290
|
class="cds--pagination__button cds--pagination__button--backward"
|
|
291
291
|
[ngClass]="{
|
|
292
|
-
'cds--pagination__button--no-index': currentPage <= 1 ||
|
|
292
|
+
'cds--pagination__button--no-index': currentPage <= 1 || backwardDisabled
|
|
293
293
|
}"
|
|
294
294
|
tabindex="0"
|
|
295
295
|
[attr.aria-label]="backwardText.subject | async"
|
|
296
296
|
(click)="selectPage.emit(previousPage)"
|
|
297
|
-
[disabled]="(currentPage <= 1 ||
|
|
297
|
+
[disabled]="(currentPage <= 1 || backwardDisabled ? true : null)">
|
|
298
298
|
<svg cdsIcon="caret--left" size="16" class="cds--btn__icon"></svg>
|
|
299
299
|
</button>
|
|
300
300
|
|
|
@@ -305,12 +305,12 @@ you load the page.</p>
|
|
|
305
305
|
cds--pagination__button
|
|
306
306
|
cds--pagination__button--forward"
|
|
307
307
|
[ngClass]="{
|
|
308
|
-
'cds--pagination__button--no-index': currentPage >= lastPage ||
|
|
308
|
+
'cds--pagination__button--no-index': currentPage >= lastPage || forwardDisabled
|
|
309
309
|
}"
|
|
310
310
|
tabindex="0"
|
|
311
311
|
[attr.aria-label]="forwardText.subject | async"
|
|
312
312
|
(click)="selectPage.emit(nextPage)"
|
|
313
|
-
[disabled]="(currentPage >= lastPage ||
|
|
313
|
+
[disabled]="(currentPage >= lastPage || forwardDisabled ? true : null)">
|
|
314
314
|
<svg cdsIcon="caret--right" size="16" class="cds--btn__icon"></svg>
|
|
315
315
|
</button>
|
|
316
316
|
</div>
|
|
@@ -400,9 +400,15 @@ you load the page.</p>
|
|
|
400
400
|
<tr>
|
|
401
401
|
<td class="col-md-4">
|
|
402
402
|
<ul class="index-list">
|
|
403
|
+
<li>
|
|
404
|
+
<a href="#backwardDisabled" >backwardDisabled</a>
|
|
405
|
+
</li>
|
|
403
406
|
<li>
|
|
404
407
|
<a href="#disabled" >disabled</a>
|
|
405
408
|
</li>
|
|
409
|
+
<li>
|
|
410
|
+
<a href="#forwardDisabled" >forwardDisabled</a>
|
|
411
|
+
</li>
|
|
406
412
|
<li>
|
|
407
413
|
<a href="#itemsPerPageOptions" >itemsPerPageOptions</a>
|
|
408
414
|
</li>
|
|
@@ -456,6 +462,9 @@ you load the page.</p>
|
|
|
456
462
|
<tr>
|
|
457
463
|
<td class="col-md-4">
|
|
458
464
|
<ul class="index-list">
|
|
465
|
+
<li>
|
|
466
|
+
<a href="#disabled" >disabled</a>
|
|
467
|
+
</li>
|
|
459
468
|
<li>
|
|
460
469
|
<a href="#translations" >translations</a>
|
|
461
470
|
</li>
|
|
@@ -504,7 +513,7 @@ you load the page.</p>
|
|
|
504
513
|
</tr>
|
|
505
514
|
<tr>
|
|
506
515
|
<td class="col-md-4">
|
|
507
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
516
|
+
<div class="io-line">Defined in <a href="" data-line="355" class="link-to-prism">src/pagination/pagination.component.ts:355</a></div>
|
|
508
517
|
</td>
|
|
509
518
|
</tr>
|
|
510
519
|
|
|
@@ -560,8 +569,8 @@ you load the page.</p>
|
|
|
560
569
|
<tbody>
|
|
561
570
|
<tr>
|
|
562
571
|
<td class="col-md-4">
|
|
563
|
-
<a name="
|
|
564
|
-
<b>
|
|
572
|
+
<a name="backwardDisabled"></a>
|
|
573
|
+
<b>backwardDisabled</b>
|
|
565
574
|
</td>
|
|
566
575
|
</tr>
|
|
567
576
|
<tr>
|
|
@@ -574,6 +583,27 @@ you load the page.</p>
|
|
|
574
583
|
<td class="col-md-4">
|
|
575
584
|
<i>Default value : </i><code>false</code>
|
|
576
585
|
</td>
|
|
586
|
+
</tr>
|
|
587
|
+
<tr>
|
|
588
|
+
<td class="col-md-2" colspan="2">
|
|
589
|
+
<div class="io-line">Defined in <a href="" data-line="225" class="link-to-prism">src/pagination/pagination.component.ts:225</a></div>
|
|
590
|
+
</td>
|
|
591
|
+
</tr>
|
|
592
|
+
</tbody>
|
|
593
|
+
</table>
|
|
594
|
+
<table class="table table-sm table-bordered">
|
|
595
|
+
<tbody>
|
|
596
|
+
<tr>
|
|
597
|
+
<td class="col-md-4">
|
|
598
|
+
<a name="disabled"></a>
|
|
599
|
+
<b>disabled</b>
|
|
600
|
+
</td>
|
|
601
|
+
</tr>
|
|
602
|
+
<tr>
|
|
603
|
+
<td class="col-md-4">
|
|
604
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
605
|
+
|
|
606
|
+
</td>
|
|
577
607
|
</tr>
|
|
578
608
|
<tr>
|
|
579
609
|
<td class="col-md-2" colspan="2">
|
|
@@ -588,6 +618,32 @@ you load the page.</p>
|
|
|
588
618
|
</tr>
|
|
589
619
|
</tbody>
|
|
590
620
|
</table>
|
|
621
|
+
<table class="table table-sm table-bordered">
|
|
622
|
+
<tbody>
|
|
623
|
+
<tr>
|
|
624
|
+
<td class="col-md-4">
|
|
625
|
+
<a name="forwardDisabled"></a>
|
|
626
|
+
<b>forwardDisabled</b>
|
|
627
|
+
</td>
|
|
628
|
+
</tr>
|
|
629
|
+
<tr>
|
|
630
|
+
<td class="col-md-4">
|
|
631
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
632
|
+
|
|
633
|
+
</td>
|
|
634
|
+
</tr>
|
|
635
|
+
<tr>
|
|
636
|
+
<td class="col-md-4">
|
|
637
|
+
<i>Default value : </i><code>false</code>
|
|
638
|
+
</td>
|
|
639
|
+
</tr>
|
|
640
|
+
<tr>
|
|
641
|
+
<td class="col-md-2" colspan="2">
|
|
642
|
+
<div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/pagination/pagination.component.ts:226</a></div>
|
|
643
|
+
</td>
|
|
644
|
+
</tr>
|
|
645
|
+
</tbody>
|
|
646
|
+
</table>
|
|
591
647
|
<table class="table table-sm table-bordered">
|
|
592
648
|
<tbody>
|
|
593
649
|
<tr>
|
|
@@ -609,7 +665,7 @@ you load the page.</p>
|
|
|
609
665
|
</tr>
|
|
610
666
|
<tr>
|
|
611
667
|
<td class="col-md-2" colspan="2">
|
|
612
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
668
|
+
<div class="io-line">Defined in <a href="" data-line="264" class="link-to-prism">src/pagination/pagination.component.ts:264</a></div>
|
|
613
669
|
</td>
|
|
614
670
|
</tr>
|
|
615
671
|
<tr>
|
|
@@ -669,7 +725,7 @@ you load the page.</p>
|
|
|
669
725
|
</tr>
|
|
670
726
|
<tr>
|
|
671
727
|
<td class="col-md-2" colspan="2">
|
|
672
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
728
|
+
<div class="io-line">Defined in <a href="" data-line="214" class="link-to-prism">src/pagination/pagination.component.ts:214</a></div>
|
|
673
729
|
</td>
|
|
674
730
|
</tr>
|
|
675
731
|
<tr>
|
|
@@ -701,7 +757,7 @@ you load the page.</p>
|
|
|
701
757
|
</tr>
|
|
702
758
|
<tr>
|
|
703
759
|
<td class="col-md-2" colspan="2">
|
|
704
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
760
|
+
<div class="io-line">Defined in <a href="" data-line="223" class="link-to-prism">src/pagination/pagination.component.ts:223</a></div>
|
|
705
761
|
</td>
|
|
706
762
|
</tr>
|
|
707
763
|
</tbody>
|
|
@@ -727,7 +783,7 @@ you load the page.</p>
|
|
|
727
783
|
</tr>
|
|
728
784
|
<tr>
|
|
729
785
|
<td class="col-md-2" colspan="2">
|
|
730
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
786
|
+
<div class="io-line">Defined in <a href="" data-line="222" class="link-to-prism">src/pagination/pagination.component.ts:222</a></div>
|
|
731
787
|
</td>
|
|
732
788
|
</tr>
|
|
733
789
|
<tr>
|
|
@@ -759,7 +815,7 @@ you load the page.</p>
|
|
|
759
815
|
</tr>
|
|
760
816
|
<tr>
|
|
761
817
|
<td class="col-md-2" colspan="2">
|
|
762
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
818
|
+
<div class="io-line">Defined in <a href="" data-line="218" class="link-to-prism">src/pagination/pagination.component.ts:218</a></div>
|
|
763
819
|
</td>
|
|
764
820
|
</tr>
|
|
765
821
|
<tr>
|
|
@@ -818,7 +874,7 @@ you load the page.</p>
|
|
|
818
874
|
</tr>
|
|
819
875
|
<tr>
|
|
820
876
|
<td class="col-md-2" colspan="2">
|
|
821
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
877
|
+
<div class="io-line">Defined in <a href="" data-line="245" class="link-to-prism">src/pagination/pagination.component.ts:245</a></div>
|
|
822
878
|
</td>
|
|
823
879
|
</tr>
|
|
824
880
|
<tr>
|
|
@@ -858,7 +914,7 @@ you load the page.</p>
|
|
|
858
914
|
</tr>
|
|
859
915
|
<tr>
|
|
860
916
|
<td class="col-md-2" colspan="2">
|
|
861
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
917
|
+
<div class="io-line">Defined in <a href="" data-line="272" class="link-to-prism">src/pagination/pagination.component.ts:272</a></div>
|
|
862
918
|
</td>
|
|
863
919
|
</tr>
|
|
864
920
|
<tr>
|
|
@@ -905,7 +961,7 @@ data is finally loaded.</p>
|
|
|
905
961
|
</tr>
|
|
906
962
|
<tr>
|
|
907
963
|
<td class="col-md-4">
|
|
908
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
964
|
+
<div class="io-line">Defined in <a href="" data-line="355" class="link-to-prism">src/pagination/pagination.component.ts:355</a></div>
|
|
909
965
|
</td>
|
|
910
966
|
</tr>
|
|
911
967
|
|
|
@@ -930,7 +986,7 @@ data is finally loaded.</p>
|
|
|
930
986
|
</tr>
|
|
931
987
|
<tr>
|
|
932
988
|
<td class="col-md-4">
|
|
933
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
989
|
+
<div class="io-line">Defined in <a href="" data-line="346" class="link-to-prism">src/pagination/pagination.component.ts:346</a></div>
|
|
934
990
|
</td>
|
|
935
991
|
</tr>
|
|
936
992
|
|
|
@@ -955,7 +1011,7 @@ data is finally loaded.</p>
|
|
|
955
1011
|
</tr>
|
|
956
1012
|
<tr>
|
|
957
1013
|
<td class="col-md-4">
|
|
958
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1014
|
+
<div class="io-line">Defined in <a href="" data-line="342" class="link-to-prism">src/pagination/pagination.component.ts:342</a></div>
|
|
959
1015
|
</td>
|
|
960
1016
|
</tr>
|
|
961
1017
|
|
|
@@ -980,7 +1036,7 @@ data is finally loaded.</p>
|
|
|
980
1036
|
</tr>
|
|
981
1037
|
<tr>
|
|
982
1038
|
<td class="col-md-4">
|
|
983
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1039
|
+
<div class="io-line">Defined in <a href="" data-line="347" class="link-to-prism">src/pagination/pagination.component.ts:347</a></div>
|
|
984
1040
|
</td>
|
|
985
1041
|
</tr>
|
|
986
1042
|
|
|
@@ -1005,7 +1061,7 @@ data is finally loaded.</p>
|
|
|
1005
1061
|
</tr>
|
|
1006
1062
|
<tr>
|
|
1007
1063
|
<td class="col-md-4">
|
|
1008
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1064
|
+
<div class="io-line">Defined in <a href="" data-line="341" class="link-to-prism">src/pagination/pagination.component.ts:341</a></div>
|
|
1009
1065
|
</td>
|
|
1010
1066
|
</tr>
|
|
1011
1067
|
|
|
@@ -1030,7 +1086,7 @@ data is finally loaded.</p>
|
|
|
1030
1086
|
</tr>
|
|
1031
1087
|
<tr>
|
|
1032
1088
|
<td class="col-md-4">
|
|
1033
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1089
|
+
<div class="io-line">Defined in <a href="" data-line="344" class="link-to-prism">src/pagination/pagination.component.ts:344</a></div>
|
|
1034
1090
|
</td>
|
|
1035
1091
|
</tr>
|
|
1036
1092
|
|
|
@@ -1055,7 +1111,7 @@ data is finally loaded.</p>
|
|
|
1055
1111
|
</tr>
|
|
1056
1112
|
<tr>
|
|
1057
1113
|
<td class="col-md-4">
|
|
1058
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1114
|
+
<div class="io-line">Defined in <a href="" data-line="352" class="link-to-prism">src/pagination/pagination.component.ts:352</a></div>
|
|
1059
1115
|
</td>
|
|
1060
1116
|
</tr>
|
|
1061
1117
|
|
|
@@ -1080,7 +1136,7 @@ data is finally loaded.</p>
|
|
|
1080
1136
|
</tr>
|
|
1081
1137
|
<tr>
|
|
1082
1138
|
<td class="col-md-4">
|
|
1083
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1139
|
+
<div class="io-line">Defined in <a href="" data-line="353" class="link-to-prism">src/pagination/pagination.component.ts:353</a></div>
|
|
1084
1140
|
</td>
|
|
1085
1141
|
</tr>
|
|
1086
1142
|
|
|
@@ -1105,7 +1161,7 @@ data is finally loaded.</p>
|
|
|
1105
1161
|
</tr>
|
|
1106
1162
|
<tr>
|
|
1107
1163
|
<td class="col-md-4">
|
|
1108
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1164
|
+
<div class="io-line">Defined in <a href="" data-line="345" class="link-to-prism">src/pagination/pagination.component.ts:345</a></div>
|
|
1109
1165
|
</td>
|
|
1110
1166
|
</tr>
|
|
1111
1167
|
|
|
@@ -1130,7 +1186,7 @@ data is finally loaded.</p>
|
|
|
1130
1186
|
</tr>
|
|
1131
1187
|
<tr>
|
|
1132
1188
|
<td class="col-md-4">
|
|
1133
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1189
|
+
<div class="io-line">Defined in <a href="" data-line="351" class="link-to-prism">src/pagination/pagination.component.ts:351</a></div>
|
|
1134
1190
|
</td>
|
|
1135
1191
|
</tr>
|
|
1136
1192
|
|
|
@@ -1187,7 +1243,7 @@ data is finally loaded.</p>
|
|
|
1187
1243
|
</tr>
|
|
1188
1244
|
<tr>
|
|
1189
1245
|
<td class="col-md-4">
|
|
1190
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1246
|
+
<div class="io-line">Defined in <a href="" data-line="348" class="link-to-prism">src/pagination/pagination.component.ts:348</a></div>
|
|
1191
1247
|
</td>
|
|
1192
1248
|
</tr>
|
|
1193
1249
|
|
|
@@ -1212,7 +1268,7 @@ data is finally loaded.</p>
|
|
|
1212
1268
|
</tr>
|
|
1213
1269
|
<tr>
|
|
1214
1270
|
<td class="col-md-4">
|
|
1215
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1271
|
+
<div class="io-line">Defined in <a href="" data-line="350" class="link-to-prism">src/pagination/pagination.component.ts:350</a></div>
|
|
1216
1272
|
</td>
|
|
1217
1273
|
</tr>
|
|
1218
1274
|
|
|
@@ -1237,7 +1293,7 @@ data is finally loaded.</p>
|
|
|
1237
1293
|
</tr>
|
|
1238
1294
|
<tr>
|
|
1239
1295
|
<td class="col-md-4">
|
|
1240
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1296
|
+
<div class="io-line">Defined in <a href="" data-line="349" class="link-to-prism">src/pagination/pagination.component.ts:349</a></div>
|
|
1241
1297
|
</td>
|
|
1242
1298
|
</tr>
|
|
1243
1299
|
|
|
@@ -1250,6 +1306,67 @@ data is finally loaded.</p>
|
|
|
1250
1306
|
<h3 id="accessors">
|
|
1251
1307
|
Accessors
|
|
1252
1308
|
</h3>
|
|
1309
|
+
<table class="table table-sm table-bordered">
|
|
1310
|
+
<tbody>
|
|
1311
|
+
<tr>
|
|
1312
|
+
<td class="col-md-4">
|
|
1313
|
+
<a name="disabled"></a>
|
|
1314
|
+
<span class="name"><b>disabled</b><a href="#disabled"><span class="icon ion-ios-link"></span></a></span>
|
|
1315
|
+
</td>
|
|
1316
|
+
</tr>
|
|
1317
|
+
|
|
1318
|
+
|
|
1319
|
+
<tr>
|
|
1320
|
+
<td class="col-md-4">
|
|
1321
|
+
<span class="accessor"><b>set</b><code>disabled(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
|
|
1322
|
+
</td>
|
|
1323
|
+
</tr>
|
|
1324
|
+
<tr>
|
|
1325
|
+
<td class="col-md-4">
|
|
1326
|
+
<div class="io-line">Defined in <a href="" data-line="207" class="link-to-prism">src/pagination/pagination.component.ts:207</a></div>
|
|
1327
|
+
</td>
|
|
1328
|
+
</tr>
|
|
1329
|
+
<tr>
|
|
1330
|
+
<td class="col-md-4">
|
|
1331
|
+
<div class="io-description"><p>Set to <code>true</code> to disable the backward/forward buttons.</p>
|
|
1332
|
+
</div>
|
|
1333
|
+
|
|
1334
|
+
<div class="io-description">
|
|
1335
|
+
<b>Parameters :</b>
|
|
1336
|
+
<table class="params">
|
|
1337
|
+
<thead>
|
|
1338
|
+
<tr>
|
|
1339
|
+
<td>Name</td>
|
|
1340
|
+
<td>Type</td>
|
|
1341
|
+
<td>Optional</td>
|
|
1342
|
+
</tr>
|
|
1343
|
+
</thead>
|
|
1344
|
+
<tbody>
|
|
1345
|
+
<tr>
|
|
1346
|
+
<td>value</td>
|
|
1347
|
+
|
|
1348
|
+
<td>
|
|
1349
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1350
|
+
</td>
|
|
1351
|
+
|
|
1352
|
+
<td>
|
|
1353
|
+
No
|
|
1354
|
+
</td>
|
|
1355
|
+
|
|
1356
|
+
</tr>
|
|
1357
|
+
</tbody>
|
|
1358
|
+
</table>
|
|
1359
|
+
</div>
|
|
1360
|
+
<div>
|
|
1361
|
+
</div>
|
|
1362
|
+
<div class="io-description">
|
|
1363
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1364
|
+
|
|
1365
|
+
</div>
|
|
1366
|
+
</td>
|
|
1367
|
+
</tr>
|
|
1368
|
+
</tbody>
|
|
1369
|
+
</table>
|
|
1253
1370
|
<table class="table table-sm table-bordered">
|
|
1254
1371
|
<tbody>
|
|
1255
1372
|
<tr>
|
|
@@ -1267,7 +1384,7 @@ data is finally loaded.</p>
|
|
|
1267
1384
|
</tr>
|
|
1268
1385
|
<tr>
|
|
1269
1386
|
<td class="col-md-4">
|
|
1270
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1387
|
+
<div class="io-line">Defined in <a href="" data-line="245" class="link-to-prism">src/pagination/pagination.component.ts:245</a></div>
|
|
1271
1388
|
</td>
|
|
1272
1389
|
</tr>
|
|
1273
1390
|
<tr>
|
|
@@ -1337,7 +1454,7 @@ data is finally loaded.</p>
|
|
|
1337
1454
|
</tr>
|
|
1338
1455
|
<tr>
|
|
1339
1456
|
<td class="col-md-4">
|
|
1340
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1457
|
+
<div class="io-line">Defined in <a href="" data-line="274" class="link-to-prism">src/pagination/pagination.component.ts:274</a></div>
|
|
1341
1458
|
</td>
|
|
1342
1459
|
</tr>
|
|
1343
1460
|
|
|
@@ -1348,7 +1465,7 @@ data is finally loaded.</p>
|
|
|
1348
1465
|
</tr>
|
|
1349
1466
|
<tr>
|
|
1350
1467
|
<td class="col-md-4">
|
|
1351
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1468
|
+
<div class="io-line">Defined in <a href="" data-line="277" class="link-to-prism">src/pagination/pagination.component.ts:277</a></div>
|
|
1352
1469
|
</td>
|
|
1353
1470
|
</tr>
|
|
1354
1471
|
<tr>
|
|
@@ -1402,7 +1519,7 @@ data is finally loaded.</p>
|
|
|
1402
1519
|
</tr>
|
|
1403
1520
|
<tr>
|
|
1404
1521
|
<td class="col-md-4">
|
|
1405
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1522
|
+
<div class="io-line">Defined in <a href="" data-line="282" class="link-to-prism">src/pagination/pagination.component.ts:282</a></div>
|
|
1406
1523
|
</td>
|
|
1407
1524
|
</tr>
|
|
1408
1525
|
|
|
@@ -1413,7 +1530,7 @@ data is finally loaded.</p>
|
|
|
1413
1530
|
</tr>
|
|
1414
1531
|
<tr>
|
|
1415
1532
|
<td class="col-md-4">
|
|
1416
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1533
|
+
<div class="io-line">Defined in <a href="" data-line="285" class="link-to-prism">src/pagination/pagination.component.ts:285</a></div>
|
|
1417
1534
|
</td>
|
|
1418
1535
|
</tr>
|
|
1419
1536
|
<tr>
|
|
@@ -1467,7 +1584,7 @@ data is finally loaded.</p>
|
|
|
1467
1584
|
</tr>
|
|
1468
1585
|
<tr>
|
|
1469
1586
|
<td class="col-md-4">
|
|
1470
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1587
|
+
<div class="io-line">Defined in <a href="" data-line="292" class="link-to-prism">src/pagination/pagination.component.ts:292</a></div>
|
|
1471
1588
|
</td>
|
|
1472
1589
|
</tr>
|
|
1473
1590
|
|
|
@@ -1489,7 +1606,7 @@ data is finally loaded.</p>
|
|
|
1489
1606
|
</tr>
|
|
1490
1607
|
<tr>
|
|
1491
1608
|
<td class="col-md-4">
|
|
1492
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1609
|
+
<div class="io-line">Defined in <a href="" data-line="298" class="link-to-prism">src/pagination/pagination.component.ts:298</a></div>
|
|
1493
1610
|
</td>
|
|
1494
1611
|
</tr>
|
|
1495
1612
|
<tr>
|
|
@@ -1522,7 +1639,7 @@ data is finally loaded.</p>
|
|
|
1522
1639
|
</tr>
|
|
1523
1640
|
<tr>
|
|
1524
1641
|
<td class="col-md-4">
|
|
1525
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1642
|
+
<div class="io-line">Defined in <a href="" data-line="303" class="link-to-prism">src/pagination/pagination.component.ts:303</a></div>
|
|
1526
1643
|
</td>
|
|
1527
1644
|
</tr>
|
|
1528
1645
|
|
|
@@ -1544,7 +1661,7 @@ data is finally loaded.</p>
|
|
|
1544
1661
|
</tr>
|
|
1545
1662
|
<tr>
|
|
1546
1663
|
<td class="col-md-4">
|
|
1547
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1664
|
+
<div class="io-line">Defined in <a href="" data-line="307" class="link-to-prism">src/pagination/pagination.component.ts:307</a></div>
|
|
1548
1665
|
</td>
|
|
1549
1666
|
</tr>
|
|
1550
1667
|
|
|
@@ -1566,7 +1683,7 @@ data is finally loaded.</p>
|
|
|
1566
1683
|
</tr>
|
|
1567
1684
|
<tr>
|
|
1568
1685
|
<td class="col-md-4">
|
|
1569
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1686
|
+
<div class="io-line">Defined in <a href="" data-line="316" class="link-to-prism">src/pagination/pagination.component.ts:316</a></div>
|
|
1570
1687
|
</td>
|
|
1571
1688
|
</tr>
|
|
1572
1689
|
<tr>
|
|
@@ -1599,7 +1716,7 @@ data is finally loaded.</p>
|
|
|
1599
1716
|
</tr>
|
|
1600
1717
|
<tr>
|
|
1601
1718
|
<td class="col-md-4">
|
|
1602
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1719
|
+
<div class="io-line">Defined in <a href="" data-line="323" class="link-to-prism">src/pagination/pagination.component.ts:323</a></div>
|
|
1603
1720
|
</td>
|
|
1604
1721
|
</tr>
|
|
1605
1722
|
<tr>
|
|
@@ -1632,7 +1749,7 @@ data is finally loaded.</p>
|
|
|
1632
1749
|
</tr>
|
|
1633
1750
|
<tr>
|
|
1634
1751
|
<td class="col-md-4">
|
|
1635
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1752
|
+
<div class="io-line">Defined in <a href="" data-line="328" class="link-to-prism">src/pagination/pagination.component.ts:328</a></div>
|
|
1636
1753
|
</td>
|
|
1637
1754
|
</tr>
|
|
1638
1755
|
|
|
@@ -1806,12 +1923,12 @@ export interface PaginationTranslations {
|
|
|
1806
1923
|
iconOnly="true"
|
|
1807
1924
|
class="cds--pagination__button cds--pagination__button--backward"
|
|
1808
1925
|
[ngClass]="{
|
|
1809
|
-
'cds--pagination__button--no-index': currentPage <= 1 ||
|
|
1926
|
+
'cds--pagination__button--no-index': currentPage <= 1 || backwardDisabled
|
|
1810
1927
|
}"
|
|
1811
1928
|
tabindex="0"
|
|
1812
1929
|
[attr.aria-label]="backwardText.subject | async"
|
|
1813
1930
|
(click)="selectPage.emit(previousPage)"
|
|
1814
|
-
[disabled]="(currentPage <= 1 ||
|
|
1931
|
+
[disabled]="(currentPage <= 1 || backwardDisabled ? true : null)">
|
|
1815
1932
|
<svg cdsIcon="caret--left" size="16" class="cds--btn__icon"></svg>
|
|
1816
1933
|
</button>
|
|
1817
1934
|
|
|
@@ -1822,12 +1939,12 @@ export interface PaginationTranslations {
|
|
|
1822
1939
|
cds--pagination__button
|
|
1823
1940
|
cds--pagination__button--forward"
|
|
1824
1941
|
[ngClass]="{
|
|
1825
|
-
'cds--pagination__button--no-index': currentPage >= lastPage ||
|
|
1942
|
+
'cds--pagination__button--no-index': currentPage >= lastPage || forwardDisabled
|
|
1826
1943
|
}"
|
|
1827
1944
|
tabindex="0"
|
|
1828
1945
|
[attr.aria-label]="forwardText.subject | async"
|
|
1829
1946
|
(click)="selectPage.emit(nextPage)"
|
|
1830
|
-
[disabled]="(currentPage >= lastPage ||
|
|
1947
|
+
[disabled]="(currentPage >= lastPage || forwardDisabled ? true : null)">
|
|
1831
1948
|
<svg cdsIcon="caret--right" size="16" class="cds--btn__icon"></svg>
|
|
1832
1949
|
</button>
|
|
1833
1950
|
</div>
|
|
@@ -1849,7 +1966,10 @@ export class Pagination {
|
|
|
1849
1966
|
/**
|
|
1850
1967
|
* Set to `true` to disable the backward/forward buttons.
|
|
1851
1968
|
*/
|
|
1852
|
-
@Input() disabled
|
|
1969
|
+
@Input() set disabled(value: boolean) {
|
|
1970
|
+
this.backwardDisabled = value;
|
|
1971
|
+
this.forwardDisabled = value;
|
|
1972
|
+
}
|
|
1853
1973
|
/**
|
|
1854
1974
|
* Set to `true` to disable the select box that changes the page.
|
|
1855
1975
|
*/
|
|
@@ -1864,6 +1984,9 @@ export class Pagination {
|
|
|
1864
1984
|
@Input() pagesUnknown = false;
|
|
1865
1985
|
@Input() pageSelectThreshold = 1000;
|
|
1866
1986
|
|
|
1987
|
+
@Input() backwardDisabled = false;
|
|
1988
|
+
@Input() forwardDisabled = false;
|
|
1989
|
+
|
|
1867
1990
|
/**
|
|
1868
1991
|
* Expects an object that contains some or all of:
|
|
1869
1992
|
* ```
|
|
@@ -2027,7 +2150,7 @@ export class Pagination {
|
|
|
2027
2150
|
<script src="../js/libs/htmlparser.js"></script>
|
|
2028
2151
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
2029
2152
|
<script>
|
|
2030
|
-
var COMPONENT_TEMPLATE = '<div><div class="cds--pagination" [ngClass]="{ \'cds--skeleton\': skeleton }"> <!-- left skeleton div --> <div *ngIf="skeleton" class="cds--pagination__left"> <p class="cds--skeleton__text" style="width: 70px"></p> <p class="cds--skeleton__text" style="width: 35px"></p> <p class="cds--skeleton__text" style="width: 105px"></p> </div> <div *ngIf="!skeleton" class="cds--pagination__left"> <ng-container *ngIf="showPageInput"> <label class="cds--pagination__text" [for]="itemsPerPageSelectId"> {{itemsPerPageText.subject | async}} </label> <div class="cds--select cds--select--inline cds--select__item-count" [class.cds--select--disabled]="pageInputDisabled"> <select [id]="itemsPerPageSelectId" [(ngModel)]="itemsPerPage" [disabled]="pageInputDisabled" class="cds--select-input"> <option class="cds--select-option" *ngFor="let option of itemsPerPageOptions" [value]="option"> {{ option }} </option> </select> <svg cdsIcon="chevron--down" size="16" style="display: inherit" class="cds--select__arrow" aria-hidden="true" [attr.ariaLabel]="optionsListText.subject | async"> </svg> </div> </ng-container> <span *ngIf="!pagesUnknown && totalDataLength <= 1" class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}"> {{totalItemText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}} </span> <span *ngIf="!pagesUnknown && totalDataLength > 1" class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}"> {{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}} </span> <span *ngIf="pagesUnknown" class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}"> {{totalItemsUnknownText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex } | async}} </span> </div> <!-- right skeleton div --> <div *ngIf="skeleton" class="cds--pagination__right"> <p class="cds--skeleton__text" style="width: 70px"></p> </div> <div *ngIf="!skeleton" class="cds--pagination__right"> <span *ngIf="pagesUnknown" class="cds--pagination__text cds--pagination__page-text"> <ng-container *ngIf="!showPageInput">{{currentPage}}</ng-container> {{pageText.subject | async}} </span> <ng-container *ngIf="showPageInput"> <div class="cds--select cds--select--inline cds--select__page-number" [class.cds--select--disabled]="pageInputDisabled"> <label [for]="currentPageSelectId" class="cds--label cds--visually-hidden">{{pageText.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="cds--select-input" [(ngModel)]="currentPage"> <select *ngIf="pageOptions.length <= pageSelectThreshold" [id]="currentPageSelectId" class="cds--select-input" [disabled]="pageInputDisabled" [(ngModel)]="currentPage"> <option *ngFor="let page of pageOptions; let i = index;" class="cds--select-option" [value]="i + 1">{{i + 1}}</option> </select> <svg *ngIf="pageOptions.length <= pageSelectThreshold" cdsIcon="chevron--down" size="16" style="display: inherit;" class="cds--select__arrow" [attr.ariaLabel]="optionsListText.subject | async"> </svg> </div> </ng-container> <span *ngIf="!pagesUnknown && lastPage <= 1" class="cds--pagination__text"> <ng-container *ngIf="!showPageInput">{{currentPage}}</ng-container> {{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}} </span> <span *ngIf="!pagesUnknown && lastPage > 1" class="cds--pagination__text"> <ng-container *ngIf="!showPageInput">{{currentPage}}</ng-container> {{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}} </span> <div class="cds--pagination__control-buttons"> <button cdsButton="ghost" iconOnly="true" class="cds--pagination__button cds--pagination__button--backward" [ngClass]="{ \'cds--pagination__button--no-index\': currentPage <= 1 ||
|
|
2153
|
+
var COMPONENT_TEMPLATE = '<div><div class="cds--pagination" [ngClass]="{ \'cds--skeleton\': skeleton }"> <!-- left skeleton div --> <div *ngIf="skeleton" class="cds--pagination__left"> <p class="cds--skeleton__text" style="width: 70px"></p> <p class="cds--skeleton__text" style="width: 35px"></p> <p class="cds--skeleton__text" style="width: 105px"></p> </div> <div *ngIf="!skeleton" class="cds--pagination__left"> <ng-container *ngIf="showPageInput"> <label class="cds--pagination__text" [for]="itemsPerPageSelectId"> {{itemsPerPageText.subject | async}} </label> <div class="cds--select cds--select--inline cds--select__item-count" [class.cds--select--disabled]="pageInputDisabled"> <select [id]="itemsPerPageSelectId" [(ngModel)]="itemsPerPage" [disabled]="pageInputDisabled" class="cds--select-input"> <option class="cds--select-option" *ngFor="let option of itemsPerPageOptions" [value]="option"> {{ option }} </option> </select> <svg cdsIcon="chevron--down" size="16" style="display: inherit" class="cds--select__arrow" aria-hidden="true" [attr.ariaLabel]="optionsListText.subject | async"> </svg> </div> </ng-container> <span *ngIf="!pagesUnknown && totalDataLength <= 1" class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}"> {{totalItemText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}} </span> <span *ngIf="!pagesUnknown && totalDataLength > 1" class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}"> {{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}} </span> <span *ngIf="pagesUnknown" class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}"> {{totalItemsUnknownText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex } | async}} </span> </div> <!-- right skeleton div --> <div *ngIf="skeleton" class="cds--pagination__right"> <p class="cds--skeleton__text" style="width: 70px"></p> </div> <div *ngIf="!skeleton" class="cds--pagination__right"> <span *ngIf="pagesUnknown" class="cds--pagination__text cds--pagination__page-text"> <ng-container *ngIf="!showPageInput">{{currentPage}}</ng-container> {{pageText.subject | async}} </span> <ng-container *ngIf="showPageInput"> <div class="cds--select cds--select--inline cds--select__page-number" [class.cds--select--disabled]="pageInputDisabled"> <label [for]="currentPageSelectId" class="cds--label cds--visually-hidden">{{pageText.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="cds--select-input" [(ngModel)]="currentPage"> <select *ngIf="pageOptions.length <= pageSelectThreshold" [id]="currentPageSelectId" class="cds--select-input" [disabled]="pageInputDisabled" [(ngModel)]="currentPage"> <option *ngFor="let page of pageOptions; let i = index;" class="cds--select-option" [value]="i + 1">{{i + 1}}</option> </select> <svg *ngIf="pageOptions.length <= pageSelectThreshold" cdsIcon="chevron--down" size="16" style="display: inherit;" class="cds--select__arrow" [attr.ariaLabel]="optionsListText.subject | async"> </svg> </div> </ng-container> <span *ngIf="!pagesUnknown && lastPage <= 1" class="cds--pagination__text"> <ng-container *ngIf="!showPageInput">{{currentPage}}</ng-container> {{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}} </span> <span *ngIf="!pagesUnknown && lastPage > 1" class="cds--pagination__text"> <ng-container *ngIf="!showPageInput">{{currentPage}}</ng-container> {{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}} </span> <div class="cds--pagination__control-buttons"> <button cdsButton="ghost" iconOnly="true" class="cds--pagination__button cds--pagination__button--backward" [ngClass]="{ \'cds--pagination__button--no-index\': currentPage <= 1 || backwardDisabled }" tabindex="0" [attr.aria-label]="backwardText.subject | async" (click)="selectPage.emit(previousPage)" [disabled]="(currentPage <= 1 || backwardDisabled ? true : null)"> <svg cdsIcon="caret--left" size="16" class="cds--btn__icon"></svg> </button> <button cdsButton="ghost" iconOnly="true" class=" cds--pagination__button cds--pagination__button--forward" [ngClass]="{ \'cds--pagination__button--no-index\': currentPage >= lastPage || forwardDisabled }" tabindex="0" [attr.aria-label]="forwardText.subject | async" (click)="selectPage.emit(nextPage)" [disabled]="(currentPage >= lastPage || forwardDisabled ? true : null)"> <svg cdsIcon="caret--right" size="16" class="cds--btn__icon"></svg> </button> </div> </div></div></div>'
|
|
2031
2154
|
var COMPONENTS = [{'name': 'Accordion', 'selector': 'cds-accordion, ibm-accordion'},{'name': 'AccordionItem', 'selector': 'cds-accordion-item, ibm-accordion-item'},{'name': 'ActionableNotification', 'selector': 'cds-actionable-notification, ibm-actionable-notification'},{'name': 'AlertModal', 'selector': 'cds-alert-modal, ibm-alert-modal'},{'name': 'BaseIconButton', 'selector': ''},{'name': 'BaseNotification', 'selector': ''},{'name': 'BaseTabHeader', 'selector': ''},{'name': 'Breadcrumb', 'selector': 'cds-breadcrumb, ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'cds-breadcrumb-item, ibm-breadcrumb-item'},{'name': 'ButtonSet', 'selector': 'cds-button-set, ibm-button-set'},{'name': 'Checkbox', 'selector': 'cds-checkbox, ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'cds-clickable-tile, ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'cds-code-snippet, ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'cds-combo-box, ibm-combo-box'},{'name': 'ComboButtonComponent', 'selector': 'cds-combo-button'},{'name': 'ContainedList', 'selector': 'cds-contained-list, ibm-contained-list'},{'name': 'ContainedListItem', 'selector': 'cds-contained-list-item, ibm-contained-list-item'},{'name': 'ContentSwitcher', 'selector': 'cds-content-switcher, ibm-content-switcher'},{'name': 'ContextMenuComponent', 'selector': 'cds-menu, cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-menu-divider, cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-menu-group, cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-menu-item, cds-context-menu-item, ibm-context-menu-item'},{'name': 'DatePicker', 'selector': 'cds-date-picker, ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'cds-date-picker-input, ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'cds-dialog, ibm-dialog'},{'name': 'Documentation', 'selector': 'cds-documentation'},{'name': 'Dropdown', 'selector': 'cds-dropdown, ibm-dropdown'},{'name': 'DropdownList', 'selector': 'cds-dropdown-list, ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'cds-expandable-tile, ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'cds-file, ibm-file'},{'name': 'FileUploader', 'selector': 'cds-file-uploader, ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'cds-hamburger, ibm-hamburger'},{'name': 'Header', 'selector': 'cds-header, ibm-header'},{'name': 'HeaderAction', 'selector': 'cds-header-action, ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'cds-header-global, ibm-header-global'},{'name': 'HeaderItem', 'selector': 'cds-header-item, ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'cds-header-menu, ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'cds-header-navigation, ibm-header-navigation'},{'name': 'IconButton', 'selector': 'cds-icon-button, ibm-icon-button'},{'name': 'InlineLoading', 'selector': 'cds-inline-loading, ibm-inline-loading'},{'name': 'Label', 'selector': 'cds-label, ibm-label'},{'name': 'ListColumn', 'selector': 'cds-list-column, ibm-list-column'},{'name': 'ListHeader', 'selector': 'cds-list-header, ibm-list-header'},{'name': 'ListRow', 'selector': 'cds-list-row, ibm-list-row'},{'name': 'Loading', 'selector': 'cds-loading, ibm-loading'},{'name': 'MenuButtonComponent', 'selector': 'cds-menu-button'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'PasswordInputLabelComponent', 'selector': 'cds-password-label, ibm-password-label'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TagOperationalComponent', 'selector': 'cds-tag-operational, ibm-tag-operational'},{'name': 'TagSelectableComponent', 'selector': 'cds-tag-selectable, ibm-tag-selectable'},{'name': 'TextareaLabelComponent', 'selector': 'cds-textarea-label, ibm-textarea-label'},{'name': 'TextInputLabelComponent', 'selector': 'cds-text-label, ibm-text-label'},{'name': 'Tile', 'selector': 'cds-tile, ibm-tile'},{'name': 'TileGroup', 'selector': 'cds-tile-group, ibm-tile-group'},{'name': 'TimePicker', 'selector': 'cds-timepicker, ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'cds-timepicker-select, ibm-timepicker-select'},{'name': 'Toast', 'selector': 'cds-toast, ibm-toast'},{'name': 'Toggle', 'selector': 'cds-toggle, ibm-toggle'},{'name': 'Toggletip', 'selector': 'cds-toggletip, ibm-toggletip'},{'name': 'Tooltip', 'selector': 'cds-tooltip, ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'cds-tooltip-definition, ibm-tooltip-definition'},{'name': 'TreeNodeComponent', 'selector': 'cds-tree-node'},{'name': 'TreeViewComponent', 'selector': 'cds-tree-view'}];
|
|
2032
2155
|
var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'name': 'ClickableTileIconDirective', 'selector': '[cdsClickableTileIcon], [ibmClickableTileIcon]'},{'name': 'ColumnDirective', 'selector': '[cdsCol], [ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[cdsContentOption], [ibmContentOption]'},{'name': 'DialogDirective', 'selector': '[cdsDialog], [ibmDialog]'},{'name': 'ExpandableTileAboveFoldDirective', 'selector': '[cdsAboveFold], [ibmAboveFold]'},{'name': 'ExpandableTileBelowFoldDirective', 'selector': '[cdsBelowFold], [ibmBelowFold]'},{'name': 'ExpandedRowHover', 'selector': '[cdsExpandedRowHover], [ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[cdsGrid], [ibmGrid]'},{'name': 'IconDirective', 'selector': '[cdsIcon], [ibmIcon]'},{'name': 'LayerDirective', 'selector': '[cdsLayer], [ibmLayer]'},{'name': 'Link', 'selector': '[cdsLink], [ibmLink]'},{'name': 'LinkIconDirective', 'selector': '[ibmLinkIcon], [cdsLinkIcon]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PasswordInput', 'selector': '[cdsPassword], [ibmPassword]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': 'TagIconDirective', 'selector': '[cdsTagIcon], [ibmTagIcon]'},{'name': 'TextArea', 'selector': '[cdsTextArea], [ibmTextArea]'},{'name': 'TextInput', 'selector': '[cdsText], [ibmText]'},{'name': 'ThemeDirective', 'selector': '[cdsTheme], [ibmTheme]'},{'name': 'ToastCaption', 'selector': '[cdsToastCaption], [ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[cdsToastSubtitle], [ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[cdsToastTitle], [ibmToastTitle]'},{'name': 'ToggletipAction', 'selector': '[cdsToggletipAction], [ibmToggletipAction]'},{'name': 'ToggletipButton', 'selector': '[cdsToggletipButton], [ibmToggletipButton]'},{'name': 'ToggletipContent', 'selector': '[cdsToggletipContent], [ibmToggletipContent]'},{'name': 'ToggletipLabel', 'selector': '[cdsToggletipLabel], [ibmToggletipLabel]'}];
|
|
2033
2156
|
var ACTUAL_COMPONENT = {'name': 'Pagination'};
|