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.
Files changed (59) hide show
  1. package/bundle/carbon-angular.umd.js +9 -9
  2. package/bundle/carbon-angular.umd.js.map +1 -1
  3. package/combobox/combobox.component.js +1 -7
  4. package/combobox/combobox.component.js.map +1 -1
  5. package/docs/documentation/classes/SearchChange.html +11 -0
  6. package/docs/documentation/components/ComboBox.html +5 -10
  7. package/docs/documentation/components/DropdownList.html +79 -31
  8. package/docs/documentation/components/Pagination.html +114 -56
  9. package/docs/documentation/components/Search.html +96 -17
  10. package/docs/documentation/components/TableToolbarSearch.html +96 -16
  11. package/docs/documentation/components/TagFilter.html +131 -4
  12. package/docs/documentation/coverage.html +17 -17
  13. package/docs/documentation/interfaces/PaginationTranslations.html +87 -11
  14. package/docs/documentation/js/search/search_index.js +2 -2
  15. package/docs/storybook/iframe.html +3 -3
  16. package/docs/storybook/{main.293b4966d65e38f1c80c.bundle.js → main.1ccde517361f3d1a057c.bundle.js} +86 -33
  17. package/docs/storybook/main.1ccde517361f3d1a057c.bundle.js.map +1 -0
  18. package/docs/storybook/{runtime~main.293b4966d65e38f1c80c.bundle.js → runtime~main.1ccde517361f3d1a057c.bundle.js} +1 -1
  19. package/docs/storybook/{runtime~main.293b4966d65e38f1c80c.bundle.js.map → runtime~main.1ccde517361f3d1a057c.bundle.js.map} +1 -1
  20. package/docs/storybook/{vendors~main.293b4966d65e38f1c80c.bundle.js → vendors~main.1ccde517361f3d1a057c.bundle.js} +1 -1
  21. package/docs/storybook/{vendors~main.293b4966d65e38f1c80c.bundle.js.map → vendors~main.1ccde517361f3d1a057c.bundle.js.map} +1 -1
  22. package/dropdown/list/dropdown-list.component.d.ts +1 -0
  23. package/dropdown/list/dropdown-list.component.js +17 -10
  24. package/dropdown/list/dropdown-list.component.js.map +1 -1
  25. package/dropdown/list/dropdown-list.component.metadata.json +1 -1
  26. package/dropdown/list/dropdown-list.component.ngsummary.json +1 -1
  27. package/i18n/en.d.ts +2 -1
  28. package/i18n/en.js +3 -2
  29. package/i18n/en.js.map +1 -1
  30. package/i18n/i18n.service.d.ts +13 -3
  31. package/package.json +1 -1
  32. package/pagination/pagination.component.d.ts +9 -4
  33. package/pagination/pagination.component.js +9 -5
  34. package/pagination/pagination.component.js.map +1 -1
  35. package/pagination/pagination.component.metadata.json +1 -1
  36. package/pagination/pagination.component.ngfactory.js +20 -18
  37. package/pagination/pagination.component.ngfactory.js.map +1 -1
  38. package/search/search.component.d.ts +8 -0
  39. package/search/search.component.js +12 -1
  40. package/search/search.component.js.map +1 -1
  41. package/search/search.component.metadata.json +1 -1
  42. package/search/search.component.ngfactory.js +6 -3
  43. package/search/search.component.ngfactory.js.map +1 -1
  44. package/search/search.component.ngsummary.json +1 -1
  45. package/table/toolbar/table-toolbar-search.component.js +1 -1
  46. package/table/toolbar/table-toolbar-search.component.js.map +1 -1
  47. package/table/toolbar/table-toolbar-search.component.metadata.json +1 -1
  48. package/table/toolbar/table-toolbar-search.component.ngfactory.js +6 -3
  49. package/table/toolbar/table-toolbar-search.component.ngfactory.js.map +1 -1
  50. package/table/toolbar/table-toolbar-search.component.ngsummary.json +1 -1
  51. package/tag/tag-filter.component.d.ts +9 -0
  52. package/tag/tag-filter.component.js +15 -1
  53. package/tag/tag-filter.component.js.map +1 -1
  54. package/tag/tag-filter.component.metadata.json +1 -1
  55. package/tag/tag-filter.component.ngfactory.js +2 -2
  56. package/tag/tag-filter.component.ngfactory.js.map +1 -1
  57. package/tag/tag-filter.component.ngsummary.json +1 -1
  58. package/tag/tag.module.ngfactory.js.map +1 -1
  59. package/docs/storybook/main.293b4966d65e38f1c80c.bundle.js.map +0 -1
