@spw-ds/spw-stencil-library 1.12.2-alpha.0 → 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 +163 -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 +14 -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 +5 -3
- package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +91 -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 +25 -3
- 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 +241 -3
- package/dist/components_vscode.json +36 -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 +15 -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 +5 -3
- 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-4a6277f3.entry.js +1 -0
- 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 +657 -223
- package/dist/types/components/spw-header/spw-header-navigation/spw-header-navigation.d.ts +10 -0
- package/dist/types/components/spw-hero/spw-hero.d.ts +6 -0
- package/dist/types/components/spw-wizard/spw-wizard.d.ts +2 -0
- package/dist/types/components.d.ts +92 -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 +96 -71
- package/hydrate/index.mjs +96 -71
- package/package.json +1 -1
- package/dist/components/p-DHKTbYO_.js +0 -1
- package/dist/spw-stencil-library/p-5bdf3e69.entry.js +0 -1
- package/dist/spw-stencil-library/p-6e7aa2fb.entry.js +0 -1
- package/dist/spw-stencil-library/p-8491ce96.entry.js +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-id_AkABS.js');
|
|
4
4
|
|
|
5
|
-
const spwHeroCss = () => `@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-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;--spw-hero-shadow:var(--spw-effect-elevation-5);--spw-hero-radius:12px;--spw-hero-featured-ratio-mobile:initial;--spw-hero-featured-ratio-tablet:initial;--spw-hero-featured-ratio-desktop:initial}.spw-hero{position:relative;overflow:hidden}.spw-hero--has-shadow{box-shadow:var(--spw-hero-shadow)}.spw-hero--has-radius{border-radius:var(--spw-hero-radius)}.spw-hero--surface-dark{color:white}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:white}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;padding:24px;gap:24px}@media (min-width: 1024px){.spw-hero--grey,.spw-hero--white{padding:64px;gap:48px;flex-direction:row;align-items:center}}.spw-hero--has-picture-full{padding:0;gap:0}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width: 1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;position:relative;margin:0 auto;z-index:3;padding-left:0;padding-right:0}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width: 1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--has-picture-full .spw-hero__container{padding:24px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 48px}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(50% + 48px)}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(50% + 48px)}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width: 1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__overlay,.spw-hero__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-hero__overlay{z-index:2;pointer-events:none}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:white}.spw-hero__image-play{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:white;color:var(--spw-ds-primary);box-shadow:var(--spw-effect-elevation-5);width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;transition:all 0.3s ease;cursor:pointer}.spw-hero__image-play:hover{transform:translate(-50%, -50%) scale(1.1)}.spw-hero__image{z-index:1;overflow:hidden}.spw-hero__image img{width:100%;height:100%;object-fit:cover;display:block}.spw-hero--has-video .spw-hero__image{z-index:4}.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{max-width:435px}}.spw-hero--has-picture-full .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__image{position:absolute;max-width:50%}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{right:0;left:auto}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-radius:0}.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-top-left-radius:0;border-bottom-left-radius:0}}.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-top-right-radius:0;border-bottom-right-radius:0}}.spw-hero__copyright{position:absolute;bottom:8px;right:8px;z-index:3}.spw-hero__content{width:100%}@media (min-width: 1024px){.spw-hero__content{max-width:var(--spw-hero-content-max-width)}}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{padding:32px;background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8)}.spw-hero--featured .spw-hero__image{position:relative;width:100%;height:auto}.spw-hero--featured .spw-hero__image img{width:100%;height:auto;display:block}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-mobile)}@media (min-width: 768px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-tablet)}}@media (min-width: 1024px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-desktop)}}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image img{position:absolute;top:0;left:0;height:100%;object-fit:cover}.spw-hero--mini.spw-hero--surface-light .spw-hero__content,.spw-hero--mini.spw-hero--surface-light .spw-hero__image{background-color:var(--spw-color-themes-grey-grey-100)}.spw-hero--mini.spw-hero--surface-dark .spw-hero__content,.spw-hero--mini.spw-hero--surface-dark .spw-hero__image{background-color:var(--spw-ds-primary)}.spw-hero--mini .spw-hero__image{width:calc(100% - 280px);left:280px;height:100%}@media (min-width: 768px){.spw-hero--mini .spw-hero__image{width:calc(100% - 400px);left:400px}}.spw-hero--mini .spw-hero__image img{border-top-left-radius:900px}.spw-hero--mini .spw-hero__content{position:relative;z-index:3;width:280px;padding:24px;padding-top:48px;border-radius:0}@media (min-width: 768px){.spw-hero--mini .spw-hero__content{padding:32px;padding-top:64px;width:400px}}.spw-hero--mini.spw-hero--no-picture .spw-hero__content{width:100%;max-width:100%}`;
|
|
5
|
+
const spwHeroCss = () => `@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-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;--spw-hero-shadow:var(--spw-effect-elevation-5);--spw-hero-radius:12px;--spw-hero-featured-ratio-mobile:initial;--spw-hero-featured-ratio-tablet:initial;--spw-hero-featured-ratio-desktop:initial}.spw-hero{position:relative;overflow:hidden}.spw-hero--has-shadow{box-shadow:var(--spw-hero-shadow)}.spw-hero--has-radius{border-radius:var(--spw-hero-radius)}.spw-hero--surface-dark{color:white}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:white}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;padding:24px;gap:24px}@media (min-width: 1024px){.spw-hero--grey,.spw-hero--white{padding:64px;gap:48px;flex-direction:row;align-items:center}}.spw-hero--has-picture-full{padding:0;gap:0}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width: 1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;position:relative;margin:0 auto;z-index:3;padding-left:0;padding-right:0}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width: 1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--has-picture-full .spw-hero__container{padding:24px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 48px}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(50% + 48px)}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(50% + 48px)}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width: 1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__overlay,.spw-hero__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-hero__overlay{z-index:2;pointer-events:none}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:white}.spw-hero__image-play{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:white;color:var(--spw-ds-primary);box-shadow:var(--spw-effect-elevation-5);width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;transition:all 0.3s ease;cursor:pointer}.spw-hero__image-play:hover{transform:translate(-50%, -50%) scale(1.1)}.spw-hero__image{z-index:1;overflow:hidden}.spw-hero__image img{width:100%;height:100%;object-fit:cover;display:block}.spw-hero--has-video .spw-hero__image{z-index:4}.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{max-width:435px}}.spw-hero--has-picture-full .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__image{position:absolute;max-width:50%}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{right:0;left:auto}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-radius:0}.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-top-left-radius:0;border-bottom-left-radius:0}}.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-top-right-radius:0;border-bottom-right-radius:0}}.spw-hero__copyright{display:flex;gap:6px;position:absolute;bottom:8px;right:8px;z-index:3}.spw-hero__copyright-tag{--spw-tag-padding-small:6px 5px}.spw-hero__content{width:100%}@media (min-width: 1024px){.spw-hero__content{max-width:var(--spw-hero-content-max-width)}}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{padding:32px;background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8)}.spw-hero--featured .spw-hero__image{position:relative;width:100%;height:auto}.spw-hero--featured .spw-hero__image img{width:100%;height:auto;display:block}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-mobile)}@media (min-width: 768px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-tablet)}}@media (min-width: 1024px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-desktop)}}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image img{position:absolute;top:0;left:0;height:100%;object-fit:cover}.spw-hero--mini.spw-hero--surface-light .spw-hero__content,.spw-hero--mini.spw-hero--surface-light .spw-hero__image{background-color:var(--spw-color-themes-grey-grey-100)}.spw-hero--mini.spw-hero--surface-dark .spw-hero__content,.spw-hero--mini.spw-hero--surface-dark .spw-hero__image{background-color:var(--spw-ds-primary)}.spw-hero--mini .spw-hero__image{width:calc(100% - 280px);left:280px;height:100%}@media (min-width: 768px){.spw-hero--mini .spw-hero__image{width:calc(100% - 400px);left:400px}}.spw-hero--mini .spw-hero__image img{border-top-left-radius:900px}.spw-hero--mini .spw-hero__content{position:relative;z-index:3;width:280px;padding:24px;padding-top:48px;border-radius:0}@media (min-width: 768px){.spw-hero--mini .spw-hero__content{padding:32px;padding-top:64px;width:400px}}.spw-hero--mini.spw-hero--no-picture .spw-hero__content{width:100%;max-width:100%}`;
|
|
6
6
|
|
|
7
7
|
const SpwHero = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -35,6 +35,8 @@ const SpwHero = class {
|
|
|
35
35
|
this.copyrightIconVariant = 'fa-light';
|
|
36
36
|
/** Target du lien du copyright */
|
|
37
37
|
this.copyrightTarget = '_blank';
|
|
38
|
+
/** Largeur maximale du tooltip de copyright */
|
|
39
|
+
this.tooltipCopyrightMaxWidth = '300';
|
|
38
40
|
this.triggerModal = () => {
|
|
39
41
|
const modal = document.getElementById(this.modalVideoId);
|
|
40
42
|
if (modal && modal.openModal) {
|
|
@@ -68,8 +70,9 @@ const SpwHero = class {
|
|
|
68
70
|
};
|
|
69
71
|
}
|
|
70
72
|
render() {
|
|
71
|
-
const contentSlot = (index.h("div", { key: '
|
|
72
|
-
const
|
|
73
|
+
const contentSlot = (index.h("div", { key: '12fec8ca9735a2ca1cdc61a95a6d7aab6c255c2b', class: "spw-hero__content" }, index.h("slot", { key: '3b65eaa073f87eed90430f7e0cc11a03fb97508a' })));
|
|
74
|
+
const hasTooltipCopyright = !!(this.tooltipCopyrightTitle || this.tooltipCopyrightText);
|
|
75
|
+
const copyrightTag = (this.copyrightText || hasTooltipCopyright) && (index.h("div", { key: '867b71affa6f6f96d94546dae5651b05045a99f3', class: "spw-hero__copyright" }, this.copyrightText && (index.h("spw-tag", { key: '65eb87674860fdc4fddd4f77e3f34f75e164f11e', size: "small", "icon-variant": this.copyrightIconVariant, icon: this.copyrightIcon, href: this.copyrightHref || undefined, target: this.copyrightHref ? this.copyrightTarget : undefined }, this.copyrightText)), hasTooltipCopyright && (index.h("spw-tooltip", { key: '0c54fb29d6a36faee2362379a315462134d1182f', direction: "top", "tooltip-title": this.tooltipCopyrightTitle, "tooltip-text": this.tooltipCopyrightText, "max-width": this.tooltipCopyrightMaxWidth, cursor: "help" }, index.h("spw-tag", { key: '6888783d7f1f3d9bf68682bb12bbb1978ed701df', class: "spw-hero__copyright-tag", "icon-variant": "fa-regular", size: "small", variant: "grey", icon: "fa-info-circle", "is-icon-only": true })))));
|
|
73
76
|
const isImageVariant = this.variant === 'grey' || this.variant === 'white';
|
|
74
77
|
const isFeatured = this.variant === 'featured';
|
|
75
78
|
const featuredStyle = {};
|
|
@@ -86,7 +89,7 @@ const SpwHero = class {
|
|
|
86
89
|
if (this.featuredRatioDesktop)
|
|
87
90
|
featuredStyle['--spw-hero-featured-ratio-desktop'] = this.featuredRatioDesktop;
|
|
88
91
|
}
|
|
89
|
-
return (index.h(index.Host, { key: '
|
|
92
|
+
return (index.h(index.Host, { key: 'b8fabc58e03166ba1bad2992c5e62047c57dc2c7', style: featuredStyle }, index.h("div", { key: 'f7e4769b01b3b875b0a0f311062790de4a1237aa', class: this.elementClass }, this.imageSrc && (index.h("div", { key: 'd96ef23c0ba546135d7d948b863a0b7db47eb4d6', class: "spw-hero__image" }, this.hasVideo && this.variant !== 'maxi' && this.variant !== 'photo' && !isFeatured && (index.h("div", { key: 'f8c652d1aa3702073a8255573fddded8b89a43a1', class: "spw-hero__image-play", onClick: this.triggerModal, onKeyDown: this.handleKeyDown, tabIndex: 0, role: "button", "aria-label": this.accPlayButtonAriaLabel }, index.h("spw-icon", { key: 'c0f919aef352f109331c5752b5f0b20e327eb0a8', icon: "fa-play" }))), index.h("div", { key: 'b6a636ec058a5c82a580009b688330b6741fac4d', class: "spw-hero__overlay", style: this.overlayStyle }), index.h("img", { key: '418c713e33ac0da267f1f0360cc80c00e3d4bae0', src: this.imageSrc, alt: this.imageAlt, style: this.imagePosition ? { objectPosition: this.imagePosition } : undefined }), (isImageVariant || isFeatured) && copyrightTag)), !isFeatured && (this.variant === 'mini' ? contentSlot : index.h("div", { class: "spw-ds-container spw-hero__container" }, contentSlot)), !isImageVariant && !isFeatured && copyrightTag)));
|
|
90
93
|
}
|
|
91
94
|
};
|
|
92
95
|
SpwHero.style = spwHeroCss();
|
|
@@ -270,7 +270,7 @@ const SpwInputSlider = class {
|
|
|
270
270
|
}
|
|
271
271
|
render() {
|
|
272
272
|
const rangeStyle = this.getRangeStyle();
|
|
273
|
-
return (index.h(index.Host, { key: '
|
|
273
|
+
return (index.h(index.Host, { key: 'aef06c3212830270a048c4120c29164338d2f824' }, index.h("div", { key: '23db6a6b31ef6c91e7212ec7f8eec1b227bbaf99', class: this.elementClass }, this.label && (index.h("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 && (index.h("spw-field-message", { key: 'ce38a915c706d465474c1d8af14423a25ac2d7d2', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: 'db4a33a1abe61a672b6077f0b4a5147ab9c53ef6', class: "spw-input-slider__container" }, index.h("div", { key: '67de28a92b62493a4cc517b1fd86b64f3386e7b7', class: "spw-input-slider__track", ref: el => (this.sliderRef = el), onMouseDown: e => this.handleMouseDown(e, null), onTouchStart: e => this.handleMouseDown(e, null), "aria-label": this.accAriaLabel || this.name || this.label, role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": typeof this.internalValue === 'number' ? this.internalValue : undefined, "aria-disabled": this.disabled }, index.h("div", { key: '16a1a7315a660132541c599f228381828d118355', class: "spw-input-slider__range", style: rangeStyle }), this.range && Array.isArray(this.internalValue) ? ([
|
|
274
274
|
index.h("div", { key: "handle-min", class: "spw-input-slider__handle spw-input-slider__handle--min", style: this.orientation === 'horizontal'
|
|
275
275
|
? { left: `${this.getHandlePosition(this.internalValue[0])}%` }
|
|
276
276
|
: { bottom: `${this.getHandlePosition(this.internalValue[0])}%` }, onMouseDown: e => this.handleMouseDown(e, 'min'), onTouchStart: e => this.handleMouseDown(e, 'min') }, this.hasTooltip && index.h("div", { class: "spw-input-slider__tooltip" }, this.internalValue[0])),
|
|
@@ -46,7 +46,7 @@ const SpwLightboxItem = class {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
return (index.h(index.Host, { key: '
|
|
49
|
+
return (index.h(index.Host, { key: 'e0a1b9ba9e2a4c33e939eb44ad70d5b9474b7f98' }, index.h("div", { key: '8fa6be30d88c4ad0985b21699eca9b1733c95002', class: { 'spw-lightbox-item__wrapper': true, 'spw-lightbox-item__wrapper--hoverable': this.isHover }, role: "button", tabindex: "0", "aria-label": this.alt || this.textOpenImage, onClick: () => this.handleClick(), onKeyDown: (e) => this.handleKeydown(e) }, index.h("slot", { key: '780cc51e40ecd7509c618a3610168f9742f274ef' }, index.h("img", { key: '230ce5be541a1bb669576f3fab40bda4332cb16f', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (index.h("div", { key: '7b02bc0d790df3f55a31ec9cb51cdd47241ba17f', class: "spw-lightbox-item__hover-overlay" }, index.h("spw-icon", { key: '8a3398b30350959fedc6babd7d36cf102e7c31be', icon: this.hoverIcon }))))));
|
|
50
50
|
}
|
|
51
51
|
get hostElement() { return index.getElement(this); }
|
|
52
52
|
};
|
|
@@ -229,10 +229,10 @@ const SpwLightbox = class {
|
|
|
229
229
|
}
|
|
230
230
|
render() {
|
|
231
231
|
const { opened, activeItem, items, activeIndex } = this;
|
|
232
|
-
return (index.h(index.Host, { key: '
|
|
232
|
+
return (index.h(index.Host, { key: 'abc234b600e09d3d5e37779d35f23343df01c918' }, index.h("div", { key: '6657c6faae953f97c09e999f7a6036bfa0dbb0fd', inert: opened || undefined }, index.h("slot", { key: '061101ace7cecc154e617ab50a7d44a240436cc4' })), index.h("div", { key: '433ef70c4eb86951d0b3907d1cde807594acf40b', ref: el => (this.lightboxContainer = el), class: { 'spw-lightbox': true, 'spw-lightbox--opened': opened }, role: "dialog", "aria-modal": "true", "aria-label": this.textDialogLabel }, index.h("div", { key: '154248164e28fd9c726aa3a6582d0726f390aa62', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), index.h("div", { key: '4f70b9589c5e78685b667dbdda1d4581fd8dad11', class: "spw-lightbox__container" }, index.h("div", { key: 'ec59ccae09faaa9845ab65ad184645018442c215', class: "spw-lightbox__toolbar" }, index.h("span", { key: 'f0f135ef2c553256e741ad32b11da0257a5436a6', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), index.h("div", { key: '4e6d451fb01b36c5ae5b9efb6516dd856311c888', ref: el => (this.closeButtonEl = el), class: "spw-lightbox__close", tabIndex: 0, role: "button", onClick: () => this.doClose(), onKeyDown: (e) => {
|
|
233
233
|
if (e.key === 'Enter' || e.key === ' ')
|
|
234
234
|
this.doClose();
|
|
235
|
-
} }, index.h("spw-link", { key: '
|
|
235
|
+
} }, index.h("spw-link", { key: '4817278c8bdade56a340bb4c18b60d194b2c99d7', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), index.h("div", { key: '613c3cb8e491e0112e2e9ac6bbf867c5f5d9c4b9', class: "spw-lightbox__stage" }, items.length > 1 && (index.h("spw-button", { key: '1a9765fa1c715f8aba10f23fd5c175e5c367db44', class: "spw-lightbox__nav spw-lightbox__nav--prev", "is-icon-only": true, icon: "fa-chevron-left", "acc-aria-label": this.textPrevious, variant: "secondary", onClick: () => this.navigate(-1) })), index.h("div", { key: 'ade43ad0a877fb87e089e7cb824c52a517833eb3', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (index.h("div", { key: '2e6e36b4eded34277c368d587226e031e4c87ec5', class: "spw-lightbox__image-frame" }, index.h("img", { class: "spw-lightbox__image", src: activeItem.src, alt: activeItem.alt || '', key: activeItem.src }), ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionTitle) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionText) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.copyrightText)) && (index.h("div", { key: 'b9a6e7249e8fe88233e48c7af83e0779911fca43', class: "spw-lightbox__caption", "aria-live": "polite" }, index.h("div", { key: '419860cb7b290233496aef849a783b673d87a7df', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && index.h("strong", { key: 'f862d8a5a98a8da511fbaf7b1fe4b30283df2ee1', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && index.h("span", { key: '7b5adb2375e9fe815fcf50a854b71f7f214f52d6', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (index.h("spw-tag", { key: 'f5206abefcaf73d1483f9cef173d8ee01c6b3ab5', size: "small", "icon-variant": activeItem.copyrightIconVariant, class: "spw-lightbox__copyright", icon: activeItem.copyrightIcon, href: activeItem.copyrightHref || undefined, target: activeItem.copyrightHref ? activeItem.copyrightTarget : undefined }, activeItem.copyrightText))))))), items.length > 1 && (index.h("spw-button", { key: 'f9bf7db26386b749281b21c95af273ad210cada4', class: "spw-lightbox__nav spw-lightbox__nav--next", "is-icon-only": true, icon: "fa-chevron-right", "acc-aria-label": this.textNext, variant: "secondary", onClick: () => this.navigate(1) }))), this.showThumbnails && items.length > 1 && (index.h("div", { key: '1ea2bb1c95e66f37bc53460823aece1fe8c7cfe0', class: "spw-lightbox__thumbnails", role: "tablist", "aria-label": this.textThumbnailsLabel, ref: el => (this.thumbnailsEl = el) }, items.map((item, index$1) => (index.h("button", { key: item.src, role: "tab", class: { 'spw-lightbox__thumb': true, 'spw-lightbox__thumb--active': index$1 === activeIndex }, onClick: () => (this.activeIndex = index$1), "aria-selected": String(index$1 === activeIndex), "aria-label": item.alt || this.textThumbnailItem.replace('{index}', String(index$1 + 1)) }, index.h("img", { src: item.src, alt: item.alt || '', loading: "lazy" }))))))))));
|
|
236
236
|
}
|
|
237
237
|
get hostElement() { return index.getElement(this); }
|
|
238
238
|
static get watchers() { return {
|
|
@@ -17,7 +17,7 @@ const SpwListDescription = class {
|
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (index.h(index.Host, { key: '
|
|
20
|
+
return (index.h(index.Host, { key: '1acb8335f45d7ffb0e2cb9fc8d1bbd44567511f1' }, index.h("div", { key: 'dd9fa74ca7ec1021de985fd064e7f8ae25ea0a03', class: this.elementClass }, index.h("slot", { key: 'eafa4bbebf071a426b72e6e675b2c9a3ac9538cc' }))));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
SpwListDescription.style = spwListDescriptionCss();
|
|
@@ -112,7 +112,7 @@ const SpwListItem = class {
|
|
|
112
112
|
href,
|
|
113
113
|
target,
|
|
114
114
|
};
|
|
115
|
-
return (index.h(index.Host, { key: '
|
|
115
|
+
return (index.h(index.Host, { key: 'f4137df597553595b7b7f37020c364bd4369d0d8' }, index.h("li", { key: '58305da3d69ef47f950c43a9b3baca3c501218f1', role: "listitem", class: this.elementClass }, this.category && (index.h("span", { key: '1da1ec09cf986e3453ee64790528016e839f83d3', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && index.h("spw-icon", { key: '6d20a688a05a4de079bef689251dd61d0a40cf76', icon: this.categoryIcon }), " ", this.category)), index.h(TagType, Object.assign({ key: 'ad5cec4a272674c8735c802a9c420c3bb5b48191' }, attrs), index.h("slot", { key: 'fde395b5abb04a747d35c7f5e155250cf2102f9d' })), index.h("slot", { key: '1dd19acae38f423c7325aa6e350c87253ef13e66', name: "buttons" }))));
|
|
116
116
|
}
|
|
117
117
|
get el() { return index.getElement(this); }
|
|
118
118
|
};
|
|
@@ -18,7 +18,7 @@ const SpwListTitle = class {
|
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (index.h(index.Host, { key: '
|
|
21
|
+
return (index.h(index.Host, { key: '5f4902a58a810d70afd1925d2aca0e854a34b69b' }, index.h("div", { key: 'cfd756e0515ddb1d2d45ad05848725a2f0db669f', class: this.elementClass }, this.icon && index.h("spw-icon", { key: '5d28205520fb71bcefb11d7b2bc4c444b36b8d2d', icon: this.icon }), index.h("div", { key: 'aa75745c5e013a19c7d21b2ab6f32e0c02bdd536', class: "spw-list-title__content" }, index.h("div", { key: '59fcba1d895676a9dc643ee500b270082ce29c1b', class: "spw-list-title__content-text" }, index.h("slot", { key: '5bd478c0bd0fb705217717b3c4480d4cd733ba01' }))))));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
SpwListTitle.style = spwListTitleCss();
|
|
@@ -35,7 +35,7 @@ const SpwList = class {
|
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (index.h(index.Host, { key: '
|
|
38
|
+
return (index.h(index.Host, { key: 'f0d761c29dcd8d941405051fe61ab5d34530a6ba' }, index.h("ul", { key: '5bc5e5b4a6698383f77925db8115d7706389e61a', role: "list", class: this.elementClass }, index.h("slot", { key: '47f63bb4ba132b5187c0c71456e83eea7e5f50f0' }))));
|
|
39
39
|
}
|
|
40
40
|
get el() { return index.getElement(this); }
|
|
41
41
|
};
|
|
@@ -292,13 +292,13 @@ const SpwModal = class {
|
|
|
292
292
|
};
|
|
293
293
|
}
|
|
294
294
|
render() {
|
|
295
|
-
return (index.h(index.Host, { key: '
|
|
295
|
+
return (index.h(index.Host, { key: '4eb87501a9a4cc098250700f58c027e3f3fc13c6' }, index.h("div", { key: '100bc778f67fca4ebc8ca8e1933033a362f94c24', ref: el => (this.modalContainer = el), class: this.elementClass }, index.h("div", { key: '56918adc60d5b97ffd43e66323a4fc28f72c6297', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), index.h("div", { key: '65612030c666acfaa5bafccff02b265e2df49408', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, index.h("div", { key: '51ce6d5e32a972e6c7c7ff95844c6aab0793a979', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, index.h("div", { key: '92deb26800d917a018012ae8dab17491fdfade57', class: "spw-modal__header" }, index.h("div", { key: 'a96de8538e42a2ef89c2669459a4921bb818ad03', class: "spw-modal__title-container" }, this.alertIcon && index.h("spw-icon", { key: '4328a281475bb9fb969234010872d83ad7c7db72', class: "spw-modal__alert-icon", icon: this.alertIcon }), index.h("h2", { key: '7c16016aaaced617feb2cbdddb225c0de07c9294', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (index.h("div", { key: '3cfd868ed08d69d6eacbc2e2908da0f1ae68236e', class: {
|
|
296
296
|
'spw-modal__close-button': true,
|
|
297
297
|
'spw-modal__close-button--sticky': this.isCloseButtonSticky,
|
|
298
|
-
}, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, index.h("spw-link", { key: '
|
|
298
|
+
}, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, index.h("spw-link", { key: '36577f9858f3eaa116b41af3e2654b6a0d803fe5', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), index.h("div", { key: 'f1fae039840a285805410fee667a4e5c53d441ea', class: "spw-modal__body" }, index.h("slot", { key: '199cc1dfa3507fee34d5a86f90c35948ad656549', name: "content" })), index.h("div", { key: '83bfe6dfccb359f373c3e0b7080893a716eb6812', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, index.h("slot", { key: '7bc4e5745527068f0cc6eb2bfedc7440e99a0199', name: "buttons", onSlotchange: (e) => {
|
|
299
299
|
const slot = e.target;
|
|
300
300
|
this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
|
|
301
|
-
} })))), index.h("div", { key: '
|
|
301
|
+
} })))), index.h("div", { key: '57d4de3c3d2d5769b14388d16c30471091007af0', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
|
|
302
302
|
}
|
|
303
303
|
get hostElement() { return index.getElement(this); }
|
|
304
304
|
static get watchers() { return {
|
|
@@ -51,7 +51,7 @@ const SpwMosaicItem = class {
|
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
|
-
return (index.h(index.Host, { key: '
|
|
54
|
+
return (index.h(index.Host, { key: '82c0e3a358daf0c96c0c4799fdf208e6e22e0e88' }, index.h("slot", { key: '5e094652b85b1fa2eddcf611b9e4fd74159fcbb3' })));
|
|
55
55
|
}
|
|
56
56
|
get el() { return index.getElement(this); }
|
|
57
57
|
static get watchers() { return {
|
|
@@ -2515,7 +2515,7 @@ const SpwMosaic = class {
|
|
|
2515
2515
|
};
|
|
2516
2516
|
}
|
|
2517
2517
|
render() {
|
|
2518
|
-
return (index.h(index.Host, { key: '
|
|
2518
|
+
return (index.h(index.Host, { key: 'a2878c9196d2cb6eb75ac2b406a951c2eafb8f17' }, index.h("div", { key: 'b57c237e408c7b6c8d1759886d695bee866f19e1', class: this.elementClass }, index.h("slot", { key: '4bcadc41dd9e4d4319f284f627e803dae17b62ab' }))));
|
|
2519
2519
|
}
|
|
2520
2520
|
get el() { return index.getElement(this); }
|
|
2521
2521
|
static get watchers() { return {
|
|
@@ -174,12 +174,12 @@ const SpwPagination = class {
|
|
|
174
174
|
const pages = this.calculatePageRange();
|
|
175
175
|
const showPrevArrow = this.currentPage > 1;
|
|
176
176
|
const showNextArrow = this.currentPage < this.totalPages;
|
|
177
|
-
const prevArrow = showPrevArrow && (index.h("li", { key: '
|
|
178
|
-
const nextArrow = showNextArrow && (index.h("li", { key: '
|
|
179
|
-
const prevArrowMobile = this.currentPage > 1 && (index.h("li", { key: '
|
|
180
|
-
const nextArrowMobile = this.currentPage < this.totalPages && (index.h("li", { key: '
|
|
181
|
-
const mobileArrows = (index.h("ul", { key: '
|
|
182
|
-
return (index.h(index.Host, { key: '
|
|
177
|
+
const prevArrow = showPrevArrow && (index.h("li", { key: 'dcd1498e29ee3fb0a7aacfcf837cf779941390c0', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: 'b15634e85c1082de7220d634d703583cfe000cc0', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: 'e15c7fd09d198cced97501c8eeac814e6c72e45e', icon: "fa-chevron-left" }), " ", index.h("span", { key: '417047243b0821163a0e107fb5f810c60758a899', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
|
|
178
|
+
const nextArrow = showNextArrow && (index.h("li", { key: 'dfad6e553a19c22f6f7ecca0a0c0b41a190370a9', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: '278d707a4394e2225cf6c9bf50ae1146b54914fd', onClick: () => this.goToPage(this.currentPage + 1) }, index.h("span", { key: '47b58d5f383d2aee5335ce3e3520593ae6b8fdc1', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", index.h("spw-icon", { key: 'aaeb333a63ce999845ff481283d65d359b498626', icon: "fa-chevron-right" }))));
|
|
179
|
+
const prevArrowMobile = this.currentPage > 1 && (index.h("li", { key: '67d470dd7ec978d778bf9501f7ff4f0d53e8fd74', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: '1ef874caef38ad58bfef892f7ff3d3c6a92f1e13', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: '615092ac9a6fd45d24fba1625ff16f5ab83bcd08', icon: "fa-chevron-left" }), " ", index.h("span", { key: '68890a0dc95b5356e08002ecd2e8917f024ea2dd' }, this.previousButtonText))));
|
|
180
|
+
const nextArrowMobile = this.currentPage < this.totalPages && (index.h("li", { key: 'b3ec5c4edbbf33b3c3597e2e8269d390cdf13f3d', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: '183cf1b1d5d6a92f7738674e3d2e9cb7f060af57', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, index.h("span", { key: '7dfbc497fa94d90984af376e5e20a46621ef4402' }, this.nextButtonText), " ", index.h("spw-icon", { key: '0aa1fef8996bf23df1eda494cb8f1d9ef6a857b9', icon: "fa-chevron-right" }))));
|
|
181
|
+
const mobileArrows = (index.h("ul", { key: 'bb0d46915afe5a30ed9751d858a7046a026d0ff4', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
|
|
182
|
+
return (index.h(index.Host, { key: '044cde627233453d74e4a55bfea69d8199513b72' }, index.h("div", { key: '7e49988f7e2331a3b986cb9644fb51b5e3e25997', class: this.getPaginationClass() }, this.variant === 'input' && (index.h(index.Fragment, { key: '721f2508e7980a7d017d57bd35571bea3d7e7478' }, index.h("ul", { key: 'ed8562aa281db341405e2d7a7374e1890e63ae16' }, prevArrow, index.h("li", { key: '0f0a0a41bc898e82c1293d59892a2278de1f3e2a', class: "spw-pagination__input" }, index.h("spw-text-field", { key: '09eb4b0c43e1bc8b0d598d5144bf8defcf772f4b', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), index.h("li", { key: '638c548a6d33678719f9c9543eb3b99a9b52a7d9', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (index.h(index.Fragment, { key: 'a88d47012d933c68cb648223cf0e2de3e0b4b1e5' }, index.h("ul", { key: '88d35c75e74693c3cefc806a9592bbf96103add8' }, prevArrow, pages.map(({ page, class: pageClass }) => {
|
|
183
183
|
if (page === '...') {
|
|
184
184
|
return (index.h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, index.h("spw-icon", { icon: "fa-ellipsis" })));
|
|
185
185
|
}
|
|
@@ -106,7 +106,7 @@ const SpwRadio = class {
|
|
|
106
106
|
render() {
|
|
107
107
|
const slot = this.el.innerHTML;
|
|
108
108
|
const hasSlot = Boolean(slot);
|
|
109
|
-
return (index.h("div", { key: '
|
|
109
|
+
return (index.h("div", { key: 'a781adf38f9770b007e32e827af954e56a30c7f2', class: "spw-radio" }, index.h("input", { key: '8a69300ce3b900c0ee7ea36253cf7ec816f70398', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (index.h("label", { key: '8c06d8b2581204f2ddbdbd1440694052039498a0', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, index.h("slot", { key: '9434b6826bc54470f91e5529acf6150348b8b437' }))), index.h("div", { key: '34ce75e3e5ef4bfbc3893d77fa585ad952770275', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && index.h("span", { key: '16d4f2247dd961d5d9f5c9dfccc600dab309548d', class: "spw-radio__circle" }))));
|
|
110
110
|
}
|
|
111
111
|
static get formAssociated() { return true; }
|
|
112
112
|
get el() { return index.getElement(this); }
|
|
@@ -79,7 +79,7 @@ const SpwScrolltop = class {
|
|
|
79
79
|
};
|
|
80
80
|
}
|
|
81
81
|
render() {
|
|
82
|
-
return (index.h(index.Host, { key: '
|
|
82
|
+
return (index.h(index.Host, { key: 'a9133326637d4aa8f58f2970407dbd59ea168791', class: this.hostClass }, index.h("spw-button", { key: '13f119dd0ae45ac9f50ec52020b4555405931fa4', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
|
|
83
83
|
}
|
|
84
84
|
get el() { return index.getElement(this); }
|
|
85
85
|
};
|
|
@@ -17,7 +17,7 @@ const SpwSidebarNavigationDropdown = class {
|
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (index.h(index.Host, { key: '
|
|
20
|
+
return (index.h(index.Host, { key: '968a8719643921e9d8453b0d2fcdd87ea2c1e933', class: this.classes }, index.h("div", { key: '2ac5caa680ebd83fdc07f653d7fceb8b2a4a0d27', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, index.h("slot", { key: 'ee24630234c1e6af964b327951108bd2528e9033' }))));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
SpwSidebarNavigationDropdown.style = spwSidebarNavigationDropdownCss();
|
|
@@ -175,14 +175,14 @@ const SpwSidebarNavigationItem = class {
|
|
|
175
175
|
}
|
|
176
176
|
render() {
|
|
177
177
|
const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
|
|
178
|
-
const iconContent = index.h("spw-icon", { key: '
|
|
179
|
-
const iconDiv = (index.h("div", { key: '
|
|
178
|
+
const iconContent = index.h("spw-icon", { key: '4700c5778d91fb367ffcf90c55b31d1eb78282e7', variant: this.iconVariant, icon: this.icon });
|
|
179
|
+
const iconDiv = (index.h("div", { key: '2406404742b25ff81bebd21d17e397b631ab950c', class: "spw-sidebar-navigation-item__icon" }, this.bubble && index.h("span", { key: '1cffd6dae86d4f0c2e0443a8b0dbd174ca657999', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
|
|
180
180
|
const iconWithBubble = this.tooltipTitle ? (index.h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
|
|
181
181
|
const toggleClasses = {
|
|
182
182
|
'spw-sidebar-navigation-item__dropdown-toggle': true,
|
|
183
183
|
'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
|
|
184
184
|
};
|
|
185
|
-
return (index.h(Tag, { key: '
|
|
185
|
+
return (index.h(Tag, { key: 'ccb7079d463215f671582dfe3f4d41acb2a53c84', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, index.h("div", { key: '557a4716bddf11ddad7a738feeac2d2bbffad344', class: "spw-sidebar-navigation-item__content" }, index.h("div", { key: 'a7052155045a1d884b68bf8a83ab6387eef18c9d', class: "spw-sidebar-navigation-item__content-label" }, index.h("slot", { key: '51bb492ca65770f8ddb4232fdf640a0b813dee4b' })), this.hasDropdown && (index.h("div", { key: '519714001a45ccfdd55b074f34fb2540b214b358', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, index.h("spw-icon", { key: 'fec943dfcfcb4ec8047df513aae3e34a2b66db7e', icon: "fa-chevron-down" }))), index.h("slot", { key: '7f241804786a5a00dee11516dbee994779b05c4b', name: "dropdown" }))));
|
|
186
186
|
}
|
|
187
187
|
get el() { return index.getElement(this); }
|
|
188
188
|
};
|
|
@@ -9,7 +9,7 @@ const SpwSidebarNavigationSeparator = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h(index.Host, { key: '
|
|
12
|
+
return (index.h(index.Host, { key: 'ca09de8816dc4027c434439fd3f1d1810c7b0e71' }, index.h("spw-separator", { key: 'f88b2223b3db5ce2a71ad12d5ce98460f115a60c', class: "spw-sidebar-navigation-separator" })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
SpwSidebarNavigationSeparator.style = spwSidebarNavigationSeparatorCss();
|
|
@@ -82,7 +82,7 @@ const SpwSidebar = class {
|
|
|
82
82
|
};
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
|
-
return (index.h(index.Host, { key: '
|
|
85
|
+
return (index.h(index.Host, { key: '85674117e60989814f7d7a37f3dd3b904379d110', class: this.hostClass }, index.h("div", { key: 'a7dc79b161de709d47cda189859f6fbddf816035', class: this.elementClass }, index.h("span", { key: 'ee66487ae37380cc48444f049bd9aaef8c597928', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, index.h("spw-icon", { key: '479cf95d769990758fd766ebed32554863cf7508', icon: "fa-chevron-right" })), index.h("div", { key: '3d96559cf723cd903a77fb943ba58cca0036b96a', class: "spw-sidebar__content" }, index.h("slot", { key: '62d878e457b129647df984e5b960b9fd61a9b0fa', name: "navigation-top" }), index.h("slot", { key: 'fca6deed9ea823420628c03078e53b7cdd502e49', name: "navigation-bottom" })), index.h("div", { key: '67d0697a069f050892328f652b4e6930deb7a3fa', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
|
|
86
86
|
}
|
|
87
87
|
get el() { return index.getElement(this); }
|
|
88
88
|
};
|
|
@@ -50,7 +50,7 @@ const SpwSkeleton = class {
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
|
-
return (index.h(index.Host, { key: '
|
|
53
|
+
return (index.h(index.Host, { key: 'f51453d4c09ee19f5b6d8d770fc106a37f4c7e90' }, index.h("div", { key: '5c1f100999ec9466dac114f16c23ec4d6e7eaadf', class: "spw-skeleton" }, this.renderVariant(), index.h("slot", { key: '5347334004f09f1584aa0384d3f65e1070e3c0c6' }))));
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
56
|
SpwSkeleton.style = spwSkeletonCss();
|
|
@@ -9,7 +9,7 @@ const SpwSliderItem = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h(index.Host, { key: '
|
|
12
|
+
return (index.h(index.Host, { key: '3065e73cb4ab19f7680eefa90be5a880e3c10615' }, index.h("div", { key: '6cebacf00a6ea0f52a0cab1cfe42422ed37ab2e3', class: "spw-slider-item" }, index.h("slot", { key: '142200a3deb0169d888adb1e3e5c92a1fab07404' }))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
SpwSliderItem.style = spwSliderItemCss();
|
|
@@ -403,7 +403,7 @@ const SpwSlider = class {
|
|
|
403
403
|
}, onClick: () => this.handleDotClick(i), "aria-label": `Slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))));
|
|
404
404
|
}
|
|
405
405
|
render() {
|
|
406
|
-
return (index.h(index.Host, { key: '
|
|
406
|
+
return (index.h(index.Host, { key: '67c85fed7cc665da3cfa60082b5ac76b1f679c0d' }, index.h("div", { key: '1090245b2710939eb572d26c1ed23ade12c416e9', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, index.h("div", { key: 'e810a8fe4154b2f793041cae72f889a001988b84', class: "spw-slider__track" }, index.h("slot", { key: '440367be7154291d1d18465fab6dedbd79271792' })), this.showArrows && (index.h("div", { key: '7e8da39ecafddd9e3967d7a15e9d1838bbb51074', class: "spw-slider__navigation" }, index.h("button", { key: '48a77dde510252161146311dbd7ee8d75f39abfa', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, index.h("spw-icon", { key: 'e8d9234727245e28a6d12d1914420cac33689edf', icon: "fa-chevron-left" })), index.h("button", { key: '66dd413bb8817caba03b3ca6af41c896459a91cf', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, index.h("spw-icon", { key: '8f545069639f403f8b4ef7843bf10d9d102609a1', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (index.h("div", { key: '95bc58b0e2de1dc60a1e8f5036b8aec4eaebf9b6', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (index.h("div", { key: 'e6e919ce3bbad911c74914bd19b3e920c028c4f9', class: "spw-slider__autoplay-toggle" }, index.h("spw-checkbox", { key: 'c8583e3b3a2b47e9ce67c7d6aa448b54dea0a3ec', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
|
|
407
407
|
}
|
|
408
408
|
get el() { return index.getElement(this); }
|
|
409
409
|
};
|
|
@@ -11,7 +11,7 @@ const SpwSocials = class {
|
|
|
11
11
|
this.mainTitle = 'Restez connecté';
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (index.h(index.Host, { key: '
|
|
14
|
+
return (index.h(index.Host, { key: 'db6717f3f956e096ee63cd2664eb6b2421c295d1' }, index.h("div", { key: '4154f8ff374bb0eb88cc44a5537cf1199c14f10f', class: "spw-socials" }, index.h("div", { key: '3c22a4c8b30f15ad6cd14737b538a5430c0babeb', class: "spw-ds-container" }, index.h("h2", { key: 'f2d034530d90defe469185883d98c3a1ed8c364b', class: "spw-socials__title" }, this.mainTitle), index.h("div", { key: 'e569038b22f69448199c67aca4a8eb8844f5574c', class: "spw-socials__content" }, index.h("slot", { key: '930e33211f97eea0fee624d1bff512f7e24a4366' }))))));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
SpwSocials.style = spwSocialsCss();
|