@carbon/ibmdotcom-web-components 1.42.0 → 1.43.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.
Files changed (285) hide show
  1. package/README.md +9 -0
  2. package/custom-elements.json +72 -0
  3. package/dist/{20-226f5235.js → 20-2716deb2.js} +2 -2
  4. package/dist/{20-ae232adb.js → 20-64562b76.js} +2 -2
  5. package/dist/{20-42be8940.js → 20-83838405.js} +2 -2
  6. package/dist/{20-8a571bed.js → 20-ab55acde.js} +2 -2
  7. package/dist/cloud-masthead.js +3 -3
  8. package/dist/cloud-masthead.min.js +2 -2
  9. package/dist/cloud-masthead.rtl.js +3 -3
  10. package/dist/cloud-masthead.rtl.min.js +2 -2
  11. package/dist/dotcom-shell.js +3 -3
  12. package/dist/dotcom-shell.min.js +2 -2
  13. package/dist/dotcom-shell.rtl.js +3 -3
  14. package/dist/dotcom-shell.rtl.min.js +2 -2
  15. package/dist/ibmdotcom-web-components-dotcom-shell.js +5 -5
  16. package/dist/ibmdotcom-web-components-dotcom-shell.min.js +3 -3
  17. package/dist/ibmdotcom-web-components-dotcom-shell.rtl.js +5 -5
  18. package/dist/ibmdotcom-web-components-dotcom-shell.rtl.min.js +3 -3
  19. package/dist/{left-nav-menu-1eb13169.js → left-nav-menu-9f192b6a.js} +2 -2
  20. package/dist/{left-nav-menu-5967755b.js → left-nav-menu-b5b824b1.js} +2 -2
  21. package/dist/{left-nav-menu-31a63b5b.js → left-nav-menu-b8935343.js} +2 -2
  22. package/dist/{left-nav-menu-category-heading-6afd1369.js → left-nav-menu-category-heading-2151023a.js} +2 -2
  23. package/dist/{left-nav-menu-category-heading-091bc278.js → left-nav-menu-category-heading-44c8f6f7.js} +2 -2
  24. package/dist/{left-nav-menu-category-heading-2e11cd21.js → left-nav-menu-category-heading-d4840d25.js} +2 -2
  25. package/dist/{left-nav-menu-category-heading-014fadcc.js → left-nav-menu-category-heading-f2b293f7.js} +2 -2
  26. package/dist/{left-nav-menu-d8304fbf.js → left-nav-menu-fdee16e0.js} +3 -3
  27. package/dist/{left-nav-menu-item-529a1af3.js → left-nav-menu-item-083b6a60.js} +2 -2
  28. package/dist/{left-nav-menu-item-14105283.js → left-nav-menu-item-4db75af5.js} +2 -2
  29. package/dist/{left-nav-menu-item-c57e5c9c.js → left-nav-menu-item-adb8dff3.js} +2 -2
  30. package/dist/{left-nav-menu-item-e558aaee.js → left-nav-menu-item-c0c65628.js} +2 -2
  31. package/dist/{left-nav-menu-section-4ed4e94a.js → left-nav-menu-section-08f384fd.js} +3 -3
  32. package/dist/{left-nav-menu-section-1a28faa0.js → left-nav-menu-section-c2a1358d.js} +2 -2
  33. package/dist/{left-nav-menu-section-5153130f.js → left-nav-menu-section-e9a17f84.js} +2 -2
  34. package/dist/{left-nav-menu-section-86854ca9.js → left-nav-menu-section-edda8473.js} +3 -3
  35. package/dist/{left-nav-overlay-2e10dacf.js → left-nav-overlay-0f3c987e.js} +2 -2
  36. package/dist/{left-nav-overlay-e23650aa.js → left-nav-overlay-59f2c4e7.js} +2 -2
  37. package/dist/{left-nav-overlay-fe853cf1.js → left-nav-overlay-7d97eb65.js} +2 -2
  38. package/dist/{left-nav-overlay-e8b1c8ed.js → left-nav-overlay-b705c6f4.js} +2 -2
  39. package/dist/{masthead-composite-229eb3ea.js → masthead-composite-93d89a8c.js} +6 -6
  40. package/dist/{masthead-composite-dd5cd95d.js → masthead-composite-a2c406c2.js} +17 -17
  41. package/dist/{masthead-composite-b702d6b5.js → masthead-composite-b6d13251.js} +6 -6
  42. package/dist/{masthead-composite-67694b72.js → masthead-composite-d8992a4a.js} +17 -17
  43. package/dist/{megamenu-category-group-601d5533.js → megamenu-category-group-31f822ee.js} +2 -2
  44. package/dist/{megamenu-category-group-54aec7fc.js → megamenu-category-group-58dd20ca.js} +2 -2
  45. package/dist/{megamenu-category-group-6f35440c.js → megamenu-category-group-9f2f923b.js} +2 -2
  46. package/dist/{megamenu-category-group-copy-3c9066ea.js → megamenu-category-group-copy-08bc787f.js} +2 -2
  47. package/dist/{megamenu-category-group-copy-91810225.js → megamenu-category-group-copy-9b8b74d1.js} +2 -2
  48. package/dist/{megamenu-category-group-copy-223c9104.js → megamenu-category-group-copy-b74aa21a.js} +2 -2
  49. package/dist/{megamenu-category-group-copy-bf7d292d.js → megamenu-category-group-copy-e64634e9.js} +2 -2
  50. package/dist/{megamenu-category-group-5e211a32.js → megamenu-category-group-fabcfb04.js} +2 -2
  51. package/dist/{megamenu-category-link-7a7e19ef.js → megamenu-category-link-45c7c408.js} +2 -2
  52. package/dist/{megamenu-category-link-8e548c5f.js → megamenu-category-link-5557c650.js} +2 -2
  53. package/dist/{megamenu-category-link-9196e396.js → megamenu-category-link-cb3a06f4.js} +2 -2
  54. package/dist/{megamenu-category-link-942e0984.js → megamenu-category-link-d6dab016.js} +2 -2
  55. package/dist/{megamenu-left-navigation-661aafa7.js → megamenu-left-navigation-145786bd.js} +2 -2
  56. package/dist/{megamenu-left-navigation-f44ae637.js → megamenu-left-navigation-658c3d8c.js} +2 -2
  57. package/dist/{megamenu-left-navigation-a3b6fc6c.js → megamenu-left-navigation-b4dbb6f9.js} +2 -2
  58. package/dist/{megamenu-left-navigation-abb67d52.js → megamenu-left-navigation-f6dbf81a.js} +2 -2
  59. package/dist/{megamenu-overlay-9203abd8.js → megamenu-overlay-5c2e2cf9.js} +2 -2
  60. package/dist/{megamenu-overlay-1918b25e.js → megamenu-overlay-826a086d.js} +2 -2
  61. package/dist/{megamenu-overlay-965779d4.js → megamenu-overlay-aa9215c9.js} +2 -2
  62. package/dist/{megamenu-overlay-929abbb0.js → megamenu-overlay-c03042c5.js} +2 -2
  63. package/es/component-mixins/callout/callout.d.ts +1 -1
  64. package/es/component-mixins/cta/cta.d.ts +1 -1
  65. package/es/component-mixins/cta/video.d.ts +1 -1
  66. package/es/component-mixins/media-query/media-query.d.ts +1 -1
  67. package/es/component-mixins/parent-visibility/parent-visibility.d.ts +1 -1
  68. package/es/components/back-to-top/back-to-top.d.ts +2 -2
  69. package/es/components/button/button.d.ts +2 -2
  70. package/es/components/button-group/button-group.d.ts +1 -1
  71. package/es/components/callout-quote/callout-quote.d.ts +1 -1
  72. package/es/components/callout-with-media/callout-with-media.d.ts +2 -2
  73. package/es/components/card/card-eyebrow.d.ts +1 -1
  74. package/es/components/card/card-heading.d.ts +1 -1
  75. package/es/components/card/card.d.ts +1 -1
  76. package/es/components/card-group/card-group.d.ts +1 -1
  77. package/es/components/card-group/card-group.js +8 -5
  78. package/es/components/card-group/card-group.js.map +1 -1
  79. package/es/components/card-in-card/card-in-card.d.ts +1 -1
  80. package/es/components/card-section-offset/card-section-offset.d.ts +1 -1
  81. package/es/components/card-section-simple/card-section-simple.d.ts +1 -1
  82. package/es/components/carousel/carousel.d.ts +2 -2
  83. package/es/components/content-block/content-block-copy.d.ts +1 -1
  84. package/es/components/content-block/content-block-heading.d.ts +1 -1
  85. package/es/components/content-block/content-block-paragraph.d.ts +1 -1
  86. package/es/components/content-block/content-block.d.ts +1 -1
  87. package/es/components/content-block-card-static/content-block-card-static.d.ts +1 -1
  88. package/es/components/content-block-cards/content-block-cards.d.ts +1 -1
  89. package/es/components/content-block-headlines/content-block-headlines-heading.d.ts +1 -1
  90. package/es/components/content-block-headlines/content-block-headlines-item.d.ts +1 -1
  91. package/es/components/content-block-headlines/content-block-headlines.d.ts +1 -1
  92. package/es/components/content-block-media/content-block-media-content.d.ts +1 -1
  93. package/es/components/content-block-segmented/content-block-segmented-item.d.ts +1 -1
  94. package/es/components/content-block-simple/content-block-simple.d.ts +1 -1
  95. package/es/components/content-group/content-group-copy.d.ts +1 -1
  96. package/es/components/content-group/content-group-heading.d.ts +1 -1
  97. package/es/components/content-group/content-group-paragraph.d.ts +1 -1
  98. package/es/components/content-group/content-group.d.ts +1 -1
  99. package/es/components/content-group-banner/content-group-banner.d.ts +1 -1
  100. package/es/components/content-group-cards/content-group-cards-item.d.ts +1 -1
  101. package/es/components/content-group-simple/content-group-simple.d.ts +1 -1
  102. package/es/components/content-item/content-item-copy.d.ts +1 -1
  103. package/es/components/content-item/content-item-heading.d.ts +1 -1
  104. package/es/components/content-item/content-item-paragraph.d.ts +1 -1
  105. package/es/components/content-item/content-item.d.ts +1 -1
  106. package/es/components/content-item-horizontal/content-item-horizontal-copy.d.ts +1 -1
  107. package/es/components/content-item-horizontal/content-item-horizontal-eyebrow.d.ts +1 -1
  108. package/es/components/content-item-horizontal/content-item-horizontal-media-copy.d.ts +1 -1
  109. package/es/components/content-item-horizontal/content-item-horizontal-media.d.ts +1 -1
  110. package/es/components/content-item-horizontal/content-item-horizontal-thumbnail-copy.d.ts +1 -1
  111. package/es/components/content-section/content-section-copy.d.ts +1 -1
  112. package/es/components/content-section/content-section-heading.d.ts +1 -1
  113. package/es/components/content-section/content-section.d.ts +1 -1
  114. package/es/components/cta/button-cta.d.ts +2 -2
  115. package/es/components/cta/card-cta-footer.d.ts +2 -2
  116. package/es/components/cta/card-cta.d.ts +2 -2
  117. package/es/components/cta/card-link-cta.d.ts +2 -2
  118. package/es/components/cta/cta.d.ts +2 -2
  119. package/es/components/cta/feature-cta-footer.d.ts +2 -2
  120. package/es/components/cta/feature-cta.d.ts +2 -2
  121. package/es/components/cta/text-cta.d.ts +2 -2
  122. package/es/components/cta/video-cta-composite.d.ts +2 -2
  123. package/es/components/cta/video-cta-container.d.ts +2 -2
  124. package/es/components/cta-block/cta-block-item-row.d.ts +2 -2
  125. package/es/components/cta-block/cta-block-item.d.ts +1 -1
  126. package/es/components/cta-block/cta-block.d.ts +1 -1
  127. package/es/components/cta-section/cta-section.d.ts +1 -1
  128. package/es/components/dotcom-shell/dotcom-shell-container.d.ts +1 -1
  129. package/es/components/dotcom-shell/dotcom-shell.d.ts +1 -1
  130. package/es/components/expressive-modal/expressive-modal-body.d.ts +1 -1
  131. package/es/components/expressive-modal/expressive-modal-close-button.d.ts +1 -1
  132. package/es/components/expressive-modal/expressive-modal-footer.d.ts +1 -1
  133. package/es/components/expressive-modal/expressive-modal-header.d.ts +1 -1
  134. package/es/components/expressive-modal/expressive-modal-heading.d.ts +1 -1
  135. package/es/components/expressive-modal/expressive-modal.d.ts +2 -2
  136. package/es/components/feature-card/feature-card.d.ts +1 -1
  137. package/es/components/feature-section/feature-section.d.ts +1 -1
  138. package/es/components/filter-panel/filter-group-item.d.ts +1 -1
  139. package/es/components/filter-panel/filter-group.d.ts +1 -1
  140. package/es/components/filter-panel/filter-modal-button.d.ts +1 -1
  141. package/es/components/filter-panel/filter-modal-footer.d.ts +1 -1
  142. package/es/components/filter-panel/filter-modal-heading.d.ts +1 -1
  143. package/es/components/filter-panel/filter-panel-checkbox.d.ts +2 -2
  144. package/es/components/filter-panel/filter-panel-composite.d.ts +3 -3
  145. package/es/components/filter-panel/filter-panel-heading.d.ts +1 -1
  146. package/es/components/filter-panel/filter-panel-input-select-item.d.ts +2 -2
  147. package/es/components/filter-panel/filter-panel-input-select.d.ts +2 -2
  148. package/es/components/filter-panel/filter-panel-modal.d.ts +2 -2
  149. package/es/components/filter-panel/filter-panel.d.ts +2 -2
  150. package/es/components/footer/footer-composite.d.ts +4 -4
  151. package/es/components/footer/footer-container.d.ts +1 -1
  152. package/es/components/footer/footer-logo.d.ts +2 -2
  153. package/es/components/footer/footer-nav-group.d.ts +2 -2
  154. package/es/components/footer/footer-nav.d.ts +1 -1
  155. package/es/components/footer/footer.d.ts +1 -1
  156. package/es/components/footer/language-selector-desktop.d.ts +1 -1
  157. package/es/components/footer/legal-nav-cookie-preferences-placeholder.d.ts +1 -1
  158. package/es/components/footer/legal-nav.d.ts +1 -1
  159. package/es/components/footer/locale-button.d.ts +2 -2
  160. package/es/components/horizontal-rule/horizontal-rule.d.ts +1 -1
  161. package/es/components/image/image-item.d.ts +1 -1
  162. package/es/components/image/image.d.ts +3 -3
  163. package/es/components/leadspace/breadcrumb-item.d.ts +1 -1
  164. package/es/components/leadspace/breadcrumb-link.d.ts +1 -1
  165. package/es/components/leadspace/breadcrumb.d.ts +1 -1
  166. package/es/components/leadspace/leadspace-heading.d.ts +1 -1
  167. package/es/components/leadspace/leadspace-image.d.ts +1 -1
  168. package/es/components/leadspace/leadspace.d.ts +1 -1
  169. package/es/components/leadspace/leadspace.js +5 -2
  170. package/es/components/leadspace/leadspace.js.map +1 -1
  171. package/es/components/leadspace-block/leadspace-block-cta.d.ts +1 -1
  172. package/es/components/leadspace-block/leadspace-block-heading.d.ts +1 -1
  173. package/es/components/leadspace-block/leadspace-block-media.d.ts +1 -1
  174. package/es/components/leadspace-block/leadspace-block.d.ts +1 -1
  175. package/es/components/leadspace-with-search/leadspace-with-search-content-copy.d.ts +1 -1
  176. package/es/components/leadspace-with-search/leadspace-with-search-content-heading.d.ts +1 -1
  177. package/es/components/leadspace-with-search/leadspace-with-search-content.d.ts +1 -1
  178. package/es/components/leadspace-with-search/leadspace-with-search-heading.d.ts +1 -1
  179. package/es/components/leadspace-with-search/leadspace-with-search.d.ts +1 -1
  180. package/es/components/leaving-ibm/leaving-ibm-composite.d.ts +2 -2
  181. package/es/components/leaving-ibm/leaving-ibm-container.d.ts +1 -1
  182. package/es/components/leaving-ibm/leaving-ibm-modal-body.d.ts +1 -1
  183. package/es/components/leaving-ibm/leaving-ibm-modal-heading.d.ts +1 -1
  184. package/es/components/leaving-ibm/leaving-ibm-modal-supplemental.d.ts +1 -1
  185. package/es/components/leaving-ibm/leaving-ibm-modal.d.ts +1 -1
  186. package/es/components/lightbox-media-viewer/lightbox-media-viewer-body.d.ts +1 -1
  187. package/es/components/lightbox-media-viewer/lightbox-video-player-composite.d.ts +1 -1
  188. package/es/components/lightbox-media-viewer/lightbox-video-player-container.d.ts +2 -2
  189. package/es/components/link-list/link-list-heading.d.ts +1 -1
  190. package/es/components/link-list/link-list.d.ts +1 -1
  191. package/es/components/link-list-section/link-list-section.d.ts +1 -1
  192. package/es/components/link-with-icon/link-with-icon.d.ts +1 -1
  193. package/es/components/locale-modal/locale-modal-composite.d.ts +2 -2
  194. package/es/components/locale-modal/locale-modal-container.d.ts +1 -1
  195. package/es/components/locale-modal/locale-search.d.ts +2 -2
  196. package/es/components/locale-modal/regions.d.ts +1 -1
  197. package/es/components/logo-grid/logo-grid-item.d.ts +1 -1
  198. package/es/components/logo-grid/logo-grid-link.d.ts +1 -1
  199. package/es/components/logo-grid/logo-grid.d.ts +1 -1
  200. package/es/components/masthead/cloud/cloud-masthead-container.d.ts +1 -1
  201. package/es/components/masthead/left-nav-menu-section.d.ts +2 -2
  202. package/es/components/masthead/left-nav-menu.d.ts +1 -1
  203. package/es/components/masthead/left-nav.d.ts +1 -1
  204. package/es/components/masthead/masthead-composite.d.ts +1 -1
  205. package/es/components/masthead/masthead-container.d.ts +1 -1
  206. package/es/components/masthead/masthead-global-bar.d.ts +3 -3
  207. package/es/components/masthead/masthead-l1-name.d.ts +1 -1
  208. package/es/components/masthead/masthead-l1.d.ts +1 -1
  209. package/es/components/masthead/masthead-logo.d.ts +3 -3
  210. package/es/components/masthead/masthead-menu-button.d.ts +1 -1
  211. package/es/components/masthead/masthead-profile.d.ts +3 -3
  212. package/es/components/masthead/masthead.d.ts +1 -1
  213. package/es/components/masthead/megamenu.d.ts +1 -1
  214. package/es/components/masthead/top-nav.d.ts +2 -2
  215. package/es/components/notice-choice/notice-choice.d.ts +1 -1
  216. package/es/components/pictogram-item/pictogram-item.d.ts +1 -1
  217. package/es/components/pricing-table/pricing-table-annotation-toggle.d.ts +2 -2
  218. package/es/components/pricing-table/pricing-table-annotation-toggle.js +1 -1
  219. package/es/components/pricing-table/pricing-table-annotation-toggle.js.map +1 -1
  220. package/es/components/pricing-table/pricing-table-body.d.ts +1 -1
  221. package/es/components/pricing-table/pricing-table-cell-annotation.d.ts +1 -1
  222. package/es/components/pricing-table/pricing-table-cell.d.ts +2 -2
  223. package/es/components/pricing-table/pricing-table-group.d.ts +1 -1
  224. package/es/components/pricing-table/pricing-table-head.d.ts +1 -1
  225. package/es/components/pricing-table/pricing-table-header-cell-caption.d.ts +1 -1
  226. package/es/components/pricing-table/pricing-table-header-cell-cta.d.ts +1 -1
  227. package/es/components/pricing-table/pricing-table-header-cell-description.d.ts +1 -1
  228. package/es/components/pricing-table/pricing-table-header-cell-headline.d.ts +1 -1
  229. package/es/components/pricing-table/pricing-table-header-cell-tag.d.ts +1 -1
  230. package/es/components/pricing-table/pricing-table-header-cell.d.ts +1 -1
  231. package/es/components/pricing-table/pricing-table-header-row.d.ts +1 -1
  232. package/es/components/pricing-table/pricing-table-highlight-label.d.ts +1 -1
  233. package/es/components/pricing-table/pricing-table-row.d.ts +1 -1
  234. package/es/components/pricing-table/pricing-table.css.js +1 -1
  235. package/es/components/pricing-table/pricing-table.d.ts +2 -2
  236. package/es/components/pricing-table/pricing-table.rtl.css.js +1 -1
  237. package/es/components/quote/quote.d.ts +1 -1
  238. package/es/components/scroll-animations/scroll-animations.d.ts +1 -1
  239. package/es/components/search-with-typeahead/search-with-typeahead.d.ts +2 -2
  240. package/es/components/structured-list/structured-list-group.d.ts +1 -1
  241. package/es/components/structured-list/structured-list.d.ts +1 -1
  242. package/es/components/table-of-contents/table-of-contents.d.ts +2 -2
  243. package/es/components/tabs-extended/tab.d.ts +2 -2
  244. package/es/components/tabs-extended/tab.js.map +1 -1
  245. package/es/components/tabs-extended/tabs-extended.d.ts +6 -4
  246. package/es/components/tabs-extended/tabs-extended.js +19 -1
  247. package/es/components/tabs-extended/tabs-extended.js.map +1 -1
  248. package/es/components/tag-group/tag-group.d.ts +1 -1
  249. package/es/components/tag-link/tag-link.d.ts +1 -1
  250. package/es/components/universal-banner/universal-banner-copy.d.ts +1 -1
  251. package/es/components/universal-banner/universal-banner-heading.d.ts +1 -1
  252. package/es/components/universal-banner/universal-banner.d.ts +1 -1
  253. package/es/components/video-player/video-player-composite.d.ts +2 -2
  254. package/es/components/video-player/video-player-container.d.ts +3 -3
  255. package/es/components/video-player/video-player-container.js +11 -0
  256. package/es/components/video-player/video-player-container.js.map +1 -1
  257. package/es/components/video-player/video-player.d.ts +3 -3
  258. package/es/globals/mixins/connect.d.ts +1 -1
  259. package/es/globals/mixins/hybrid-render.d.ts +1 -1
  260. package/es/globals/mixins/modal-render.d.ts +1 -1
  261. package/es/globals/mixins/stable-selector.d.ts +1 -1
  262. package/es/globals/mixins/throttled-input.d.ts +1 -1
  263. package/es/internal/vendor/@carbon/ibmdotcom-services/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  264. package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  265. package/es/internal/vendor/@carbon/web-components/components/pagination-nav/index.d.ts +11 -0
  266. package/es/internal/vendor/@carbon/web-components/components/pagination-nav/index.js +11 -0
  267. package/es/internal/vendor/@carbon/web-components/components/pagination-nav/index.js.map +1 -0
  268. package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.css.js +12 -0
  269. package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.d.ts +94 -0
  270. package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.js +438 -0
  271. package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.js.map +1 -0
  272. package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.rtl.css.js +12 -0
  273. package/es/internal/vendor/@carbon/web-components/components-react/pagination-nav/index.d.ts +14 -0
  274. package/es/internal/vendor/@carbon/web-components/components-react/pagination-nav/index.js +8 -0
  275. package/es/internal/vendor/@carbon/web-components/components-react/pagination-nav/pagination-nav.d.ts +39 -0
  276. package/es/internal/vendor/@carbon/web-components/components-react/pagination-nav/pagination-nav.js +46 -0
  277. package/es/internal/vendor/@carbon/web-components/icons/caret--left/16.js +1 -1
  278. package/es/internal/vendor/@carbon/web-components/icons/caret--right/16.js +1 -1
  279. package/es/internal/vendor/@carbon/web-components/icons/overflow-menu--horizontal/16.js +1 -1
  280. package/lib/internal/vendor/@carbon/ibmdotcom-services/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  281. package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  282. package/lib/internal/vendor/@carbon/web-components/components-react-node/pagination-nav/index.js +9 -0
  283. package/lib/internal/vendor/@carbon/web-components/components-react-node/pagination-nav/pagination-nav.js +78 -0
  284. package/package.json +10 -9
  285. package/telemetry.yml +9 -0
