@spw-ds/spw-stencil-library 1.12.2 → 1.13.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 +123 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/spw-button_2.cjs.entry.js +1 -1
- package/dist/cjs/spw-field-label_8.cjs.entry.js +4 -4
- package/dist/cjs/spw-header-navigation.cjs.entry.js +12 -1
- package/dist/cjs/spw-hero.cjs.entry.js +7 -4
- package/dist/cjs/spw-input-slider.cjs.entry.js +1 -1
- package/dist/cjs/spw-lightbox-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-lightbox.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-description.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-list.cjs.entry.js +1 -1
- package/dist/cjs/spw-modal.cjs.entry.js +3 -3
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-mosaic.cjs.entry.js +1 -1
- package/dist/cjs/spw-pagination.cjs.entry.js +6 -6
- package/dist/cjs/spw-radio.cjs.entry.js +1 -1
- package/dist/cjs/spw-scrolltop.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/spw-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/spw-slider-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-slider.cjs.entry.js +1 -1
- package/dist/cjs/spw-socials.cjs.entry.js +1 -1
- package/dist/cjs/spw-stencil-library.cjs.js +1 -1
- package/dist/cjs/spw-table-body.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-container.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-head.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-header.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-row.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation.cjs.entry.js +2 -2
- package/dist/cjs/spw-tabs.cjs.entry.js +1 -1
- package/dist/cjs/spw-tag.cjs.entry.js +2 -2
- package/dist/cjs/spw-text-field.cjs.entry.js +1 -1
- package/dist/cjs/spw-textarea.cjs.entry.js +1 -1
- package/dist/cjs/spw-tile-description.cjs.entry.js +1 -1
- package/dist/cjs/spw-tile-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-tile.cjs.entry.js +1 -1
- package/dist/cjs/spw-timeline-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-timeline.cjs.entry.js +2 -2
- package/dist/cjs/spw-toc.cjs.entry.js +1 -1
- package/dist/cjs/spw-topbar.cjs.entry.js +1 -1
- package/dist/cjs/spw-wizard-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-wizard.cjs.entry.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +69 -1
- package/dist/collection/components/spw-hero/spw-hero.css +5 -0
- package/dist/collection/components/spw-hero/spw-hero.js +64 -3
- package/dist/collection/components/spw-input-slider/spw-input-slider.js +1 -1
- package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.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 +1 -1
- package/dist/collection/components/spw-pagination/spw-pagination.js +6 -6
- package/dist/collection/components/spw-radio/spw-radio.js +1 -1
- package/dist/collection/components/spw-scrolltop/spw-scrolltop.js +1 -1
- package/dist/collection/components/spw-separator/spw-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js +3 -3
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar.js +1 -1
- package/dist/collection/components/spw-skeleton/spw-skeleton.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider.js +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.css +3 -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.css +12 -4
- package/dist/collection/components/spw-tag/spw-tag.js +1 -1
- package/dist/collection/components/spw-text-field/spw-text-field.js +1 -1
- package/dist/collection/components/spw-textarea/spw-textarea.js +1 -1
- package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile.js +1 -1
- package/dist/collection/components/spw-timeline/spw-timeline-item/spw-timeline-item.js +2 -2
- package/dist/collection/components/spw-timeline/spw-timeline.js +2 -2
- package/dist/collection/components/spw-toc/spw-toc.js +1 -1
- package/dist/collection/components/spw-tooltip/spw-tooltip.js +1 -1
- package/dist/collection/components/spw-topbar/spw-topbar.js +1 -1
- package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js +1 -1
- package/dist/collection/components/spw-wizard/spw-wizard.js +1 -1
- package/dist/collection/stories/organisms/spw-hero/spw-hero.stories.js +20 -0
- package/dist/collection/stories/organisms/spw-list/spw-list.stories.js +91 -0
- package/dist/components/{p-Bgg_Iv0O.js → p-2XlMVTjB.js} +1 -1
- package/dist/components/{p-CXYGffCy.js → p-BBvVfbMj.js} +1 -1
- package/dist/components/{p-Btr81Ed_.js → p-C-SfAoHb.js} +1 -1
- package/dist/components/{p-C1tFbihv.js → p-CCD4GNGP.js} +1 -1
- package/dist/components/{p-D-Y3xljk.js → p-CS0Zu1wB.js} +1 -1
- package/dist/components/{p-4fzd5oDU.js → p-DHDV077L.js} +1 -1
- package/dist/components/{p-CkwH0osH.js → p-DTKl5Oaz.js} +1 -1
- package/dist/components/p-sD0z4PvL.js +1 -0
- package/dist/components/spw-breadcrumb-item.js +1 -1
- package/dist/components/spw-button.js +1 -1
- package/dist/components/spw-cookies.js +1 -1
- package/dist/components/spw-custom-select.js +1 -1
- package/dist/components/spw-date-picker.js +1 -1
- package/dist/components/spw-field-label.js +1 -1
- package/dist/components/spw-file-upload.js +1 -1
- package/dist/components/spw-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.js +1 -1
- package/dist/components/spw-header.js +1 -1
- package/dist/components/spw-hero.js +1 -1
- package/dist/components/spw-input-slider.js +1 -1
- package/dist/components/spw-lightbox-item.js +1 -1
- package/dist/components/spw-lightbox.js +1 -1
- package/dist/components/spw-link.js +1 -1
- package/dist/components/spw-list-description.js +1 -1
- package/dist/components/spw-list-item.js +1 -1
- package/dist/components/spw-list-title.js +1 -1
- package/dist/components/spw-list.js +1 -1
- package/dist/components/spw-loading.js +1 -1
- package/dist/components/spw-message.js +1 -1
- package/dist/components/spw-modal.js +1 -1
- package/dist/components/spw-mosaic-item.js +1 -1
- package/dist/components/spw-mosaic.js +4 -4
- package/dist/components/spw-pagination.js +1 -1
- package/dist/components/spw-radio.js +1 -1
- package/dist/components/spw-scrolltop.js +1 -1
- package/dist/components/spw-search-field.js +1 -1
- package/dist/components/spw-select.js +1 -1
- package/dist/components/spw-separator.js +1 -1
- package/dist/components/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/components/spw-sidebar-navigation-item.js +1 -1
- package/dist/components/spw-sidebar-navigation-separator.js +1 -1
- package/dist/components/spw-sidebar.js +1 -1
- package/dist/components/spw-skeleton.js +1 -1
- package/dist/components/spw-slider-item.js +1 -1
- package/dist/components/spw-slider.js +1 -1
- package/dist/components/spw-socials.js +1 -1
- package/dist/components/spw-table-body.js +1 -1
- package/dist/components/spw-table-cell.js +1 -1
- package/dist/components/spw-table-container.js +1 -1
- package/dist/components/spw-table-footer.js +1 -1
- package/dist/components/spw-table-head.js +1 -1
- package/dist/components/spw-table-header.js +1 -1
- package/dist/components/spw-table-row.js +1 -1
- package/dist/components/spw-table-sidebar.js +1 -1
- package/dist/components/spw-tabs-navigation-item.js +1 -1
- package/dist/components/spw-tabs-navigation.js +1 -1
- package/dist/components/spw-tabs.js +1 -1
- package/dist/components/spw-tag.js +1 -1
- package/dist/components/spw-text-field.js +1 -1
- package/dist/components/spw-textarea.js +1 -1
- package/dist/components/spw-theme-provider.js +1 -1
- package/dist/components/spw-tile-description.js +1 -1
- package/dist/components/spw-tile-title.js +1 -1
- package/dist/components/spw-tile.js +1 -1
- package/dist/components/spw-timeline-item.js +1 -1
- package/dist/components/spw-timeline.js +1 -1
- package/dist/components/spw-toc.js +1 -1
- package/dist/components/spw-tooltip.js +1 -1
- package/dist/components/spw-topbar.js +1 -1
- package/dist/components/spw-wizard-item.js +1 -1
- package/dist/components/spw-wizard.js +1 -1
- package/dist/components_json.json +183 -3
- package/dist/components_vscode.json +28 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/spw-button_2.entry.js +1 -1
- package/dist/esm/spw-field-label_8.entry.js +4 -4
- package/dist/esm/spw-header-navigation.entry.js +13 -2
- package/dist/esm/spw-hero.entry.js +7 -4
- package/dist/esm/spw-input-slider.entry.js +1 -1
- package/dist/esm/spw-lightbox-item.entry.js +1 -1
- package/dist/esm/spw-lightbox.entry.js +2 -2
- package/dist/esm/spw-list-description.entry.js +1 -1
- package/dist/esm/spw-list-item.entry.js +1 -1
- package/dist/esm/spw-list-title.entry.js +1 -1
- package/dist/esm/spw-list.entry.js +1 -1
- package/dist/esm/spw-modal.entry.js +3 -3
- package/dist/esm/spw-mosaic-item.entry.js +1 -1
- package/dist/esm/spw-mosaic.entry.js +1 -1
- package/dist/esm/spw-pagination.entry.js +6 -6
- package/dist/esm/spw-radio.entry.js +1 -1
- package/dist/esm/spw-scrolltop.entry.js +1 -1
- package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +1 -1
- package/dist/esm/spw-sidebar-navigation-item.entry.js +3 -3
- package/dist/esm/spw-sidebar-navigation-separator.entry.js +1 -1
- package/dist/esm/spw-sidebar.entry.js +1 -1
- package/dist/esm/spw-skeleton.entry.js +1 -1
- package/dist/esm/spw-slider-item.entry.js +1 -1
- package/dist/esm/spw-slider.entry.js +1 -1
- package/dist/esm/spw-socials.entry.js +1 -1
- package/dist/esm/spw-stencil-library.js +1 -1
- package/dist/esm/spw-table-body.entry.js +1 -1
- package/dist/esm/spw-table-cell.entry.js +1 -1
- package/dist/esm/spw-table-container.entry.js +1 -1
- package/dist/esm/spw-table-footer.entry.js +1 -1
- package/dist/esm/spw-table-head.entry.js +1 -1
- package/dist/esm/spw-table-header.entry.js +2 -2
- package/dist/esm/spw-table-row.entry.js +1 -1
- package/dist/esm/spw-table-sidebar.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation-item.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation.entry.js +2 -2
- package/dist/esm/spw-tabs.entry.js +1 -1
- package/dist/esm/spw-tag.entry.js +2 -2
- package/dist/esm/spw-text-field.entry.js +1 -1
- package/dist/esm/spw-textarea.entry.js +1 -1
- package/dist/esm/spw-tile-description.entry.js +1 -1
- package/dist/esm/spw-tile-title.entry.js +1 -1
- package/dist/esm/spw-tile.entry.js +1 -1
- package/dist/esm/spw-timeline-item.entry.js +2 -2
- package/dist/esm/spw-timeline.entry.js +2 -2
- package/dist/esm/spw-toc.entry.js +1 -1
- package/dist/esm/spw-topbar.entry.js +1 -1
- package/dist/esm/spw-wizard-item.entry.js +1 -1
- package/dist/esm/spw-wizard.entry.js +1 -1
- package/dist/spw-stencil-library/{p-b6226007.entry.js → p-00f79c82.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ad497333.entry.js → p-027aa57d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d38788c4.entry.js → p-050d662f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1f135fdb.entry.js → p-0c54e686.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-64741460.entry.js → p-0fbe55ee.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6c9bcee4.entry.js → p-11c28232.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9489b280.entry.js → p-1cf9b466.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ceeb01c4.entry.js → p-1f452b45.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-665e01bd.entry.js → p-221697f5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9341a8c9.entry.js → p-240b784c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-710c42a5.entry.js → p-24d385e8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3a5aa905.entry.js → p-27b30cf5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-96904763.entry.js → p-33efa943.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4c18e304.entry.js → p-44bead84.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ea6f5ed5.entry.js → p-457a4826.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7c40f2d0.entry.js → p-4a0db1fe.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d16208aa.entry.js → p-4a6277f3.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ae35dd6c.entry.js → p-4a7474d4.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c778adaa.entry.js → p-549870f0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-809bc00b.entry.js → p-599dcdb9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8a2654aa.entry.js → p-5d252ba9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-213a7a5d.entry.js → p-6238534e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0af7ad45.entry.js → p-633cc252.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-093151f0.entry.js → p-68b026da.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-90f5f252.entry.js → p-69f7dd1d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-65dd5c74.entry.js → p-6d4834ca.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-86737504.entry.js → p-70b53446.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bb3713ea.entry.js → p-903c83ad.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-56898654.entry.js → p-94af86be.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-89be7ef5.entry.js → p-9771169d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3e27dae3.entry.js → p-97765551.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5faae2e0.entry.js → p-a0a495c4.entry.js} +1 -1
- package/dist/spw-stencil-library/p-a5d2a76f.entry.js +1 -0
- package/dist/spw-stencil-library/{p-1e61703c.entry.js → p-a62feb06.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-af70ed2a.entry.js → p-a849f834.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0bdb6b45.entry.js → p-b1a64e66.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-79efde20.entry.js → p-bd66dffe.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1160c435.entry.js → p-c08fae4a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-59b8ba01.entry.js → p-d174e740.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d3e2f712.entry.js → p-d722e441.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7c2cbe6c.entry.js → p-da980e2a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b0b7e5bc.entry.js → p-dfe7b263.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-714d45ad.entry.js → p-e2913559.entry.js} +1 -1
- package/dist/spw-stencil-library/p-e8a8f373.entry.js +1 -0
- package/dist/spw-stencil-library/{p-ebb50977.entry.js → p-f1e03e06.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ba3057fc.entry.js → p-f85e8d40.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c216e44e.entry.js → p-f952431b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b56d8a05.entry.js → p-f9a95409.entry.js} +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/stats.json +545 -219
- package/dist/types/components/spw-header/spw-header-navigation/spw-header-navigation.d.ts +8 -0
- package/dist/types/components/spw-hero/spw-hero.d.ts +6 -0
- package/dist/types/components.d.ts +70 -0
- package/dist/types/stories/organisms/spw-hero/spw-hero.stories.d.ts +1 -0
- package/dist/types/stories/organisms/spw-list/spw-list.stories.d.ts +2 -0
- package/hydrate/index.js +88 -69
- package/hydrate/index.mjs +88 -69
- package/package.json +1 -1
- package/dist/components/p-DHKTbYO_.js +0 -1
- package/dist/spw-stencil-library/p-36e966b6.entry.js +0 -1
- package/dist/spw-stencil-library/p-6e7aa2fb.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,F as a,H as s}from"./p-BvJ4Kko5.js";const n=class{constructor(e){i(this,e),this.pageChanged=t(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=this.currentPage.toString(),window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(i){this.inputPageValue=i.toString()}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const i=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>i&&(this.currentPage=i,this.pageChanged.emit(this.currentPage))}async setPage(i){this.goToPage(i)}goToPage(i){i!==this.currentPage&&!this.isDisabled&&i>=1&&i<=this.totalPages&&(this.isDynamic&&(this.currentPage=i),this.pageChanged.emit(i))}handleInputChange(i){const t=i.target.value;this.inputPageValue=t;const e=parseInt(t,10);!isNaN(e)&&e>=1&&e<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(e)}),500))}getPaginationClass(){var i,t;const e=this.calculatePageRange(),a=e.filter((({page:i})=>"..."===i)).length,s=a>0&&"..."===(null===(i=e[1])||void 0===i?void 0:i.page),n=a>0&&"..."===(null===(t=e[e.length-2])||void 0===t?void 0:t.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(i){if("Enter"===i.key){const i=parseInt(this.inputPageValue,10);isNaN(i)||this.goToPage(i)}}calculatePageRange(){const i=[],{currentPage:t,totalPages:e,isMobile:a}=this;if(a)if(e<=5)for(let t=1;t<=e;t++)i.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=3){for(let t=1;t<=3;t++)i.push({page:t,class:"spw-pagination__item--start-range"});i.push({page:"...",class:"spw-pagination__item--ellipsis"}),i.push({page:e,class:"spw-pagination__item--end"})}else if(t>=e-2){i.push({page:1,class:"spw-pagination__item--start"}),i.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=e-2;t<=e;t++)i.push({page:t,class:"spw-pagination__item--end-range"})}else{i.push({page:1,class:"spw-pagination__item--start"}),i.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=t-1;e<=t+1;e++)i.push({page:e,class:"spw-pagination__item--middle-range"});i.push({page:"...",class:"spw-pagination__item--ellipsis"}),i.push({page:e,class:"spw-pagination__item--end"})}else if(e<=7)for(let t=1;t<=e;t++)i.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=4){for(let t=1;t<=4;t++)i.push({page:t,class:"spw-pagination__item--start-range"});i.push({page:"...",class:"spw-pagination__item--ellipsis"}),i.push({page:e,class:"spw-pagination__item--end"})}else if(t>=e-3){i.push({page:1,class:"spw-pagination__item--start"}),i.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=e-3;t<=e;t++)i.push({page:t,class:"spw-pagination__item--end-range"})}else{i.push({page:1,class:"spw-pagination__item--start"}),i.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=t-2;e<=t+2;e++)i.push({page:e,class:"spw-pagination__item--middle-range"});i.push({page:"...",class:"spw-pagination__item--ellipsis"}),i.push({page:e,class:"spw-pagination__item--end"})}return i}render(){const i=this.calculatePageRange(),t=this.currentPage<this.totalPages,n=this.currentPage>1&&e("li",{key:"9e7b0f1cb3f4d95ddb29839eac8eaccc06a6e6f1",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"40dbcb0707f7fe497ddf0b3487284fc34be18311",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"603a814d9cd037a86352f9e7f7fca74d7a4ceede",icon:"fa-chevron-left"})," ",e("span",{key:"6bc709a336683c98037d514c08bf9fcfa2db929b",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=t&&e("li",{key:"9f7757f7e5afcd455f4cce871233948c3703b416",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"f9530c63dc0bbb6dd1fd37cf8b2661f2d7d430cb",onClick:()=>this.goToPage(this.currentPage+1)},e("span",{key:"d94605af623ea261bdee3e893ce94f5692b30a58",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",e("spw-icon",{key:"97e3fa5ec9bb14f51210c1040ff1720e09c45b5e",icon:"fa-chevron-right"}))),p=this.currentPage>1&&e("li",{key:"2c0defe6a9974dc21a37735a44f87d4b26ddb490",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"649e3463693e20814ae640297367148614f11429",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"d4de93223eb8a7e20709d852e68c5dda2b31c06a",icon:"fa-chevron-left"})," ",e("span",{key:"9630eafe35c4112099ebec8ef11565d5e4a22a91"},this.previousButtonText))),l=this.currentPage<this.totalPages&&e("li",{key:"1c03917f00b33d62b5dadfd7372c6cac546cd89b",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"b8d76b6bcd8babec6bdc97c59f411548e129a2e3",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},e("span",{key:"ee07f8658301cced6c705cac694fa28805202148"},this.nextButtonText)," ",e("spw-icon",{key:"2e82a2be9347d80a6c02078890c5494ca3e69b9f",icon:"fa-chevron-right"}))),r=e("ul",{key:"bf2e6ab4f08884f8a673960cccfa2074746024ad",class:"spw-pagination__mobile-arrows"},p,l);return e(s,{key:"9dde96f2e5029e5b4fa42f57a62d504f9c0cc652"},e("div",{key:"e48ddaa7764136eaab60b85403a046158c607212",class:this.getPaginationClass()},"input"===this.variant&&e(a,{key:"91d6db2ee8e689727ee5abda2cb65420b82ba599"},e("ul",{key:"36c03595198041faf15faacb67faa18e1b120151"},n,e("li",{key:"e33d9f5aa0bd44c20329206165e26d289bbec839",class:"spw-pagination__input"},e("spw-text-field",{key:"721b040888242f9360f53f249c14ad39d7423870",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:i=>this.handleInputChange(i),onKeyDown:i=>this.handleKeyDown(i),disabled:this.isDisabled})),e("li",{key:"2a2560e9496d33efe173916263dc5c10f241f471",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),r),"numbers"===this.variant&&e(a,{key:"fc1ff24e283103b05e753292cc58dbf261d9f59f"},e("ul",{key:"4a4e8d8605e4290cda74ecf58d376046afd65db6"},n,i.map((({page:i,class:t})=>"..."===i?e("li",{class:`spw-pagination__item spw-pagination__item--dots ${t}`},e("spw-icon",{icon:"fa-ellipsis"})):e("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":i===this.currentPage,[t]:!0}},e("button",{onClick:()=>this.goToPage(i),disabled:i===this.currentPage},i)))),o),r)))}static get watchers(){return{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}}};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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}";export{n as spw_pagination}
|
|
1
|
+
import{r as i,c as t,h as e,F as a,H as s}from"./p-BvJ4Kko5.js";const n=class{constructor(e){i(this,e),this.pageChanged=t(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=this.currentPage.toString(),window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(i){this.inputPageValue=i.toString()}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const i=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>i&&(this.currentPage=i,this.pageChanged.emit(this.currentPage))}async setPage(i){this.goToPage(i)}goToPage(i){i!==this.currentPage&&!this.isDisabled&&i>=1&&i<=this.totalPages&&(this.isDynamic&&(this.currentPage=i),this.pageChanged.emit(i))}handleInputChange(i){const t=i.target.value;this.inputPageValue=t;const e=parseInt(t,10);!isNaN(e)&&e>=1&&e<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(e)}),500))}getPaginationClass(){var i,t;const e=this.calculatePageRange(),a=e.filter((({page:i})=>"..."===i)).length,s=a>0&&"..."===(null===(i=e[1])||void 0===i?void 0:i.page),n=a>0&&"..."===(null===(t=e[e.length-2])||void 0===t?void 0:t.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(i){if("Enter"===i.key){const i=parseInt(this.inputPageValue,10);isNaN(i)||this.goToPage(i)}}calculatePageRange(){const i=[],{currentPage:t,totalPages:e,isMobile:a}=this;if(a)if(e<=5)for(let t=1;t<=e;t++)i.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=3){for(let t=1;t<=3;t++)i.push({page:t,class:"spw-pagination__item--start-range"});i.push({page:"...",class:"spw-pagination__item--ellipsis"}),i.push({page:e,class:"spw-pagination__item--end"})}else if(t>=e-2){i.push({page:1,class:"spw-pagination__item--start"}),i.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=e-2;t<=e;t++)i.push({page:t,class:"spw-pagination__item--end-range"})}else{i.push({page:1,class:"spw-pagination__item--start"}),i.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=t-1;e<=t+1;e++)i.push({page:e,class:"spw-pagination__item--middle-range"});i.push({page:"...",class:"spw-pagination__item--ellipsis"}),i.push({page:e,class:"spw-pagination__item--end"})}else if(e<=7)for(let t=1;t<=e;t++)i.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=4){for(let t=1;t<=4;t++)i.push({page:t,class:"spw-pagination__item--start-range"});i.push({page:"...",class:"spw-pagination__item--ellipsis"}),i.push({page:e,class:"spw-pagination__item--end"})}else if(t>=e-3){i.push({page:1,class:"spw-pagination__item--start"}),i.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=e-3;t<=e;t++)i.push({page:t,class:"spw-pagination__item--end-range"})}else{i.push({page:1,class:"spw-pagination__item--start"}),i.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=t-2;e<=t+2;e++)i.push({page:e,class:"spw-pagination__item--middle-range"});i.push({page:"...",class:"spw-pagination__item--ellipsis"}),i.push({page:e,class:"spw-pagination__item--end"})}return i}render(){const i=this.calculatePageRange(),t=this.currentPage<this.totalPages,n=this.currentPage>1&&e("li",{key:"dcd1498e29ee3fb0a7aacfcf837cf779941390c0",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"b15634e85c1082de7220d634d703583cfe000cc0",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"e15c7fd09d198cced97501c8eeac814e6c72e45e",icon:"fa-chevron-left"})," ",e("span",{key:"417047243b0821163a0e107fb5f810c60758a899",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=t&&e("li",{key:"dfad6e553a19c22f6f7ecca0a0c0b41a190370a9",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"278d707a4394e2225cf6c9bf50ae1146b54914fd",onClick:()=>this.goToPage(this.currentPage+1)},e("span",{key:"47b58d5f383d2aee5335ce3e3520593ae6b8fdc1",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",e("spw-icon",{key:"aaeb333a63ce999845ff481283d65d359b498626",icon:"fa-chevron-right"}))),p=this.currentPage>1&&e("li",{key:"67d470dd7ec978d778bf9501f7ff4f0d53e8fd74",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"1ef874caef38ad58bfef892f7ff3d3c6a92f1e13",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"615092ac9a6fd45d24fba1625ff16f5ab83bcd08",icon:"fa-chevron-left"})," ",e("span",{key:"68890a0dc95b5356e08002ecd2e8917f024ea2dd"},this.previousButtonText))),l=this.currentPage<this.totalPages&&e("li",{key:"b3ec5c4edbbf33b3c3597e2e8269d390cdf13f3d",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"183cf1b1d5d6a92f7738674e3d2e9cb7f060af57",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},e("span",{key:"7dfbc497fa94d90984af376e5e20a46621ef4402"},this.nextButtonText)," ",e("spw-icon",{key:"0aa1fef8996bf23df1eda494cb8f1d9ef6a857b9",icon:"fa-chevron-right"}))),r=e("ul",{key:"bb0d46915afe5a30ed9751d858a7046a026d0ff4",class:"spw-pagination__mobile-arrows"},p,l);return e(s,{key:"044cde627233453d74e4a55bfea69d8199513b72"},e("div",{key:"7e49988f7e2331a3b986cb9644fb51b5e3e25997",class:this.getPaginationClass()},"input"===this.variant&&e(a,{key:"721f2508e7980a7d017d57bd35571bea3d7e7478"},e("ul",{key:"ed8562aa281db341405e2d7a7374e1890e63ae16"},n,e("li",{key:"0f0a0a41bc898e82c1293d59892a2278de1f3e2a",class:"spw-pagination__input"},e("spw-text-field",{key:"09eb4b0c43e1bc8b0d598d5144bf8defcf772f4b",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:i=>this.handleInputChange(i),onKeyDown:i=>this.handleKeyDown(i),disabled:this.isDisabled})),e("li",{key:"638c548a6d33678719f9c9543eb3b99a9b52a7d9",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),r),"numbers"===this.variant&&e(a,{key:"a88d47012d933c68cb648223cf0e2de3e0b4b1e5"},e("ul",{key:"88d35c75e74693c3cefc806a9592bbf96103add8"},n,i.map((({page:i,class:t})=>"..."===i?e("li",{class:`spw-pagination__item spw-pagination__item--dots ${t}`},e("spw-icon",{icon:"fa-ellipsis"})):e("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":i===this.currentPage,[t]:!0}},e("button",{onClick:()=>this.goToPage(i),disabled:i===this.currentPage},i)))),o),r)))}static get watchers(){return{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}}};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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}";export{n as spw_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as n}from"./p-BvJ4Kko5.js";const i=class{constructor(t){e(this,t)}render(){return t(n,{key:"
|
|
1
|
+
import{r as e,h as t,H as n}from"./p-BvJ4Kko5.js";const i=class{constructor(t){e(this,t)}render(){return t(n,{key:"ba6d11f5d3d81391e34bacb9b66fa2acc2419a5e"},t("slot",{key:"2676ba395c1ce466a2947f5ed3f118b631509f9c"}))}};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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}";export{i as spw_toc}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-BvJ4Kko5.js";const o=class{constructor(t){e(this,t)}render(){return t("div",{key:"
|
|
1
|
+
import{r as e,h as t}from"./p-BvJ4Kko5.js";const o=class{constructor(t){e(this,t)}render(){return t("div",{key:"53c671c9fc75e04e9bae06039b129fd1f0c04902",class:"spw-table-footer"},t("slot",{key:"366b793385c0d92aa8edbdf1e794a23e8bfd8934",name:"left"}),t("slot",{key:"02f20d1221f57ea8abb1d0aa66a90e67c5c2f928",name:"center"}),t("slot",{key:"19917ed07904b91f6bbd745c30c35f12a279cc90",name:"right"}))}};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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-table-footer{z-index:333;background:var(--spw-ds-white);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;width:100%;padding:16px 24px;caption-side:bottom;font-size:14px;color:var(--spw-color-themes-grey-grey-900);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-direction:column}@media (min-width: 1024px){.spw-table-footer{flex-direction:row}}.spw-table-footer ::slotted([slot=right]){display:inline-flex;gap:8px;align-items:center}";export{o as spw_table_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,a as o}from"./p-BvJ4Kko5.js";const n=class{constructor(s){t(this,s),this.spwSliderChange=i(this,"spwSliderChange",7),this.spwSliderNext=i(this,"spwSliderNext",7),this.spwSliderPrevious=i(this,"spwSliderPrevious",7),this.showArrows=!0,this.showDots=!0,this.showAutoplayToggle=!1,this.autoplayInterval=5e3,this.autoplayEnabled=!1,this.autoplayText="Défilement automatique",this.arrowsPosition="inside",this.dotsPosition="inside",this.nextSlideText="Slide suivante",this.accAriaLabel="Slider de contenu",this.previousSlideText="Slide précédente",this.hasFixedHeight=!1,this.activeIndex=0,this.totalSlides=0,this.currentHeight=0,this.isAutoplayActive=!1,this.startX=0,this.startY=0,this.currentX=0,this.isDragging=!1,this.slides=[],this.handleSlotChange=()=>{this.updateSlides(),this.scheduleHeightUpdate(50)},this.handleResize=()=>{this.scheduleHeightUpdate(50)},this.handlePrevious=()=>{this.activeIndex>0&&this.goToSlide(this.activeIndex-1,"previous")},this.handleNext=()=>{this.activeIndex<this.totalSlides-1&&this.goToSlide(this.activeIndex+1,"next")},this.handleDotClick=t=>{this.goToSlide(t)},this.startAutoplay=()=>{this.stopAutoplay(),this.autoplayTimer=window.setInterval((()=>{this.goToSlide(this.activeIndex<this.totalSlides-1?this.activeIndex+1:0,"next")}),this.autoplayInterval)},this.stopAutoplay=()=>{this.autoplayTimer&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)},this.handleAutoplayToggle=t=>{this.isAutoplayActive=t.detail,this.isAutoplayActive?this.startAutoplay():this.stopAutoplay()}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");t&&t.addEventListener("slotchange",this.handleSlotChange),window.addEventListener("resize",this.handleResize),this.setupResizeObserver(),this.isAutoplayActive=this.autoplayEnabled,this.isAutoplayActive&&this.startAutoplay()}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.removeEventListener("slotchange",this.handleSlotChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.stopAutoplay()}initializeSlider(){this.updateSlides(),this.scheduleHeightUpdate(200),this.scheduleHeightUpdate(500)}setupResizeObserver(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)})),this.slides.forEach((t=>{var i,s;this.resizeObserver.observe(t);const e=null===(s=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===s?void 0:s.assignedElements()[0];if(e&&(this.resizeObserver.observe(e),e.shadowRoot)){const t=e.shadowRoot.firstElementChild;t&&this.resizeObserver.observe(t)}})))}scheduleHeightUpdate(t=0){this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.unobserve(t)})),this.slides=i,this.totalSlides=this.slides.length,this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${100*i}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}async updateHeight(){this.hasFixedHeight?await this.updateFixedHeight():await this.updateActiveSlideHeight()}async updateFixedHeight(){let t=0;for(const i of this.slides){const s=await this.getSlideHeight(i);s>t&&(t=s)}t>0&&(this.currentHeight=t,this.applyFixedHeightToHeroes(t))}applyFixedHeightToHeroes(t){var i,s,e;for(const o of this.slides){const n=null===(s=null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===s?void 0:s.assignedElements()[0];if("spw-hero"===(null==n?void 0:n.tagName.toLowerCase())){const i=null===(e=n.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-hero");i&&(i.style.height=`${t}px`)}}}async updateActiveSlideHeight(){if(this.slides[this.activeIndex]){const t=this.slides[this.activeIndex],i=await this.getSlideHeight(t);i>50?this.currentHeight=i:this.retryHeightCalculation(0)}}async getSlideHeight(t){var i,s;const e=null===(s=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===s?void 0:s.assignedElements()[0];if(e){const t=e.tagName.toLowerCase();if(t.includes("-"))try{await customElements.whenDefined(t),await new Promise((t=>setTimeout(t,50)))}catch(t){}let i=e.offsetHeight||e.scrollHeight;if(e.shadowRoot){const t=e.shadowRoot.firstElementChild;t&&(i=t.offsetHeight||t.scrollHeight)}if(i>0)return i}return t.offsetHeight||t.scrollHeight}retryHeightCalculation(t){t>=15||setTimeout((()=>{var i,s;const e=this.slides[this.activeIndex];if(!e)return;const o=null===(s=null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===s?void 0:s.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;i&&(t=i.offsetHeight||i.scrollHeight)}if(t>50)return void(this.currentHeight=t)}const n=e.offsetHeight||e.scrollHeight;n>50?this.currentHeight=n:this.retryHeightCalculation(t+1)}),100*(t+1))}goToSlide(t,i){if(t<0||t>=this.totalSlides)return;const s=this.activeIndex;this.activeIndex=t,this.spwSliderChange.emit({index:t,previousIndex:s}),"next"===i&&this.spwSliderNext.emit({index:t}),"previous"===i&&this.spwSliderPrevious.emit({index:t}),this.slides.forEach(((t,i)=>{const s=100*(i-this.activeIndex);t.style.transition="transform 0.3s ease-in-out",t.style.transform=`translateX(${s}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.scheduleHeightUpdate(0),this.scheduleHeightUpdate(320),this.isAutoplayActive&&(this.stopAutoplay(),this.startAutoplay())}handleTouchStart(t){this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.currentX=this.startX,this.isDragging=!0,this.isAutoplayActive&&this.stopAutoplay()}handleMouseDown(t){this.startX=t.clientX,this.currentX=this.startX,this.isDragging=!0,t.preventDefault(),this.isAutoplayActive&&this.stopAutoplay()}handleTouchMove(t){if(!this.isDragging)return;const i=t.touches[0].clientY-this.startY;Math.abs(t.touches[0].clientX-this.startX)>Math.abs(i)&&t.preventDefault(),this.currentX=t.touches[0].clientX}handleMouseMove(t){this.isDragging&&(this.currentX=t.clientX)}handleTouchEnd(){this.handleDragEnd()}handleMouseUp(){this.handleDragEnd()}handleMouseLeave(){this.isDragging&&this.handleDragEnd()}handleKeyDown(t){"ArrowLeft"===t.key?(t.preventDefault(),this.handlePrevious()):"ArrowRight"===t.key&&(t.preventDefault(),this.handleNext())}handleDragEnd(){if(!this.isDragging)return;const t=this.startX-this.currentX;Math.abs(t)>50&&(t>0?this.handleNext():this.handlePrevious()),this.isDragging=!1,this.startX=0,this.currentX=0,this.isAutoplayActive&&this.startAutoplay()}get elementClass(){return{"spw-slider":!0,[`spw-slider--arrows-${this.arrowsPosition}`]:!0,[`spw-slider--dots-${this.dotsPosition}`]:!0}}renderDots(){return!this.showDots||this.totalSlides<=1?null:s("div",{class:{"spw-slider__dots":!0,"spw-slider__dots--outside":"outside"===this.dotsPosition}},Array.from({length:this.totalSlides},((t,i)=>s("button",{class:{"spw-slider__dot":!0,"spw-slider__dot--active":i===this.activeIndex},onClick:()=>this.handleDotClick(i),"aria-label":`Slide ${i+1}`,"aria-current":i===this.activeIndex?"true":"false"}))))}render(){return s(e,{key:"dfdeae00473d71dd36a9ae858c52cdf510115521"},s("div",{key:"fd89eceedff1308d197c4297e182c7d395182c36",class:this.elementClass,style:{height:`${this.currentHeight}px`},tabindex:"0",role:"region","aria-label":this.accAriaLabel},s("div",{key:"a61484457dcc1f0303b447522644f14e58d75084",class:"spw-slider__track"},s("slot",{key:"619f8df663f298c7c16859f72d71ab5826de0ab0"})),this.showArrows&&s("div",{key:"c42db44ef58cf1b8f91e6a674cb08a82ca4d9f47",class:"spw-slider__navigation"},s("button",{key:"074e75bb388bc6f466fc628a83f5e4e59f50d9dd",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},s("spw-icon",{key:"04f4283edd6a3653661f67be340c9620d78ac754",icon:"fa-chevron-left"})),s("button",{key:"38f5864b44f9486b9a4f876beb6602bbbde15591",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":this.nextSlideText},s("spw-icon",{key:"4ad8c4da2be348a8c305bbf1b4857df3bd86867a",icon:"fa-chevron-right"}))),"inside"===this.dotsPosition&&this.renderDots()),"outside"===this.dotsPosition&&s("div",{key:"4ee6d2f88cd4bf5fe53ebb4f7e3e957148a9a84d",class:"spw-slider__dots-container"},this.renderDots()),this.showAutoplayToggle&&s("div",{key:"738c777251b6e6530380e6897adf5015689b01e7",class:"spw-slider__autoplay-toggle"},s("spw-checkbox",{key:"c86e06b8d42764c2c7477b25fc9435760b6a4b6c",variant:"toggle",checked:this.isAutoplayActive,onSpwChange:this.handleAutoplayToggle},this.autoplayText)))}get el(){return o(this)}};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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-slider{position:relative;width:100%;transition:height 0.3s ease-in-out;min-height:100px}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider--arrows-outside{padding:0 56px}.spw-slider:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__track{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;user-select:none}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;width:calc(100% + 64px);margin-left:-32px}@media (min-width: 1024px){.spw-slider__navigation{width:100%;margin-left:0}}.spw-slider--arrows-outside .spw-slider__navigation{width:100%;padding:0;margin-left:0}.spw-slider__arrow{pointer-events:all;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--spw-ds-primary);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:1.25rem}.spw-slider__arrow:hover:not(:disabled){transform:scale(0.9)}.spw-slider__arrow:disabled{cursor:not-allowed;background-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400)}.spw-slider__arrow:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;z-index:10;background:white;box-shadow:var(--spw-effect-elevation-5);padding:8px;border-radius:999px}.spw-slider__dots--outside{position:relative;bottom:auto;left:auto;transform:none;box-shadow:none;display:inline-flex;border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-slider__dot{width:12px;height:12px;border-radius:50%;background:var(--spw-color-themes-grey-grey-300);cursor:pointer;border:none;transition:all 0.2s ease;padding:0}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots-container{display:flex;justify-content:center;margin-top:12px}.spw-slider__autoplay-toggle{margin-top:12px}';export{n as spw_slider}
|
|
1
|
+
import{r as t,c as i,h as s,H as e,a as o}from"./p-BvJ4Kko5.js";const n=class{constructor(s){t(this,s),this.spwSliderChange=i(this,"spwSliderChange",7),this.spwSliderNext=i(this,"spwSliderNext",7),this.spwSliderPrevious=i(this,"spwSliderPrevious",7),this.showArrows=!0,this.showDots=!0,this.showAutoplayToggle=!1,this.autoplayInterval=5e3,this.autoplayEnabled=!1,this.autoplayText="Défilement automatique",this.arrowsPosition="inside",this.dotsPosition="inside",this.nextSlideText="Slide suivante",this.accAriaLabel="Slider de contenu",this.previousSlideText="Slide précédente",this.hasFixedHeight=!1,this.activeIndex=0,this.totalSlides=0,this.currentHeight=0,this.isAutoplayActive=!1,this.startX=0,this.startY=0,this.currentX=0,this.isDragging=!1,this.slides=[],this.handleSlotChange=()=>{this.updateSlides(),this.scheduleHeightUpdate(50)},this.handleResize=()=>{this.scheduleHeightUpdate(50)},this.handlePrevious=()=>{this.activeIndex>0&&this.goToSlide(this.activeIndex-1,"previous")},this.handleNext=()=>{this.activeIndex<this.totalSlides-1&&this.goToSlide(this.activeIndex+1,"next")},this.handleDotClick=t=>{this.goToSlide(t)},this.startAutoplay=()=>{this.stopAutoplay(),this.autoplayTimer=window.setInterval((()=>{this.goToSlide(this.activeIndex<this.totalSlides-1?this.activeIndex+1:0,"next")}),this.autoplayInterval)},this.stopAutoplay=()=>{this.autoplayTimer&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)},this.handleAutoplayToggle=t=>{this.isAutoplayActive=t.detail,this.isAutoplayActive?this.startAutoplay():this.stopAutoplay()}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");t&&t.addEventListener("slotchange",this.handleSlotChange),window.addEventListener("resize",this.handleResize),this.setupResizeObserver(),this.isAutoplayActive=this.autoplayEnabled,this.isAutoplayActive&&this.startAutoplay()}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.removeEventListener("slotchange",this.handleSlotChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.stopAutoplay()}initializeSlider(){this.updateSlides(),this.scheduleHeightUpdate(200),this.scheduleHeightUpdate(500)}setupResizeObserver(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)})),this.slides.forEach((t=>{var i,s;this.resizeObserver.observe(t);const e=null===(s=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===s?void 0:s.assignedElements()[0];if(e&&(this.resizeObserver.observe(e),e.shadowRoot)){const t=e.shadowRoot.firstElementChild;t&&this.resizeObserver.observe(t)}})))}scheduleHeightUpdate(t=0){this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.unobserve(t)})),this.slides=i,this.totalSlides=this.slides.length,this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${100*i}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}async updateHeight(){this.hasFixedHeight?await this.updateFixedHeight():await this.updateActiveSlideHeight()}async updateFixedHeight(){let t=0;for(const i of this.slides){const s=await this.getSlideHeight(i);s>t&&(t=s)}t>0&&(this.currentHeight=t,this.applyFixedHeightToHeroes(t))}applyFixedHeightToHeroes(t){var i,s,e;for(const o of this.slides){const n=null===(s=null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===s?void 0:s.assignedElements()[0];if("spw-hero"===(null==n?void 0:n.tagName.toLowerCase())){const i=null===(e=n.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-hero");i&&(i.style.height=`${t}px`)}}}async updateActiveSlideHeight(){if(this.slides[this.activeIndex]){const t=this.slides[this.activeIndex],i=await this.getSlideHeight(t);i>50?this.currentHeight=i:this.retryHeightCalculation(0)}}async getSlideHeight(t){var i,s;const e=null===(s=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===s?void 0:s.assignedElements()[0];if(e){const t=e.tagName.toLowerCase();if(t.includes("-"))try{await customElements.whenDefined(t),await new Promise((t=>setTimeout(t,50)))}catch(t){}let i=e.offsetHeight||e.scrollHeight;if(e.shadowRoot){const t=e.shadowRoot.firstElementChild;t&&(i=t.offsetHeight||t.scrollHeight)}if(i>0)return i}return t.offsetHeight||t.scrollHeight}retryHeightCalculation(t){t>=15||setTimeout((()=>{var i,s;const e=this.slides[this.activeIndex];if(!e)return;const o=null===(s=null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===s?void 0:s.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;i&&(t=i.offsetHeight||i.scrollHeight)}if(t>50)return void(this.currentHeight=t)}const n=e.offsetHeight||e.scrollHeight;n>50?this.currentHeight=n:this.retryHeightCalculation(t+1)}),100*(t+1))}goToSlide(t,i){if(t<0||t>=this.totalSlides)return;const s=this.activeIndex;this.activeIndex=t,this.spwSliderChange.emit({index:t,previousIndex:s}),"next"===i&&this.spwSliderNext.emit({index:t}),"previous"===i&&this.spwSliderPrevious.emit({index:t}),this.slides.forEach(((t,i)=>{const s=100*(i-this.activeIndex);t.style.transition="transform 0.3s ease-in-out",t.style.transform=`translateX(${s}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.scheduleHeightUpdate(0),this.scheduleHeightUpdate(320),this.isAutoplayActive&&(this.stopAutoplay(),this.startAutoplay())}handleTouchStart(t){this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.currentX=this.startX,this.isDragging=!0,this.isAutoplayActive&&this.stopAutoplay()}handleMouseDown(t){this.startX=t.clientX,this.currentX=this.startX,this.isDragging=!0,t.preventDefault(),this.isAutoplayActive&&this.stopAutoplay()}handleTouchMove(t){if(!this.isDragging)return;const i=t.touches[0].clientY-this.startY;Math.abs(t.touches[0].clientX-this.startX)>Math.abs(i)&&t.preventDefault(),this.currentX=t.touches[0].clientX}handleMouseMove(t){this.isDragging&&(this.currentX=t.clientX)}handleTouchEnd(){this.handleDragEnd()}handleMouseUp(){this.handleDragEnd()}handleMouseLeave(){this.isDragging&&this.handleDragEnd()}handleKeyDown(t){"ArrowLeft"===t.key?(t.preventDefault(),this.handlePrevious()):"ArrowRight"===t.key&&(t.preventDefault(),this.handleNext())}handleDragEnd(){if(!this.isDragging)return;const t=this.startX-this.currentX;Math.abs(t)>50&&(t>0?this.handleNext():this.handlePrevious()),this.isDragging=!1,this.startX=0,this.currentX=0,this.isAutoplayActive&&this.startAutoplay()}get elementClass(){return{"spw-slider":!0,[`spw-slider--arrows-${this.arrowsPosition}`]:!0,[`spw-slider--dots-${this.dotsPosition}`]:!0}}renderDots(){return!this.showDots||this.totalSlides<=1?null:s("div",{class:{"spw-slider__dots":!0,"spw-slider__dots--outside":"outside"===this.dotsPosition}},Array.from({length:this.totalSlides},((t,i)=>s("button",{class:{"spw-slider__dot":!0,"spw-slider__dot--active":i===this.activeIndex},onClick:()=>this.handleDotClick(i),"aria-label":`Slide ${i+1}`,"aria-current":i===this.activeIndex?"true":"false"}))))}render(){return s(e,{key:"67c85fed7cc665da3cfa60082b5ac76b1f679c0d"},s("div",{key:"1090245b2710939eb572d26c1ed23ade12c416e9",class:this.elementClass,style:{height:`${this.currentHeight}px`},tabindex:"0",role:"region","aria-label":this.accAriaLabel},s("div",{key:"e810a8fe4154b2f793041cae72f889a001988b84",class:"spw-slider__track"},s("slot",{key:"440367be7154291d1d18465fab6dedbd79271792"})),this.showArrows&&s("div",{key:"7e8da39ecafddd9e3967d7a15e9d1838bbb51074",class:"spw-slider__navigation"},s("button",{key:"48a77dde510252161146311dbd7ee8d75f39abfa",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},s("spw-icon",{key:"e8d9234727245e28a6d12d1914420cac33689edf",icon:"fa-chevron-left"})),s("button",{key:"66dd413bb8817caba03b3ca6af41c896459a91cf",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":this.nextSlideText},s("spw-icon",{key:"8f545069639f403f8b4ef7843bf10d9d102609a1",icon:"fa-chevron-right"}))),"inside"===this.dotsPosition&&this.renderDots()),"outside"===this.dotsPosition&&s("div",{key:"95bc58b0e2de1dc60a1e8f5036b8aec4eaebf9b6",class:"spw-slider__dots-container"},this.renderDots()),this.showAutoplayToggle&&s("div",{key:"e6e919ce3bbad911c74914bd19b3e920c028c4f9",class:"spw-slider__autoplay-toggle"},s("spw-checkbox",{key:"c8583e3b3a2b47e9ce67c7d6aa448b54dea0a3ec",variant:"toggle",checked:this.isAutoplayActive,onSpwChange:this.handleAutoplayToggle},this.autoplayText)))}get el(){return o(this)}};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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-slider{position:relative;width:100%;transition:height 0.3s ease-in-out;min-height:100px}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider--arrows-outside{padding:0 56px}.spw-slider:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__track{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;user-select:none}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;width:calc(100% + 64px);margin-left:-32px}@media (min-width: 1024px){.spw-slider__navigation{width:100%;margin-left:0}}.spw-slider--arrows-outside .spw-slider__navigation{width:100%;padding:0;margin-left:0}.spw-slider__arrow{pointer-events:all;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--spw-ds-primary);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:1.25rem}.spw-slider__arrow:hover:not(:disabled){transform:scale(0.9)}.spw-slider__arrow:disabled{cursor:not-allowed;background-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400)}.spw-slider__arrow:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;z-index:10;background:white;box-shadow:var(--spw-effect-elevation-5);padding:8px;border-radius:999px}.spw-slider__dots--outside{position:relative;bottom:auto;left:auto;transform:none;box-shadow:none;display:inline-flex;border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-slider__dot{width:12px;height:12px;border-radius:50%;background:var(--spw-color-themes-grey-grey-300);cursor:pointer;border:none;transition:all 0.2s ease;padding:0}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots-container{display:flex;justify-content:center;margin-top:12px}.spw-slider__autoplay-toggle{margin-top:12px}';export{n as spw_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,a as r}from"./p-BvJ4Kko5.js";const o=class{constructor(s){t(this,s),this.valueChange=i(this,"valueChange",7),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.min=0,this.max=100,this.step=1,this.range=!1,this.disabled=!1,this.name="",this.orientation="horizontal",this.hasTooltip=!0,this.label="",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.required=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isDragging=!1,this.activeHandle=null,this.handleMouseDown=(t,i=null)=>{this.disabled||(t.preventDefault(),this.isDragging=!0,this.activeHandle=this.range?i:null,null===i&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchmove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp))},this.handleMouseMove=t=>{this.isDragging&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY)},this.handleMouseUp=()=>{this.isDragging=!1,this.activeHandle=null,document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp)}}handleValueChange(t){JSON.stringify(this.internalValue)!==JSON.stringify(t)&&(this.range&&Array.isArray(t)?this.internalValue=[this.clampValue(t[0]),this.clampValue(t[1])]:this.range||"number"!=typeof t||(this.internalValue=this.clampValue(t)),this.updateFormValue())}componentWillLoad(){this.initializeValue(),this.defaultValue=Array.isArray(this.internalValue)?[...this.internalValue]:this.internalValue}initializeValue(){this.internalValue=this.range&&!Array.isArray(this.value)?[this.min,this.max]:this.range||"number"!=typeof this.value?Array.isArray(this.value)?this.value:this.range?[this.min,this.max]:"number"==typeof this.value?this.value:this.min:this.value,this.updateFormValue()}async setValue(t){if(this.range&&Array.isArray(t)){const[i,s]=t;this.internalValue=[this.clampValue(i),this.clampValue(s)]}else this.range||"number"!=typeof t||(this.internalValue=this.clampValue(t));this.value=this.internalValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}async getValue(){return this.internalValue}formResetCallback(){this.internalValue=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.value=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}updateFormValue(){this.range&&Array.isArray(this.internalValue)?this.internals.setFormValue(JSON.stringify(this.internalValue)):this.internals.setFormValue(String(this.internalValue))}clampValue(t){let i=Math.max(this.min,Math.min(this.max,t));const s=Math.round((i-this.min)/this.step);return i=this.min+s*this.step,i}updateValueFromPosition(t,i){if(!this.sliderRef)return;const s=this.sliderRef.getBoundingClientRect();let e;e="horizontal"===this.orientation?(t-s.left)/s.width:1-(i-s.top)/s.height,e=Math.max(0,Math.min(1,e));const r=this.clampValue(this.min+e*(this.max-this.min));if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue;"min"===this.activeHandle?this.setValue([Math.min(r,i),i]):"max"===this.activeHandle?this.setValue([t,Math.max(r,t)]):Math.abs(r-t)<Math.abs(r-i)?(this.activeHandle="min",this.setValue([r,i])):(this.activeHandle="max",this.setValue([t,r]))}else this.setValue(r)}getHandlePosition(t){return(t-this.min)/(this.max-this.min)*100}getRangeStyle(){if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue,s=this.getHandlePosition(t),e=this.getHandlePosition(i);return"horizontal"===this.orientation?{left:`${s}%`,width:e-s+"%"}:{bottom:`${s}%`,height:e-s+"%"}}{const t=this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min);return"horizontal"===this.orientation?{left:"0%",width:`${t}%`}:{bottom:"0%",height:`${t}%`}}}renderErrorMessage(){if(this.error)return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){return{"spw-input-slider":!0,[`spw-input-slider--${this.orientation}`]:!0,"spw-input-slider--disabled":this.disabled,"spw-input-slider--dragging":this.isDragging,"spw-input-slider--is-error":!!this.error}}render(){const t=this.getRangeStyle();return s(e,{key:"7a36104b7eb8710f3b4c91a23095243419395f7e"},s("div",{key:"cde5f025875686d9dd9f21233e9ec3689044e107",class:this.elementClass},this.label&&s("spw-field-label",{key:"f2c364423583ffbd6db1f1eb177dae10acf438d3",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&s("spw-field-message",{key:"370bddcb8f2b0e736c9645ff4e2cb0636138b3a8",class:"spw-input-slider__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"6e8757b476f0079790fd8f7c99016b2a375e8332",class:"spw-input-slider__container"},s("div",{key:"e8114459db50be50838cc80e64e4411b8b3dec77",class:"spw-input-slider__track",ref:t=>this.sliderRef=t,onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null),"aria-label":this.accAriaLabel||this.name||this.label,role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":"number"==typeof this.internalValue?this.internalValue:void 0,"aria-disabled":this.disabled},s("div",{key:"ee909a0256ce4e4ac2be2a19807d0a7d16c603b7",class:"spw-input-slider__range",style:t}),this.range&&Array.isArray(this.internalValue)?[s("div",{key:"handle-min",class:"spw-input-slider__handle spw-input-slider__handle--min",style:"horizontal"===this.orientation?{left:`${this.getHandlePosition(this.internalValue[0])}%`}:{bottom:`${this.getHandlePosition(this.internalValue[0])}%`},onMouseDown:t=>this.handleMouseDown(t,"min"),onTouchStart:t=>this.handleMouseDown(t,"min")},this.hasTooltip&&s("div",{class:"spw-input-slider__tooltip"},this.internalValue[0])),s("div",{key:"handle-max",class:"spw-input-slider__handle spw-input-slider__handle--max",style:"horizontal"===this.orientation?{left:`${this.getHandlePosition(this.internalValue[1])}%`}:{bottom:`${this.getHandlePosition(this.internalValue[1])}%`},onMouseDown:t=>this.handleMouseDown(t,"max"),onTouchStart:t=>this.handleMouseDown(t,"max")},this.hasTooltip&&s("div",{class:"spw-input-slider__tooltip"},this.internalValue[1]))]:s("div",{class:"spw-input-slider__handle",style:"horizontal"===this.orientation?{left:`${this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)}%`}:{bottom:`${this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)}%`},onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null)},this.hasTooltip&&s("div",{class:"spw-input-slider__tooltip"},"number"==typeof this.internalValue?this.internalValue:this.min)))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage()))}static get formAssociated(){return!0}get el(){return r(this)}static get watchers(){return{value:[{handleValueChange: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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-input-slider{position:relative}.spw-input-slider__field-message{margin-bottom:8px;margin-top:-4px}.spw-input-slider__container{padding:10px 0;position:relative}.spw-input-slider--horizontal .spw-input-slider__container{width:100%;height:20px}.spw-input-slider--vertical .spw-input-slider__container{width:20px;height:300px}.spw-input-slider--disabled{opacity:0.5;cursor:not-allowed}.spw-input-slider--disabled .spw-input-slider__track,.spw-input-slider--disabled .spw-input-slider__handle{cursor:not-allowed}.spw-input-slider__track{position:relative;background-color:#d1d5db;border-radius:4px;cursor:pointer}.spw-input-slider--horizontal .spw-input-slider__track{height:4px;width:100%}.spw-input-slider--vertical .spw-input-slider__track{width:4px;height:100%}.spw-input-slider__range{position:absolute;background-color:var(--spw-ds-primary);border-radius:4px}.spw-input-slider--horizontal .spw-input-slider__range{height:100%}.spw-input-slider--vertical .spw-input-slider__range{width:100%}.spw-input-slider--is-error .spw-input-slider__range{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__handle{position:absolute;width:20px;height:20px;background-color:white;border:3px solid var(--spw-ds-primary);border-radius:50%;cursor:grab;transition:transform 0.1s ease, box-shadow 0.2s ease;z-index:2}.spw-input-slider--is-error .spw-input-slider__handle{border-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--horizontal .spw-input-slider__handle{top:50%;transform:translate(-50%, -50%)}.spw-input-slider--vertical .spw-input-slider__handle{left:50%;transform:translate(-50%, 50%)}.spw-input-slider__handle:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 0 0 8px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.1)}.spw-input-slider__handle:active,.spw-input-slider--dragging .spw-input-slider__handle{cursor:grabbing;transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 12px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.15)}.spw-input-slider--vertical .spw-input-slider__handle:hover{transform:translate(-50%, 50%) scale(1.1)}.spw-input-slider--vertical .spw-input-slider__handle:active,.spw-input-slider--vertical.spw-input-slider--dragging .spw-input-slider__handle{transform:translate(-50%, 50%) scale(1.15)}.spw-input-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:var(--spw-ds-primary);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:10}.spw-input-slider--is-error .spw-input-slider__tooltip{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider__tooltip::after{border-top-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--vertical .spw-input-slider__tooltip{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.spw-input-slider--vertical .spw-input-slider__tooltip::after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-left:none;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider--vertical .spw-input-slider__tooltip::after{border-right-color:var(--spw-colors-states-error-error-300)}';export{o as spw_input_slider}
|
|
1
|
+
import{r as t,c as i,h as s,H as e,a as r}from"./p-BvJ4Kko5.js";const o=class{constructor(s){t(this,s),this.valueChange=i(this,"valueChange",7),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.min=0,this.max=100,this.step=1,this.range=!1,this.disabled=!1,this.name="",this.orientation="horizontal",this.hasTooltip=!0,this.label="",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.required=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isDragging=!1,this.activeHandle=null,this.handleMouseDown=(t,i=null)=>{this.disabled||(t.preventDefault(),this.isDragging=!0,this.activeHandle=this.range?i:null,null===i&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchmove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp))},this.handleMouseMove=t=>{this.isDragging&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY)},this.handleMouseUp=()=>{this.isDragging=!1,this.activeHandle=null,document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp)}}handleValueChange(t){JSON.stringify(this.internalValue)!==JSON.stringify(t)&&(this.range&&Array.isArray(t)?this.internalValue=[this.clampValue(t[0]),this.clampValue(t[1])]:this.range||"number"!=typeof t||(this.internalValue=this.clampValue(t)),this.updateFormValue())}componentWillLoad(){this.initializeValue(),this.defaultValue=Array.isArray(this.internalValue)?[...this.internalValue]:this.internalValue}initializeValue(){this.internalValue=this.range&&!Array.isArray(this.value)?[this.min,this.max]:this.range||"number"!=typeof this.value?Array.isArray(this.value)?this.value:this.range?[this.min,this.max]:"number"==typeof this.value?this.value:this.min:this.value,this.updateFormValue()}async setValue(t){if(this.range&&Array.isArray(t)){const[i,s]=t;this.internalValue=[this.clampValue(i),this.clampValue(s)]}else this.range||"number"!=typeof t||(this.internalValue=this.clampValue(t));this.value=this.internalValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}async getValue(){return this.internalValue}formResetCallback(){this.internalValue=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.value=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}updateFormValue(){this.range&&Array.isArray(this.internalValue)?this.internals.setFormValue(JSON.stringify(this.internalValue)):this.internals.setFormValue(String(this.internalValue))}clampValue(t){let i=Math.max(this.min,Math.min(this.max,t));const s=Math.round((i-this.min)/this.step);return i=this.min+s*this.step,i}updateValueFromPosition(t,i){if(!this.sliderRef)return;const s=this.sliderRef.getBoundingClientRect();let e;e="horizontal"===this.orientation?(t-s.left)/s.width:1-(i-s.top)/s.height,e=Math.max(0,Math.min(1,e));const r=this.clampValue(this.min+e*(this.max-this.min));if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue;"min"===this.activeHandle?this.setValue([Math.min(r,i),i]):"max"===this.activeHandle?this.setValue([t,Math.max(r,t)]):Math.abs(r-t)<Math.abs(r-i)?(this.activeHandle="min",this.setValue([r,i])):(this.activeHandle="max",this.setValue([t,r]))}else this.setValue(r)}getHandlePosition(t){return(t-this.min)/(this.max-this.min)*100}getRangeStyle(){if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue,s=this.getHandlePosition(t),e=this.getHandlePosition(i);return"horizontal"===this.orientation?{left:`${s}%`,width:e-s+"%"}:{bottom:`${s}%`,height:e-s+"%"}}{const t=this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min);return"horizontal"===this.orientation?{left:"0%",width:`${t}%`}:{bottom:"0%",height:`${t}%`}}}renderErrorMessage(){if(this.error)return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){return{"spw-input-slider":!0,[`spw-input-slider--${this.orientation}`]:!0,"spw-input-slider--disabled":this.disabled,"spw-input-slider--dragging":this.isDragging,"spw-input-slider--is-error":!!this.error}}render(){const t=this.getRangeStyle();return s(e,{key:"aef06c3212830270a048c4120c29164338d2f824"},s("div",{key:"23db6a6b31ef6c91e7212ec7f8eec1b227bbaf99",class:this.elementClass},this.label&&s("spw-field-label",{key:"4cc30ee70d2be6e6458fdc222c6be7c052f9ecfe",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&s("spw-field-message",{key:"ce38a915c706d465474c1d8af14423a25ac2d7d2",class:"spw-input-slider__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"db4a33a1abe61a672b6077f0b4a5147ab9c53ef6",class:"spw-input-slider__container"},s("div",{key:"67de28a92b62493a4cc517b1fd86b64f3386e7b7",class:"spw-input-slider__track",ref:t=>this.sliderRef=t,onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null),"aria-label":this.accAriaLabel||this.name||this.label,role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":"number"==typeof this.internalValue?this.internalValue:void 0,"aria-disabled":this.disabled},s("div",{key:"16a1a7315a660132541c599f228381828d118355",class:"spw-input-slider__range",style:t}),this.range&&Array.isArray(this.internalValue)?[s("div",{key:"handle-min",class:"spw-input-slider__handle spw-input-slider__handle--min",style:"horizontal"===this.orientation?{left:`${this.getHandlePosition(this.internalValue[0])}%`}:{bottom:`${this.getHandlePosition(this.internalValue[0])}%`},onMouseDown:t=>this.handleMouseDown(t,"min"),onTouchStart:t=>this.handleMouseDown(t,"min")},this.hasTooltip&&s("div",{class:"spw-input-slider__tooltip"},this.internalValue[0])),s("div",{key:"handle-max",class:"spw-input-slider__handle spw-input-slider__handle--max",style:"horizontal"===this.orientation?{left:`${this.getHandlePosition(this.internalValue[1])}%`}:{bottom:`${this.getHandlePosition(this.internalValue[1])}%`},onMouseDown:t=>this.handleMouseDown(t,"max"),onTouchStart:t=>this.handleMouseDown(t,"max")},this.hasTooltip&&s("div",{class:"spw-input-slider__tooltip"},this.internalValue[1]))]:s("div",{class:"spw-input-slider__handle",style:"horizontal"===this.orientation?{left:`${this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)}%`}:{bottom:`${this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)}%`},onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null)},this.hasTooltip&&s("div",{class:"spw-input-slider__tooltip"},"number"==typeof this.internalValue?this.internalValue:this.min)))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage()))}static get formAssociated(){return!0}get el(){return r(this)}static get watchers(){return{value:[{handleValueChange: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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-input-slider{position:relative}.spw-input-slider__field-message{margin-bottom:8px;margin-top:-4px}.spw-input-slider__container{padding:10px 0;position:relative}.spw-input-slider--horizontal .spw-input-slider__container{width:100%;height:20px}.spw-input-slider--vertical .spw-input-slider__container{width:20px;height:300px}.spw-input-slider--disabled{opacity:0.5;cursor:not-allowed}.spw-input-slider--disabled .spw-input-slider__track,.spw-input-slider--disabled .spw-input-slider__handle{cursor:not-allowed}.spw-input-slider__track{position:relative;background-color:#d1d5db;border-radius:4px;cursor:pointer}.spw-input-slider--horizontal .spw-input-slider__track{height:4px;width:100%}.spw-input-slider--vertical .spw-input-slider__track{width:4px;height:100%}.spw-input-slider__range{position:absolute;background-color:var(--spw-ds-primary);border-radius:4px}.spw-input-slider--horizontal .spw-input-slider__range{height:100%}.spw-input-slider--vertical .spw-input-slider__range{width:100%}.spw-input-slider--is-error .spw-input-slider__range{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__handle{position:absolute;width:20px;height:20px;background-color:white;border:3px solid var(--spw-ds-primary);border-radius:50%;cursor:grab;transition:transform 0.1s ease, box-shadow 0.2s ease;z-index:2}.spw-input-slider--is-error .spw-input-slider__handle{border-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--horizontal .spw-input-slider__handle{top:50%;transform:translate(-50%, -50%)}.spw-input-slider--vertical .spw-input-slider__handle{left:50%;transform:translate(-50%, 50%)}.spw-input-slider__handle:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 0 0 8px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.1)}.spw-input-slider__handle:active,.spw-input-slider--dragging .spw-input-slider__handle{cursor:grabbing;transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 12px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.15)}.spw-input-slider--vertical .spw-input-slider__handle:hover{transform:translate(-50%, 50%) scale(1.1)}.spw-input-slider--vertical .spw-input-slider__handle:active,.spw-input-slider--vertical.spw-input-slider--dragging .spw-input-slider__handle{transform:translate(-50%, 50%) scale(1.15)}.spw-input-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:var(--spw-ds-primary);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:10}.spw-input-slider--is-error .spw-input-slider__tooltip{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider__tooltip::after{border-top-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--vertical .spw-input-slider__tooltip{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.spw-input-slider--vertical .spw-input-slider__tooltip::after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-left:none;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider--vertical .spw-input-slider__tooltip::after{border-right-color:var(--spw-colors-states-error-error-300)}';export{o as spw_input_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,a as n}from"./p-BvJ4Kko5.js";const o=class{constructor(e){t(this,e),this.gap="medium",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.surface}`;this.el.querySelectorAll("spw-list-item").forEach((e=>{e.classList.add(t),e.setAttribute("surface",this.surface)}))}))}get elementClass(){return{"spw-list":!0,[`spw-list--${this.gap}`]:!0}}render(){return e(i,{key:"
|
|
1
|
+
import{r as t,h as e,H as i,a as n}from"./p-BvJ4Kko5.js";const o=class{constructor(e){t(this,e),this.gap="medium",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.surface}`;this.el.querySelectorAll("spw-list-item").forEach((e=>{e.classList.add(t),e.setAttribute("surface",this.surface)}))}))}get elementClass(){return{"spw-list":!0,[`spw-list--${this.gap}`]:!0}}render(){return e(i,{key:"f0d761c29dcd8d941405051fe61ab5d34530a6ba"},e("ul",{key:"5bc5e5b4a6698383f77925db8115d7706389e61a",role:"list",class:this.elementClass},e("slot",{key:"47f63bb4ba132b5187c0c71456e83eea7e5f50f0"})))}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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list{display:flex;flex-direction:column}.spw-list--small{gap:12px}.spw-list--medium{gap:24px}.spw-list--large{gap:32px}";export{o as spw_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as o}from"./p-BvJ4Kko5.js";const i=class{constructor(t){e(this,t),this.mainTitle="Restez connecté"}render(){return t(o,{key:"
|
|
1
|
+
import{r as e,h as t,H as o}from"./p-BvJ4Kko5.js";const i=class{constructor(t){e(this,t),this.mainTitle="Restez connecté"}render(){return t(o,{key:"db6717f3f956e096ee63cd2664eb6b2421c295d1"},t("div",{key:"4154f8ff374bb0eb88cc44a5537cf1199c14f10f",class:"spw-socials"},t("div",{key:"3c22a4c8b30f15ad6cd14737b538a5430c0babeb",class:"spw-ds-container"},t("h2",{key:"f2d034530d90defe469185883d98c3a1ed8c364b",class:"spw-socials__title"},this.mainTitle),t("div",{key:"e569038b22f69448199c67aca4a8eb8844f5574c",class:"spw-socials__content"},t("slot",{key:"930e33211f97eea0fee624d1bff512f7e24a4366"})))))}};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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.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
|
|
1
|
+
import{r as t,h as e}from"./p-BvJ4Kko5.js";const n=class{constructor(e){t(this,e)}render(){return e("thead",{key:"bcf6e652ad90ca539067497316ce21faf5c9b97a",part:"thead"},e("slot",{key:"809253308d029c5979b28c8b426a53483f2912ae"}))}};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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}@media (max-width: 767px){:host{display:none}}";export{n as spw_table_head}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as o,a as s}from"./p-BvJ4Kko5.js";import{a as n,K as a}from"./p-BRFNx2DL.js";const l=class{constructor(e){t(this,e),this.spwLightboxOpen=i(this,"spwLightboxOpen",7),this.spwLightboxClose=i(this,"spwLightboxClose",7),this.closeButtonText="Fermer",this.closeOnBackdropClick=!0,this.showThumbnails=!0,this.textDialogLabel="Galerie d'images",this.textPrevious="Image précédente",this.textNext="Image suivante",this.textThumbnailsLabel="Miniatures",this.textThumbnailItem="Image {index}",this.opened=!1,this.activeIndex=0,this.items=[],this.previouslyFocusedElement=null,this.currentAnimation=null,this.swipeStartX=0,this.swipeStartY=0,this.isSwiping=!1,this.SWIPE_THRESHOLD=50,this.handleItemClick=t=>{var i;this.collectItems(),this.activeIndex=null!==(i=t.detail.index)&&void 0!==i?i:0,this.opened=!0},this.handleKeydown=t=>{if(this.opened)switch(t.key){case"Escape":this.doClose();break;case"ArrowRight":case"ArrowDown":t.preventDefault(),this.navigate(1);break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.navigate(-1)}},this.handleTouchStart=t=>{this.swipeStartX=t.touches[0].clientX,this.swipeStartY=t.touches[0].clientY,this.isSwiping=!0},this.handleTouchMove=t=>{if(!this.isSwiping)return;const i=t.touches[0].clientY-this.swipeStartY;Math.abs(t.touches[0].clientX-this.swipeStartX)>Math.abs(i)&&t.preventDefault()},this.handleTouchEnd=t=>{if(!this.isSwiping)return;const i=this.swipeStartX-t.changedTouches[0].clientX;Math.abs(i)>=this.SWIPE_THRESHOLD&&this.navigate(i>0?1:-1),this.isSwiping=!1}}componentDidLoad(){window.addEventListener("keydown",this.handleKeydown),this.hostElement.addEventListener("spwLightboxItemClick",this.handleItemClick),this.imageWrapperEl.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.imageWrapperEl.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),this.imageWrapperEl.addEventListener("touchend",this.handleTouchEnd)}disconnectedCallback(){var t,i,e;window.removeEventListener("keydown",this.handleKeydown),this.hostElement.removeEventListener("spwLightboxItemClick",this.handleItemClick),null===(t=this.imageWrapperEl)||void 0===t||t.removeEventListener("touchstart",this.handleTouchStart),null===(i=this.imageWrapperEl)||void 0===i||i.removeEventListener("touchmove",this.handleTouchMove),null===(e=this.imageWrapperEl)||void 0===e||e.removeEventListener("touchend",this.handleTouchEnd),document.body.style.overflow=""}async open(t=0){this.collectItems(),this.activeIndex=t,this.opened=!0}async close(){this.doClose()}onOpenedChange(t){t?this.onOpen():this.onClose()}collectItems(){const t=this.hostElement.querySelectorAll("spw-lightbox-item");this.items=Array.from(t).map((t=>({src:t.getAttribute("src")||"",alt:t.getAttribute("alt")||"",captionTitle:t.getAttribute("caption-title")||"",captionText:t.getAttribute("caption-text")||"",copyrightText:t.getAttribute("copyright-text")||"",copyrightIcon:t.getAttribute("copyright-icon")||"fa-copyright",copyrightIconVariant:t.getAttribute("copyright-icon-variant")||"fa-light",copyrightHref:t.getAttribute("copyright-href")||"",copyrightTarget:t.getAttribute("copyright-target")||"_blank"})))}cancelCurrentAnimation(){this.currentAnimation&&(this.currentAnimation.cancel(),this.currentAnimation=null)}scrollToActiveThumbnail(){if(!this.thumbnailsEl)return;const t=this.thumbnailsEl.querySelectorAll(".spw-lightbox__thumb")[this.activeIndex];null==t||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}onOpen(){var t;this.cancelCurrentAnimation(),this.previouslyFocusedElement=document.activeElement,document.body.style.overflow="hidden";try{this.currentAnimation=n(this.lightboxContainer,a.fadeIn,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}))}catch(i){this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}}onClose(){var t;this.cancelCurrentAnimation(),document.body.style.overflow="";try{this.currentAnimation=n(this.lightboxContainer,a.fadeOut,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}))}catch(i){this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}}doClose(){this.opened=!1}handleFocusTrap(t){var i,e;if(!this.opened||"Tab"!==t.key)return;const o=null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])');if(!o||0===o.length)return;const s=o[0],n=o[o.length-1],a=null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.activeElement;t.shiftKey?a===s&&(t.preventDefault(),null==n||n.focus()):a===n&&(t.preventDefault(),null==s||s.focus())}navigate(t){this.items.length<=1||(this.activeIndex=(this.activeIndex+t+this.items.length)%this.items.length)}onActiveIndexChange(){this.scrollToActiveThumbnail()}handleBackdropClick(){this.closeOnBackdropClick&&this.doClose()}get activeItem(){var t;return null!==(t=this.items[this.activeIndex])&&void 0!==t?t:null}render(){const{opened:t,activeItem:i,items:s,activeIndex:n}=this;return e(o,{key:"ee447572afd92dc3beee892587411363c67a015c"},e("div",{key:"ccf4a50fa2bbd887270d8434375094cdf440e444",inert:t||void 0},e("slot",{key:"b0bc791a2858a8b3084eea4a5de6bcc5d70b0088"})),e("div",{key:"02c0072b5d69f3845df0c4c5435a21208a272173",ref:t=>this.lightboxContainer=t,class:{"spw-lightbox":!0,"spw-lightbox--opened":t},role:"dialog","aria-modal":"true","aria-label":this.textDialogLabel},e("div",{key:"a6019c00071de36cda5dd91ef9ed0999e7beabb0",class:"spw-lightbox__backdrop",onClick:()=>this.handleBackdropClick(),"aria-hidden":"true"}),e("div",{key:"4c5b6a5e58bd5f1e20d4d020815db634ff44533e",class:"spw-lightbox__container"},e("div",{key:"7c7e03e28b42d01faa3fe364460a18898339832b",class:"spw-lightbox__toolbar"},e("span",{key:"4b3e30679ab8a5ffb282ed30785dfde9dae57f9f",class:"spw-lightbox__counter","aria-live":"polite"},s.length>0?`${n+1} / ${s.length}`:""),e("div",{key:"d4e8482fd4d6e181af18981335d71a55f6f7371a",ref:t=>this.closeButtonEl=t,class:"spw-lightbox__close",tabIndex:0,role:"button",onClick:()=>this.doClose(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.doClose()}},e("spw-link",{key:"6d07565b18f2189b7f162008454407d9c12acef8","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),e("div",{key:"f11729fe3e7fa2f2cab7938f05902dff3a73bd58",class:"spw-lightbox__stage"},s.length>1&&e("spw-button",{key:"1d6f68a9bb75f58a976874d7c06a81058069f73d",class:"spw-lightbox__nav spw-lightbox__nav--prev","is-icon-only":!0,icon:"fa-chevron-left","acc-aria-label":this.textPrevious,variant:"secondary",onClick:()=>this.navigate(-1)}),e("div",{key:"d41fbf33640ec6fcbb16a629b7c1a2a7268843e8",class:"spw-lightbox__image-wrapper",ref:t=>this.imageWrapperEl=t},i&&e("div",{key:"bf25df76addc9a19f69458436194e2be54ae6638",class:"spw-lightbox__image-frame"},e("img",{class:"spw-lightbox__image",src:i.src,alt:i.alt||"",key:i.src}),((null==i?void 0:i.captionTitle)||(null==i?void 0:i.captionText)||(null==i?void 0:i.copyrightText))&&e("div",{key:"67d96cd4d182be4f97a5a34629b721a1609d5d84",class:"spw-lightbox__caption","aria-live":"polite"},e("div",{key:"ac51aaa77dab568e4ccaf2444f7dbbb04e3b0124",class:"spw-lightbox__caption-content"},i.captionTitle&&e("strong",{key:"cce500670cbeafc61cbe41990e6025cd41de6270",class:"spw-lightbox__caption-title"},i.captionTitle),i.captionText&&e("span",{key:"811eadf98587038616aa3a2b5406517408b2ae76",class:"spw-lightbox__caption-text"},i.captionText)),i.copyrightText&&e("spw-tag",{key:"0d4b7180d415009222b43489716011e1df6681fa",size:"small","icon-variant":i.copyrightIconVariant,class:"spw-lightbox__copyright",icon:i.copyrightIcon,href:i.copyrightHref||void 0,target:i.copyrightHref?i.copyrightTarget:void 0},i.copyrightText)))),s.length>1&&e("spw-button",{key:"50cad0aa9deb9a3a14c6f1574e355016f91e9cb9",class:"spw-lightbox__nav spw-lightbox__nav--next","is-icon-only":!0,icon:"fa-chevron-right","acc-aria-label":this.textNext,variant:"secondary",onClick:()=>this.navigate(1)})),this.showThumbnails&&s.length>1&&e("div",{key:"0b292a4dcacd414d3b19d9232f40c35bca925898",class:"spw-lightbox__thumbnails",role:"tablist","aria-label":this.textThumbnailsLabel,ref:t=>this.thumbnailsEl=t},s.map(((t,i)=>e("button",{key:t.src,role:"tab",class:{"spw-lightbox__thumb":!0,"spw-lightbox__thumb--active":i===n},onClick:()=>this.activeIndex=i,"aria-selected":String(i===n),"aria-label":t.alt||this.textThumbnailItem.replace("{index}",String(i+1))},e("img",{src:t.src,alt:t.alt||"",loading:"lazy"}))))))))}get hostElement(){return s(this)}static get watchers(){return{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange:0}]}}};l.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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}:host>div:first-child{display:contents}.spw-lightbox{display:none;position:fixed;inset:0;z-index:1070;align-items:center;justify-content:center}.spw-lightbox--opened{display:flex}.spw-lightbox__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.68);backdrop-filter:blur(9.5px);cursor:pointer}.spw-lightbox__container{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1200px;height:100dvh;padding:0 16px 16px;box-sizing:border-box;gap:12px;pointer-events:none}.spw-lightbox__container>*{pointer-events:auto}.spw-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;color:#fff;pointer-events:none}.spw-lightbox__toolbar>*{pointer-events:auto}.spw-lightbox__counter{font-size:14px;opacity:0.8}.spw-lightbox__close{cursor:pointer;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;padding:3px 6px;border-radius:4px;outline:3px solid transparent}.spw-lightbox__close:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}.spw-lightbox__close spw-link{--spw-link-color:#fff;--spw-link-hover-color:#fff;--spw-link-active-color:#fff;--spw-link-wrap:nowrap;pointer-events:none}.spw-lightbox__stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;gap:12px;pointer-events:none}.spw-lightbox__stage>*{pointer-events:auto}@media (min-width: 1024px){.spw-lightbox__stage{gap:36px}}.spw-lightbox__image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}.spw-lightbox__image-frame{position:relative;display:inline-flex;max-width:100%;max-height:80vh;border-radius:16px;overflow:hidden}.spw-lightbox__image{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;border-radius:16px}.spw-lightbox__nav{flex-shrink:0}@media (max-width: 767px){.spw-lightbox__nav{display:none}}.spw-lightbox__caption{position:absolute;bottom:0;left:0;width:100%;padding:24px;padding-top:10%;box-sizing:border-box;background:linear-gradient(to bottom, transparent, rgb(0, 0, 0));display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;border-radius:0 0 4px 4px}.spw-lightbox__caption-content{display:flex;flex-direction:column;gap:4px;min-width:0}.spw-lightbox__caption-title{display:block;color:#fff;font-size:16px;font-weight:700;line-height:1.3}.spw-lightbox__caption-text{display:block;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5}.spw-lightbox__copyright{flex-shrink:0;pointer-events:all}.spw-lightbox__thumbnails{display:flex;justify-content:safe center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px;scrollbar-width:none;pointer-events:none}.spw-lightbox__thumbnails>*{pointer-events:auto}.spw-lightbox__thumbnails::-webkit-scrollbar{display:none}.spw-lightbox__thumb{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;transition:border-color 0.15s, opacity 0.15s;opacity:0.5;flex-shrink:0}.spw-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}.spw-lightbox__thumb--active{border-color:#fff;opacity:1}.spw-lightbox__thumb:hover{opacity:0.85}.spw-lightbox__thumb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}";export{l as spw_lightbox}
|
|
1
|
+
import{r as t,c as i,h as e,H as o,a as s}from"./p-BvJ4Kko5.js";import{a as n,K as a}from"./p-BRFNx2DL.js";const l=class{constructor(e){t(this,e),this.spwLightboxOpen=i(this,"spwLightboxOpen",7),this.spwLightboxClose=i(this,"spwLightboxClose",7),this.closeButtonText="Fermer",this.closeOnBackdropClick=!0,this.showThumbnails=!0,this.textDialogLabel="Galerie d'images",this.textPrevious="Image précédente",this.textNext="Image suivante",this.textThumbnailsLabel="Miniatures",this.textThumbnailItem="Image {index}",this.opened=!1,this.activeIndex=0,this.items=[],this.previouslyFocusedElement=null,this.currentAnimation=null,this.swipeStartX=0,this.swipeStartY=0,this.isSwiping=!1,this.SWIPE_THRESHOLD=50,this.handleItemClick=t=>{var i;this.collectItems(),this.activeIndex=null!==(i=t.detail.index)&&void 0!==i?i:0,this.opened=!0},this.handleKeydown=t=>{if(this.opened)switch(t.key){case"Escape":this.doClose();break;case"ArrowRight":case"ArrowDown":t.preventDefault(),this.navigate(1);break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.navigate(-1)}},this.handleTouchStart=t=>{this.swipeStartX=t.touches[0].clientX,this.swipeStartY=t.touches[0].clientY,this.isSwiping=!0},this.handleTouchMove=t=>{if(!this.isSwiping)return;const i=t.touches[0].clientY-this.swipeStartY;Math.abs(t.touches[0].clientX-this.swipeStartX)>Math.abs(i)&&t.preventDefault()},this.handleTouchEnd=t=>{if(!this.isSwiping)return;const i=this.swipeStartX-t.changedTouches[0].clientX;Math.abs(i)>=this.SWIPE_THRESHOLD&&this.navigate(i>0?1:-1),this.isSwiping=!1}}componentDidLoad(){window.addEventListener("keydown",this.handleKeydown),this.hostElement.addEventListener("spwLightboxItemClick",this.handleItemClick),this.imageWrapperEl.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.imageWrapperEl.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),this.imageWrapperEl.addEventListener("touchend",this.handleTouchEnd)}disconnectedCallback(){var t,i,e;window.removeEventListener("keydown",this.handleKeydown),this.hostElement.removeEventListener("spwLightboxItemClick",this.handleItemClick),null===(t=this.imageWrapperEl)||void 0===t||t.removeEventListener("touchstart",this.handleTouchStart),null===(i=this.imageWrapperEl)||void 0===i||i.removeEventListener("touchmove",this.handleTouchMove),null===(e=this.imageWrapperEl)||void 0===e||e.removeEventListener("touchend",this.handleTouchEnd),document.body.style.overflow=""}async open(t=0){this.collectItems(),this.activeIndex=t,this.opened=!0}async close(){this.doClose()}onOpenedChange(t){t?this.onOpen():this.onClose()}collectItems(){const t=this.hostElement.querySelectorAll("spw-lightbox-item");this.items=Array.from(t).map((t=>({src:t.getAttribute("src")||"",alt:t.getAttribute("alt")||"",captionTitle:t.getAttribute("caption-title")||"",captionText:t.getAttribute("caption-text")||"",copyrightText:t.getAttribute("copyright-text")||"",copyrightIcon:t.getAttribute("copyright-icon")||"fa-copyright",copyrightIconVariant:t.getAttribute("copyright-icon-variant")||"fa-light",copyrightHref:t.getAttribute("copyright-href")||"",copyrightTarget:t.getAttribute("copyright-target")||"_blank"})))}cancelCurrentAnimation(){this.currentAnimation&&(this.currentAnimation.cancel(),this.currentAnimation=null)}scrollToActiveThumbnail(){if(!this.thumbnailsEl)return;const t=this.thumbnailsEl.querySelectorAll(".spw-lightbox__thumb")[this.activeIndex];null==t||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}onOpen(){var t;this.cancelCurrentAnimation(),this.previouslyFocusedElement=document.activeElement,document.body.style.overflow="hidden";try{this.currentAnimation=n(this.lightboxContainer,a.fadeIn,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}))}catch(i){this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}}onClose(){var t;this.cancelCurrentAnimation(),document.body.style.overflow="";try{this.currentAnimation=n(this.lightboxContainer,a.fadeOut,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}))}catch(i){this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}}doClose(){this.opened=!1}handleFocusTrap(t){var i,e;if(!this.opened||"Tab"!==t.key)return;const o=null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])');if(!o||0===o.length)return;const s=o[0],n=o[o.length-1],a=null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.activeElement;t.shiftKey?a===s&&(t.preventDefault(),null==n||n.focus()):a===n&&(t.preventDefault(),null==s||s.focus())}navigate(t){this.items.length<=1||(this.activeIndex=(this.activeIndex+t+this.items.length)%this.items.length)}onActiveIndexChange(){this.scrollToActiveThumbnail()}handleBackdropClick(){this.closeOnBackdropClick&&this.doClose()}get activeItem(){var t;return null!==(t=this.items[this.activeIndex])&&void 0!==t?t:null}render(){const{opened:t,activeItem:i,items:s,activeIndex:n}=this;return e(o,{key:"abc234b600e09d3d5e37779d35f23343df01c918"},e("div",{key:"6657c6faae953f97c09e999f7a6036bfa0dbb0fd",inert:t||void 0},e("slot",{key:"061101ace7cecc154e617ab50a7d44a240436cc4"})),e("div",{key:"433ef70c4eb86951d0b3907d1cde807594acf40b",ref:t=>this.lightboxContainer=t,class:{"spw-lightbox":!0,"spw-lightbox--opened":t},role:"dialog","aria-modal":"true","aria-label":this.textDialogLabel},e("div",{key:"154248164e28fd9c726aa3a6582d0726f390aa62",class:"spw-lightbox__backdrop",onClick:()=>this.handleBackdropClick(),"aria-hidden":"true"}),e("div",{key:"4f70b9589c5e78685b667dbdda1d4581fd8dad11",class:"spw-lightbox__container"},e("div",{key:"ec59ccae09faaa9845ab65ad184645018442c215",class:"spw-lightbox__toolbar"},e("span",{key:"f0f135ef2c553256e741ad32b11da0257a5436a6",class:"spw-lightbox__counter","aria-live":"polite"},s.length>0?`${n+1} / ${s.length}`:""),e("div",{key:"4e6d451fb01b36c5ae5b9efb6516dd856311c888",ref:t=>this.closeButtonEl=t,class:"spw-lightbox__close",tabIndex:0,role:"button",onClick:()=>this.doClose(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.doClose()}},e("spw-link",{key:"4817278c8bdade56a340bb4c18b60d194b2c99d7","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),e("div",{key:"613c3cb8e491e0112e2e9ac6bbf867c5f5d9c4b9",class:"spw-lightbox__stage"},s.length>1&&e("spw-button",{key:"1a9765fa1c715f8aba10f23fd5c175e5c367db44",class:"spw-lightbox__nav spw-lightbox__nav--prev","is-icon-only":!0,icon:"fa-chevron-left","acc-aria-label":this.textPrevious,variant:"secondary",onClick:()=>this.navigate(-1)}),e("div",{key:"ade43ad0a877fb87e089e7cb824c52a517833eb3",class:"spw-lightbox__image-wrapper",ref:t=>this.imageWrapperEl=t},i&&e("div",{key:"2e6e36b4eded34277c368d587226e031e4c87ec5",class:"spw-lightbox__image-frame"},e("img",{class:"spw-lightbox__image",src:i.src,alt:i.alt||"",key:i.src}),((null==i?void 0:i.captionTitle)||(null==i?void 0:i.captionText)||(null==i?void 0:i.copyrightText))&&e("div",{key:"b9a6e7249e8fe88233e48c7af83e0779911fca43",class:"spw-lightbox__caption","aria-live":"polite"},e("div",{key:"419860cb7b290233496aef849a783b673d87a7df",class:"spw-lightbox__caption-content"},i.captionTitle&&e("strong",{key:"f862d8a5a98a8da511fbaf7b1fe4b30283df2ee1",class:"spw-lightbox__caption-title"},i.captionTitle),i.captionText&&e("span",{key:"7b5adb2375e9fe815fcf50a854b71f7f214f52d6",class:"spw-lightbox__caption-text"},i.captionText)),i.copyrightText&&e("spw-tag",{key:"f5206abefcaf73d1483f9cef173d8ee01c6b3ab5",size:"small","icon-variant":i.copyrightIconVariant,class:"spw-lightbox__copyright",icon:i.copyrightIcon,href:i.copyrightHref||void 0,target:i.copyrightHref?i.copyrightTarget:void 0},i.copyrightText)))),s.length>1&&e("spw-button",{key:"f9bf7db26386b749281b21c95af273ad210cada4",class:"spw-lightbox__nav spw-lightbox__nav--next","is-icon-only":!0,icon:"fa-chevron-right","acc-aria-label":this.textNext,variant:"secondary",onClick:()=>this.navigate(1)})),this.showThumbnails&&s.length>1&&e("div",{key:"1ea2bb1c95e66f37bc53460823aece1fe8c7cfe0",class:"spw-lightbox__thumbnails",role:"tablist","aria-label":this.textThumbnailsLabel,ref:t=>this.thumbnailsEl=t},s.map(((t,i)=>e("button",{key:t.src,role:"tab",class:{"spw-lightbox__thumb":!0,"spw-lightbox__thumb--active":i===n},onClick:()=>this.activeIndex=i,"aria-selected":String(i===n),"aria-label":t.alt||this.textThumbnailItem.replace("{index}",String(i+1))},e("img",{src:t.src,alt:t.alt||"",loading:"lazy"}))))))))}get hostElement(){return s(this)}static get watchers(){return{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange:0}]}}};l.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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}:host>div:first-child{display:contents}.spw-lightbox{display:none;position:fixed;inset:0;z-index:1070;align-items:center;justify-content:center}.spw-lightbox--opened{display:flex}.spw-lightbox__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.68);backdrop-filter:blur(9.5px);cursor:pointer}.spw-lightbox__container{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1200px;height:100dvh;padding:0 16px 16px;box-sizing:border-box;gap:12px;pointer-events:none}.spw-lightbox__container>*{pointer-events:auto}.spw-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;color:#fff;pointer-events:none}.spw-lightbox__toolbar>*{pointer-events:auto}.spw-lightbox__counter{font-size:14px;opacity:0.8}.spw-lightbox__close{cursor:pointer;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;padding:3px 6px;border-radius:4px;outline:3px solid transparent}.spw-lightbox__close:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}.spw-lightbox__close spw-link{--spw-link-color:#fff;--spw-link-hover-color:#fff;--spw-link-active-color:#fff;--spw-link-wrap:nowrap;pointer-events:none}.spw-lightbox__stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;gap:12px;pointer-events:none}.spw-lightbox__stage>*{pointer-events:auto}@media (min-width: 1024px){.spw-lightbox__stage{gap:36px}}.spw-lightbox__image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}.spw-lightbox__image-frame{position:relative;display:inline-flex;max-width:100%;max-height:80vh;border-radius:16px;overflow:hidden}.spw-lightbox__image{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;border-radius:16px}.spw-lightbox__nav{flex-shrink:0}@media (max-width: 767px){.spw-lightbox__nav{display:none}}.spw-lightbox__caption{position:absolute;bottom:0;left:0;width:100%;padding:24px;padding-top:10%;box-sizing:border-box;background:linear-gradient(to bottom, transparent, rgb(0, 0, 0));display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;border-radius:0 0 4px 4px}.spw-lightbox__caption-content{display:flex;flex-direction:column;gap:4px;min-width:0}.spw-lightbox__caption-title{display:block;color:#fff;font-size:16px;font-weight:700;line-height:1.3}.spw-lightbox__caption-text{display:block;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5}.spw-lightbox__copyright{flex-shrink:0;pointer-events:all}.spw-lightbox__thumbnails{display:flex;justify-content:safe center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px;scrollbar-width:none;pointer-events:none}.spw-lightbox__thumbnails>*{pointer-events:auto}.spw-lightbox__thumbnails::-webkit-scrollbar{display:none}.spw-lightbox__thumb{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;transition:border-color 0.15s, opacity 0.15s;opacity:0.5;flex-shrink:0}.spw-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}.spw-lightbox__thumb--active{border-color:#fff;opacity:1}.spw-lightbox__thumb:hover{opacity:0.85}.spw-lightbox__thumb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}";export{l as spw_lightbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as i,a}from"./p-BvJ4Kko5.js";const o=class{constructor(s){e(this,s),this.sidebarReset=t(this,"sidebarReset",7),this.defaultExpanded=!0,this.sidebarTitle="Filtres",this.sidebarIcon="fa-filter",this.sidebarWidth=260,this.hasReset=!0,this.resetIcon="fa-arrow-rotate-left",this.toggleSidebar=()=>{this.expanded=!this.expanded},this.handleReset=e=>{e.stopPropagation(),this.sidebarReset.emit()}}componentWillLoad(){this.expanded=this.defaultExpanded}componentDidLoad(){setTimeout((()=>{this.observeTableHeight()}),0)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.mutationObserver&&this.mutationObserver.disconnect(),this.debounceTimer&&clearTimeout(this.debounceTimer)}calculateTotalHeight(){const e=this.findSpwTable();if(!e)return 0;const t=e.shadowRoot;if(!t)return e.offsetHeight;const s=t.querySelector(".spw-table-container");let i=s?s.offsetHeight:0;const a=t.querySelector(".spw-table-resize-handle");a&&(i+=a.offsetHeight);const o=e.querySelector('[slot="table-footer"]');return o&&o instanceof HTMLElement&&(i+=o.offsetHeight),i}observeTableHeight(){const e=this.findSpwTable();if(!e)return;const t=()=>{const e=this.calculateTotalHeight();e>0&&(this.observedHeight=e)};this.resizeObserver=new ResizeObserver((()=>{t()})),this.resizeObserver.observe(e),this.mutationObserver=new MutationObserver((()=>{this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{t()}),50)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),e.shadowRoot&&new MutationObserver((()=>{t()})).observe(e.shadowRoot,{childList:!0,subtree:!0,attributes:!0}),t()}findSpwTable(){const e=this.el.parentElement;return e&&"spw-table-container"===e.tagName.toLowerCase()?e.querySelector("spw-table"):null}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-table-sidebar":!0,"spw-table-sidebar--expanded":this.expanded,"spw-table-sidebar--collapsed":!this.expanded}}render(){const e=Object.assign(Object.assign({},void 0!==this.observedHeight&&{height:`${this.observedHeight}px`}),{"--spw-table-sidebar-width":`${this.sidebarWidth}px`});return s(i,{key:"
|
|
1
|
+
import{r as e,c as t,h as s,H as i,a}from"./p-BvJ4Kko5.js";const o=class{constructor(s){e(this,s),this.sidebarReset=t(this,"sidebarReset",7),this.defaultExpanded=!0,this.sidebarTitle="Filtres",this.sidebarIcon="fa-filter",this.sidebarWidth=260,this.hasReset=!0,this.resetIcon="fa-arrow-rotate-left",this.toggleSidebar=()=>{this.expanded=!this.expanded},this.handleReset=e=>{e.stopPropagation(),this.sidebarReset.emit()}}componentWillLoad(){this.expanded=this.defaultExpanded}componentDidLoad(){setTimeout((()=>{this.observeTableHeight()}),0)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.mutationObserver&&this.mutationObserver.disconnect(),this.debounceTimer&&clearTimeout(this.debounceTimer)}calculateTotalHeight(){const e=this.findSpwTable();if(!e)return 0;const t=e.shadowRoot;if(!t)return e.offsetHeight;const s=t.querySelector(".spw-table-container");let i=s?s.offsetHeight:0;const a=t.querySelector(".spw-table-resize-handle");a&&(i+=a.offsetHeight);const o=e.querySelector('[slot="table-footer"]');return o&&o instanceof HTMLElement&&(i+=o.offsetHeight),i}observeTableHeight(){const e=this.findSpwTable();if(!e)return;const t=()=>{const e=this.calculateTotalHeight();e>0&&(this.observedHeight=e)};this.resizeObserver=new ResizeObserver((()=>{t()})),this.resizeObserver.observe(e),this.mutationObserver=new MutationObserver((()=>{this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{t()}),50)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),e.shadowRoot&&new MutationObserver((()=>{t()})).observe(e.shadowRoot,{childList:!0,subtree:!0,attributes:!0}),t()}findSpwTable(){const e=this.el.parentElement;return e&&"spw-table-container"===e.tagName.toLowerCase()?e.querySelector("spw-table"):null}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-table-sidebar":!0,"spw-table-sidebar--expanded":this.expanded,"spw-table-sidebar--collapsed":!this.expanded}}render(){const e=Object.assign(Object.assign({},void 0!==this.observedHeight&&{height:`${this.observedHeight}px`}),{"--spw-table-sidebar-width":`${this.sidebarWidth}px`});return s(i,{key:"b8b4b59f8ddff138601e3723ab3b96919807bb8c",style:e,class:this.hostClass},s("nav",{key:"069e5baf3dce00f9c45c7943f8f6e588e79c3fe6",class:this.elementClass},s("span",{key:"5229c33d65e6bc1c08e4d1e3b0f8afc6d24a7431",class:"spw-table-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":this.expanded.toString()},s("spw-icon",{key:"a50c05d8561210ef66026395e26e3cbaa506e77e",icon:"fa-chevron-left"})),s("div",{key:"efb6cae5e348f52f026db07f6381d1f8785e85af",class:"spw-table-sidebar__mini",onClick:this.toggleSidebar},s("spw-icon",{key:"3cea2ba602cc1757f4abcbfc2628ad19f521d4dd",icon:this.sidebarIcon,variant:"fa-regular"})),s("div",{key:"23dccad9d9cf67ad86580fa1b9cb1b52e004be20",class:"spw-table-sidebar__content"},s("div",{key:"aba8097d393fc7cefce1bcf1666403104a6b67c5",class:"spw-table-sidebar__header"},s("span",{key:"b5e89956cc8d101c938073d311ba2bd742b8dde8",class:"spw-table-sidebar__header-title"},s("spw-icon",{key:"3277432f0fac70bd812714423c880c43026c19fd",icon:this.sidebarIcon,variant:"fa-regular"})," ",this.sidebarTitle),this.hasReset&&s("spw-button",{key:"2244b989d733aa649d7d74d26fd548338c365d28",class:"spw-table-sidebar__header-reset",onClick:this.handleReset,type:"button",variant:"secondary",size:"small",isIconOnly:!0,icon:this.resetIcon})),s("div",{key:"cac5fd1d25cc788ebb52997b2c244f554b8ed1aa",class:"spw-table-sidebar__scrollable-content"},s("slot",{key:"cad3dfe8b3fe8d41286d0891b7a8a3fe233def05"})),s("div",{key:"ca8b941d16b2725f53dfb7099f40fda72a7901b6",class:"spw-table-sidebar__footer"},s("slot",{key:"d7dba20a95384af715ef218ceba8b77bd5f86d84",name:"sidebar-footer"})))))}get el(){return a(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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative}.spw-table-sidebar{width:200px;height:100%;background:white;border:1px solid var(--spw-color-themes-grey-grey-300);border-right:0;z-index:99;transition:width 0.2s ease;display:flex;flex-direction:column;position:relative}.spw-table-sidebar__toggle{position:absolute;right:0;top:36px;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-table-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-table-sidebar--expanded .spw-table-sidebar__toggle spw-icon{transform:rotate(0deg)}.spw-table-sidebar--collapsed .spw-table-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-table-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}.spw-table-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-table-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table-sidebar--collapsed .spw-table-sidebar__content{display:none}.spw-table-sidebar__mini{padding:16px 0;text-align:center;display:none}.spw-table-sidebar--collapsed .spw-table-sidebar__mini{display:block}.spw-table-sidebar__mini spw-icon{cursor:pointer}.spw-table-sidebar--expanded{width:var(--spw-table-sidebar-width)}.spw-table-sidebar--collapsed{width:50px}.spw-table-sidebar__header,.spw-table-sidebar__footer{padding:16px;position:sticky;background:var(--spw-ds-white);z-index:10}.spw-table-sidebar__header{top:0;padding-bottom:16px;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);display:flex;align-items:center;justify-content:space-between;gap:8px}.spw-table-sidebar__header-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.spw-table-sidebar__header-reset{flex-shrink:0}.spw-table-sidebar__footer{bottom:0;padding-top:16px;border-top:1px solid var(--spw-color-themes-grey-grey-200)}.spw-table-sidebar__scrollable-content{padding:16px;flex:1}";export{o as spw_table_sidebar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,a as s}from"./p-BvJ4Kko5.js";const n=class{constructor(i){e(this,i),this.valueChanged=t(this,"valueChanged",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.type="text",this.label="",this.isSearch=!1,this.isClear=!1,this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.accAriaLabelIncrement="Incrémenter",this.accAriaLabelDecrement="Décrémenter",this.hasControls=!0,this.hasSubmitButton=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isClearIconVisible=!1}async setFocus(){var e;null===(e=this.inputElement)||void 0===e||e.focus()}valueChangedHandler(e){this.setValue(this.normalizeDecimalSeparator(null!=e?String(e):""))}async setValue(e){const t=this.mask?this.applyMask(e):e;if(this.inputElement&&this.inputElement.value!==t&&(this.inputElement.value=t),this.value===t)return;this.value=t;const i=this.getTypedValue(t);this.internals.setFormValue(i?String(i):null),this.isClearIconVisible=this.isClear&&!!t,this.valueChanged.emit(i)}getTypedValue(e){return e?"number"!==this.type||isNaN(Number(e))?e:Number(e):""}componentDidLoad(){const e=this.normalizeDecimalSeparator(null!=this.value?String(this.value):"");this.defaultValue=e,this.inputElement&&(this.inputElement.value=e);const t=this.getTypedValue(e);this.internals.setFormValue(t?String(t):null),this.isClearIconVisible=this.isClear&&!!e}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}handleInput(e){this.setValue(e.target.value)}handleClear(){this.setValue("")}handleKeyDown(e){var t,i,s,n,r;if("Enter"===e.key&&this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit()),"number"===this.type&&null!=this.decimalPrecision){const o=this.inputElement,a=null!==(t=null==o?void 0:o.value)&&void 0!==t?t:"",l=e.key;if(["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Tab","Enter","Home","End"].includes(l))return;if(e.ctrlKey||e.metaKey)return;if(","===l||"."===l){if(e.preventDefault(),!a.includes(".")){const e=null!==(i=o.selectionStart)&&void 0!==i?i:a.length,t=null!==(s=o.selectionEnd)&&void 0!==s?s:a.length,n=a.slice(0,e)+"."+a.slice(t);o.value=n,o.setSelectionRange(e+1,e+1),this.setValue(n)}return}if("-"===l)return void((0!==o.selectionStart||a.includes("-"))&&e.preventDefault());if(!/^[0-9]$/.test(l))return void e.preventDefault();const d=a.indexOf(".");if(-1!==d){const t=null!==(n=null==o?void 0:o.selectionStart)&&void 0!==n?n:a.length,i=(null!==(r=null==o?void 0:o.selectionEnd)&&void 0!==r?r:a.length)-t,s=a.slice(d+1);t>d&&s.length-i>=this.decimalPrecision&&e.preventDefault()}}}handleSubmit(){const e=this.el.closest("form");e&&e.requestSubmit()}normalizeDecimalSeparator(e){return"number"===this.type&&null!=this.decimalPrecision?e.replace(",","."):e}roundToPrecision(e){if(null==this.decimalPrecision)return e;const t=Math.pow(10,this.decimalPrecision);return Math.round(e*t)/t}getCurrentNumericValue(){var e,t,i,s;const n=null!=this.decimalPrecision?null!==(t=null===(e=this.inputElement)||void 0===e?void 0:e.value)&&void 0!==t?t:String(null!==(i=this.value)&&void 0!==i?i:""):String(null!==(s=this.value)&&void 0!==s?s:""),r=Number(n);return isNaN(r)?0:r}increment(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()+t);null!=this.max&&i>this.max&&(i=this.max),this.setValue(String(i))}decrement(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()-t);null!=this.min&&i<this.min&&(i=this.min),this.setValue(String(i))}unmask(e){return e?e.replace("number"===this.type?/[^0-9.,\-]/g:/[^0-9A-Za-z]/g,""):""}matchesPlaceholder(e,t){switch(t){case"9":return/[0-9]/.test(e);case"A":case"a":return/[A-Za-z]/.test(e);case"X":return/[0-9A-Za-z]/.test(e);default:return!1}}transformForPlaceholder(e,t){return"A"===t?e.toUpperCase():e}applyMask(e){if(!this.mask)return e;const t=this.unmask(e).split("");let i=0,s="";for(let e=0;e<this.mask.length;e++){const n=this.mask[e];if(["9","A","a","X"].includes(n)){for(;i<t.length&&!this.matchesPlaceholder(t[i],n);)i++;if(i>=t.length)break;s+=this.transformForPlaceholder(t[i],n),i++}else{if(i>=t.length)break;s+=n}}return s}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){const e="number"===this.type;return{"spw-text-field":!0,[`spw-text-field--${this.size}`]:!0,"spw-text-field--is-search":this.isSearch,"spw-text-field--is-error":!!this.error,"spw-text-field--is-clear":this.isClearIconVisible,"spw-text-field--is-number":e,"spw-text-field--has-controls":e&&this.hasControls,"spw-text-field--has-submit-button":this.hasSubmitButton,"spw-text-field--disabled":this.disabled}}render(){return i("div",{key:"1a909aece29dbbf043b7df0460f5d8537216f1c5",class:this.elementClass},this.label&&i("spw-field-label",{key:"f2ea58d0ee889f0f79c03287658988b9826e8a61",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&i("spw-field-message",{key:"f9df3ea11a33d8ac48c159dd384595f8f1d60318",class:"spw-text-field__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"4952003f7003b658b8f84ae545c4aa695e589738",class:"spw-text-field__container"},"number"===this.type&&this.hasControls&&i("button",{key:"d93ec9ddb78b6ab67e965c8ce807a130007aba82",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--decrement",onClick:()=>this.decrement(),disabled:this.disabled||null!=this.min&&Number(this.value)<=this.min,"aria-label":this.accAriaLabelDecrement},i("spw-icon",{key:"d7b74ad8ffdaadcd6b9ee302013b723b1454c8da",icon:"fa-minus"})),i("div",{key:"462ee87a24ef7cc69261f4dd1ea2accf54df790c",class:"spw-text-field__input-container"},i("input",{key:"d7ad8f51e8d0475029655283195edf254991ee20",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:"number"===this.type&&null!=this.decimalPrecision?"text":this.type,inputMode:"number"===this.type&&null!=this.decimalPrecision?"decimal":void 0,min:"number"===this.type&&null==this.decimalPrecision?this.min:void 0,max:"number"===this.type&&null==this.decimalPrecision?this.max:void 0,step:"number"===this.type&&null==this.decimalPrecision?this.step:void 0,placeholder:this.placeholder,"aria-label":this.accAriaLabel||this.name,disabled:this.disabled,name:this.name,id:this.name,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e)}),(this.isSearch||this.isClearIconVisible)&&i("div",{key:"91d8d1b92c8487325e17c7b311ae60ad57b5fed0",class:"spw-text-field__icons"},this.isClearIconVisible&&i("span",{key:"cec98dd049320cfe3b5ca5a0749249b216a0ecd4",class:"spw-text-field__clear",onClick:()=>this.handleClear()},i("spw-icon",{key:"60b0bc0835f5da1e81dddbd3e815e7eb55675cc0",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&!this.hasSubmitButton&&i("spw-icon",{key:"7f040bda49db2936f123d81052ffc7aa18d4f2e1",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}),this.hasSubmitButton&&i("button",{key:"119c076cc684f30810c290d71698c96fcec6be93",type:"button",class:"spw-text-field__submit",onClick:()=>this.handleSubmit(),"aria-label":"Rechercher"},i("spw-icon",{key:"35f6011eb271494f4cfb0f1e848f2ffa1aa68caa",icon:"fa-magnifying-glass"})))),"number"===this.type&&this.hasControls&&i("button",{key:"ab7e685d644bf96c3303ae19a58983b42e083bdb",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--increment",onClick:()=>this.increment(),disabled:this.disabled||null!=this.max&&Number(this.value)>=this.max,"aria-label":this.accAriaLabelIncrement},i("spw-icon",{key:"c36d63825077dc9ee4ccec5c1dc77caef30e92e2",icon:"fa-plus"})),this.indicator&&i("div",{key:"2a5fb89e27a1177f5a4830f3e1b22e7ca8ff3d44",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return s(this)}static get watchers(){return{value:[{valueChangedHandler:0}]}}};n.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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.spw-text-field{position:relative}.spw-text-field__input-container{flex:1;position:relative;display:flex}.spw-text-field__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-text-field__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;margin:0}.spw-text-field__input[type=number]::-webkit-outer-spin-button,.spw-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:hover,.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;padding:0 24px;line-height:60px}.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{display:flex;align-items:center}.spw-text-field__indicator{padding-left:12px}.spw-text-field__field-message{margin-bottom:8px;margin-top:-4px}.spw-text-field__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-text-field__clear:hover{color:var(--spw-ds-primary)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{pointer-events:none;font-size:18px}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-text-field__submit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:all 0.2s ease;color:var(--spw-input-icon-search-color);font-size:18px}.spw-text-field__submit:focus,.spw-text-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-text-field--large .spw-text-field__submit{width:36px;height:36px;font-size:24px}.spw-text-field--disabled .spw-text-field__submit{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__number-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--spw-input-height);height:var(--spw-input-height);padding:0;border:1px solid var(--spw-input-border);background:var(--spw-color-themes-grey-grey-100);cursor:pointer;transition:all 0.2s ease-in-out;color:var(--spw-color-themes-grey-grey-900);font-size:14px}.spw-text-field__number-btn--decrement{border-radius:var(--spw-input-radius) 0 0 var(--spw-input-radius);border-right:none}.spw-text-field__number-btn--increment{border-radius:0 var(--spw-input-radius) var(--spw-input-radius) 0;border-left:none}.spw-text-field__number-btn:hover:not(:disabled){background:var(--spw-color-themes-grey-grey-200)}.spw-text-field__number-btn:focus,.spw-text-field__number-btn:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black;z-index:1}.spw-text-field__number-btn:disabled{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100)}.spw-text-field--large .spw-text-field__number-btn{width:60px;height:60px;font-size:18px}.spw-text-field--has-controls .spw-text-field__input{border-radius:0;border-left:none;border-right:none;text-align:center}';export{n as spw_text_field}
|
|
1
|
+
import{r as e,c as t,h as i,a as s}from"./p-BvJ4Kko5.js";const n=class{constructor(i){e(this,i),this.valueChanged=t(this,"valueChanged",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.type="text",this.label="",this.isSearch=!1,this.isClear=!1,this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.accAriaLabelIncrement="Incrémenter",this.accAriaLabelDecrement="Décrémenter",this.hasControls=!0,this.hasSubmitButton=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isClearIconVisible=!1}async setFocus(){var e;null===(e=this.inputElement)||void 0===e||e.focus()}valueChangedHandler(e){this.setValue(this.normalizeDecimalSeparator(null!=e?String(e):""))}async setValue(e){const t=this.mask?this.applyMask(e):e;if(this.inputElement&&this.inputElement.value!==t&&(this.inputElement.value=t),this.value===t)return;this.value=t;const i=this.getTypedValue(t);this.internals.setFormValue(i?String(i):null),this.isClearIconVisible=this.isClear&&!!t,this.valueChanged.emit(i)}getTypedValue(e){return e?"number"!==this.type||isNaN(Number(e))?e:Number(e):""}componentDidLoad(){const e=this.normalizeDecimalSeparator(null!=this.value?String(this.value):"");this.defaultValue=e,this.inputElement&&(this.inputElement.value=e);const t=this.getTypedValue(e);this.internals.setFormValue(t?String(t):null),this.isClearIconVisible=this.isClear&&!!e}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}handleInput(e){this.setValue(e.target.value)}handleClear(){this.setValue("")}handleKeyDown(e){var t,i,s,n,r;if("Enter"===e.key&&this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit()),"number"===this.type&&null!=this.decimalPrecision){const o=this.inputElement,a=null!==(t=null==o?void 0:o.value)&&void 0!==t?t:"",l=e.key;if(["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Tab","Enter","Home","End"].includes(l))return;if(e.ctrlKey||e.metaKey)return;if(","===l||"."===l){if(e.preventDefault(),!a.includes(".")){const e=null!==(i=o.selectionStart)&&void 0!==i?i:a.length,t=null!==(s=o.selectionEnd)&&void 0!==s?s:a.length,n=a.slice(0,e)+"."+a.slice(t);o.value=n,o.setSelectionRange(e+1,e+1),this.setValue(n)}return}if("-"===l)return void((0!==o.selectionStart||a.includes("-"))&&e.preventDefault());if(!/^[0-9]$/.test(l))return void e.preventDefault();const d=a.indexOf(".");if(-1!==d){const t=null!==(n=null==o?void 0:o.selectionStart)&&void 0!==n?n:a.length,i=(null!==(r=null==o?void 0:o.selectionEnd)&&void 0!==r?r:a.length)-t,s=a.slice(d+1);t>d&&s.length-i>=this.decimalPrecision&&e.preventDefault()}}}handleSubmit(){const e=this.el.closest("form");e&&e.requestSubmit()}normalizeDecimalSeparator(e){return"number"===this.type&&null!=this.decimalPrecision?e.replace(",","."):e}roundToPrecision(e){if(null==this.decimalPrecision)return e;const t=Math.pow(10,this.decimalPrecision);return Math.round(e*t)/t}getCurrentNumericValue(){var e,t,i,s;const n=null!=this.decimalPrecision?null!==(t=null===(e=this.inputElement)||void 0===e?void 0:e.value)&&void 0!==t?t:String(null!==(i=this.value)&&void 0!==i?i:""):String(null!==(s=this.value)&&void 0!==s?s:""),r=Number(n);return isNaN(r)?0:r}increment(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()+t);null!=this.max&&i>this.max&&(i=this.max),this.setValue(String(i))}decrement(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()-t);null!=this.min&&i<this.min&&(i=this.min),this.setValue(String(i))}unmask(e){return e?e.replace("number"===this.type?/[^0-9.,\-]/g:/[^0-9A-Za-z]/g,""):""}matchesPlaceholder(e,t){switch(t){case"9":return/[0-9]/.test(e);case"A":case"a":return/[A-Za-z]/.test(e);case"X":return/[0-9A-Za-z]/.test(e);default:return!1}}transformForPlaceholder(e,t){return"A"===t?e.toUpperCase():e}applyMask(e){if(!this.mask)return e;const t=this.unmask(e).split("");let i=0,s="";for(let e=0;e<this.mask.length;e++){const n=this.mask[e];if(["9","A","a","X"].includes(n)){for(;i<t.length&&!this.matchesPlaceholder(t[i],n);)i++;if(i>=t.length)break;s+=this.transformForPlaceholder(t[i],n),i++}else{if(i>=t.length)break;s+=n}}return s}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){const e="number"===this.type;return{"spw-text-field":!0,[`spw-text-field--${this.size}`]:!0,"spw-text-field--is-search":this.isSearch,"spw-text-field--is-error":!!this.error,"spw-text-field--is-clear":this.isClearIconVisible,"spw-text-field--is-number":e,"spw-text-field--has-controls":e&&this.hasControls,"spw-text-field--has-submit-button":this.hasSubmitButton,"spw-text-field--disabled":this.disabled}}render(){return i("div",{key:"41344c0a7baae0b78740a2e79bd60fe39cc5e1e8",class:this.elementClass},this.label&&i("spw-field-label",{key:"c544f2b87e9a5f140cd554e78e7b5cef504ed5b3",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&i("spw-field-message",{key:"91242a77c6e88000abda5d0dcb8759a38246c643",class:"spw-text-field__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"7bc7fe0d449a9780ac30a0770daf3f6b536cbf3e",class:"spw-text-field__container"},"number"===this.type&&this.hasControls&&i("button",{key:"71b161b15cbd13c05f6b91c7708f8989705d5ebe",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--decrement",onClick:()=>this.decrement(),disabled:this.disabled||null!=this.min&&Number(this.value)<=this.min,"aria-label":this.accAriaLabelDecrement},i("spw-icon",{key:"4dc4e23dc7bed73b2ca9e206baa779bc5d23cdcc",icon:"fa-minus"})),i("div",{key:"636cb26b066ed37b81f0c4d10d12076d407b2431",class:"spw-text-field__input-container"},i("input",{key:"b31e1128ef9f0cb29c371bb05a03d1b0d03d58ba",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:"number"===this.type&&null!=this.decimalPrecision?"text":this.type,inputMode:"number"===this.type&&null!=this.decimalPrecision?"decimal":void 0,min:"number"===this.type&&null==this.decimalPrecision?this.min:void 0,max:"number"===this.type&&null==this.decimalPrecision?this.max:void 0,step:"number"===this.type&&null==this.decimalPrecision?this.step:void 0,placeholder:this.placeholder,"aria-label":this.accAriaLabel||this.name,disabled:this.disabled,name:this.name,id:this.name,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e)}),(this.isSearch||this.isClearIconVisible)&&i("div",{key:"f0a4482e6d4208252b6cd77baabd36b521487a57",class:"spw-text-field__icons"},this.isClearIconVisible&&i("span",{key:"12b218ede706d8adb3d8545429582e4b9ec2de90",class:"spw-text-field__clear",onClick:()=>this.handleClear()},i("spw-icon",{key:"6260e109d05f8ea3cbff4fa4e1bb1475c09c3aea",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&!this.hasSubmitButton&&i("spw-icon",{key:"c282880a18c634a51b657b6098bd058007bb4ba3",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}),this.hasSubmitButton&&i("button",{key:"22be1eb7107eed95c5bcf33a323e6f506b984859",type:"button",class:"spw-text-field__submit",onClick:()=>this.handleSubmit(),"aria-label":"Rechercher"},i("spw-icon",{key:"afee21b71448a151d97f10741b62163afc7b6f9f",icon:"fa-magnifying-glass"})))),"number"===this.type&&this.hasControls&&i("button",{key:"7dcfb213fbe349c3721a81c4882c85b9221e4b60",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--increment",onClick:()=>this.increment(),disabled:this.disabled||null!=this.max&&Number(this.value)>=this.max,"aria-label":this.accAriaLabelIncrement},i("spw-icon",{key:"356f1b12fe9d97e215fb6422143378f67878a0ee",icon:"fa-plus"})),this.indicator&&i("div",{key:"1c7eb4d8917e29a7d1f891cd10b086f9d2552ee6",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return s(this)}static get watchers(){return{value:[{valueChangedHandler:0}]}}};n.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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.spw-text-field{position:relative}.spw-text-field__input-container{flex:1;position:relative;display:flex}.spw-text-field__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-text-field__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;margin:0}.spw-text-field__input[type=number]::-webkit-outer-spin-button,.spw-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:hover,.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;padding:0 24px;line-height:60px}.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{display:flex;align-items:center}.spw-text-field__indicator{padding-left:12px}.spw-text-field__field-message{margin-bottom:8px;margin-top:-4px}.spw-text-field__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-text-field__clear:hover{color:var(--spw-ds-primary)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{pointer-events:none;font-size:18px}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-text-field__submit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:all 0.2s ease;color:var(--spw-input-icon-search-color);font-size:18px}.spw-text-field__submit:focus,.spw-text-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-text-field--large .spw-text-field__submit{width:36px;height:36px;font-size:24px}.spw-text-field--disabled .spw-text-field__submit{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__number-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--spw-input-height);height:var(--spw-input-height);padding:0;border:1px solid var(--spw-input-border);background:var(--spw-color-themes-grey-grey-100);cursor:pointer;transition:all 0.2s ease-in-out;color:var(--spw-color-themes-grey-grey-900);font-size:14px}.spw-text-field__number-btn--decrement{border-radius:var(--spw-input-radius) 0 0 var(--spw-input-radius);border-right:none}.spw-text-field__number-btn--increment{border-radius:0 var(--spw-input-radius) var(--spw-input-radius) 0;border-left:none}.spw-text-field__number-btn:hover:not(:disabled){background:var(--spw-color-themes-grey-grey-200)}.spw-text-field__number-btn:focus,.spw-text-field__number-btn:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black;z-index:1}.spw-text-field__number-btn:disabled{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100)}.spw-text-field--large .spw-text-field__number-btn{width:60px;height:60px;font-size:18px}.spw-text-field--has-controls .spw-text-field__input{border-radius:0;border-left:none;border-right:none;text-align:center}';export{n as spw_text_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,a as n}from"./p-BvJ4Kko5.js";const o=class{constructor(i){t(this,i),this.stepClick=e(this,"stepClick",7),this.currentStep=1,this.variant="horizontal",this.canClickNextSteps=!1}componentWillLoad(){this.updateStepsState()}slotChanged(){this.updateStepsState()}async setStep(t){this.currentStep=t,this.updateStepsState(),this.scrollToWizard()}handleStepClick(t){const e=t.detail;(e<this.currentStep||this.canClickNextSteps&&e>this.currentStep)&&(this.currentStep=e,this.updateStepsState(),this.stepClick.emit(e),this.scrollToWizard())}scrollToWizard(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.host,i=(null==e?void 0:e.parentElement)||this.el;i&&i.scrollIntoView({behavior:"smooth",block:"start"})}updateStepsState(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-wizard-item");t.forEach(((e,i)=>{const s=i+1;s>this.currentStep&&e.hasAttribute("status")&&e.removeAttribute("status"),e.hasAttribute("status")||e.setAttribute("state",s<this.currentStep?"completed":s===this.currentStep?"active":"inactive"),e.setAttribute("variant",this.variant),e.setAttribute("step-number",s.toString()),e.setAttribute("is-last",(i===t.length-1).toString()),e.setAttribute("is-clickable",(s!==this.currentStep&&(s<this.currentStep||this.canClickNextSteps)).toString()),e.setAttribute("is-current",(s===this.currentStep).toString()),e.setAttribute("is-before-current",(s<this.currentStep).toString()),e.setAttribute("is-after-current",(s>this.currentStep).toString())}))}))}get elementClass(){return{"spw-wizard":!0,[`spw-wizard--${this.variant}`]:!0}}render(){return i(s,{key:"
|
|
1
|
+
import{r as t,c as e,h as i,H as s,a as n}from"./p-BvJ4Kko5.js";const o=class{constructor(i){t(this,i),this.stepClick=e(this,"stepClick",7),this.currentStep=1,this.variant="horizontal",this.canClickNextSteps=!1}componentWillLoad(){this.updateStepsState()}slotChanged(){this.updateStepsState()}async setStep(t){this.currentStep=t,this.updateStepsState(),this.scrollToWizard()}handleStepClick(t){const e=t.detail;(e<this.currentStep||this.canClickNextSteps&&e>this.currentStep)&&(this.currentStep=e,this.updateStepsState(),this.stepClick.emit(e),this.scrollToWizard())}scrollToWizard(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.host,i=(null==e?void 0:e.parentElement)||this.el;i&&i.scrollIntoView({behavior:"smooth",block:"start"})}updateStepsState(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-wizard-item");t.forEach(((e,i)=>{const s=i+1;s>this.currentStep&&e.hasAttribute("status")&&e.removeAttribute("status"),e.hasAttribute("status")||e.setAttribute("state",s<this.currentStep?"completed":s===this.currentStep?"active":"inactive"),e.setAttribute("variant",this.variant),e.setAttribute("step-number",s.toString()),e.setAttribute("is-last",(i===t.length-1).toString()),e.setAttribute("is-clickable",(s!==this.currentStep&&(s<this.currentStep||this.canClickNextSteps)).toString()),e.setAttribute("is-current",(s===this.currentStep).toString()),e.setAttribute("is-before-current",(s<this.currentStep).toString()),e.setAttribute("is-after-current",(s>this.currentStep).toString())}))}))}get elementClass(){return{"spw-wizard":!0,[`spw-wizard--${this.variant}`]:!0}}render(){return i(s,{key:"178e7cccd1389ea3f3d606ae16384d6779d79f06"},i("div",{key:"6eea80c6829912766df4f1ce8fa772e406381ecb",class:this.elementClass},i("slot",{key:"7c315f82ec60d02e0cc4a0fe132a4ec6248f9d24"})))}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)}body{margin:0}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-wizard{display:flex;gap:0}.spw-wizard--horizontal{flex-direction:row}.spw-wizard--vertical{flex-direction:column;align-items:flex-start}";export{o as spw_wizard}
|