@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
|
@@ -29,6 +29,8 @@ export class SpwHero {
|
|
|
29
29
|
this.copyrightIconVariant = 'fa-light';
|
|
30
30
|
/** Target du lien du copyright */
|
|
31
31
|
this.copyrightTarget = '_blank';
|
|
32
|
+
/** Largeur maximale du tooltip de copyright */
|
|
33
|
+
this.tooltipCopyrightMaxWidth = '300';
|
|
32
34
|
this.triggerModal = () => {
|
|
33
35
|
const modal = document.getElementById(this.modalVideoId);
|
|
34
36
|
if (modal && modal.openModal) {
|
|
@@ -62,8 +64,9 @@ export class SpwHero {
|
|
|
62
64
|
};
|
|
63
65
|
}
|
|
64
66
|
render() {
|
|
65
|
-
const contentSlot = (h("div", { key: '
|
|
66
|
-
const
|
|
67
|
+
const contentSlot = (h("div", { key: '12fec8ca9735a2ca1cdc61a95a6d7aab6c255c2b', class: "spw-hero__content" }, h("slot", { key: '3b65eaa073f87eed90430f7e0cc11a03fb97508a' })));
|
|
68
|
+
const hasTooltipCopyright = !!(this.tooltipCopyrightTitle || this.tooltipCopyrightText);
|
|
69
|
+
const copyrightTag = (this.copyrightText || hasTooltipCopyright) && (h("div", { key: '867b71affa6f6f96d94546dae5651b05045a99f3', class: "spw-hero__copyright" }, this.copyrightText && (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 && (h("spw-tooltip", { key: '0c54fb29d6a36faee2362379a315462134d1182f', direction: "top", "tooltip-title": this.tooltipCopyrightTitle, "tooltip-text": this.tooltipCopyrightText, "max-width": this.tooltipCopyrightMaxWidth, cursor: "help" }, 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 })))));
|
|
67
70
|
const isImageVariant = this.variant === 'grey' || this.variant === 'white';
|
|
68
71
|
const isFeatured = this.variant === 'featured';
|
|
69
72
|
const featuredStyle = {};
|
|
@@ -80,7 +83,7 @@ export class SpwHero {
|
|
|
80
83
|
if (this.featuredRatioDesktop)
|
|
81
84
|
featuredStyle['--spw-hero-featured-ratio-desktop'] = this.featuredRatioDesktop;
|
|
82
85
|
}
|
|
83
|
-
return (h(Host, { key: '
|
|
86
|
+
return (h(Host, { key: 'b8fabc58e03166ba1bad2992c5e62047c57dc2c7', style: featuredStyle }, h("div", { key: 'f7e4769b01b3b875b0a0f311062790de4a1237aa', class: this.elementClass }, this.imageSrc && (h("div", { key: 'd96ef23c0ba546135d7d948b863a0b7db47eb4d6', class: "spw-hero__image" }, this.hasVideo && this.variant !== 'maxi' && this.variant !== 'photo' && !isFeatured && (h("div", { key: 'f8c652d1aa3702073a8255573fddded8b89a43a1', class: "spw-hero__image-play", onClick: this.triggerModal, onKeyDown: this.handleKeyDown, tabIndex: 0, role: "button", "aria-label": this.accPlayButtonAriaLabel }, h("spw-icon", { key: 'c0f919aef352f109331c5752b5f0b20e327eb0a8', icon: "fa-play" }))), h("div", { key: 'b6a636ec058a5c82a580009b688330b6741fac4d', class: "spw-hero__overlay", style: this.overlayStyle }), 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 : h("div", { class: "spw-ds-container spw-hero__container" }, contentSlot)), !isImageVariant && !isFeatured && copyrightTag)));
|
|
84
87
|
}
|
|
85
88
|
static get is() { return "spw-hero"; }
|
|
86
89
|
static get encapsulation() { return "shadow"; }
|
|
@@ -452,6 +455,64 @@ export class SpwHero {
|
|
|
452
455
|
"attribute": "copyright-target",
|
|
453
456
|
"defaultValue": "'_blank'"
|
|
454
457
|
},
|
|
458
|
+
"tooltipCopyrightTitle": {
|
|
459
|
+
"type": "string",
|
|
460
|
+
"mutable": false,
|
|
461
|
+
"complexType": {
|
|
462
|
+
"original": "string",
|
|
463
|
+
"resolved": "string",
|
|
464
|
+
"references": {}
|
|
465
|
+
},
|
|
466
|
+
"required": false,
|
|
467
|
+
"optional": true,
|
|
468
|
+
"docs": {
|
|
469
|
+
"tags": [],
|
|
470
|
+
"text": "Titre du tooltip de copyright"
|
|
471
|
+
},
|
|
472
|
+
"getter": false,
|
|
473
|
+
"setter": false,
|
|
474
|
+
"reflect": false,
|
|
475
|
+
"attribute": "tooltip-copyright-title"
|
|
476
|
+
},
|
|
477
|
+
"tooltipCopyrightText": {
|
|
478
|
+
"type": "string",
|
|
479
|
+
"mutable": false,
|
|
480
|
+
"complexType": {
|
|
481
|
+
"original": "string",
|
|
482
|
+
"resolved": "string",
|
|
483
|
+
"references": {}
|
|
484
|
+
},
|
|
485
|
+
"required": false,
|
|
486
|
+
"optional": true,
|
|
487
|
+
"docs": {
|
|
488
|
+
"tags": [],
|
|
489
|
+
"text": "Texte du tooltip de copyright"
|
|
490
|
+
},
|
|
491
|
+
"getter": false,
|
|
492
|
+
"setter": false,
|
|
493
|
+
"reflect": false,
|
|
494
|
+
"attribute": "tooltip-copyright-text"
|
|
495
|
+
},
|
|
496
|
+
"tooltipCopyrightMaxWidth": {
|
|
497
|
+
"type": "string",
|
|
498
|
+
"mutable": false,
|
|
499
|
+
"complexType": {
|
|
500
|
+
"original": "string",
|
|
501
|
+
"resolved": "string",
|
|
502
|
+
"references": {}
|
|
503
|
+
},
|
|
504
|
+
"required": false,
|
|
505
|
+
"optional": true,
|
|
506
|
+
"docs": {
|
|
507
|
+
"tags": [],
|
|
508
|
+
"text": "Largeur maximale du tooltip de copyright"
|
|
509
|
+
},
|
|
510
|
+
"getter": false,
|
|
511
|
+
"setter": false,
|
|
512
|
+
"reflect": false,
|
|
513
|
+
"attribute": "tooltip-copyright-max-width",
|
|
514
|
+
"defaultValue": "'300'"
|
|
515
|
+
},
|
|
455
516
|
"imagePosition": {
|
|
456
517
|
"type": "string",
|
|
457
518
|
"mutable": false,
|
|
@@ -256,7 +256,7 @@ export class SpwInputSlider {
|
|
|
256
256
|
}
|
|
257
257
|
render() {
|
|
258
258
|
const rangeStyle = this.getRangeStyle();
|
|
259
|
-
return (h(Host, { key: '
|
|
259
|
+
return (h(Host, { key: 'aef06c3212830270a048c4120c29164338d2f824' }, h("div", { key: '23db6a6b31ef6c91e7212ec7f8eec1b227bbaf99', class: this.elementClass }, this.label && (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 && (h("spw-field-message", { key: 'ce38a915c706d465474c1d8af14423a25ac2d7d2', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'db4a33a1abe61a672b6077f0b4a5147ab9c53ef6', class: "spw-input-slider__container" }, 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 }, h("div", { key: '16a1a7315a660132541c599f228381828d118355', class: "spw-input-slider__range", style: rangeStyle }), this.range && Array.isArray(this.internalValue) ? ([
|
|
260
260
|
h("div", { key: "handle-min", class: "spw-input-slider__handle spw-input-slider__handle--min", style: this.orientation === 'horizontal'
|
|
261
261
|
? { left: `${this.getHandlePosition(this.internalValue[0])}%` }
|
|
262
262
|
: { bottom: `${this.getHandlePosition(this.internalValue[0])}%` }, onMouseDown: e => this.handleMouseDown(e, 'min'), onTouchStart: e => this.handleMouseDown(e, 'min') }, this.hasTooltip && h("div", { class: "spw-input-slider__tooltip" }, this.internalValue[0])),
|
|
@@ -39,7 +39,7 @@ export class SpwLightboxItem {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: 'e0a1b9ba9e2a4c33e939eb44ad70d5b9474b7f98' }, 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) }, h("slot", { key: '780cc51e40ecd7509c618a3610168f9742f274ef' }, h("img", { key: '230ce5be541a1bb669576f3fab40bda4332cb16f', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (h("div", { key: '7b02bc0d790df3f55a31ec9cb51cdd47241ba17f', class: "spw-lightbox-item__hover-overlay" }, h("spw-icon", { key: '8a3398b30350959fedc6babd7d36cf102e7c31be', icon: this.hoverIcon }))))));
|
|
43
43
|
}
|
|
44
44
|
static get is() { return "spw-lightbox-item"; }
|
|
45
45
|
static get encapsulation() { return "shadow"; }
|
|
@@ -221,10 +221,10 @@ export class SpwLightbox {
|
|
|
221
221
|
}
|
|
222
222
|
render() {
|
|
223
223
|
const { opened, activeItem, items, activeIndex } = this;
|
|
224
|
-
return (h(Host, { key: '
|
|
224
|
+
return (h(Host, { key: 'abc234b600e09d3d5e37779d35f23343df01c918' }, h("div", { key: '6657c6faae953f97c09e999f7a6036bfa0dbb0fd', inert: opened || undefined }, h("slot", { key: '061101ace7cecc154e617ab50a7d44a240436cc4' })), 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 }, h("div", { key: '154248164e28fd9c726aa3a6582d0726f390aa62', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), h("div", { key: '4f70b9589c5e78685b667dbdda1d4581fd8dad11', class: "spw-lightbox__container" }, h("div", { key: 'ec59ccae09faaa9845ab65ad184645018442c215', class: "spw-lightbox__toolbar" }, h("span", { key: 'f0f135ef2c553256e741ad32b11da0257a5436a6', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), h("div", { key: '4e6d451fb01b36c5ae5b9efb6516dd856311c888', ref: el => (this.closeButtonEl = el), class: "spw-lightbox__close", tabIndex: 0, role: "button", onClick: () => this.doClose(), onKeyDown: (e) => {
|
|
225
225
|
if (e.key === 'Enter' || e.key === ' ')
|
|
226
226
|
this.doClose();
|
|
227
|
-
} }, h("spw-link", { key: '
|
|
227
|
+
} }, h("spw-link", { key: '4817278c8bdade56a340bb4c18b60d194b2c99d7', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), h("div", { key: '613c3cb8e491e0112e2e9ac6bbf867c5f5d9c4b9', class: "spw-lightbox__stage" }, items.length > 1 && (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) })), h("div", { key: 'ade43ad0a877fb87e089e7cb824c52a517833eb3', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (h("div", { key: '2e6e36b4eded34277c368d587226e031e4c87ec5', class: "spw-lightbox__image-frame" }, 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)) && (h("div", { key: 'b9a6e7249e8fe88233e48c7af83e0779911fca43', class: "spw-lightbox__caption", "aria-live": "polite" }, h("div", { key: '419860cb7b290233496aef849a783b673d87a7df', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && h("strong", { key: 'f862d8a5a98a8da511fbaf7b1fe4b30283df2ee1', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && h("span", { key: '7b5adb2375e9fe815fcf50a854b71f7f214f52d6', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (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 && (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 && (h("div", { key: '1ea2bb1c95e66f37bc53460823aece1fe8c7cfe0', class: "spw-lightbox__thumbnails", role: "tablist", "aria-label": this.textThumbnailsLabel, ref: el => (this.thumbnailsEl = el) }, items.map((item, index) => (h("button", { key: item.src, role: "tab", class: { 'spw-lightbox__thumb': true, 'spw-lightbox__thumb--active': index === activeIndex }, onClick: () => (this.activeIndex = index), "aria-selected": String(index === activeIndex), "aria-label": item.alt || this.textThumbnailItem.replace('{index}', String(index + 1)) }, h("img", { src: item.src, alt: item.alt || '', loading: "lazy" }))))))))));
|
|
228
228
|
}
|
|
229
229
|
static get is() { return "spw-lightbox"; }
|
|
230
230
|
static get encapsulation() { return "shadow"; }
|
|
@@ -34,7 +34,7 @@ export class SpwLink {
|
|
|
34
34
|
};
|
|
35
35
|
const iconClass = `spw-icon--${iconPosition}`;
|
|
36
36
|
const iconElement = icon ? h("spw-icon", { class: iconClass, icon: icon }) : null;
|
|
37
|
-
return (h("a", Object.assign({ key: '
|
|
37
|
+
return (h("a", Object.assign({ key: '32378b05b827025261ac14fabf52d5d03539f52a', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: 'e522dcbaecc16fb7c901bfd32587b19192148613', class: "spw-link__inner" }, h("slot", { key: '702b2c9d307fd53dd60dbf197c9cced7892455ba' })), iconPosition === 'right' && iconElement));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "spw-link"; }
|
|
40
40
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,7 +9,7 @@ export class SpwListDescription {
|
|
|
9
9
|
};
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: '1acb8335f45d7ffb0e2cb9fc8d1bbd44567511f1' }, h("div", { key: 'dd9fa74ca7ec1021de985fd064e7f8ae25ea0a03', class: this.elementClass }, h("slot", { key: 'eafa4bbebf071a426b72e6e675b2c9a3ac9538cc' }))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "spw-list-description"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -106,7 +106,7 @@ export class SpwListItem {
|
|
|
106
106
|
href,
|
|
107
107
|
target,
|
|
108
108
|
};
|
|
109
|
-
return (h(Host, { key: '
|
|
109
|
+
return (h(Host, { key: 'f4137df597553595b7b7f37020c364bd4369d0d8' }, h("li", { key: '58305da3d69ef47f950c43a9b3baca3c501218f1', role: "listitem", class: this.elementClass }, this.category && (h("span", { key: '1da1ec09cf986e3453ee64790528016e839f83d3', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: '6d20a688a05a4de079bef689251dd61d0a40cf76', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: 'ad5cec4a272674c8735c802a9c420c3bb5b48191' }, attrs), h("slot", { key: 'fde395b5abb04a747d35c7f5e155250cf2102f9d' })), h("slot", { key: '1dd19acae38f423c7325aa6e350c87253ef13e66', name: "buttons" }))));
|
|
110
110
|
}
|
|
111
111
|
static get is() { return "spw-list-item"; }
|
|
112
112
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,7 +10,7 @@ export class SpwListTitle {
|
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '5f4902a58a810d70afd1925d2aca0e854a34b69b' }, h("div", { key: 'cfd756e0515ddb1d2d45ad05848725a2f0db669f', class: this.elementClass }, this.icon && h("spw-icon", { key: '5d28205520fb71bcefb11d7b2bc4c444b36b8d2d', icon: this.icon }), h("div", { key: 'aa75745c5e013a19c7d21b2ab6f32e0c02bdd536', class: "spw-list-title__content" }, h("div", { key: '59fcba1d895676a9dc643ee500b270082ce29c1b', class: "spw-list-title__content-text" }, h("slot", { key: '5bd478c0bd0fb705217717b3c4480d4cd733ba01' }))))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "spw-list-title"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -29,7 +29,7 @@ export class SpwList {
|
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: 'f0d761c29dcd8d941405051fe61ab5d34530a6ba' }, h("ul", { key: '5bc5e5b4a6698383f77925db8115d7706389e61a', role: "list", class: this.elementClass }, h("slot", { key: '47f63bb4ba132b5187c0c71456e83eea7e5f50f0' }))));
|
|
33
33
|
}
|
|
34
34
|
static get is() { return "spw-list"; }
|
|
35
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -19,7 +19,7 @@ export class SpwLoading {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '3e4184324f5760fb373c047ff96b3ceb639b653e' }, h("div", { key: '79980d59ff58731f54276d77a2687914c96b4e92', class: this.loadingClasses }, h("div", { key: '0e8b3edc3682ff1b51a161e1a9d8a7913e10aeeb', class: "spw-loading__spinner" }), this.text && h("p", { key: '6fe0eb89d7727ecf6ad9d0cb4efed0b586904436', class: "spw-loading__text" }, this.text))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "spw-loading"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -172,13 +172,13 @@ export class SpwModal {
|
|
|
172
172
|
};
|
|
173
173
|
}
|
|
174
174
|
render() {
|
|
175
|
-
return (h(Host, { key: '
|
|
175
|
+
return (h(Host, { key: '4eb87501a9a4cc098250700f58c027e3f3fc13c6' }, h("div", { key: '100bc778f67fca4ebc8ca8e1933033a362f94c24', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '56918adc60d5b97ffd43e66323a4fc28f72c6297', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '65612030c666acfaa5bafccff02b265e2df49408', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '51ce6d5e32a972e6c7c7ff95844c6aab0793a979', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: '92deb26800d917a018012ae8dab17491fdfade57', class: "spw-modal__header" }, h("div", { key: 'a96de8538e42a2ef89c2669459a4921bb818ad03', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: '4328a281475bb9fb969234010872d83ad7c7db72', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: '7c16016aaaced617feb2cbdddb225c0de07c9294', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: '3cfd868ed08d69d6eacbc2e2908da0f1ae68236e', class: {
|
|
176
176
|
'spw-modal__close-button': true,
|
|
177
177
|
'spw-modal__close-button--sticky': this.isCloseButtonSticky,
|
|
178
|
-
}, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: '
|
|
178
|
+
}, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: '36577f9858f3eaa116b41af3e2654b6a0d803fe5', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: 'f1fae039840a285805410fee667a4e5c53d441ea', class: "spw-modal__body" }, h("slot", { key: '199cc1dfa3507fee34d5a86f90c35948ad656549', name: "content" })), h("div", { key: '83bfe6dfccb359f373c3e0b7080893a716eb6812', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: '7bc4e5745527068f0cc6eb2bfedc7440e99a0199', name: "buttons", onSlotchange: (e) => {
|
|
179
179
|
const slot = e.target;
|
|
180
180
|
this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
|
|
181
|
-
} })))), h("div", { key: '
|
|
181
|
+
} })))), h("div", { key: '57d4de3c3d2d5769b14388d16c30471091007af0', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
|
|
182
182
|
}
|
|
183
183
|
static get is() { return "spw-modal"; }
|
|
184
184
|
static get encapsulation() { return "shadow"; }
|
|
@@ -45,7 +45,7 @@ export class SpwMosaicItem {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (h(Host, { key: '
|
|
48
|
+
return (h(Host, { key: '82c0e3a358daf0c96c0c4799fdf208e6e22e0e88' }, h("slot", { key: '5e094652b85b1fa2eddcf611b9e4fd74159fcbb3' })));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "spw-mosaic-item"; }
|
|
51
51
|
static get encapsulation() { return "shadow"; }
|
|
@@ -136,7 +136,7 @@ export class SpwMosaic {
|
|
|
136
136
|
};
|
|
137
137
|
}
|
|
138
138
|
render() {
|
|
139
|
-
return (h(Host, { key: '
|
|
139
|
+
return (h(Host, { key: 'a2878c9196d2cb6eb75ac2b406a951c2eafb8f17' }, h("div", { key: 'b57c237e408c7b6c8d1759886d695bee866f19e1', class: this.elementClass }, h("slot", { key: '4bcadc41dd9e4d4319f284f627e803dae17b62ab' }))));
|
|
140
140
|
}
|
|
141
141
|
static get is() { return "spw-mosaic"; }
|
|
142
142
|
static get encapsulation() { return "shadow"; }
|
|
@@ -167,12 +167,12 @@ export class SpwPagination {
|
|
|
167
167
|
const pages = this.calculatePageRange();
|
|
168
168
|
const showPrevArrow = this.currentPage > 1;
|
|
169
169
|
const showNextArrow = this.currentPage < this.totalPages;
|
|
170
|
-
const prevArrow = showPrevArrow && (h("li", { key: '
|
|
171
|
-
const nextArrow = showNextArrow && (h("li", { key: '
|
|
172
|
-
const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '
|
|
173
|
-
const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '
|
|
174
|
-
const mobileArrows = (h("ul", { key: '
|
|
175
|
-
return (h(Host, { key: '
|
|
170
|
+
const prevArrow = showPrevArrow && (h("li", { key: 'dcd1498e29ee3fb0a7aacfcf837cf779941390c0', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'b15634e85c1082de7220d634d703583cfe000cc0', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'e15c7fd09d198cced97501c8eeac814e6c72e45e', icon: "fa-chevron-left" }), " ", h("span", { key: '417047243b0821163a0e107fb5f810c60758a899', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
|
|
171
|
+
const nextArrow = showNextArrow && (h("li", { key: 'dfad6e553a19c22f6f7ecca0a0c0b41a190370a9', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '278d707a4394e2225cf6c9bf50ae1146b54914fd', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '47b58d5f383d2aee5335ce3e3520593ae6b8fdc1', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: 'aaeb333a63ce999845ff481283d65d359b498626', icon: "fa-chevron-right" }))));
|
|
172
|
+
const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '67d470dd7ec978d778bf9501f7ff4f0d53e8fd74', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '1ef874caef38ad58bfef892f7ff3d3c6a92f1e13', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '615092ac9a6fd45d24fba1625ff16f5ab83bcd08', icon: "fa-chevron-left" }), " ", h("span", { key: '68890a0dc95b5356e08002ecd2e8917f024ea2dd' }, this.previousButtonText))));
|
|
173
|
+
const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'b3ec5c4edbbf33b3c3597e2e8269d390cdf13f3d', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '183cf1b1d5d6a92f7738674e3d2e9cb7f060af57', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '7dfbc497fa94d90984af376e5e20a46621ef4402' }, this.nextButtonText), " ", h("spw-icon", { key: '0aa1fef8996bf23df1eda494cb8f1d9ef6a857b9', icon: "fa-chevron-right" }))));
|
|
174
|
+
const mobileArrows = (h("ul", { key: 'bb0d46915afe5a30ed9751d858a7046a026d0ff4', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
|
|
175
|
+
return (h(Host, { key: '044cde627233453d74e4a55bfea69d8199513b72' }, h("div", { key: '7e49988f7e2331a3b986cb9644fb51b5e3e25997', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '721f2508e7980a7d017d57bd35571bea3d7e7478' }, h("ul", { key: 'ed8562aa281db341405e2d7a7374e1890e63ae16' }, prevArrow, h("li", { key: '0f0a0a41bc898e82c1293d59892a2278de1f3e2a', class: "spw-pagination__input" }, 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 })), h("li", { key: '638c548a6d33678719f9c9543eb3b99a9b52a7d9', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'a88d47012d933c68cb648223cf0e2de3e0b4b1e5' }, h("ul", { key: '88d35c75e74693c3cefc806a9592bbf96103add8' }, prevArrow, pages.map(({ page, class: pageClass }) => {
|
|
176
176
|
if (page === '...') {
|
|
177
177
|
return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
|
|
178
178
|
}
|
|
@@ -92,7 +92,7 @@ export class SpwRadio {
|
|
|
92
92
|
render() {
|
|
93
93
|
const slot = this.el.innerHTML;
|
|
94
94
|
const hasSlot = Boolean(slot);
|
|
95
|
-
return (h("div", { key: '
|
|
95
|
+
return (h("div", { key: 'a781adf38f9770b007e32e827af954e56a30c7f2', class: "spw-radio" }, 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 && (h("label", { key: '8c06d8b2581204f2ddbdbd1440694052039498a0', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: '9434b6826bc54470f91e5529acf6150348b8b437' }))), 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 && h("span", { key: '16d4f2247dd961d5d9f5c9dfccc600dab309548d', class: "spw-radio__circle" }))));
|
|
96
96
|
}
|
|
97
97
|
static get is() { return "spw-radio"; }
|
|
98
98
|
static get encapsulation() { return "shadow"; }
|
|
@@ -73,7 +73,7 @@ export class SpwScrolltop {
|
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
|
-
return (h(Host, { key: '
|
|
76
|
+
return (h(Host, { key: 'a9133326637d4aa8f58f2970407dbd59ea168791', class: this.hostClass }, 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 })));
|
|
77
77
|
}
|
|
78
78
|
static get is() { return "spw-scrolltop"; }
|
|
79
79
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,7 +27,7 @@ export class SpwSeparator {
|
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return h("div", { key: '
|
|
30
|
+
return h("div", { key: 'd74452bbc8830cf494100c3f6510988104a5b754', class: this.elementClass, style: this.style });
|
|
31
31
|
}
|
|
32
32
|
static get is() { return "spw-separator"; }
|
|
33
33
|
static get encapsulation() { return "shadow"; }
|
|
@@ -11,7 +11,7 @@ export class SpwSidebarNavigationDropdown {
|
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: '968a8719643921e9d8453b0d2fcdd87ea2c1e933', class: this.classes }, h("div", { key: '2ac5caa680ebd83fdc07f653d7fceb8b2a4a0d27', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'ee24630234c1e6af964b327951108bd2528e9033' }))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "spw-sidebar-navigation-dropdown"; }
|
|
17
17
|
static get originalStyleUrls() {
|
|
@@ -169,14 +169,14 @@ export class SpwSidebarNavigationItem {
|
|
|
169
169
|
}
|
|
170
170
|
render() {
|
|
171
171
|
const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
|
|
172
|
-
const iconContent = h("spw-icon", { key: '
|
|
173
|
-
const iconDiv = (h("div", { key: '
|
|
172
|
+
const iconContent = h("spw-icon", { key: '4700c5778d91fb367ffcf90c55b31d1eb78282e7', variant: this.iconVariant, icon: this.icon });
|
|
173
|
+
const iconDiv = (h("div", { key: '2406404742b25ff81bebd21d17e397b631ab950c', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '1cffd6dae86d4f0c2e0443a8b0dbd174ca657999', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
|
|
174
174
|
const iconWithBubble = this.tooltipTitle ? (h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
|
|
175
175
|
const toggleClasses = {
|
|
176
176
|
'spw-sidebar-navigation-item__dropdown-toggle': true,
|
|
177
177
|
'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
|
|
178
178
|
};
|
|
179
|
-
return (h(Tag, { key: '
|
|
179
|
+
return (h(Tag, { key: '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, h("div", { key: '557a4716bddf11ddad7a738feeac2d2bbffad344', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'a7052155045a1d884b68bf8a83ab6387eef18c9d', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '51bb492ca65770f8ddb4232fdf640a0b813dee4b' })), this.hasDropdown && (h("div", { key: '519714001a45ccfdd55b074f34fb2540b214b358', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'fec943dfcfcb4ec8047df513aae3e34a2b66db7e', icon: "fa-chevron-down" }))), h("slot", { key: '7f241804786a5a00dee11516dbee994779b05c4b', name: "dropdown" }))));
|
|
180
180
|
}
|
|
181
181
|
static get is() { return "spw-sidebar-navigation-item"; }
|
|
182
182
|
static get originalStyleUrls() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class SpwSidebarNavigationSeparator {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'ca09de8816dc4027c434439fd3f1d1810c7b0e71' }, h("spw-separator", { key: 'f88b2223b3db5ce2a71ad12d5ce98460f115a60c', class: "spw-sidebar-navigation-separator" })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-sidebar-navigation-separator"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -76,7 +76,7 @@ export class SpwSidebar {
|
|
|
76
76
|
};
|
|
77
77
|
}
|
|
78
78
|
render() {
|
|
79
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: '85674117e60989814f7d7a37f3dd3b904379d110', class: this.hostClass }, h("div", { key: 'a7dc79b161de709d47cda189859f6fbddf816035', class: this.elementClass }, h("span", { key: 'ee66487ae37380cc48444f049bd9aaef8c597928', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '479cf95d769990758fd766ebed32554863cf7508', icon: "fa-chevron-right" })), h("div", { key: '3d96559cf723cd903a77fb943ba58cca0036b96a', class: "spw-sidebar__content" }, h("slot", { key: '62d878e457b129647df984e5b960b9fd61a9b0fa', name: "navigation-top" }), h("slot", { key: 'fca6deed9ea823420628c03078e53b7cdd502e49', name: "navigation-bottom" })), h("div", { key: '67d0697a069f050892328f652b4e6930deb7a3fa', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
|
|
80
80
|
}
|
|
81
81
|
static get is() { return "spw-sidebar"; }
|
|
82
82
|
static get encapsulation() { return "shadow"; }
|
|
@@ -44,7 +44,7 @@ export class SpwSkeleton {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
-
return (h(Host, { key: '
|
|
47
|
+
return (h(Host, { key: 'f51453d4c09ee19f5b6d8d770fc106a37f4c7e90' }, h("div", { key: '5c1f100999ec9466dac114f16c23ec4d6e7eaadf', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '5347334004f09f1584aa0384d3f65e1070e3c0c6' }))));
|
|
48
48
|
}
|
|
49
49
|
static get is() { return "spw-skeleton"; }
|
|
50
50
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class SpwSliderItem {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '3065e73cb4ab19f7680eefa90be5a880e3c10615' }, h("div", { key: '6cebacf00a6ea0f52a0cab1cfe42422ed37ab2e3', class: "spw-slider-item" }, h("slot", { key: '142200a3deb0169d888adb1e3e5c92a1fab07404' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-slider-item"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -394,7 +394,7 @@ export class SpwSlider {
|
|
|
394
394
|
}, onClick: () => this.handleDotClick(i), "aria-label": `Slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))));
|
|
395
395
|
}
|
|
396
396
|
render() {
|
|
397
|
-
return (h(Host, { key: '
|
|
397
|
+
return (h(Host, { key: '67c85fed7cc665da3cfa60082b5ac76b1f679c0d' }, h("div", { key: '1090245b2710939eb572d26c1ed23ade12c416e9', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: 'e810a8fe4154b2f793041cae72f889a001988b84', class: "spw-slider__track" }, h("slot", { key: '440367be7154291d1d18465fab6dedbd79271792' })), this.showArrows && (h("div", { key: '7e8da39ecafddd9e3967d7a15e9d1838bbb51074', class: "spw-slider__navigation" }, h("button", { key: '48a77dde510252161146311dbd7ee8d75f39abfa', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: 'e8d9234727245e28a6d12d1914420cac33689edf', icon: "fa-chevron-left" })), 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 }, h("spw-icon", { key: '8f545069639f403f8b4ef7843bf10d9d102609a1', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (h("div", { key: '95bc58b0e2de1dc60a1e8f5036b8aec4eaebf9b6', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (h("div", { key: 'e6e919ce3bbad911c74914bd19b3e920c028c4f9', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: 'c8583e3b3a2b47e9ce67c7d6aa448b54dea0a3ec', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
|
|
398
398
|
}
|
|
399
399
|
static get is() { return "spw-slider"; }
|
|
400
400
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5,7 +5,7 @@ export class SpwSocials {
|
|
|
5
5
|
this.mainTitle = 'Restez connecté';
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: 'db6717f3f956e096ee63cd2664eb6b2421c295d1' }, h("div", { key: '4154f8ff374bb0eb88cc44a5537cf1199c14f10f', class: "spw-socials" }, h("div", { key: '3c22a4c8b30f15ad6cd14737b538a5430c0babeb', class: "spw-ds-container" }, h("h2", { key: 'f2d034530d90defe469185883d98c3a1ed8c364b', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'e569038b22f69448199c67aca4a8eb8844f5574c', class: "spw-socials__content" }, h("slot", { key: '930e33211f97eea0fee624d1bff512f7e24a4366' }))))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "spw-socials"; }
|
|
11
11
|
static get originalStyleUrls() {
|
|
@@ -33,7 +33,7 @@ export class SpwTableBody {
|
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h("tbody", { key: '
|
|
36
|
+
return (h("tbody", { key: 'c1ad96fdf8c9434261fdde389b622783007e412d', part: "tbody" }, h("slot", { key: 'd02437370fd0fce984282efdb12383dfe6af06b6' })));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "spw-table-body"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -87,7 +87,7 @@ export class SpwTableCell {
|
|
|
87
87
|
}
|
|
88
88
|
attrs.style = stickyStyles;
|
|
89
89
|
}
|
|
90
|
-
return (h("td", Object.assign({ key: '
|
|
90
|
+
return (h("td", Object.assign({ key: 'f9b278a91f81e51c4440065af95be6ebd4e9f53a' }, attrs), h("slot", { key: 'fc808a407475a1389437d9be17a5d6df20e931f8' })));
|
|
91
91
|
}
|
|
92
92
|
static get is() { return "spw-table-cell"; }
|
|
93
93
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class SpwTableContainer {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '747a8e38e481a29d2d88e1ab32fdf5fc1f86d620' }, h("div", { key: '9f1af8ce965cbe3dd274b95d0ec62b293c4ae003', class: "spw-table-container" }, h("slot", { key: '6d8a6f7c761af455f1471d01c2f7c6963e915b59' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-table-container"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class SpwTableFooter {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: '53c671c9fc75e04e9bae06039b129fd1f0c04902', class: "spw-table-footer" }, h("slot", { key: '366b793385c0d92aa8edbdf1e794a23e8bfd8934', name: "left" }), h("slot", { key: '02f20d1221f57ea8abb1d0aa66a90e67c5c2f928', name: "center" }), h("slot", { key: '19917ed07904b91f6bbd745c30c35f12a279cc90', name: "right" })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-table-footer"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class SpwTableHead {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("thead", { key: '
|
|
4
|
+
return (h("thead", { key: 'bcf6e652ad90ca539067497316ce21faf5c9b97a', part: "thead" }, h("slot", { key: '809253308d029c5979b28c8b426a53483f2912ae' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "spw-table-head"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -65,10 +65,10 @@ export class SpwTableHeader {
|
|
|
65
65
|
}
|
|
66
66
|
attrs.style = stickyStyles;
|
|
67
67
|
}
|
|
68
|
-
return (h("th", Object.assign({ key: '
|
|
68
|
+
return (h("th", Object.assign({ key: 'f9d040dd58d8739e60d70bb53a477d3f0da25c72' }, attrs), h("div", { key: 'b1e0ab131f026740b669cd37e493d79d8ef46ad1', class: {
|
|
69
69
|
'spw-table-header__content': true,
|
|
70
70
|
'spw-table-header__content--is-sorted': this.isSorted,
|
|
71
|
-
} }, h("slot", { key: '
|
|
71
|
+
} }, h("slot", { key: 'eec3daf6a29e815971d4e82265e54bd2f966fbcb' }), h("div", { key: '0b3ee697ce5ab7d29aded245f3b879561e237bc6', class: "spw-table-header__icons" }, h("slot", { key: 'c5ac4935be906a8b6f52d2bf48d153e4ce91c2ad', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '27ec14c3d6853005a17e42a32e593cb4a19c978e', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '6998539763d4144d4e0275089f73ae734a2f04c3', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '31169ff6d560ca8ef0329b07ed9330d021c497be', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
|
|
72
72
|
}
|
|
73
73
|
static get is() { return "spw-table-header"; }
|
|
74
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -49,7 +49,7 @@ export class SpwTableRow {
|
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
return (h(Host, { key: '
|
|
52
|
+
return (h(Host, { key: '65672e550b60007a5a067207e5e98391b15e9a1d', part: "row" }, h("tr", { key: 'aa9563a8d33329fedefc97f49dd0fc3cbe54b1a4', class: this.elementClass, part: "row" }, h("slot", { key: '1647fc675ce503dd64551176e9719ed031131fcc' }))));
|
|
53
53
|
}
|
|
54
54
|
static get is() { return "spw-table-row"; }
|
|
55
55
|
static get encapsulation() { return "shadow"; }
|
|
@@ -123,7 +123,7 @@ export class SpwTableSidebar {
|
|
|
123
123
|
}
|
|
124
124
|
render() {
|
|
125
125
|
const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
|
|
126
|
-
return (h(Host, { key: '
|
|
126
|
+
return (h(Host, { key: 'b8b4b59f8ddff138601e3723ab3b96919807bb8c', style: style, class: this.hostClass }, h("nav", { key: '069e5baf3dce00f9c45c7943f8f6e588e79c3fe6', class: this.elementClass }, h("span", { key: '5229c33d65e6bc1c08e4d1e3b0f8afc6d24a7431', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'a50c05d8561210ef66026395e26e3cbaa506e77e', icon: "fa-chevron-left" })), h("div", { key: 'efb6cae5e348f52f026db07f6381d1f8785e85af', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '3cea2ba602cc1757f4abcbfc2628ad19f521d4dd', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '23dccad9d9cf67ad86580fa1b9cb1b52e004be20', class: "spw-table-sidebar__content" }, h("div", { key: 'aba8097d393fc7cefce1bcf1666403104a6b67c5', class: "spw-table-sidebar__header" }, h("span", { key: 'b5e89956cc8d101c938073d311ba2bd742b8dde8', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '3277432f0fac70bd812714423c880c43026c19fd', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '2244b989d733aa649d7d74d26fd548338c365d28', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: 'cac5fd1d25cc788ebb52997b2c244f554b8ed1aa', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'cad3dfe8b3fe8d41286d0891b7a8a3fe233def05' })), h("div", { key: 'ca8b941d16b2725f53dfb7099f40fda72a7901b6', class: "spw-table-sidebar__footer" }, h("slot", { key: 'd7dba20a95384af715ef218ceba8b77bd5f86d84', name: "sidebar-footer" }))))));
|
|
127
127
|
}
|
|
128
128
|
static get is() { return "spw-table-sidebar"; }
|
|
129
129
|
static get encapsulation() { return "shadow"; }
|