@@ -0,0 +1,438 @@
1
+ import _decorate from "@babel/runtime/helpers/esm/decorate";
2
+ import _get from "@babel/runtime/helpers/esm/get";
3
+ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
4
+ let _ = t => t,
5
+ _t,
6
+ _t2,
7
+ _t3,
8
+ _t4;
9
+ /**
10
+ * @license
11
+ *
12
+ * Copyright IBM Corp. 2019, 2023
13
+ *
14
+ * This source code is licensed under the Apache-2.0 license found in the
15
+ * LICENSE file in the root directory of this source tree.
16
+ */
17
+
18
+ import { LitElement, property, html } from 'lit-element';
19
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
20
+ import settings from 'carbon-components/es/globals/js/settings';
21
+ import styles from "././pagination-nav.css.js";
22
+ import { classMap } from 'lit-html/directives/class-map';
23
+ import CaretRight16 from "../../icons/caret--right/16";
24
+ import CaretLeft16 from "../../icons/caret--left/16";
25
+ import OverflowMenu from "../../icons/overflow-menu--horizontal/16";
26
+ const {
27
+ prefix
28
+ } = settings;
29
+
30
+ /**
31
+ * Pagination Navigation.
32
+ *
33
+ * @element bx-pagination-nav
34
+ * @fires bx-page-changed - The custom event fired when the the page has been changed.
35
+ */
36
+ let BXPaginationNav = _decorate([customElement(`${prefix}-pagination-nav`)], function (_initialize, _LitElement) {
37
+ class BXPaginationNav extends _LitElement {
38
+ constructor(...args) {
39
+ super(...args);
40
+ _initialize(this);
41
+ }
42
+ }
43
+ return {
44
+ F: BXPaginationNav,
45
+ d: [{
46
+ kind: "field",
47
+ decorators: [property({
48
+ attribute: 'items-shown',
49
+ reflect: true,
50
+ type: Number
51
+ })],
52
+ key: "itemsShown",
53
+ value() {
54
+ return 1;
55
+ }
56
+ }, {
57
+ kind: "field",
58
+ decorators: [property({
59
+ attribute: 'loop',
60
+ type: Boolean
61
+ })],
62
+ key: "loop",
63
+ value() {
64
+ return false;
65
+ }
66
+ }, {
67
+ kind: "field",
68
+ decorators: [property({
69
+ attribute: 'page',
70
+ reflect: true,
71
+ type: Number
72
+ })],
73
+ key: "page",
74
+ value() {
75
+ return 0;
76
+ }
77
+ }, {
78
+ kind: "field",
79
+ decorators: [property({
80
+ attribute: 'total-items',
81
+ reflect: true,
82
+ type: Number
83
+ })],
84
+ key: "totalItems",
85
+ value() {
86
+ return 1;
87
+ }
88
+ }, {
89
+ kind: "field",
90
+ key: "_iterator",
91
+ value() {
92
+ return [];
93
+ }
94
+ }, {
95
+ kind: "method",
96
+ key: "shouldUpdate",
97
+ value:
98
+ /**
99
+ * The maxiumum number of items to show in pager nav.
100
+ * - includes overflow items
101
+ * - excludes prev/next buttons
102
+ * - minumum value of 5
103
+ */
104
+
105
+ /**
106
+ * Whether to allow looping between first/last pages.
107
+ */
108
+
109
+ /**
110
+ * Active page index (0-based).
111
+ */
112
+
113
+ /**
114
+ * Total number of pages
115
+ */
116
+
117
+ /**
118
+ * Array allowing us to map out the items
119
+ * - Prefer showing this.count
120
+ * - Maximum of this.visible
121
+ * - Minumum of 1
122
+ */
123
+
124
+ function shouldUpdate(changedProperties) {
125
+ // Prevent setting "itemsShown" to less than 5.
126
+ if (changedProperties.has('itemsShown') && this.itemsShown < 5) {
127
+ this.itemsShown = 5;
128
+ }
129
+
130
+ // Prevent setting "page" outside bounds of available pages.
131
+ if (changedProperties.has('count') || changedProperties.has('page')) {
132
+ if (this.page > this.totalItems) {
133
+ this.page = this.totalItems - 1;
134
+ }
135
+ if (this.page < 0) {
136
+ this.page = 0;
137
+ }
138
+ }
139
+ return true;
140
+ }
141
+
142
+ /**
143
+ * After values are updated, but before rendering, update the iterator.
144
+ *
145
+ * @param changedProperties map of previous values of changed properties
146
+ */
147
+ }, {
148
+ kind: "method",
149
+ key: "update",
150
+ value: function update(changedProperties) {
151
+ if (changedProperties.has('totalItems') || changedProperties.has('itemsShown') || changedProperties.has('page')) {
152
+ const {
153
+ totalItems,
154
+ itemsShown: visibleLimit,
155
+ page
156
+ } = this;
157
+ const {
158
+ calculateCuts
159
+ } = this.constructor;
160
+ const allItems = [...new Array(Math.max(totalItems, 1))].map((_u, i) => i);
161
+ let iterator;
162
+ if (allItems.length > visibleLimit) {
163
+ const first = allItems.shift();
164
+ const last = allItems.pop();
165
+ const {
166
+ front,
167
+ back
168
+ } = calculateCuts(page, allItems.length, visibleLimit - 2);
169
+ const upperGroup = allItems.splice(back);
170
+ const lowerGroup = allItems.splice(0, front);
171
+ const upper = upperGroup.length > 1 ? upperGroup : upperGroup[0];
172
+ const lower = lowerGroup.length > 1 ? lowerGroup : lowerGroup[0];
173
+ iterator = [first, lower, ...allItems, upper, last].filter(item => typeof item === 'number' || Array.isArray(item) && item.length);
174
+ } else {
175
+ iterator = allItems;
176
+ }
177
+ this._iterator = iterator;
178
+ }
179
+ _get(_getPrototypeOf(BXPaginationNav.prototype), "update", this).call(this, changedProperties);
180
+ }
181
+
182
+ /**
183
+ * After page is selected, dispatch event & ensure focus is on active page.
184
+ *
185
+ * @param changedProperties map of changed props.
186
+ */
187
+ }, {
188
+ kind: "method",
189
+ key: "updated",
190
+ value: function updated(changedProperties) {
191
+ if (changedProperties.has('page')) {
192
+ const {
193
+ pageChangedEvent
194
+ } = this.constructor;
195
+ const event = new CustomEvent(pageChangedEvent, {
196
+ bubbles: true,
197
+ cancelable: true,
198
+ composed: true,
199
+ detail: {
200
+ oldValue: changedProperties.get('page'),
201
+ newValue: this.page
202
+ }
203
+ });
204
+ this.dispatchEvent(event);
205
+ window.requestAnimationFrame(() => {
206
+ const activeItem = this.shadowRoot.querySelector('.bx--pagination-nav__page--active');
207
+ const focusedItem = this.shadowRoot.activeElement;
208
+ if (focusedItem) {
209
+ const isPrevNext = focusedItem.matches('button:not([value])');
210
+ const isActiveItem = focusedItem === activeItem;
211
+ if (!isPrevNext && !isActiveItem) {
212
+ activeItem.focus();
213
+ }
214
+ }
215
+ });
216
+ }
217
+ }
218
+
219
+ /**
220
+ * Sets the current page to a specified index.
221
+ *
222
+ * @param e the click event
223
+ */
224
+ }, {
225
+ kind: "method",
226
+ key: "setIndex",
227
+ value: function setIndex(e) {
228
+ const {
229
+ target
230
+ } = e;
231
+ const {
232
+ value
233
+ } = target;
234
+ this.page = parseInt(value);
235
+ if (target instanceof HTMLSelectElement) {
236
+ target.value = '';
237
+ }
238
+ }
239
+
240
+ /**
241
+ * Reduce current page by one, but no lower than 0.
242
+ */
243
+ }, {
244
+ kind: "method",
245
+ key: "decrementIndex",
246
+ value: function decrementIndex() {
247
+ const {
248
+ loop: canLoop,
249
+ page,
250
+ totalItems
251
+ } = this;
252
+ const wouldLoop = page - 1 < 0;
253
+ if (canLoop) {
254
+ this.page = wouldLoop ? totalItems - 1 : page - 1;
255
+ } else {
256
+ this.page = Math.max(this.page - 1, 0);
257
+ }
258
+ }
259
+
260
+ /**
261
+ * Increase current page by one, but no higher than (this.totalItems - 1).
262
+ */
263
+ }, {
264
+ kind: "method",
265
+ key: "incrementIndex",
266
+ value: function incrementIndex() {
267
+ const {
268
+ loop: canLoop,
269
+ page,
270
+ totalItems
271
+ } = this;
272
+ const wouldLoop = page + 1 >= totalItems;
273
+ if (canLoop) {
274
+ this.page = wouldLoop ? 0 : page + 1;
275
+ } else {
276
+ this.page = Math.min(this.page + 1, this.totalItems - 1);
277
+ }
278
+ }
279
+
280
+ /**
281
+ * Renders a single list item & button.
282
+ *
283
+ * @param i the index to render
284
+ * @returns Rendered item
285
+ */
286
+ }, {
287
+ kind: "method",
288
+ key: "renderIndividualItem",
289
+ value: function renderIndividualItem(i = 3) {
290
+ const {
291
+ page,
292
+ setIndex
293
+ } = this;
294
+ const classes = {
295
+ [`${prefix}--pagination-nav__page`]: true,
296
+ [`${prefix}--pagination-nav__page--active`]: i === page
297
+ };
298
+ return html(_t || (_t = _`
299
+ <li class="${0}--pagination-nav__list-item">
300
+ <button
301
+ class=${0}
302
+ type="button"
303
+ value=${0}
304
+ @click=${0}>
305
+ ${0}
306
+ </button>
307
+ </li>
308
+ `), prefix, classMap(classes), i, setIndex, i + 1);
309
+ }
310
+
311
+ /**
312
+ * Renders overflow items in a select list.
313
+ *
314
+ * @param group the indecies to render
315
+ * @returns Rendered item
316
+ */
317
+ }, {
318
+ kind: "method",
319
+ key: "renderGroupedItems",
320
+ value: function renderGroupedItems(group) {
321
+ const {
322
+ setIndex
323
+ } = this;
324
+ const classes = {
325
+ [`${prefix}--pagination-nav__page`]: true,
326
+ [`${prefix}--pagination-nav__page--select`]: true
327
+ };
328
+ return html(_t2 || (_t2 = _`
329
+ <li>
330
+ <div class="${0}--pagination-nav__select">
331
+ <select
332
+ class="${0}"
333
+ @change=${0}
334
+ aria-label="Select Page Number">
335
+ <option value=""></option>
336
+ ${0}
337
+ </select>
338
+ <div class="${0}--pagination-nav__select-icon-wrapper">
339
+ ${0}
340
+ </div>
341
+ </div>
342
+ </li>
343
+ `), prefix, classMap(classes), setIndex, group.map(i => html(_t3 || (_t3 = _` <option value="${0}">${0}</option> `), i, i + 1)), prefix, OverflowMenu({
344
+ class: `${prefix}--pagination-nav__select-icon`
345
+ }));
346
+ }
347
+ }, {
348
+ kind: "method",
349
+ key: "render",
350
+ value: function render() {
351
+ const {
352
+ loop: canLoop,
353
+ page,
354
+ totalItems,
355
+ _iterator: iterator,
356
+ incrementIndex,
357
+ decrementIndex
358
+ } = this;
359
+ const decrementDisabled = !canLoop && page <= 0;
360
+ const incrementDisabled = !canLoop && page >= totalItems - 1;
361
+ const navClasses = {
362
+ [`${prefix}--pagination-nav__page`]: true,
363
+ [`${prefix}--btn--icon-only`]: true,
364
+ [`${prefix}--btn`]: true,
365
+ [`${prefix}--btn--ghost`]: true
366
+ };
367
+ return html(_t4 || (_t4 = _`
368
+ <nav class="${0}--pagination-nav">
369
+ <ul class="${0}--pagination-nav__list">
370
+ <li class="${0}--pagination-nav__list-item">
371
+ <button
372
+ type="button"
373
+ @click=${0}
374
+ ?disabled=${0}
375
+ class="${0}">
376
+ ${0}
377
+ </button>
378
+ </li>
379
+ ${0}
380
+ <li class="${0}--pagination-nav__list-item">
381
+ <button
382
+ type="button"
383
+ @click=${0}
384
+ ?disabled=${0}
385
+ class="${0}">
386
+ ${0}
387
+ </button>
388
+ </li>
389
+ </ul>
390
+ </nav>
391
+ `), prefix, prefix, prefix, decrementIndex, decrementDisabled, classMap(navClasses), CaretLeft16(), iterator.map(i => {
392
+ if (typeof i === 'number') {
393
+ return this.renderIndividualItem(i);
394
+ }
395
+ if (Array.isArray(i)) {
396
+ return this.renderGroupedItems(i);
397
+ }
398
+ return;
399
+ }), prefix, incrementIndex, incrementDisabled, classMap(navClasses), CaretRight16());
400
+ }
401
+ }, {
402
+ kind: "get",
403
+ static: true,
404
+ key: "pageChangedEvent",
405
+ value: function pageChangedEvent() {
406
+ return `${prefix}-page-changed`;
407
+ }
408
+ }, {
409
+ kind: "method",
410
+ static: true,
411
+ key: "calculateCuts",
412
+ value: function calculateCuts(page, totalItems, itemsDisplayedOnPage) {
413
+ const split = (itemsDisplayedOnPage - 1) / 2;
414
+ let frontHiddenIndex = page - Math.ceil(split);
415
+ let backHiddenIndex = page + Math.floor(split) - 1;
416
+ if (frontHiddenIndex < 1) {
417
+ backHiddenIndex += Math.abs(frontHiddenIndex - 1);
418
+ }
419
+ if (backHiddenIndex > totalItems - 1) {
420
+ frontHiddenIndex -= Math.abs(totalItems - backHiddenIndex - 1);
421
+ }
422
+ return {
423
+ front: frontHiddenIndex,
424
+ back: backHiddenIndex
425
+ };
426
+ }
427
+ }, {
428
+ kind: "field",
429
+ static: true,
430
+ key: "styles",
431
+ value() {
432
+ return styles;
433
+ }
434
+ }]
435
+ };
436
+ }, LitElement);
437
+ export default BXPaginationNav;
438
+ //# sourceMappingURL=pagination-nav.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination-nav.js","names":["LitElement","property","html","carbonElement","customElement","settings","styles","classMap","CaretRight16","CaretLeft16","OverflowMenu","prefix","BXPaginationNav","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","reflect","type","Number","key","value","Boolean","shouldUpdate","changedProperties","has","itemsShown","page","totalItems","update","visibleLimit","calculateCuts","allItems","Array","Math","max","map","_u","i","iterator","length","first","shift","last","pop","front","back","upperGroup","splice","lowerGroup","upper","lower","filter","item","isArray","_iterator","_get","_getPrototypeOf","prototype","call","updated","pageChangedEvent","event","CustomEvent","bubbles","cancelable","composed","detail","oldValue","get","newValue","dispatchEvent","window","requestAnimationFrame","activeItem","shadowRoot","querySelector","focusedItem","activeElement","isPrevNext","matches","isActiveItem","focus","setIndex","e","target","parseInt","HTMLSelectElement","decrementIndex","loop","canLoop","wouldLoop","incrementIndex","min","renderIndividualItem","classes","_t","_","renderGroupedItems","group","_t2","_t3","class","render","decrementDisabled","incrementDisabled","navClasses","_t4","static","itemsDisplayedOnPage","split","frontHiddenIndex","ceil","backHiddenIndex","floor","abs"],"sources":["components/pagination-nav/pagination-nav.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, property, html } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './pagination-nav.scss';\nimport { classMap } from 'lit-html/directives/class-map';\nimport CaretRight16 from '@carbon/icons/lib/caret--right/16';\nimport CaretLeft16 from '@carbon/icons/lib/caret--left/16';\nimport OverflowMenu from '@carbon/icons/lib/overflow-menu--horizontal/16';\n\nconst { prefix } = settings;\n\n/**\n * Pagination Navigation.\n *\n * @element bx-pagination-nav\n * @fires bx-page-changed - The custom event fired when the the page has been changed.\n */\n@customElement(`${prefix}-pagination-nav`)\nclass BXPaginationNav extends LitElement {\n /**\n * The maxiumum number of items to show in pager nav.\n * - includes overflow items\n * - excludes prev/next buttons\n * - minumum value of 5\n */\n @property({ attribute: 'items-shown', reflect: true, type: Number })\n itemsShown = 1;\n\n /**\n * Whether to allow looping between first/last pages.\n */\n @property({ attribute: 'loop', type: Boolean })\n loop = false;\n\n /**\n * Active page index (0-based).\n */\n @property({ attribute: 'page', reflect: true, type: Number })\n page = 0;\n\n /**\n * Total number of pages\n */\n @property({ attribute: 'total-items', reflect: true, type: Number })\n totalItems = 1;\n\n /**\n * Array allowing us to map out the items\n * - Prefer showing this.count\n * - Maximum of this.visible\n * - Minumum of 1\n */\n private _iterator: any[] = [];\n\n shouldUpdate(changedProperties) {\n // Prevent setting \"itemsShown\" to less than 5.\n if (changedProperties.has('itemsShown') && this.itemsShown < 5) {\n this.itemsShown = 5;\n }\n\n // Prevent setting \"page\" outside bounds of available pages.\n if (changedProperties.has('count') || changedProperties.has('page')) {\n if (this.page > this.totalItems) {\n this.page = this.totalItems - 1;\n }\n if (this.page < 0) {\n this.page = 0;\n }\n }\n\n return true;\n }\n\n /**\n * After values are updated, but before rendering, update the iterator.\n *\n * @param changedProperties map of previous values of changed properties\n */\n update(changedProperties) {\n if (\n changedProperties.has('totalItems') ||\n changedProperties.has('itemsShown') ||\n changedProperties.has('page')\n ) {\n const { totalItems, itemsShown: visibleLimit, page } = this;\n const { calculateCuts } = this.constructor as typeof BXPaginationNav;\n const allItems = [...new Array(Math.max(totalItems, 1))].map(\n (_u, i) => i\n );\n let iterator;\n\n if (allItems.length > visibleLimit) {\n const first = allItems.shift();\n const last = allItems.pop();\n const { front, back } = calculateCuts(\n page,\n allItems.length,\n visibleLimit - 2\n );\n const upperGroup = allItems.splice(back);\n const lowerGroup = allItems.splice(0, front);\n const upper = upperGroup.length > 1 ? upperGroup : upperGroup[0];\n const lower = lowerGroup.length > 1 ? lowerGroup : lowerGroup[0];\n\n iterator = [first, lower, ...allItems, upper, last].filter(\n (item) =>\n typeof item === 'number' || (Array.isArray(item) && item.length)\n );\n } else {\n iterator = allItems;\n }\n\n this._iterator = iterator;\n }\n super.update(changedProperties);\n }\n\n /**\n * After page is selected, dispatch event & ensure focus is on active page.\n *\n * @param changedProperties map of changed props.\n */\n updated(changedProperties) {\n if (changedProperties.has('page')) {\n const { pageChangedEvent } = this.constructor as typeof BXPaginationNav;\n const event = new CustomEvent(pageChangedEvent, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n oldValue: changedProperties.get('page'),\n newValue: this.page,\n },\n });\n this.dispatchEvent(event);\n window.requestAnimationFrame(() => {\n const activeItem = this.shadowRoot!.querySelector(\n '.bx--pagination-nav__page--active'\n ) as HTMLElement;\n const focusedItem = this.shadowRoot!.activeElement;\n\n if (focusedItem) {\n const isPrevNext = focusedItem.matches('button:not([value])');\n const isActiveItem = focusedItem === activeItem;\n\n if (!isPrevNext && !isActiveItem) {\n activeItem.focus();\n }\n }\n });\n }\n }\n\n /**\n * Sets the current page to a specified index.\n *\n * @param e the click event\n */\n setIndex(e: PointerEvent) {\n const { target } = e;\n const { value } = target as HTMLButtonElement;\n this.page = parseInt(value);\n\n if (target instanceof HTMLSelectElement) {\n target.value = '';\n }\n }\n\n /**\n * Reduce current page by one, but no lower than 0.\n */\n decrementIndex() {\n const { loop: canLoop, page, totalItems } = this;\n const wouldLoop = page - 1 < 0;\n\n if (canLoop) {\n this.page = wouldLoop ? totalItems - 1 : page - 1;\n } else {\n this.page = Math.max(this.page - 1, 0);\n }\n }\n\n /**\n * Increase current page by one, but no higher than (this.totalItems - 1).\n */\n incrementIndex() {\n const { loop: canLoop, page, totalItems } = this;\n const wouldLoop = page + 1 >= totalItems;\n\n if (canLoop) {\n this.page = wouldLoop ? 0 : page + 1;\n } else {\n this.page = Math.min(this.page + 1, this.totalItems - 1);\n }\n }\n\n /**\n * Renders a single list item & button.\n *\n * @param i the index to render\n * @returns Rendered item\n */\n renderIndividualItem(i: number = 3) {\n const { page, setIndex } = this;\n const classes = {\n [`${prefix}--pagination-nav__page`]: true,\n [`${prefix}--pagination-nav__page--active`]: i === page,\n };\n return html`\n <li class=\"${prefix}--pagination-nav__list-item\">\n <button\n class=${classMap(classes)}\n type=\"button\"\n value=${i}\n @click=${setIndex}>\n ${i + 1}\n </button>\n </li>\n `;\n }\n\n /**\n * Renders overflow items in a select list.\n *\n * @param group the indecies to render\n * @returns Rendered item\n */\n renderGroupedItems(group: number[]) {\n const { setIndex } = this;\n const classes = {\n [`${prefix}--pagination-nav__page`]: true,\n [`${prefix}--pagination-nav__page--select`]: true,\n };\n return html`\n <li>\n <div class=\"${prefix}--pagination-nav__select\">\n <select\n class=\"${classMap(classes)}\"\n @change=${setIndex}\n aria-label=\"Select Page Number\">\n <option value=\"\"></option>\n ${group.map((i) => html` <option value=\"${i}\">${i + 1}</option> `)}\n </select>\n <div class=\"${prefix}--pagination-nav__select-icon-wrapper\">\n ${OverflowMenu({ class: `${prefix}--pagination-nav__select-icon` })}\n </div>\n </div>\n </li>\n `;\n }\n\n render() {\n const {\n loop: canLoop,\n page,\n totalItems,\n _iterator: iterator,\n incrementIndex,\n decrementIndex,\n } = this;\n\n const decrementDisabled = !canLoop && page <= 0;\n const incrementDisabled = !canLoop && page >= totalItems - 1;\n\n const navClasses = {\n [`${prefix}--pagination-nav__page`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--ghost`]: true,\n };\n\n return html`\n <nav class=\"${prefix}--pagination-nav\">\n <ul class=\"${prefix}--pagination-nav__list\">\n <li class=\"${prefix}--pagination-nav__list-item\">\n <button\n type=\"button\"\n @click=${decrementIndex}\n ?disabled=${decrementDisabled}\n class=\"${classMap(navClasses)}\">\n ${CaretLeft16()}\n </button>\n </li>\n ${iterator.map((i) => {\n if (typeof i === 'number') {\n return this.renderIndividualItem(i);\n }\n if (Array.isArray(i)) {\n return this.renderGroupedItems(i);\n }\n return;\n })}\n <li class=\"${prefix}--pagination-nav__list-item\">\n <button\n type=\"button\"\n @click=${incrementIndex}\n ?disabled=${incrementDisabled}\n class=\"${classMap(navClasses)}\">\n ${CaretRight16()}\n </button>\n </li>\n </ul>\n </nav>\n `;\n }\n\n static get pageChangedEvent() {\n return `${prefix}-page-changed`;\n }\n\n static calculateCuts(\n page: number,\n totalItems: number,\n itemsDisplayedOnPage: number\n ) {\n const split = (itemsDisplayedOnPage - 1) / 2;\n\n let frontHiddenIndex = page - Math.ceil(split);\n let backHiddenIndex = page + Math.floor(split) - 1;\n\n if (frontHiddenIndex < 1) {\n backHiddenIndex += Math.abs(frontHiddenIndex - 1);\n }\n\n if (backHiddenIndex > totalItems - 1) {\n frontHiddenIndex -= Math.abs(totalItems - backHiddenIndex - 1);\n }\n\n return {\n front: frontHiddenIndex,\n back: backHiddenIndex,\n };\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPaginationNav;\n"],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2019, 2020
5
+ *
6
+ * This source code is licensed under the Apache-2.0 license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import { css } from 'lit-element';
10
+ export default css([
11
+ 'a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:\'IBM Plex Sans\',\'Helvetica Neue\',Arial,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:\'IBM Plex Mono\',Menlo,\'DejaVu Sans Mono\',\'Bitstream Vera Sans Mono\',Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);line-height:var(--cds-productive-heading-06-line-height,1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);line-height:var(--cds-productive-heading-05-line-height,1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);line-height:var(--cds-productive-heading-04-line-height,1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);line-height:var(--cds-productive-heading-03-line-height,1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);line-height:var(--cds-productive-heading-02-line-height,1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);line-height:var(--cds-productive-heading-01-line-height,1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);line-height:var(--cds-body-long-02-line-height,1.5);letter-spacing:var(--cds-body-long-02-letter-spacing,0)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--pagination-nav{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:0}.bx--pagination-nav *,.bx--pagination-nav ::after,.bx--pagination-nav ::before{box-sizing:inherit}.bx--pagination-nav__list{display:flex;align-items:center;list-style:none}.bx--pagination-nav__list-item{padding:0}.bx--pagination-nav__list-item:first-child{padding-right:0}.bx--pagination-nav__list-item:last-child{padding-left:0}.bx--pagination-nav__page{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;position:relative;display:block;min-width:3rem;padding:1.0625rem .25rem;border-radius:0;color:var(--cds-text-02,#525252);font-weight:400;line-height:1;outline:0;text-align:center;text-decoration:none;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),color 110ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}.bx--pagination-nav__page *,.bx--pagination-nav__page ::after,.bx--pagination-nav__page ::before{box-sizing:inherit}.bx--pagination-nav__page::-moz-focus-inner{border:0}.bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}.bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--pagination-nav__page:focus{outline-style:dotted}}.bx--pagination-nav__page.bx--pagination-nav__page--disabled,.bx--pagination-nav__page:disabled{background:0 0;color:rgba(var(--cds-text-02,#525252),.5);outline:0;pointer-events:none}.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after{position:absolute;bottom:0;right:50%;display:block;width:0;height:.25rem;background-color:var(--cds-interactive-01,#0f62fe);content:"";opacity:0;transition:width 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__page::after,.bx--pagination-nav__page.bx--pagination-nav__page--active::after{right:calc(50% - .5rem);width:1rem;opacity:1}.bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}.bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}.bx--pagination-nav__page--direction{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;line-height:0}.bx--pagination-nav__select{position:relative}.bx--pagination-nav__page--select{max-height:3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){.bx--pagination-nav__page--select{text-indent:0}}.bx--pagination-nav__select-icon-wrapper{position:absolute;top:0;width:100%;height:100%;pointer-events:none}.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after{position:absolute;bottom:0;right:50%;display:block;width:0;height:.25rem;background-color:var(--cds-interactive-01,#0f62fe);content:"";opacity:0;transition:width 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper::after,.bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after{right:calc(50% - .5rem);width:1rem;opacity:1}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}.bx--pagination-nav__select-icon{position:absolute;top:calc(50% - .5rem);right:calc(50% - .5rem);pointer-events:none}.bx--pagination-nav__accessibility-label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}:host(bx-pagination-nav) .bx--pagination-nav{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:0}:host(bx-pagination-nav) .bx--pagination-nav *,:host(bx-pagination-nav) .bx--pagination-nav ::after,:host(bx-pagination-nav) .bx--pagination-nav ::before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__list{display:flex;align-items:center;list-style:none}:host(bx-pagination-nav) .bx--pagination-nav__list-item{padding:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:first-child{padding-right:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:last-child{padding-left:0}:host(bx-pagination-nav) .bx--pagination-nav__page{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;position:relative;display:block;min-width:3rem;padding:1.0625rem .25rem;border-radius:0;color:var(--cds-text-02,#525252);font-weight:400;line-height:1;outline:0;text-align:center;text-decoration:none;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),color 110ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(bx-pagination-nav) .bx--pagination-nav__page *,:host(bx-pagination-nav) .bx--pagination-nav__page ::after,:host(bx-pagination-nav) .bx--pagination-nav__page ::before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__page::-moz-focus-inner{border:0}:host(bx-pagination-nav) .bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline-style:dotted}}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--disabled,:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{background:0 0;color:rgba(var(--cds-text-02,#525252),.5);outline:0;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after{position:absolute;bottom:0;right:50%;display:block;width:0;height:.25rem;background-color:var(--cds-interactive-01,#0f62fe);content:"";opacity:0;transition:width 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__page::after,:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active::after{right:calc(50% - .5rem);width:1rem;opacity:1}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}:host(bx-pagination-nav) .bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page--direction{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;line-height:0}:host(bx-pagination-nav) .bx--pagination-nav__select{position:relative}:host(bx-pagination-nav) .bx--pagination-nav__page--select{max-height:3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){:host(bx-pagination-nav) .bx--pagination-nav__page--select{text-indent:0}}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper{position:absolute;top:0;width:100%;height:100%;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after{position:absolute;bottom:0;right:50%;display:block;width:0;height:.25rem;background-color:var(--cds-interactive-01,#0f62fe);content:"";opacity:0;transition:width 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper::after,:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after{right:calc(50% - .5rem);width:1rem;opacity:1}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon{position:absolute;top:calc(50% - .5rem);right:calc(50% - .5rem);pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__accessibility-label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{color:var(--cds-disabled-02,#c6c6c6);pointer-events:revert;cursor:not-allowed}',
12
+ ]);
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2019, 2020
5
+ *
6
+ * This source code is licensed under the Apache-2.0 license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import { Component } from 'react';
10
+ export interface ComponentProps {
11
+ [prop: string]: unknown;
12
+ }
13
+ declare class undefined extends Component<ComponentProps> {}
14
+ export default undefined;
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2019, 2020
5
+ *
6
+ * This source code is licensed under the Apache-2.0 license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
@@ -0,0 +1,39 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2019, 2020
5
+ *
6
+ * This source code is licensed under the Apache-2.0 license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import { Component } from 'react';
10
+ export interface ComponentProps {
11
+ /**
12
+ * The maxiumum number of items to show in pager nav.
13
+ * - includes overflow items
14
+ * - excludes prev/next buttons
15
+ * - minumum value of 5
16
+ */
17
+ itemsShown?: number;
18
+ /**
19
+ * Whether to allow looping between first/last pages.
20
+ */
21
+ loop?: boolean;
22
+ /**
23
+ * Active page index (0-based).
24
+ */
25
+ page?: number;
26
+ /**
27
+ * Total number of pages
28
+ */
29
+ totalItems?: number;
30
+ [prop: string]: unknown;
31
+ }
32
+ /**
33
+ * Pagination Navigation.
34
+ *
35
+ * @element bx-pagination-nav
36
+ * @fires bx-page-changed - The custom event fired when the the page has been changed.
37
+ */
38
+ declare class BXPaginationNav extends Component<ComponentProps> {}
39
+ export default BXPaginationNav;
@@ -0,0 +1,46 @@
1
+ /**
2
+ * @license
3
+ *
4
+ * Copyright IBM Corp. 2019, 2020
5
+ *
6
+ * This source code is licensed under the Apache-2.0 license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ export { default as CustomElement } from '../../components/pagination-nav/pagination-nav.js';
10
+ import createReactCustomElementType, {
11
+ numberSerializer,
12
+ booleanSerializer,
13
+ } from '../../globals/wrappers/createReactCustomElementType.js';
14
+ import PropTypes from 'prop-types';
15
+ import settings from 'carbon-components/es/globals/js/settings.js';
16
+ var prefix = settings.prefix;
17
+ export var descriptor = {
18
+ itemsShown: {
19
+ serialize: numberSerializer,
20
+ attribute: 'items-shown',
21
+ },
22
+ loop: {
23
+ serialize: booleanSerializer,
24
+ attribute: 'loop',
25
+ },
26
+ page: {
27
+ serialize: numberSerializer,
28
+ attribute: 'page',
29
+ },
30
+ totalItems: {
31
+ serialize: numberSerializer,
32
+ attribute: 'total-items',
33
+ },
34
+ };
35
+ export var propTypes = {
36
+ itemsShown: PropTypes.number,
37
+ loop: PropTypes.bool,
38
+ page: PropTypes.number,
39
+ totalItems: PropTypes.number,
40
+ };
41
+ const Component = createReactCustomElementType(
42
+ ''.concat(prefix, '-pagination-nav'),
43
+ descriptor
44
+ );
45
+ Component.propTypes = propTypes;
46
+ export default Component;
@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
11
11
  const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
12
12
  svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
13
13
  attrs
14
- )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<path d="M20 24L10 16 20 8z"></path></svg>`;
14
+ )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<path d="M20 24L10 16 20 8z"></path></svg>`;
15
15
  export default svgResultCarbonIcon;
@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
11
11
  const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
12
12
  svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
13
13
  attrs
14
- )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<path d="M12 8L22 16 12 24z"></path></svg>`;
14
+ )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<path d="M12 8L22 16 12 24z"></path></svg>`;
15
15
  export default svgResultCarbonIcon;
@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
11
11
  const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
12
12
  svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
13
13
  attrs
14
- )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<circle cx="8" cy="16" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="24" cy="16" r="2"></circle></svg>`;
14
+ )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<circle cx="8" cy="16" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="24" cy="16" r="2"></circle></svg>`;
15
15
  export default svgResultCarbonIcon;