@@ -94,7 +94,7 @@
94
94
  <td class="col-md-3">template</td>
95
95
  <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;ng-content&gt;&lt;/ng-content&gt;
96
96
  &lt;svg
97
- (click)&#x3D;&quot;close.emit()&quot;
97
+ (click)&#x3D;&quot;onClose($event)&quot;
98
98
  focusable&#x3D;&quot;false&quot;
99
99
  preserveAspectRatio&#x3D;&quot;xMidYMid meet&quot;
100
100
  style&#x3D;&quot;will-change: transform;&quot;
@@ -126,6 +126,20 @@
126
126
  <table class="table table-sm table-bordered index-table">
127
127
  <tbody>
128
128
 
129
+ <tr>
130
+ <td class="col-md-4">
131
+ <h6><b>Methods</b></h6>
132
+ </td>
133
+ </tr>
134
+ <tr>
135
+ <td class="col-md-4">
136
+ <ul class="index-list">
137
+ <li>
138
+ <a href="#onClose">onClose</a>
139
+ </li>
140
+ </ul>
141
+ </td>
142
+ </tr>
129
143
 
130
144
  <tr>
131
145
  <td class="col-md-4">
@@ -153,6 +167,9 @@
153
167
  <tr>
154
168
  <td class="col-md-4">
155
169
  <ul class="index-list">
170
+ <li>
171
+ <a href="#click">click</a>
172
+ </li>
156
173
  <li>
157
174
  <a href="#close">close</a>
158
175
  </li>
@@ -248,6 +265,30 @@
248
265
  </section>
249
266
  <section>
250
267
  <h3 id="outputs">Outputs</h3>
268
+ <table class="table table-sm table-bordered">
269
+ <tbody>
270
+ <tr>
271
+ <td class="col-md-2">
272
+ <a name="click"></a>
273
+ <code>click</code>
274
+ </td>
275
+ <td class="col-md-10">
276
+ <div><p>We need to stop the immedate propagation of click on the close button
277
+ to prevent undesired effects when used within dialogs.</p>
278
+ <p>We need to emit a click event on close to allow for clicks to be listened
279
+ to on the immediate close button element.</p>
280
+ </div>
281
+ <em><code>$event</code> Type:</em> <code><a href="https://angular.io/api/core/EventEmitter" target="_blank" >EventEmitter</a></code>
282
+
283
+ </td>
284
+ </tr>
285
+ <tr>
286
+ <td class="col-md-2" colspan="2">
287
+ <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/tag/tag-filter.component.ts:41</a></div>
288
+ </td>
289
+ </tr>
290
+ </tbody>
291
+ </table>
251
292
  <table class="table table-sm table-bordered">
252
293
  <tbody>
253
294
  <tr>
@@ -292,7 +333,7 @@
292
333
  </tr>
293
334
  <tr>
294
335
  <td class="col-md-4">
295
- <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/tag/tag-filter.component.ts:34</a></div>
336
+ <div class="io-line">Defined in <a href="" data-line="49" class="link-to-prism">src/tag/tag-filter.component.ts:49</a></div>
296
337
  </td>
297
338
  </tr>
298
339
 
@@ -336,6 +377,77 @@
336
377
  </section>
337
378
 
338
379
 
