@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.
- package/README.md +9 -0
- package/custom-elements.json +72 -0
- package/dist/{20-226f5235.js → 20-2716deb2.js} +2 -2
- package/dist/{20-ae232adb.js → 20-64562b76.js} +2 -2
- package/dist/{20-42be8940.js → 20-83838405.js} +2 -2
- package/dist/{20-8a571bed.js → 20-ab55acde.js} +2 -2
- package/dist/cloud-masthead.js +3 -3
- package/dist/cloud-masthead.min.js +2 -2
- package/dist/cloud-masthead.rtl.js +3 -3
- package/dist/cloud-masthead.rtl.min.js +2 -2
- package/dist/dotcom-shell.js +3 -3
- package/dist/dotcom-shell.min.js +2 -2
- package/dist/dotcom-shell.rtl.js +3 -3
- package/dist/dotcom-shell.rtl.min.js +2 -2
- package/dist/ibmdotcom-web-components-dotcom-shell.js +5 -5
- package/dist/ibmdotcom-web-components-dotcom-shell.min.js +3 -3
- package/dist/ibmdotcom-web-components-dotcom-shell.rtl.js +5 -5
- package/dist/ibmdotcom-web-components-dotcom-shell.rtl.min.js +3 -3
- package/dist/{left-nav-menu-1eb13169.js → left-nav-menu-9f192b6a.js} +2 -2
- package/dist/{left-nav-menu-5967755b.js → left-nav-menu-b5b824b1.js} +2 -2
- package/dist/{left-nav-menu-31a63b5b.js → left-nav-menu-b8935343.js} +2 -2
- package/dist/{left-nav-menu-category-heading-6afd1369.js → left-nav-menu-category-heading-2151023a.js} +2 -2
- package/dist/{left-nav-menu-category-heading-091bc278.js → left-nav-menu-category-heading-44c8f6f7.js} +2 -2
- package/dist/{left-nav-menu-category-heading-2e11cd21.js → left-nav-menu-category-heading-d4840d25.js} +2 -2
- package/dist/{left-nav-menu-category-heading-014fadcc.js → left-nav-menu-category-heading-f2b293f7.js} +2 -2
- package/dist/{left-nav-menu-d8304fbf.js → left-nav-menu-fdee16e0.js} +3 -3
- package/dist/{left-nav-menu-item-529a1af3.js → left-nav-menu-item-083b6a60.js} +2 -2
- package/dist/{left-nav-menu-item-14105283.js → left-nav-menu-item-4db75af5.js} +2 -2
- package/dist/{left-nav-menu-item-c57e5c9c.js → left-nav-menu-item-adb8dff3.js} +2 -2
- package/dist/{left-nav-menu-item-e558aaee.js → left-nav-menu-item-c0c65628.js} +2 -2
- package/dist/{left-nav-menu-section-4ed4e94a.js → left-nav-menu-section-08f384fd.js} +3 -3
- package/dist/{left-nav-menu-section-1a28faa0.js → left-nav-menu-section-c2a1358d.js} +2 -2
- package/dist/{left-nav-menu-section-5153130f.js → left-nav-menu-section-e9a17f84.js} +2 -2
- package/dist/{left-nav-menu-section-86854ca9.js → left-nav-menu-section-edda8473.js} +3 -3
- package/dist/{left-nav-overlay-2e10dacf.js → left-nav-overlay-0f3c987e.js} +2 -2
- package/dist/{left-nav-overlay-e23650aa.js → left-nav-overlay-59f2c4e7.js} +2 -2
- package/dist/{left-nav-overlay-fe853cf1.js → left-nav-overlay-7d97eb65.js} +2 -2
- package/dist/{left-nav-overlay-e8b1c8ed.js → left-nav-overlay-b705c6f4.js} +2 -2
- package/dist/{masthead-composite-229eb3ea.js → masthead-composite-93d89a8c.js} +6 -6
- package/dist/{masthead-composite-dd5cd95d.js → masthead-composite-a2c406c2.js} +17 -17
- package/dist/{masthead-composite-b702d6b5.js → masthead-composite-b6d13251.js} +6 -6
- package/dist/{masthead-composite-67694b72.js → masthead-composite-d8992a4a.js} +17 -17
- package/dist/{megamenu-category-group-601d5533.js → megamenu-category-group-31f822ee.js} +2 -2
- package/dist/{megamenu-category-group-54aec7fc.js → megamenu-category-group-58dd20ca.js} +2 -2
- package/dist/{megamenu-category-group-6f35440c.js → megamenu-category-group-9f2f923b.js} +2 -2
- package/dist/{megamenu-category-group-copy-3c9066ea.js → megamenu-category-group-copy-08bc787f.js} +2 -2
- package/dist/{megamenu-category-group-copy-91810225.js → megamenu-category-group-copy-9b8b74d1.js} +2 -2
- package/dist/{megamenu-category-group-copy-223c9104.js → megamenu-category-group-copy-b74aa21a.js} +2 -2
- package/dist/{megamenu-category-group-copy-bf7d292d.js → megamenu-category-group-copy-e64634e9.js} +2 -2
- package/dist/{megamenu-category-group-5e211a32.js → megamenu-category-group-fabcfb04.js} +2 -2
- package/dist/{megamenu-category-link-7a7e19ef.js → megamenu-category-link-45c7c408.js} +2 -2
- package/dist/{megamenu-category-link-8e548c5f.js → megamenu-category-link-5557c650.js} +2 -2
- package/dist/{megamenu-category-link-9196e396.js → megamenu-category-link-cb3a06f4.js} +2 -2
- package/dist/{megamenu-category-link-942e0984.js → megamenu-category-link-d6dab016.js} +2 -2
- package/dist/{megamenu-left-navigation-661aafa7.js → megamenu-left-navigation-145786bd.js} +2 -2
- package/dist/{megamenu-left-navigation-f44ae637.js → megamenu-left-navigation-658c3d8c.js} +2 -2
- package/dist/{megamenu-left-navigation-a3b6fc6c.js → megamenu-left-navigation-b4dbb6f9.js} +2 -2
- package/dist/{megamenu-left-navigation-abb67d52.js → megamenu-left-navigation-f6dbf81a.js} +2 -2
- package/dist/{megamenu-overlay-9203abd8.js → megamenu-overlay-5c2e2cf9.js} +2 -2
- package/dist/{megamenu-overlay-1918b25e.js → megamenu-overlay-826a086d.js} +2 -2
- package/dist/{megamenu-overlay-965779d4.js → megamenu-overlay-aa9215c9.js} +2 -2
- package/dist/{megamenu-overlay-929abbb0.js → megamenu-overlay-c03042c5.js} +2 -2
- package/es/component-mixins/callout/callout.d.ts +1 -1
- package/es/component-mixins/cta/cta.d.ts +1 -1
- package/es/component-mixins/cta/video.d.ts +1 -1
- package/es/component-mixins/media-query/media-query.d.ts +1 -1
- package/es/component-mixins/parent-visibility/parent-visibility.d.ts +1 -1
- package/es/components/back-to-top/back-to-top.d.ts +2 -2
- package/es/components/button/button.d.ts +2 -2
- package/es/components/button-group/button-group.d.ts +1 -1
- package/es/components/callout-quote/callout-quote.d.ts +1 -1
- package/es/components/callout-with-media/callout-with-media.d.ts +2 -2
- package/es/components/card/card-eyebrow.d.ts +1 -1
- package/es/components/card/card-heading.d.ts +1 -1
- package/es/components/card/card.d.ts +1 -1
- package/es/components/card-group/card-group.d.ts +1 -1
- package/es/components/card-group/card-group.js +8 -5
- package/es/components/card-group/card-group.js.map +1 -1
- package/es/components/card-in-card/card-in-card.d.ts +1 -1
- package/es/components/card-section-offset/card-section-offset.d.ts +1 -1
- package/es/components/card-section-simple/card-section-simple.d.ts +1 -1
- package/es/components/carousel/carousel.d.ts +2 -2
- package/es/components/content-block/content-block-copy.d.ts +1 -1
- package/es/components/content-block/content-block-heading.d.ts +1 -1
- package/es/components/content-block/content-block-paragraph.d.ts +1 -1
- package/es/components/content-block/content-block.d.ts +1 -1
- package/es/components/content-block-card-static/content-block-card-static.d.ts +1 -1
- package/es/components/content-block-cards/content-block-cards.d.ts +1 -1
- package/es/components/content-block-headlines/content-block-headlines-heading.d.ts +1 -1
- package/es/components/content-block-headlines/content-block-headlines-item.d.ts +1 -1
- package/es/components/content-block-headlines/content-block-headlines.d.ts +1 -1
- package/es/components/content-block-media/content-block-media-content.d.ts +1 -1
- package/es/components/content-block-segmented/content-block-segmented-item.d.ts +1 -1
- package/es/components/content-block-simple/content-block-simple.d.ts +1 -1
- package/es/components/content-group/content-group-copy.d.ts +1 -1
- package/es/components/content-group/content-group-heading.d.ts +1 -1
- package/es/components/content-group/content-group-paragraph.d.ts +1 -1
- package/es/components/content-group/content-group.d.ts +1 -1
- package/es/components/content-group-banner/content-group-banner.d.ts +1 -1
- package/es/components/content-group-cards/content-group-cards-item.d.ts +1 -1
- package/es/components/content-group-simple/content-group-simple.d.ts +1 -1
- package/es/components/content-item/content-item-copy.d.ts +1 -1
- package/es/components/content-item/content-item-heading.d.ts +1 -1
- package/es/components/content-item/content-item-paragraph.d.ts +1 -1
- package/es/components/content-item/content-item.d.ts +1 -1
- package/es/components/content-item-horizontal/content-item-horizontal-copy.d.ts +1 -1
- package/es/components/content-item-horizontal/content-item-horizontal-eyebrow.d.ts +1 -1
- package/es/components/content-item-horizontal/content-item-horizontal-media-copy.d.ts +1 -1
- package/es/components/content-item-horizontal/content-item-horizontal-media.d.ts +1 -1
- package/es/components/content-item-horizontal/content-item-horizontal-thumbnail-copy.d.ts +1 -1
- package/es/components/content-section/content-section-copy.d.ts +1 -1
- package/es/components/content-section/content-section-heading.d.ts +1 -1
- package/es/components/content-section/content-section.d.ts +1 -1
- package/es/components/cta/button-cta.d.ts +2 -2
- package/es/components/cta/card-cta-footer.d.ts +2 -2
- package/es/components/cta/card-cta.d.ts +2 -2
- package/es/components/cta/card-link-cta.d.ts +2 -2
- package/es/components/cta/cta.d.ts +2 -2
- package/es/components/cta/feature-cta-footer.d.ts +2 -2
- package/es/components/cta/feature-cta.d.ts +2 -2
- package/es/components/cta/text-cta.d.ts +2 -2
- package/es/components/cta/video-cta-composite.d.ts +2 -2
- package/es/components/cta/video-cta-container.d.ts +2 -2
- package/es/components/cta-block/cta-block-item-row.d.ts +2 -2
- package/es/components/cta-block/cta-block-item.d.ts +1 -1
- package/es/components/cta-block/cta-block.d.ts +1 -1
- package/es/components/cta-section/cta-section.d.ts +1 -1
- package/es/components/dotcom-shell/dotcom-shell-container.d.ts +1 -1
- package/es/components/dotcom-shell/dotcom-shell.d.ts +1 -1
- package/es/components/expressive-modal/expressive-modal-body.d.ts +1 -1
- package/es/components/expressive-modal/expressive-modal-close-button.d.ts +1 -1
- package/es/components/expressive-modal/expressive-modal-footer.d.ts +1 -1
- package/es/components/expressive-modal/expressive-modal-header.d.ts +1 -1
- package/es/components/expressive-modal/expressive-modal-heading.d.ts +1 -1
- package/es/components/expressive-modal/expressive-modal.d.ts +2 -2
- package/es/components/feature-card/feature-card.d.ts +1 -1
- package/es/components/feature-section/feature-section.d.ts +1 -1
- package/es/components/filter-panel/filter-group-item.d.ts +1 -1
- package/es/components/filter-panel/filter-group.d.ts +1 -1
- package/es/components/filter-panel/filter-modal-button.d.ts +1 -1
- package/es/components/filter-panel/filter-modal-footer.d.ts +1 -1
- package/es/components/filter-panel/filter-modal-heading.d.ts +1 -1
- package/es/components/filter-panel/filter-panel-checkbox.d.ts +2 -2
- package/es/components/filter-panel/filter-panel-composite.d.ts +3 -3
- package/es/components/filter-panel/filter-panel-heading.d.ts +1 -1
- package/es/components/filter-panel/filter-panel-input-select-item.d.ts +2 -2
- package/es/components/filter-panel/filter-panel-input-select.d.ts +2 -2
- package/es/components/filter-panel/filter-panel-modal.d.ts +2 -2
- package/es/components/filter-panel/filter-panel.d.ts +2 -2
- package/es/components/footer/footer-composite.d.ts +4 -4
- package/es/components/footer/footer-container.d.ts +1 -1
- package/es/components/footer/footer-logo.d.ts +2 -2
- package/es/components/footer/footer-nav-group.d.ts +2 -2
- package/es/components/footer/footer-nav.d.ts +1 -1
- package/es/components/footer/footer.d.ts +1 -1
- package/es/components/footer/language-selector-desktop.d.ts +1 -1
- package/es/components/footer/legal-nav-cookie-preferences-placeholder.d.ts +1 -1
- package/es/components/footer/legal-nav.d.ts +1 -1
- package/es/components/footer/locale-button.d.ts +2 -2
- package/es/components/horizontal-rule/horizontal-rule.d.ts +1 -1
- package/es/components/image/image-item.d.ts +1 -1
- package/es/components/image/image.d.ts +3 -3
- package/es/components/leadspace/breadcrumb-item.d.ts +1 -1
- package/es/components/leadspace/breadcrumb-link.d.ts +1 -1
- package/es/components/leadspace/breadcrumb.d.ts +1 -1
- package/es/components/leadspace/leadspace-heading.d.ts +1 -1
- package/es/components/leadspace/leadspace-image.d.ts +1 -1
- package/es/components/leadspace/leadspace.d.ts +1 -1
- package/es/components/leadspace/leadspace.js +5 -2
- package/es/components/leadspace/leadspace.js.map +1 -1
- package/es/components/leadspace-block/leadspace-block-cta.d.ts +1 -1
- package/es/components/leadspace-block/leadspace-block-heading.d.ts +1 -1
- package/es/components/leadspace-block/leadspace-block-media.d.ts +1 -1
- package/es/components/leadspace-block/leadspace-block.d.ts +1 -1
- package/es/components/leadspace-with-search/leadspace-with-search-content-copy.d.ts +1 -1
- package/es/components/leadspace-with-search/leadspace-with-search-content-heading.d.ts +1 -1
- package/es/components/leadspace-with-search/leadspace-with-search-content.d.ts +1 -1
- package/es/components/leadspace-with-search/leadspace-with-search-heading.d.ts +1 -1
- package/es/components/leadspace-with-search/leadspace-with-search.d.ts +1 -1
- package/es/components/leaving-ibm/leaving-ibm-composite.d.ts +2 -2
- package/es/components/leaving-ibm/leaving-ibm-container.d.ts +1 -1
- package/es/components/leaving-ibm/leaving-ibm-modal-body.d.ts +1 -1
- package/es/components/leaving-ibm/leaving-ibm-modal-heading.d.ts +1 -1
- package/es/components/leaving-ibm/leaving-ibm-modal-supplemental.d.ts +1 -1
- package/es/components/leaving-ibm/leaving-ibm-modal.d.ts +1 -1
- package/es/components/lightbox-media-viewer/lightbox-media-viewer-body.d.ts +1 -1
- package/es/components/lightbox-media-viewer/lightbox-video-player-composite.d.ts +1 -1
- package/es/components/lightbox-media-viewer/lightbox-video-player-container.d.ts +2 -2
- package/es/components/link-list/link-list-heading.d.ts +1 -1
- package/es/components/link-list/link-list.d.ts +1 -1
- package/es/components/link-list-section/link-list-section.d.ts +1 -1
- package/es/components/link-with-icon/link-with-icon.d.ts +1 -1
- package/es/components/locale-modal/locale-modal-composite.d.ts +2 -2
- package/es/components/locale-modal/locale-modal-container.d.ts +1 -1
- package/es/components/locale-modal/locale-search.d.ts +2 -2
- package/es/components/locale-modal/regions.d.ts +1 -1
- package/es/components/logo-grid/logo-grid-item.d.ts +1 -1
- package/es/components/logo-grid/logo-grid-link.d.ts +1 -1
- package/es/components/logo-grid/logo-grid.d.ts +1 -1
- package/es/components/masthead/cloud/cloud-masthead-container.d.ts +1 -1
- package/es/components/masthead/left-nav-menu-section.d.ts +2 -2
- package/es/components/masthead/left-nav-menu.d.ts +1 -1
- package/es/components/masthead/left-nav.d.ts +1 -1
- package/es/components/masthead/masthead-composite.d.ts +1 -1
- package/es/components/masthead/masthead-container.d.ts +1 -1
- package/es/components/masthead/masthead-global-bar.d.ts +3 -3
- package/es/components/masthead/masthead-l1-name.d.ts +1 -1
- package/es/components/masthead/masthead-l1.d.ts +1 -1
- package/es/components/masthead/masthead-logo.d.ts +3 -3
- package/es/components/masthead/masthead-menu-button.d.ts +1 -1
- package/es/components/masthead/masthead-profile.d.ts +3 -3
- package/es/components/masthead/masthead.d.ts +1 -1
- package/es/components/masthead/megamenu.d.ts +1 -1
- package/es/components/masthead/top-nav.d.ts +2 -2
- package/es/components/notice-choice/notice-choice.d.ts +1 -1
- package/es/components/pictogram-item/pictogram-item.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-annotation-toggle.d.ts +2 -2
- package/es/components/pricing-table/pricing-table-annotation-toggle.js +1 -1
- package/es/components/pricing-table/pricing-table-annotation-toggle.js.map +1 -1
- package/es/components/pricing-table/pricing-table-body.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-cell-annotation.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-cell.d.ts +2 -2
- package/es/components/pricing-table/pricing-table-group.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-head.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-header-cell-caption.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-header-cell-cta.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-header-cell-description.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-header-cell-headline.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-header-cell-tag.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-header-cell.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-header-row.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-highlight-label.d.ts +1 -1
- package/es/components/pricing-table/pricing-table-row.d.ts +1 -1
- package/es/components/pricing-table/pricing-table.css.js +1 -1
- package/es/components/pricing-table/pricing-table.d.ts +2 -2
- package/es/components/pricing-table/pricing-table.rtl.css.js +1 -1
- package/es/components/quote/quote.d.ts +1 -1
- package/es/components/scroll-animations/scroll-animations.d.ts +1 -1
- package/es/components/search-with-typeahead/search-with-typeahead.d.ts +2 -2
- package/es/components/structured-list/structured-list-group.d.ts +1 -1
- package/es/components/structured-list/structured-list.d.ts +1 -1
- package/es/components/table-of-contents/table-of-contents.d.ts +2 -2
- package/es/components/tabs-extended/tab.d.ts +2 -2
- package/es/components/tabs-extended/tab.js.map +1 -1
- package/es/components/tabs-extended/tabs-extended.d.ts +6 -4
- package/es/components/tabs-extended/tabs-extended.js +19 -1
- package/es/components/tabs-extended/tabs-extended.js.map +1 -1
- package/es/components/tag-group/tag-group.d.ts +1 -1
- package/es/components/tag-link/tag-link.d.ts +1 -1
- package/es/components/universal-banner/universal-banner-copy.d.ts +1 -1
- package/es/components/universal-banner/universal-banner-heading.d.ts +1 -1
- package/es/components/universal-banner/universal-banner.d.ts +1 -1
- package/es/components/video-player/video-player-composite.d.ts +2 -2
- package/es/components/video-player/video-player-container.d.ts +3 -3
- package/es/components/video-player/video-player-container.js +11 -0
- package/es/components/video-player/video-player-container.js.map +1 -1
- package/es/components/video-player/video-player.d.ts +3 -3
- package/es/globals/mixins/connect.d.ts +1 -1
- package/es/globals/mixins/hybrid-render.d.ts +1 -1
- package/es/globals/mixins/modal-render.d.ts +1 -1
- package/es/globals/mixins/stable-selector.d.ts +1 -1
- package/es/globals/mixins/throttled-input.d.ts +1 -1
- package/es/internal/vendor/@carbon/ibmdotcom-services/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/es/internal/vendor/@carbon/web-components/components/pagination-nav/index.d.ts +11 -0
- package/es/internal/vendor/@carbon/web-components/components/pagination-nav/index.js +11 -0
- package/es/internal/vendor/@carbon/web-components/components/pagination-nav/index.js.map +1 -0
- package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.css.js +12 -0
- package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.d.ts +94 -0
- package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.js +438 -0
- package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.js.map +1 -0
- package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.rtl.css.js +12 -0
- package/es/internal/vendor/@carbon/web-components/components-react/pagination-nav/index.d.ts +14 -0
- package/es/internal/vendor/@carbon/web-components/components-react/pagination-nav/index.js +8 -0
- package/es/internal/vendor/@carbon/web-components/components-react/pagination-nav/pagination-nav.d.ts +39 -0
- package/es/internal/vendor/@carbon/web-components/components-react/pagination-nav/pagination-nav.js +46 -0
- package/es/internal/vendor/@carbon/web-components/icons/caret--left/16.js +1 -1
- package/es/internal/vendor/@carbon/web-components/icons/caret--right/16.js +1 -1
- package/es/internal/vendor/@carbon/web-components/icons/overflow-menu--horizontal/16.js +1 -1
- package/lib/internal/vendor/@carbon/ibmdotcom-services/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/lib/internal/vendor/@carbon/web-components/components-react-node/pagination-nav/index.js +9 -0
- package/lib/internal/vendor/@carbon/web-components/components-react-node/pagination-nav/pagination-nav.js +78 -0
- package/package.json +10 -9
- 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
|
package/es/internal/vendor/@carbon/web-components/components/pagination-nav/pagination-nav.js.map
ADDED
|
@@ -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,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;
|
package/es/internal/vendor/@carbon/web-components/components-react/pagination-nav/pagination-nav.js
ADDED
|
@@ -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;
|