@spw-ds/spw-stencil-library 1.10.2 → 1.11.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/dist/cem.json +1124 -157
- package/dist/cjs/{animation-DMuoVGnA.js → animation-tH5DQHbp.js} +7 -2
- package/dist/cjs/index-B9VTdKwF.js +3187 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/spw-accordion_4.cjs.entry.js +5 -5
- package/dist/cjs/spw-avatar.cjs.entry.js +2 -2
- package/dist/cjs/spw-block-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-box.cjs.entry.js +62 -0
- package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/spw-button_2.cjs.entry.js +4 -4
- package/dist/cjs/spw-card-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-excerpt.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-image.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-subtag-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-subtags.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-title.cjs.entry.js +2 -2
- package/dist/cjs/spw-card.cjs.entry.js +2 -2
- package/dist/cjs/spw-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/spw-cookies.cjs.entry.js +1 -1
- package/dist/cjs/spw-custom-select.cjs.entry.js +65 -6
- package/dist/cjs/spw-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/spw-dropdown-container.cjs.entry.js +2 -2
- package/dist/cjs/spw-dropdown-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-field-label_7.cjs.entry.js +8 -8
- package/dist/cjs/spw-field-message.cjs.entry.js +2 -2
- package/dist/cjs/spw-file-upload.cjs.entry.js +3 -3
- package/dist/cjs/spw-footer-bottom.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-content-col.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-link.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer.cjs.entry.js +2 -2
- package/dist/cjs/spw-grid-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-grid.cjs.entry.js +6 -4
- package/dist/cjs/spw-header-lang.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-persona-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-persona.cjs.entry.js +2 -2
- package/dist/cjs/spw-header.cjs.entry.js +13 -2
- package/dist/cjs/spw-hero.cjs.entry.js +21 -5
- package/dist/cjs/spw-illustration.cjs.entry.js +1 -1
- package/dist/cjs/spw-input-slider.cjs.entry.js +2 -2
- package/dist/cjs/spw-lightbox-item.cjs.entry.js +53 -0
- package/dist/cjs/spw-lightbox.cjs.entry.js +235 -0
- package/dist/cjs/spw-list-description.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-title.cjs.entry.js +2 -2
- package/dist/cjs/spw-list.cjs.entry.js +2 -2
- package/dist/cjs/spw-message.cjs.entry.js +1 -1
- package/dist/cjs/spw-modal.cjs.entry.js +5 -5
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-mosaic.cjs.entry.js +2 -2
- package/dist/cjs/spw-pagination.cjs.entry.js +7 -7
- package/dist/cjs/spw-radio.cjs.entry.js +2 -2
- package/dist/cjs/spw-scrolltop.cjs.entry.js +2 -2
- package/dist/cjs/spw-search-field.cjs.entry.js +12 -6
- package/dist/cjs/spw-select.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +4 -4
- package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidebar.cjs.entry.js +2 -2
- package/dist/cjs/spw-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/spw-slider-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-slider.cjs.entry.js +16 -7
- package/dist/cjs/spw-socials.cjs.entry.js +2 -2
- package/dist/cjs/spw-stencil-library.cjs.js +2 -2
- package/dist/cjs/spw-table-body.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-container.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-footer.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-head.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-header.cjs.entry.js +3 -3
- package/dist/cjs/spw-table-row.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-sidebar.cjs.entry.js +2 -2
- package/dist/cjs/spw-table.cjs.entry.js +3 -3
- package/dist/cjs/spw-tabs-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-tabs-navigation.cjs.entry.js +2 -2
- package/dist/cjs/spw-tabs.cjs.entry.js +2 -2
- package/dist/cjs/spw-tag.cjs.entry.js +2 -2
- package/dist/cjs/spw-text-field.cjs.entry.js +69 -10
- package/dist/cjs/spw-textarea.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile-description.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile-title.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile.cjs.entry.js +2 -2
- package/dist/cjs/spw-timeline-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-timeline.cjs.entry.js +3 -3
- package/dist/cjs/spw-toast-controller.cjs.entry.js +2 -2
- package/dist/cjs/spw-toast.cjs.entry.js +2 -2
- package/dist/cjs/spw-toc-container.cjs.entry.js +2 -2
- package/dist/cjs/spw-toc-navigation.cjs.entry.js +1 -1
- package/dist/cjs/spw-toc.cjs.entry.js +2 -2
- package/dist/cjs/spw-topbar.cjs.entry.js +2 -2
- package/dist/cjs/spw-wizard-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-wizard.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/spw-accordion/spw-accordion-content/spw-accordion-content.js +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion-item/spw-accordion-item.js +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion-title/spw-accordion-title.js +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion.js +1 -1
- package/dist/collection/components/spw-avatar/spw-avatar.js +1 -1
- package/dist/collection/components/spw-block-content/spw-block-content.js +1 -1
- package/dist/collection/components/spw-box/spw-box.css +507 -0
- package/dist/collection/components/spw-box/spw-box.js +213 -0
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.js +1 -1
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.js +1 -1
- package/dist/collection/components/spw-button/spw-button.css +2 -2
- package/dist/collection/components/spw-button/spw-button.js +2 -2
- package/dist/collection/components/spw-card/spw-card-content/spw-card-content.js +1 -1
- package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.js +1 -1
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +1 -1
- package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.js +1 -1
- package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.js +1 -1
- package/dist/collection/components/spw-card/spw-card-title/spw-card-title.js +1 -1
- package/dist/collection/components/spw-card/spw-card.js +1 -1
- package/dist/collection/components/spw-checkbox/spw-checkbox.js +1 -1
- package/dist/collection/components/spw-custom-select/spw-custom-select.css +61 -3
- package/dist/collection/components/spw-custom-select/spw-custom-select.js +124 -5
- package/dist/collection/components/spw-date-picker/spw-date-picker.js +2 -2
- package/dist/collection/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.js +1 -1
- package/dist/collection/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.js +1 -1
- package/dist/collection/components/spw-dropdown/spw-dropdown.js +1 -1
- package/dist/collection/components/spw-field-label/spw-field-label.js +1 -1
- package/dist/collection/components/spw-field-message/spw-field-message.js +1 -1
- package/dist/collection/components/spw-file-upload/spw-file-upload.js +2 -2
- package/dist/collection/components/spw-footer/spw-footer-bottom/spw-footer-bottom.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-content/spw-footer-content.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer.js +1 -1
- package/dist/collection/components/spw-grid/spw-grid-item/spw-grid-item.js +2 -2
- package/dist/collection/components/spw-grid/spw-grid.css +18 -1
- package/dist/collection/components/spw-grid/spw-grid.js +24 -2
- package/dist/collection/components/spw-group/spw-group.js +1 -1
- package/dist/collection/components/spw-header/spw-header-lang/spw-header-lang.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-dropdown/spw-header-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona-item/spw-header-persona-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header.js +12 -1
- package/dist/collection/components/spw-hero/spw-hero.css +37 -0
- package/dist/collection/components/spw-hero/spw-hero.js +97 -5
- package/dist/collection/components/spw-icon/spw-icon.js +1 -1
- package/dist/collection/components/spw-input-slider/spw-input-slider.js +1 -1
- package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.css +436 -0
- package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.js +292 -0
- package/dist/collection/components/spw-lightbox/spw-lightbox.css +614 -0
- package/dist/collection/components/spw-lightbox/spw-lightbox.js +511 -0
- package/dist/collection/components/spw-link/spw-link.js +1 -1
- package/dist/collection/components/spw-list/spw-list-description/spw-list-description.js +1 -1
- package/dist/collection/components/spw-list/spw-list-item/spw-list-item.js +1 -1
- package/dist/collection/components/spw-list/spw-list-title/spw-list-title.js +1 -1
- package/dist/collection/components/spw-list/spw-list.js +1 -1
- package/dist/collection/components/spw-loading/spw-loading.js +1 -1
- package/dist/collection/components/spw-modal/spw-modal.js +3 -3
- package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +1 -1
- package/dist/collection/components/spw-mosaic/spw-mosaic.js +1 -1
- package/dist/collection/components/spw-pagination/spw-pagination.js +6 -6
- package/dist/collection/components/spw-radio/spw-radio.js +1 -1
- package/dist/collection/components/spw-scrolltop/spw-scrolltop.js +1 -1
- package/dist/collection/components/spw-search-field/spw-search-field.css +6 -3
- package/dist/collection/components/spw-search-field/spw-search-field.js +51 -5
- package/dist/collection/components/spw-select/spw-select.js +2 -2
- package/dist/collection/components/spw-separator/spw-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js +3 -3
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar.js +1 -1
- package/dist/collection/components/spw-skeleton/spw-skeleton.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider.js +60 -6
- package/dist/collection/components/spw-socials/spw-socials.js +1 -1
- package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js +1 -1
- package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js +1 -1
- package/dist/collection/components/spw-table/spw-table-container/spw-table-container.js +1 -1
- package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js +1 -1
- package/dist/collection/components/spw-table/spw-table-head/spw-table-head.js +1 -1
- package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js +2 -2
- package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js +1 -1
- package/dist/collection/components/spw-table/spw-table-sidebar/spw-table-sidebar.js +1 -1
- package/dist/collection/components/spw-table/spw-table.js +2 -2
- package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs.js +1 -1
- package/dist/collection/components/spw-tag/spw-tag.js +1 -1
- package/dist/collection/components/spw-text-field/spw-text-field.js +88 -10
- package/dist/collection/components/spw-textarea/spw-textarea.js +2 -2
- package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile.js +1 -1
- package/dist/collection/components/spw-timeline/spw-timeline-item/spw-timeline-item.js +2 -2
- package/dist/collection/components/spw-timeline/spw-timeline.js +2 -2
- package/dist/collection/components/spw-toast/spw-toast-controller/spw-toast-controller.js +1 -1
- package/dist/collection/components/spw-toc/spw-toc-container/spw-toc-container.js +1 -1
- package/dist/collection/components/spw-toc/spw-toc.js +1 -1
- package/dist/collection/components/spw-tooltip/spw-tooltip.js +1 -1
- package/dist/collection/components/spw-topbar/spw-topbar.js +1 -1
- package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js +1 -1
- package/dist/collection/components/spw-wizard/spw-wizard.js +1 -1
- package/dist/collection/stories/components/spw-box/spw-box.stories.js +312 -0
- package/dist/collection/stories/components/spw-custom-select/spw-custom-select.stories.js +23 -2
- package/dist/collection/stories/organisms/spw-hero/spw-hero.stories.js +61 -0
- package/dist/collection/stories/organisms/spw-toc/spw-toc.stories.js +40 -34
- package/dist/collection/utils/animation.js +7 -2
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CMLl0RMI.js → p-BNVh4npd.js} +1 -1
- package/dist/components/{p-LSa_rZXb.js → p-BNsbxGcj.js} +1 -1
- package/dist/components/p-BRFNx2DL.js +1 -0
- package/dist/components/{p-BhdoYDTm.js → p-BRlLi9Ar.js} +1 -1
- package/dist/components/{p-D6LWZKvR.js → p-BqEbo61A.js} +1 -1
- package/dist/components/{p-BjLZzV7o.js → p-C8Vf9QlU.js} +1 -1
- package/dist/components/{p-CDlTW4jP.js → p-CLCgZYzK.js} +1 -1
- package/dist/components/{p-BxRsJDtg.js → p-CNmnvMAU.js} +1 -1
- package/dist/components/{p-DbSA5Qg5.js → p-CyuzNTuL.js} +1 -1
- package/dist/components/{p-DJvzArBD.js → p-D0jLTe4Y.js} +1 -1
- package/dist/components/{p-DwCnnHgn.js → p-D2bR89OY.js} +1 -1
- package/dist/components/p-D3lAXshq.js +1 -0
- package/dist/components/{p-JuqrTYPp.js → p-DdZeGXq7.js} +1 -1
- package/dist/components/{p-BlIs4luv.js → p-HzgF73Oa.js} +1 -1
- package/dist/components/p-lA7JXY3H.js +1 -0
- package/dist/components/{p-DiO72wMf.js → p-oVOlDrOp.js} +1 -1
- package/dist/components/{p-D8N138f1.js → p-w411zfAm.js} +1 -1
- package/dist/components/spw-accordion-content.js +1 -1
- package/dist/components/spw-accordion-item.js +1 -1
- package/dist/components/spw-accordion-title.js +1 -1
- package/dist/components/spw-accordion.js +1 -1
- package/dist/components/spw-avatar.js +1 -1
- package/dist/components/spw-block-content.js +1 -1
- package/dist/components/spw-box.d.ts +11 -0
- package/dist/components/spw-box.js +1 -0
- package/dist/components/spw-breadcrumb-item.js +1 -1
- package/dist/components/spw-breadcrumb.js +1 -1
- package/dist/components/spw-button.js +1 -1
- package/dist/components/spw-card-content.js +1 -1
- package/dist/components/spw-card-excerpt.js +1 -1
- package/dist/components/spw-card-image.js +1 -1
- package/dist/components/spw-card-subtag-item.js +1 -1
- package/dist/components/spw-card-subtags.js +1 -1
- package/dist/components/spw-card-title.js +1 -1
- package/dist/components/spw-card.js +1 -1
- package/dist/components/spw-checkbox.js +1 -1
- package/dist/components/spw-cookies.js +1 -1
- package/dist/components/spw-custom-select.js +1 -1
- package/dist/components/spw-date-picker.js +1 -1
- package/dist/components/spw-dropdown-container.js +1 -1
- package/dist/components/spw-dropdown-item.js +1 -1
- package/dist/components/spw-dropdown.js +1 -1
- package/dist/components/spw-field-label.js +1 -1
- package/dist/components/spw-field-message.js +1 -1
- package/dist/components/spw-file-upload.js +1 -1
- package/dist/components/spw-footer-bottom.js +1 -1
- package/dist/components/spw-footer-content-col.js +1 -1
- package/dist/components/spw-footer-content.js +1 -1
- package/dist/components/spw-footer-link.js +1 -1
- package/dist/components/spw-footer.js +1 -1
- package/dist/components/spw-grid-item.js +1 -1
- package/dist/components/spw-grid.js +1 -1
- package/dist/components/spw-group.js +1 -1
- package/dist/components/spw-header-lang.js +1 -1
- package/dist/components/spw-header-navigation-dropdown.js +1 -1
- package/dist/components/spw-header-navigation-item.js +1 -1
- package/dist/components/spw-header-navigation.js +1 -1
- package/dist/components/spw-header-persona-item.js +1 -1
- package/dist/components/spw-header-persona.js +1 -1
- package/dist/components/spw-header.js +1 -1
- package/dist/components/spw-hero.js +1 -1
- package/dist/components/spw-icon.js +1 -1
- package/dist/components/spw-input-slider.js +1 -1
- package/dist/components/spw-lightbox-item.d.ts +11 -0
- package/dist/components/spw-lightbox-item.js +1 -0
- package/dist/components/spw-lightbox.d.ts +11 -0
- package/dist/components/spw-lightbox.js +1 -0
- package/dist/components/spw-link.js +1 -1
- package/dist/components/spw-list-description.js +1 -1
- package/dist/components/spw-list-item.js +1 -1
- package/dist/components/spw-list-title.js +1 -1
- package/dist/components/spw-list.js +1 -1
- package/dist/components/spw-loading.js +1 -1
- package/dist/components/spw-message.js +1 -1
- package/dist/components/spw-modal.js +1 -1
- package/dist/components/spw-mosaic-item.js +1 -1
- package/dist/components/spw-mosaic.js +4 -4
- package/dist/components/spw-pagination.js +1 -1
- package/dist/components/spw-radio.js +1 -1
- package/dist/components/spw-scrolltop.js +1 -1
- package/dist/components/spw-search-field.js +1 -1
- package/dist/components/spw-select.js +1 -1
- package/dist/components/spw-separator.js +1 -1
- package/dist/components/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/components/spw-sidebar-navigation-item.js +1 -1
- package/dist/components/spw-sidebar-navigation-separator.js +1 -1
- package/dist/components/spw-sidebar.js +1 -1
- package/dist/components/spw-skeleton.js +1 -1
- package/dist/components/spw-slider-item.js +1 -1
- package/dist/components/spw-slider.js +1 -1
- package/dist/components/spw-socials.js +1 -1
- package/dist/components/spw-table-body.js +1 -1
- package/dist/components/spw-table-cell.js +1 -1
- package/dist/components/spw-table-container.js +1 -1
- package/dist/components/spw-table-footer.js +1 -1
- package/dist/components/spw-table-head.js +1 -1
- package/dist/components/spw-table-header.js +1 -1
- package/dist/components/spw-table-row.js +1 -1
- package/dist/components/spw-table-sidebar.js +1 -1
- package/dist/components/spw-table.js +1 -1
- package/dist/components/spw-tabs-navigation-item.js +1 -1
- package/dist/components/spw-tabs-navigation.js +1 -1
- package/dist/components/spw-tabs.js +1 -1
- package/dist/components/spw-tag.js +1 -1
- package/dist/components/spw-text-field.js +1 -1
- package/dist/components/spw-textarea.js +1 -1
- package/dist/components/spw-theme-provider.js +1 -1
- package/dist/components/spw-tile-description.js +1 -1
- package/dist/components/spw-tile-title.js +1 -1
- package/dist/components/spw-tile.js +1 -1
- package/dist/components/spw-timeline-item.js +1 -1
- package/dist/components/spw-timeline.js +1 -1
- package/dist/components/spw-toast-controller.js +1 -1
- package/dist/components/spw-toast.js +1 -1
- package/dist/components/spw-toc-container.js +1 -1
- package/dist/components/spw-toc.js +1 -1
- package/dist/components/spw-tooltip.js +1 -1
- package/dist/components/spw-topbar.js +1 -1
- package/dist/components/spw-wizard-item.js +1 -1
- package/dist/components/spw-wizard.js +1 -1
- package/dist/components_json.json +1545 -122
- package/dist/esm/{animation-BO7xVlWo.js → animation-BRFNx2DL.js} +7 -2
- package/dist/esm/index-BU-5xOtc.js +3158 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/spw-accordion_4.entry.js +5 -5
- package/dist/esm/spw-avatar.entry.js +2 -2
- package/dist/esm/spw-block-content.entry.js +2 -2
- package/dist/esm/spw-box.entry.js +60 -0
- package/dist/esm/spw-breadcrumb-item.entry.js +2 -2
- package/dist/esm/spw-breadcrumb.entry.js +2 -2
- package/dist/esm/spw-button_2.entry.js +4 -4
- package/dist/esm/spw-card-content.entry.js +2 -2
- package/dist/esm/spw-card-excerpt.entry.js +2 -2
- package/dist/esm/spw-card-image.entry.js +2 -2
- package/dist/esm/spw-card-subtag-item.entry.js +2 -2
- package/dist/esm/spw-card-subtags.entry.js +2 -2
- package/dist/esm/spw-card-title.entry.js +2 -2
- package/dist/esm/spw-card.entry.js +2 -2
- package/dist/esm/spw-checkbox.entry.js +2 -2
- package/dist/esm/spw-cookies.entry.js +1 -1
- package/dist/esm/spw-custom-select.entry.js +65 -6
- package/dist/esm/spw-date-picker.entry.js +2 -2
- package/dist/esm/spw-dropdown-container.entry.js +2 -2
- package/dist/esm/spw-dropdown-item.entry.js +2 -2
- package/dist/esm/spw-dropdown.entry.js +2 -2
- package/dist/esm/spw-field-label_7.entry.js +8 -8
- package/dist/esm/spw-field-message.entry.js +2 -2
- package/dist/esm/spw-file-upload.entry.js +3 -3
- package/dist/esm/spw-footer-bottom.entry.js +2 -2
- package/dist/esm/spw-footer-content-col.entry.js +2 -2
- package/dist/esm/spw-footer-content.entry.js +2 -2
- package/dist/esm/spw-footer-link.entry.js +2 -2
- package/dist/esm/spw-footer.entry.js +2 -2
- package/dist/esm/spw-grid-item.entry.js +3 -3
- package/dist/esm/spw-grid.entry.js +6 -4
- package/dist/esm/spw-header-lang.entry.js +2 -2
- package/dist/esm/spw-header-navigation-dropdown.entry.js +2 -2
- package/dist/esm/spw-header-navigation-item.entry.js +2 -2
- package/dist/esm/spw-header-navigation.entry.js +2 -2
- package/dist/esm/spw-header-persona-item.entry.js +2 -2
- package/dist/esm/spw-header-persona.entry.js +2 -2
- package/dist/esm/spw-header.entry.js +13 -2
- package/dist/esm/spw-hero.entry.js +21 -5
- package/dist/esm/spw-illustration.entry.js +1 -1
- package/dist/esm/spw-input-slider.entry.js +2 -2
- package/dist/esm/spw-lightbox-item.entry.js +51 -0
- package/dist/esm/spw-lightbox.entry.js +233 -0
- package/dist/esm/spw-list-description.entry.js +2 -2
- package/dist/esm/spw-list-item.entry.js +2 -2
- package/dist/esm/spw-list-title.entry.js +2 -2
- package/dist/esm/spw-list.entry.js +2 -2
- package/dist/esm/spw-message.entry.js +1 -1
- package/dist/esm/spw-modal.entry.js +5 -5
- package/dist/esm/spw-mosaic-item.entry.js +2 -2
- package/dist/esm/spw-mosaic.entry.js +2 -2
- package/dist/esm/spw-pagination.entry.js +7 -7
- package/dist/esm/spw-radio.entry.js +2 -2
- package/dist/esm/spw-scrolltop.entry.js +2 -2
- package/dist/esm/spw-search-field.entry.js +12 -6
- package/dist/esm/spw-select.entry.js +2 -2
- package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +2 -2
- package/dist/esm/spw-sidebar-navigation-item.entry.js +4 -4
- package/dist/esm/spw-sidebar-navigation-separator.entry.js +2 -2
- package/dist/esm/spw-sidebar.entry.js +2 -2
- package/dist/esm/spw-skeleton.entry.js +2 -2
- package/dist/esm/spw-slider-item.entry.js +2 -2
- package/dist/esm/spw-slider.entry.js +16 -7
- package/dist/esm/spw-socials.entry.js +2 -2
- package/dist/esm/spw-stencil-library.js +3 -3
- package/dist/esm/spw-table-body.entry.js +2 -2
- package/dist/esm/spw-table-cell.entry.js +2 -2
- package/dist/esm/spw-table-container.entry.js +2 -2
- package/dist/esm/spw-table-footer.entry.js +2 -2
- package/dist/esm/spw-table-head.entry.js +2 -2
- package/dist/esm/spw-table-header.entry.js +3 -3
- package/dist/esm/spw-table-row.entry.js +2 -2
- package/dist/esm/spw-table-sidebar.entry.js +2 -2
- package/dist/esm/spw-table.entry.js +3 -3
- package/dist/esm/spw-tabs-content.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation-item.entry.js +2 -2
- package/dist/esm/spw-tabs-navigation.entry.js +2 -2
- package/dist/esm/spw-tabs.entry.js +2 -2
- package/dist/esm/spw-tag.entry.js +2 -2
- package/dist/esm/spw-text-field.entry.js +69 -10
- package/dist/esm/spw-textarea.entry.js +2 -2
- package/dist/esm/spw-tile-description.entry.js +2 -2
- package/dist/esm/spw-tile-title.entry.js +2 -2
- package/dist/esm/spw-tile.entry.js +2 -2
- package/dist/esm/spw-timeline-item.entry.js +3 -3
- package/dist/esm/spw-timeline.entry.js +3 -3
- package/dist/esm/spw-toast-controller.entry.js +2 -2
- package/dist/esm/spw-toast.entry.js +2 -2
- package/dist/esm/spw-toc-container.entry.js +2 -2
- package/dist/esm/spw-toc-navigation.entry.js +1 -1
- package/dist/esm/spw-toc.entry.js +2 -2
- package/dist/esm/spw-topbar.entry.js +2 -2
- package/dist/esm/spw-wizard-item.entry.js +2 -2
- package/dist/esm/spw-wizard.entry.js +2 -2
- package/dist/spw-stencil-library/{p-bc6051f9.entry.js → p-024a26e8.entry.js} +1 -1
- package/dist/spw-stencil-library/p-03addc15.entry.js +1 -0
- package/dist/spw-stencil-library/{p-fd8ae317.entry.js → p-05378ed8.entry.js} +1 -1
- package/dist/spw-stencil-library/p-0583eb9e.entry.js +1 -0
- package/dist/spw-stencil-library/{p-e88d700b.entry.js → p-074758e0.entry.js} +1 -1
- package/dist/spw-stencil-library/p-0fbae5ce.entry.js +1 -0
- package/dist/spw-stencil-library/{p-d9b44e31.entry.js → p-123bfbc0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f5b3255d.entry.js → p-1337adf5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e1b7565b.entry.js → p-170c4262.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-231fbcc9.entry.js → p-1bdcb44c.entry.js} +1 -1
- package/dist/spw-stencil-library/p-1cd657f6.entry.js +1 -0
- package/dist/spw-stencil-library/p-1cd68465.entry.js +1 -0
- package/dist/spw-stencil-library/{p-68c8ab55.entry.js → p-1eb101b8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ce6499ac.entry.js → p-2fb76b1e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-21ac7e70.entry.js → p-31035d04.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c84743b7.entry.js → p-311be1c9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-536082bb.entry.js → p-32340c8d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bb50f1c6.entry.js → p-3374ac92.entry.js} +1 -1
- package/dist/spw-stencil-library/p-3703f96f.entry.js +1 -0
- package/dist/spw-stencil-library/{p-9bcade02.entry.js → p-38f286b7.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5b6d907b.entry.js → p-3cee0356.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fc3463d2.entry.js → p-404a11b2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-77c9e985.entry.js → p-4265f6e5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a4336c0c.entry.js → p-4504a51e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d8967e7d.entry.js → p-47ee3609.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bef41011.entry.js → p-49be0d9e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-017e66d3.entry.js → p-4a8766cc.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-12e209dc.entry.js → p-4f163e66.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7d0fb1fc.entry.js → p-50bf3984.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-33b37c7f.entry.js → p-543d3e89.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-899045e0.entry.js → p-5631f2de.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1e21eb78.entry.js → p-56b73f04.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-53b60fa8.entry.js → p-5ac48320.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ed5c4229.entry.js → p-66b30373.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-428c33de.entry.js → p-699e435e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8cfe9a5c.entry.js → p-6dabae01.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c195597b.entry.js → p-6ea95517.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-937eeeeb.entry.js → p-79c6f599.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c7f64bb6.entry.js → p-79f8babf.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-04208e52.entry.js → p-7a3131fa.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-461f9d48.entry.js → p-7ae08cea.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3049cc60.entry.js → p-7fe2e659.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ce6317dd.entry.js → p-7ffe8116.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-72d6b4cb.entry.js → p-82b5e1a1.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9911694d.entry.js → p-8901c312.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-989fa86f.entry.js → p-8e8f253e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-eb71cf55.entry.js → p-910755a9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1c25df2f.entry.js → p-94158325.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-335b9ec2.entry.js → p-98f51dbc.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6c67f42e.entry.js → p-9b28f86c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9f3abef5.entry.js → p-9ddfa4ef.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-584f8ba5.entry.js → p-9ee8fd30.entry.js} +1 -1
- package/dist/spw-stencil-library/p-BRFNx2DL.js +1 -0
- package/dist/spw-stencil-library/p-BU-5xOtc.js +2 -0
- package/dist/spw-stencil-library/{p-4aa5759c.entry.js → p-a09e3914.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dd9a9e15.entry.js → p-a7b665db.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-326f87ff.entry.js → p-a8d2e217.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ef377fc3.entry.js → p-ac6f9351.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-862ebaf0.entry.js → p-afb26e73.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a77de6f3.entry.js → p-b15db228.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-11039299.entry.js → p-b1b6f3cb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-2ef62013.entry.js → p-b218aeda.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-12878c95.entry.js → p-b3152418.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6ac1cfdb.entry.js → p-b53d9fdb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-935f19f8.entry.js → p-bd26c928.entry.js} +1 -1
- package/dist/spw-stencil-library/p-be220196.entry.js +1 -0
- package/dist/spw-stencil-library/{p-b82b3af6.entry.js → p-bebfe3cd.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-39cae775.entry.js → p-bfd908c9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3694301c.entry.js → p-c41fe381.entry.js} +1 -1
- package/dist/spw-stencil-library/p-c5824697.entry.js +1 -0
- package/dist/spw-stencil-library/{p-92b69e67.entry.js → p-cdff9c53.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a574c1f7.entry.js → p-ce6af096.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d21b0833.entry.js → p-d2cabbe3.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5c58ca89.entry.js → p-da0a8272.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-72e7b957.entry.js → p-daf0d53e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-eba031ea.entry.js → p-dc802ca2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9eeeb874.entry.js → p-dcd5fa8d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-06e9e52e.entry.js → p-deca1884.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-862856bf.entry.js → p-dee97ef5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e53ff9dd.entry.js → p-df311267.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9397da21.entry.js → p-e0b50329.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-acd69768.entry.js → p-e1c2b8f8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1a85816b.entry.js → p-e4710721.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-46256b79.entry.js → p-e5579295.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6b8ad6ec.entry.js → p-e7115b5c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5779ce33.entry.js → p-e7dbe743.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8fc73ffb.entry.js → p-e86c4192.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f413fe3a.entry.js → p-e96bccc1.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c9cb2441.entry.js → p-eda2cbd9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b460afdc.entry.js → p-f2aaa06a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-218ae66c.entry.js → p-f43e54c9.entry.js} +1 -1
- package/dist/spw-stencil-library/p-f7b152f7.entry.js +1 -0
- package/dist/spw-stencil-library/{p-3ad3b8d1.entry.js → p-f880da57.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fb0820ba.entry.js → p-fbbacf1e.entry.js} +1 -1
- package/dist/spw-stencil-library/p-ff26da9e.entry.js +1 -0
- package/dist/spw-stencil-library/spw-stencil-library.css +3 -3
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/stats.json +13077 -10025
- package/dist/types/components/spw-box/spw-box.d.ts +25 -0
- package/dist/types/components/spw-custom-select/spw-custom-select.d.ts +12 -1
- package/dist/types/components/spw-date-picker/spw-date-picker.d.ts +1 -1
- package/dist/types/components/spw-grid/spw-grid.d.ts +2 -0
- package/dist/types/components/spw-hero/spw-hero.d.ts +9 -1
- package/dist/types/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.d.ts +37 -0
- package/dist/types/components/spw-lightbox/spw-lightbox.d.ts +69 -0
- package/dist/types/components/spw-search-field/spw-search-field.d.ts +7 -1
- package/dist/types/components/spw-select/spw-select.d.ts +1 -1
- package/dist/types/components/spw-slider/spw-slider.d.ts +14 -0
- package/dist/types/components/spw-text-field/spw-text-field.d.ts +6 -1
- package/dist/types/components/spw-textarea/spw-textarea.d.ts +1 -1
- package/dist/types/components.d.ts +507 -15
- package/dist/types/stories/components/spw-box/spw-box.stories.d.ts +10 -0
- package/dist/types/stories/components/spw-custom-select/spw-custom-select.stories.d.ts +1 -0
- package/dist/types/stories/organisms/spw-hero/spw-hero.stories.d.ts +3 -0
- package/hydrate/index.js +737 -164
- package/hydrate/index.mjs +737 -164
- package/package.json +1 -1
- package/dist/cjs/index-CX9is0m-.js +0 -3175
- package/dist/components/p-BO7xVlWo.js +0 -1
- package/dist/components/p-CANbQKSH.js +0 -1
- package/dist/components/p-D4YZDvw0.js +0 -1
- package/dist/components_vscode.json +0 -4824
- package/dist/esm/index-Dk6w7kAO.js +0 -3146
- package/dist/spw-stencil-library/p-17891524.entry.js +0 -1
- package/dist/spw-stencil-library/p-438fedef.entry.js +0 -1
- package/dist/spw-stencil-library/p-9e73b259.entry.js +0 -1
- package/dist/spw-stencil-library/p-BO7xVlWo.js +0 -1
- package/dist/spw-stencil-library/p-Dk6w7kAO.js +0 -2
- package/dist/spw-stencil-library/p-b4391972.entry.js +0 -1
- package/dist/spw-stencil-library/p-c452d5b0.entry.js +0 -1
- package/dist/spw-stencil-library/p-c8800fc9.entry.js +0 -1
- package/dist/spw-stencil-library/p-dd4fe0fb.entry.js +0 -1
|
@@ -167,12 +167,12 @@ export class SpwPagination {
|
|
|
167
167
|
const pages = this.calculatePageRange();
|
|
168
168
|
const showPrevArrow = this.currentPage > 1;
|
|
169
169
|
const showNextArrow = this.currentPage < this.totalPages;
|
|
170
|
-
const prevArrow = showPrevArrow && (h("li", { key: '
|
|
171
|
-
const nextArrow = showNextArrow && (h("li", { key: '
|
|
172
|
-
const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '
|
|
173
|
-
const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '
|
|
174
|
-
const mobileArrows = (h("ul", { key: '
|
|
175
|
-
return (h(Host, { key: '
|
|
170
|
+
const prevArrow = showPrevArrow && (h("li", { key: '3be58601d099b80bbe2ac8b52d27c961278ddace', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'a155d4c07d063f135232291413299eb228d43574', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '1d57b0eac677bb064710d4e056621358f8f3c8c0', icon: "fa-chevron-left" }), " ", h("span", { key: '0dfe8068e94cc52bc3d83420f70784575e9edb69', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
|
|
171
|
+
const nextArrow = showNextArrow && (h("li", { key: '46b1a044e63f3f1a5e01392322de4511f957e8b0', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '24efc6b1b9c3acfc06ec849bbaae55736f73ad70', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '40f524b43fbb5a3dae2ba786ab376cc9a945efa1', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '6a51c07ace8b2e14c81d1573fadb9cb4d5dec4ee', icon: "fa-chevron-right" }))));
|
|
172
|
+
const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'f904a9377fe53e18337645f3ff2bb0cfe07d2898', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '715726f155cd8a44cf377381bf8049ada7e055d6', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '2cda6893bbebddeb3ab23bee702a196f676ffeda', icon: "fa-chevron-left" }), " ", h("span", { key: 'bee785dc1ce752fa1d2002848ddb7c54861e0eb6' }, this.previousButtonText))));
|
|
173
|
+
const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'dc9dea0daf430d08e4148c66169e321b7e8cf561', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '7de0f8e727b10c85d832e77f7c2dcd6550063a06', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '1bd49abc9d644d7b4990fb6ce877964015c4cac6' }, this.nextButtonText), " ", h("spw-icon", { key: 'b72b4cd2686b1ad437469d816687ea3d2a80d4ec', icon: "fa-chevron-right" }))));
|
|
174
|
+
const mobileArrows = (h("ul", { key: '4444865a9c0b2717b11cd5ff584c6b79131de0be', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
|
|
175
|
+
return (h(Host, { key: '3561ff2dae44020c6b0f09708ca8e64e77f70703' }, h("div", { key: 'b14002374e4defab6f7283cf59888895913ab900', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '36b5ca0bbf77af904d9901098d92e16951f6df8a' }, h("ul", { key: '5c0c9d0d6214d77be59f37e1c5eaeac85c22043b' }, prevArrow, h("li", { key: 'd13588e422f791ff3dc82172548b3c97c3d0ac1b', class: "spw-pagination__input" }, h("spw-text-field", { key: '48f88bdb544091ed88c0fa3e5f2c5a4045eedfb9', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: 'f0ab8531cd57b6d755cd17a14d286e9ab927b983', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '3ac5b728f5ff827615eea3a2b2c4033de0f0258b' }, h("ul", { key: '4abef0513bbbad4fe9fd1f99f7e8bf2526352203' }, prevArrow, pages.map(({ page, class: pageClass }) => {
|
|
176
176
|
if (page === '...') {
|
|
177
177
|
return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
|
|
178
178
|
}
|
|
@@ -92,7 +92,7 @@ export class SpwRadio {
|
|
|
92
92
|
render() {
|
|
93
93
|
const slot = this.el.innerHTML;
|
|
94
94
|
const hasSlot = Boolean(slot);
|
|
95
|
-
return (h("div", { key: '
|
|
95
|
+
return (h("div", { key: '1cd5fe52e60b5f0fc8c7b9e1b00bedb3f1ddf482', class: "spw-radio" }, h("input", { key: '66251d69eace9d1cdd70a725955cbf5ab6540855', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '7ae731247f36a3ee6b5d844509027c3055db4f51', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: '6a6363aa8d4c7f894a5e6a945111672cb734c837' }))), h("div", { key: '33fc90a2322117c2e342e84d0eb51c98359d18c2', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && h("span", { key: '853ded62def63d9c6b2c41bf7355d8e6a75c4fb8', class: "spw-radio__circle" }))));
|
|
96
96
|
}
|
|
97
97
|
static get is() { return "spw-radio"; }
|
|
98
98
|
static get encapsulation() { return "shadow"; }
|
|
@@ -73,7 +73,7 @@ export class SpwScrolltop {
|
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
|
-
return (h(Host, { key: '
|
|
76
|
+
return (h(Host, { key: '118f6893a31cb39af5be1d8bde76e6e8de5ed454', class: this.hostClass }, h("spw-button", { key: 'e9124387ba2d11c2531e7086901cee7a4be2dc30', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
|
|
77
77
|
}
|
|
78
78
|
static get is() { return "spw-scrolltop"; }
|
|
79
79
|
static get encapsulation() { return "shadow"; }
|
|
@@ -395,17 +395,20 @@ template {
|
|
|
395
395
|
.spw-search-field--has-submit-button spw-text-field {
|
|
396
396
|
--spw-input-padding-right: 56px;
|
|
397
397
|
}
|
|
398
|
+
.spw-search-field__container {
|
|
399
|
+
position: relative;
|
|
400
|
+
}
|
|
398
401
|
.spw-search-field__category {
|
|
399
402
|
font-style: italic;
|
|
400
403
|
}
|
|
401
404
|
|
|
402
405
|
.spw-search-field__submit {
|
|
403
406
|
position: absolute;
|
|
404
|
-
right:
|
|
407
|
+
right: 8px;
|
|
405
408
|
top: 50%;
|
|
406
409
|
transform: translateY(-50%);
|
|
407
|
-
width:
|
|
408
|
-
height:
|
|
410
|
+
width: 30px;
|
|
411
|
+
height: 30px;
|
|
409
412
|
border: none;
|
|
410
413
|
border-radius: 50%;
|
|
411
414
|
background: transparent;
|
|
@@ -17,6 +17,8 @@ export class SpwSearchField {
|
|
|
17
17
|
this.required = false;
|
|
18
18
|
/** Texte du lien pour voir tous les résultats */
|
|
19
19
|
this.viewAllResults = 'Voir plus de résultats';
|
|
20
|
+
/** Soumet le formulaire parent au clic sur le lien "voir tous les résultats" */
|
|
21
|
+
this.viewAllResultsSubmit = false;
|
|
20
22
|
/** Texte à afficher si pas de résultats */
|
|
21
23
|
this.noResults = 'Pas de résultats.';
|
|
22
24
|
/** Texte à afficher pendant le chargement */
|
|
@@ -27,6 +29,8 @@ export class SpwSearchField {
|
|
|
27
29
|
this.minCharacters = 3;
|
|
28
30
|
/** Indique si le champ est en cours de chargement */
|
|
29
31
|
this.isLoading = false;
|
|
32
|
+
/** Indique si le dropdown de résultats doit être affiché */
|
|
33
|
+
this.showDropdown = true;
|
|
30
34
|
/** Positionnement du tooltip */
|
|
31
35
|
this.tooltipDirection = 'top';
|
|
32
36
|
/** Curseur du tooltip */
|
|
@@ -82,6 +86,7 @@ export class SpwSearchField {
|
|
|
82
86
|
}
|
|
83
87
|
componentWillLoad() {
|
|
84
88
|
this.parseItems(this.items);
|
|
89
|
+
this.defaultValue = this.value;
|
|
85
90
|
this.initializeFromValue(this.value);
|
|
86
91
|
}
|
|
87
92
|
componentDidLoad() {
|
|
@@ -123,8 +128,9 @@ export class SpwSearchField {
|
|
|
123
128
|
}
|
|
124
129
|
/** Réinitialise le champ de recherche */
|
|
125
130
|
async resetInput() {
|
|
126
|
-
this.
|
|
127
|
-
this.value
|
|
131
|
+
this.value = this.defaultValue || '';
|
|
132
|
+
this.initializeFromValue(this.value);
|
|
133
|
+
this.updateHiddenInput();
|
|
128
134
|
this.isOpen = false;
|
|
129
135
|
this.focusedItemIndex = null;
|
|
130
136
|
this.valueChanged.emit(this.value);
|
|
@@ -256,10 +262,10 @@ export class SpwSearchField {
|
|
|
256
262
|
};
|
|
257
263
|
}
|
|
258
264
|
render() {
|
|
259
|
-
return (h("div", { key: '
|
|
265
|
+
return (h("div", { key: '076b7ca803432ab6fdc57df341cd9abb9d0746e8', ref: el => (this.hostElement = el), class: this.elementClass }, this.label && (h("spw-field-label", { key: '32933e534c615bbde3ba37b143671eee73ba3142', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onClick: () => { var _a; return (_a = this.textFieldElement) === null || _a === void 0 ? void 0 : _a.setFocus(); } })), h("div", { key: '8ff899f01a391d50d02fa819ca0bc878de9c768b', class: "spw-search-field__container" }, h("spw-text-field", { key: 'e830cecde53e76169008c8dc7b56fb01f6bff559', ref: el => (this.textFieldElement = el), placeholder: this.placeholder, name: this.name, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '016e6095352a366eae19838bf5feb35d5cbd6f70', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" })), this.showDropdown && this.isOpen && !!this.items && (h("div", { key: '1a4e5e67653ea0f7dc07b5117ff476ddfa1cc7ee', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: 'f95f895b631f09a8efc3598d8143972c546c119f' }, this.filteredItems.map((item, index) => (h("li", { class: {
|
|
260
266
|
'spw-search-field__option': true,
|
|
261
267
|
'spw-search-field__option--focused': index === this.focusedItemIndex,
|
|
262
|
-
}, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: '
|
|
268
|
+
}, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: '63f2c76aa53c4f844be0c26f370c67bdb4fb7fda', class: "spw-search-field__loading" }, h("spw-loading", { key: 'c3632d6cd30b4ab090c2ca2ab35d1db0d2d24dd4', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && h("p", { key: '0fb0c74396d607b923a42e3b0dba92e068a35274', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && (h("p", { key: '337e629631228c1ebe3310d3fdf88955e76a075b', class: "spw-search-field__view-all" }, h("a", { key: '6494019b819efefa1959d9590a82c8a675006afb', href: this.viewAllResultsLink, onClick: this.viewAllResultsSubmit ? this.handleSubmit : undefined }, this.viewAllResults, " ", h("spw-icon", { key: '24c124d0d2b378e233474cb97da05b54020b96f8', icon: "fa-arrow-right" }))))))));
|
|
263
269
|
}
|
|
264
270
|
static get is() { return "spw-search-field"; }
|
|
265
271
|
static get encapsulation() { return "shadow"; }
|
|
@@ -469,7 +475,7 @@ export class SpwSearchField {
|
|
|
469
475
|
"optional": true,
|
|
470
476
|
"docs": {
|
|
471
477
|
"tags": [],
|
|
472
|
-
"text": "Texte d'assistance affich\u00E9 sous le
|
|
478
|
+
"text": "Texte d'assistance affich\u00E9 sous le label"
|
|
473
479
|
},
|
|
474
480
|
"getter": false,
|
|
475
481
|
"setter": false,
|
|
@@ -515,6 +521,26 @@ export class SpwSearchField {
|
|
|
515
521
|
"reflect": false,
|
|
516
522
|
"attribute": "view-all-results-link"
|
|
517
523
|
},
|
|
524
|
+
"viewAllResultsSubmit": {
|
|
525
|
+
"type": "boolean",
|
|
526
|
+
"mutable": false,
|
|
527
|
+
"complexType": {
|
|
528
|
+
"original": "boolean",
|
|
529
|
+
"resolved": "boolean",
|
|
530
|
+
"references": {}
|
|
531
|
+
},
|
|
532
|
+
"required": false,
|
|
533
|
+
"optional": true,
|
|
534
|
+
"docs": {
|
|
535
|
+
"tags": [],
|
|
536
|
+
"text": "Soumet le formulaire parent au clic sur le lien \"voir tous les r\u00E9sultats\""
|
|
537
|
+
},
|
|
538
|
+
"getter": false,
|
|
539
|
+
"setter": false,
|
|
540
|
+
"reflect": false,
|
|
541
|
+
"attribute": "view-all-results-submit",
|
|
542
|
+
"defaultValue": "false"
|
|
543
|
+
},
|
|
518
544
|
"noResults": {
|
|
519
545
|
"type": "string",
|
|
520
546
|
"mutable": false,
|
|
@@ -615,6 +641,26 @@ export class SpwSearchField {
|
|
|
615
641
|
"attribute": "is-loading",
|
|
616
642
|
"defaultValue": "false"
|
|
617
643
|
},
|
|
644
|
+
"showDropdown": {
|
|
645
|
+
"type": "boolean",
|
|
646
|
+
"mutable": false,
|
|
647
|
+
"complexType": {
|
|
648
|
+
"original": "boolean",
|
|
649
|
+
"resolved": "boolean",
|
|
650
|
+
"references": {}
|
|
651
|
+
},
|
|
652
|
+
"required": false,
|
|
653
|
+
"optional": true,
|
|
654
|
+
"docs": {
|
|
655
|
+
"tags": [],
|
|
656
|
+
"text": "Indique si le dropdown de r\u00E9sultats doit \u00EAtre affich\u00E9"
|
|
657
|
+
},
|
|
658
|
+
"getter": false,
|
|
659
|
+
"setter": false,
|
|
660
|
+
"reflect": false,
|
|
661
|
+
"attribute": "show-dropdown",
|
|
662
|
+
"defaultValue": "true"
|
|
663
|
+
},
|
|
618
664
|
"tooltipTitle": {
|
|
619
665
|
"type": "string",
|
|
620
666
|
"mutable": false,
|
|
@@ -176,7 +176,7 @@ export class SpwSelect {
|
|
|
176
176
|
};
|
|
177
177
|
}
|
|
178
178
|
render() {
|
|
179
|
-
return (h(Host, { key: '
|
|
179
|
+
return (h(Host, { key: '81b442a4a808d22e864b0ae86e596394ed2e4138' }, h("div", { key: 'ec9981cddfe018e48fd37e891826c2057d6b06b7', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'ed31b2aea9498dd32a89b3bb67759cfa76620201', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '0515f6a86938f9df94e35a184501fe1cb1b911ad', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'dcea546070211670b8e1af0b6e97c1564f7e8bd0', class: "spw-select__container" }, h("select", { key: '44a6c19e9b485fb11ca13137f339ddf97e3fcd61', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, h("option", { key: '0126406f9e6b9046c86063eadc283278266f36d6', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), h("div", { key: '9743ab039baf9d35591681f3767bbee018257d56', class: "spw-select__icons" }, this.isClear && !!this.internalValue && (h("span", { key: '3779eea44d77795a42eb030dda1af776c5f02b9c', class: "spw-select__clear", onClick: event => this.handleClear(event) }, h("spw-icon", { key: 'b22e5e2aa2c81eeb1f0c34fbeaadba4f9f8e4827', icon: "fa-xmark" }))), h("spw-icon", { key: 'd9631b9b8f57f3e9184fdca81de6e83fcf5cd343', class: "spw-select__arrow", icon: "fa-chevron-down" }))), !this.items && h("slot", { key: '35913f6a392f1f7ec0d2794c5253054df88ee421' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
|
|
180
180
|
}
|
|
181
181
|
static get is() { return "spw-select"; }
|
|
182
182
|
static get encapsulation() { return "shadow"; }
|
|
@@ -342,7 +342,7 @@ export class SpwSelect {
|
|
|
342
342
|
"optional": true,
|
|
343
343
|
"docs": {
|
|
344
344
|
"tags": [],
|
|
345
|
-
"text": "Texte d'assistance affich\u00E9 sous le
|
|
345
|
+
"text": "Texte d'assistance affich\u00E9 sous le label"
|
|
346
346
|
},
|
|
347
347
|
"getter": false,
|
|
348
348
|
"setter": false,
|
|
@@ -27,7 +27,7 @@ export class SpwSeparator {
|
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return h("div", { key: '
|
|
30
|
+
return h("div", { key: '1abf9cc5a93e981576d5177624a7e52f936ac310', class: this.elementClass, style: this.style });
|
|
31
31
|
}
|
|
32
32
|
static get is() { return "spw-separator"; }
|
|
33
33
|
static get encapsulation() { return "shadow"; }
|
|
@@ -11,7 +11,7 @@ export class SpwSidebarNavigationDropdown {
|
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: '4e08216cc72964348aa37ff6a12fa66a2e823dc7', class: this.classes }, h("div", { key: 'fcd994a704e190786a58ed8629257f78627dd56c', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '0f6f87b0fb03bc4d1d5140c557c4c0e3e4857544' }))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "spw-sidebar-navigation-dropdown"; }
|
|
17
17
|
static get originalStyleUrls() {
|
|
@@ -169,14 +169,14 @@ export class SpwSidebarNavigationItem {
|
|
|
169
169
|
}
|
|
170
170
|
render() {
|
|
171
171
|
const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
|
|
172
|
-
const iconContent = h("spw-icon", { key: '
|
|
173
|
-
const iconDiv = (h("div", { key: '
|
|
172
|
+
const iconContent = h("spw-icon", { key: '4e429bdabcf50ea0f1de574908241f5e8cbfb4a5', variant: this.iconVariant, icon: this.icon });
|
|
173
|
+
const iconDiv = (h("div", { key: '9a426daba6b369769ae02761344b7d17cddde591', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'c5a465e61e51e0d92f0b71092351763fa8f89c32', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
|
|
174
174
|
const iconWithBubble = this.tooltipTitle ? (h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
|
|
175
175
|
const toggleClasses = {
|
|
176
176
|
'spw-sidebar-navigation-item__dropdown-toggle': true,
|
|
177
177
|
'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
|
|
178
178
|
};
|
|
179
|
-
return (h(Tag, { key: '
|
|
179
|
+
return (h(Tag, { key: 'a571fe5374963999bca79dc4190a0ea88fe0951f', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: 'e5fbdcaee4a0095ac962ddb5cac6e5dd9e11c382', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'ee61f90d419672159fc5ce7c7f26d0b9ab8ee5ab', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '6a17d7d4d6227d89354a7c994219264942c5e69a' })), this.hasDropdown && (h("div", { key: '526958d3c15f97b7dd76a27989849bd55a17ae5e', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'dbb8e13fae5b23a0b1cea9b0311cfb1e28049c0e', icon: "fa-chevron-down" }))), h("slot", { key: '5a5d30dbcf2d0bbc1da2116a11be376615e066d5', name: "dropdown" }))));
|
|
180
180
|
}
|
|
181
181
|
static get is() { return "spw-sidebar-navigation-item"; }
|
|
182
182
|
static get originalStyleUrls() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class SpwSidebarNavigationSeparator {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '9d1664101ce3ca34da06c4ebaad40865189e067b' }, h("spw-separator", { key: '81d9f0715dddd13b7c6826230841850a975132bc', class: "spw-sidebar-navigation-separator" })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-sidebar-navigation-separator"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -76,7 +76,7 @@ export class SpwSidebar {
|
|
|
76
76
|
};
|
|
77
77
|
}
|
|
78
78
|
render() {
|
|
79
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: '72a2f89a98e5cbc00503e069868ae36cf0240bc3', class: this.hostClass }, h("div", { key: '463a912062098bf740ad9a84f9b74189ac93db90', class: this.elementClass }, h("span", { key: '9780e3d315a4db368cc72212e28b4dce59bf985a', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '7ba5560ce536fa666e33bf4ebf6bd8984bd1b92f', icon: "fa-chevron-right" })), h("div", { key: '5cab2c94c2e88a2f6e0c5760c0476452269ee10b', class: "spw-sidebar__content" }, h("slot", { key: '76befd343e9630d637caa7e1efbab66f91c4f6f3', name: "navigation-top" }), h("slot", { key: '1ba0460ed74fc397a246ab23150f550c36073233', name: "navigation-bottom" })), h("div", { key: '7423dc45bf425e186f974d51fca35366ca4275f6', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
|
|
80
80
|
}
|
|
81
81
|
static get is() { return "spw-sidebar"; }
|
|
82
82
|
static get encapsulation() { return "shadow"; }
|
|
@@ -44,7 +44,7 @@ export class SpwSkeleton {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
-
return (h(Host, { key: '
|
|
47
|
+
return (h(Host, { key: '0f7e8f178a55f0eb163952a108dbe34a231957bb' }, h("div", { key: 'a0d1377d8102b3fc27d6a84f475394ecd9e850dc', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '2de8c01eea2551f136521a63502c7083403fe01f' }))));
|
|
48
48
|
}
|
|
49
49
|
static get is() { return "spw-skeleton"; }
|
|
50
50
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class SpwSliderItem {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'df17886d293207dae93f660b3ecae2dab64e2672' }, h("div", { key: 'ad894ae2adfb7b4bae3849a71716b436d3b4399b', class: "spw-slider-item" }, h("slot", { key: '32ccf7e4b71f875f410de75dc9a4f83523c5f755' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-slider-item"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -49,12 +49,12 @@ export class SpwSlider {
|
|
|
49
49
|
};
|
|
50
50
|
this.handlePrevious = () => {
|
|
51
51
|
if (this.activeIndex > 0) {
|
|
52
|
-
this.goToSlide(this.activeIndex - 1);
|
|
52
|
+
this.goToSlide(this.activeIndex - 1, 'previous');
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
this.handleNext = () => {
|
|
56
56
|
if (this.activeIndex < this.totalSlides - 1) {
|
|
57
|
-
this.goToSlide(this.activeIndex + 1);
|
|
57
|
+
this.goToSlide(this.activeIndex + 1, 'next');
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
60
|
this.handleDotClick = (index) => {
|
|
@@ -64,7 +64,7 @@ export class SpwSlider {
|
|
|
64
64
|
this.stopAutoplay();
|
|
65
65
|
this.autoplayTimer = window.setInterval(() => {
|
|
66
66
|
const nextIndex = this.activeIndex < this.totalSlides - 1 ? this.activeIndex + 1 : 0;
|
|
67
|
-
this.goToSlide(nextIndex);
|
|
67
|
+
this.goToSlide(nextIndex, 'next');
|
|
68
68
|
}, this.autoplayInterval);
|
|
69
69
|
};
|
|
70
70
|
this.stopAutoplay = () => {
|
|
@@ -274,10 +274,16 @@ export class SpwSlider {
|
|
|
274
274
|
}
|
|
275
275
|
}, 100 * (attempt + 1));
|
|
276
276
|
}
|
|
277
|
-
goToSlide(index) {
|
|
277
|
+
goToSlide(index, direction) {
|
|
278
278
|
if (index < 0 || index >= this.totalSlides)
|
|
279
279
|
return;
|
|
280
|
+
const previousIndex = this.activeIndex;
|
|
280
281
|
this.activeIndex = index;
|
|
282
|
+
this.spwSliderChange.emit({ index, previousIndex });
|
|
283
|
+
if (direction === 'next')
|
|
284
|
+
this.spwSliderNext.emit({ index });
|
|
285
|
+
if (direction === 'previous')
|
|
286
|
+
this.spwSliderPrevious.emit({ index });
|
|
281
287
|
this.slides.forEach((slide, i) => {
|
|
282
288
|
const offset = (i - this.activeIndex) * 100;
|
|
283
289
|
slide.style.transition = 'transform 0.3s ease-in-out';
|
|
@@ -377,10 +383,10 @@ export class SpwSlider {
|
|
|
377
383
|
};
|
|
378
384
|
}
|
|
379
385
|
render() {
|
|
380
|
-
return (h(Host, { key: '
|
|
386
|
+
return (h(Host, { key: 'abf01413788f9dd90d581dfbbc59b5c904890e25' }, h("div", { key: '749ffdf945277e2462cb3925ea1bb0d69b3221a6', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: '9062f815c35a83e5691e153c5767d662a0e807e3', class: "spw-slider__track" }, h("slot", { key: 'b3469f67963fec6bdb208423dcc63be8ef53cd0a' })), this.showArrows && (h("div", { key: '4d25f8cf56edbdb9bcf59aec8386d6900a960d04', class: "spw-slider__navigation" }, h("button", { key: '0524e356e557221dfaaffafdaab09206a5506e7a', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: '02bd61dbfa49e3d243bddd6713e760f679d0e136', icon: "fa-chevron-left" })), h("button", { key: '981037fcfaa7d6f750be1240f4bdf117a304036e', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: '6c5f8dc8da391f4d423ad1b258dbb9f70f6c3da2', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: '54027cdf4b6bc1468b4c4be1da2aeac0933cfbf7', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
|
|
381
387
|
'spw-slider__dot': true,
|
|
382
388
|
'spw-slider__dot--active': i === this.activeIndex,
|
|
383
|
-
}, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (h("div", { key: '
|
|
389
|
+
}, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (h("div", { key: '8c942c9464d2c2c56bfc373598705a8f1deb89a9', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '7b5bf5926021a941c6c846046efceff88e6b3580', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
|
|
384
390
|
}
|
|
385
391
|
static get is() { return "spw-slider"; }
|
|
386
392
|
static get encapsulation() { return "shadow"; }
|
|
@@ -626,6 +632,54 @@ export class SpwSlider {
|
|
|
626
632
|
"isAutoplayActive": {}
|
|
627
633
|
};
|
|
628
634
|
}
|
|
635
|
+
static get events() {
|
|
636
|
+
return [{
|
|
637
|
+
"method": "spwSliderChange",
|
|
638
|
+
"name": "spwSliderChange",
|
|
639
|
+
"bubbles": true,
|
|
640
|
+
"cancelable": true,
|
|
641
|
+
"composed": true,
|
|
642
|
+
"docs": {
|
|
643
|
+
"tags": [],
|
|
644
|
+
"text": "\u00C9mis lors du changement de slide (index pr\u00E9c\u00E9dent et nouvel index)"
|
|
645
|
+
},
|
|
646
|
+
"complexType": {
|
|
647
|
+
"original": "{ index: number; previousIndex: number }",
|
|
648
|
+
"resolved": "{ index: number; previousIndex: number; }",
|
|
649
|
+
"references": {}
|
|
650
|
+
}
|
|
651
|
+
}, {
|
|
652
|
+
"method": "spwSliderNext",
|
|
653
|
+
"name": "spwSliderNext",
|
|
654
|
+
"bubbles": true,
|
|
655
|
+
"cancelable": true,
|
|
656
|
+
"composed": true,
|
|
657
|
+
"docs": {
|
|
658
|
+
"tags": [],
|
|
659
|
+
"text": "\u00C9mis lors du passage \u00E0 la slide suivante"
|
|
660
|
+
},
|
|
661
|
+
"complexType": {
|
|
662
|
+
"original": "{ index: number }",
|
|
663
|
+
"resolved": "{ index: number; }",
|
|
664
|
+
"references": {}
|
|
665
|
+
}
|
|
666
|
+
}, {
|
|
667
|
+
"method": "spwSliderPrevious",
|
|
668
|
+
"name": "spwSliderPrevious",
|
|
669
|
+
"bubbles": true,
|
|
670
|
+
"cancelable": true,
|
|
671
|
+
"composed": true,
|
|
672
|
+
"docs": {
|
|
673
|
+
"tags": [],
|
|
674
|
+
"text": "\u00C9mis lors du passage \u00E0 la slide pr\u00E9c\u00E9dente"
|
|
675
|
+
},
|
|
676
|
+
"complexType": {
|
|
677
|
+
"original": "{ index: number }",
|
|
678
|
+
"resolved": "{ index: number; }",
|
|
679
|
+
"references": {}
|
|
680
|
+
}
|
|
681
|
+
}];
|
|
682
|
+
}
|
|
629
683
|
static get elementRef() { return "el"; }
|
|
630
684
|
static get listeners() {
|
|
631
685
|
return [{
|
|
@@ -5,7 +5,7 @@ export class SpwSocials {
|
|
|
5
5
|
this.mainTitle = 'Restez connecté';
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '337b0c9e93db0e607bb4ffc9e1515e50fc719c61' }, h("div", { key: '7d231ffd3a47cd506a1951dcf8425eaf7878d83c', class: "spw-socials" }, h("div", { key: '29ed1d1e2dfc4e92b422d6a7971e50b0e563b209', class: "spw-ds-container" }, h("h2", { key: 'da07a1b7bde7d79543f3a03f76c17ab2942a840f', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'effedaf219140d1dd79a17a98eb023cac347524e', class: "spw-socials__content" }, h("slot", { key: '8f10a19574f867d486407e7eacbc08a7be964bd9' }))))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "spw-socials"; }
|
|
11
11
|
static get originalStyleUrls() {
|
|
@@ -33,7 +33,7 @@ export class SpwTableBody {
|
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h("tbody", { key: '
|
|
36
|
+
return (h("tbody", { key: '8c8a71d1d4b0d6a9a2ed3b2a2a7b3446633accbc', part: "tbody" }, h("slot", { key: '30bf4febededeba0969ba8ccee591bf29dc588cf' })));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "spw-table-body"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -87,7 +87,7 @@ export class SpwTableCell {
|
|
|
87
87
|
}
|
|
88
88
|
attrs.style = stickyStyles;
|
|
89
89
|
}
|
|
90
|
-
return (h("td", Object.assign({ key: '
|
|
90
|
+
return (h("td", Object.assign({ key: 'f4cd58092f1373d1d3fe875db70a57670af8389d' }, attrs), h("slot", { key: '13ff67c10ea683adfa64a4dfa2e66cd70225bdd4' })));
|
|
91
91
|
}
|
|
92
92
|
static get is() { return "spw-table-cell"; }
|
|
93
93
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class SpwTableContainer {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'b3219f4f60c3577122f6658f436e653be682eb21' }, h("div", { key: '3165381f7ea20a555ea8142d72774fcafefb7aa6', class: "spw-table-container" }, h("slot", { key: '1548a955c98c6372c3e38c76157698650b895b4f' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-table-container"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class SpwTableFooter {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: '653df29781569383ebc79459dd7c14d5d0de9b3f', class: "spw-table-footer" }, h("slot", { key: '0ad90ac0472e139bdb81b6859545d933c828f59a', name: "left" }), h("slot", { key: '7905d10b88e595a122a47decdf953f2f086d8e51', name: "center" }), h("slot", { key: '4c59247a96324ad8ec374893874db0252ec36450', name: "right" })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-table-footer"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class SpwTableHead {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("thead", { key: '
|
|
4
|
+
return (h("thead", { key: '936b9034bd0573d301966b8a63aa00a2220afbd5', part: "thead" }, h("slot", { key: 'f945899ce739e9d00a6bd2ab8d47a88c2c8a4ff2' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-table-head"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -65,10 +65,10 @@ export class SpwTableHeader {
|
|
|
65
65
|
}
|
|
66
66
|
attrs.style = stickyStyles;
|
|
67
67
|
}
|
|
68
|
-
return (h("th", Object.assign({ key: '
|
|
68
|
+
return (h("th", Object.assign({ key: '3597cc73894eb550c90a9faf6ed99342ce608af7' }, attrs), h("div", { key: '4df1aeb40736b9849513315fb4f42d19a218786f', class: {
|
|
69
69
|
'spw-table-header__content': true,
|
|
70
70
|
'spw-table-header__content--is-sorted': this.isSorted,
|
|
71
|
-
} }, h("slot", { key: '
|
|
71
|
+
} }, h("slot", { key: '5a8fd96b0c8f3ec2b29b430d9cd7d1c2b87f3eb3' }), h("div", { key: '0c22a2bb09c068ddf47d8ffc055fc921c16cea9c', class: "spw-table-header__icons" }, h("slot", { key: 'f08b666961d4b594ea841ec1a4911a95749fc452', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: 'ef32c882d1fe0a30e4962c9ed930c65d99282577', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'a1be35bb107493ca9fc4c84481c8b8ce55562630', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '08416d4f3d6116ae9905d227e0395e5566e57ec0', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
|
|
72
72
|
}
|
|
73
73
|
static get is() { return "spw-table-header"; }
|
|
74
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -49,7 +49,7 @@ export class SpwTableRow {
|
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
return (h(Host, { key: '
|
|
52
|
+
return (h(Host, { key: '3234f30f976c2e8ed69a3738a7991de8b67720ab', part: "row" }, h("tr", { key: 'b76a0545709a4a9b2a10912e3318776619d43f49', class: this.elementClass, part: "row" }, h("slot", { key: 'b0934c80ee3b2b60218c57cfd1cc9ac57c3a86ac' }))));
|
|
53
53
|
}
|
|
54
54
|
static get is() { return "spw-table-row"; }
|
|
55
55
|
static get encapsulation() { return "shadow"; }
|
|
@@ -123,7 +123,7 @@ export class SpwTableSidebar {
|
|
|
123
123
|
}
|
|
124
124
|
render() {
|
|
125
125
|
const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
|
|
126
|
-
return (h(Host, { key: '
|
|
126
|
+
return (h(Host, { key: '2e8d2c148f4f6de6348e68f598afaf00f155bfde', style: style, class: this.hostClass }, h("nav", { key: '8d38a4ed0860b822cc1d507e4ef949f5cd4f3d5e', class: this.elementClass }, h("span", { key: '2025f70bce54de7d963c0c6bb5389965f82a8fcc', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'f15b9eb13325c4263932dfc1a77661e0924632d0', icon: "fa-chevron-left" })), h("div", { key: 'a000f88e223cb68928afdb8947dd8dbf9a428887', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: 'd3b76ff30e0c1440b3628682871feba34b83edc3', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: 'd9ea043effdbba8730c179084d17523ce2a47c78', class: "spw-table-sidebar__content" }, h("div", { key: 'ff2c9510ef7cbb7fe7e19490c515681c37a58b34', class: "spw-table-sidebar__header" }, h("span", { key: 'af6f09ba10db339a301f39b6c79a1f05c7c9b1cd', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '2bf6ee6e5be2b447b789642a9a61dd2a57117b8f', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '68dac4256c1982cdf0080f60a17b635abdd8bcd1', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: 'f588b9a918d726b118aac0b7cef4cb875279fa48', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'ae7ad55981e44ed9951f8da4c25771314129d196' })), h("div", { key: 'd5ae54bea51569b93bbaa5e698d1b9f3095f12d4', class: "spw-table-sidebar__footer" }, h("slot", { key: '14d94217a208286ce113937f526012397106ab86', name: "sidebar-footer" }))))));
|
|
127
127
|
}
|
|
128
128
|
static get is() { return "spw-table-sidebar"; }
|
|
129
129
|
static get encapsulation() { return "shadow"; }
|
|
@@ -366,10 +366,10 @@ export class SpwTable {
|
|
|
366
366
|
return this.formatSize(this.maxHeight);
|
|
367
367
|
}
|
|
368
368
|
render() {
|
|
369
|
-
return (h(Host, { key: '
|
|
369
|
+
return (h(Host, { key: 'dd8d60d59f80d90f6cf89dafa53ab7d028e0e035', style: {
|
|
370
370
|
'--spw-table-max-height': this.getMaxHeight(),
|
|
371
371
|
'--spw-table-min-width': this.formatSize(this.minWidth),
|
|
372
|
-
} }, h("div", { key: '
|
|
372
|
+
} }, h("div", { key: 'c2c8bc325f257d4d06e45d6e235d6865d50f4435', class: this.containerClass }, h("slot", { key: 'c827c807198079ebeeaa5e1b1271c268a43fe9d2', name: "table-sidebar" }, " "), h("div", { key: '2e77cedb34c6fd92174c1b41b624323af9e2efe0', class: "spw-table-wrapper" }, h("table", { key: 'b35355295ce2f0e417364364c8f07b3d8209f523', part: "table", class: this.elementClass, role: "table", "aria-label": this.accAriaLabel }, h("slot", { key: 'b3ac17bf068bb6884335d49a8d4589c28a11269f' })))), this.resizable && (h("div", { key: '8d8126725c6fafe48800b3dd95a946f87b457a11', class: "spw-table-resize-handle", onMouseDown: this.handleResizeStart, role: "separator", "aria-orientation": "horizontal", "aria-label": "Redimensionner le tableau" }, h("div", { key: 'e46d904ad87ca2092400cf4130066ad554dec7b9', class: "spw-table-resize-handle__bar" }))), h("slot", { key: '5947ad704784b2b29071927ae29393801cd95e43', name: "table-footer" })));
|
|
373
373
|
}
|
|
374
374
|
static get is() { return "spw-table"; }
|
|
375
375
|
static get encapsulation() { return "shadow"; }
|
|
@@ -102,7 +102,7 @@ export class SpwTabsNavigation {
|
|
|
102
102
|
'spw-tabs-navigation__list--vertical-on-mobile': this.isVerticalOnMobile,
|
|
103
103
|
'spw-tabs-navigation__list--centered': this.isCentered && !this.hasOverflow,
|
|
104
104
|
};
|
|
105
|
-
return (h("div", { key: '
|
|
105
|
+
return (h("div", { key: '9c60a13fbe9734709823dca5383ed6d1b2d85fea', class: containerClass }, this.showLeftArrow && (h("button", { key: '9b5833e1d2000bb3b589a03d3b63d725109fdbb9', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: 'ae027e9329d1b7867228f97ce5578cebedc476a2', icon: "fa-chevron-left" }))), h("nav", { key: '07ac7d5b2b2aeabeabc7c87a654b1ee8fd5dc5f8', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: '22429f64f920c31b1e2ca6aa93a7d2333947447e', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '5e4ec543a2de57ea7c6fa32740078cf72ea4117a' }))), this.showRightArrow && (h("button", { key: '521c9236cb09560a4dff90ea518a53c445fb6951', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: '23b5aaf5e7585b3ddba3dd0b86feae3f6a9e3b63', icon: "fa-chevron-right" })))));
|
|
106
106
|
}
|
|
107
107
|
static get is() { return "spw-tabs-navigation"; }
|
|
108
108
|
static get encapsulation() { return "shadow"; }
|