380
+ <section>
381
+
382
+ <h3 id="methods">
383
+ Methods
384
+ </h3>
385
+ <table class="table table-sm table-bordered">
386
+ <tbody>
387
+ <tr>
388
+ <td class="col-md-4">
389
+ <a name="onClose"></a>
390
+ <span class="name">
391
+ <b>
392
+ onClose
393
+ </b>
394
+ <a href="#onClose"><span class="icon ion-ios-link"></span></a>
395
+ </span>
396
+ </td>
397
+ </tr>
398
+ <tr>
399
+ <td class="col-md-4">
400
+ <code>onClose(event)</code>
401
+ </td>
402
+ </tr>
403
+
404
+
405
+ <tr>
406
+ <td class="col-md-4">
407
+ <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/tag/tag-filter.component.ts:43</a></div>
408
+ </td>
409
+ </tr>
410
+
411
+
412
+ <tr>
413
+ <td class="col-md-4">
414
+
415
+ <div class="io-description">
416
+ <b>Parameters :</b>
417
+ <table class="params">
418
+ <thead>
419
+ <tr>
420
+ <td>Name</td>
421
+ <td>Optional</td>
422
+ </tr>
423
+ </thead>
424
+ <tbody>
425
+ <tr>
426
+ <td>event</td>
427
+
428
+ <td>
429
+ No
430
+ </td>
431
+
432
+
433
+ </tr>
434
+ </tbody>
435
+ </table>
436
+ </div>
437
+ <div>
438
+ </div>
439
+ <div class="io-description">
440
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
441
+
442
+ </div>
443
+ <div class="io-description">
444
+
445
+ </div>
446
+ </td>
447
+ </tr>
448
+ </tbody>
449
+ </table>
450
+ </section>
339
451
 
340
452
 
341
453
  </div>
@@ -355,7 +467,7 @@ import { Tag } from &quot;./tag.component&quot;;
355
467
  template: &#x60;
356
468
  &lt;ng-content&gt;&lt;/ng-content&gt;
357
469
  &lt;svg
358
- (click)&#x3D;&quot;close.emit()&quot;
470
+ (click)&#x3D;&quot;onClose($event)&quot;
359
471
  focusable&#x3D;&quot;false&quot;
360
472
  preserveAspectRatio&#x3D;&quot;xMidYMid meet&quot;
361
473
  style&#x3D;&quot;will-change: transform;&quot;
