carbon-components-angular 3.0.2 → 3.2.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/bundle/carbon-angular.umd.js +2 -2
- package/bundle/carbon-angular.umd.js.map +1 -1
- package/content-switcher/content-switcher-option.directive.js +1 -1
- package/content-switcher/content-switcher-option.directive.js.map +1 -1
- package/docs/documentation/classes/NumberChange.html +2 -0
- package/docs/documentation/classes/ToggleChange.html +7 -2
- package/docs/documentation/components/Number.html +30 -26
- package/docs/documentation/components/Pagination.html +32 -44
- package/docs/documentation/components/TabHeaders.html +74 -25
- package/docs/documentation/components/Tabs.html +28 -12
- package/docs/documentation/components/TagFilter.html +52 -3
- package/docs/documentation/components/Toggle.html +52 -19
- package/docs/documentation/coverage.html +9 -9
- package/docs/documentation/directives/ContentSwitcherOption.html +1 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/storybook/iframe.html +3 -3
- package/docs/storybook/{main.30b13c55e055554fdaac.bundle.js → main.cc3329d0f31a1601a8eb.bundle.js} +48 -17
- package/docs/storybook/main.cc3329d0f31a1601a8eb.bundle.js.map +1 -0
- package/docs/storybook/{runtime~main.30b13c55e055554fdaac.bundle.js → runtime~main.cc3329d0f31a1601a8eb.bundle.js} +1 -1
- package/docs/storybook/{runtime~main.30b13c55e055554fdaac.bundle.js.map → runtime~main.cc3329d0f31a1601a8eb.bundle.js.map} +1 -1
- package/docs/storybook/{vendors~main.30b13c55e055554fdaac.bundle.js → vendors~main.cc3329d0f31a1601a8eb.bundle.js} +1 -1
- package/docs/storybook/{vendors~main.30b13c55e055554fdaac.bundle.js.map → vendors~main.cc3329d0f31a1601a8eb.bundle.js.map} +1 -1
- package/number-input/number.component.js +1 -1
- package/number-input/number.component.js.map +1 -1
- package/number-input/number.component.metadata.json +1 -1
- package/number-input/number.component.ngfactory.js +2 -2
- package/number-input/number.component.ngfactory.js.map +1 -1
- package/package.json +1 -1
- package/pagination/pagination.component.js +1 -1
- package/pagination/pagination.component.js.map +1 -1
- package/pagination/pagination.component.metadata.json +1 -1
- package/pagination/pagination.component.ngfactory.js +5 -5
- package/pagination/pagination.component.ngfactory.js.map +1 -1
- package/tabs/tab-headers.component.d.ts +2 -0
- package/tabs/tab-headers.component.js +3 -1
- package/tabs/tab-headers.component.js.map +1 -1
- package/tabs/tab-headers.component.metadata.json +1 -1
- package/tabs/tab-headers.component.ngfactory.js +10 -8
- package/tabs/tab-headers.component.ngfactory.js.map +1 -1
- package/tabs/tab-headers.component.ngsummary.json +1 -1
- package/tabs/tabs.component.js +1 -1
- package/tabs/tabs.component.js.map +1 -1
- package/tabs/tabs.component.metadata.json +1 -1
- package/tabs/tabs.component.ngfactory.js +6 -4
- package/tabs/tabs.component.ngfactory.js.map +1 -1
- package/tabs/tabs.component.ngsummary.json +1 -1
- package/tabs/tabs.module.ngfactory.js.map +1 -1
- package/tag/tag-filter.component.d.ts +5 -0
- package/tag/tag-filter.component.js +9 -3
- 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 +5 -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/toggle/toggle.component.d.ts +5 -0
- package/toggle/toggle.component.js +2 -1
- package/toggle/toggle.component.js.map +1 -1
- package/toggle/toggle.component.metadata.json +1 -1
- package/toggle/toggle.component.ngfactory.js +5 -4
- package/toggle/toggle.component.ngfactory.js.map +1 -1
- package/toggle/toggle.component.ngsummary.json +1 -1
- package/toggle/toggle.module.ngfactory.js.map +1 -1
- package/docs/storybook/main.30b13c55e055554fdaac.bundle.js.map +0 -1
|
@@ -129,16 +129,10 @@ you load the page.</p>
|
|
|
129
129
|
[ngClass]="{
|
|
130
130
|
'bx--select__item-count': isExperimental
|
|
131
131
|
}">
|
|
132
|
-
<label
|
|
133
|
-
[for]="itemsPerPageSelectId"
|
|
134
|
-
class="bx--label bx--visually-hidden">
|
|
135
|
-
{{itemsPerPageText | async}}
|
|
136
|
-
</label>
|
|
137
132
|
<select
|
|
138
133
|
[id]="itemsPerPageSelectId"
|
|
139
134
|
[(ngModel)]="itemsPerPage"
|
|
140
|
-
class="bx--select-input"
|
|
141
|
-
aria-describedby="false">
|
|
135
|
+
class="bx--select-input">
|
|
142
136
|
<option class="bx--select-option" value="10">10</option>
|
|
143
137
|
<option class="bx--select-option" value="20">20</option>
|
|
144
138
|
<option class="bx--select-option" value="30">30</option>
|
|
@@ -175,7 +169,7 @@ you load the page.</p>
|
|
|
175
169
|
'bx--select__page-number' : isExperimental
|
|
176
170
|
}">
|
|
177
171
|
<label [for]="currentPageSelectId" class="bx--label bx--visually-hidden">{{itemsPerPageText | async}}</label>
|
|
178
|
-
<select [id]="currentPageSelectId" class="bx--select-input"
|
|
172
|
+
<select [id]="currentPageSelectId" class="bx--select-input" [(ngModel)]="currentPage">
|
|
179
173
|
<option *ngFor="let i of range(lastPage + 1, 1)" class="bx--select-option" [value]="i">{{i}}</option>
|
|
180
174
|
</select>
|
|
181
175
|
<ibm-icon-chevron-down16
|
|
@@ -382,7 +376,7 @@ you load the page.</p>
|
|
|
382
376
|
</tr>
|
|
383
377
|
<tr>
|
|
384
378
|
<td class="col-md-4">
|
|
385
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
379
|
+
<div class="io-line">Defined in <a href="" data-line="266" class="link-to-prism">src/pagination/pagination.component.ts:266</a></div>
|
|
386
380
|
</td>
|
|
387
381
|
</tr>
|
|
388
382
|
|
|
@@ -452,7 +446,7 @@ you load the page.</p>
|
|
|
452
446
|
</tr>
|
|
453
447
|
<tr>
|
|
454
448
|
<td class="col-md-2" colspan="2">
|
|
455
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
449
|
+
<div class="io-line">Defined in <a href="" data-line="154" class="link-to-prism">src/pagination/pagination.component.ts:154</a></div>
|
|
456
450
|
</td>
|
|
457
451
|
</tr>
|
|
458
452
|
</tbody>
|
|
@@ -474,7 +468,7 @@ you load the page.</p>
|
|
|
474
468
|
</tr>
|
|
475
469
|
<tr>
|
|
476
470
|
<td class="col-md-2" colspan="2">
|
|
477
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
471
|
+
<div class="io-line">Defined in <a href="" data-line="148" class="link-to-prism">src/pagination/pagination.component.ts:148</a></div>
|
|
478
472
|
</td>
|
|
479
473
|
</tr>
|
|
480
474
|
</tbody>
|
|
@@ -502,7 +496,7 @@ you load the page.</p>
|
|
|
502
496
|
</tr>
|
|
503
497
|
<tr>
|
|
504
498
|
<td class="col-md-2" colspan="2">
|
|
505
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
499
|
+
<div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/pagination/pagination.component.ts:171</a></div>
|
|
506
500
|
</td>
|
|
507
501
|
</tr>
|
|
508
502
|
</tbody>
|
|
@@ -528,7 +522,7 @@ data is finally loaded.</p>
|
|
|
528
522
|
</tr>
|
|
529
523
|
<tr>
|
|
530
524
|
<td class="col-md-2" colspan="2">
|
|
531
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
525
|
+
<div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/pagination/pagination.component.ts:201</a></div>
|
|
532
526
|
</td>
|
|
533
527
|
</tr>
|
|
534
528
|
</tbody>
|
|
@@ -563,7 +557,7 @@ data is finally loaded.</p>
|
|
|
563
557
|
|
|
564
558
|
<tr>
|
|
565
559
|
<td class="col-md-4">
|
|
566
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
560
|
+
<div class="io-line">Defined in <a href="" data-line="277" class="link-to-prism">src/pagination/pagination.component.ts:277</a></div>
|
|
567
561
|
</td>
|
|
568
562
|
</tr>
|
|
569
563
|
|
|
@@ -679,7 +673,7 @@ Used to display the correct pagination controls.</p>
|
|
|
679
673
|
</tr>
|
|
680
674
|
<tr>
|
|
681
675
|
<td class="col-md-4">
|
|
682
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
676
|
+
<div class="io-line">Defined in <a href="" data-line="262" class="link-to-prism">src/pagination/pagination.component.ts:262</a></div>
|
|
683
677
|
</td>
|
|
684
678
|
</tr>
|
|
685
679
|
|
|
@@ -712,7 +706,7 @@ Used to display the correct pagination controls.</p>
|
|
|
712
706
|
</tr>
|
|
713
707
|
<tr>
|
|
714
708
|
<td class="col-md-4">
|
|
715
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
709
|
+
<div class="io-line">Defined in <a href="" data-line="258" class="link-to-prism">src/pagination/pagination.component.ts:258</a></div>
|
|
716
710
|
</td>
|
|
717
711
|
</tr>
|
|
718
712
|
|
|
@@ -745,7 +739,7 @@ Used to display the correct pagination controls.</p>
|
|
|
745
739
|
</tr>
|
|
746
740
|
<tr>
|
|
747
741
|
<td class="col-md-4">
|
|
748
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
742
|
+
<div class="io-line">Defined in <a href="" data-line="263" class="link-to-prism">src/pagination/pagination.component.ts:263</a></div>
|
|
749
743
|
</td>
|
|
750
744
|
</tr>
|
|
751
745
|
|
|
@@ -778,7 +772,7 @@ Used to display the correct pagination controls.</p>
|
|
|
778
772
|
</tr>
|
|
779
773
|
<tr>
|
|
780
774
|
<td class="col-md-4">
|
|
781
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
775
|
+
<div class="io-line">Defined in <a href="" data-line="257" class="link-to-prism">src/pagination/pagination.component.ts:257</a></div>
|
|
782
776
|
</td>
|
|
783
777
|
</tr>
|
|
784
778
|
|
|
@@ -811,7 +805,7 @@ Used to display the correct pagination controls.</p>
|
|
|
811
805
|
</tr>
|
|
812
806
|
<tr>
|
|
813
807
|
<td class="col-md-4">
|
|
814
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
808
|
+
<div class="io-line">Defined in <a href="" data-line="260" class="link-to-prism">src/pagination/pagination.component.ts:260</a></div>
|
|
815
809
|
</td>
|
|
816
810
|
</tr>
|
|
817
811
|
|
|
@@ -844,7 +838,7 @@ Used to display the correct pagination controls.</p>
|
|
|
844
838
|
</tr>
|
|
845
839
|
<tr>
|
|
846
840
|
<td class="col-md-4">
|
|
847
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
841
|
+
<div class="io-line">Defined in <a href="" data-line="266" class="link-to-prism">src/pagination/pagination.component.ts:266</a></div>
|
|
848
842
|
</td>
|
|
849
843
|
</tr>
|
|
850
844
|
|
|
@@ -877,7 +871,7 @@ Used to display the correct pagination controls.</p>
|
|
|
877
871
|
</tr>
|
|
878
872
|
<tr>
|
|
879
873
|
<td class="col-md-4">
|
|
880
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
874
|
+
<div class="io-line">Defined in <a href="" data-line="261" class="link-to-prism">src/pagination/pagination.component.ts:261</a></div>
|
|
881
875
|
</td>
|
|
882
876
|
</tr>
|
|
883
877
|
|
|
@@ -917,7 +911,7 @@ Used to display the correct pagination controls.</p>
|
|
|
917
911
|
</tr>
|
|
918
912
|
<tr>
|
|
919
913
|
<td class="col-md-4">
|
|
920
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
914
|
+
<div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/pagination/pagination.component.ts:143</a></div>
|
|
921
915
|
</td>
|
|
922
916
|
</tr>
|
|
923
917
|
|
|
@@ -950,7 +944,7 @@ Used to display the correct pagination controls.</p>
|
|
|
950
944
|
</tr>
|
|
951
945
|
<tr>
|
|
952
946
|
<td class="col-md-4">
|
|
953
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
947
|
+
<div class="io-line">Defined in <a href="" data-line="264" class="link-to-prism">src/pagination/pagination.component.ts:264</a></div>
|
|
954
948
|
</td>
|
|
955
949
|
</tr>
|
|
956
950
|
|
|
@@ -983,7 +977,7 @@ Used to display the correct pagination controls.</p>
|
|
|
983
977
|
</tr>
|
|
984
978
|
<tr>
|
|
985
979
|
<td class="col-md-4">
|
|
986
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
980
|
+
<div class="io-line">Defined in <a href="" data-line="265" class="link-to-prism">src/pagination/pagination.component.ts:265</a></div>
|
|
987
981
|
</td>
|
|
988
982
|
</tr>
|
|
989
983
|
|
|
@@ -1013,7 +1007,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1013
1007
|
</tr>
|
|
1014
1008
|
<tr>
|
|
1015
1009
|
<td class="col-md-4">
|
|
1016
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1010
|
+
<div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/pagination/pagination.component.ts:171</a></div>
|
|
1017
1011
|
</td>
|
|
1018
1012
|
</tr>
|
|
1019
1013
|
<tr>
|
|
@@ -1078,7 +1072,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1078
1072
|
</tr>
|
|
1079
1073
|
<tr>
|
|
1080
1074
|
<td class="col-md-4">
|
|
1081
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1075
|
+
<div class="io-line">Defined in <a href="" data-line="203" class="link-to-prism">src/pagination/pagination.component.ts:203</a></div>
|
|
1082
1076
|
</td>
|
|
1083
1077
|
</tr>
|
|
1084
1078
|
|
|
@@ -1089,7 +1083,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1089
1083
|
</tr>
|
|
1090
1084
|
<tr>
|
|
1091
1085
|
<td class="col-md-4">
|
|
1092
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1086
|
+
<div class="io-line">Defined in <a href="" data-line="206" class="link-to-prism">src/pagination/pagination.component.ts:206</a></div>
|
|
1093
1087
|
</td>
|
|
1094
1088
|
</tr>
|
|
1095
1089
|
<tr>
|
|
@@ -1143,7 +1137,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1143
1137
|
</tr>
|
|
1144
1138
|
<tr>
|
|
1145
1139
|
<td class="col-md-4">
|
|
1146
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1140
|
+
<div class="io-line">Defined in <a href="" data-line="211" class="link-to-prism">src/pagination/pagination.component.ts:211</a></div>
|
|
1147
1141
|
</td>
|
|
1148
1142
|
</tr>
|
|
1149
1143
|
|
|
@@ -1154,7 +1148,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1154
1148
|
</tr>
|
|
1155
1149
|
<tr>
|
|
1156
1150
|
<td class="col-md-4">
|
|
1157
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1151
|
+
<div class="io-line">Defined in <a href="" data-line="214" class="link-to-prism">src/pagination/pagination.component.ts:214</a></div>
|
|
1158
1152
|
</td>
|
|
1159
1153
|
</tr>
|
|
1160
1154
|
<tr>
|
|
@@ -1208,7 +1202,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1208
1202
|
</tr>
|
|
1209
1203
|
<tr>
|
|
1210
1204
|
<td class="col-md-4">
|
|
1211
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1205
|
+
<div class="io-line">Defined in <a href="" data-line="223" class="link-to-prism">src/pagination/pagination.component.ts:223</a></div>
|
|
1212
1206
|
</td>
|
|
1213
1207
|
</tr>
|
|
1214
1208
|
<tr>
|
|
@@ -1241,7 +1235,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1241
1235
|
</tr>
|
|
1242
1236
|
<tr>
|
|
1243
1237
|
<td class="col-md-4">
|
|
1244
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1238
|
+
<div class="io-line">Defined in <a href="" data-line="228" class="link-to-prism">src/pagination/pagination.component.ts:228</a></div>
|
|
1245
1239
|
</td>
|
|
1246
1240
|
</tr>
|
|
1247
1241
|
|
|
@@ -1263,7 +1257,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1263
1257
|
</tr>
|
|
1264
1258
|
<tr>
|
|
1265
1259
|
<td class="col-md-4">
|
|
1266
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1260
|
+
<div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/pagination/pagination.component.ts:232</a></div>
|
|
1267
1261
|
</td>
|
|
1268
1262
|
</tr>
|
|
1269
1263
|
|
|
@@ -1285,7 +1279,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1285
1279
|
</tr>
|
|
1286
1280
|
<tr>
|
|
1287
1281
|
<td class="col-md-4">
|
|
1288
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1282
|
+
<div class="io-line">Defined in <a href="" data-line="241" class="link-to-prism">src/pagination/pagination.component.ts:241</a></div>
|
|
1289
1283
|
</td>
|
|
1290
1284
|
</tr>
|
|
1291
1285
|
<tr>
|
|
@@ -1318,7 +1312,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1318
1312
|
</tr>
|
|
1319
1313
|
<tr>
|
|
1320
1314
|
<td class="col-md-4">
|
|
1321
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1315
|
+
<div class="io-line">Defined in <a href="" data-line="248" class="link-to-prism">src/pagination/pagination.component.ts:248</a></div>
|
|
1322
1316
|
</td>
|
|
1323
1317
|
</tr>
|
|
1324
1318
|
<tr>
|
|
@@ -1351,7 +1345,7 @@ Used to display the correct pagination controls.</p>
|
|
|
1351
1345
|
</tr>
|
|
1352
1346
|
<tr>
|
|
1353
1347
|
<td class="col-md-4">
|
|
1354
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1348
|
+
<div class="io-line">Defined in <a href="" data-line="253" class="link-to-prism">src/pagination/pagination.component.ts:253</a></div>
|
|
1355
1349
|
</td>
|
|
1356
1350
|
</tr>
|
|
1357
1351
|
|
|
@@ -1422,16 +1416,10 @@ import { ExperimentalService } from "./../experimental.module";
|
|
|
1422
1416
|
[ngClass]="{
|
|
1423
1417
|
'bx--select__item-count': isExperimental
|
|
1424
1418
|
}">
|
|
1425
|
-
<label
|
|
1426
|
-
[for]="itemsPerPageSelectId"
|
|
1427
|
-
class="bx--label bx--visually-hidden">
|
|
1428
|
-
{{itemsPerPageText | async}}
|
|
1429
|
-
</label>
|
|
1430
1419
|
<select
|
|
1431
1420
|
[id]="itemsPerPageSelectId"
|
|
1432
1421
|
[(ngModel)]="itemsPerPage"
|
|
1433
|
-
class="bx--select-input"
|
|
1434
|
-
aria-describedby="false">
|
|
1422
|
+
class="bx--select-input">
|
|
1435
1423
|
<option class="bx--select-option" value="10">10</option>
|
|
1436
1424
|
<option class="bx--select-option" value="20">20</option>
|
|
1437
1425
|
<option class="bx--select-option" value="30">30</option>
|
|
@@ -1468,7 +1456,7 @@ import { ExperimentalService } from "./../experimental.module";
|
|
|
1468
1456
|
'bx--select__page-number' : isExperimental
|
|
1469
1457
|
}">
|
|
1470
1458
|
<label [for]="currentPageSelectId" class="bx--label bx--visually-hidden">{{itemsPerPageText | async}}</label>
|
|
1471
|
-
<select [id]="currentPageSelectId" class="bx--select-input"
|
|
1459
|
+
<select [id]="currentPageSelectId" class="bx--select-input" [(ngModel)]="currentPage">
|
|
1472
1460
|
<option *ngFor="let i of range(lastPage + 1, 1)" class="bx--select-option" [value]="i">{{i}}</option>
|
|
1473
1461
|
</select>
|
|
1474
1462
|
<ibm-icon-chevron-down16
|
|
@@ -1678,7 +1666,7 @@ export class Pagination {
|
|
|
1678
1666
|
<script src="../js/libs/htmlparser.js"></script>
|
|
1679
1667
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
1680
1668
|
<script>
|
|
1681
|
-
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 | async}} </label> <div class="bx--form-item"> <div class="bx--select bx--select--inline" [ngClass]="{ \'bx--select__item-count\': isExperimental }"> <
|
|
1669
|
+
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 | async}} </label> <div class="bx--form-item"> <div class="bx--select bx--select--inline" [ngClass]="{ \'bx--select__item-count\': isExperimental }"> <select [id]="itemsPerPageSelectId" [(ngModel)]="itemsPerPage" class="bx--select-input"> <option class="bx--select-option" value="10">10</option> <option class="bx--select-option" value="20">20</option> <option class="bx--select-option" value="30">30</option> <option class="bx--select-option" value="40">40</option> <option class="bx--select-option" value="50">50</option> </select> <ibm-icon-chevron-down16 style="display: inherit;" innerClass="bx--select__arrow" [ariaLabel]="optionsListText | async"> </ibm-icon-chevron-down16> </div> </div> <span class="bx--pagination__text"> <span *ngIf="!isExperimental">| </span> {{totalItemsText | i18nReplace:{start: startItemIndex, end: endItemIndex, total: model.totalDataLength } | async}} </span> </div> <!-- right skeleton div --> <div *ngIf="skeleton" class="bx--pagination__right bx--pagination--inline"> <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--form-item"> <div class="bx--select bx--select--inline" [ngClass]="{ \'bx--select__page-number\' : isExperimental }"> <label [for]="currentPageSelectId" class="bx--label bx--visually-hidden">{{itemsPerPageText | async}}</label> <select [id]="currentPageSelectId" class="bx--select-input" [(ngModel)]="currentPage"> <option *ngFor="let i of range(lastPage + 1, 1)" class="bx--select-option" [value]="i">{{i}}</option> </select> <ibm-icon-chevron-down16 style="display: inherit;" innerClass="bx--select__arrow" [ariaLabel]="optionsListText | async"> </ibm-icon-chevron-down16> </div> </div> <span class="bx--pagination__text"> {{ofLastPagesText | i18nReplace: {last: lastPage} | async}} </span> <button class="bx--pagination__button bx--pagination__button--backward" [ngClass]="{ \'bx--pagination__button--no-index\': currentPage <= 1 }" tabindex="0" [attr.aria-label]="backwardText | async" (click)="selectPage.emit(previousPage)" [disabled]="(currentPage <= 1 ? 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 }" tabindex="0" [attr.aria-label]="forwardText | async" (click)="selectPage.emit(nextPage)" [disabled]="(currentPage >= lastPage ? true : null)"> <ibm-icon-caret-right16></ibm-icon-caret-right16> </button> </div></div></div>'
|
|
1682
1670
|
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': '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': 'Placeholder', 'selector': 'ibm-placeholder'},{'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': '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'}];
|
|
1683
1671
|
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': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
|
|
1684
1672
|
var ACTUAL_COMPONENT = {'name': 'Pagination'};
|