@spw-ds/spw-stencil-library 1.15.0 → 1.16.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 +313 -12
- package/dist/cjs/{index-BSEZn_kI.js → index-D3lyhQSW.js} +13 -1
- 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 +1 -1
- package/dist/cjs/spw-box.cjs.entry.js +28 -9
- package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-breadcrumb.cjs.entry.js +3 -3
- package/dist/cjs/spw-button_2.cjs.entry.js +3 -3
- 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 +13 -3
- 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 +1 -1
- package/dist/cjs/spw-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/spw-drawer.cjs.entry.js +4 -4
- 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 +11 -6
- package/dist/cjs/spw-field-label_8.cjs.entry.js +9 -9
- 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 +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 +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 +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 +2 -2
- package/dist/cjs/spw-lightbox.cjs.entry.js +3 -3
- 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 +4 -4
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-mosaic.cjs.entry.js +26 -6
- 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 +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-sidenav-group.cjs.entry.js +22 -0
- package/dist/cjs/spw-sidenav-item.cjs.entry.js +154 -0
- package/dist/cjs/spw-sidenav.cjs.entry.js +23 -0
- 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 +2 -2
- 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 +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 +3 -3
- package/dist/cjs/spw-textarea.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile-description.cjs.entry.js +3 -3
- package/dist/cjs/spw-tile-title.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile.cjs.entry.js +19 -13
- 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/collection-manifest.json +3 -0
- package/dist/collection/components/spw-box/spw-box.css +11 -60
- package/dist/collection/components/spw-box/spw-box.js +39 -9
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.js +1 -1
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.css +1 -2
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.js +1 -1
- package/dist/collection/components/spw-button/spw-button.js +1 -1
- 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.css +48 -0
- package/dist/collection/components/spw-card/spw-card-title/spw-card-title.js +31 -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-date-picker/spw-date-picker.js +1 -1
- package/dist/collection/components/spw-drawer/spw-drawer.js +3 -3
- 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 +10 -5
- 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.js +2 -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.css +14 -0
- package/dist/collection/components/spw-header/spw-header.js +3 -1
- package/dist/collection/components/spw-hero/spw-hero.js +3 -3
- 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.js +1 -1
- package/dist/collection/components/spw-lightbox/spw-lightbox.js +2 -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 +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 +25 -5
- 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-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-sidenav/spw-sidenav-group/spw-sidenav-group.css +379 -0
- package/dist/collection/components/spw-sidenav/spw-sidenav-group/spw-sidenav-group.js +48 -0
- package/dist/collection/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.css +468 -0
- package/dist/collection/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.js +323 -0
- package/dist/collection/components/spw-sidenav/spw-sidenav.css +370 -0
- package/dist/collection/components/spw-sidenav/spw-sidenav.js +49 -0
- 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 +1 -1
- 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.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.css +6 -0
- 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.css +34 -0
- 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.css +32 -22
- package/dist/collection/components/spw-tile/spw-tile.js +24 -18
- 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-header/spw-header.stories.js +101 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-2iE5Jfvp.js → p-2AbKLqDf.js} +1 -1
- package/dist/components/p-B2P8l7B3.js +1 -0
- package/dist/components/{p-BP0QYENJ.js → p-B43Zutdz.js} +1 -1
- package/dist/components/{p-F4DuhyF5.js → p-BY3XOPGU.js} +1 -1
- package/dist/components/{p-kkVxHcEB.js → p-C5-yiily.js} +1 -1
- package/dist/components/{p-CQNvd2fn.js → p-C82UsmH4.js} +1 -1
- package/dist/components/{p-DPpA6jtb.js → p-CnzSr9Im.js} +1 -1
- package/dist/components/{p-DIUtCQyY.js → p-DAfHVLjA.js} +1 -1
- package/dist/components/{p-C9EdSa5U.js → p-DXd3uPkn.js} +1 -1
- package/dist/components/{p-DlnEjqPF.js → p-DlhwYK4n.js} +1 -1
- package/dist/components/{p-DDihlS_6.js → p-aWQ1v8BH.js} +1 -1
- package/dist/components/{p-D3XYY2gS.js → p-m97KOJBa.js} +1 -1
- package/dist/components/{p-rbXNWvxL.js → p-yEYYjoyI.js} +1 -1
- package/dist/components/spw-accordion-title.js +1 -1
- package/dist/components/spw-box.js +1 -1
- 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-drawer.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.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 +1 -1
- 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-sidenav-group.d.ts +11 -0
- package/dist/components/spw-sidenav-group.js +1 -0
- package/dist/components/spw-sidenav-item.d.ts +11 -0
- package/dist/components/spw-sidenav-item.js +1 -0
- package/dist/components/spw-sidenav.d.ts +11 -0
- package/dist/components/spw-sidenav.js +1 -0
- 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-toast-controller.js +1 -1
- package/dist/components/spw-toast.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 +396 -12
- package/dist/components_vscode.json +77 -3
- package/dist/esm/{index-C5N6FAxf.js → index-DkNryMko.js} +13 -1
- 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 +1 -1
- package/dist/esm/spw-box.entry.js +28 -9
- package/dist/esm/spw-breadcrumb-item.entry.js +2 -2
- package/dist/esm/spw-breadcrumb.entry.js +3 -3
- package/dist/esm/spw-button_2.entry.js +3 -3
- 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 +13 -3
- 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 +1 -1
- package/dist/esm/spw-date-picker.entry.js +2 -2
- package/dist/esm/spw-drawer.entry.js +4 -4
- 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 +11 -6
- package/dist/esm/spw-field-label_8.entry.js +9 -9
- 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 +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 +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 +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 +2 -2
- package/dist/esm/spw-lightbox.entry.js +3 -3
- 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 +4 -4
- package/dist/esm/spw-mosaic-item.entry.js +2 -2
- package/dist/esm/spw-mosaic.entry.js +26 -6
- 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 +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-sidenav-group.entry.js +20 -0
- package/dist/esm/spw-sidenav-item.entry.js +152 -0
- package/dist/esm/spw-sidenav.entry.js +21 -0
- 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 +2 -2
- 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 +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 +3 -3
- package/dist/esm/spw-textarea.entry.js +2 -2
- package/dist/esm/spw-tile-description.entry.js +3 -3
- package/dist/esm/spw-tile-title.entry.js +2 -2
- package/dist/esm/spw-tile.entry.js +19 -13
- 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-f240cb23.entry.js → p-014cceee.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-43e3fe34.entry.js → p-082f93eb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a052c62f.entry.js → p-0f5debdb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-2579f0f9.entry.js → p-1001e077.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-18c0f6b5.entry.js → p-10bf5c42.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8aece962.entry.js → p-11ee7e7a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-da1efbb7.entry.js → p-1ba59470.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b8987bdc.entry.js → p-1d319daa.entry.js} +1 -1
- package/dist/spw-stencil-library/p-1e940c23.entry.js +1 -0
- package/dist/spw-stencil-library/{p-c2f82f35.entry.js → p-1fca6b4f.entry.js} +1 -1
- package/dist/spw-stencil-library/p-20ed6c87.entry.js +1 -0
- package/dist/spw-stencil-library/{p-90b598b7.entry.js → p-21db201c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-cc406002.entry.js → p-21e998ba.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1a0de816.entry.js → p-24cc1b85.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-903d2621.entry.js → p-2e0e0459.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5a4a24e9.entry.js → p-39990b60.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6dbccd34.entry.js → p-3a44068e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7bbfac6c.entry.js → p-3e8e6a41.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6c5e9eb1.entry.js → p-41568f68.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ef7977c0.entry.js → p-426be39b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a37ed701.entry.js → p-42dce53f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-60d1f1ab.entry.js → p-43af0902.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-2597abf2.entry.js → p-45be9fce.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-db477bbd.entry.js → p-49e53cd8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3d69bc6d.entry.js → p-4d45c143.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8212d5e4.entry.js → p-4f65655d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-61a2830d.entry.js → p-51238b72.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1d1b1ae3.entry.js → p-51d1b03f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3ad59624.entry.js → p-53dfe461.entry.js} +1 -1
- package/dist/spw-stencil-library/p-56511a1a.entry.js +1 -0
- package/dist/spw-stencil-library/{p-8926576b.entry.js → p-571107dc.entry.js} +1 -1
- package/dist/spw-stencil-library/p-57d57d31.entry.js +1 -0
- package/dist/spw-stencil-library/p-5ca2790b.entry.js +1 -0
- package/dist/spw-stencil-library/{p-909463ec.entry.js → p-68787bbe.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-84856ff4.entry.js → p-69f36918.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4d44ffe3.entry.js → p-6be62066.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ba50a10d.entry.js → p-723229e0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c9feda78.entry.js → p-7233f2b1.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-cad173a3.entry.js → p-723b695b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d87005a9.entry.js → p-76b03045.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0b369fe0.entry.js → p-79081772.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ee69cf36.entry.js → p-7996c7c8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e3ada16c.entry.js → p-8010145c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-00ff273e.entry.js → p-83e6a17b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b80e1328.entry.js → p-898f2ca7.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d35fb0e2.entry.js → p-8aa81b70.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bd1ddbb0.entry.js → p-915cbfd3.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-09aa872b.entry.js → p-936fc4c0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d009ebf1.entry.js → p-94581684.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ec4b0f0d.entry.js → p-95f41c17.entry.js} +4 -4
- package/dist/spw-stencil-library/{p-294eb7ff.entry.js → p-995bf47d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-C5N6FAxf.js → p-DkNryMko.js} +1 -1
- package/dist/spw-stencil-library/{p-bf7d4828.entry.js → p-a20d2a78.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-68e31c3d.entry.js → p-a6c5c836.entry.js} +1 -1
- package/dist/spw-stencil-library/p-a775d477.entry.js +1 -0
- package/dist/spw-stencil-library/{p-74b6e21f.entry.js → p-a94801a1.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-188af666.entry.js → p-ae18c590.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0bab1123.entry.js → p-af8ccb80.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-32c71e5b.entry.js → p-afa2f53d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-07ebfa15.entry.js → p-b08eb675.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c66f0d01.entry.js → p-b868a3da.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6763bad4.entry.js → p-bcc0bc5b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-cec973c7.entry.js → p-bd0b3958.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-cea47613.entry.js → p-bec8374e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6cceddce.entry.js → p-c06529c8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a13f1a19.entry.js → p-c2d6da7e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0373be2e.entry.js → p-c62049fc.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5af9996f.entry.js → p-ca25cbef.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ed01e9a1.entry.js → p-ca3263fb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b73ea513.entry.js → p-caba8c80.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-89aa9616.entry.js → p-cb4b31a7.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b5aaaa2e.entry.js → p-cb5dbe40.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a8bde8f1.entry.js → p-d29e6f62.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b15fecbf.entry.js → p-d321091b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ae7b5957.entry.js → p-d6587b45.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-937bcc42.entry.js → p-da1e18c0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3ec14e26.entry.js → p-de10edb8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ee61dc7a.entry.js → p-de47fd8e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-2807b7be.entry.js → p-e172632c.entry.js} +1 -1
- package/dist/spw-stencil-library/p-e2fbc5ff.entry.js +1 -0
- package/dist/spw-stencil-library/{p-2baca3a5.entry.js → p-e592738a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b85cae0c.entry.js → p-e6beeeae.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b02b61ee.entry.js → p-e6f4a095.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-68db1b65.entry.js → p-e82e97da.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-2a980bf0.entry.js → p-ec7f05ae.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-43a0782d.entry.js → p-f0590340.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5e6a842f.entry.js → p-f0e49272.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5f9e2ce5.entry.js → p-f420e077.entry.js} +1 -1
- package/dist/spw-stencil-library/p-f5420f60.entry.js +1 -0
- package/dist/spw-stencil-library/{p-390b54b3.entry.js → p-f7a94fe7.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f2ec0ac9.entry.js → p-f8c9e28a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3c5e087d.entry.js → p-f91a179d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-05c01409.entry.js → p-fbc26e62.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-24ba55fd.entry.js → p-fd339689.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4f9ee2af.entry.js → p-fdcc3c5d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-70c8ae3f.entry.js → p-fdd83154.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f391852d.entry.js → p-fe5f81cc.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 +2176 -990
- package/dist/types/components/spw-box/spw-box.d.ts +7 -2
- package/dist/types/components/spw-card/spw-card-title/spw-card-title.d.ts +3 -0
- package/dist/types/components/spw-sidenav/spw-sidenav-group/spw-sidenav-group.d.ts +5 -0
- package/dist/types/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.d.ts +37 -0
- package/dist/types/components/spw-sidenav/spw-sidenav.d.ts +6 -0
- package/dist/types/components/spw-tile/spw-tile.d.ts +3 -3
- package/dist/types/components.d.ts +148 -9
- package/dist/types/stories/organisms/spw-header/spw-header.stories.d.ts +1 -0
- package/hydrate/index.js +434 -142
- package/hydrate/index.mjs +434 -142
- package/package.json +1 -1
- package/dist/components/p-C5lqDBLM.js +0 -1
- package/dist/spw-stencil-library/p-41b54c1d.entry.js +0 -1
- package/dist/spw-stencil-library/p-62000770.entry.js +0 -1
- package/dist/spw-stencil-library/p-7f28ab5f.entry.js +0 -1
- package/dist/spw-stencil-library/p-8eaf94c3.entry.js +0 -1
- package/dist/spw-stencil-library/p-c713ef7e.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,F as i,H as s,a as n}from"./p-DkNryMko.js";const o=class{constructor(e){t(this,e),this.variant="light",this.height="landscape",this.target="_self",this.imageAlt="",this.revealDescription=!0}componentDidLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){const t=`--${this.variant}`,e=this.el.querySelector("spw-tile-title"),i=this.el.querySelector("spw-tile-description");e&&e.classList.add(t),i&&(i.classList.add(t),i.classList.toggle("--reveal-on-hover",this.revealDescription&&("light"===this.variant||"big"===this.variant)))}get elementClass(){return{"spw-tile":!0,"spw-tile--hoverable":!!this.href,[`spw-tile--${this.variant}`]:!0,[`spw-tile--height-${this.height}`]:!0,"spw-tile--reveal-description":this.revealDescription&&("light"===this.variant||"big"===this.variant)}}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1)}setHovered(t){const e=this.el.querySelector("spw-tile-title");e&&this.href&&e.classList.toggle("--hovered",t);const i=this.el.querySelector("spw-tile-description");i&&this.revealDescription&&("light"===this.variant||"big"===this.variant)&&i.classList.toggle("--revealed",t)}render(){const{href:t,target:n}=this,o=void 0===this.href?"div":"a";return e(s,{key:"cf901f3325453adb4fe130b1d0d3bc9dfa78a323"},e(o,Object.assign({key:"f37a6ad65125bb464e3a366760c1bd7850fa3023"},"div"===o?{}:{href:t,target:n},{class:this.elementClass}),this.imageSrc&&("big"===this.variant||"light"===this.variant)&&e(i,{key:"3bbb2140643181cf6d98ae87583572994b38463b"},e("img",{key:"8fd96171e647c8ec905955755175d135406f0b50",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),e("div",{key:"4749a5833581683cb77c175cbec538293b789dd7",class:"spw-tile__content"},("big"===this.variant||"light"===this.variant)&&e("div",{key:"c84b7a75688366c2e61e9aeb67194c64bd447705",class:"spw-tile__overlay"}),e("div",{key:"445985aa0760b2fbc60081c788005b0abfe9bf23",class:"spw-tile__content-inner"},e("slot",{key:"3f5241b7be0673970e1a044d23817141a6091c73"})),this.href&&"big"===this.variant&&e("span",{key:"3f0a6cd4f1bdea9bbec8708ac86f5d4e895eac59",class:"spw-tile__button"},e("spw-icon",{key:"1555a4b7c7087b1a177a07d265facfb9fcf37f6d",icon:"fa-chevron-right"})))))}get el(){return n(this)}};o.style='html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;height:calc(100% + 48px);bottom:0;top:auto;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--shades-alpha-dark-alpha-dark-alpha-900, rgba(0, 0, 0, 0.87)) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{position:absolute;bottom:24px;right:24px;background:transparent;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:white;border-radius:50%;transition:all 0.2s ease-in;border:3px solid white;font-size:20px;margin-top:12px;z-index:2}.spw-tile:hover .spw-tile__button{background:rgba(0, 0, 0, 0.5)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:0;padding:24px;bottom:0;left:0;width:100%}.spw-tile--big.spw-tile--hoverable .spw-tile__content{padding-right:84px}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}.spw-tile__content-inner{position:relative;z-index:3;flex:1}.spw-tile--icon .spw-tile__content-inner{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content-inner ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}';export{o as spw_tile}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,a as n}from"./p-
|
|
1
|
+
import{r as e,h as t,H as i,a as n}from"./p-DkNryMko.js";const o=class{constructor(t){e(this,t),this.visibleItems=0,this.showMoreText="Voir plus",this.showLessText="Voir moins",this.showAll=!1,this.handleToggle=()=>{this.showAll=!this.showAll,this.updateItemsState()}}componentWillLoad(){this.updateItemsState()}slotChanged(){this.updateItemsState()}updateItemsState(){requestAnimationFrame((()=>{const e=this.el.querySelectorAll("spw-timeline-item");e.forEach(((t,i)=>{t.setAttribute("variant","vertical"),t.setAttribute("is-last",(i===e.length-1).toString()),t.style.display=this.visibleItems>0&&!this.showAll&&i>=this.visibleItems?"none":""}))}))}get elementClass(){return{"spw-timeline":!0,"spw-timeline--vertical":!0}}shouldShowToggleButton(){const e=this.el.querySelectorAll("spw-timeline-item");return this.visibleItems>0&&e.length>this.visibleItems}render(){return t(i,{key:"08d6864952bf7068e596612c23421b87529200d9"},t("div",{key:"dd3817680c66f28595763d2c94d5a2a158add4ec",class:this.elementClass},t("slot",{key:"9c6a2f60d3f0fcc647834282104d6a2550af8747"})),this.shouldShowToggleButton()&&t("div",{key:"0c23627843714ef572654c783894452cd2977493",class:{"spw-timeline__toggle":!0,"spw-timeline__toggle--more":!this.showAll,"spw-timeline__toggle--less":this.showAll}},t("span",{key:"4ce46d6480e6e8d51d201147a452d5ef1642e905",class:"spw-timeline__toggle-btn",onClick:this.handleToggle},this.showAll?this.showLessText:this.showMoreText)))}get el(){return n(this)}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-timeline{display:flex;gap:6px}.spw-timeline--horizontal{flex-direction:row}.spw-timeline--vertical{flex-direction:column;align-items:flex-start}.spw-timeline__toggle{margin-top:8px;padding-left:32px;margin-left:7px;border-left:3px dashed #d1d5db}.spw-timeline__toggle--less{border-left-color:transparent}.spw-timeline__toggle-btn{background:none;border:none;color:var(--spw-ds-primary);font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.spw-timeline__toggle-btn:hover{text-decoration:none}";export{o as spw_timeline}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,a as e}from"./p-
|
|
1
|
+
import{r as t,h as i,a as e}from"./p-DkNryMko.js";const s=class{constructor(i){t(this,i),this.isVerticalOnMobile=!1,this.isCentered=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.hasOverflow=!1,this.scrollPercentage=30,this.resizeObserver=null,this.mutationObserver=null,this.setupObservers=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()})),this.ulElement&&this.resizeObserver.observe(this.ulElement),this.mutationObserver=new MutationObserver((()=>{this.updateSlottedElementsObservation(),setTimeout((()=>this.checkOverflow()),10)})),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateSlottedElementsObservation()},this.updateSlottedElementsObservation=()=>{this.resizeObserver&&Array.from(this.hostElement.children).forEach((t=>{this.resizeObserver.observe(t)}))},this.cleanupObservers=()=>{this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)},this.checkOverflow=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth,i=this.ulElement.scrollWidth,e=this.ulElement.scrollLeft;this.hasOverflow=i>t,this.showLeftArrow=this.hasOverflow&&e>0,this.showRightArrow=this.hasOverflow&&e<i-t-1},this.scrollLeft=()=>{this.ulElement&&this.ulElement.scrollBy({left:-this.ulElement.clientWidth*this.scrollPercentage/100,behavior:"smooth"})},this.scrollRight=()=>{this.ulElement&&this.ulElement.scrollBy({left:this.ulElement.clientWidth*this.scrollPercentage/100,behavior:"smooth"})},this.handleScroll=()=>{this.checkOverflow()}}componentDidLoad(){this.checkOverflow(),this.setupObservers()}disconnectedCallback(){this.cleanupObservers()}onWindowResize(){this.checkOverflow()}render(){const t={"spw-tabs-navigation":!0,"spw-tabs-navigation--vertical-on-mobile":this.isVerticalOnMobile},e={"spw-tabs-navigation__list":!0,"spw-tabs-navigation__list--vertical-on-mobile":this.isVerticalOnMobile,"spw-tabs-navigation__list--centered":this.isCentered&&!this.hasOverflow};return i("div",{key:"2b227b9d3edc52fe3cd7358e8e1b0269863c07d5",class:{"spw-tabs-navigation-container":!0,"spw-tabs-navigation-container--vertical-on-mobile":this.isVerticalOnMobile}},this.showLeftArrow&&i("button",{key:"6ffc6f975492936714466215e27519ff3137261b",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left",onClick:this.scrollLeft,"aria-label":"Faire défiler vers la gauche"},i("spw-icon",{key:"c3609240c389f9f480c79d956b894f433e66a0bd",icon:"fa-chevron-left"})),i("nav",{key:"85918963ae8cffb79eb21467e54bcda93afb27cb",class:t,"aria-label":this.accAriaLabel||"Navigation"},i("ul",{key:"36f65c10bcbc0c52095c8491a37fd6bcd6199492",class:e,role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},i("slot",{key:"9c0ad17537706fbee2a6158e014593cc6f26b17e"}))),this.showRightArrow&&i("button",{key:"95a250291a6d6586331bc8fd90f6bd011b05f949",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right",onClick:this.scrollRight,"aria-label":"Faire défiler vers la droite"},i("spw-icon",{key:"6d8646a6d37e816fdfd8a278b5794de3da5f5068",icon:"fa-chevron-right"})))}get hostElement(){return e(this)}};s.style='@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;top:1px;--spw-tabs-navigation-border-bottom:1px solid var(--spw-colors-support-grey-grey-300);--spw-tabs-navigation-gap:24px}.spw-tabs-navigation-container{display:flex;align-items:center;position:relative;width:100%;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile{flex-direction:column;align-items:stretch}}.spw-tabs-navigation{flex:1;overflow:hidden}@media (max-width: 768px){.spw-tabs-navigation--vertical-on-mobile{overflow:visible}}.spw-tabs-navigation__list{position:relative;z-index:2;display:flex;flex-wrap:nowrap;gap:var(--spw-tabs-navigation-gap);overflow-x:auto;white-space:nowrap;border-bottom:var(--spw-tabs-navigation-border-bottom);scroll-behavior:smooth;list-style:none;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}@media (max-width: 768px){.spw-tabs-navigation__list--vertical-on-mobile{flex-direction:column;gap:0;overflow-x:visible;overflow-y:auto;white-space:normal;border-bottom:none}}@media (min-width: 768px){.spw-tabs-navigation__list--centered{justify-content:center}}:host(.--box) .spw-tabs-navigation__list{gap:0;border-bottom:0}.spw-tabs-navigation__arrow{position:relative;top:1px;display:flex;align-items:center;justify-content:center;background:white;border:none;width:33px;height:33px;cursor:pointer;z-index:10;transition:all 0.2s ease}.spw-tabs-navigation__arrow spw-icon{font-size:14px;color:var(--spw-colors-support-grey-grey-500)}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-radius:0 4px 0 0;border-left:1px solid var(--spw-colors-support-grey-grey-300)}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile .spw-tabs-navigation__arrow{display:none}}@media (max-width: 768px){.spw-tabs-navigation-container--vertical-on-mobile ::slotted(spw-tabs-navigation-item){display:block;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);--spw-tabs-width:100%}}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}';export{s as spw_tabs_navigation}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o}from"./p-
|
|
1
|
+
import{r as t,h as e,H as o}from"./p-DkNryMko.js";const n=class{constructor(e){t(this,e),this.open=!1,this.toggle=()=>{this.open=!this.open}}render(){return e(o,{key:"1ef1c458ed41a58e470c37a7496dc2ba4d557cc4",class:this.open?"is-open":""},this.colTitle&&e("h2",{key:"f7a045587f48e112299a04e298faa0b3354a38de",class:"spw-footer-content-col__title",onClick:this.toggle},this.colTitle,e("spw-icon",{key:"66da8d391148c0e973d8be134f0a1a6784aa7722",class:"spw-footer-content-col__icon",icon:"fa-chevron-down"})),e("div",{key:"8165db230910a724e0faa5244f9eb227cc5dda44",class:"spw-footer-content-col__body"},e("slot",{key:"fe1143fb8cbb07b0c5a67d7738541e6eabcd870c"})))}};n.style='html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-footer-content-col__title{font-size:18px;margin-bottom:16px;font-weight:700}.spw-footer-content-col__body{display:block}.spw-footer-content-col__icon{display:none}.spw-footer-content-col__contact{transition:all linear 0.2s;margin-bottom:16px}.spw-footer-content-col__contact:hover{opacity:0.7}::slotted(spw-footer-link){position:relative;margin-bottom:8px !important;padding-left:16px !important;font-weight:500}::slotted(spw-footer-link):after{content:"";position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:50%;background:var(--spw-ds-primary)}::slotted(spw-footer-link:last-child){margin-bottom:0 !important}@media (max-width: 767px){.spw-footer-content-col__title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;margin-bottom:0}.spw-footer-content-col__icon{display:inline-flex;transition:transform 0.25s ease;flex-shrink:0}.spw-footer-content-col__body{overflow:hidden;max-height:0;transition:max-height 0.3s ease, margin-top 0.3s ease;margin-top:0}:host(.is-open) .spw-footer-content-col__icon{transform:rotate(-180deg)}:host(.is-open) .spw-footer-content-col__body{max-height:500px;margin-top:16px}}';export{n as spw_footer_content_col}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as o}from"./p-
|
|
1
|
+
import{r as e,h as t,H as o}from"./p-DkNryMko.js";const i=class{constructor(t){e(this,t),this.mainTitle="Restez connecté"}render(){return t(o,{key:"37ed3a03b7350050ba217872a8a8ee9fcdb747b2"},t("div",{key:"887f4e81d701a19b99317dead5eacc7f11f64ac3",class:"spw-socials"},t("div",{key:"037ab94e4f7c748854fbc6375d282bcef10603f2",class:"spw-ds-container"},t("h2",{key:"4722c336fefac98c035b261e9e03823e6f548975",class:"spw-socials__title"},this.mainTitle),t("div",{key:"d3eb5112d91db92e9fff52e51339c31d6085fa9b",class:"spw-socials__content"},t("slot",{key:"535992ccec35ea2249f67c62491dda3defd40299"})))))}};i.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-socials{padding:32px 0;text-align:center;border-top:1px solid var(--spw-colors-support-grey-grey-300);background:white}.spw-socials__title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--spw-color-shades-base-black)}.spw-socials__content{justify-content:center;display:flex;gap:24px}.spw-socials__content a{font-size:24px;color:var(--spw-color-shades-base-black)}.spw-socials__content a:hover{opacity:0.7;color:var(--spw-color-shades-base-black) !important}.spw-socials__content a:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-socials__content a:active{opacity:0.9;color:var(--spw-color-shades-base-black) !important}";export{i as spw_socials}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as s,a as t}from"./p-C5N6FAxf.js";import{a as o}from"./p-BBi01mKM.js";const a=class{constructor(s){i(this,s),this.spwFileChange=e(this,"spwFileChange",7),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.disabled=!1,this.value=[],this.enableDropZone=!1,this.multiple=!1,this.accept="",this.refuse="",this.maxFileSize=100,this.maxFileSizeUnit="mo",this.maxFiles=1/0,this.textChooseFile="Choisir votre fichier...",this.textChooseFiles="Choisir vos fichiers...",this.textDropFile="Déposez votre fichier ici ou",this.textDropFiles="Déposez vos fichiers ici ou",this.textChooseFromComputer="choisissez sur votre ordinateur...",this.textDelete="Supprimer",this.textMaxFileSize="Taille maximale par fichier : {size} {unit}",this.textMaxFiles="{count} fichier(s) maximum",this.textAcceptedFormats="Formats autorisés : {formats}.",this.textRefusedFormats="Formats refusés : {formats}.",this.textAllFormats="Formats autorisés : tous les formats.",this.textErrorFormat="{filename} n'a pas été pris en compte car le format n'est pas autorisé.",this.textErrorSize="{filename} n'a pas été pris en compte car il dépasse la taille maximale autorisée.",this.textErrorFormatAndSize="{filename} n'a pas été pris en compte car le format n'est pas autorisé et la limite de poids est dépassée.",this.textLimitReached="Vous avez atteint la limite autorisée de fichiers.",this.textLimitExceeded="Vous ne pouvez pas télécharger plus de {count} fichier(s).",this.selectedFiles=[],this.fileTypeErrors=[],this.fileLimitErrors=[],this.isDragging=!1,this.isMaxFilesReachedExact=!1}watchValueHandler(i){i&&i.length>0?this.selectedFiles=[...i]:i&&0===i.length&&(this.selectedFiles=[])}componentWillLoad(){this.value&&this.value.length>0&&(this.selectedFiles=[...this.value]),this.maxFileSize="go"===this.maxFileSizeUnit?1024*this.maxFileSize*1024*1024:1024*this.maxFileSize*1024,this.accept&&this.refuse&&console.warn('spw-file-upload: Vous ne pouvez pas utiliser "accept" et "refuse" en même temps. Seul "accept" sera pris en compte.')}get isMaxFilesReached(){return this.selectedFiles.length>=this.maxFiles}handleFileChange(i){const e=i.target,s=e.files?Array.from(e.files):[];this.processFiles(s),e.value=""}processFiles(i){this.fileTypeErrors=[],this.fileLimitErrors=[],this.isMaxFilesReachedExact=!1,this.multiple||(this.selectedFiles=[],i=i.slice(0,1));const e=i.filter((i=>{const e=this.isFileAccepted(i),s=this.isFileSizeValid(i);return e||s?e?!!s||(this.fileTypeErrors.push(this.textErrorSize.replace("{filename}",i.name)),!1):(this.fileTypeErrors.push(this.textErrorFormat.replace("{filename}",i.name)),!1):(this.fileTypeErrors.push(this.textErrorFormatAndSize.replace("{filename}",i.name)),!1)}));if(this.selectedFiles.length+e.length>=this.maxFiles){const i=this.maxFiles-this.selectedFiles.length;this.selectedFiles.length+e.length===this.maxFiles?(this.isMaxFilesReachedExact=!0,this.fileLimitErrors.push(this.textLimitReached)):(e.splice(i),this.fileLimitErrors.push(this.textLimitExceeded.replace("{count}",String(this.maxFiles))))}this.selectedFiles=[...this.selectedFiles,...e],this.spwFileChange.emit({files:this.selectedFiles}),this.updateFormValue()}isFileAccepted(i){if(this.accept&&this.refuse){const e=this.accept.split(",").map((i=>i.trim()));return e.includes(i.type)||e.some((e=>i.name.endsWith(e)))}if(this.accept){const e=this.accept.split(",").map((i=>i.trim()));return e.includes(i.type)||e.some((e=>i.name.endsWith(e)))}if(this.refuse){const e=this.refuse.split(",").map((i=>i.trim()));return!(e.includes(i.type)||e.some((e=>i.name.endsWith(e))))}return!0}isFileSizeValid(i){return i.size<=this.maxFileSize}updateFormValue(){if(this.selectedFiles.length>0){const i=new FormData;this.selectedFiles.forEach(((e,s)=>{i.append(`${this.name}[${s}]`,e)})),this.internals.setFormValue(i)}else this.internals.setFormValue(null)}async resetInput(){this.inputElement.value="",this.selectedFiles=[],this.fileLimitErrors=[],this.fileTypeErrors=[],this.updateFormValue()}formResetCallback(){this.resetInput()}handleDragOver(i){i.preventDefault(),this.disabled||!this.enableDropZone||this.isMaxFilesReached||(this.isDragging=!0)}handleDragLeave(){!this.disabled&&this.enableDropZone&&(this.isDragging=!1)}handleDrop(i){var e;if(i.preventDefault(),!this.disabled&&this.enableDropZone&&!this.isMaxFilesReached){this.isDragging=!1;const s=(null===(e=i.dataTransfer)||void 0===e?void 0:e.files)?Array.from(i.dataTransfer.files):[];this.processFiles(s)}}removeFile(i){this.selectedFiles=this.selectedFiles.filter(((e,s)=>s!==i)),this.fileLimitErrors=[],this.updateFormValue(),this.spwFileChange.emit({files:this.selectedFiles})}handleKeydown(i){" "!==i.key&&"Enter"!==i.key||this.isMaxFilesReached||(i.preventDefault(),!this.disabled&&this.inputElement.click())}get elementClass(){return{"spw-file-upload__wrapper":!0,"spw-file-upload__wrapper--disabled":this.disabled||this.isMaxFilesReached,"spw-file-upload--has-dropzone":this.enableDropZone,"spw-file-upload--is-dragging":this.isDragging}}get hintsMessages(){let i,e;"go"===this.maxFileSizeUnit?(i=this.maxFileSize/1073741824,e="Go"):(i=this.maxFileSize/1048576,e="Mo");const s=[];let t=this.textMaxFileSize.replace("{size}",String(i)).replace("{unit}",e);return t+=this.multiple&&this.maxFiles!==1/0?` - ${this.textMaxFiles.replace("{count}",String(this.maxFiles))}`:".",s.push(t),s.push(this.accept&&this.refuse||this.accept?this.textAcceptedFormats.replace("{formats}",this.accept):this.refuse?this.textRefusedFormats.replace("{formats}",this.refuse):this.textAllFormats),s}render(){const i=this.multiple?this.textChooseFiles:this.textChooseFile,e=this.multiple?this.textDropFiles:this.textDropFile;return s("div",{key:"71d9c8c34432814373e44ae4d4155fa58f098cdc",class:this.elementClass,onDragOver:this.handleDragOver.bind(this),onDragLeave:this.handleDragLeave.bind(this),onDrop:this.handleDrop.bind(this)},s("input",{key:"1a738bc28116a3d0036e8e81366af8b6dc2387f8",type:"file",ref:i=>this.inputElement=i,onChange:this.handleFileChange.bind(this),name:this.name,multiple:this.multiple,accept:this.accept,style:{display:"none"},disabled:this.isMaxFilesReached}),this.enableDropZone?s("div",{tabindex:this.disabled||this.isMaxFilesReached?-1:0,onKeyDown:this.handleKeydown.bind(this),onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),class:"spw-file-upload__dropzone"},e," ",s("span",{class:"spw-file-upload__dropzone-link"},this.textChooseFromComputer)):s("spw-button",{variant:"secondary",onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),disabled:this.disabled||this.isMaxFilesReached},i),s("div",{key:"89b433e29d8dd53031a7d9e425c13441547dfc9d",class:"spw-file-upload__hints"},this.hintsMessages.length>0&&s("ul",{key:"e6ddecf10fbabd974ab26050813cb1c91a733b7c"},this.hintsMessages.map(((i,e)=>s("li",{key:e},i))))),s("div",{key:"e74581cf6ee05ddc98d28c496319dc5e6a6234e5",class:"spw-file-upload__info"},this.selectedFiles.length>0?s("ul",{class:"spw-file-upload__info-list"},this.selectedFiles.map(((i,e)=>s("li",{key:e},s("span",{class:"spw-file-upload__info-list-name"},i.name),s("div",{class:"spw-file-upload__info-list-actions"},s("span",{class:"spw-file-upload__spacing"},o(i.size)),s("a",{class:"spw-file-upload__info-list-delete",href:"#",onClick:i=>{i.preventDefault(),this.removeFile(e)}},this.textDelete)))))):"",this.fileLimitErrors.length>0&&s("ul",{key:"8b4938c78058e11c6929d946f8e9d2e5aca8233b",class:"spw-file-upload__errors "+(this.isMaxFilesReachedExact?"spw-file-upload__errors--warning":"")},this.fileLimitErrors.map(((i,e)=>s("li",{key:e},s("spw-icon",{class:"spw-file-upload__spacing",icon:this.isMaxFilesReachedExact?"fa-circle-exclamation":"fa-warning"}),i)))),this.fileTypeErrors.length>0&&s("ul",{key:"19d79c0ffd3e3ca5a28c1c5d4fa724a1da1b48eb",class:"spw-file-upload__errors"},this.fileTypeErrors.map(((i,e)=>s("li",{key:e},s("spw-icon",{class:"spw-file-upload__spacing",icon:"fa-warning"}),i))))))}static get formAssociated(){return!0}get el(){return t(this)}static get watchers(){return{value:[{watchValueHandler:0}]}}};a.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-file-upload{display:block;position:relative}.spw-file-upload__spacing{margin-right:8px}.spw-file-upload__wrapper--error{border-color:#ff4d4d;background-color:#ffe6e6}.spw-file-upload__wrapper--dragging{background-color:#e0f7fa;border-color:#00acc1}.spw-file-upload spw-button{display:inline-block;margin-bottom:8px}.spw-file-upload__errors{font-size:14px;color:var(--spw-colors-dark-themes-red-red-500);font-weight:600}.spw-file-upload__errors li{margin-top:16px}.spw-file-upload__errors--warning{color:var(--spw-color-themes-grey-grey-800);font-weight:400}.spw-file-upload__hints{font-size:14px;color:var(--spw-color-themes-grey-grey-600);margin-top:16px}.spw-file-upload__dropzone{cursor:pointer;color:#555;background:var(--spw-colors-dark-themes-blue-grey-blue-grey-50);padding:20px;border-radius:8px;border:1px dashed #333;font-weight:bold;text-align:center}.spw-file-upload__dropzone:not(.spw-file-upload--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-visible,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):active,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-within{outline:2px solid var(--spw-ds-focus)}.spw-file-upload__dropzone-link{color:var(--spw-ds-primary);text-decoration:underline}.spw-file-upload__dropzone-link:hover{text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone-link{color:inherit;text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone{cursor:not-allowed;background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-400);border-color:var(--spw-color-themes-grey-grey-300);outline:none !important}.spw-file-upload--is-dragging .spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-200)}.spw-file-upload__info-list{margin-top:16px;border-top:1px solid #eee}.spw-file-upload__info-list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:16px 8px;border-bottom:1px solid #eee;color:var(--spw-color-themes-grey-grey-900);font-size:14px}@media (min-width: 768px){.spw-file-upload__info-list li{flex-wrap:nowrap;gap:16px}}.spw-file-upload__info-list-actions{display:flex;gap:8px}@media (min-width: 768px){.spw-file-upload__info-list-actions{gap:16px}}.spw-file-upload__info-list-delete{color:inherit}.spw-file-upload__info-list-delete:hover{text-decoration:none}";export{a as spw_file_upload}
|
|
1
|
+
import{r as i,c as e,h as s,a as t}from"./p-DkNryMko.js";import{a as o}from"./p-BBi01mKM.js";const a=class{constructor(s){i(this,s),this.spwFileChange=e(this,"spwFileChange",7),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.disabled=!1,this.value=[],this.enableDropZone=!1,this.multiple=!1,this.accept="",this.refuse="",this.maxFileSize=100,this.maxFileSizeUnit="mo",this.maxFiles=1/0,this.textChooseFile="Choisir votre fichier...",this.textChooseFiles="Choisir vos fichiers...",this.textDropFile="Déposez votre fichier ici ou",this.textDropFiles="Déposez vos fichiers ici ou",this.textChooseFromComputer="choisissez sur votre ordinateur...",this.textDelete="Supprimer",this.textMaxFileSize="Taille maximale par fichier : {size} {unit}",this.textMaxFiles="{count} fichier(s) maximum",this.textAcceptedFormats="Formats autorisés : {formats}.",this.textRefusedFormats="Formats refusés : {formats}.",this.textAllFormats="Formats autorisés : tous les formats.",this.textErrorFormat="{filename} n'a pas été pris en compte car le format n'est pas autorisé.",this.textErrorSize="{filename} n'a pas été pris en compte car il dépasse la taille maximale autorisée.",this.textErrorFormatAndSize="{filename} n'a pas été pris en compte car le format n'est pas autorisé et la limite de poids est dépassée.",this.textLimitReached="Vous avez atteint la limite autorisée de fichiers.",this.textLimitExceeded="Vous ne pouvez pas télécharger plus de {count} fichier(s).",this.selectedFiles=[],this.fileTypeErrors=[],this.fileLimitErrors=[],this.isDragging=!1,this.isMaxFilesReachedExact=!1}watchValueHandler(i){i&&i.length>0?this.selectedFiles=[...i]:i&&0===i.length&&(this.selectedFiles=[])}componentWillLoad(){this.value&&this.value.length>0&&(this.selectedFiles=[...this.value]),this.maxFileSize="go"===this.maxFileSizeUnit?1024*this.maxFileSize*1024*1024:1024*this.maxFileSize*1024,this.accept&&this.refuse&&console.warn('spw-file-upload: Vous ne pouvez pas utiliser "accept" et "refuse" en même temps. Seul "accept" sera pris en compte.')}get isMaxFilesReached(){return this.selectedFiles.length>=this.maxFiles}handleFileChange(i){const e=i.target,s=e.files?Array.from(e.files):[];this.processFiles(s),e.value=""}processFiles(i){this.fileTypeErrors=[],this.fileLimitErrors=[],this.isMaxFilesReachedExact=!1,this.multiple||(this.selectedFiles=[],i=i.slice(0,1));const e=i.filter((i=>{const e=this.isFileAccepted(i),s=this.isFileSizeValid(i);return e||s?e?!!s||(this.fileTypeErrors.push(this.textErrorSize.replace("{filename}",i.name)),!1):(this.fileTypeErrors.push(this.textErrorFormat.replace("{filename}",i.name)),!1):(this.fileTypeErrors.push(this.textErrorFormatAndSize.replace("{filename}",i.name)),!1)}));if(this.selectedFiles.length+e.length>=this.maxFiles){const i=this.maxFiles-this.selectedFiles.length;this.selectedFiles.length+e.length===this.maxFiles?(this.isMaxFilesReachedExact=!0,this.fileLimitErrors.push(this.textLimitReached)):(e.splice(i),this.fileLimitErrors.push(this.textLimitExceeded.replace("{count}",String(this.maxFiles))))}this.selectedFiles=[...this.selectedFiles,...e],this.spwFileChange.emit({files:this.selectedFiles}),this.updateFormValue()}isFileAccepted(i){if(this.accept&&this.refuse){const e=this.accept.split(",").map((i=>i.trim()));return e.includes(i.type)||e.some((e=>i.name.endsWith(e)))}if(this.accept){const e=this.accept.split(",").map((i=>i.trim()));return e.includes(i.type)||e.some((e=>i.name.endsWith(e)))}if(this.refuse){const e=this.refuse.split(",").map((i=>i.trim()));return!(e.includes(i.type)||e.some((e=>i.name.endsWith(e))))}return!0}isFileSizeValid(i){return i.size<=this.maxFileSize}updateFormValue(){if(this.selectedFiles.length>0){const i=new FormData;this.selectedFiles.forEach(((e,s)=>{i.append(`${this.name}[${s}]`,e)})),this.internals.setFormValue(i)}else this.internals.setFormValue(null)}async resetInput(){this.inputElement.value="",this.selectedFiles=[],this.fileLimitErrors=[],this.fileTypeErrors=[],this.updateFormValue()}formResetCallback(){this.resetInput()}handleDragOver(i){i.preventDefault(),this.disabled||!this.enableDropZone||this.isMaxFilesReached||(this.isDragging=!0)}handleDragLeave(){!this.disabled&&this.enableDropZone&&(this.isDragging=!1)}handleDrop(i){var e;if(i.preventDefault(),!this.disabled&&this.enableDropZone&&!this.isMaxFilesReached){this.isDragging=!1;const s=(null===(e=i.dataTransfer)||void 0===e?void 0:e.files)?Array.from(i.dataTransfer.files):[];this.processFiles(s)}}removeFile(i){this.selectedFiles=this.selectedFiles.filter(((e,s)=>s!==i)),this.fileLimitErrors=[],this.updateFormValue(),this.spwFileChange.emit({files:this.selectedFiles})}handleKeydown(i){" "!==i.key&&"Enter"!==i.key||this.isMaxFilesReached||(i.preventDefault(),!this.disabled&&this.inputElement.click())}get elementClass(){return{"spw-file-upload__wrapper":!0,"spw-file-upload__wrapper--disabled":this.disabled||this.isMaxFilesReached,"spw-file-upload--has-dropzone":this.enableDropZone,"spw-file-upload--is-dragging":this.isDragging}}get hintsMessages(){let i,e;"go"===this.maxFileSizeUnit?(i=this.maxFileSize/1073741824,e="Go"):(i=this.maxFileSize/1048576,e="Mo");const s=[];let t=this.textMaxFileSize.replace("{size}",String(i)).replace("{unit}",e);return t+=this.multiple&&this.maxFiles!==1/0?` - ${this.textMaxFiles.replace("{count}",String(this.maxFiles))}`:".",s.push(t),s.push(this.accept&&this.refuse||this.accept?this.textAcceptedFormats.replace("{formats}",this.accept):this.refuse?this.textRefusedFormats.replace("{formats}",this.refuse):this.textAllFormats),s}render(){const i=this.multiple?this.textChooseFiles:this.textChooseFile,e=this.multiple?this.textDropFiles:this.textDropFile;return s("div",{key:"b9ebd2c1fc52c12db5a618184286764f2940286c",class:this.elementClass,onDragOver:this.handleDragOver.bind(this),onDragLeave:this.handleDragLeave.bind(this),onDrop:this.handleDrop.bind(this)},s("input",{key:"dcb8127694409b0b2e5a6b8eb8ec145e0611a6d5",type:"file",ref:i=>this.inputElement=i,onChange:this.handleFileChange.bind(this),name:this.name,multiple:this.multiple,accept:this.accept,style:{display:"none"},disabled:this.isMaxFilesReached}),this.enableDropZone?s("div",{tabindex:this.disabled||this.isMaxFilesReached?-1:0,onKeyDown:this.handleKeydown.bind(this),onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),class:"spw-file-upload__dropzone"},e," ",s("span",{class:"spw-file-upload__dropzone-link"},this.textChooseFromComputer)):s("spw-button",{variant:"secondary",onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),disabled:this.disabled||this.isMaxFilesReached},i),s("div",{key:"17ce5706ea9ddfe6b86abaa2d2d8bb07792ac29f",class:"spw-file-upload__hints"},this.hintsMessages.length>0&&s("ul",{key:"4d122133f13dc87218591517c423326a01fc8ab5"},this.hintsMessages.map(((i,e)=>s("li",{key:e},i))))),s("div",{key:"6ddfc9b38a2e0063cb83567f5389f136988b0283",class:"spw-file-upload__info"},this.selectedFiles.length>0?s("ul",{class:"spw-file-upload__info-list"},this.selectedFiles.map(((i,e)=>s("li",{key:e},s("span",{class:"spw-file-upload__info-list-name"},i.name),s("div",{class:"spw-file-upload__info-list-actions"},s("span",{class:"spw-file-upload__spacing"},o(i.size)),s("a",{class:"spw-file-upload__info-list-delete",href:"#",onClick:i=>{i.preventDefault(),this.removeFile(e)}},this.textDelete)))))):"",this.fileLimitErrors.length>0&&s("ul",{key:"555c82b252214a6587d9a80405d727ab73561fc0",class:"spw-file-upload__errors "+(this.isMaxFilesReachedExact?"spw-file-upload__errors--warning":"")},this.fileLimitErrors.map(((i,e)=>s("li",{key:e},s("spw-icon",{class:"spw-file-upload__spacing",icon:this.isMaxFilesReachedExact?"fa-circle-exclamation":"fa-warning"}),i)))),this.fileTypeErrors.length>0&&s("ul",{key:"9aee36f1c9d26711eb58e723a14ddcdeef447ece",class:"spw-file-upload__errors"},this.fileTypeErrors.map(((i,e)=>s("li",{key:e},s("spw-icon",{class:"spw-file-upload__spacing",icon:"fa-warning"}),i))))))}static get formAssociated(){return!0}get el(){return t(this)}static get watchers(){return{value:[{watchValueHandler:0}]}}};a.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-file-upload{display:block;position:relative}.spw-file-upload__spacing{margin-right:8px}.spw-file-upload__wrapper--error{border-color:#ff4d4d;background-color:#ffe6e6}.spw-file-upload__wrapper--dragging{background-color:#e0f7fa;border-color:#00acc1}.spw-file-upload spw-button{display:inline-block;margin-bottom:8px}.spw-file-upload__errors{font-size:14px;color:var(--spw-colors-dark-themes-red-red-500);font-weight:600}.spw-file-upload__errors li{margin-top:16px}.spw-file-upload__errors--warning{color:var(--spw-color-themes-grey-grey-800);font-weight:400}.spw-file-upload__hints{font-size:14px;color:var(--spw-color-themes-grey-grey-600);margin-top:16px}.spw-file-upload__dropzone{cursor:pointer;color:#555;background:var(--spw-colors-dark-themes-blue-grey-blue-grey-50);padding:20px;border-radius:8px;border:1px dashed #333;font-weight:bold;text-align:center}.spw-file-upload__dropzone:not(.spw-file-upload--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-visible,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):active,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-within{outline:2px solid var(--spw-ds-focus)}.spw-file-upload__dropzone-link{color:var(--spw-ds-primary);text-decoration:underline}.spw-file-upload__dropzone-link:hover{text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone-link{color:inherit;text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone{cursor:not-allowed;background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-400);border-color:var(--spw-color-themes-grey-grey-300);outline:none !important}.spw-file-upload--is-dragging .spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-200)}.spw-file-upload__info-list{margin-top:16px;border-top:1px solid #eee}.spw-file-upload__info-list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:16px 8px;border-bottom:1px solid #eee;color:var(--spw-color-themes-grey-grey-900);font-size:14px}@media (min-width: 768px){.spw-file-upload__info-list li{flex-wrap:nowrap;gap:16px}}.spw-file-upload__info-list-actions{display:flex;gap:8px}@media (min-width: 768px){.spw-file-upload__info-list-actions{gap:16px}}.spw-file-upload__info-list-delete{color:inherit}.spw-file-upload__info-list-delete:hover{text-decoration:none}";export{a as spw_file_upload}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as i,a as o}from"./p-C5N6FAxf.js";const a=class{constructor(s){e(this,s),this.spwSort=t(this,"spwSort",7),this.spwResize=t(this,"spwResize",7),this.isSticky=!1,this.minWidth="600",this.tableLayout="auto",this.isZebra=!1,this.disableSort=!1,this.resizable=!1,this.minHeight=200,this.isResizing=!1,this.startY=0,this.startHeight=0,this.handleResizeStart=e=>{var t;e.preventDefault(),this.isResizing=!0,this.startY=e.clientY;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-table-wrapper");s&&(this.containerElement=s,this.startHeight=s.offsetHeight),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.body.style.cursor="ns-resize",document.body.style.userSelect="none"},this.handleMouseMove=e=>{if(!this.isResizing||!this.containerElement)return;const t=Math.max(this.minHeight,this.startHeight+(e.clientY-this.startY));this.currentHeight=t,this.spwResize.emit({height:t})},this.handleMouseUp=()=>{this.isResizing&&(this.isResizing=!1,this.cleanupResizeListeners(),document.body.style.cursor="",document.body.style.userSelect="")},this.checkboxChangeHandler=()=>this.updateMasterCheckboxState()}onCurrentSortChange(e){e&&this.updateHeadersSortState(e)}onIsStickyChange(){this.applyStickyToChildren()}componentDidLoad(){var e;this.updateZebra(),this.applyStickyToChildren();const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener(),this.updateMasterCheckboxState(),this.applyStickyToChildren()})),this.setupHeaderCheckboxListener(),this.setupBodyCheckboxListener(),this.setupTableBodyObserver(),this.setupHeaderObserver(),setTimeout((()=>{this.updateMasterCheckboxState()}),0),this.resizable&&this.maxHeight&&(this.currentHeight=parseInt(this.maxHeight,10))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.headerMutationObserver&&this.headerMutationObserver.disconnect(),this.cleanupResizeListeners()}cleanupResizeListeners(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}setupTableBodyObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&(this.mutationObserver=new MutationObserver((()=>{this.setupBodyCheckboxListener(),setTimeout((()=>{this.updateMasterCheckboxState()}),0)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","disabled"]}))}setupHeaderObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-head"===e.tagName.toLowerCase()));e&&(this.headerMutationObserver=new MutationObserver((()=>{this.applyStickyToChildren()})),this.headerMutationObserver.observe(e,{childList:!0,subtree:!0}))}getMasterCheckboxColumnIndex(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(!t)return null;const s=t.assignedElements({flatten:!0}).find((e=>"spw-table-head"===e.tagName.toLowerCase()));if(!s)return null;const i=s.querySelector("spw-table-row");if(!i)return null;const o=Array.from(i.querySelectorAll("spw-table-header"));for(let e=0;e<o.length;e++)if(o[e].querySelector("spw-checkbox"))return e;return null}isCheckboxDisabled(e){return!0===(null==e?void 0:e.disabled)||"true"===(null==e?void 0:e.getAttribute("disabled"))||""===(null==e?void 0:e.getAttribute("disabled"))}updateMasterCheckboxState(){var e;const t=this.getMasterCheckboxColumnIndex();if(null===t)return;const s=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"),i=null==s?void 0:s.assignedElements({flatten:!0});if(!i)return;const o=i.find((e=>"spw-table-head"===e.tagName.toLowerCase())),a=i.find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!o||!a)return;const r=o.querySelector("spw-table-row"),n=null==r?void 0:r.querySelectorAll("spw-table-header")[t],l=null==n?void 0:n.querySelector("spw-checkbox"),d=a.querySelectorAll("spw-table-row"),h=Array.from(d).map((e=>{const s=e.querySelectorAll("spw-table-cell")[t],i=null==s?void 0:s.querySelector("spw-checkbox");return{checked:!0===(null==i?void 0:i.checked)||"true"===(null==i?void 0:i.getAttribute("checked")),disabled:this.isCheckboxDisabled(i)}})).filter((e=>!e.disabled));if(0===h.length)return;const p=h.every((e=>e.checked)),b=h.every((e=>!e.checked));l&&(p?(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-check")):b?(l.checked=!1,l.setAttribute("checked","false"),l.setAttribute("icon","fa-check")):(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-minus")))}setupHeaderCheckboxListener(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"),s=null==t?void 0:t.assignedElements({flatten:!0});if(!s)return;const i=s.find((e=>"spw-table-head"===e.tagName.toLowerCase()));i&&i.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.addEventListener("spwChange",(e=>{this.toggleAllRowCheckboxes(e.detail)}))}))}))}setupBodyCheckboxListener(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&e.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.removeEventListener("spwChange",this.checkboxChangeHandler),e.addEventListener("spwChange",this.checkboxChangeHandler)}))}))}toggleAllRowCheckboxes(e){var t;const s=this.getMasterCheckboxColumnIndex();if(null===s)return;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])"),o=null==i?void 0:i.assignedElements({flatten:!0});if(!o)return;const a=o.find((e=>"spw-table-body"===e.tagName.toLowerCase()));a&&(a.querySelectorAll("spw-table-row").forEach((t=>{const i=Array.from(t.querySelectorAll("spw-table-cell"))[s],o=null==i?void 0:i.querySelector("spw-checkbox");o&&!this.isCheckboxDisabled(o)&&(o.checked=e,o.setAttribute("checked",e.toString()))})),setTimeout((()=>{this.updateMasterCheckboxState()}),0))}handleHeaderClick(e){const t=e.detail,s=this.currentSort,i={column:t,direction:(null==s?void 0:s.column)===t&&"asc"===s.direction?"desc":"asc"};this.currentSort=i,this.spwSort.emit(i),this.disableSort||this.sortRows(i.column,i.direction),this.updateHeadersSortState(i),this.updateZebra()}updateZebra(){const e=this.el.shadowRoot.querySelector("slot:not([name])");if(!e)return;const t=e.assignedElements({flatten:!0}).find((e=>"spw-table-body"===e.tagName.toLowerCase()));t&&(this.isZebra?t.setAttribute("is-zebra","true"):t.removeAttribute("is-zebra"),"function"==typeof t.updateZebraStyles&&t.updateZebraStyles())}applyStickyToChildren(){requestAnimationFrame((()=>{const e="--is-sticky",t=this.el.querySelectorAll("spw-table-header"),s=this.el.querySelectorAll("spw-table-cell"),i=this.el.querySelector("spw-table-footer");this.isSticky?(t.forEach((t=>t.classList.add(e))),null==i||i.classList.add(e)):(t.forEach((t=>t.classList.remove(e))),s.forEach((t=>t.classList.remove(e))),null==i||i.classList.remove(e))}))}sortRows(e,t){var s;const i=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector("slot:not([name])"),o=null==i?void 0:i.assignedElements().find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!o)return;const a=Array.from(o.querySelectorAll("spw-table-row")),r=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((t=>t.columnId===e));if(-1===r)return;a.sort(((e,s)=>{const i=e.querySelectorAll("spw-table-cell")[r],o=s.querySelectorAll("spw-table-cell")[r];if(!i||!o)return 0;const a=i.textContent.trim(),n=o.textContent.trim();return isNaN(Number(a))||isNaN(Number(n))?"asc"===t?a.localeCompare(n):n.localeCompare(a):"asc"===t?+a-+n:+n-+a})),a.forEach((e=>o.appendChild(e)));(null==o?void 0:o.updateZebraStyles)&&o.updateZebraStyles()}updateHeadersSortState(e){this.el.querySelectorAll("spw-table-header").forEach((t=>{const s=t.columnId===e.column;t.isSorted=s,t.sortDirection=s?e.direction:void 0}))}formatSize(e){return null==e?"auto":`${e}px`}get elementClass(){return{"spw-table":!0,"spw-table--is-sticky":this.isSticky,"spw-table--resizable":this.resizable,[`spw-table--layout-${this.tableLayout}`]:!0}}get containerClass(){return{"spw-table-container":!0,"spw-table-container--resizable":this.resizable}}getMaxHeight(){return this.resizable&&this.currentHeight?`${this.currentHeight}px`:this.formatSize(this.maxHeight)}render(){return s(i,{key:"dd8d60d59f80d90f6cf89dafa53ab7d028e0e035",style:{"--spw-table-max-height":this.getMaxHeight(),"--spw-table-min-width":this.formatSize(this.minWidth)}},s("div",{key:"c2c8bc325f257d4d06e45d6e235d6865d50f4435",class:this.containerClass},s("slot",{key:"c827c807198079ebeeaa5e1b1271c268a43fe9d2",name:"table-sidebar"}," "),s("div",{key:"2e77cedb34c6fd92174c1b41b624323af9e2efe0",class:"spw-table-wrapper"},s("table",{key:"b35355295ce2f0e417364364c8f07b3d8209f523",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},s("slot",{key:"b3ac17bf068bb6884335d49a8d4589c28a11269f"})))),this.resizable&&s("div",{key:"8d8126725c6fafe48800b3dd95a946f87b457a11",class:"spw-table-resize-handle",onMouseDown:this.handleResizeStart,role:"separator","aria-orientation":"horizontal","aria-label":"Redimensionner le tableau"},s("div",{key:"e46d904ad87ca2092400cf4130066ad554dec7b9",class:"spw-table-resize-handle__bar"})),s("slot",{key:"5947ad704784b2b29071927ae29393801cd95e43",name:"table-footer"}))}get el(){return o(this)}static get watchers(){return{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}}};a.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;flex:1;min-width:0}.spw-table-container{display:flex;width:100%;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;position:relative;overflow:hidden}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{width:14px;height:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table{width:100%;border-collapse:collapse;min-width:var(--spw-table-min-width);border-radius:4px;position:relative}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}@media (max-width: 767px){.spw-table{display:block;min-width:0;border-collapse:separate;border:none;outline:none;padding:6px 12px}}.spw-table-resize-handle{position:relative;height:12px;width:100%;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:background-color 0.2s ease;user-select:none}.spw-table-resize-handle:hover{background:var(--spw-color-themes-grey-grey-200)}.spw-table-resize-handle:active{background:var(--spw-color-themes-grey-grey-300)}.spw-table-resize-handle__bar{width:40px;height:3px;background:var(--spw-color-themes-grey-grey-400);border-radius:2px;pointer-events:none}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}";export{a as spw_table}
|
|
1
|
+
import{r as e,c as t,h as s,H as i,a as o}from"./p-DkNryMko.js";const r=class{constructor(s){e(this,s),this.spwSort=t(this,"spwSort",7),this.spwResize=t(this,"spwResize",7),this.isSticky=!1,this.minWidth="600",this.tableLayout="auto",this.isZebra=!1,this.disableSort=!1,this.resizable=!1,this.minHeight=200,this.isResizing=!1,this.startY=0,this.startHeight=0,this.handleResizeStart=e=>{var t;e.preventDefault(),this.isResizing=!0,this.startY=e.clientY;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-table-wrapper");s&&(this.containerElement=s,this.startHeight=s.offsetHeight),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.body.style.cursor="ns-resize",document.body.style.userSelect="none"},this.handleMouseMove=e=>{if(!this.isResizing||!this.containerElement)return;const t=Math.max(this.minHeight,this.startHeight+(e.clientY-this.startY));this.currentHeight=t,this.spwResize.emit({height:t})},this.handleMouseUp=()=>{this.isResizing&&(this.isResizing=!1,this.cleanupResizeListeners(),document.body.style.cursor="",document.body.style.userSelect="")},this.checkboxChangeHandler=()=>this.updateMasterCheckboxState()}onCurrentSortChange(e){e&&this.updateHeadersSortState(e)}onIsStickyChange(){this.applyStickyToChildren()}componentDidLoad(){var e;this.updateZebra(),this.applyStickyToChildren();const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener(),this.updateMasterCheckboxState(),this.applyStickyToChildren()})),this.setupHeaderCheckboxListener(),this.setupBodyCheckboxListener(),this.setupTableBodyObserver(),this.setupHeaderObserver(),setTimeout((()=>{this.updateMasterCheckboxState()}),0),this.resizable&&this.maxHeight&&(this.currentHeight=parseInt(this.maxHeight,10))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.headerMutationObserver&&this.headerMutationObserver.disconnect(),this.cleanupResizeListeners()}cleanupResizeListeners(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}setupTableBodyObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&(this.mutationObserver=new MutationObserver((()=>{this.setupBodyCheckboxListener(),setTimeout((()=>{this.updateMasterCheckboxState()}),0)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","disabled"]}))}setupHeaderObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-head"===e.tagName.toLowerCase()));e&&(this.headerMutationObserver=new MutationObserver((()=>{this.applyStickyToChildren()})),this.headerMutationObserver.observe(e,{childList:!0,subtree:!0}))}getMasterCheckboxColumnIndex(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(!t)return null;const s=t.assignedElements({flatten:!0}).find((e=>"spw-table-head"===e.tagName.toLowerCase()));if(!s)return null;const i=s.querySelector("spw-table-row");if(!i)return null;const o=Array.from(i.querySelectorAll("spw-table-header"));for(let e=0;e<o.length;e++)if(o[e].querySelector("spw-checkbox"))return e;return null}isCheckboxDisabled(e){return!0===(null==e?void 0:e.disabled)||"true"===(null==e?void 0:e.getAttribute("disabled"))||""===(null==e?void 0:e.getAttribute("disabled"))}updateMasterCheckboxState(){var e;const t=this.getMasterCheckboxColumnIndex();if(null===t)return;const s=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"),i=null==s?void 0:s.assignedElements({flatten:!0});if(!i)return;const o=i.find((e=>"spw-table-head"===e.tagName.toLowerCase())),r=i.find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!o||!r)return;const a=o.querySelector("spw-table-row"),n=null==a?void 0:a.querySelectorAll("spw-table-header")[t],l=null==n?void 0:n.querySelector("spw-checkbox"),d=r.querySelectorAll("spw-table-row"),h=Array.from(d).map((e=>{const s=e.querySelectorAll("spw-table-cell")[t],i=null==s?void 0:s.querySelector("spw-checkbox");return{checked:!0===(null==i?void 0:i.checked)||"true"===(null==i?void 0:i.getAttribute("checked")),disabled:this.isCheckboxDisabled(i)}})).filter((e=>!e.disabled));if(0===h.length)return;const p=h.every((e=>e.checked)),b=h.every((e=>!e.checked));l&&(p?(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-check")):b?(l.checked=!1,l.setAttribute("checked","false"),l.setAttribute("icon","fa-check")):(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-minus")))}setupHeaderCheckboxListener(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"),s=null==t?void 0:t.assignedElements({flatten:!0});if(!s)return;const i=s.find((e=>"spw-table-head"===e.tagName.toLowerCase()));i&&i.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.addEventListener("spwChange",(e=>{this.toggleAllRowCheckboxes(e.detail)}))}))}))}setupBodyCheckboxListener(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&e.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.removeEventListener("spwChange",this.checkboxChangeHandler),e.addEventListener("spwChange",this.checkboxChangeHandler)}))}))}toggleAllRowCheckboxes(e){var t;const s=this.getMasterCheckboxColumnIndex();if(null===s)return;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])"),o=null==i?void 0:i.assignedElements({flatten:!0});if(!o)return;const r=o.find((e=>"spw-table-body"===e.tagName.toLowerCase()));r&&(r.querySelectorAll("spw-table-row").forEach((t=>{const i=Array.from(t.querySelectorAll("spw-table-cell"))[s],o=null==i?void 0:i.querySelector("spw-checkbox");o&&!this.isCheckboxDisabled(o)&&(o.checked=e,o.setAttribute("checked",e.toString()))})),setTimeout((()=>{this.updateMasterCheckboxState()}),0))}handleHeaderClick(e){const t=e.detail,s=this.currentSort,i={column:t,direction:(null==s?void 0:s.column)===t&&"asc"===s.direction?"desc":"asc"};this.currentSort=i,this.spwSort.emit(i),this.disableSort||this.sortRows(i.column,i.direction),this.updateHeadersSortState(i),this.updateZebra()}updateZebra(){const e=this.el.shadowRoot.querySelector("slot:not([name])");if(!e)return;const t=e.assignedElements({flatten:!0}).find((e=>"spw-table-body"===e.tagName.toLowerCase()));t&&(this.isZebra?t.setAttribute("is-zebra","true"):t.removeAttribute("is-zebra"),"function"==typeof t.updateZebraStyles&&t.updateZebraStyles())}applyStickyToChildren(){requestAnimationFrame((()=>{const e="--is-sticky",t=this.el.querySelectorAll("spw-table-header"),s=this.el.querySelectorAll("spw-table-cell"),i=this.el.querySelector("spw-table-footer");this.isSticky?(t.forEach((t=>t.classList.add(e))),null==i||i.classList.add(e)):(t.forEach((t=>t.classList.remove(e))),s.forEach((t=>t.classList.remove(e))),null==i||i.classList.remove(e))}))}sortRows(e,t){var s;const i=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector("slot:not([name])"),o=null==i?void 0:i.assignedElements().find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!o)return;const r=Array.from(o.querySelectorAll("spw-table-row")),a=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((t=>t.columnId===e));if(-1===a)return;r.sort(((e,s)=>{const i=e.querySelectorAll("spw-table-cell")[a],o=s.querySelectorAll("spw-table-cell")[a];if(!i||!o)return 0;const r=i.textContent.trim(),n=o.textContent.trim();return isNaN(Number(r))||isNaN(Number(n))?"asc"===t?r.localeCompare(n):n.localeCompare(r):"asc"===t?+r-+n:+n-+r})),r.forEach((e=>o.appendChild(e)));(null==o?void 0:o.updateZebraStyles)&&o.updateZebraStyles()}updateHeadersSortState(e){this.el.querySelectorAll("spw-table-header").forEach((t=>{const s=t.columnId===e.column;t.isSorted=s,t.sortDirection=s?e.direction:void 0}))}formatSize(e){return null==e?"auto":`${e}px`}get elementClass(){return{"spw-table":!0,"spw-table--is-sticky":this.isSticky,"spw-table--resizable":this.resizable,[`spw-table--layout-${this.tableLayout}`]:!0}}get containerClass(){return{"spw-table-container":!0,"spw-table-container--resizable":this.resizable}}getMaxHeight(){return this.resizable&&this.currentHeight?`${this.currentHeight}px`:this.formatSize(this.maxHeight)}render(){return s(i,{key:"dd8d60d59f80d90f6cf89dafa53ab7d028e0e035",style:{"--spw-table-max-height":this.getMaxHeight(),"--spw-table-min-width":this.formatSize(this.minWidth)}},s("div",{key:"c2c8bc325f257d4d06e45d6e235d6865d50f4435",class:this.containerClass},s("slot",{key:"c827c807198079ebeeaa5e1b1271c268a43fe9d2",name:"table-sidebar"}," "),s("div",{key:"2e77cedb34c6fd92174c1b41b624323af9e2efe0",class:"spw-table-wrapper"},s("table",{key:"b35355295ce2f0e417364364c8f07b3d8209f523",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},s("slot",{key:"b3ac17bf068bb6884335d49a8d4589c28a11269f"})))),this.resizable&&s("div",{key:"8d8126725c6fafe48800b3dd95a946f87b457a11",class:"spw-table-resize-handle",onMouseDown:this.handleResizeStart,role:"separator","aria-orientation":"horizontal","aria-label":"Redimensionner le tableau"},s("div",{key:"e46d904ad87ca2092400cf4130066ad554dec7b9",class:"spw-table-resize-handle__bar"})),s("slot",{key:"5947ad704784b2b29071927ae29393801cd95e43",name:"table-footer"}))}get el(){return o(this)}static get watchers(){return{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}}};r.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;flex:1;min-width:0}.spw-table-container{display:flex;width:100%;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;position:relative;overflow:hidden}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{width:14px;height:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table{width:100%;border-collapse:collapse;min-width:var(--spw-table-min-width);border-radius:4px;position:relative}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}@media (max-width: 767px){.spw-table{display:block;min-width:0;border-collapse:separate;border:none;outline:none;padding:6px 12px}}.spw-table-resize-handle{position:relative;height:12px;width:100%;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:background-color 0.2s ease;user-select:none}.spw-table-resize-handle:hover{background:var(--spw-color-themes-grey-grey-200)}.spw-table-resize-handle:active{background:var(--spw-color-themes-grey-grey-300)}.spw-table-resize-handle__bar{width:40px;height:3px;background:var(--spw-color-themes-grey-grey-400);border-radius:2px;pointer-events:none}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}";export{r as spw_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as n}from"./p-
|
|
1
|
+
import{r as e,h as t,H as n}from"./p-DkNryMko.js";const i=class{constructor(t){e(this,t)}render(){return t(n,{key:"ba32d8351f460f3eb7a5243f8b7a838afa85fe71"},t("div",{key:"515717d2400c7aefb573e0e5f3b1f69be364c020",class:"spw-table-container"},t("slot",{key:"8d168442cd75f0556cb369e382fde91d7ecb223d"})))}};i.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-table-container{display:flex}";export{i as spw_table_container}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,a as i}from"./p-C5N6FAxf.js";const o=class{constructor(s){e(this,s),this.valueChanged=t(this,"valueChanged",7),this.optionSelected=t(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=String(e.detail);this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>String(t.value)===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=String(null!==(t=e.value)&&void 0!==t?t:e.label),this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),i=this.normalizeString(e).indexOf(t);if(-1===i||!this.searchText)return e;const o=i+t.length;return s("span",null,e.slice(0,i),s("strong",null,e.slice(i,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,[`spw-search-field--${this.size}`]:!0}}render(){return s("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&s("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",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 e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),s("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},s("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&s("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&s("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`},!!this.filteredItems.length&&s("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>s("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&s("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&s("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},s("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&s("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&s("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},s("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",s("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return i(this)}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems:0}]}}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}";export{o as spw_search_field}
|
|
1
|
+
import{r as e,c as t,h as s,a as i}from"./p-DkNryMko.js";const o=class{constructor(s){e(this,s),this.valueChanged=t(this,"valueChanged",7),this.optionSelected=t(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=String(e.detail);this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>String(t.value)===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=String(null!==(t=e.value)&&void 0!==t?t:e.label),this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),i=this.normalizeString(e).indexOf(t);if(-1===i||!this.searchText)return e;const o=i+t.length;return s("span",null,e.slice(0,i),s("strong",null,e.slice(i,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,[`spw-search-field--${this.size}`]:!0}}render(){return s("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&s("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",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 e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),s("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},s("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&s("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&s("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`},!!this.filteredItems.length&&s("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>s("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&s("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&s("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},s("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&s("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&s("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},s("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",s("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return i(this)}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems:0}]}}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}";export{o as spw_search_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as s,H as t,a as o}from"./p-DkNryMko.js";const i=class{constructor(s){e(this,s),this.hasRadius=!1,this.hasShadow=!1,this.hasBorder=!1,this.isSticky=!1,this.padding="none",this.isCollapsible=!1,this.collapsibleBreakpoint="md",this.isOpen=!1,this.windowWidth=window.innerWidth,this.contentScrollHeight=0,this.toggle=()=>{this.isCollapsibleActive&&(this.isOpen=!this.isOpen)},this.setContentRef=e=>{var s;e!==this.contentRef&&(null===(s=this.resizeObserver)||void 0===s||s.disconnect(),this.contentRef=e,e&&(this.contentScrollHeight=e.offsetHeight,this.resizeObserver=new ResizeObserver((()=>{this.contentScrollHeight=e.offsetHeight})),this.resizeObserver.observe(e)))}}onResize(){this.windowWidth=window.innerWidth}get isCollapsibleActive(){return!!this.isCollapsible&&("always"===this.collapsibleBreakpoint||this.windowWidth<{sm:360,md:768,lg:1024,xl:1200,xxl:1700}[this.collapsibleBreakpoint])}get hostClass(){return{"spw-box--is-sticky":this.isSticky,[`spw-box--collapsible-${this.collapsibleBreakpoint}`]:this.isCollapsible}}get elementClass(){return{"spw-box":!0,"spw-box--has-radius":this.hasRadius,"spw-box--has-shadow":this.hasShadow,"spw-box--has-border":this.hasBorder,[`spw-box--padding-${this.padding}`]:"none"!==this.padding,"spw-box--collapsible-active":this.isCollapsibleActive&&!this.isOpen}}render(){const e=this.isCollapsibleActive?{height:this.isOpen?`${this.contentScrollHeight}px`:"0px"}:void 0;return s(t,{key:"788d32484e30f9e2994fb4b8dce673286f8d3275",class:this.hostClass,style:this.stickyTop?{"--spw-box-sticky-top":this.stickyTop}:void 0},s("div",{key:"1ed797fbff5baf6779c00d0099c2fe9b5bbe73a0",class:this.elementClass,onClick:this.isOpen?void 0:this.toggle},s("div",{key:"48bb1710bf62d9a6546ef31b48ee1e06f8547491",class:{"spw-box__header":!0,"spw-box__header--collapsible":this.isCollapsibleActive},onClick:this.isOpen?this.toggle:void 0},s("slot",{key:"7af6869c5e833133e596a36b6431756e72778eda",name:"header"}),this.isCollapsibleActive&&s("spw-icon",{key:"578f5e5720f3a39c156f61cc8a2bd9efc84e496a",icon:"fa-chevron-down",class:{"spw-box__header-icon--open":this.isOpen}})),s("div",{key:"49e2f1b37cb360ae81bc442e08d0b10386f3030a",class:{"spw-box__content-clipper":this.isCollapsibleActive},style:e},s("div",{key:"239a121e5182f3e665b1fd318021d8601491ac85",class:"spw-box__content",ref:this.setContentRef},s("slot",{key:"bd26b0fe7c3260b82eba613fca6e3ec432b28f4b"})))))}get el(){return o(this)}};i.style='@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-box-shadow:var(--spw-effect-elevation-7);--spw-box-radius:8px;--spw-box-sticky-top:32px;--spw-box-padding-small:16px;--spw-box-padding-medium:24px;--spw-box-padding-large:48px;--spw-box-collapse-duration:0.3s;--spw-box-background:white;--spw-box-border-color:var(--spw-colors-support-grey-grey-300);--spw-box-border-width:1px;--spw-box-border-style:solid}@media (min-width: 1024px){:host(.spw-box--is-sticky){position:sticky;top:var(--spw-box-sticky-top);align-self:flex-start}}.spw-box{background:var(--spw-box-background)}.spw-box--has-shadow{box-shadow:var(--spw-box-shadow)}.spw-box--has-radius{border-radius:var(--spw-box-radius)}.spw-box--has-border{border:var(--spw-box-border-width) var(--spw-box-border-style) var(--spw-box-border-color)}.spw-box--padding-small{padding:var(--spw-box-padding-small)}.spw-box--padding-medium{padding:var(--spw-box-padding-medium)}.spw-box--padding-large{padding:var(--spw-box-padding-large)}.spw-box__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.spw-box__header--collapsible{cursor:pointer}.spw-box--collapsible-active{cursor:pointer}.spw-box__header-icon--open{transform:rotate(180deg)}.spw-box spw-icon{transition:transform var(--spw-box-collapse-duration) ease}.spw-box__content-clipper{overflow:hidden;transition:height var(--spw-box-collapse-duration) ease}.spw-box__content{overflow:hidden}:host(.spw-box--collapsible-sm) .spw-box__header,:host(.spw-box--collapsible-md) .spw-box__header,:host(.spw-box--collapsible-lg) .spw-box__header,:host(.spw-box--collapsible-xl) .spw-box__header,:host(.spw-box--collapsible-xxl) .spw-box__header,:host(.spw-box--collapsible-always) .spw-box__header{display:flex}';export{i as spw_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as s,a}from"./p-
|
|
1
|
+
import{r as e,h as t,H as s,a}from"./p-DkNryMko.js";const i=class{constructor(t){e(this,t),this.hasImage=!1,this.childHoveredCount=0,this.variant="news",this.elementType="a",this.target="_self",this.monthLabels=["jan","fév","mar","avr","mai","jun","jul","aoû","sep","oct","nov","déc"],this.fromLabel="du",this.toLabel="au",this.fullHeight=!1,this.disabled=!1,this.onNestedCardEnter=()=>{this.childHoveredCount++,this.setImageHovered(!1)},this.onNestedCardLeave=()=>{this.childHoveredCount=Math.max(0,this.childHoveredCount-1),0===this.childHoveredCount&&this.isPointerInside(this.el)&&this.setImageHovered(!0)}}componentWillLoad(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}slotChanged(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}onMouseEnter(){0===this.childHoveredCount&&this.setImageHovered(!0)}onMouseLeave(){this.setImageHovered(!1)}attachNestedCardListeners(){requestAnimationFrame((()=>{this.el.querySelectorAll("spw-card").forEach((e=>{e.addEventListener("mouseenter",this.onNestedCardEnter.bind(this),!0),e.addEventListener("mouseleave",this.onNestedCardLeave.bind(this),!0)}))}))}isPointerInside(e){const t=e.getBoundingClientRect(),{left:s,top:a,right:i,bottom:n}=t,{clientX:r,clientY:o}=window;return r>=s&&r<=i&&o>=a&&o<=n}checkForImage(){requestAnimationFrame((()=>{const e=this.el.querySelector("spw-card-image"),t=this.el.querySelector("spw-card-content");this.hasImage=!!e,this.hasImage||null==t||t.classList.add("--no-image")}))}formatDate(e){var s;if(!e)return[];const[a,i]=e.split("/"),n=parseInt(i,10)-1,r=null!==(s=this.monthLabels[n])&&void 0!==s?s:i;return[t("span",{class:"spw-card__date-day"},a),t("span",{class:"spw-card__date-month"},r)]}applyVariantToChildren(){requestAnimationFrame((()=>{const e=`--${this.variant}`,t=this.el.querySelector("spw-card-content"),s=this.el.querySelector("spw-card-image"),a=this.el.querySelector("spw-card-title"),i=this.el.querySelector("spw-card-excerpt"),n=this.el.querySelector("spw-card-subtags");null==t||t.classList.add(e),null==s||s.classList.add(e),null==a||a.classList.add(e),null==i||i.classList.add(e),null==n||n.classList.add(e)}))}setImageHovered(e){const t=this.el.querySelector("spw-card-image"),s=this.el.querySelector("spw-card-title");t&&this.href&&t.classList.toggle("--hovered",e),s&&this.href&&s.classList.toggle("--hovered",e)}get elementClass(){return{"spw-card":!0,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,[`spw-card--${this.variant}`]:!0,"spw-card--has-2-dates":"event"===this.variant&&!(!this.dateStart||!this.dateEnd)}}render(){const{href:e,rel:a,target:i,dateStart:n,dateEnd:r,variant:o}=this,d=void 0===this.href?"div":"a",c="div"===d?{}:{href:e,rel:a,target:i},p={"aria-label":null==this?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return t(s,{key:"f95a6ae6c3605ceedbd161b4d7fd6ccb32b5c9a5",class:{"--is-full-height":this.fullHeight}},t("article",{key:"c0f5558843980898fc024c6a58ad4c5fc0874dae",class:this.elementClass},"event"===o&&t(d,Object.assign({key:"b6f5ff06ba07a44d192ccc1280f4b1ec91aec7ae"},c,{class:{"spw-card__dates":!0,"spw-card__dates--range":!(!n||!r),"spw-card__dates--single":!(!n||r)}}),n&&t("div",{key:"38739600168e556e1825a952d59d6b56dddfbd38",class:"spw-card__date-item"},t("div",{key:"e2d976245e9149f19289ed6760f9616d252bc0df",class:"spw-card__date-content"},r&&t("span",{key:"cad7e3030d55c6784fbf8482b26d02c1090a2494",class:"spw-card__date-label"},this.fromLabel),this.formatDate(n))),r&&t("div",{key:"5cd8ac811280cf3eb15a088f4d50d1c39d07b065",class:"spw-card__date-item"},t("div",{key:"d650d7ab355881400f9f3e2b2ab1e80dc5cd8e19",class:"spw-card__date-content"},t("span",{key:"b8c923502709ed1b6be4f548076128e8559d6c34",class:"spw-card__date-label"},this.toLabel),this.formatDate(r)))),t(d,Object.assign({key:"38734f2432f59b83af58ad7b7600e529fe8263b0"},c,p,{class:"spw-card__link"}),t("slot",{key:"70cc28a5bf5206cc6a9c17297dd2dcaca895d8b0"}))))}get el(){return a(this)}};i.style='@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;width:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{display:block;border-radius:5px;background:var(--spw-card-background);box-shadow:var(--spw-card-box-shadow);border:var(--spw-card-border);transition:all 0.3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{cursor:pointer;position:absolute;top:50%;left:25px;transform:translate(0, -50%);flex-direction:column;line-height:1.1;width:50px;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;z-index:6}.spw-card__dates--single{top:auto;transform:none;bottom:24px}.spw-card--no-image.spw-card--event .spw-card__dates{left:15px}.spw-card__date-item{text-align:center;margin:4px 0}.spw-card__date-label{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-bottom:4px}.spw-card__date-day{font-size:18px;font-weight:bold;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-month{font-size:12px;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-content{padding:8px 12px;background:white;border-radius:6px}.spw-card__link{display:block;height:100%;width:100%;color:inherit;text-decoration:none}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card--no-image.spw-card--event .spw-card__link{padding-top:0}.spw-card__link:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--has-2-dates .spw-card__link{min-height:180px}.spw-card--event{position:relative}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar{box-shadow:none}.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--rounded-picture{box-shadow:none;background:transparent}.spw-card--rounded-picture:hover{box-shadow:none}.spw-card--rounded-picture .spw-card__link{display:flex;flex-direction:column}';export{i as spw_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as n,a as o}from"./p-
|
|
1
|
+
import{r as e,c as t,h as i,H as n,a as o}from"./p-DkNryMko.js";const a=class{constructor(i){e(this,i),this.langChange=t(this,"langChange",7),this.activeLang="",this.options=[],this.handleButtonKeyDown=e=>{var t;" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),null===(t=this.selectEl)||void 0===t||t.click())},this.handleButtonClick=()=>{var e;null===(e=this.selectEl)||void 0===e||e.click()},this.handleOptionClick=e=>{this.setActiveLangAndRedirect(e)}}componentDidLoad(){this.moveOptionsToSelect()}moveOptionsToSelect(){var e;const t=Array.from(this.el.querySelectorAll("option"));this.options=t;const i=t.find((e=>e.hasAttribute("selected")||e.selected));t.forEach((e=>{this.selectEl.appendChild(e)})),i&&(this.activeLang=(null===(e=i.textContent)||void 0===e?void 0:e.trim())||"")}handleChange(e){this.setActiveLangAndRedirect(e.target.selectedOptions[0])}setActiveLangAndRedirect(e){var t;this.activeLang=(null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.trim())||"";const i=(null==e?void 0:e.getAttribute("value"))||"";this.langChange.emit(i);const n=null==e?void 0:e.getAttribute("data-link");n&&"#"!==n&&(window.location.href=n)}render(){return i(n,{key:"9f29b49b6d84cdea4798e1825316bf8f35827f4e"},i("div",{key:"756e3358153adabeb3aca6cc8f0da0d4a766001c",class:"spw-header-lang"},i("spw-button",{key:"8c8068207704b7a6346268950c7173b8b4c83293",variant:"tertiary",surface:"light",icon:"fa-chevron-down",class:"spw-header-lang__active-lang",onKeyDown:this.handleButtonKeyDown,onClick:this.handleButtonClick},this.activeLang),i("select",{key:"f085b56d7b36519ec154310836d1838bf0375e00","aria-label":this.accAriaLabel||"Lang",class:"spw-header-lang__select",onChange:e=>this.handleChange(e),ref:e=>this.selectEl=e,tabIndex:-1}),i("ul",{key:"1ce137fc1348042284e492ec7496d6238c8b5b7b",class:"spw-header-lang__options"},this.options.map((e=>{var t;const n=(null===(t=e.textContent)||void 0===t?void 0:t.trim())||"",o=e.getAttribute("value")||"";return i("li",{class:{"spw-header-lang__option":!0,"spw-header-lang__option--selected":n===this.activeLang},"data-value":o,onClick:()=>this.handleOptionClick(e)},n)})))))}get el(){return o(this)}};a.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-header-lang{position:relative}@media (max-width: 1023px){.spw-header-lang{margin-bottom:0}}@media (min-width: 1024px){.spw-header-lang:hover .spw-header-lang__dropdown{display:block}}.spw-header-lang spw-button{--spw-button-text-decoration-tertiary:none}.spw-header-lang__select{display:none}@media (min-width: 1024px){.spw-header-lang__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}}.spw-header-lang__active-lang{display:none}@media (min-width: 1024px){.spw-header-lang__active-lang{display:block}}.spw-header-lang__options{display:flex;gap:24px;text-transform:uppercase}@media (min-width: 1024px){.spw-header-lang__options{display:none}}.spw-header-lang__option{padding:16px 0;font-weight:bold;text-decoration:underline}.spw-header-lang__option--selected{color:var(--spw-ds-primary);text-decoration:none}@media (min-width: 1024px){.spw-header-lang__option{padding:24px 0}}.spw-header-lang__dropdown{display:flex}@media (min-width: 1024px){.spw-header-lang__dropdown{display:none;z-index:99999;position:absolute;overflow:hidden;top:100%;width:max-content;right:0;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}";export{a as spw_header_lang}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,a as o}from"./p-
|
|
1
|
+
import{r as t,h as e,a as o}from"./p-DkNryMko.js";import{f as n}from"./p-BBi01mKM.js";const i=class{constructor(e){t(this,e)}render(){return e("div",{key:"6f4638eb1e8f4559c5680b8f65794421008af67d",class:"spw-card-content"},this.tag&&e("span",{key:"17819e9631a23ab975b29f98c8c28aba7c067a02",class:"spw-card-content__tag"},this.tag),this.date&&e("time",{key:"0b8ab265493a816cb2865ede68eed3cbd90068b6","date-time":this.date,class:"spw-card-content__date"},n(this.date)),e("slot",{key:"47d4b9b10df9698d97b3518b76bc760badf350df"}))}get el(){return o(this)}};i.style='html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video){min-width:100%;width:100%;margin-top:auto}.spw-card-content{position:relative;display:flex;flex-direction:column;padding:12px 24px 24px 24px;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:24px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--no-image.--event) .spw-card-content{padding-left:104px}:host(.--no-image.--event) .spw-card-content:before{content:"";position:absolute;top:0;left:0;width:80px;height:100%;background:var(--spw-color-themes-grey-grey-300);border-radius:5px 0 0 5px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--people) .spw-card-content{padding:24px;flex-direction:row;gap:24px}:host(.--highlighted) .spw-card-content{position:absolute;width:100%;bottom:0;padding:24px;padding-top:64px;overflow:hidden;border-radius:0 0 5px 5px}:host(.--highlighted) .spw-card-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}@media (min-width: 1024px){:host(.--highlighted) .spw-card-content{padding:32px;padding-top:64px}}:host(.--vertical) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--event) .spw-card-content{justify-content:center;height:100%}:host(.--video) .spw-card-content{justify-content:flex-end;padding-right:80px;border-radius:0 0 5px 5px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}:host(.--video) .spw-card-content:after{position:absolute;bottom:24px;right:24px;font-family:var(--spw-ds-font-icons-solid);font-weight:900;content:"\\f144";font-size:36px;color:white}.spw-card-content__tag{position:absolute;top:-25px;left:25px;padding:6px 10px;border-radius:4px 4px 0px 0px;background:var(--spw-ds-white);color:var(--spw-ds-primary);font-size:15px;font-weight:700}:host(.--no-image) .spw-card-content__tag,:host(.--event) .spw-card-content__tag,:host(.--video) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag{position:relative;top:0;left:0;padding:0;margin-bottom:8px}:host(.--video) .spw-card-content__tag,:host(.--highlighted) .spw-card-content__tag{width:auto;align-self:flex-start;display:inline-block;padding:8px 12px;border-radius:9999px;line-height:1;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white)}:host(.--highlighted) .spw-card-content__tag{position:static;margin-bottom:12px}.spw-card-content__date{margin-bottom:7px;font-size:15px;font-weight:300;color:var(--spw-color-themes-grey-grey-600)}:host(.--highlighted) .spw-card-content__date{display:none}.spw-card-content ::slotted(spw-card){--spw-card-background:var(--spw-color-themes-grey-grey-50);--spw-card-box-shadow:none;--spw-card-border:1px solid var(--spw-color-themes-grey-grey-300)}:host(.--rounded-picture) .spw-card-content{padding:16px 0 0 0}:host(.--rounded-picture) .spw-card-content__tag{display:inline-block;width:fit-content;font-size:14px;margin-bottom:12px;position:static;top:auto;left:auto;border:1px solid var(--spw-color-themes-grey-grey-300);padding:4px 12px;border-radius:9999px}';export{i as spw_card_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as s,a as i}from"./p-C5N6FAxf.js";import{q as a,i as n,a as r}from"./p-Hi4pwfHU.js";import{a as d,K as l}from"./p-BRFNx2DL.js";const p=class{constructor(o){t(this,o),this.spwModalOpen=e(this,"spwModalOpen",7),this.spwModalClose=e(this,"spwModalClose",7),this.opened=!1,this.showModal=this.opened||!1,this.caption="Titre de la modal",this.closeButtonText="Fermer",this.closeOnOverlayClick=!0,this.stickyButtons=!1,this.size="small",this.alertIcon="",this.slotButtonsPresent=!1,this.isCloseButtonSticky=!1,this.showCloseButton=!0,this.focusableElements=[],this.handleClick=t=>{const e=t.composedPath().find((t=>{var e;return t instanceof HTMLElement&&(null===(e=t.hasAttribute)||void 0===e?void 0:e.call(t,"data-modal-trigger"))}));e&&e.getAttribute("data-modal-trigger")===this.hostElement.id&&(this.opened=!0)},this.handleClose=t=>{const e=t.composedPath().find((t=>{var e;return t instanceof HTMLElement&&(null===(e=t.hasAttribute)||void 0===e?void 0:e.call(t,"data-modal-close"))}));e&&e.getAttribute("data-modal-close")===this.hostElement.id&&(this.opened=!1)},this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())},this.handleKeypress=t=>{this.showModal&&"Escape"===t.key&&this.doBeforeClose("ESCAPE_KEY")},this.handleContentScroll=()=>{this.modalContent&&(this.isCloseButtonSticky=this.modalContent.scrollTop>=60)}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=!0}componentDidLoad(){this.focusableElements=a(this.hostElement.shadowRoot,(t=>r(t)||t.matches("[data-focus-trap-edge]")),n),window.addEventListener("click",this.handleClick,{capture:!0}),window.addEventListener("click",this.handleClose,{capture:!0}),window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick),window.removeEventListener("click",this.handleClose),window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}attemptFocus(t){null!=t?setTimeout((()=>{t.focus()}),0):setTimeout((()=>{this.closeButton.focus()}))}open(){this.showModal=!0,this.isCloseButtonSticky=!1,requestAnimationFrame((()=>{this.modalContent&&(this.modalContent.scrollTop=0)}));try{d(this.modalContainer,l.fadeIn,{duration:200}).addEventListener("finish",(()=>{setTimeout((()=>{}),0),this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{d(this.modalContainer,l.fadeOut,{duration:200}).addEventListener("finish",(()=>{this.showModal=!1,this.spwModalClose.emit()}))}catch(t){this.showModal=!1,this.spwModalClose.emit()}}stopAllVideos(){this.hostElement.querySelectorAll("iframe").forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t),e.some((t=>t.defaultPrevented))||(this.opened=!1)}openedChanged(t){!0===t?this.open():this.close()}handleOverlayClick(){this.closeOnOverlayClick&&this.doBeforeClose("BACKDROP")}get elementClass(){return{"spw-modal":!0,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return o(s,{key:"4d8b2a852d14fadd49059e1687d3d89e6fbed545"},o("div",{key:"f45893b6cfc0420c97e5f0edf52e7a102582523c",ref:t=>this.modalContainer=t,class:this.elementClass},o("div",{key:"71122b0a2a0e6f7b9cfcde9f60031c27a91527d0",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"1ef1a1c737fbdc74829bab4569a1576ea9f36861",class:`spw-modal__content-container spw-modal__content-container--${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},o("div",{key:"544c297e94fa0f774ac70287b3da2caf3198ecef",class:"spw-modal__content",ref:t=>this.modalContent=t,onScroll:this.handleContentScroll},o("div",{key:"97b268574a722a7c40ed6fbae5861d40240a9e81",class:"spw-modal__header"},o("div",{key:"c0b71b4a9f1cb2b6261832bf2c7fbefa4596bb97",class:"spw-modal__title-container"},this.alertIcon&&o("spw-icon",{key:"ae93da613c0bb8127467ff7a46224e8901621e1d",class:"spw-modal__alert-icon",icon:this.alertIcon}),o("h2",{key:"71aa181645c3fd5b5a6a05461753706488a68eb9",class:"spw-modal__caption"},this.caption)),this.showCloseButton&&o("div",{key:"e27523243deb94c5231fa9b562ca551fcbc97b96",class:{"spw-modal__close-button":!0,"spw-modal__close-button--sticky":this.isCloseButtonSticky},ref:t=>this.closeButton=t,onClick:()=>this.doBeforeClose("CLOSE_BUTTON")},o("spw-link",{key:"a29e03373ed1ff5cb3189892b6376bbc544ccfdf","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),o("div",{key:"c5dc79129a19705c253335df8da4ebaa09b4d4fc",class:"spw-modal__body"},o("slot",{key:"fa86aff282530c89ff2d15535a74d96ba96c3b41",name:"content"})),o("div",{key:"bbba5a819fb00ef23a1ff041821293a07a7650bf",class:{"spw-modal__buttons":!0,"spw-modal__footer--buttons-present":this.slotButtonsPresent}},o("slot",{key:"dc7a8b982b73c92ca3d37e51f02dc76019f22b60",name:"buttons",onSlotchange:t=>{this.slotButtonsPresent=t.target.assignedNodes({flatten:!0}).length>0}})))),o("div",{key:"3cf2bcab0da6003c7b5f11db93e359607e934f04","data-focus-trap-edge":!0,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return i(this)}static get watchers(){return{opened:[{openedChanged:0}]}}};p.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto}.spw-modal::-webkit-scrollbar{width:14px;height:14px}.spw-modal::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--opened{display:flex}.spw-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-modal__content-container{position:absolute;display:flex;justify-content:center;width:90%;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);overflow:hidden;box-sizing:border-box;align-items:stretch;border-radius:var(--spw-spacings-border-radius-lg)}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);width:100%;max-height:90vh;overflow-y:auto}.spw-modal__content::-webkit-scrollbar{width:14px;height:14px}.spw-modal__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#fff;align-self:stretch}.spw-modal__header{display:flex;justify-content:space-between;align-items:baseline;padding:24px;padding-bottom:0;margin-top:6px;gap:12px;flex-wrap:nowrap;margin-bottom:12px;box-sizing:border-box;border-radius:1px 1px 0px 0px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__title-container{display:flex;gap:8px}.spw-modal__alert-icon{flex-shrink:0;line-height:1.5}.spw-modal__caption{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-modal__header h2{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.spw-modal__close-button{cursor:pointer;z-index:999;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;background:white;padding:3px 6px;margin-bottom:1px}.spw-modal__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-wrap:nowrap}.spw-modal__close-button--sticky{position:absolute;top:0;right:0;border-radius:0 0 0 4px;padding:8px;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);border-left:1px solid var(--spw-colors-support-grey-grey-300)}.spw-modal__close-button--sticky spw-link{font-size:14px}.spw-modal__body{padding:0 24px;margin-bottom:12px;box-sizing:border-box;flex:1;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar{width:14px;height:14px}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:24px;padding-top:0}@media (min-width: 768px){.spw-modal__footer--buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:12px}}.spw-modal__footer--buttons-present ::slotted(*){padding:24px;padding-top:8px}.spw-modal__border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}";export{p as spw_modal}
|
|
1
|
+
import{r as t,c as e,h as o,H as s,a as i}from"./p-DkNryMko.js";import{q as a,i as n,a as r}from"./p-Hi4pwfHU.js";import{a as d,K as l}from"./p-BRFNx2DL.js";const p=class{constructor(o){t(this,o),this.spwModalOpen=e(this,"spwModalOpen",7),this.spwModalClose=e(this,"spwModalClose",7),this.opened=!1,this.showModal=this.opened||!1,this.caption="Titre de la modal",this.closeButtonText="Fermer",this.closeOnOverlayClick=!0,this.stickyButtons=!1,this.size="small",this.alertIcon="",this.slotButtonsPresent=!1,this.isCloseButtonSticky=!1,this.showCloseButton=!0,this.focusableElements=[],this.handleClick=t=>{const e=t.composedPath().find((t=>{var e;return t instanceof HTMLElement&&(null===(e=t.hasAttribute)||void 0===e?void 0:e.call(t,"data-modal-trigger"))}));e&&e.getAttribute("data-modal-trigger")===this.hostElement.id&&(this.opened=!0)},this.handleClose=t=>{const e=t.composedPath().find((t=>{var e;return t instanceof HTMLElement&&(null===(e=t.hasAttribute)||void 0===e?void 0:e.call(t,"data-modal-close"))}));e&&e.getAttribute("data-modal-close")===this.hostElement.id&&(this.opened=!1)},this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())},this.handleKeypress=t=>{this.showModal&&"Escape"===t.key&&this.doBeforeClose("ESCAPE_KEY")},this.handleContentScroll=()=>{this.modalContent&&(this.isCloseButtonSticky=this.modalContent.scrollTop>=60)}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=!0}componentDidLoad(){this.focusableElements=a(this.hostElement.shadowRoot,(t=>r(t)||t.matches("[data-focus-trap-edge]")),n),window.addEventListener("click",this.handleClick,{capture:!0}),window.addEventListener("click",this.handleClose,{capture:!0}),window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick),window.removeEventListener("click",this.handleClose),window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}attemptFocus(t){null!=t?setTimeout((()=>{t.focus()}),0):setTimeout((()=>{this.closeButton.focus()}))}open(){this.showModal=!0,this.isCloseButtonSticky=!1,requestAnimationFrame((()=>{this.modalContent&&(this.modalContent.scrollTop=0)}));try{d(this.modalContainer,l.fadeIn,{duration:200}).addEventListener("finish",(()=>{setTimeout((()=>{}),0),this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{d(this.modalContainer,l.fadeOut,{duration:200}).addEventListener("finish",(()=>{this.showModal=!1,this.spwModalClose.emit()}))}catch(t){this.showModal=!1,this.spwModalClose.emit()}}stopAllVideos(){this.hostElement.querySelectorAll("iframe").forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t),e.some((t=>t.defaultPrevented))||(this.opened=!1)}openedChanged(t){!0===t?this.open():this.close()}handleOverlayClick(){this.closeOnOverlayClick&&this.doBeforeClose("BACKDROP")}get elementClass(){return{"spw-modal":!0,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return o(s,{key:"16c9b95bb4d4a7c8a30d7cf8c8f1180a57b9758d"},o("div",{key:"ed4ce3b9a690af363deb23fda38b581af43acbff",ref:t=>this.modalContainer=t,class:this.elementClass},o("div",{key:"1faf5cbdf2a7dda9e5a018d8740beef1b04cd1df",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"4a720df2b34cb7ac297afcdd63fe358d6cf68e0d",class:`spw-modal__content-container spw-modal__content-container--${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},o("div",{key:"66c3c2a37d445e83e98caefdf00070b695ea169a",class:"spw-modal__content",ref:t=>this.modalContent=t,onScroll:this.handleContentScroll},o("div",{key:"36b51115b608dee56e59991a81b7a9f52e37b7e7",class:"spw-modal__header"},o("div",{key:"9eb6eeb344cd249b7d01c121867074df02df0262",class:"spw-modal__title-container"},this.alertIcon&&o("spw-icon",{key:"9ad8e3db4e79c57bf3a1fcec88cb4a3878e7b356",class:"spw-modal__alert-icon",icon:this.alertIcon}),o("h2",{key:"0abb86eb218f53cab5a3d4d74d85a759054cff9b",class:"spw-modal__caption"},this.caption)),this.showCloseButton&&o("div",{key:"66b2ec5a6e8407d2683b55d184e96b1c9b815823",class:{"spw-modal__close-button":!0,"spw-modal__close-button--sticky":this.isCloseButtonSticky},ref:t=>this.closeButton=t,onClick:()=>this.doBeforeClose("CLOSE_BUTTON")},o("spw-link",{key:"8c6467ef94fbc24697ffc031a516140e46d6c14a","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),o("div",{key:"d49b5c986d12f58fb4a83122cdd5e281a30726a8",class:"spw-modal__body"},o("slot",{key:"02775e3c735f422f0c737c93515970610886f071",name:"content"})),o("div",{key:"32defb07798503b9cb6d42d9ec83aa2daef5f58e",class:{"spw-modal__buttons":!0,"spw-modal__footer--buttons-present":this.slotButtonsPresent}},o("slot",{key:"f6fa36952b3d73cd02014d5b3059d4feeed24435",name:"buttons",onSlotchange:t=>{this.slotButtonsPresent=t.target.assignedNodes({flatten:!0}).length>0}})))),o("div",{key:"4e5a643019b2a7b989922d1ca47eca659804c585","data-focus-trap-edge":!0,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return i(this)}static get watchers(){return{opened:[{openedChanged:0}]}}};p.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto}.spw-modal::-webkit-scrollbar{width:14px;height:14px}.spw-modal::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--opened{display:flex}.spw-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-modal__content-container{position:absolute;display:flex;justify-content:center;width:90%;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);overflow:hidden;box-sizing:border-box;align-items:stretch;border-radius:var(--spw-spacings-border-radius-lg)}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);width:100%;max-height:90vh;overflow-y:auto}.spw-modal__content::-webkit-scrollbar{width:14px;height:14px}.spw-modal__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#fff;align-self:stretch}.spw-modal__header{display:flex;justify-content:space-between;align-items:baseline;padding:24px;padding-bottom:0;margin-top:6px;gap:12px;flex-wrap:nowrap;margin-bottom:12px;box-sizing:border-box;border-radius:1px 1px 0px 0px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__title-container{display:flex;gap:8px}.spw-modal__alert-icon{flex-shrink:0;line-height:1.5}.spw-modal__caption{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-modal__header h2{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.spw-modal__close-button{cursor:pointer;z-index:999;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;background:white;padding:3px 6px;margin-bottom:1px}.spw-modal__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-wrap:nowrap}.spw-modal__close-button--sticky{position:absolute;top:0;right:0;border-radius:0 0 0 4px;padding:8px;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);border-left:1px solid var(--spw-colors-support-grey-grey-300)}.spw-modal__close-button--sticky spw-link{font-size:14px}.spw-modal__body{padding:0 24px;margin-bottom:12px;box-sizing:border-box;flex:1;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar{width:14px;height:14px}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:24px;padding-top:0}@media (min-width: 768px){.spw-modal__footer--buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:12px}}.spw-modal__footer--buttons-present ::slotted(*){padding:24px;padding-top:8px}.spw-modal__border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}";export{p as spw_modal}
|