@spw-ds/spw-stencil-library 1.11.0 → 1.12.1
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 +180 -2
- package/dist/cjs/{index-B9VTdKwF.js → index-id_AkABS.js} +3 -7
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/spw-accordion_4.cjs.entry.js +1 -1
- package/dist/cjs/spw-avatar.cjs.entry.js +1 -1
- package/dist/cjs/spw-block-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-box.cjs.entry.js +1 -1
- package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/spw-button_2.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-image.cjs.entry.js +5 -3
- package/dist/cjs/spw-card-subtag-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-subtags.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-card.cjs.entry.js +3 -3
- 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 +1 -1
- package/dist/cjs/spw-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/spw-dropdown-container.cjs.entry.js +1 -1
- package/dist/cjs/spw-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/{spw-field-label_7.cjs.entry.js → spw-field-label_8.cjs.entry.js} +100 -29
- package/dist/cjs/spw-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-bottom.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-content-col.cjs.entry.js +7 -3
- package/dist/cjs/spw-footer-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-link.cjs.entry.js +3 -3
- package/dist/cjs/spw-footer.cjs.entry.js +1 -1
- package/dist/cjs/spw-grid-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-grid.cjs.entry.js +3 -3
- 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 +3 -3
- 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 +3 -3
- package/dist/cjs/spw-header.cjs.entry.js +5 -3
- package/dist/cjs/spw-hero.cjs.entry.js +4 -4
- 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 +5 -3
- package/dist/cjs/spw-lightbox.cjs.entry.js +18 -4
- 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 +8 -4
- 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 +3 -3
- package/dist/cjs/spw-scrolltop.cjs.entry.js +2 -2
- package/dist/cjs/spw-search-field.cjs.entry.js +1 -1
- package/dist/cjs/spw-select.cjs.entry.js +1 -1
- 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 +13 -5
- 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 +1 -1
- 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 +3 -3
- 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 +2 -2
- 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 +1 -1
- package/dist/cjs/spw-toast.cjs.entry.js +1 -1
- package/dist/cjs/spw-toc-container.cjs.entry.js +1 -1
- 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/components/spw-block-content/spw-block-content.css +6 -6
- package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css +15 -0
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css +17 -0
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +25 -1
- package/dist/collection/components/spw-card/spw-card.css +12 -0
- package/dist/collection/components/spw-card/spw-card.js +3 -3
- package/dist/collection/components/spw-checkbox/spw-checkbox.css +1 -1
- package/dist/collection/components/spw-footer/spw-footer-bottom/spw-footer-bottom.css +3 -1
- package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.css +35 -0
- package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.js +12 -1
- package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.css +3 -1
- package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.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.js +2 -2
- package/dist/collection/components/spw-group/spw-group.css +4 -0
- package/dist/collection/components/spw-group/spw-group.js +149 -13
- 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.css +10 -0
- 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.css +19 -4
- 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.css +5 -0
- package/dist/collection/components/spw-header/spw-header.js +23 -1
- package/dist/collection/components/spw-hero/spw-hero.js +3 -3
- 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 +35 -9
- package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.js +23 -1
- package/dist/collection/components/spw-lightbox/spw-lightbox.css +1 -1
- package/dist/collection/components/spw-lightbox/spw-lightbox.js +16 -2
- 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 +7 -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.css +1 -1
- 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-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.css +15 -0
- package/dist/collection/components/spw-slider/spw-slider.js +31 -3
- 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-tabs/spw-tabs-navigation/spw-tabs-navigation.css +4 -1
- 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 +1 -1
- package/dist/collection/components/spw-textarea/spw-textarea.js +1 -1
- 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-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/organisms/spw-card/spw-card.stories.js +58 -1
- package/dist/collection/stories/organisms/spw-group/spw-group.stories.js +113 -3
- package/dist/collection/stories/organisms/spw-lightbox/spw-lightbox.stories.js +623 -0
- package/dist/collection/stories/organisms/spw-slider/spw-slider.stories.js +142 -6
- package/dist/components/index.js +1 -1
- package/dist/components/{p-D0jLTe4Y.js → p-1uE1Qo3N.js} +1 -1
- package/dist/components/{p-BNVh4npd.js → p-BpRPVStK.js} +1 -1
- package/dist/components/{p-D2bR89OY.js → p-BwzaPX9J.js} +1 -1
- package/dist/components/{p-CyuzNTuL.js → p-CCD1i9Et.js} +1 -1
- package/dist/components/{p-BqEbo61A.js → p-CT9zdtB2.js} +1 -1
- package/dist/components/{p-lA7JXY3H.js → p-Ce4aFl4t.js} +1 -1
- package/dist/components/{p-w411zfAm.js → p-CfyijrJ8.js} +1 -1
- package/dist/components/{p-D3lAXshq.js → p-CnGo7W4h.js} +1 -1
- package/dist/components/{p-CNmnvMAU.js → p-rvgnHRf7.js} +1 -1
- package/dist/components/spw-block-content.js +1 -1
- package/dist/components/spw-breadcrumb-item.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-image.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-field-label.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-link.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-input-slider.js +1 -1
- package/dist/components/spw-lightbox-item.js +1 -1
- package/dist/components/spw-lightbox.js +1 -1
- 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-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-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 +295 -16
- package/dist/components_vscode.json +5107 -0
- package/dist/esm/{index-BU-5xOtc.js → index-BvJ4Kko5.js} +3 -7
- package/dist/esm/loader.js +3 -3
- package/dist/esm/spw-accordion_4.entry.js +1 -1
- package/dist/esm/spw-avatar.entry.js +1 -1
- package/dist/esm/spw-block-content.entry.js +2 -2
- package/dist/esm/spw-box.entry.js +1 -1
- package/dist/esm/spw-breadcrumb-item.entry.js +1 -1
- package/dist/esm/spw-breadcrumb.entry.js +1 -1
- package/dist/esm/spw-button_2.entry.js +2 -2
- package/dist/esm/spw-card-content.entry.js +2 -2
- package/dist/esm/spw-card-excerpt.entry.js +1 -1
- package/dist/esm/spw-card-image.entry.js +5 -3
- package/dist/esm/spw-card-subtag-item.entry.js +1 -1
- package/dist/esm/spw-card-subtags.entry.js +1 -1
- package/dist/esm/spw-card-title.entry.js +1 -1
- package/dist/esm/spw-card.entry.js +3 -3
- 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 +1 -1
- package/dist/esm/spw-date-picker.entry.js +1 -1
- package/dist/esm/spw-dropdown-container.entry.js +1 -1
- package/dist/esm/spw-dropdown-item.entry.js +1 -1
- package/dist/esm/spw-dropdown.entry.js +1 -1
- package/dist/esm/{spw-field-label_7.entry.js → spw-field-label_8.entry.js} +100 -30
- package/dist/esm/spw-file-upload.entry.js +1 -1
- package/dist/esm/spw-footer-bottom.entry.js +2 -2
- package/dist/esm/spw-footer-content-col.entry.js +7 -3
- package/dist/esm/spw-footer-content.entry.js +1 -1
- package/dist/esm/spw-footer-link.entry.js +3 -3
- package/dist/esm/spw-footer.entry.js +1 -1
- package/dist/esm/spw-grid-item.entry.js +3 -3
- package/dist/esm/spw-grid.entry.js +3 -3
- 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 +3 -3
- 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 +3 -3
- package/dist/esm/spw-header.entry.js +5 -3
- package/dist/esm/spw-hero.entry.js +4 -4
- 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 +5 -3
- package/dist/esm/spw-lightbox.entry.js +18 -4
- 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 +8 -4
- 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 +3 -3
- package/dist/esm/spw-scrolltop.entry.js +2 -2
- package/dist/esm/spw-search-field.entry.js +1 -1
- package/dist/esm/spw-select.entry.js +1 -1
- 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 +13 -5
- 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 +1 -1
- 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 +3 -3
- 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 +2 -2
- 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 +1 -1
- package/dist/esm/spw-toast.entry.js +1 -1
- package/dist/esm/spw-toc-container.entry.js +1 -1
- 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-009759c5.entry.js +1 -0
- package/dist/spw-stencil-library/{p-a09e3914.entry.js → p-0a9288b5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-cdff9c53.entry.js → p-0bf4fb22.entry.js} +1 -1
- package/dist/spw-stencil-library/p-0ebf4d8c.entry.js +1 -0
- package/dist/spw-stencil-library/{p-a8d2e217.entry.js → p-0efd7784.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4504a51e.entry.js → p-153a026f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f2aaa06a.entry.js → p-1875874e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e86c4192.entry.js → p-1d5ff931.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-32340c8d.entry.js → p-1fba6401.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ce6af096.entry.js → p-28a5d0bf.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-56b73f04.entry.js → p-28e49d02.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1337adf5.entry.js → p-29695c41.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b218aeda.entry.js → p-2b182fc8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8e8f253e.entry.js → p-2ce6dc02.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bd26c928.entry.js → p-2dda4dfe.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-afb26e73.entry.js → p-30bd9c0a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4265f6e5.entry.js → p-34cc819b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e5579295.entry.js → p-35b865cf.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4a8766cc.entry.js → p-37c6153e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6dabae01.entry.js → p-38a53864.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-404a11b2.entry.js → p-3ccb9c03.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-910755a9.entry.js → p-3f195a1c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-311be1c9.entry.js → p-3fbc7bba.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-05378ed8.entry.js → p-416f6040.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1bdcb44c.entry.js → p-45af74a9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3cee0356.entry.js → p-474cbbca.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-eda2cbd9.entry.js → p-4904c883.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b1b6f3cb.entry.js → p-49b99541.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ff26da9e.entry.js → p-4dd215d6.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4f163e66.entry.js → p-50ccad8a.entry.js} +1 -1
- package/dist/spw-stencil-library/p-525c4149.entry.js +1 -0
- package/dist/spw-stencil-library/{p-50bf3984.entry.js → p-52fe32c2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dee97ef5.entry.js → p-5601a46f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-79c6f599.entry.js → p-5b520d03.entry.js} +1 -1
- package/dist/spw-stencil-library/p-5d77d128.entry.js +1 -0
- package/dist/spw-stencil-library/{p-8901c312.entry.js → p-6194071c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-03addc15.entry.js → p-61b5224c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7a3131fa.entry.js → p-66da29be.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-31035d04.entry.js → p-6908b401.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dcd5fa8d.entry.js → p-693b980f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b3152418.entry.js → p-6b6f4a62.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9ee8fd30.entry.js → p-7217cd99.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-66b30373.entry.js → p-732b2f4c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d2cabbe3.entry.js → p-74a9d177.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-38f286b7.entry.js → p-778c6591.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e96bccc1.entry.js → p-7bd15d1e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9b28f86c.entry.js → p-7c4f53c3.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-94158325.entry.js → p-7ccef87e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9ddfa4ef.entry.js → p-7db10e21.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-024a26e8.entry.js → p-7fc6757a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f880da57.entry.js → p-8063aa58.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f7b152f7.entry.js → p-80c24670.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6ea95517.entry.js → p-81927404.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-699e435e.entry.js → p-82883102.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-47ee3609.entry.js → p-82aa983b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1eb101b8.entry.js → p-84c41619.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5631f2de.entry.js → p-862fdbdb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1cd657f6.entry.js → p-8bb6a14d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f43e54c9.entry.js → p-8bbea8cb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7ae08cea.entry.js → p-8c750816.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dc802ca2.entry.js → p-90067a27.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-123bfbc0.entry.js → p-98e59a94.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e1c2b8f8.entry.js → p-9ccc1685.entry.js} +1 -1
- package/dist/spw-stencil-library/p-BvJ4Kko5.js +2 -0
- package/dist/spw-stencil-library/{p-b53d9fdb.entry.js → p-a3ee7134.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e7115b5c.entry.js → p-a51ad71d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3703f96f.entry.js → p-a585320e.entry.js} +1 -1
- package/dist/spw-stencil-library/p-a6250c87.entry.js +1 -0
- package/dist/spw-stencil-library/{p-ac6f9351.entry.js → p-a6fb9fd7.entry.js} +1 -1
- package/dist/spw-stencil-library/p-a80a9482.entry.js +1 -0
- package/dist/spw-stencil-library/p-ada5d5c1.entry.js +1 -0
- package/dist/spw-stencil-library/{p-98f51dbc.entry.js → p-b106fb83.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-daf0d53e.entry.js → p-b125ec4f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fbbacf1e.entry.js → p-b1ccc7eb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-da0a8272.entry.js → p-bb192c0e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-074758e0.entry.js → p-c18a3d8a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-82b5e1a1.entry.js → p-c660aab1.entry.js} +1 -1
- package/dist/spw-stencil-library/p-ca225328.entry.js +1 -0
- package/dist/spw-stencil-library/{p-a7b665db.entry.js → p-ce07d59f.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-2fb76b1e.entry.js → p-d004b229.entry.js} +1 -1
- package/dist/spw-stencil-library/p-d2dfe51b.entry.js +1 -0
- package/dist/spw-stencil-library/{p-deca1884.entry.js → p-d35874ea.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3374ac92.entry.js → p-d41080ab.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b15db228.entry.js → p-e0ce83c2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e4710721.entry.js → p-eeacd7b2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-df311267.entry.js → p-f1baf303.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1cd68465.entry.js → p-f1ecd17e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bebfe3cd.entry.js → p-f20b2da0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5ac48320.entry.js → p-f5d2d168.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7fe2e659.entry.js → p-fbe8dc29.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-543d3e89.entry.js → p-fc96be97.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c41fe381.entry.js → p-fd564976.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bfd908c9.entry.js → p-ff289cc8.entry.js} +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.css +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/stats.json +19468 -22146
- package/dist/types/components/spw-card/spw-card-image/spw-card-image.d.ts +2 -0
- package/dist/types/components/spw-card/spw-card.d.ts +1 -1
- package/dist/types/components/spw-footer/spw-footer-content-col/spw-footer-content-col.d.ts +2 -0
- package/dist/types/components/spw-group/spw-group.d.ts +13 -1
- package/dist/types/components/spw-header/spw-header.d.ts +2 -0
- package/dist/types/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.d.ts +2 -0
- package/dist/types/components/spw-lightbox/spw-lightbox.d.ts +3 -0
- package/dist/types/components/spw-slider/spw-slider.d.ts +3 -0
- package/dist/types/components.d.ts +100 -3
- package/dist/types/stories/organisms/spw-card/spw-card.stories.d.ts +2 -1
- package/dist/types/stories/organisms/spw-group/spw-group.stories.d.ts +6 -1
- package/dist/types/stories/organisms/spw-lightbox/spw-lightbox.stories.d.ts +16 -0
- package/dist/types/stories/organisms/spw-slider/spw-slider.stories.d.ts +8 -1
- package/hydrate/index.js +208 -126
- package/hydrate/index.mjs +208 -126
- package/package.json +1 -1
- package/dist/cjs/spw-field-message.cjs.entry.js +0 -39
- package/dist/esm/spw-field-message.entry.js +0 -37
- package/dist/spw-stencil-library/p-0583eb9e.entry.js +0 -1
- package/dist/spw-stencil-library/p-0fbae5ce.entry.js +0 -1
- package/dist/spw-stencil-library/p-170c4262.entry.js +0 -1
- package/dist/spw-stencil-library/p-49be0d9e.entry.js +0 -1
- package/dist/spw-stencil-library/p-79f8babf.entry.js +0 -1
- package/dist/spw-stencil-library/p-7ffe8116.entry.js +0 -1
- package/dist/spw-stencil-library/p-BU-5xOtc.js +0 -2
- package/dist/spw-stencil-library/p-be220196.entry.js +0 -1
- package/dist/spw-stencil-library/p-c5824697.entry.js +0 -1
- package/dist/spw-stencil-library/p-e0b50329.entry.js +0 -1
- package/dist/spw-stencil-library/p-e7dbe743.entry.js +0 -1
|
@@ -19,7 +19,7 @@ export class SpwLoading {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '80e319644e916b39492a8f87d84d32f6e7f9f087' }, h("div", { key: 'abb04a270e07cedbc30ec91b0adcb487180af70b', class: this.loadingClasses }, h("div", { key: '35f22a4112081dc0e06551151484c0d3b1cd971f', class: "spw-loading__spinner" }), this.text && h("p", { key: '0442737baf03ee28e7689839525cae3da2443c1e', class: "spw-loading__text" }, this.text))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "spw-loading"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -104,6 +104,10 @@ export class SpwModal {
|
|
|
104
104
|
}
|
|
105
105
|
open() {
|
|
106
106
|
this.showModal = true;
|
|
107
|
+
if (this.modalContent) {
|
|
108
|
+
this.modalContent.scrollTop = 0;
|
|
109
|
+
}
|
|
110
|
+
this.isCloseButtonSticky = false;
|
|
107
111
|
try {
|
|
108
112
|
const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {
|
|
109
113
|
duration: 200,
|
|
@@ -166,13 +170,13 @@ export class SpwModal {
|
|
|
166
170
|
};
|
|
167
171
|
}
|
|
168
172
|
render() {
|
|
169
|
-
return (h(Host, { key: '
|
|
173
|
+
return (h(Host, { key: 'ad4da94b0c88b7f0f6696b4dabe69edd5cad8324' }, h("div", { key: 'bbb06f18f7b61abd7b3456a0cabb8819a6788e69', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '9d99542f36a4f4da0fb3def5992e4f3db1bcb314', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '4ef99eaac2d5ca1a24d26bcfaa91c10164715aba', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '069a31ed26da5e9e53795e330f874aac2411e79b', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: 'ae60d51dd66b5a2f80b69060d2ca86df275f03aa', class: "spw-modal__header" }, h("div", { key: '8bc6e525c6179644f136760e837d703fc579b42e', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: '674da4fc7dfe2c4943c72f700a7b65506fe6496e', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: '5c5a81054132586df0cccc04ac67c84e51258dff', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: '7a1099c0b9cc318ac423622716e4275a89105046', class: {
|
|
170
174
|
'spw-modal__close-button': true,
|
|
171
175
|
'spw-modal__close-button--sticky': this.isCloseButtonSticky,
|
|
172
|
-
}, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: '
|
|
176
|
+
}, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: 'e3ce8fed5efe92a3205dc68ef1fa8b88a05a5541', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: '79542b0ebe61a22c16abbdd891faa2853f7335f0', class: "spw-modal__body" }, h("slot", { key: 'db07f656f28c8192c37e90b6fae01c57e1391f31', name: "content" })), h("div", { key: 'c1ec73c786bb6b29270fe71ffc1cd3b60672f9a2', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: '512f358a6fc49ff98ac3d5f09aff4c4bf47b2098', name: "buttons", onSlotchange: (e) => {
|
|
173
177
|
const slot = e.target;
|
|
174
178
|
this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
|
|
175
|
-
} })))), h("div", { key: '
|
|
179
|
+
} })))), h("div", { key: '00ee5ef1f094468bbd5d03e1cf7dd5d6933050ab', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
|
|
176
180
|
}
|
|
177
181
|
static get is() { return "spw-modal"; }
|
|
178
182
|
static get encapsulation() { return "shadow"; }
|
|
@@ -45,7 +45,7 @@ export class SpwMosaicItem {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (h(Host, { key: '
|
|
48
|
+
return (h(Host, { key: '516ab31b89a285bd3c669f447fc1580d9c05de17' }, h("slot", { key: '616e7c092ab6598027f1a692dec7063f6efa559b' })));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "spw-mosaic-item"; }
|
|
51
51
|
static get encapsulation() { return "shadow"; }
|
|
@@ -136,7 +136,7 @@ export class SpwMosaic {
|
|
|
136
136
|
};
|
|
137
137
|
}
|
|
138
138
|
render() {
|
|
139
|
-
return (h(Host, { key: '
|
|
139
|
+
return (h(Host, { key: '7c459fb34bd600aac2d497ea0e4a47e1ef901185' }, h("div", { key: '6429457c00e1338085f83f24573d37a88462fd0e', class: this.elementClass }, h("slot", { key: '0302d77591801ca2c6e23ab80f245d49fe4a55bc' }))));
|
|
140
140
|
}
|
|
141
141
|
static get is() { return "spw-mosaic"; }
|
|
142
142
|
static get encapsulation() { return "shadow"; }
|
|
@@ -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: '9e7b0f1cb3f4d95ddb29839eac8eaccc06a6e6f1', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '40dbcb0707f7fe497ddf0b3487284fc34be18311', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '603a814d9cd037a86352f9e7f7fca74d7a4ceede', icon: "fa-chevron-left" }), " ", h("span", { key: '6bc709a336683c98037d514c08bf9fcfa2db929b', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
|
|
171
|
+
const nextArrow = showNextArrow && (h("li", { key: '9f7757f7e5afcd455f4cce871233948c3703b416', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'f9530c63dc0bbb6dd1fd37cf8b2661f2d7d430cb', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: 'd94605af623ea261bdee3e893ce94f5692b30a58', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '97e3fa5ec9bb14f51210c1040ff1720e09c45b5e', icon: "fa-chevron-right" }))));
|
|
172
|
+
const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '2c0defe6a9974dc21a37735a44f87d4b26ddb490', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '649e3463693e20814ae640297367148614f11429', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'd4de93223eb8a7e20709d852e68c5dda2b31c06a', icon: "fa-chevron-left" }), " ", h("span", { key: '9630eafe35c4112099ebec8ef11565d5e4a22a91' }, this.previousButtonText))));
|
|
173
|
+
const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '1c03917f00b33d62b5dadfd7372c6cac546cd89b', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'b8d76b6bcd8babec6bdc97c59f411548e129a2e3', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'ee07f8658301cced6c705cac694fa28805202148' }, this.nextButtonText), " ", h("spw-icon", { key: '2e82a2be9347d80a6c02078890c5494ca3e69b9f', icon: "fa-chevron-right" }))));
|
|
174
|
+
const mobileArrows = (h("ul", { key: 'bf2e6ab4f08884f8a673960cccfa2074746024ad', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
|
|
175
|
+
return (h(Host, { key: '9dde96f2e5029e5b4fa42f57a62d504f9c0cc652' }, h("div", { key: 'e48ddaa7764136eaab60b85403a046158c607212', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '91d6db2ee8e689727ee5abda2cb65420b82ba599' }, h("ul", { key: '36c03595198041faf15faacb67faa18e1b120151' }, prevArrow, h("li", { key: 'e33d9f5aa0bd44c20329206165e26d289bbec839', class: "spw-pagination__input" }, h("spw-text-field", { key: '721b040888242f9360f53f249c14ad39d7423870', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: '2a2560e9496d33efe173916263dc5c10f241f471', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'fc1ff24e283103b05e753292cc58dbf261d9f59f' }, h("ul", { key: '4a4e8d8605e4290cda74ecf58d376046afd65db6' }, 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
|
}
|
|
@@ -402,7 +402,7 @@ template {
|
|
|
402
402
|
flex-grow: 0;
|
|
403
403
|
}
|
|
404
404
|
.spw-radio__wrapper--error {
|
|
405
|
-
border-color: var(--spw-
|
|
405
|
+
border-color: var(--spw-color-states-error-error-300);
|
|
406
406
|
}
|
|
407
407
|
.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover {
|
|
408
408
|
outline: 4px solid var(--spw-color-themes-grey-grey-300);
|
|
@@ -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: 'b879dd093e3d22d279fda7d9ad9350c4fec74907', class: "spw-radio" }, h("input", { key: '08cee6fcf12e1db360f603908d7c04c3737906ae', 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: '4d61223d6c895f597b337b3ac67c380867b5b4ac', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: '5b57a8b637c02a36e4d0d1bc89f5c63394917b6b' }))), h("div", { key: '62006483946005ce5ced594d1ef0e5147bc9b0ff', 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: '9411b4b847566f862a91fef9a0b6ecaace8e63ee', 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: '0299e144463dda05f4f73ad808784a164cfa3c6c', class: this.hostClass }, h("spw-button", { key: 'b92efa5ffba2022b4b1cd66d9495598e6b203f15', "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"; }
|
|
@@ -27,7 +27,7 @@ export class SpwSeparator {
|
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return h("div", { key: '
|
|
30
|
+
return h("div", { key: 'cb6144ac24b2ebb43d7ab015d92b9b5acd156abd', 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: 'b64a1be8ab7ee0b43a2cb836ca071bf856798b7a', class: this.classes }, h("div", { key: '024067913af7290bc39798c93e4098529e7071b0', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '61ff58bc25b0a5bf166049b479ebb1c55345280b' }))));
|
|
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: 'b794d6fd1f1b9d9c745289e9c0b175f5e827c99a', variant: this.iconVariant, icon: this.icon });
|
|
173
|
+
const iconDiv = (h("div", { key: 'd2d70ee9df94ad6653d8b6b0d6868f3cd2d76007', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '7739db959cc311037ea41eaf9c730d0168627a1c', 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: 'f44c7f2fdf777851e3e01752df45f17e71a3574d', 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: '6309ac853efce64a8007054d87f0604219f86f36', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'b5db2dbf23295d9b9696e1b3cc8e09e4485c95b5', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: 'ddbbdfd359ac0102ee089a3ba3808ae746b08b08' })), this.hasDropdown && (h("div", { key: '118814bad1a0a8a4b24502391cede9a3cb547dd1', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '8629f5fa85911f207ec86568358f471347d97a9b', icon: "fa-chevron-down" }))), h("slot", { key: '4fcd3e3ada621467d3d494dfbcfcc72b98b67607', 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: '5b56f652e164802885be58d4ff39a6f4c78b2666' }, h("spw-separator", { key: '223287d20ccad7c77cd03e05f2deb63d8d048f65', 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: '9872ce6fc903b14b9ce751fefd159d0591cf09f9', class: this.hostClass }, h("div", { key: '232d8cd359e396a4580df65a37f5bbcc4d2fa618', class: this.elementClass }, h("span", { key: 'd6693521958e92667e33f2bd19cabd6dfaee6e8d', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '1f582b7c19db7b92ecc917091ce6ed44e0940c2b', icon: "fa-chevron-right" })), h("div", { key: 'd5fbda8d2efba4b8f4ab173586cbca013668b944', class: "spw-sidebar__content" }, h("slot", { key: 'a9a21b28679831d00e9c3a32d9dca8e43ad6bad2', name: "navigation-top" }), h("slot", { key: '7c1d6d8e8aed32d5712a26e3f08c5487f56b7621', name: "navigation-bottom" })), h("div", { key: 'f955af234a9c8d67482a90d88107f572b13b0e80', 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: '6569e082d23cb9163e720c3b3a863a8d88b07b5e' }, h("div", { key: 'bcd48c49e3ee16fe5159286432d7bce711672db6', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'b66d83be2f8a57777faff074df615ffd539a2c24' }))));
|
|
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: '0f69773ff3a2a5feaf01c414d9580519ccdc4d4b' }, h("div", { key: 'c699707779e318bf7175f17d60f8e8d9094cf679', class: "spw-slider-item" }, h("slot", { key: '5aeecacb2d7004bde6eca2ef1612b0b67fbfff98' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-slider-item"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -474,6 +474,15 @@ template {
|
|
|
474
474
|
padding: 8px;
|
|
475
475
|
border-radius: 999px;
|
|
476
476
|
}
|
|
477
|
+
.spw-slider__dots--outside {
|
|
478
|
+
position: relative;
|
|
479
|
+
bottom: auto;
|
|
480
|
+
left: auto;
|
|
481
|
+
transform: none;
|
|
482
|
+
box-shadow: none;
|
|
483
|
+
display: inline-flex;
|
|
484
|
+
border: 1px solid var(--spw-color-themes-grey-grey-300);
|
|
485
|
+
}
|
|
477
486
|
|
|
478
487
|
.spw-slider__dot {
|
|
479
488
|
width: 12px;
|
|
@@ -496,6 +505,12 @@ template {
|
|
|
496
505
|
outline-offset: 2px;
|
|
497
506
|
}
|
|
498
507
|
|
|
508
|
+
.spw-slider__dots-container {
|
|
509
|
+
display: flex;
|
|
510
|
+
justify-content: center;
|
|
511
|
+
margin-top: 12px;
|
|
512
|
+
}
|
|
513
|
+
|
|
499
514
|
.spw-slider__autoplay-toggle {
|
|
500
515
|
margin-top: 12px;
|
|
501
516
|
}
|
|
@@ -15,6 +15,8 @@ export class SpwSlider {
|
|
|
15
15
|
this.autoplayText = 'Défilement automatique';
|
|
16
16
|
/** Position des flèches gauche/droite */
|
|
17
17
|
this.arrowsPosition = 'inside';
|
|
18
|
+
/** Position des dots de navigation */
|
|
19
|
+
this.dotsPosition = 'inside';
|
|
18
20
|
/** Texte aria-label pour la slide suivante */
|
|
19
21
|
this.nextSlideText = 'Slide suivante';
|
|
20
22
|
/** Texte aria-label du slider */
|
|
@@ -380,13 +382,19 @@ export class SpwSlider {
|
|
|
380
382
|
return {
|
|
381
383
|
'spw-slider': true,
|
|
382
384
|
[`spw-slider--arrows-${this.arrowsPosition}`]: true,
|
|
385
|
+
[`spw-slider--dots-${this.dotsPosition}`]: true,
|
|
383
386
|
};
|
|
384
387
|
}
|
|
385
|
-
|
|
386
|
-
|
|
388
|
+
renderDots() {
|
|
389
|
+
if (!this.showDots || this.totalSlides <= 1)
|
|
390
|
+
return null;
|
|
391
|
+
return (h("div", { class: { 'spw-slider__dots': true, 'spw-slider__dots--outside': this.dotsPosition === 'outside' } }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
|
|
387
392
|
'spw-slider__dot': true,
|
|
388
393
|
'spw-slider__dot--active': i === this.activeIndex,
|
|
389
|
-
}, onClick: () => this.handleDotClick(i), "aria-label": `
|
|
394
|
+
}, onClick: () => this.handleDotClick(i), "aria-label": `Slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))));
|
|
395
|
+
}
|
|
396
|
+
render() {
|
|
397
|
+
return (h(Host, { key: 'dfdeae00473d71dd36a9ae858c52cdf510115521' }, h("div", { key: 'fd89eceedff1308d197c4297e182c7d395182c36', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: 'a61484457dcc1f0303b447522644f14e58d75084', class: "spw-slider__track" }, h("slot", { key: '619f8df663f298c7c16859f72d71ab5826de0ab0' })), this.showArrows && (h("div", { key: 'c42db44ef58cf1b8f91e6a674cb08a82ca4d9f47', class: "spw-slider__navigation" }, h("button", { key: '074e75bb388bc6f466fc628a83f5e4e59f50d9dd', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: '04f4283edd6a3653661f67be340c9620d78ac754', icon: "fa-chevron-left" })), h("button", { key: '38f5864b44f9486b9a4f876beb6602bbbde15591', 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: '4ad8c4da2be348a8c305bbf1b4857df3bd86867a', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (h("div", { key: '4ee6d2f88cd4bf5fe53ebb4f7e3e957148a9a84d', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (h("div", { key: '738c777251b6e6530380e6897adf5015689b01e7', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: 'c86e06b8d42764c2c7477b25fc9435760b6a4b6c', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
|
|
390
398
|
}
|
|
391
399
|
static get is() { return "spw-slider"; }
|
|
392
400
|
static get encapsulation() { return "shadow"; }
|
|
@@ -542,6 +550,26 @@ export class SpwSlider {
|
|
|
542
550
|
"attribute": "arrows-position",
|
|
543
551
|
"defaultValue": "'inside'"
|
|
544
552
|
},
|
|
553
|
+
"dotsPosition": {
|
|
554
|
+
"type": "string",
|
|
555
|
+
"mutable": false,
|
|
556
|
+
"complexType": {
|
|
557
|
+
"original": "'inside' | 'outside'",
|
|
558
|
+
"resolved": "\"inside\" | \"outside\"",
|
|
559
|
+
"references": {}
|
|
560
|
+
},
|
|
561
|
+
"required": false,
|
|
562
|
+
"optional": false,
|
|
563
|
+
"docs": {
|
|
564
|
+
"tags": [],
|
|
565
|
+
"text": "Position des dots de navigation"
|
|
566
|
+
},
|
|
567
|
+
"getter": false,
|
|
568
|
+
"setter": false,
|
|
569
|
+
"reflect": false,
|
|
570
|
+
"attribute": "dots-position",
|
|
571
|
+
"defaultValue": "'inside'"
|
|
572
|
+
},
|
|
545
573
|
"nextSlideText": {
|
|
546
574
|
"type": "string",
|
|
547
575
|
"mutable": false,
|
|
@@ -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: 'be2d1a85de5a13242480102fc332bbbf51eea432' }, h("div", { key: '15a39434450284e527807b33a662c3f97da8fa4f', class: "spw-socials" }, h("div", { key: 'd05c8c118eeb78836e92690433b7657bcf3733c5', class: "spw-ds-container" }, h("h2", { key: '66a85ce9bea6a3f7b4e62f03cfacbcbf7406cfe0', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'dc07f98b6515d3d1a7be3e27c98f27bdc6e1a509', class: "spw-socials__content" }, h("slot", { key: '36b02038441f5e138601a5af26640d3e66b975f7' }))))));
|
|
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: 'cebbbf9ee5c9e28d516fb01f9cff9c3e6b8b5c99', part: "tbody" }, h("slot", { key: 'fbc5e03301d09e23e64308754d7e62dd61c1bf9d' })));
|
|
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: '0ed9e797a8960aa629ca79773f44a250cc6389a3' }, attrs), h("slot", { key: '7635e6d4b777d6092b7cd02b3110e9317dd23795' })));
|
|
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: '20b31b0d468cc78cb94d7fb6d151e4ed6d58d9c7' }, h("div", { key: '61ddef1eec37eb7e34050d572d11bea58be56e02', class: "spw-table-container" }, h("slot", { key: 'e477ad315bb12df1eaa534d5f60247a6904d9cb9' }))));
|
|
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: 'a5ad6fd452ad9271c33f975a371fb5cdb8c3ff54', class: "spw-table-footer" }, h("slot", { key: 'c562cf29a2d8199dd1c82c0801484cf6d8631231', name: "left" }), h("slot", { key: 'c14834285118b4286ff6e29cd331ba9fbc47cfc5', name: "center" }), h("slot", { key: '55183ab0fd51f51c7fb8c7dd0f3ab0794b97a382', 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: 'c0da89a75f4581418d5720740ed0f79c5bce92dd', part: "thead" }, h("slot", { key: '0bdc929fe606bea86b34e79d54dcbc153565bb40' })));
|
|
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: '0da8ebf7e139b4266d3443e5d9c424a0969c3169' }, attrs), h("div", { key: '7da8579a5b174a6c897d5b8ced8e00e37a27e478', 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: '7906a53e056358888c89856636c0a087403bd32c' }), h("div", { key: '911d127b191231f17a9738a39833ad55845d9fa7', class: "spw-table-header__icons" }, h("slot", { key: '887f5dc4f01c5cf0119ef8942a9b4637ec4838c3', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '88fe8372660fd365d849b71ab3d51c12f166980c', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '130db9e1fb9703af782ddb917d57193b515d03e5', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'a5c24a81555520443834ac0b8a9f02ea91e0f6ca', 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: 'd768595b16ef64c24e349eb171dfb63b259d330c', part: "row" }, h("tr", { key: '6f20e681a85b2fd75a506594df2e6b81477b4bcd', class: this.elementClass, part: "row" }, h("slot", { key: '7fb0cb640ebfbe771037358b4f76d1f74201618a' }))));
|
|
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: '8554f9eb95f58a5ad64964e77549b1bb8dc41e6f', style: style, class: this.hostClass }, h("nav", { key: '0ec5a00c0bad4c22813458a391bca3b0016c1467', class: this.elementClass }, h("span", { key: 'cf381a971a6421a03f99f9d12c410e80034fe983', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '29a00207e5393cdb51387661bb04dd6b337a5faa', icon: "fa-chevron-left" })), h("div", { key: '4760134f2c9730aea5213cd67c7dd8dc733f804b', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: 'a8618ffe3d615e0799f9f73b9cfe07207000b062', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '4ffff15eca0cf5afcb4d1f678573f0ca7b8e52f6', class: "spw-table-sidebar__content" }, h("div", { key: 'a05174917fc1985f65c9c3c0ec2f15dbd3993f13', class: "spw-table-sidebar__header" }, h("span", { key: '1c22fd6d664b33b61fbfb5d856dcd915badc6a76', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '832973b4ab3e76c0ca170a994e0605b85608ad22', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '10d6e78be2bd124f9c275abbfd0ab2e1e929026f', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '30b996387d5ac20e9401619408915c37d3bdcff8', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: '20b007d38da0e1888da85e562d103c55b4c4267a' })), h("div", { key: 'a1599bb2745f82c135b51e271ad185a0e93f884e', class: "spw-table-sidebar__footer" }, h("slot", { key: '1fbb514e64541089376db7265d9ff761a6d2aa19', name: "sidebar-footer" }))))));
|
|
127
127
|
}
|
|
128
128
|
static get is() { return "spw-table-sidebar"; }
|
|
129
129
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
1
2
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
2
3
|
/* Document
|
|
3
4
|
========================================================================== */
|
|
@@ -379,6 +380,8 @@ template {
|
|
|
379
380
|
display: block;
|
|
380
381
|
position: relative;
|
|
381
382
|
top: 1px;
|
|
383
|
+
/** Permet de définir la border-bottom de la navigation d'onglets. */
|
|
384
|
+
--spw-tabs-navigation-border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);
|
|
382
385
|
}
|
|
383
386
|
|
|
384
387
|
.spw-tabs-navigation-container {
|
|
@@ -412,7 +415,7 @@ template {
|
|
|
412
415
|
gap: 24px;
|
|
413
416
|
overflow-x: auto;
|
|
414
417
|
white-space: nowrap;
|
|
415
|
-
border-bottom:
|
|
418
|
+
border-bottom: var(--spw-tabs-navigation-border-bottom);
|
|
416
419
|
scroll-behavior: smooth;
|
|
417
420
|
list-style: none;
|
|
418
421
|
margin: 0;
|
|
@@ -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: '9f44026a898ae033e9e2e00237d80c6c5f0430c6', class: containerClass }, this.showLeftArrow && (h("button", { key: '71839693e2f0e59fdbabbd23a5556789ae669203', 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: '5927150df5a818fa90efd30c2b5732b5ad1a2323', icon: "fa-chevron-left" }))), h("nav", { key: 'c940c65313d274f90f3c773cf915baed15b8eab3', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: 'c0eef4fb73c775b4b5da67fcbdcd57abdeb07a7b', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '8a9cb2e711bcdfcfe3211afdf36b18d18a43ed08' }))), this.showRightArrow && (h("button", { key: '89777371f0d6f5a99360dbad57b653a8e86839d6', 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: '60e5cf3b4c2a76fe4f5586b147f6d1c5a5b2f479', icon: "fa-chevron-right" })))));
|
|
106
106
|
}
|
|
107
107
|
static get is() { return "spw-tabs-navigation"; }
|
|
108
108
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js
CHANGED
|
@@ -63,7 +63,7 @@ export class SpwTabsNavigationItem {
|
|
|
63
63
|
const iconClass = `spw-icon--${iconPosition}`;
|
|
64
64
|
const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
|
|
65
65
|
const tagElement = this.tagText ? (h("spw-tag", { size: "small", "has-icon": this.tagIcon ? 'true' : 'false', variant: this.tagVariant }, this.tagText)) : null;
|
|
66
|
-
return (h(Host, { key: '
|
|
66
|
+
return (h(Host, { key: '6860fc29e77ba3ede1763d07ba6fe2b5c879e45f', class: this.active ? '--active' : '' }, h("li", { key: 'b4615ef2fb921fe7b35754b54112e255d7881fdc', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: 'da5aea69897c9844d23920cab18094d18fc0ec1e', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: 'dee4a86c6a35638ea760a1bd0f3546f15edcb3cb' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '5c052db9170060c707e333b6a676c9b9bbd97846' }, iconPosition === 'left' && iconElement, h("slot", { key: '3bca21871ca31a19059eadeb972ae0ca33077104' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '4e5dab51787a7c675ecf1c28131c30f78fb2c3cb', class: "bubble" }))));
|
|
67
67
|
}
|
|
68
68
|
static get is() { return "spw-tabs-navigation-item"; }
|
|
69
69
|
static get encapsulation() { return "shadow"; }
|
|
@@ -167,7 +167,7 @@ export class SpwTabs {
|
|
|
167
167
|
};
|
|
168
168
|
}
|
|
169
169
|
render() {
|
|
170
|
-
return (h("div", { key: '
|
|
170
|
+
return (h("div", { key: '3d71e8cb71c3452b64dad25b215829d41e3caf59', class: this.elementClass }, h("slot", { key: '1e1c36b080b297698999c199a42ef0e743a21832', name: "navigation" }), h("slot", { key: '183712352b3ee9e5ca355d04ef6ee895c6751e25', name: "content" })));
|
|
171
171
|
}
|
|
172
172
|
static get is() { return "spw-tabs"; }
|
|
173
173
|
static get encapsulation() { return "shadow"; }
|
|
@@ -49,7 +49,7 @@ export class SpwTag {
|
|
|
49
49
|
};
|
|
50
50
|
const iconToDisplay = this.icon || this.getIcon(this.variant);
|
|
51
51
|
const iconElement = this.hasIcon ? h("spw-icon", { variant: this.iconVariant, icon: iconToDisplay }) : null;
|
|
52
|
-
return (h(Host, { key: '
|
|
52
|
+
return (h(Host, { key: '25d79d8139628f04b52d56ce57d946d30293251f' }, h(TagType, Object.assign({ key: '4e4502faf7f71f01f774dec0f6f606250c300bd7' }, attrs, { class: this.elementClass }), this.iconPosition === 'left' && iconElement, h("slot", { key: 'b7a4b2f0c9416b45149d62da061d605171f9362e' }), this.iconPosition === 'right' && iconElement)));
|
|
53
53
|
}
|
|
54
54
|
static get is() { return "spw-tag"; }
|
|
55
55
|
static get encapsulation() { return "shadow"; }
|
|
@@ -280,7 +280,7 @@ export class SpwTextField {
|
|
|
280
280
|
};
|
|
281
281
|
}
|
|
282
282
|
render() {
|
|
283
|
-
return (h("div", { key: '
|
|
283
|
+
return (h("div", { key: '1a909aece29dbbf043b7df0460f5d8537216f1c5', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'f2ea58d0ee889f0f79c03287658988b9826e8a61', 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: 'f9df3ea11a33d8ac48c159dd384595f8f1d60318', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '4952003f7003b658b8f84ae545c4aa695e589738', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: 'd93ec9ddb78b6ab67e965c8ce807a130007aba82', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: 'd7b74ad8ffdaadcd6b9ee302013b723b1454c8da', icon: "fa-minus" }))), h("div", { key: '462ee87a24ef7cc69261f4dd1ea2accf54df790c', class: "spw-text-field__input-container" }, h("input", { key: 'd7ad8f51e8d0475029655283195edf254991ee20', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type === 'number' && this.decimalPrecision != null ? 'text' : this.type, inputMode: this.type === 'number' && this.decimalPrecision != null ? 'decimal' : undefined, min: this.type === 'number' && this.decimalPrecision == null ? this.min : undefined, max: this.type === 'number' && this.decimalPrecision == null ? this.max : undefined, step: this.type === 'number' && this.decimalPrecision == null ? this.step : undefined, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: '91d8d1b92c8487325e17c7b311ae60ad57b5fed0', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'cec98dd049320cfe3b5ca5a0749249b216a0ecd4', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '60b0bc0835f5da1e81dddbd3e815e7eb55675cc0', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: '7f040bda49db2936f123d81052ffc7aa18d4f2e1', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: '119c076cc684f30810c290d71698c96fcec6be93', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: '35f6011eb271494f4cfb0f1e848f2ffa1aa68caa', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: 'ab7e685d644bf96c3303ae19a58983b42e083bdb', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: 'c36d63825077dc9ee4ccec5c1dc77caef30e92e2', icon: "fa-plus" }))), this.indicator && h("div", { key: '2a5fb89e27a1177f5a4830f3e1b22e7ca8ff3d44', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
|
|
284
284
|
}
|
|
285
285
|
static get is() { return "spw-text-field"; }
|
|
286
286
|
static get encapsulation() { return "shadow"; }
|
|
@@ -98,7 +98,7 @@ export class SpwTextarea {
|
|
|
98
98
|
};
|
|
99
99
|
}
|
|
100
100
|
render() {
|
|
101
|
-
return (h("div", { key: '
|
|
101
|
+
return (h("div", { key: '5cf8a467be38b151663bf4a55cc8276946568545', class: this.elementClass }, this.label && (h("spw-field-label", { key: '4ab83e60ab163af266a5830e369f2aff972093c2', 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: '11927f2c8412bfbdb4001df9e8003316dc1eff19', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'fdffdd19fb2223fde04ba0ed8e550432deabcfe1', class: "spw-textarea__container" }, h("textarea", { key: '4ce75319dfe3d49908917752b4ac39cebd366374', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
|
|
102
102
|
}
|
|
103
103
|
static get is() { return "spw-textarea"; }
|
|
104
104
|
static get encapsulation() { return "shadow"; }
|
|
@@ -24,7 +24,7 @@ export class SpwThemeProvider {
|
|
|
24
24
|
document.documentElement.setAttribute('data-theme', theme);
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h("main", { key: '
|
|
27
|
+
return (h("main", { key: '8b9064c6c7fc6070740c2ae3bdee75275589cc9e', class: `spw-theme-${this.theme}` }, h("slot", { key: '746a51e265b9d05aa8ac2acc2d9a5af1321e3e9a' })));
|
|
28
28
|
}
|
|
29
29
|
static get is() { return "spw-theme-provider"; }
|
|
30
30
|
static get properties() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class SpwTileDescription {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: '7d725d4b43f3f1046606ca672d5289a51803e1bb', class: "spw-tile-description" }, h("slot", { key: '97f4e02c449d3fae38c1b56913fbcc5f6af4a0b0' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-tile-description"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|