@@ -375,6 +487,21 @@ export class TagFilter extends Tag {
375
487
  */
376
488
  @Output() close &#x3D; new EventEmitter&lt;any&gt;();
377
489
 
490
+ /**
491
+ * We need to stop the immedate propagation of click on the close button
492
+ * to prevent undesired effects when used within dialogs.
493
+ *
494
+ * We need to emit a click event on close to allow for clicks to be listened
495
+ * to on the immediate close button element.
496
+ */
497
+ @Output() click &#x3D; new EventEmitter&lt;any&gt;();
498
+
499
+ onClose(event) {
500
+ event.stopImmediatePropagation();
501
+ this.click.emit();
502
+ this.close.emit();
503
+ }
504
+
378
505
  @HostBinding(&quot;attr.class&quot;) get attrClass() {
379
506
  return &#x60;bx--tag bx--tag--filter bx--tag--${this.type} ${this.class}&#x60;;
380
507
  }
@@ -409,7 +536,7 @@ export class TagFilter extends Tag {
409
536
  <script src="../js/libs/htmlparser.js"></script>
410
537
  <script src="../js/libs/deep-iterator.js"></script>
411
538
  <script>
412
- var COMPONENT_TEMPLATE = '<div><ng-content></ng-content><svg (click)="close.emit()" focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" aria-label="Clear filter" width="16" height="16" viewBox="0 0 16 16" role="img"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path></svg> </div>'
539
+ var COMPONENT_TEMPLATE = '<div><ng-content></ng-content><svg (click)="onClose($event)" focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" aria-label="Clear filter" width="16" height="16" viewBox="0 0 16 16" role="img"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path></svg> </div>'
413
540
  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'}];
414
541
  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]'}];
415
542
  var ACTUAL_COMPONENT = {'name': 'TagFilter'};
@@ -890,9 +890,9 @@
890
890
  <td>
891
891
  DropdownList
892
892
  </td>
893
- <td align="right" data-sort="90">
894
- <span class="coverage-percent">90 %</span>
895
- <span class="coverage-count">(39/43)</span>
893
+ <td align="right" data-sort="88">
894
+ <span class="coverage-percent">88 %</span>
895
+ <span class="coverage-count">(39/44)</span>
896
896
  </td>
897
897
  </tr>
898
898
  <tr class="very-good">
@@ -1802,9 +1802,9 @@
1802
1802
  <td>
1803
1803
  Pagination
1804
1804
  </td>
1805
- <td align="right" data-sort="37">
1806
- <span class="coverage-percent">37 %</span>
1807
- <span class="coverage-count">(9/24)</span>
1805
+ <td align="right" data-sort="36">
1806
+ <span class="coverage-percent">36 %</span>
1807
+ <span class="coverage-count">(9/25)</span>
1808
1808
  </td>
1809
1809
  </tr>
1810
1810
  <tr class="low">
@@ -1820,7 +1820,7 @@
1820
1820
  </td>
1821
1821
  <td align="right" data-sort="0">
1822
1822
  <span class="coverage-percent">0 %</span>
1823
- <span class="coverage-count">(0/8)</span>
1823
+ <span class="coverage-count">(0/10)</span>
1824
1824
  </td>
1825
1825
  </tr>
1826
1826
  <tr class="very-good">
@@ -2031,7 +2031,7 @@
2031
2031
  <span class="coverage-count">(6/6)</span>
2032
2032
  </td>
2033
2033
  </tr>
2034
- <tr class="good">
2034
+ <tr class="very-good">
2035
2035
  <td>
2036
2036
  <!-- miscellaneous -->
2037
2037
  <a href="./components/Search.html">src/search/search.component.ts</a>
@@ -2042,9 +2042,9 @@
2042
2042
  <td>
2043
2043
  Search
2044
2044
  </td>
2045
- <td align="right" data-sort="75">
2046
- <span class="coverage-percent">75 %</span>
2047
- <span class="coverage-count">(27/36)</span>
2045
+ <td align="right" data-sort="76">
2046
+ <span class="coverage-percent">76 %</span>
2047
+ <span class="coverage-count">(29/38)</span>
2048
2048
  </td>
2049
2049
  </tr>
2050
2050
  <tr class="good">
@@ -2730,9 +2730,9 @@
2730
2730
  <td>
2731
2731
  TableToolbarSearch
2732
2732
  </td>
2733
- <td align="right" data-sort="62">
2734
- <span class="coverage-percent">62 %</span>
2735
- <span class="coverage-count">(25/40)</span>
2733
+ <td align="right" data-sort="64">
2734
+ <span class="coverage-percent">64 %</span>
2735
+ <span class="coverage-count">(27/42)</span>
2736
2736
  </td>
2737
2737
  </tr>
2738
2738
  <tr class="low">
@@ -2858,9 +2858,9 @@
2858
2858
  <td>
2859
2859
  TagFilter
2860
2860
  </td>
2861
- <td align="right" data-sort="33">
2862
- <span class="coverage-percent">33 %</span>
2863
- <span class="coverage-count">(2/6)</span>
2861
+ <td align="right" data-sort="37">
2862
+ <span class="coverage-percent">37 %</span>
2863
+ <span class="coverage-count">(3/8)</span>
2864
2864
  </td>
2865
2865
  </tr>
2866
2866
  <tr class="medium">
@@ -87,17 +87,23 @@
87
87
  <li>
88
88
  <a href="#ITEMS_PER_PAGE">ITEMS_PER_PAGE</a>
89
89
  </li>
90
+ <li>
91
+ <a href="#OF_LAST_PAGE">OF_LAST_PAGE</a>
92
+ </li>
90
93
  <li>
91
94
  <a href="#OF_LAST_PAGES">OF_LAST_PAGES</a>
92
95
  </li>
93
96
  <li>
94
97
  <a href="#OPEN_LIST_OF_OPTIONS">OPEN_LIST_OF_OPTIONS</a>
95
98
  </li>
99
+ <li>
100
+ <a href="#TOTAL_ITEM">TOTAL_ITEM</a>
101
+ </li>
96
102
  <li>
97
103
  <a href="#TOTAL_ITEMS">TOTAL_ITEMS</a>
98
104
  </li>
99
105
  <li>
100
- <a href="#TOTAL_PAGES">TOTAL_PAGES</a>
106
+ <a href="#TOTAL_ITEMS_UNKNOWN">TOTAL_ITEMS_UNKNOWN</a>
101
107
  </li>
102
108
  </ul>
103
109
  </td>
@@ -195,6 +201,35 @@
195
201
 
196
202
 
197
203
 
204
+ </tbody>
205
+ </table>
206
+ <table class="table table-sm table-bordered">
207
+ <tbody>
208
+ <tr>
209
+ <td class="col-md-4">
210
+ <a name="OF_LAST_PAGE"></a>
211
+ <span class="name"><b>OF_LAST_PAGE</b><a href="#OF_LAST_PAGE"><span class="icon ion-ios-link"></span></a></span>
212
+ </td>
213
+ </tr>
214
+ <tr>
215
+ <td class="col-md-4">
216
+ <code>OF_LAST_PAGE: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
217
+ </code>
218
+ </td>
219
+ </tr>
220
+
221
+
222
+ <tr>
223
+ <td class="col-md-4">
224
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
225
+
226
+ </td>
227
+ </tr>
228
+
229
+
230
+
231
+
232
+
198
233
  </tbody>
199
234
  </table>
200
235
  <table class="table table-sm table-bordered">
@@ -253,6 +288,35 @@
253
288
 
254
289
 
255
290
 
291
+ </tbody>
292
+ </table>
293
+ <table class="table table-sm table-bordered">
294
+ <tbody>
295
+ <tr>
296
+ <td class="col-md-4">
297
+ <a name="TOTAL_ITEM"></a>
298
+ <span class="name"><b>TOTAL_ITEM</b><a href="#TOTAL_ITEM"><span class="icon ion-ios-link"></span></a></span>
299
+ </td>
300
+ </tr>
301
+ <tr>
302
+ <td class="col-md-4">
303
+ <code>TOTAL_ITEM: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
304
+ </code>
305
+ </td>
306
+ </tr>
307
+
308
+
309
+ <tr>
310
+ <td class="col-md-4">
311
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
312
+
313
+ </td>
314
+ </tr>
315
+
316
+
317
+
318
+
319
+
256
320
  </tbody>
257
321
  </table>
258
322
  <table class="table table-sm table-bordered">
@@ -288,13 +352,13 @@
288
352
  <tbody>
289
353
  <tr>
290
354
  <td class="col-md-4">
291
- <a name="TOTAL_PAGES"></a>
292
- <span class="name"><b>TOTAL_PAGES</b><a href="#TOTAL_PAGES"><span class="icon ion-ios-link"></span></a></span>
355
+ <a name="TOTAL_ITEMS_UNKNOWN"></a>
356
+ <span class="name"><b>TOTAL_ITEMS_UNKNOWN</b><a href="#TOTAL_ITEMS_UNKNOWN"><span class="icon ion-ios-link"></span></a></span>
293
357
  </td>
294
358
  </tr>
295
359
  <tr>
296
360
  <td class="col-md-4">
297
- <code>TOTAL_PAGES: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
361
+ <code>TOTAL_ITEMS_UNKNOWN: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
298
362
  </code>
299
363
  </td>
300
364
  </tr>
@@ -335,9 +399,11 @@ export interface PaginationTranslations {
335
399
  OPEN_LIST_OF_OPTIONS: string;
336
400
  BACKWARD: string;
337
401
  FORWARD: string;
402
+ TOTAL_ITEMS_UNKNOWN: string;
338
403
  TOTAL_ITEMS: string;
339
- TOTAL_PAGES: string;
404
+ TOTAL_ITEM: string;
340
405
  OF_LAST_PAGES: string;
406
+ OF_LAST_PAGE: string;
341
407
  }
342
408
 
343
409
  /**
@@ -408,7 +474,10 @@ export interface PaginationTranslations {
408
474
  [attr.ariaLabel]&#x3D;&quot;optionsListText.subject | async&quot;&gt;
409
475
  &lt;/svg&gt;
410
476
  &lt;/div&gt;
411
- &lt;span *ngIf&#x3D;&quot;!pagesUnknown&quot; class&#x3D;&quot;bx--pagination__text&quot;&gt;
477
+ &lt;span *ngIf&#x3D;&quot;!pagesUnknown &amp;&amp; totalDataLength &lt;&#x3D; 1&quot; class&#x3D;&quot;bx--pagination__text&quot;&gt;
478
+ {{totalItemText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}
479
+ &lt;/span&gt;
480
+ &lt;span *ngIf&#x3D;&quot;!pagesUnknown &amp;&amp; totalDataLength &gt; 1&quot; class&#x3D;&quot;bx--pagination__text&quot;&gt;
412
481
  &lt;span *ngIf&#x3D;&quot;!isExperimental&quot;&gt;|&amp;nbsp;&lt;/span&gt;
413
482
  {{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}
414
483
  &lt;/span&gt;
@@ -460,7 +529,10 @@ export interface PaginationTranslations {
460
529
  &lt;/svg&gt;
461
530
  &lt;/div&gt;
462
531
 
463
- &lt;span *ngIf&#x3D;&quot;!pagesUnknown&quot; class&#x3D;&quot;bx--pagination__text&quot;&gt;
532
+ &lt;span *ngIf&#x3D;&quot;!pagesUnknown &amp;&amp; lastPage &lt;&#x3D; 1&quot; class&#x3D;&quot;bx--pagination__text&quot;&gt;
533
+ {{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}}
534
+ &lt;/span&gt;
535
+ &lt;span *ngIf&#x3D;&quot;!pagesUnknown &amp;&amp; lastPage &gt; 1&quot; class&#x3D;&quot;bx--pagination__text&quot;&gt;
464
536
  {{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}}
465
537
  &lt;/span&gt;
466
538
  &lt;span *ngIf&#x3D;&quot;pagesUnknown&quot; class&#x3D;&quot;bx--pagination__text&quot;&gt;
@@ -526,9 +598,11 @@ export class Pagination {
526
598
  * &quot;OPEN_LIST_OF_OPTIONS&quot;: &quot;Open list of options&quot;,
527
599
  * &quot;BACKWARD&quot;: &quot;Backward&quot;,
528
600
  * &quot;FORWARD&quot;: &quot;Forward&quot;,
601
+ * &quot;TOTAL_ITEMS_UNKNOWN&quot;: &quot;{{start}}-{{end}} items&quot;,
529
602
  * &quot;TOTAL_ITEMS&quot;: &quot;{{start}}-{{end}} of {{total}} items&quot;,
530
- * &quot;TOTAL_PAGES&quot;: &quot;{{current}} of {{last}} pages&quot;,
531
- * &quot;OF_LAST_PAGES&quot;: &quot;of {{last}} pages&quot;
603
+ * &quot;TOTAL_ITEM&quot;: &quot;{{start}}-{{end}} of {{total}} item&quot;,
604
+ * &quot;OF_LAST_PAGES&quot;: &quot;of {{last}} pages&quot;,
605
+ * &quot;OF_LAST_PAGE&quot;: &quot;of {{last}} page&quot;,
532
606
  * }
533
607
  * &#x60;&#x60;&#x60;
534
608
  */
@@ -540,10 +614,11 @@ export class Pagination {
540
614
  this.backwardText.override(valueWithDefaults.BACKWARD);
541
615
  this.forwardText.override(valueWithDefaults.FORWARD);
542
616
  this.totalItemsText.override(valueWithDefaults.TOTAL_ITEMS);
617
+ this.totalItemText.override(valueWithDefaults.TOTAL_ITEM);
543
618
  this.totalItemsUnknownText.override(valueWithDefaults.TOTAL_ITEMS_UNKNOWN);
544
- this.totalPagesText.override(valueWithDefaults.TOTAL_PAGES);
545
619
  this.pageText.override(valueWithDefaults.PAGE);
546
620
  this.ofLastPagesText.override(valueWithDefaults.OF_LAST_PAGES);
621
+ this.ofLastPageText.override(valueWithDefaults.OF_LAST_PAGE);
547
622
  }
548
623
 
549
624
  /**
@@ -634,10 +709,11 @@ export class Pagination {
634
709
  backwardText &#x3D; this.i18n.getOverridable(&quot;PAGINATION.BACKWARD&quot;);
635
710
  forwardText &#x3D; this.i18n.getOverridable(&quot;PAGINATION.FORWARD&quot;);
636
711
  totalItemsText &#x3D; this.i18n.getOverridable(&quot;PAGINATION.TOTAL_ITEMS&quot;);
712
+ totalItemText &#x3D; this.i18n.getOverridable(&quot;PAGINATION.TOTAL_ITEM&quot;);
637
713
  totalItemsUnknownText &#x3D; this.i18n.getOverridable(&quot;PAGINATION.TOTAL_ITEMS_UNKNOWN&quot;);
638
- totalPagesText &#x3D; this.i18n.getOverridable(&quot;PAGINATION.TOTAL_PAGES&quot;);
639
714
  pageText &#x3D; this.i18n.getOverridable(&quot;PAGINATION.PAGE&quot;);
640
715
  ofLastPagesText &#x3D; this.i18n.getOverridable(&quot;PAGINATION.OF_LAST_PAGES&quot;);
716
+ ofLastPageText &#x3D; this.i18n.getOverridable(&quot;PAGINATION.OF_LAST_PAGE&quot;);
641
717
 
642
718
  protected _pageOptions &#x3D; [];
643
719