@spw-ds/spw-stencil-library 1.2.3 → 1.2.4
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/cjs/{index-iVhYitTd.js → index-ivINMH9O.js} +5 -5
- package/dist/cjs/{index-iVhYitTd.js.map → index-ivINMH9O.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-accordion_4.cjs.entry.js +3 -3
- package/dist/cjs/spw-accordion_4.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/spw-button_2.cjs.entry.js +5 -5
- package/dist/cjs/spw-card-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-image.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-subtag-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-subtags.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-card.cjs.entry.js +1 -1
- package/dist/cjs/spw-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/spw-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-checkbox.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-cookies.cjs.entry.js +1 -1
- package/dist/cjs/spw-custom-select.cjs.entry.js +23 -5
- package/dist/cjs/spw-custom-select.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-custom-select.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-date-picker.cjs.entry.js +195 -34
- package/dist/cjs/spw-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-date-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-dropdown-container.cjs.entry.js +20 -0
- package/dist/cjs/spw-dropdown-container.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-dropdown-container.entry.cjs.js.map +1 -0
- package/dist/cjs/spw-dropdown-item.cjs.entry.js +87 -0
- package/dist/cjs/spw-dropdown-item.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-dropdown-item.entry.cjs.js.map +1 -0
- package/dist/cjs/spw-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-dropdown.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-field-label_6.cjs.entry.js +7 -7
- package/dist/cjs/spw-field-message.cjs.entry.js +2 -2
- package/dist/cjs/spw-file-upload.cjs.entry.js +6 -5
- package/dist/cjs/spw-file-upload.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-file-upload.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-footer-bottom.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-content-col.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-link.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-lang-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-lang.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-header-navigation.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-persona-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-persona.cjs.entry.js +2 -2
- package/dist/cjs/spw-header.cjs.entry.js +2 -2
- package/dist/cjs/spw-hero.cjs.entry.js +2 -2
- package/dist/cjs/spw-illustration.cjs.entry.js +1 -1
- package/dist/cjs/spw-iodda.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-description.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-title.cjs.entry.js +2 -2
- package/dist/cjs/spw-list.cjs.entry.js +2 -2
- package/dist/cjs/spw-message.cjs.entry.js +1 -1
- package/dist/cjs/spw-modal.cjs.entry.js +4 -4
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-mosaic.cjs.entry.js +2 -2
- package/dist/cjs/spw-pagination.cjs.entry.js +8 -8
- package/dist/cjs/spw-radio.cjs.entry.js +3 -3
- package/dist/cjs/spw-search-field.cjs.entry.js +3 -3
- package/dist/cjs/spw-select.cjs.entry.js +13 -3
- package/dist/cjs/spw-select.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-select.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +85 -7
- package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-sidebar-navigation-item.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidebar.cjs.entry.js +10 -2
- package/dist/cjs/spw-sidebar.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-sidebar.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-skeleton.cjs.entry.js +5 -3
- package/dist/cjs/spw-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-skeleton.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-socials.cjs.entry.js +2 -2
- package/dist/cjs/spw-stencil-library.cjs.js +2 -2
- package/dist/cjs/spw-table-body.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-cell.cjs.entry.js +33 -3
- package/dist/cjs/spw-table-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table-cell.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-table-footer.cjs.entry.js +3 -3
- package/dist/cjs/spw-table-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table-footer.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-table-head.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-header.cjs.entry.js +4 -4
- package/dist/cjs/spw-table-row.cjs.entry.js +2 -2
- package/dist/cjs/spw-table.cjs.entry.js +47 -7
- package/dist/cjs/spw-table.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-tabs-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-tabs-navigation.cjs.entry.js +2 -2
- package/dist/cjs/spw-tabs.cjs.entry.js +6 -4
- package/dist/cjs/spw-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-tabs.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-tag.cjs.entry.js +2 -2
- package/dist/cjs/spw-text-field.cjs.entry.js +3 -3
- package/dist/cjs/spw-textarea.cjs.entry.js +3 -3
- package/dist/cjs/spw-tile-description.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile-title.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile.cjs.entry.js +2 -2
- package/dist/cjs/spw-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/spw-topbar.cjs.entry.js +2 -2
- package/dist/cjs/spw-wizard-item.cjs.entry.js +64 -0
- package/dist/cjs/spw-wizard-item.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-wizard-item.entry.cjs.js.map +1 -0
- package/dist/cjs/spw-wizard.cjs.entry.js +90 -0
- package/dist/cjs/spw-wizard.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-wizard.entry.cjs.js.map +1 -0
- package/dist/cjs/{utils-CKYAw_Le.js → utils-D_vNTY6w.js} +3 -3
- package/dist/cjs/{utils-CKYAw_Le.js.map → utils-D_vNTY6w.js.map} +1 -1
- package/dist/collection/collection-manifest.json +5 -1
- package/dist/collection/components/spw-accordion/spw-accordion-item/spw-accordion-item.css +1 -1
- package/dist/collection/components/spw-checkbox/spw-checkbox.css +1 -1
- package/dist/collection/components/spw-custom-select/spw-custom-select.js +42 -3
- package/dist/collection/components/spw-custom-select/spw-custom-select.js.map +1 -1
- package/dist/collection/components/spw-date-picker/spw-date-picker.css +1 -1
- package/dist/collection/components/spw-date-picker/spw-date-picker.js +240 -29
- package/dist/collection/components/spw-date-picker/spw-date-picker.js.map +1 -1
- package/dist/collection/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.css +2 -0
- package/dist/collection/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.js +19 -0
- package/dist/collection/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.js.map +1 -0
- package/dist/collection/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.css +2 -0
- package/dist/collection/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.js +175 -0
- package/dist/collection/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.js.map +1 -0
- package/dist/collection/components/spw-dropdown/spw-dropdown.js +2 -2
- package/dist/collection/components/spw-dropdown/spw-dropdown.js.map +1 -1
- package/dist/collection/components/spw-field-label/spw-field-label.js +1 -1
- package/dist/collection/components/spw-field-message/spw-field-message.js +1 -1
- package/dist/collection/components/spw-file-upload/spw-file-upload.js +3 -2
- package/dist/collection/components/spw-file-upload/spw-file-upload.js.map +1 -1
- package/dist/collection/components/spw-footer/spw-footer-bottom/spw-footer-bottom.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-content/spw-footer-content.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer.js +1 -1
- package/dist/collection/components/spw-group/spw-group.js +1 -1
- package/dist/collection/components/spw-header/spw-header-lang/spw-header-lang.js +1 -1
- package/dist/collection/components/spw-header/spw-header-lang-item/spw-header-lang-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-dropdown/spw-header-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona-item/spw-header-persona-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header.js +1 -1
- package/dist/collection/components/spw-hero/spw-hero.js +1 -1
- package/dist/collection/components/spw-iodda/spw-iodda.js +1 -1
- 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 +1 -1
- 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-search-field/spw-search-field.js +2 -2
- package/dist/collection/components/spw-select/spw-select.js +32 -1
- package/dist/collection/components/spw-select/spw-select.js.map +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.css +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js +105 -6
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js.map +1 -1
- 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 +9 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar.js.map +1 -1
- package/dist/collection/components/spw-skeleton/spw-skeleton.js +4 -2
- package/dist/collection/components/spw-skeleton/spw-skeleton.js.map +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.css +1 -1
- package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js +56 -1
- package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js.map +1 -1
- package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.css +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.css +1 -1
- package/dist/collection/components/spw-table/spw-table.js +110 -9
- package/dist/collection/components/spw-table/spw-table.js.map +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs.js +6 -4
- package/dist/collection/components/spw-tabs/spw-tabs.js.map +1 -1
- package/dist/collection/components/spw-tag/spw-tag.js +1 -1
- package/dist/collection/components/spw-text-field/spw-text-field.js +1 -1
- package/dist/collection/components/spw-textarea/spw-textarea.js +1 -1
- package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile.js +1 -1
- package/dist/collection/components/spw-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.css +2 -0
- package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js +339 -0
- package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js.map +1 -0
- package/dist/collection/components/spw-wizard/spw-wizard.css +2 -0
- package/dist/collection/components/spw-wizard/spw-wizard.js +192 -0
- package/dist/collection/components/spw-wizard/spw-wizard.js.map +1 -0
- package/dist/collection/stories/components/spw-date-picker/spw-date-picker.stories.js +46 -1
- package/dist/collection/stories/components/spw-date-picker/spw-date-picker.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-header/spw-header.stories.js +1 -1
- package/dist/collection/stories/organisms/spw-header/spw-header.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-table/spw-table.stories.js +119 -0
- package/dist/collection/stories/organisms/spw-table/spw-table.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-wizard/spw-wizard.stories.js +208 -0
- package/dist/collection/stories/organisms/spw-wizard/spw-wizard.stories.js.map +1 -0
- package/dist/collection/utils/utils.js +1 -1
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/components/index.js +3 -3
- package/dist/components/index.js.map +1 -1
- package/dist/components/{p-B-sLKmnT.js → p-AjhBdYbk.js} +6 -6
- package/dist/components/{p-B-sLKmnT.js.map → p-AjhBdYbk.js.map} +1 -1
- package/dist/components/{p-zpG0udTn.js → p-BBi01mKM.js} +3 -3
- package/dist/components/{p-zpG0udTn.js.map → p-BBi01mKM.js.map} +1 -1
- package/dist/components/{p-DIhULKFM.js → p-Bvpi6byK.js} +3 -3
- package/dist/components/{p-DIhULKFM.js.map → p-Bvpi6byK.js.map} +1 -1
- package/dist/components/{p-GUYao_6w.js → p-CNNUoO2J.js} +4 -4
- package/dist/components/{p-GUYao_6w.js.map → p-CNNUoO2J.js.map} +1 -1
- package/dist/components/{p-fNRoK67L.js → p-CVuBJlFL.js} +3 -3
- package/dist/components/{p-fNRoK67L.js.map → p-CVuBJlFL.js.map} +1 -1
- package/dist/components/{p-B3OQ2nRI.js → p-D4PsQ_SH.js} +4 -4
- package/dist/components/p-D4PsQ_SH.js.map +1 -0
- package/dist/components/p-DHBpMBYT.js +129 -0
- package/dist/components/p-DHBpMBYT.js.map +1 -0
- package/dist/components/{p-BDRCqK1w.js → p-J5AA2xQI.js} +3 -3
- package/dist/components/{p-BDRCqK1w.js.map → p-J5AA2xQI.js.map} +1 -1
- package/dist/components/{p-Dku0Cksp.js → p-_sdYD0eS.js} +6 -6
- package/dist/components/{p-Dku0Cksp.js.map → p-_sdYD0eS.js.map} +1 -1
- package/dist/components/{p-DaosfSzT.js → p-du-Bai6S.js} +12 -12
- package/dist/components/{p-DaosfSzT.js.map → p-du-Bai6S.js.map} +1 -1
- package/dist/components/{p-BF73GiQU.js → p-qgvllwX6.js} +3 -3
- package/dist/components/{p-BF73GiQU.js.map → p-qgvllwX6.js.map} +1 -1
- package/dist/components/{p-BowHA3gk.js → p-t1vZcpqC.js} +3 -3
- package/dist/components/{p-BowHA3gk.js.map → p-t1vZcpqC.js.map} +1 -1
- package/dist/components/spw-accordion-item.js +1 -1
- package/dist/components/spw-breadcrumb-item.js +1 -1
- package/dist/components/spw-button.js +1 -1
- package/dist/components/spw-card-content.js +1 -1
- package/dist/components/spw-checkbox.js +1 -1
- package/dist/components/spw-cookies.js +4 -4
- package/dist/components/spw-custom-select.js +27 -8
- package/dist/components/spw-custom-select.js.map +1 -1
- package/dist/components/spw-date-picker.js +203 -38
- package/dist/components/spw-date-picker.js.map +1 -1
- package/dist/components/spw-dropdown-container.d.ts +11 -0
- package/dist/components/spw-dropdown-container.js +36 -0
- package/dist/components/spw-dropdown-container.js.map +1 -0
- package/dist/components/spw-dropdown-item.d.ts +11 -0
- package/dist/components/spw-dropdown-item.js +115 -0
- package/dist/components/spw-dropdown-item.js.map +1 -0
- package/dist/components/spw-dropdown.js +1 -1
- package/dist/components/spw-dropdown.js.map +1 -1
- package/dist/components/spw-field-label.js +1 -1
- package/dist/components/spw-field-message.js +1 -1
- package/dist/components/spw-file-upload.js +7 -6
- package/dist/components/spw-file-upload.js.map +1 -1
- package/dist/components/spw-footer-bottom.js +1 -1
- package/dist/components/spw-footer-content-col.js +1 -1
- package/dist/components/spw-footer-content.js +1 -1
- package/dist/components/spw-footer-link.js +1 -1
- package/dist/components/spw-footer.js +1 -1
- package/dist/components/spw-group.js +2 -2
- package/dist/components/spw-header-lang-item.js +1 -1
- package/dist/components/spw-header-lang.js +3 -3
- package/dist/components/spw-header-navigation-dropdown.js +1 -1
- package/dist/components/spw-header-navigation-item.js +2 -2
- package/dist/components/spw-header-navigation.js +1 -1
- package/dist/components/spw-header-persona-item.js +1 -1
- package/dist/components/spw-header-persona.js +1 -1
- package/dist/components/spw-header.js +3 -3
- package/dist/components/spw-hero.js +1 -1
- package/dist/components/spw-iodda.js +6 -6
- 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 +3 -3
- package/dist/components/spw-mosaic-item.js +1 -1
- package/dist/components/spw-mosaic.js +1 -1
- package/dist/components/spw-pagination.js +1 -1
- package/dist/components/spw-radio.js +2 -2
- package/dist/components/spw-search-field.js +5 -5
- package/dist/components/spw-select.js +16 -5
- package/dist/components/spw-select.js.map +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 +88 -8
- package/dist/components/spw-sidebar-navigation-item.js.map +1 -1
- package/dist/components/spw-sidebar-navigation-separator.js +2 -2
- package/dist/components/spw-sidebar.js +9 -1
- package/dist/components/spw-sidebar.js.map +1 -1
- package/dist/components/spw-skeleton.js +4 -2
- package/dist/components/spw-skeleton.js.map +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 +35 -3
- package/dist/components/spw-table-cell.js.map +1 -1
- package/dist/components/spw-table-footer.js +2 -2
- package/dist/components/spw-table-footer.js.map +1 -1
- package/dist/components/spw-table-head.js +1 -1
- package/dist/components/spw-table-header.js +4 -4
- package/dist/components/spw-table-row.js +1 -1
- package/dist/components/spw-table.js +52 -8
- package/dist/components/spw-table.js.map +1 -1
- package/dist/components/spw-tabs-navigation-item.js +3 -3
- package/dist/components/spw-tabs-navigation.js +1 -1
- package/dist/components/spw-tabs.js +5 -3
- package/dist/components/spw-tabs.js.map +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 +4 -4
- 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-tooltip.js +1 -1
- package/dist/components/spw-topbar.js +1 -1
- package/dist/components/spw-wizard-item.d.ts +11 -0
- package/dist/components/spw-wizard-item.js +100 -0
- package/dist/components/spw-wizard-item.js.map +1 -0
- package/dist/components/spw-wizard.d.ts +11 -0
- package/dist/components/spw-wizard.js +110 -0
- package/dist/components/spw-wizard.js.map +1 -0
- package/dist/components_json.json +943 -14
- package/dist/esm/{index-BYM_CUUH.js → index-CvfVJV8a.js} +5 -5
- package/dist/esm/{index-BYM_CUUH.js.map → index-CvfVJV8a.js.map} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.js.map +1 -1
- package/dist/esm/spw-accordion_4.entry.js +3 -3
- package/dist/esm/spw-accordion_4.entry.js.map +1 -1
- package/dist/esm/spw-breadcrumb-item.entry.js +1 -1
- package/dist/esm/spw-breadcrumb.entry.js +1 -1
- package/dist/esm/spw-button_2.entry.js +5 -5
- package/dist/esm/spw-card-content.entry.js +2 -2
- package/dist/esm/spw-card-excerpt.entry.js +1 -1
- package/dist/esm/spw-card-image.entry.js +1 -1
- package/dist/esm/spw-card-subtag-item.entry.js +1 -1
- package/dist/esm/spw-card-subtags.entry.js +1 -1
- package/dist/esm/spw-card-title.entry.js +1 -1
- package/dist/esm/spw-card.entry.js +1 -1
- package/dist/esm/spw-checkbox.entry.js +3 -3
- package/dist/esm/spw-checkbox.entry.js.map +1 -1
- package/dist/esm/spw-cookies.entry.js +1 -1
- package/dist/esm/spw-custom-select.entry.js +23 -5
- package/dist/esm/spw-custom-select.entry.js.map +1 -1
- package/dist/esm/spw-date-picker.entry.js +195 -34
- package/dist/esm/spw-date-picker.entry.js.map +1 -1
- package/dist/esm/spw-dropdown-container.entry.js +18 -0
- package/dist/esm/spw-dropdown-container.entry.js.map +1 -0
- package/dist/esm/spw-dropdown-item.entry.js +85 -0
- package/dist/esm/spw-dropdown-item.entry.js.map +1 -0
- package/dist/esm/spw-dropdown.entry.js +2 -2
- package/dist/esm/spw-dropdown.entry.js.map +1 -1
- package/dist/esm/spw-field-label_6.entry.js +7 -7
- package/dist/esm/spw-field-message.entry.js +2 -2
- package/dist/esm/spw-file-upload.entry.js +6 -5
- package/dist/esm/spw-file-upload.entry.js.map +1 -1
- package/dist/esm/spw-footer-bottom.entry.js +2 -2
- package/dist/esm/spw-footer-content-col.entry.js +2 -2
- package/dist/esm/spw-footer-content.entry.js +2 -2
- package/dist/esm/spw-footer-link.entry.js +2 -2
- package/dist/esm/spw-footer.entry.js +2 -2
- package/dist/esm/spw-header-lang-item.entry.js +2 -2
- package/dist/esm/spw-header-lang.entry.js +2 -2
- package/dist/esm/spw-header-navigation-dropdown.entry.js +2 -2
- package/dist/esm/spw-header-navigation-item.entry.js +3 -3
- package/dist/esm/spw-header-navigation.entry.js +2 -2
- package/dist/esm/spw-header-persona-item.entry.js +2 -2
- package/dist/esm/spw-header-persona.entry.js +2 -2
- package/dist/esm/spw-header.entry.js +2 -2
- package/dist/esm/spw-hero.entry.js +2 -2
- package/dist/esm/spw-illustration.entry.js +1 -1
- package/dist/esm/spw-iodda.entry.js +2 -2
- package/dist/esm/spw-list-description.entry.js +2 -2
- package/dist/esm/spw-list-item.entry.js +2 -2
- package/dist/esm/spw-list-title.entry.js +2 -2
- package/dist/esm/spw-list.entry.js +2 -2
- package/dist/esm/spw-message.entry.js +1 -1
- package/dist/esm/spw-modal.entry.js +4 -4
- package/dist/esm/spw-mosaic-item.entry.js +2 -2
- package/dist/esm/spw-mosaic.entry.js +2 -2
- package/dist/esm/spw-pagination.entry.js +8 -8
- package/dist/esm/spw-radio.entry.js +3 -3
- package/dist/esm/spw-search-field.entry.js +3 -3
- package/dist/esm/spw-select.entry.js +13 -3
- package/dist/esm/spw-select.entry.js.map +1 -1
- package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +2 -2
- package/dist/esm/spw-sidebar-navigation-item.entry.js +85 -7
- package/dist/esm/spw-sidebar-navigation-item.entry.js.map +1 -1
- package/dist/esm/spw-sidebar-navigation-separator.entry.js +2 -2
- package/dist/esm/spw-sidebar.entry.js +10 -2
- package/dist/esm/spw-sidebar.entry.js.map +1 -1
- package/dist/esm/spw-skeleton.entry.js +5 -3
- package/dist/esm/spw-skeleton.entry.js.map +1 -1
- package/dist/esm/spw-socials.entry.js +2 -2
- package/dist/esm/spw-stencil-library.js +3 -3
- package/dist/esm/spw-table-body.entry.js +2 -2
- package/dist/esm/spw-table-cell.entry.js +33 -3
- package/dist/esm/spw-table-cell.entry.js.map +1 -1
- package/dist/esm/spw-table-footer.entry.js +3 -3
- package/dist/esm/spw-table-footer.entry.js.map +1 -1
- package/dist/esm/spw-table-head.entry.js +2 -2
- package/dist/esm/spw-table-header.entry.js +4 -4
- package/dist/esm/spw-table-row.entry.js +2 -2
- package/dist/esm/spw-table.entry.js +47 -7
- package/dist/esm/spw-table.entry.js.map +1 -1
- package/dist/esm/spw-tabs-content.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation-item.entry.js +3 -3
- package/dist/esm/spw-tabs-navigation.entry.js +2 -2
- package/dist/esm/spw-tabs.entry.js +6 -4
- package/dist/esm/spw-tabs.entry.js.map +1 -1
- package/dist/esm/spw-tag.entry.js +2 -2
- package/dist/esm/spw-text-field.entry.js +3 -3
- package/dist/esm/spw-textarea.entry.js +3 -3
- package/dist/esm/spw-tile-description.entry.js +2 -2
- package/dist/esm/spw-tile-title.entry.js +2 -2
- package/dist/esm/spw-tile.entry.js +2 -2
- package/dist/esm/spw-tooltip.entry.js +2 -2
- package/dist/esm/spw-topbar.entry.js +2 -2
- package/dist/esm/spw-wizard-item.entry.js +62 -0
- package/dist/esm/spw-wizard-item.entry.js.map +1 -0
- package/dist/esm/spw-wizard.entry.js +88 -0
- package/dist/esm/spw-wizard.entry.js.map +1 -0
- package/dist/esm/{utils-zpG0udTn.js → utils-BBi01mKM.js} +3 -3
- package/dist/esm/{utils-zpG0udTn.js.map → utils-BBi01mKM.js.map} +1 -1
- package/dist/spw-stencil-library/{p-e2f03a02.entry.js → p-000f04a1.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-e2f03a02.entry.js.map → p-000f04a1.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-f5de314e.entry.js → p-06cb6865.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-52c51ac5.entry.js → p-06ec3521.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-0226ad72.entry.js → p-0baeea00.entry.js} +2 -2
- package/dist/spw-stencil-library/p-0e1ec1e6.entry.js +2 -0
- package/dist/spw-stencil-library/p-0e1ec1e6.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-fbe468de.entry.js → p-2113f2f6.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-44d87d3f.entry.js → p-22f972ca.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-181ae002.entry.js → p-25329033.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-9219fe7c.entry.js → p-2abc48ed.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-3ab472db.entry.js → p-2b011668.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-ba27b9b0.entry.js → p-2c28684f.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-ba27b9b0.entry.js.map → p-2c28684f.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-272dc0ee.entry.js → p-2c79bd06.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-272dc0ee.entry.js.map → p-2c79bd06.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-b0dc1073.entry.js → p-2cfb78fb.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-c2de4206.entry.js → p-2d974226.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-19a69f36.entry.js → p-300b4bdb.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-19a69f36.entry.js.map → p-300b4bdb.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-5f82570e.entry.js → p-31793077.entry.js} +2 -2
- package/dist/spw-stencil-library/p-31793077.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-cb269271.entry.js → p-32fd509b.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-02151d7e.entry.js → p-438f1793.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-1f382434.entry.js → p-451a9785.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-4d61f200.entry.js → p-45d99a2b.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-a93f21f9.entry.js → p-46567994.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-2fd3eb76.entry.js → p-48417d99.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-dd4bf12d.entry.js → p-488c2d88.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-bf2d0cf4.entry.js → p-4c21a696.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-08d78730.entry.js → p-4e1774df.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-a30563ff.entry.js → p-512a2787.entry.js} +2 -2
- package/dist/spw-stencil-library/p-572188ac.entry.js +2 -0
- package/dist/spw-stencil-library/p-572188ac.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-04274072.entry.js → p-5a1b3ad1.entry.js} +3 -3
- package/dist/spw-stencil-library/{p-c838e17b.entry.js → p-5e34ea9d.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-74b4aea0.entry.js → p-5f873b56.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-cff5a7e4.entry.js → p-5fde9dae.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-09a2d080.entry.js → p-63d1c97f.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-2dff657f.entry.js → p-6e74b1b0.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-fda153e0.entry.js → p-6ea811f3.entry.js} +2 -2
- package/dist/spw-stencil-library/p-6ed76337.entry.js +2 -0
- package/dist/spw-stencil-library/p-6ed76337.entry.js.map +1 -0
- package/dist/spw-stencil-library/p-76e11724.entry.js +2 -0
- package/dist/spw-stencil-library/p-76e11724.entry.js.map +1 -0
- package/dist/spw-stencil-library/p-823b60ae.entry.js +2 -0
- package/dist/spw-stencil-library/p-823b60ae.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-11805364.entry.js → p-86bdf571.entry.js} +2 -2
- package/dist/spw-stencil-library/p-8c287e51.entry.js +2 -0
- package/dist/spw-stencil-library/p-8c287e51.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-fabf41a2.entry.js → p-8cfb4646.entry.js} +2 -2
- package/dist/spw-stencil-library/p-8cfb4646.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-8dca994a.entry.js → p-9b63ccca.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-42658e0a.entry.js → p-9d984204.entry.js} +2 -2
- package/dist/spw-stencil-library/p-9d984204.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-5a034423.entry.js → p-9e12973d.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-zpG0udTn.js → p-BBi01mKM.js} +2 -2
- package/dist/spw-stencil-library/{p-zpG0udTn.js.map → p-BBi01mKM.js.map} +1 -1
- package/dist/spw-stencil-library/p-CvfVJV8a.js +3 -0
- package/dist/spw-stencil-library/{p-BYM_CUUH.js.map → p-CvfVJV8a.js.map} +1 -1
- package/dist/spw-stencil-library/{p-1d9ef3d5.entry.js → p-a25ad9f2.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-376b1e84.entry.js → p-a31a30f3.entry.js} +2 -2
- package/dist/spw-stencil-library/p-a31a30f3.entry.js.map +1 -0
- package/dist/spw-stencil-library/p-a61253c2.entry.js +2 -0
- package/dist/spw-stencil-library/p-a61253c2.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-8c6c9db5.entry.js → p-a840f2ca.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-403fe46c.entry.js → p-b0e3875a.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-b45534d4.entry.js → p-b1bb413f.entry.js} +2 -2
- package/dist/spw-stencil-library/p-b1de48f3.entry.js +2 -0
- package/dist/spw-stencil-library/p-b1de48f3.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-db2354cf.entry.js → p-b6a56ec7.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-db2354cf.entry.js.map → p-b6a56ec7.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-75159246.entry.js → p-bb225503.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-1d93e0d8.entry.js → p-bff5424c.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-cf508941.entry.js → p-c314e59f.entry.js} +2 -2
- package/dist/spw-stencil-library/p-c3985590.entry.js +2 -0
- package/dist/spw-stencil-library/p-c3985590.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-e72c6410.entry.js → p-cbf8aea1.entry.js} +2 -2
- package/dist/spw-stencil-library/p-ce72bca4.entry.js +2 -0
- package/dist/spw-stencil-library/p-ce72bca4.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-b0ca9615.entry.js → p-d03b1644.entry.js} +2 -2
- package/dist/spw-stencil-library/p-d115a739.entry.js +2 -0
- package/dist/spw-stencil-library/{p-64670b2e.entry.js.map → p-d115a739.entry.js.map} +1 -1
- package/dist/spw-stencil-library/p-d2258e0a.entry.js +2 -0
- package/dist/spw-stencil-library/p-d2258e0a.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-817e139e.entry.js → p-d384f832.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-532314d2.entry.js → p-d8ba3e5c.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-e00468aa.entry.js → p-e0c31c21.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-e00468aa.entry.js.map → p-e0c31c21.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-09d27c4b.entry.js → p-e3485695.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-ae905af5.entry.js → p-e4b4f2b3.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-93a5f755.entry.js → p-e4d193cd.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-158e7952.entry.js → p-e936741c.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-8ef8864e.entry.js → p-ecec4588.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-8ef8864e.entry.js.map → p-ecec4588.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-98ee79d6.entry.js → p-f154589d.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-98ee79d6.entry.js.map → p-f154589d.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-7d80a44e.entry.js → p-f28bf2be.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-7d80a44e.entry.js.map → p-f28bf2be.entry.js.map} +1 -1
- package/dist/spw-stencil-library/p-f5caed11.entry.js +2 -0
- package/dist/spw-stencil-library/p-f5caed11.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-7cd55113.entry.js → p-f70ed5c3.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-a8311acd.entry.js → p-f7760a47.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-a8311acd.entry.js.map → p-f7760a47.entry.js.map} +1 -1
- package/dist/spw-stencil-library/p-f8ad31d4.entry.js +2 -0
- package/dist/spw-stencil-library/{p-03f1a257.entry.js.map → p-f8ad31d4.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-3450855b.entry.js → p-fa52aa2c.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-554af1e3.entry.js → p-fc6af4d8.entry.js} +2 -2
- package/dist/spw-stencil-library/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-checkbox.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-custom-select.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-date-picker.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-dropdown-container.entry.esm.js.map +1 -0
- package/dist/spw-stencil-library/spw-dropdown-item.entry.esm.js.map +1 -0
- package/dist/spw-stencil-library/spw-dropdown.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-file-upload.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-select.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-sidebar-navigation-item.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-sidebar.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-skeleton.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.css +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/spw-stencil-library/spw-table-cell.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-table-footer.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-table.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-tabs.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-wizard-item.entry.esm.js.map +1 -0
- package/dist/spw-stencil-library/spw-wizard.entry.esm.js.map +1 -0
- package/dist/stats.json +3162 -942
- package/dist/types/components/spw-custom-select/spw-custom-select.d.ts +2 -0
- package/dist/types/components/spw-date-picker/spw-date-picker.d.ts +7 -0
- package/dist/types/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.d.ts +3 -0
- package/dist/types/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.d.ts +23 -0
- package/dist/types/components/spw-select/spw-select.d.ts +1 -0
- package/dist/types/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.d.ts +8 -0
- package/dist/types/components/spw-sidebar/spw-sidebar.d.ts +1 -0
- package/dist/types/components/spw-table/spw-table-cell/spw-table-cell.d.ts +9 -0
- package/dist/types/components/spw-table/spw-table.d.ts +11 -1
- package/dist/types/components/spw-wizard/spw-wizard-item/spw-wizard-item.d.ts +35 -0
- package/dist/types/components/spw-wizard/spw-wizard.d.ts +19 -0
- package/dist/types/components.d.ts +296 -0
- package/dist/types/stories/components/spw-date-picker/spw-date-picker.stories.d.ts +2 -0
- package/dist/types/stories/organisms/spw-table/spw-table.stories.d.ts +1 -0
- package/dist/types/stories/organisms/spw-wizard/spw-wizard.stories.d.ts +8 -0
- package/hydrate/index.js +800 -150
- package/hydrate/index.mjs +800 -150
- package/package.json +1 -1
- package/dist/components/p-B3OQ2nRI.js.map +0 -1
- package/dist/components/p-Cf-dIWNi.js +0 -129
- package/dist/components/p-Cf-dIWNi.js.map +0 -1
- package/dist/spw-stencil-library/p-03f1a257.entry.js +0 -2
- package/dist/spw-stencil-library/p-2e9756c4.entry.js +0 -2
- package/dist/spw-stencil-library/p-2e9756c4.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-34dc26ba.entry.js +0 -2
- package/dist/spw-stencil-library/p-34dc26ba.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-376b1e84.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-42658e0a.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-5f82570e.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-64670b2e.entry.js +0 -2
- package/dist/spw-stencil-library/p-73db3953.entry.js +0 -2
- package/dist/spw-stencil-library/p-73db3953.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-7e30e4c2.entry.js +0 -2
- package/dist/spw-stencil-library/p-7e30e4c2.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-9356f8c9.entry.js +0 -2
- package/dist/spw-stencil-library/p-9356f8c9.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-BYM_CUUH.js +0 -3
- package/dist/spw-stencil-library/p-a950bce8.entry.js +0 -2
- package/dist/spw-stencil-library/p-a950bce8.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-c54fee67.entry.js +0 -2
- package/dist/spw-stencil-library/p-c54fee67.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-d3d4755a.entry.js +0 -2
- package/dist/spw-stencil-library/p-d3d4755a.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-fabf41a2.entry.js.map +0 -1
- /package/dist/spw-stencil-library/{p-f5de314e.entry.js.map → p-06cb6865.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-52c51ac5.entry.js.map → p-06ec3521.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-0226ad72.entry.js.map → p-0baeea00.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-fbe468de.entry.js.map → p-2113f2f6.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-44d87d3f.entry.js.map → p-22f972ca.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-181ae002.entry.js.map → p-25329033.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-9219fe7c.entry.js.map → p-2abc48ed.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-3ab472db.entry.js.map → p-2b011668.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-b0dc1073.entry.js.map → p-2cfb78fb.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-c2de4206.entry.js.map → p-2d974226.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-cb269271.entry.js.map → p-32fd509b.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-02151d7e.entry.js.map → p-438f1793.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-1f382434.entry.js.map → p-451a9785.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-4d61f200.entry.js.map → p-45d99a2b.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-a93f21f9.entry.js.map → p-46567994.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-2fd3eb76.entry.js.map → p-48417d99.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-dd4bf12d.entry.js.map → p-488c2d88.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-bf2d0cf4.entry.js.map → p-4c21a696.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-08d78730.entry.js.map → p-4e1774df.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-a30563ff.entry.js.map → p-512a2787.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-04274072.entry.js.map → p-5a1b3ad1.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-c838e17b.entry.js.map → p-5e34ea9d.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-74b4aea0.entry.js.map → p-5f873b56.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-cff5a7e4.entry.js.map → p-5fde9dae.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-09a2d080.entry.js.map → p-63d1c97f.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-2dff657f.entry.js.map → p-6e74b1b0.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-fda153e0.entry.js.map → p-6ea811f3.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-11805364.entry.js.map → p-86bdf571.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-8dca994a.entry.js.map → p-9b63ccca.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-5a034423.entry.js.map → p-9e12973d.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-1d9ef3d5.entry.js.map → p-a25ad9f2.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-8c6c9db5.entry.js.map → p-a840f2ca.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-403fe46c.entry.js.map → p-b0e3875a.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-b45534d4.entry.js.map → p-b1bb413f.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-75159246.entry.js.map → p-bb225503.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-1d93e0d8.entry.js.map → p-bff5424c.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-cf508941.entry.js.map → p-c314e59f.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-e72c6410.entry.js.map → p-cbf8aea1.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-b0ca9615.entry.js.map → p-d03b1644.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-817e139e.entry.js.map → p-d384f832.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-532314d2.entry.js.map → p-d8ba3e5c.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-09d27c4b.entry.js.map → p-e3485695.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-ae905af5.entry.js.map → p-e4b4f2b3.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-93a5f755.entry.js.map → p-e4d193cd.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-158e7952.entry.js.map → p-e936741c.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-7cd55113.entry.js.map → p-f70ed5c3.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-3450855b.entry.js.map → p-fa52aa2c.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-554af1e3.entry.js.map → p-fc6af4d8.entry.js.map} +0 -0
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s}from"./p-BYM_CUUH.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-custom-select{position:relative}.spw-custom-select__container{align-items:center;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;display:flex;height:40px;justify-content:space-between;line-height:40px;padding:0 12px;width:100%}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-visible,.spw-custom-select__container:focus-within{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-custom-select--disabled .spw-custom-select__container{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible,.spw-custom-select--disabled .spw-custom-select__container:hover{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;line-height:60px;padding:0 24px}.spw-custom-select--is-opened .spw-custom-select__container{border-bottom-color:transparent;border-radius:4px 4px 0 0;height:auto;line-height:1;min-height:40px}.spw-custom-select__selected{flex:1;max-width:100%;padding-right:30px}.spw-custom-select__selected-item{align-items:center;background:var(--spw-color-themes-grey-grey-200);border:1px solid var(--spw-color-themes-grey-grey-900);border-radius:999px;color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;gap:6px;height:24px;line-height:24px;margin:4px 6px 2px 0;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-custom-select__selected-items{text-wrap:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.spw-custom-select--is-opened .spw-custom-select__selected-items{text-wrap:initial;overflow:visible;padding-bottom:4px;padding-top:3px;text-overflow:clip}.spw-custom-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:10px}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{left:0;margin-top:1px;position:absolute;top:0;width:100%;z-index:11}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{margin-top:-3px;top:auto;top:100%}.spw-custom-select__search-input{border:none;height:38px;line-height:40px;margin:0;padding:0;text-overflow:ellipsis;width:calc(100% - 30px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border-right:1px solid var(--spw-color-themes-grey-grey-800);width:100%}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:12}.spw-custom-select__options--down,.spw-custom-select__options--up{top:100%;transform:translateY(0)}.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options{margin-top:35px}.spw-custom-select__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__error{color:var(--spw-color-themes-grey-grey-600);display:block;font-size:12px;margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}";const o=class{constructor(s){e(this,s);this.valueChanged=t(this,"valueChanged");if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.isOpen=false;this.parsedOptions=[];this.focusedOptionIndex=null;this.searchText="";this.dropdownDirection="down";this.hasSelectedValue=false;this.value=[];this.label="";this.placeholder="Sélectionnez une option";this.required=false;this.size="medium";this.multiple=false;this.isSearch=false;this.error="";this.hint="";this.success="";this.warning="";this.showErrorIcon=true;this.showHintIcon=true;this.showSuccessIcon=true;this.showWarningIcon=true;this.handleClickOutside=e=>{var t,s;if(this.isOpen){const i=e.composedPath()[0];const o=this.host.contains(i);const r=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".spw-custom-select__search-input");const n=r===null||r===void 0?void 0:r.contains(i);if(!o&&!n){if(this.multiple){const e=(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector(".spw-custom-select__options");if(e&&e.contains(i)){return}}this.closeDropdown()}}}}componentWillLoad(){if(this.multiple){if(typeof this.value==="string"){try{this.internalValue=JSON.parse(this.value)}catch(e){this.internalValue=[]}}else if(Array.isArray(this.value)){this.internalValue=this.value}else{this.internalValue=[]}}else{this.internalValue=this.value}if(this.items){this.parseOptions(this.items)}this.updateSelectedOption()}componentDidLoad(){document.addEventListener("click",this.handleClickOutside);this.internals.setFormValue(this.getFormValue())}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}parseOptions(e){try{if(Array.isArray(e)){this.parsedOptions=e.map((e=>({value:e.value,label:e.label})))}else if(typeof e==="string"){this.parsedOptions=JSON.parse(e).map((e=>({value:e.value,label:e.label})))}else{this.parsedOptions=[]}this.updateSelectedOption()}catch(e){this.parsedOptions=[]}}valueChangedHandler(e){if(this.multiple){this.internalValue=Array.isArray(e)?e:[e]}else{this.internalValue=e}this.updateSelectedOption();this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue());if(!this.multiple&&this.internalValue!==undefined){this.focusedOptionIndex=this.parsedOptions.findIndex((e=>String(e.value)===String(this.internalValue)))}else if(this.multiple&&Array.isArray(this.internalValue)){this.internalValue=this.internalValue.filter((e=>this.parsedOptions.some((t=>String(t.value)===String(e))))).sort(((e,t)=>this.parsedOptions.findIndex((t=>String(t.value)===String(e)))-this.parsedOptions.findIndex((e=>String(e.value)===String(t)))))}}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:Boolean(this.internalValue)}getFormValue(){if(this.multiple){return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((e=>String(e))).join(","):null}return this.internalValue?String(this.internalValue):null}toggleDropdown(e){if(!this.disabled){if(e){const t=e.composedPath()[0];if(t.classList.contains("spw-custom-select__search-input")){return}e.stopPropagation()}this.determineDropdownDirection();this.isOpen=!this.isOpen;if(!this.isOpen){this.focusedOptionIndex=null}}}determineDropdownDirection(){const e=this.selectContainer.getBoundingClientRect();const t=window.innerHeight;if(e.bottom+200>t&&e.top>200){this.dropdownDirection="up"}else{this.dropdownDirection="down"}}openDropdownWithKeyboard(){this.determineDropdownDirection();this.isOpen=true;this.focusedOptionIndex=0}closeDropdown(){this.isOpen=false;this.focusedOptionIndex=null;this.searchText=""}selectOption(e,t){if(t){t.stopPropagation()}if(this.multiple){const t=this.internalValue.findIndex((t=>String(t)===String(e)));if(t>-1){this.internalValue=[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)]}else{this.internalValue=[...this.internalValue,e]}this.internalValue=this.internalValue.sort(((e,t)=>this.parsedOptions.findIndex((t=>String(t.value)===String(e)))-this.parsedOptions.findIndex((e=>String(e.value)===String(t)))))}else{this.internalValue=e;this.closeDropdown()}this.value=this.internalValue;this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue);this.updateSelectedOption()}handleOptionKeyDown(e,t){if(e.key==="Enter"||e.key===" "){e.preventDefault();this.selectOption(t)}}handleKeyDown(e){if(e.target.classList.contains("spw-custom-select__search-input")){return}switch(e.key){case" ":e.preventDefault();if(!this.isOpen){this.openDropdownWithKeyboard()}break;case"ArrowDown":e.preventDefault();if(this.isOpen){this.focusedOptionIndex=this.focusedOptionIndex===null?0:(this.focusedOptionIndex+1)%this.parsedOptions.length}else{this.openDropdownWithKeyboard()}break;case"ArrowUp":e.preventDefault();if(this.isOpen){this.focusedOptionIndex=this.focusedOptionIndex===null?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length}break;case"Enter":e.preventDefault();if(this.isOpen&&this.focusedOptionIndex!==null){this.selectOption(this.parsedOptions[this.focusedOptionIndex].value)}break;case"Escape":if(this.isOpen){this.closeDropdown()}break}}renderErrorMessage(){if(this.error){return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderWarningMessage(){if(this.warning){return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}renderSuccessMessage(){if(this.success){return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}get elementClass(){return{"spw-custom-select":true,[`spw-custom-select--${this.size}`]:true,"spw-custom-select--is-error":!!this.error,"spw-custom-select--disabled":this.disabled,"spw-custom-select--is-opened":this.isOpen,"spw-custom-select--has-value":this.hasSelectedValue,"spw-custom-select--no-value":!this.hasSelectedValue,"spw-custom-select--is-searchable":this.isSearch,"spw-custom-select--not-searchable":!this.isSearch}}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple){return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((e=>{var t;return(t=this.parsedOptions.find((t=>String(t.value)===String(e))))===null||t===void 0?void 0:t.label})).filter(Boolean).join(", "):null}else{const e=this.parsedOptions.find((e=>String(e.value)===String(this.internalValue)));return e?e.label:null}}getFilteredOptions(){const e=this.normalizeString(this.searchText);return this.parsedOptions.filter((t=>this.normalizeString(t.label).includes(e)))}handleSearchInput(e){const t=e.target;this.searchText=t.value;this.focusedOptionIndex=0;if(!this.isOpen){this.isOpen=true}}isSearchVisible(){if(!this.isSearch)return false;if(!this.hasSelectedValue&&!this.isOpen)return true;if(this.isSearch&&this.isOpen)return true;return this.isOpen}showPlaceholder(){if(this.isSearch)return false;if(this.hasSelectedValue)return false;return true}render(){const e=this.getFilteredOptions();const t=this.showPlaceholder();return s("div",{key:"c4e9b482e11452d0ddb0faed48aef67fd9545625",class:this.elementClass,ref:e=>this.host=e},this.label&&s("spw-field-label",{key:"77a5da149e2a0997cbd7c9193af13b2d1ca46b27",label:this.label,name:this.name,required:this.required}),this.assistiveText&&s("spw-field-message",{key:"b779d0b9ece682f7000fb6ccd270f02200a8f1b8",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),s("div",{key:"abd83c181c4431d01d8e587bbdc53f9362f66cb7",class:"spw-custom-select__wrapper"},s("div",{key:"dd453bffadd86ecc44e32b6f6eaeee452c978c60",class:"spw-custom-select__container",id:this.name,ref:e=>this.selectContainer=e,onClick:e=>this.toggleDropdown(e),onKeyDown:e=>this.handleKeyDown(e),tabindex:this.disabled?-1:0},s("div",{key:"a149b15532b5de925657c9fdfd3a5d9f813cea29",class:"spw-custom-select__selected"},this.isSearchVisible()&&s("div",{key:"5232d7520be9f80496abdff21ebf83897ec3a0bb",class:"spw-custom-select__search"},s("input",{key:"bd7749e107c927a822b16d4c11e6bb32b2cb26ad",class:"spw-custom-select__search-input",placeholder:"Entrez votre recherche",onInput:e=>this.handleSearchInput(e),value:this.searchText})),t&&s("span",{key:"081cd01abd2c93104e10e0903af457b90634d6d2"},this.placeholder),this.multiple&&this.internalValue.length>0&&s("div",{key:"caed3dfbb5db9118f09773b02cdf4cc31f90dd2b",class:"spw-custom-select__selected-items"},this.internalValue.map((e=>{var t;return s("span",{class:"spw-custom-select__selected-item"},(t=this.parsedOptions.find((t=>String(t.value)===String(e))))===null||t===void 0?void 0:t.label,s("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:t=>this.selectOption(e,t)}))}))),!this.multiple&&s("span",{key:"86c77bbf92be5aae6f992e050e2485890beda7c3"},this.getSelectedLabels()))),s("div",{key:"261db6b56fb6ff8d20069785a5ddf7502b256aef",class:"spw-custom-select__arrow"},s("spw-icon",{key:"d2cce80c23491f730fdd24cc1a9c67c3b637d389",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"})),this.isOpen&&s("div",{key:"490a5118943e76dceeea2d85f3ebe734d9bf1386",class:`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`},!!e.length&&s("ul",{key:"1368ca0e2e8745f72e73bec0a4f2d68277d7b646"},e.map(((e,t)=>s("li",{class:{"spw-custom-select__option":true,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((t=>String(t)===String(e.value))):e.value===this.internalValue,"spw-custom-select__option--focused":t===this.focusedOptionIndex},onClick:()=>this.selectOption(e.value)},this.multiple&&s("spw-checkbox",{onKeyDown:t=>this.handleOptionKeyDown(t,e.value),class:"spw-tw-mr-2",checked:this.internalValue.some((t=>String(t)===String(e.value)))}),e.label)))),!e.length&&s("p",{key:"cc013a0bcd87440b3c805e51fa530ebfe301fd63",class:"spw-custom-select__no-results"},"Pas de résultats pour cette recherche."))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}static get watchers(){return{items:["parseOptions"],value:["valueChangedHandler"],internalValue:["internalValueChanged"]}}};o.style=i;export{o as spw_custom_select};
|
|
2
|
-
//# sourceMappingURL=p-34dc26ba.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["spwCustomSelectCss","SpwCustomSelect","constructor","hostRef","this","isOpen","parsedOptions","focusedOptionIndex","searchText","dropdownDirection","hasSelectedValue","value","label","placeholder","required","size","multiple","isSearch","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","handleClickOutside","event","target","composedPath","isInsideHost","host","contains","searchField","_a","shadowRoot","querySelector","isInsideSearchField","optionsContainer","_b","closeDropdown","componentWillLoad","internalValue","JSON","parse","e","Array","isArray","items","parseOptions","updateSelectedOption","componentDidLoad","document","addEventListener","internals","setFormValue","getFormValue","disconnectedCallback","removeEventListener","newValue","map","option","valueChangedHandler","valueChanged","emit","undefined","findIndex","String","filter","val","some","sort","a","b","internalValueChanged","length","Boolean","v","join","toggleDropdown","disabled","classList","stopPropagation","determineDropdownDirection","rect","selectContainer","getBoundingClientRect","viewportHeight","window","innerHeight","bottom","top","openDropdownWithKeyboard","selectOption","optionValue","index","slice","handleOptionKeyDown","key","preventDefault","handleKeyDown","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderWarningMessage","renderSuccessMessage","elementClass","normalizeString","str","normalize","replace","toLowerCase","getSelectedLabels","find","selectedOption","getFilteredOptions","normalizedSearchText","includes","handleSearchInput","input","isSearchVisible","showPlaceholder","render","filteredOptions","class","ref","el","name","assistiveText","id","onClick","onKeyDown","tabindex","onInput","icon","checked"],"sources":["src/components/spw-custom-select/spw-custom-select.scss?tag=spw-custom-select&encapsulation=shadow","src/components/spw-custom-select/spw-custom-select.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-custom-select {\n position: relative;\n &__container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 40px;\n padding: 0 12px;\n line-height: 40px;\n border-radius: 4px;\n border: 1px solid var(--spw-color-themes-grey-grey-800);\n background-color: #fff;\n &:hover {\n outline: 4px solid var(--spw-color-themes-grey-grey-300);\n }\n &:focus-within,\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n .spw-custom-select--disabled & {\n border-color: var(--spw-color-themes-grey-grey-400);\n background: var(--spw-color-themes-grey-grey-100);\n color: var(--spw-color-themes-grey-grey-500);\n cursor: not-allowed;\n &::placeholder {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &:hover,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n .spw-custom-select--is-error & {\n border-color: var(--spw-colors-states-error-error-300);\n }\n .spw-custom-select--large & {\n height: 60px;\n padding: 0 24px;\n line-height: 60px;\n }\n .spw-custom-select--is-opened & {\n height: auto;\n line-height: 1;\n min-height: 40px;\n border-radius: 4px 4px 0 0;\n border-bottom-color: transparent;\n }\n }\n\n &__selected {\n flex: 1;\n padding-right: 30px;\n max-width: 100%;\n }\n\n &__selected-item {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--spw-color-themes-grey-grey-900);\n border: 1px solid var(--spw-color-themes-grey-grey-900);\n background: var(--spw-color-themes-grey-grey-200);\n line-height: 24px;\n height: 24px;\n padding: 0 8px;\n margin: 4px 6px 2px 0;\n border-radius: 999px;\n font-size: 14px;\n user-select: none;\n }\n\n &__selected-items {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n .spw-custom-select--is-opened & {\n padding-top: 3px;\n padding-bottom: 4px;\n overflow: visible;\n text-overflow: initial;\n text-wrap: initial;\n }\n }\n\n &__arrow {\n position: absolute;\n right: 12px;\n top: 10px;\n font-size: 16px;\n color: var(--spw-color-themes-grey-grey-600);\n pointer-events: none;\n }\n\n &__wrapper {\n position: relative;\n }\n\n &__search {\n .spw-custom-select--is-opened & {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 11;\n width: 100%;\n margin-top: 1px;\n }\n .spw-custom-select--has-value.spw-custom-select--is-opened & {\n top: auto;\n top: 100%;\n margin-top: -3px;\n }\n &-input {\n padding: 0;\n height: 38px;\n line-height: 40px;\n border: none;\n margin: 0;\n width: calc(100% - 30px);\n text-overflow: ellipsis;\n &:focus {\n outline: none;\n }\n .spw-custom-select--is-opened & {\n border-left: 1px solid var(--spw-color-themes-grey-grey-800);\n padding: 0 12px;\n }\n .spw-custom-select--is-opened.spw-custom-select--has-value & {\n border-right: 1px solid var(--spw-color-themes-grey-grey-800);\n width: 100%;\n }\n }\n }\n\n &__options {\n position: absolute;\n width: 100%;\n background-color: #fff;\n border: 1px solid var(--spw-color-themes-grey-grey-800);\n border-radius: 0 0 4px 4px;\n max-height: 200px;\n overflow-y: auto;\n z-index: 12;\n\n &--down {\n top: 100%;\n transform: translateY(0);\n }\n\n &--up {\n top: 100%;\n transform: translateY(0);\n }\n\n .spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) & {\n margin-top: 35px;\n }\n }\n\n &__no-results {\n padding: 12px;\n cursor: not-allowed;\n color: var(--spw-color-themes-grey-grey-600);\n }\n\n &__option {\n border-bottom: 1px solid var(--spw-color-themes-grey-grey-900);\n padding: 12px;\n cursor: pointer;\n &:hover {\n background-color: var(--spw-color-themes-grey-grey-200);\n }\n &:last-child {\n border-bottom: none;\n }\n &--selected {\n font-weight: 700;\n }\n }\n\n &__error {\n display: block;\n font-size: 12px;\n color: var(--spw-color-themes-grey-grey-600);\n margin-top: 8px;\n }\n}\n\n.spw-custom-select__option--focused {\n background-color: var(--spw-color-themes-grey-grey-300);\n}\n","import { AttachInternals, Component, Prop, State, Event, EventEmitter, h, Watch } from '@stencil/core';\n\n@Component({\n tag: 'spw-custom-select',\n styleUrl: 'spw-custom-select.scss',\n formAssociated: true,\n shadow: true,\n})\nexport class SpwCustomSelect {\n private host: HTMLElement;\n private selectContainer: HTMLElement;\n\n /** Événement émis lorsque la valeur sélectionnée change */\n @Event() valueChanged: EventEmitter<(string | number)[] | string | number>;\n\n @State() internalValue: (string | number)[] | string | number;\n @State() isOpen: boolean = false;\n @State() parsedOptions: { value: string | number; label: string }[] = [];\n @State() focusedOptionIndex: number | null = null;\n @State() searchText: string = '';\n @State() dropdownDirection: 'up' | 'down' = 'down';\n @State() hasSelectedValue: boolean = false;\n\n /** Valeur actuelle sélectionnée dans le composant, peut être une chaîne, un nombre ou un tableau */\n @Prop({ mutable: true, reflect: true }) value: (string | number)[] | string | number = [];\n /** Label associé au champ de sélection personnalisé */\n @Prop() label: string = '';\n /** Placeholder à afficher lorsque aucune option n'est sélectionnée */\n @Prop() placeholder: string = 'Sélectionnez une option';\n /** Indique si le champ est désactivé et donc non interactif */\n @Prop() disabled: boolean;\n /** Nom de l'élément dans les formulaires, utilisé pour associer la valeur */\n @Prop() name: string;\n /** Indique si la sélection est obligatoire dans le formulaire */\n @Prop() required: boolean = false;\n /** Chaîne JSON des options disponibles dans le select (valeur et label) */\n @Prop() items: string | any[];\n /** Taille du select, peut être \"large\" ou \"medium\" */\n @Prop() size: 'large' | 'medium' = 'medium';\n /** Permet la sélection multiple si vrai */\n @Prop() multiple: boolean = false;\n /** Active la fonction de recherche dans la liste des items */\n @Prop() isSearch: boolean = false;\n /** Texte d'assistance à afficher sous le champ */\n @Prop() assistiveText?: string;\n /** Message d'erreur à afficher sous le champ */\n @Prop() error?: string = '';\n /** Message d'indication (hint) à afficher sous le champ */\n @Prop() hint?: string = '';\n /** Message de succès à afficher sous le champ */\n @Prop() success?: string = '';\n /** Message de warning à afficher sous le champ */\n @Prop() warning?: string = '';\n /** Affiche une icône d'erreur si vrai */\n @Prop() showErrorIcon?: boolean = true;\n /** Affiche une icône d'indication si vrai */\n @Prop() showHintIcon?: boolean = true;\n /** Affiche une icône de succès si vrai */\n @Prop() showSuccessIcon?: boolean = true;\n /** Affiche une icône de warning si vrai */\n @Prop() showWarningIcon?: boolean = true;\n\n @AttachInternals() internals: ElementInternals;\n\n componentWillLoad() {\n if (this.multiple) {\n if (typeof this.value === 'string') {\n try {\n this.internalValue = JSON.parse(this.value);\n } catch (e) {\n this.internalValue = [];\n }\n } else if (Array.isArray(this.value)) {\n this.internalValue = this.value;\n } else {\n this.internalValue = [];\n }\n } else {\n this.internalValue = this.value as string | number;\n }\n\n if (this.items) {\n this.parseOptions(this.items);\n }\n this.updateSelectedOption();\n }\n\n componentDidLoad() {\n document.addEventListener('click', this.handleClickOutside);\n this.internals.setFormValue(this.getFormValue());\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this.handleClickOutside);\n }\n\n private handleClickOutside = (event: MouseEvent) => {\n if (this.isOpen) {\n const target = event.composedPath()[0] as Node;\n const isInsideHost = this.host.contains(target);\n const searchField = this.host.shadowRoot?.querySelector('.spw-custom-select__search-input');\n\n const isInsideSearchField = searchField?.contains(target);\n\n if (!isInsideHost && !isInsideSearchField) {\n if (this.multiple) {\n const optionsContainer = this.host.shadowRoot?.querySelector('.spw-custom-select__options');\n if (optionsContainer && optionsContainer.contains(target)) {\n return;\n }\n }\n\n this.closeDropdown();\n }\n }\n };\n\n @Watch('items')\n parseOptions(newValue: string | any[]) {\n try {\n if (Array.isArray(newValue)) {\n this.parsedOptions = newValue.map(option => ({\n value: option.value,\n label: option.label,\n }));\n } else if (typeof newValue === 'string') {\n this.parsedOptions = JSON.parse(newValue).map(option => ({\n value: option.value,\n label: option.label,\n }));\n } else {\n this.parsedOptions = [];\n }\n this.updateSelectedOption();\n } catch (e) {\n this.parsedOptions = [];\n }\n }\n\n @Watch('value')\n valueChangedHandler(newValue: (string | number)[] | string | number) {\n if (this.multiple) {\n this.internalValue = Array.isArray(newValue) ? newValue : [newValue];\n } else {\n this.internalValue = newValue;\n }\n this.updateSelectedOption();\n this.internals.setFormValue(this.getFormValue());\n this.valueChanged.emit(this.internalValue);\n }\n\n private updateSelectedOption() {\n this.internals.setFormValue(this.getFormValue());\n\n if (!this.multiple && this.internalValue !== undefined) {\n this.focusedOptionIndex = this.parsedOptions.findIndex(option => String(option.value) === String(this.internalValue));\n } else if (this.multiple && Array.isArray(this.internalValue)) {\n this.internalValue = (this.internalValue as (string | number)[])\n .filter(val => this.parsedOptions.some(option => String(option.value) === String(val)))\n .sort((a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)));\n }\n }\n\n @Watch('internalValue')\n internalValueChanged() {\n this.hasSelectedValue = Array.isArray(this.internalValue) ? this.internalValue.length > 0 : Boolean(this.internalValue);\n }\n\n private getFormValue(): string | null {\n if (this.multiple) {\n return Array.isArray(this.internalValue) && this.internalValue.length > 0 ? this.internalValue.map(v => String(v)).join(',') : null;\n }\n return this.internalValue ? String(this.internalValue) : null;\n }\n\n private toggleDropdown(event?: MouseEvent) {\n if (!this.disabled) {\n if (event) {\n const target = event.composedPath()[0] as HTMLElement;\n\n if (target.classList.contains('spw-custom-select__search-input')) {\n return;\n }\n\n event.stopPropagation();\n }\n this.determineDropdownDirection();\n this.isOpen = !this.isOpen;\n if (!this.isOpen) {\n this.focusedOptionIndex = null;\n }\n }\n }\n\n private determineDropdownDirection() {\n const rect = this.selectContainer.getBoundingClientRect();\n const viewportHeight = window.innerHeight;\n\n if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n this.dropdownDirection = 'up';\n } else {\n this.dropdownDirection = 'down';\n }\n }\n\n private openDropdownWithKeyboard() {\n this.determineDropdownDirection();\n this.isOpen = true;\n this.focusedOptionIndex = 0;\n }\n\n private closeDropdown() {\n this.isOpen = false;\n this.focusedOptionIndex = null;\n this.searchText = '';\n }\n\n private selectOption(optionValue: string | number, event?: MouseEvent) {\n if (event) {\n event.stopPropagation();\n }\n\n if (this.multiple) {\n const index = (this.internalValue as (string | number)[]).findIndex(val => String(val) === String(optionValue));\n if (index > -1) {\n this.internalValue = [...(this.internalValue as (string | number)[]).slice(0, index), ...(this.internalValue as (string | number)[]).slice(index + 1)];\n } else {\n this.internalValue = [...(this.internalValue as (string | number)[]), optionValue];\n }\n this.internalValue = (this.internalValue as (string | number)[]).sort(\n (a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)),\n );\n } else {\n this.internalValue = optionValue;\n this.closeDropdown();\n }\n\n this.value = this.internalValue;\n this.internals.setFormValue(this.getFormValue());\n this.valueChanged.emit(this.internalValue);\n this.updateSelectedOption();\n }\n\n private handleOptionKeyDown(event: KeyboardEvent, optionValue: string | number) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.selectOption(optionValue);\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if ((event.target as HTMLElement).classList.contains('spw-custom-select__search-input')) {\n return;\n }\n switch (event.key) {\n case ' ':\n event.preventDefault();\n if (!this.isOpen) {\n this.openDropdownWithKeyboard();\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (this.isOpen) {\n this.focusedOptionIndex = this.focusedOptionIndex === null ? 0 : (this.focusedOptionIndex + 1) % this.parsedOptions.length;\n } else {\n this.openDropdownWithKeyboard();\n }\n break;\n case 'ArrowUp':\n event.preventDefault();\n if (this.isOpen) {\n this.focusedOptionIndex =\n this.focusedOptionIndex === null ? this.parsedOptions.length - 1 : (this.focusedOptionIndex - 1 + this.parsedOptions.length) % this.parsedOptions.length;\n }\n break;\n case 'Enter':\n event.preventDefault();\n if (this.isOpen && this.focusedOptionIndex !== null) {\n this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);\n }\n break;\n case 'Escape':\n if (this.isOpen) {\n this.closeDropdown();\n }\n break;\n }\n }\n\n private renderErrorMessage() {\n if (this.error) {\n return (\n <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n {this.error}\n </spw-field-message>\n );\n }\n }\n\n private renderHintMessage() {\n if (this.hint) {\n return (\n <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n {this.hint}\n </spw-field-message>\n );\n }\n }\n\n private renderWarningMessage() {\n if (this.warning) {\n return (\n <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n {this.warning}\n </spw-field-message>\n );\n }\n }\n\n private renderSuccessMessage() {\n if (this.success) {\n return (\n <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n {this.success}\n </spw-field-message>\n );\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-custom-select': true,\n [`spw-custom-select--${this.size}`]: true,\n 'spw-custom-select--is-error': !!this.error,\n 'spw-custom-select--disabled': this.disabled,\n 'spw-custom-select--is-opened': this.isOpen,\n 'spw-custom-select--has-value': this.hasSelectedValue,\n 'spw-custom-select--no-value': !this.hasSelectedValue,\n 'spw-custom-select--is-searchable': this.isSearch,\n 'spw-custom-select--not-searchable': !this.isSearch,\n };\n }\n\n private normalizeString(str: string): string {\n return str\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '')\n .toLowerCase();\n }\n\n private getSelectedLabels(): string {\n if (this.multiple) {\n return Array.isArray(this.internalValue) && this.internalValue.length > 0\n ? (this.internalValue as (string | number)[])\n .map(val => this.parsedOptions.find(option => String(option.value) === String(val))?.label)\n .filter(Boolean)\n .join(', ')\n : null;\n } else {\n const selectedOption = this.parsedOptions.find(option => String(option.value) === String(this.internalValue));\n return selectedOption ? selectedOption.label : null;\n }\n }\n\n private getFilteredOptions() {\n const normalizedSearchText = this.normalizeString(this.searchText);\n return this.parsedOptions.filter(option => this.normalizeString(option.label).includes(normalizedSearchText));\n }\n\n private handleSearchInput(event: Event) {\n const input = event.target as HTMLInputElement;\n this.searchText = input.value;\n this.focusedOptionIndex = 0;\n\n if (!this.isOpen) {\n this.isOpen = true;\n }\n }\n\n private isSearchVisible(): boolean {\n if (!this.isSearch) return false;\n if (!this.hasSelectedValue && !this.isOpen) return true;\n if (this.isSearch && this.isOpen) return true;\n return this.isOpen;\n }\n\n private showPlaceholder(): boolean {\n if (this.isSearch) return false;\n if (this.hasSelectedValue) return false;\n return true;\n }\n\n render() {\n const filteredOptions = this.getFilteredOptions();\n const showPlaceholder = this.showPlaceholder();\n\n return (\n <div class={this.elementClass} ref={el => (this.host = el as HTMLElement)}>\n {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n {this.assistiveText && (\n <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n {this.assistiveText}\n </spw-field-message>\n )}\n <div class=\"spw-custom-select__wrapper\">\n <div\n class=\"spw-custom-select__container\"\n id={this.name}\n ref={el => (this.selectContainer = el as HTMLElement)}\n onClick={event => this.toggleDropdown(event)}\n onKeyDown={event => this.handleKeyDown(event)}\n tabindex={this.disabled ? -1 : 0}\n >\n <div class=\"spw-custom-select__selected\">\n {this.isSearchVisible() && (\n <div class=\"spw-custom-select__search\">\n <input class=\"spw-custom-select__search-input\" placeholder=\"Entrez votre recherche\" onInput={event => this.handleSearchInput(event)} value={this.searchText} />\n </div>\n )}\n {showPlaceholder && <span>{this.placeholder}</span>}\n {this.multiple && (this.internalValue as (string | number)[]).length > 0 && (\n <div class=\"spw-custom-select__selected-items\">\n {(this.internalValue as (string | number)[]).map(val => (\n <span class=\"spw-custom-select__selected-item\">\n {this.parsedOptions.find(option => String(option.value) === String(val))?.label}\n <spw-icon icon=\"fa-times\" class=\"spw-custom-select__deselect-icon\" onClick={event => this.selectOption(val, event)}></spw-icon>\n </span>\n ))}\n </div>\n )}\n {!this.multiple && <span>{this.getSelectedLabels()}</span>}\n </div>\n </div>\n <div class=\"spw-custom-select__arrow\">\n <spw-icon icon={this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down'}></spw-icon>\n </div>\n {this.isOpen && (\n <div class={`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`}>\n {!!filteredOptions.length && (\n <ul>\n {filteredOptions.map((option, index) => (\n <li\n class={{\n 'spw-custom-select__option': true,\n 'spw-custom-select__option--selected': this.multiple\n ? (this.internalValue as (string | number)[]).some(val => String(val) === String(option.value))\n : option.value === this.internalValue,\n 'spw-custom-select__option--focused': index === this.focusedOptionIndex,\n }}\n onClick={() => this.selectOption(option.value)}\n >\n {this.multiple && (\n <spw-checkbox\n onKeyDown={event => this.handleOptionKeyDown(event, option.value)}\n class=\"spw-tw-mr-2\"\n checked={(this.internalValue as (string | number)[]).some(val => String(val) === String(option.value))}\n ></spw-checkbox>\n )}\n {option.label}\n </li>\n ))}\n </ul>\n )}\n {!filteredOptions.length && <p class=\"spw-custom-select__no-results\">Pas de résultats pour cette recherche.</p>}\n </div>\n )}\n </div>\n {this.renderErrorMessage()}\n {this.renderHintMessage()}\n {this.renderSuccessMessage()}\n {this.renderWarningMessage()}\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["spwSidebarCss","SpwSidebar","constructor","hostRef","this","defaultExpanded","hasTopbar","BODY_CLASS","toggleSidebar","expanded","document","body","classList","toggle","checkTopbarClass","contains","componentWillLoad","add","observeBodyClassChanges","disconnectedCallback","remove","_a","observer","disconnect","MutationObserver","observe","attributes","attributeFilter","hostClass","elementClass","render","h","Host","key","class","onClick","toString","icon","name"],"sources":["src/components/spw-sidebar/spw-sidebar.scss?tag=spw-sidebar&encapsulation=shadow","src/components/spw-sidebar/spw-sidebar.tsx"],"sourcesContent":[":host {\n display: block;\n height: 100%;\n}\n\n.spw-sidebar {\n height: 100%;\n width: var(--spw-ds-bo-sidebar-width);\n transition: width 0.2s ease;\n display: flex;\n flex-direction: column;\n background: white;\n border-right: 1px solid var(--spw-colors-support-grey-grey-300);\n position: fixed;\n top: 0;\n left: 0;\n\n &--with-topbar {\n top: var(--spw-ds-bo-topbar-height);\n height: calc(100% - var(--spw-ds-bo-topbar-height));\n }\n\n &__toggle {\n position: absolute;\n right: 0;\n top: 67px;\n flex-basis: auto;\n width: 20px;\n padding: 6px 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 6px;\n box-shadow: var(--spw-effect-elevation-6);\n border: 1px solid var(--spw-colors-support-grey-grey-300);\n cursor: pointer;\n font-size: 13px;\n z-index: 20;\n transform: translateX(50%);\n background: white;\n line-height: 1;\n spw-icon {\n position: relative;\n transition: transform 0.15s 0.2s ease;\n .spw-sidebar--expanded & {\n transform: rotate(180deg);\n }\n }\n }\n\n &__content {\n overflow: hidden;\n flex: 1 1 auto;\n overflow-y: auto;\n padding: 16px 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n @include scrollbars(var(--spw-color-themes-grey-grey-400), var(--spw-ds-white));\n }\n\n &--expanded {\n width: var(--spw-ds-bo-sidebar-expanded-width);\n }\n\n &--collapsed {\n width: var(--spw-ds-bo-sidebar-width);\n }\n\n &__resize-border {\n display: none;\n position: absolute;\n top: 0;\n right: 0;\n width: 10px;\n height: 100%;\n transform: translateX(50%);\n cursor: col-resize;\n align-items: center;\n justify-content: center;\n background: transparent;\n z-index: 10;\n }\n}\n","import { Component, h, Host, Element, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'spw-sidebar',\n styleUrl: 'spw-sidebar.scss',\n shadow: true,\n})\nexport class SpwSidebar {\n @Element() el!: HTMLElement;\n\n /** Si true, la sidebar est dépliée par défaut */\n @Prop() defaultExpanded: boolean = false;\n\n @State() expanded: boolean;\n @State() hasTopbar: boolean = false;\n\n private readonly BODY_CLASS = 'spw-sidebar-expanded';\n private observer: MutationObserver;\n\n componentWillLoad() {\n this.expanded = this.defaultExpanded;\n if (this.expanded) {\n document.body.classList.add(this.BODY_CLASS);\n }\n\n this.checkTopbarClass();\n this.observeBodyClassChanges();\n }\n\n disconnectedCallback() {\n document.body.classList.remove(this.BODY_CLASS);\n this.observer?.disconnect();\n }\n\n private toggleSidebar = () => {\n this.expanded = !this.expanded;\n document.body.classList.toggle(this.BODY_CLASS, this.expanded);\n };\n\n private checkTopbarClass = () => {\n this.hasTopbar = document.body.classList.contains('has-topbar');\n };\n\n private observeBodyClassChanges() {\n this.observer = new MutationObserver(() => {\n this.checkTopbarClass();\n });\n\n this.observer.observe(document.body, {\n attributes: true,\n attributeFilter: ['class'],\n });\n }\n\n private get hostClass() {\n return {\n '--expanded': this.expanded,\n '--collapsed': !this.expanded,\n };\n }\n\n private get elementClass() {\n return {\n 'spw-sidebar': true,\n 'spw-sidebar--expanded': this.expanded,\n 'spw-sidebar--collapsed': !this.expanded,\n 'spw-sidebar--with-topbar': this.hasTopbar,\n };\n }\n\n render() {\n return (\n <Host class={this.hostClass}>\n <div class={this.elementClass}>\n <span class=\"spw-sidebar__toggle\" onClick={this.toggleSidebar} aria-expanded={this.expanded.toString()}>\n <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </span>\n <div class=\"spw-sidebar__content\">\n <slot name=\"navigation-top\"></slot>\n <slot name=\"navigation-bottom\"></slot>\n </div>\n <div class=\"spw-sidebar__resize-border\" onClick={this.toggleSidebar}></div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,6zI,MCOTC,EAAU,MALvB,WAAAC,CAAAC,G,UASUC,KAAeC,gBAAY,MAG1BD,KAASE,UAAY,MAEbF,KAAUG,WAAG,uBAkBtBH,KAAaI,cAAG,KACtBJ,KAAKK,UAAYL,KAAKK,SACtBC,SAASC,KAAKC,UAAUC,OAAOT,KAAKG,WAAYH,KAAKK,SAAS,EAGxDL,KAAgBU,iBAAG,KACzBV,KAAKE,UAAYI,SAASC,KAAKC,UAAUG,SAAS,aAAa,CA8ClE,CAnEC,iBAAAC,GACEZ,KAAKK,SAAWL,KAAKC,gBACrB,GAAID,KAAKK,SAAU,CACjBC,SAASC,KAAKC,UAAUK,IAAIb,KAAKG,W,CAGnCH,KAAKU,mBACLV,KAAKc,yB,CAGP,oBAAAC,G,MACET,SAASC,KAAKC,UAAUQ,OAAOhB,KAAKG,aACpCc,EAAAjB,KAAKkB,YAAU,MAAAD,SAAA,SAAAA,EAAAE,Y,CAYT,uBAAAL,GACNd,KAAKkB,SAAW,IAAIE,kBAAiB,KACnCpB,KAAKU,kBAAkB,IAGzBV,KAAKkB,SAASG,QAAQf,SAASC,KAAM,CACnCe,WAAY,KACZC,gBAAiB,CAAC,U,CAItB,aAAYC,GACV,MAAO,CACL,aAAcxB,KAAKK,SACnB,eAAgBL,KAAKK,S,CAIzB,gBAAYoB,GACV,MAAO,CACL,cAAe,KACf,wBAAyBzB,KAAKK,SAC9B,0BAA2BL,KAAKK,SAChC,2BAA4BL,KAAKE,U,CAIrC,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO9B,KAAKwB,WAChBG,EAAA,OAAAE,IAAA,2CAAKC,MAAO9B,KAAKyB,cACfE,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBC,QAAS/B,KAAKI,cAAa,gBAAiBJ,KAAKK,SAAS2B,YAC1FL,EAAA,YAAAE,IAAA,2CAAUI,KAAK,sBAEjBN,EAAK,OAAAE,IAAA,2CAAAC,MAAM,wBACTH,EAAM,QAAAE,IAAA,2CAAAK,KAAK,mBACXP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,uBAEbP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BAA6BC,QAAS/B,KAAKI,iB","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["spwSkeletonCss","SpwSkeleton","constructor","hostRef","this","blocks","variant","renderLines","Array","from","length","_","index","isLast","isEven","isOdd","h","class","renderText","renderArticle","renderTextButtons","renderVariant","render","Host","key"],"sources":["src/components/spw-skeleton/spw-skeleton.scss?tag=spw-skeleton&encapsulation=shadow","src/components/spw-skeleton/spw-skeleton.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n%animation {\n background: linear-gradient(90deg, white 0%, var(--spw-color-themes-grey-grey-300) 50%, white 100%);\n background-size: 200% 100%;\n animation: shimmer 5s infinite linear;\n}\n\n.spw-skeleton {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n\n &__line {\n height: 1rem;\n width: 100%;\n border-radius: 4px;\n @extend %animation;\n }\n\n &__line--even {\n width: 85%;\n }\n\n &__line--last {\n width: 50% !important;\n }\n\n &__buttons {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 24px;\n gap: 24px;\n }\n\n &__button {\n width: 200px;\n height: 40px;\n border-radius: 40px;\n @extend %animation;\n }\n\n &__article {\n &-image {\n margin-bottom: 24px;\n border-radius: 8px;\n height: 170px;\n @extend %animation;\n }\n }\n\n &__text {\n &-block {\n margin: 24px 0;\n border-radius: 4px;\n height: 60px;\n @extend %animation;\n }\n }\n}\n\n@keyframes shimmer {\n 0% {\n background-position: 200% 0;\n }\n 100% {\n background-position: -200% 0;\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-skeleton',\n styleUrl: 'spw-skeleton.scss',\n shadow: true,\n})\nexport class SpwSkeleton {\n /** Nombre de répétitions du skeleton (uniquement valable pour la variante lines) */\n @Prop() blocks: number = 1;\n\n /** Type de skeleton à afficher */\n @Prop() variant: 'lines' | 'text' | 'article' | 'layout' = 'lines';\n\n private renderLines() {\n return Array.from({ length: this.blocks }, (_, index) => {\n const isLast = index === this.blocks - 1;\n const isEven = index % 2 === 1;\n const isOdd = index % 2 === 0;\n\n return (\n <div\n class={{\n 'spw-skeleton__line': true,\n 'spw-skeleton__line--last': isLast,\n 'spw-skeleton__line--even': !isLast && isEven,\n 'spw-skeleton__line--odd': !isLast && isOdd,\n }}\n ></div>\n );\n });\n }\n\n private renderText() {\n return (\n <div class=\"spw-skeleton__text\">\n <spw-skeleton variant=\"lines\" blocks={5}></spw-skeleton>\n <div class=\"spw-skeleton__text-block\"></div>\n <spw-skeleton variant=\"lines\" blocks={2}></spw-skeleton>\n </div>\n );\n }\n\n private renderArticle() {\n return (\n <div class=\"spw-skeleton__article\">\n <div class=\"spw-skeleton__article-image\"></div>\n <spw-skeleton variant=\"lines\" blocks={7}></spw-skeleton>\n </div>\n );\n }\n\n private renderTextButtons() {\n return (\n <div class=\"spw-skeleton__text-buttons\">\n <spw-skeleton variant=\"lines\" blocks={3}></spw-skeleton>\n <div class=\"spw-skeleton__buttons\">\n <div class=\"spw-skeleton__button\"></div>\n <div class=\"spw-skeleton__button\"></div>\n </div>\n </div>\n );\n }\n\n private renderVariant() {\n switch (this.variant) {\n case 'text':\n return this.renderText();\n case 'article':\n return this.renderArticle();\n case 'layout':\n return this.renderTextButtons();\n case 'lines':\n default:\n return this.renderLines();\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"spw-skeleton\">\n {this.renderVariant()}\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,i6G,MCOVC,EAAW,MALxB,WAAAC,CAAAC,G,UAOUC,KAAMC,OAAW,EAGjBD,KAAOE,QAA4C,OA4E5D,CA1ES,WAAAC,GACN,OAAOC,MAAMC,KAAK,CAAEC,OAAQN,KAAKC,SAAU,CAACM,EAAGC,KAC7C,MAAMC,EAASD,IAAUR,KAAKC,OAAS,EACvC,MAAMS,EAASF,EAAQ,IAAM,EAC7B,MAAMG,EAAQH,EAAQ,IAAM,EAE5B,OACEI,EACE,OAAAC,MAAO,CACL,qBAAsB,KACtB,2BAA4BJ,EAC5B,4BAA6BA,GAAUC,EACvC,2BAA4BD,GAAUE,IAEnC,G,CAKL,UAAAG,GACN,OACEF,EAAA,OAAKC,MAAM,sBACTD,EAAA,gBAAcV,QAAQ,QAAQD,OAAQ,IACtCW,EAAK,OAAAC,MAAM,6BACXD,EAAc,gBAAAV,QAAQ,QAAQD,OAAQ,I,CAKpC,aAAAc,GACN,OACEH,EAAA,OAAKC,MAAM,yBACTD,EAAK,OAAAC,MAAM,gCACXD,EAAc,gBAAAV,QAAQ,QAAQD,OAAQ,I,CAKpC,iBAAAe,GACN,OACEJ,EAAA,OAAKC,MAAM,8BACTD,EAAA,gBAAcV,QAAQ,QAAQD,OAAQ,IACtCW,EAAK,OAAAC,MAAM,yBACTD,EAAK,OAAAC,MAAM,yBACXD,EAAA,OAAKC,MAAM,0B,CAMX,aAAAI,GACN,OAAQjB,KAAKE,SACX,IAAK,OACH,OAAOF,KAAKc,aACd,IAAK,UACH,OAAOd,KAAKe,gBACd,IAAK,SACH,OAAOf,KAAKgB,oBACd,IAAK,QACL,QACE,OAAOhB,KAAKG,c,CAIlB,MAAAe,GACE,OACEN,EAACO,EAAI,CAAAC,IAAA,4CACHR,EAAK,OAAAQ,IAAA,2CAAAP,MAAM,gBACRb,KAAKiB,gBACNL,EAAa,QAAAQ,IAAA,8C","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["spwTableFooterCss","SpwTableFooter","render","h","key","part","style","captionSide","class","name"],"sources":["src/components/spw-table/spw-table-footer/spw-table-footer.scss?tag=spw-table-footer&encapsulation=shadow","src/components/spw-table/spw-table-footer/spw-table-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.spw-table-footer {\n padding: 16px 24px;\n caption-side: bottom;\n font-size: 14px;\n color: var(--spw-color-themes-grey-grey-900);\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n ::slotted([slot='right']) {\n display: inline-flex;\n gap: 8px;\n align-items: center;\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-table-footer',\n styleUrl: 'spw-table-footer.scss',\n shadow: true,\n})\nexport class SpwTableFooter {\n render() {\n return (\n <caption part=\"tfoot\" style={{ captionSide: 'bottom' }}>\n <div class=\"spw-table-footer\">\n <slot name=\"left\" />\n <slot name=\"center\" />\n <slot name=\"right\" />\n </div>\n </caption>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,m2F,MCObC,EAAc,M,yBACzB,MAAAC,GACE,OACEC,EAAA,WAAAC,IAAA,2CAASC,KAAK,QAAQC,MAAO,CAAEC,YAAa,WAC1CJ,EAAK,OAAAC,IAAA,2CAAAI,MAAM,oBACTL,EAAM,QAAAC,IAAA,2CAAAK,KAAK,SACXN,EAAM,QAAAC,IAAA,2CAAAK,KAAK,WACXN,EAAA,QAAAC,IAAA,2CAAMK,KAAK,W","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,F as a,H as n}from"./p-BYM_CUUH.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-pagination__item button,.spw-pagination__item--dots{border-radius:32px;font-size:14px;font-weight:700;height:32px;line-height:32px;min-width:32px;text-align:center}.spw-pagination__item button:focus-visible,.spw-pagination__item--dots:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-pagination{align-items:center;display:flex;flex-direction:column}@media (min-width:768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{align-items:center;display:flex;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{background:none;border:none;color:var(--spw-color-themes-grey-grey-900);cursor:pointer;margin:0;padding:0 6px}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{align-items:center;display:flex;gap:8px;padding:0 12px;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{align-items:center;background:none;color:var(--spw-color-themes-grey-grey-400);cursor:default;display:inline-flex;justify-content:center;position:relative;top:3px}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width:768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{background:var(--spw-ds-primary);color:#fff}.spw-pagination__input spw-text-field{--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px;width:3ch}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width:768px){.spw-pagination__mobile-arrows{display:none!important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";const o=class{constructor(e){t(this,e);this.pageChanged=i(this,"pageChanged");this.isDisabled=false;this.variant="numbers";this.currentPage=1;this.inputPageValue="";this.isMobile=window.innerWidth<800;this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages();this.inputPageValue=this.currentPage.toString();window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}goToPage(t){if(t!==this.currentPage&&!this.isDisabled&&t>=1&&t<=this.totalPages){this.currentPage=t;this.inputPageValue=this.currentPage.toString();this.pageChanged.emit(this.currentPage)}}handleInputChange(t){const i=t.target.value;this.inputPageValue=i;const e=parseInt(i,10);if(!isNaN(e)&&e>=1&&e<=this.totalPages){clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>{this.goToPage(e)}),500)}}getPaginationClass(){var t,i;const e=this.calculatePageRange();const a=e.filter((({page:t})=>t==="...")).length;const n=a>0&&((t=e[1])===null||t===void 0?void 0:t.page)==="...";const s=a>0&&((i=e[e.length-2])===null||i===void 0?void 0:i.page)==="...";let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;if(a===2){o+=" spw-pagination--double-ellipsis"}else if(n){o+=" spw-pagination--ellipsis-start"}else if(s){o+=" spw-pagination--ellipsis-end"}return o}handleKeyDown(t){if(t.key==="Enter"){const t=parseInt(this.inputPageValue,10);if(!isNaN(t)){this.goToPage(t)}}}calculateWidth(){const t=this.inputPageValue.length;if(t<=1){return"3ch"}return`${t+1}ch`}calculatePageRange(){const t=[];const{currentPage:i,totalPages:e,isMobile:a}=this;if(a){if(e<=5){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=3){for(let i=1;i<=3;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-2){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-2;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-1;e<=i+1;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}else{if(e<=7){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=4){for(let i=1;i<=4;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-3){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-3;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-2;e<=i+2;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}return t}render(){const t=this.calculatePageRange();const i=this.currentPage>1;const s=this.currentPage<this.totalPages;const o=i&&e("li",{key:"23e8fe7cb9bf88f35c1f1f99a3c6bcaa7af2fc96",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"6a647a7f177e3889cdcd190dddbbd5885dccc892",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"d4fae743d7651d8e95dbe7a221275d9be131185b",icon:"fa-chevron-left"})," ",e("span",{key:"3be1084c190aeb0a9ba59d0ba2068d5eb7dc0e21",class:"spw-pagination__item-arrow-text"},"Précédent")));const p=s&&e("li",{key:"3256bbafc49646f669217c2d7282eceea1c1ac9c",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"02e3536426a160343e0e0b34f140ae3e457c513c",onClick:()=>this.goToPage(this.currentPage+1)},e("span",{key:"26a62ad836a7131c780963c5ab5e95f178cc2343",class:"spw-pagination__item-arrow-text"},"Suivant")," ",e("spw-icon",{key:"0431aa80be22ce6585cf68766a225d0a8844aa27",icon:"fa-chevron-right"})));const r=this.currentPage>1&&e("li",{key:"b5a3c4e674f893d4c8334dfa477003af35853532",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"13427b7d0284a79d2c832de2dbbce46eb055d300",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"a32885548c3dabefd4907138dc676e9c6c1ef436",icon:"fa-chevron-left"})," ",e("span",{key:"c8ec154db3bb084a1cc3fe42de20fdeee18e8050"},"Précédent")));const l=this.currentPage<this.totalPages&&e("li",{key:"e85fc334e74d0924f74f1ad6b8f748291917c378",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"b9f9150062da23f9a86651d7e967343781887627",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},e("span",{key:"6b9cfe60c786a19eacdd8457b82b6182d7cee3ab"},"Suivant")," ",e("spw-icon",{key:"0862e8d7e6ae9097e5221643e86638b0e79b5363",icon:"fa-chevron-right"})));const c=e("ul",{key:"f7efec01971ca4afeedfee572c82f8957c470e2b",class:"spw-pagination__mobile-arrows"},r,l);return e(n,{key:"04b18ee37c26515723429eb4844f1609d587b7e8"},e("div",{key:"4a8a8484cdf6506f9b6fffd64cba8b433d7f95d6",class:this.getPaginationClass()},this.variant==="input"&&e(a,{key:"54dedb6e5d280a02aa652f6ca703cfd784c0565f"},e("ul",{key:"53aa2e0bec339e9f6a0625f8c055637166090933"},o,e("li",{key:"92df3c5a2fb15a9e02d3e47be5dbbc65a81e704b",class:"spw-pagination__input"},e("spw-text-field",{key:"39205d9ce11a9a84b1e75f33efe605e80cd4b409",value:this.inputPageValue,type:"text",onInput:t=>this.handleInputChange(t),onKeyDown:t=>this.handleKeyDown(t),disabled:this.isDisabled,style:{width:this.calculateWidth()}})),e("li",{key:"6700f9ec12c9311d7bb49feba4674735ac45074f",class:"spw-pagination__total-pages"},"sur ",this.totalPages," pages"),p),c),this.variant==="numbers"&&e(a,{key:"7e1b28fe5ab3d9451b88e90eb7bda30522b305f4"},e("ul",{key:"4e0c92397b92fd9247db02b3915ea430e40c7001"},o,t.map((({page:t,class:i})=>{if(t==="..."){return e("li",{class:`spw-pagination__item spw-pagination__item--dots ${i}`},e("spw-icon",{icon:"fa-ellipsis"}))}return e("li",{class:{"spw-pagination__item":true,"spw-pagination__item--active":t===this.currentPage,[i]:true}},e("button",{onClick:()=>this.goToPage(t),disabled:t===this.currentPage},t))})),p),c)))}static get watchers(){return{totalItems:["calculateTotalPages"],itemsPerPage:["calculateTotalPages"],currentPage:["calculateTotalPages"]}}};o.style=s;export{o as spw_pagination};
|
|
2
|
-
//# sourceMappingURL=p-64670b2e.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as i,g as s}from"./p-BYM_CUUH.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-table-container{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);border-radius:4px;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.spw-table-container::-webkit-scrollbar{height:14px;width:14px}.spw-table-container::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-container::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table{border-collapse:collapse;border-radius:4px;min-width:var(--spw-table-min-width);position:relative;width:100%}";const r=class{constructor(o){t(this,o);this.spwSort=e(this,"spwSort");this.isSticky=false;this.minWidth="600";this.isZebra=false}componentDidLoad(){var t;this.updateZebra();const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(e){e.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener();this.updateMasterCheckboxState()}))}this.setupHeaderCheckboxListener();this.setupBodyCheckboxListener();setTimeout((()=>{this.updateMasterCheckboxState()}),0)}getMasterCheckboxColumnIndex(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!e)return null;const o=e.assignedElements({flatten:true});const i=o.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!i)return null;const s=i.querySelector("spw-table-row");if(!s)return null;const n=Array.from(s.querySelectorAll("spw-table-header"));for(let t=0;t<n.length;t++){if(n[t].querySelector("spw-checkbox")){return t}}return null}isCheckboxDisabled(t){return(t===null||t===void 0?void 0:t.disabled)===true||(t===null||t===void 0?void 0:t.getAttribute("disabled"))==="true"||(t===null||t===void 0?void 0:t.getAttribute("disabled"))===""}updateMasterCheckboxState(){var t;const e=this.getMasterCheckboxColumnIndex();if(e===null)return;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");const i=o===null||o===void 0?void 0:o.assignedElements({flatten:true});if(!i)return;const s=i.find((t=>t.tagName.toLowerCase()==="spw-table-head"));const n=i.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!s||!n)return;const r=s.querySelector("spw-table-row");const a=r===null||r===void 0?void 0:r.querySelectorAll("spw-table-header")[e];const l=a===null||a===void 0?void 0:a.querySelector("spw-checkbox");const c=n.querySelectorAll("spw-table-row");const d=Array.from(c).map((t=>{const o=t.querySelectorAll("spw-table-cell")[e];const i=o===null||o===void 0?void 0:o.querySelector("spw-checkbox");return{checked:(i===null||i===void 0?void 0:i.checked)===true||(i===null||i===void 0?void 0:i.getAttribute("checked"))==="true",disabled:this.isCheckboxDisabled(i)}}));const p=d.filter((t=>!t.disabled));if(p.length===0)return;const b=p.every((t=>t.checked));const u=p.every((t=>!t.checked));if(!l)return;if(b){l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-check")}else if(u){l.checked=false;l.setAttribute("checked","false");l.setAttribute("icon","fa-check")}else{l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-minus")}}setupHeaderCheckboxListener(){var t,e;const o=(e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements({flatten:true});if(!o)return;const i=o.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!i)return;const s=i.querySelectorAll("spw-table-row");s.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.addEventListener("spwChange",(t=>{this.toggleAllRowCheckboxes(t.detail)}))}))}))}setupBodyCheckboxListener(){const t=Array.from(this.el.children).find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!t)return;const e=t.querySelectorAll("spw-table-row");e.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.addEventListener("spwChange",(()=>this.updateMasterCheckboxState()))}))}))}toggleAllRowCheckboxes(t){var e;const o=this.getMasterCheckboxColumnIndex();if(o===null)return;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot");const s=i===null||i===void 0?void 0:i.assignedElements({flatten:true});if(!s)return;const n=s.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!n)return;const r=n.querySelectorAll("spw-table-row");r.forEach((e=>{const i=Array.from(e.querySelectorAll("spw-table-cell"));const s=i[o];const n=s===null||s===void 0?void 0:s.querySelector("spw-checkbox");if(n&&!this.isCheckboxDisabled(n)){n.checked=t;n.setAttribute("checked",t.toString())}}));setTimeout((()=>{this.updateMasterCheckboxState()}),0)}handleHeaderClick(t){const e=t.detail;const o=this.currentSort;const i={column:e,direction:(o===null||o===void 0?void 0:o.column)===e&&o.direction==="asc"?"desc":"asc"};this.currentSort=i;this.spwSort.emit(i);this.sortRows(i.column,i.direction);this.updateHeadersSortState(i);this.updateZebra()}updateZebra(){const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:true});const o=e.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(o){if(this.isZebra){o.setAttribute("is-zebra","true")}else{o.removeAttribute("is-zebra")}if(typeof o.updateZebraStyles==="function"){o.updateZebraStyles()}}}sortRows(t,e){var o;const i=(o=this.el.shadowRoot.querySelector("slot"))===null||o===void 0?void 0:o.assignedElements().find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!i)return;const s=Array.from(i.querySelectorAll("spw-table-row"));const n=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((e=>e.columnId===t));if(n===-1)return;s.sort(((t,o)=>{const i=t.querySelectorAll("spw-table-cell")[n];const s=o.querySelectorAll("spw-table-cell")[n];if(!i||!s)return 0;const r=i.textContent.trim();const a=s.textContent.trim();if(!isNaN(Number(r))&&!isNaN(Number(a))){return e==="asc"?+r-+a:+a-+r}return e==="asc"?r.localeCompare(a):a.localeCompare(r)}));s.forEach((t=>i.appendChild(t)));const r=i;if(r===null||r===void 0?void 0:r.updateZebraStyles){r.updateZebraStyles()}}updateHeadersSortState(t){const e=this.el.querySelectorAll("spw-table-header");e.forEach((e=>{const o=e.columnId===t.column;e.isSorted=o;e.sortDirection=o?t.direction:undefined}))}formatSize(t){if(t===undefined||t===null){return"auto"}return`${t}px`}get elementClass(){return{"spw-table":true,"spw-table--is-sticky":this.isSticky}}render(){return o(i,{key:"5294f8be63d4632acbd7a32613012bae435ca8f2",style:{"--spw-table-max-height":this.formatSize(this.maxHeight),"--spw-table-min-width":this.formatSize(this.minWidth)}},o("div",{key:"29ceffe040a91cc417d56af3cf52c2cffa47f694",class:"spw-table-container"},o("table",{key:"9143213a51fa293587779f05eab910ded777cadc",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},o("slot",{key:"2f6b90a68cde6fd8d0b01d59e95e0d4db948a9aa"}))))}get el(){return s(this)}};r.style=n;export{r as spw_table};
|
|
2
|
-
//# sourceMappingURL=p-73db3953.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["spwTableCss","SpwTable","constructor","hostRef","this","isSticky","minWidth","isZebra","componentDidLoad","updateZebra","slot","_a","el","shadowRoot","querySelector","addEventListener","setupHeaderCheckboxListener","updateMasterCheckboxState","setupBodyCheckboxListener","setTimeout","getMasterCheckboxColumnIndex","assignedElements","flatten","head","find","tagName","toLowerCase","headerRow","headerCells","Array","from","querySelectorAll","i","length","isCheckboxDisabled","checkbox","disabled","getAttribute","columnIndex","body","headerCell","masterCheckbox","rows","checkboxData","map","row","cell","cb","checked","enabledCheckboxes","filter","item","allChecked","every","noneChecked","setAttribute","_b","headerRows","forEach","checkboxes","event","toggleAllRowCheckboxes","detail","children","cells","targetCell","toString","handleHeaderClick","columnId","current","currentSort","newSort","column","direction","spwSort","emit","sortRows","updateHeadersSortState","removeAttribute","updateZebraStyles","findIndex","header","sort","a","b","aCell","bCell","aValue","textContent","trim","bValue","isNaN","Number","localeCompare","appendChild","bodyComponent","headers","isCurrent","isSorted","sortDirection","undefined","formatSize","value","elementClass","render","h","Host","key","style","maxHeight","class","part","role","accAriaLabel"],"sources":["src/components/spw-table/spw-table.scss?tag=spw-table&encapsulation=shadow","src/components/spw-table/spw-table.tsx"],"sourcesContent":[":host {\n display: block;\n position: relative;\n}\n\n%highlight {\n font-weight: 700;\n background: var(--spw-color-themes-grey-grey-100);\n}\n\n.spw-table-container {\n width: 100%;\n overflow-x: auto;\n overflow-y: auto;\n max-height: var(--spw-table-max-height);\n border-radius: 4px;\n outline: 1px solid var(--spw-color-themes-grey-grey-300);\n outline-offset: -1px;\n position: relative;\n @include scrollbars(var(--spw-color-themes-grey-grey-400), var(--spw-ds-white));\n}\n\n.spw-table {\n width: 100%;\n border-collapse: collapse;\n min-width: var(--spw-table-min-width);\n border-radius: 4px;\n position: relative;\n}\n","import { Component, Element, Event, Listen, State, EventEmitter, Host, Prop, h } from '@stencil/core';\n\nexport interface SortEvent {\n column: string;\n direction: 'asc' | 'desc';\n}\n\n@Component({\n tag: 'spw-table',\n styleUrl: 'spw-table.scss',\n shadow: true,\n})\nexport class SpwTable {\n @Element() el: HTMLSpwTableElement;\n\n /** Propriété pour l'aria-label, à des fins d'accessibilité */\n @Prop() accAriaLabel?: string;\n /** Si le header du tableau doit être sticky ou non */\n @Prop() isSticky?: boolean = false;\n /** Si défini, apparition d'une scrollbar verticale et max-height */\n @Prop() maxHeight?: string;\n /** Si défini, apparition d'une scrollbar horizontale et max-width */\n @Prop() minWidth?: string = '600';\n /** Définit un background de couleur différent une ligne sur 2 */\n @Prop() isZebra?: boolean = false;\n\n @Event() spwSort: EventEmitter<SortEvent>;\n\n @State() currentSort?: SortEvent;\n\n componentDidLoad() {\n this.updateZebra();\n const slot = this.el.shadowRoot?.querySelector('slot');\n if (slot) {\n slot.addEventListener('slotchange', () => {\n this.setupHeaderCheckboxListener();\n this.updateMasterCheckboxState();\n });\n }\n this.setupHeaderCheckboxListener();\n this.setupBodyCheckboxListener();\n setTimeout(() => {\n this.updateMasterCheckboxState();\n }, 0);\n }\n\n private getMasterCheckboxColumnIndex(): number | null {\n const slot = this.el.shadowRoot?.querySelector('slot');\n if (!slot) return null;\n\n const assignedElements = slot.assignedElements({ flatten: true }) as HTMLElement[];\n const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n if (!head) return null;\n\n const headerRow = head.querySelector('spw-table-row');\n if (!headerRow) return null;\n\n const headerCells = Array.from(headerRow.querySelectorAll('spw-table-header'));\n\n for (let i = 0; i < headerCells.length; i++) {\n if (headerCells[i].querySelector('spw-checkbox')) {\n return i;\n }\n }\n\n return null;\n }\n\n private isCheckboxDisabled(checkbox: any): boolean {\n return checkbox?.disabled === true || checkbox?.getAttribute('disabled') === 'true' || checkbox?.getAttribute('disabled') === '';\n }\n\n private updateMasterCheckboxState() {\n const columnIndex = this.getMasterCheckboxColumnIndex();\n if (columnIndex === null) return;\n\n const slot = this.el.shadowRoot?.querySelector('slot');\n const assignedElements = slot?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n if (!assignedElements) return;\n\n const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body');\n if (!head || !body) return;\n\n const headerRow = head.querySelector('spw-table-row');\n const headerCell = headerRow?.querySelectorAll('spw-table-header')[columnIndex];\n const masterCheckbox = headerCell?.querySelector('spw-checkbox') as any;\n\n const rows = body.querySelectorAll('spw-table-row');\n const checkboxData = Array.from(rows).map(row => {\n const cell = row.querySelectorAll('spw-table-cell')[columnIndex];\n const cb = cell?.querySelector('spw-checkbox') as any;\n return {\n checked: cb?.checked === true || cb?.getAttribute('checked') === 'true',\n disabled: this.isCheckboxDisabled(cb),\n };\n });\n\n const enabledCheckboxes = checkboxData.filter(item => !item.disabled);\n\n if (enabledCheckboxes.length === 0) return;\n\n const allChecked = enabledCheckboxes.every(item => item.checked);\n const noneChecked = enabledCheckboxes.every(item => !item.checked);\n\n if (!masterCheckbox) return;\n\n if (allChecked) {\n masterCheckbox.checked = true;\n masterCheckbox.setAttribute('checked', 'true');\n masterCheckbox.setAttribute('icon', 'fa-check');\n } else if (noneChecked) {\n masterCheckbox.checked = false;\n masterCheckbox.setAttribute('checked', 'false');\n masterCheckbox.setAttribute('icon', 'fa-check');\n } else {\n masterCheckbox.checked = true;\n masterCheckbox.setAttribute('checked', 'true');\n masterCheckbox.setAttribute('icon', 'fa-minus');\n }\n }\n\n private setupHeaderCheckboxListener() {\n const assignedElements = this.el.shadowRoot?.querySelector('slot')?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n\n if (!assignedElements) return;\n\n const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n if (!head) return;\n\n const headerRows = head.querySelectorAll('spw-table-row');\n\n headerRows.forEach(row => {\n const checkboxes = row.querySelectorAll('spw-checkbox');\n checkboxes.forEach(cb => {\n cb.addEventListener('spwChange', (event: CustomEvent<boolean>) => {\n this.toggleAllRowCheckboxes(event.detail);\n });\n });\n });\n }\n\n private setupBodyCheckboxListener() {\n const body = Array.from(this.el.children).find(el => el.tagName.toLowerCase() === 'spw-table-body');\n if (!body) return;\n\n const rows = body.querySelectorAll('spw-table-row');\n rows.forEach(row => {\n const checkboxes = row.querySelectorAll('spw-checkbox');\n checkboxes.forEach(cb => {\n cb.addEventListener('spwChange', () => this.updateMasterCheckboxState());\n });\n });\n }\n\n private toggleAllRowCheckboxes(checked: boolean) {\n const columnIndex = this.getMasterCheckboxColumnIndex();\n if (columnIndex === null) return;\n\n const slot = this.el.shadowRoot?.querySelector('slot');\n const assignedElements = slot?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n if (!assignedElements) return;\n\n const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body');\n if (!body) return;\n\n const rows = body.querySelectorAll('spw-table-row');\n\n rows.forEach(row => {\n const cells = Array.from(row.querySelectorAll('spw-table-cell'));\n const targetCell = cells[columnIndex];\n const checkbox = targetCell?.querySelector('spw-checkbox') as any;\n\n if (checkbox && !this.isCheckboxDisabled(checkbox)) {\n checkbox.checked = checked;\n checkbox.setAttribute('checked', checked.toString());\n }\n });\n\n setTimeout(() => {\n this.updateMasterCheckboxState();\n }, 0);\n }\n\n @Listen('spwHeaderClick')\n handleHeaderClick(event: CustomEvent<string>) {\n const columnId = event.detail;\n const current = this.currentSort;\n\n const newSort: SortEvent = {\n column: columnId,\n direction: current?.column === columnId && current.direction === 'asc' ? 'desc' : 'asc',\n };\n\n this.currentSort = newSort;\n this.spwSort.emit(newSort);\n this.sortRows(newSort.column, newSort.direction);\n this.updateHeadersSortState(newSort);\n this.updateZebra();\n }\n\n private updateZebra() {\n const slot = this.el.shadowRoot.querySelector('slot');\n if (!slot) return;\n\n const assignedElements = slot.assignedElements({ flatten: true });\n const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body') as any;\n\n if (body) {\n if (this.isZebra) {\n body.setAttribute('is-zebra', 'true');\n } else {\n body.removeAttribute('is-zebra');\n }\n\n if (typeof body.updateZebraStyles === 'function') {\n body.updateZebraStyles();\n }\n }\n }\n\n private sortRows(columnId: string, direction: 'asc' | 'desc') {\n const body = this.el.shadowRoot\n .querySelector('slot')\n ?.assignedElements()\n .find(el => el.tagName.toLowerCase() === 'spw-table-body');\n if (!body) return;\n\n const rows = Array.from(body.querySelectorAll('spw-table-row'));\n\n const columnIndex = Array.from(this.el.querySelectorAll('spw-table-header')).findIndex((header: any) => header.columnId === columnId);\n if (columnIndex === -1) return;\n\n rows.sort((a: any, b: any) => {\n const aCell = a.querySelectorAll('spw-table-cell')[columnIndex];\n const bCell = b.querySelectorAll('spw-table-cell')[columnIndex];\n if (!aCell || !bCell) return 0;\n\n const aValue = aCell.textContent.trim();\n const bValue = bCell.textContent.trim();\n\n if (!isNaN(Number(aValue)) && !isNaN(Number(bValue))) {\n return direction === 'asc' ? +aValue - +bValue : +bValue - +aValue;\n }\n\n return direction === 'asc' ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);\n });\n\n rows.forEach(row => body.appendChild(row));\n\n const bodyComponent = body as HTMLSpwTableBodyElement;\n if (bodyComponent?.updateZebraStyles) {\n bodyComponent.updateZebraStyles();\n }\n }\n\n private updateHeadersSortState(sort: SortEvent) {\n const headers = this.el.querySelectorAll('spw-table-header');\n headers.forEach((header: any) => {\n const isCurrent = header.columnId === sort.column;\n header.isSorted = isCurrent;\n header.sortDirection = isCurrent ? sort.direction : undefined;\n });\n }\n\n private formatSize(value?: string): string {\n if (value === undefined || value === null) {\n return 'auto';\n }\n return `${value}px`;\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-table': true,\n 'spw-table--is-sticky': this.isSticky,\n };\n }\n\n render() {\n return (\n <Host\n style={{\n '--spw-table-max-height': this.formatSize(this.maxHeight),\n '--spw-table-min-width': this.formatSize(this.minWidth),\n }}\n >\n <div class=\"spw-table-container\">\n <table part=\"table\" class={this.elementClass} role=\"table\" aria-label={this.accAriaLabel}>\n <slot />\n </table>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as i,g as o}from"./p-BYM_CUUH.js";const r='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-select,.spw-select__container{position:relative}.spw-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-select__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;height:40px;margin:0;padding:0 40px 0 12px;position:relative;width:100%}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-select__trigger:after{color:var(--spw-color-themes-grey-grey-800);content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:900;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{font-size:18px;height:60px;padding:0 24px}.spw-select--disabled .spw-select__trigger{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible,.spw-select--disabled .spw-select__trigger:hover{outline:none}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}';const n=class{constructor(s){e(this,s);this.valueChanged=t(this,"valueChanged");if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.label="";this.placeholder="Sélectionner une option";this.required=false;this.size="medium";this.error="";this.hint="";this.success="";this.warning="";this.showErrorIcon=true;this.showHintIcon=true;this.showSuccessIcon=true;this.showWarningIcon=true;this.defaultValue=null}handleItemsChange(){if(this.selectElement){this.syncDynamicOptions()}}componentWillLoad(){var e;this.defaultValue=(e=this.value)!==null&&e!==void 0?e:this.getInitialSelectedValue();this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue());if(!this.items){this.moveOptionsToLightDom()}else{this.syncDynamicOptions()}}formResetCallback(){var e;this.setValue((e=this.defaultValue)!==null&&e!==void 0?e:"")}setValue(e){this.internalValue=e;this.value=e;if(this.selectElement){this.selectElement.value=String(e)}this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue)}getFormValue(){return this.internalValue?String(this.internalValue):null}getInitialSelectedValue(){if(this.items&&this.items.length>0){return null}const e=Array.from(this.el.querySelectorAll("option"));for(const t of e){if(t.hasAttribute("selected")){return t.getAttribute("value")}}return null}handleSelectChange(e){const t=e.target;this.internalValue=t.value;this.value=this.internalValue;this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");if(e){const t=e.assignedNodes({flatten:true});t.forEach((e=>{if(e.nodeName==="OPTION"||e.nodeName==="OPTGROUP"){this.selectElement.appendChild(e)}}))}}syncDynamicOptions(){while(this.selectElement.options.length>1){this.selectElement.remove(1)}if(this.items&&this.items.length>0){this.items.forEach((e=>{const t=document.createElement("option");const s=this.itemValue?e[this.itemValue]:e;const i=this.itemLabel?e[this.itemLabel]:e;t.value=String(s);t.textContent=String(i);this.selectElement.appendChild(t)}))}if(this.selectElement.value!==String(this.internalValue||"")){this.selectElement.value=String(this.internalValue||"")}}renderErrorMessage(){if(this.error){return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderSuccessMessage(){if(this.success){return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}renderWarningMessage(){if(this.warning){return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}get elementClass(){return{"spw-select":true,[`spw-select--${this.size}`]:true,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error}}render(){return s(i,{key:"56d9bbe6fbb49ec72fd9e5116f3e74d8fbba34a0"},s("div",{key:"98a60067955e9ee577c337a855298753e444f806",class:this.elementClass},this.label&&s("spw-field-label",{key:"ab0ff5678cf5fe119d7a24fc66b58c1bf1b220ff",label:this.label,name:this.name,required:this.required}),this.assistiveText&&s("spw-field-message",{key:"fb578feee5ead5cbc2e5bb1e88d46ab57692c8bd",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),s("div",{key:"243a53007efb7fef01078c9be7db95bcb78109c6",class:"spw-select__container"},s("select",{key:"c8bfe5baa2daeede78609261bb6b6c642c5e68b3",id:this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},s("option",{key:"60a3e98e85ebbe6c8ff01368b45f7655c8beb04f",value:"",disabled:true,selected:!this.internalValue},this.placeholder)),s("spw-icon",{key:"e60ed9a157f7bbcef3eca26d7ea0347b470a655f",class:"spw-select__arrow",icon:"fa-chevron-down"})),!this.items&&s("slot",{key:"6172fb81b853a9e167030c731ec1bfc4a2bf0af6"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{items:["handleItemsChange"]}}};n.style=r;export{n as spw_select};
|
|
2
|
-
//# sourceMappingURL=p-7e30e4c2.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["spwSelectCss","SpwSelect","constructor","hostRef","this","label","placeholder","required","size","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","defaultValue","handleItemsChange","selectElement","syncDynamicOptions","componentWillLoad","_a","value","getInitialSelectedValue","internalValue","componentDidLoad","internals","setFormValue","getFormValue","items","moveOptionsToLightDom","formResetCallback","setValue","val","String","valueChanged","emit","length","assignedNodes","Array","from","el","querySelectorAll","option","hasAttribute","getAttribute","handleSelectChange","event","select","target","slot","shadowRoot","querySelector","flatten","forEach","node","nodeName","appendChild","options","remove","item","document","createElement","itemValue","itemLabel","textContent","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderSuccessMessage","renderWarningMessage","elementClass","disabled","render","Host","key","class","name","assistiveText","id","onChange","ref","tabindex","selected","icon"],"sources":["src/components/spw-select/spw-select.scss?tag=spw-select&encapsulation=shadow","src/components/spw-select/spw-select.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-select {\n position: relative;\n &__container {\n position: relative;\n }\n &__arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 12px;\n pointer-events: none;\n color: var(--spw-color-themes-grey-grey-600);\n font-size: 16px;\n }\n &__trigger {\n width: 100%;\n height: 40px;\n border-radius: 4px;\n border: 1px solid var(--spw-color-themes-grey-grey-800);\n background-color: #fff;\n font-size: 16px;\n color: var(--spw-color-themes-grey-grey-800);\n position: relative;\n padding: 0;\n margin: 0;\n appearance: none;\n padding: 0 12px;\n padding-right: 40px;\n\n &:hover {\n outline: 4px solid var(--spw-color-themes-grey-grey-300);\n }\n\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n\n &::after {\n content: '\\f078';\n font-family: var(--spw-ds-font-icons-solid);\n font-weight: 900;\n font-size: 14px;\n color: var(--spw-color-themes-grey-grey-800);\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n pointer-events: none;\n }\n\n .spw-select--is-error & {\n border-color: var(--spw-colors-states-error-error-300);\n }\n\n .spw-select--large & {\n height: 60px;\n padding: 0 24px;\n font-size: 18px;\n }\n\n .spw-select--disabled & {\n border-color: var(--spw-color-themes-grey-grey-400);\n background: var(--spw-color-themes-grey-grey-100);\n color: var(--spw-color-themes-grey-grey-500);\n cursor: not-allowed;\n &::placeholder {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &:hover,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n }\n}\n","import { AttachInternals, Host, Component, Prop, State, Event, EventEmitter, h, Element, Watch } from '@stencil/core';\n\nexport interface SelectItem {\n label: string;\n value: string | number;\n}\n\n@Component({\n tag: 'spw-select',\n styleUrl: 'spw-select.scss',\n formAssociated: true,\n shadow: true,\n})\nexport class SpwSelect {\n @Element() el: HTMLSpwSelectElement;\n\n /** Emet un event si la valeur change */\n @Event() valueChanged: EventEmitter<string | number>;\n @State() internalValue: string | number;\n\n /** Valeur sélectionnée actuelle, mutable et reflétée dans le DOM */\n @Prop({ mutable: true, reflect: true }) value: string | number;\n /** Label associé au champ de sélection */\n @Prop() label: string = '';\n /** Texte du placeholder à afficher lorsque rien n'est sélectionné */\n @Prop() placeholder: string = 'Sélectionner une option';\n /** Indique si le champ de sélection est désactivé */\n @Prop() disabled: boolean;\n /** Nom de l'élément utilisé dans les formulaires pour associer la valeur sélectionnée */\n @Prop() name: string;\n /** Indique si la sélection est obligatoire dans le formulaire */\n @Prop() required: boolean = false;\n /** Taille du champ de sélection : 'large' ou 'medium' */\n @Prop() size: 'large' | 'medium' = 'medium';\n /** Texte d'assistance affiché sous le champ de sélection */\n @Prop() assistiveText?: string;\n /** Message d'erreur à afficher sous le champ de sélection */\n @Prop() error?: string = '';\n /** Message d'indication (hint) à afficher sous le champ de sélection */\n @Prop() hint?: string = '';\n /** Message de succès à afficher sous le champ de sélection */\n @Prop() success?: string = '';\n /** Message de warning à afficher sous le champ */\n @Prop() warning?: string = '';\n /** Affiche une icône d'erreur si vrai */\n @Prop() showErrorIcon?: boolean = true;\n /** Affiche une icône d'indication si vrai */\n @Prop() showHintIcon?: boolean = true;\n /** Affiche une icône de succès si vrai */\n @Prop() showSuccessIcon?: boolean = true;\n /** Affiche une icône de warning si vrai */\n @Prop() showWarningIcon?: boolean = true;\n /** Liste d'items dynamiques pour générer les options (array d'objects avec label + value) */\n @Prop() items?: SelectItem[];\n /** Propriété à utiliser comme label des options */\n @Prop() itemLabel?: string;\n /** Propriété à utiliser comme valeur des options */\n @Prop() itemValue?: string;\n\n private selectElement!: HTMLSelectElement;\n private defaultValue: string | number | null = null;\n\n @AttachInternals() internals: ElementInternals;\n\n @Watch('items')\n handleItemsChange() {\n if (this.selectElement) {\n this.syncDynamicOptions();\n }\n }\n\n componentWillLoad() {\n this.defaultValue = this.value ?? this.getInitialSelectedValue();\n this.internalValue = this.value || this.getInitialSelectedValue();\n }\n\n componentDidLoad() {\n this.internals.setFormValue(this.getFormValue());\n if (!this.items) {\n this.moveOptionsToLightDom();\n } else {\n this.syncDynamicOptions();\n }\n }\n\n formResetCallback() {\n this.setValue(this.defaultValue ?? '');\n }\n\n private setValue(val: string | number) {\n this.internalValue = val;\n this.value = val;\n\n if (this.selectElement) {\n this.selectElement.value = String(val);\n }\n\n this.internals.setFormValue(this.getFormValue());\n this.valueChanged.emit(this.internalValue);\n }\n\n private getFormValue(): string | null {\n return this.internalValue ? String(this.internalValue) : null;\n }\n\n private getInitialSelectedValue(): string | number | null {\n if (this.items && this.items.length > 0) {\n return null;\n }\n const assignedNodes = Array.from(this.el.querySelectorAll('option')) as HTMLOptionElement[];\n for (const option of assignedNodes) {\n if (option.hasAttribute('selected')) {\n return option.getAttribute('value');\n }\n }\n return null;\n }\n\n private handleSelectChange(event: Event) {\n const select = event.target as HTMLSelectElement;\n this.internalValue = select.value;\n this.value = this.internalValue;\n this.internals.setFormValue(this.getFormValue());\n this.valueChanged.emit(this.internalValue);\n }\n\n private moveOptionsToLightDom() {\n const slot = this.el.shadowRoot.querySelector('slot');\n if (slot) {\n const assignedNodes = slot.assignedNodes({ flatten: true }) as HTMLElement[];\n assignedNodes.forEach(node => {\n if (node.nodeName === 'OPTION' || node.nodeName === 'OPTGROUP') {\n this.selectElement.appendChild(node);\n }\n });\n }\n }\n\n private syncDynamicOptions() {\n while (this.selectElement.options.length > 1) {\n this.selectElement.remove(1);\n }\n\n if (this.items && this.items.length > 0) {\n this.items.forEach(item => {\n const option = document.createElement('option');\n const value = this.itemValue ? item[this.itemValue] : item;\n const label = this.itemLabel ? item[this.itemLabel] : item;\n option.value = String(value);\n option.textContent = String(label);\n this.selectElement.appendChild(option);\n });\n }\n\n if (this.selectElement.value !== String(this.internalValue || '')) {\n this.selectElement.value = String(this.internalValue || '');\n }\n }\n\n private renderErrorMessage() {\n if (this.error) {\n return (\n <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n {this.error}\n </spw-field-message>\n );\n }\n }\n\n private renderHintMessage() {\n if (this.hint) {\n return (\n <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n {this.hint}\n </spw-field-message>\n );\n }\n }\n\n private renderSuccessMessage() {\n if (this.success) {\n return (\n <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n {this.success}\n </spw-field-message>\n );\n }\n }\n\n private renderWarningMessage() {\n if (this.warning) {\n return (\n <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n {this.warning}\n </spw-field-message>\n );\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-select': true,\n [`spw-select--${this.size}`]: true,\n 'spw-select--disabled': this.disabled,\n 'spw-select--is-error': !!this.error,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.elementClass}>\n {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n {this.assistiveText && (\n <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n {this.assistiveText}\n </spw-field-message>\n )}\n <div class=\"spw-select__container\">\n <select\n id={this.name}\n class=\"spw-select__trigger\"\n onChange={event => this.handleSelectChange(event)}\n disabled={this.disabled}\n ref={el => (this.selectElement = el as HTMLSelectElement)}\n tabindex={this.disabled ? -1 : 0}\n >\n <option value=\"\" disabled selected={!this.internalValue}>\n {this.placeholder}\n </option>\n </select>\n <spw-icon class=\"spw-select__arrow\" icon=\"fa-chevron-down\"></spw-icon>\n </div>\n {!this.items && <slot />}\n </div>\n {this.renderErrorMessage()}\n {this.renderHintMessage()}\n {this.renderSuccessMessage()}\n {this.renderWarningMessage()}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,g as n,c as o}from"./p-BYM_CUUH.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}";const a=class{constructor(e){t(this,e)}render(){return e(i,{key:"580fb50f869e7eb3e2c0a53f41ad515d94cbe009"},e("div",{key:"841e8c248402008a91263ba8e11d09505ca1b71b",class:"spw-accordion"},e("slot",{key:"cbe8f77a5f9b644b7fcea364f2e1f71d0fb09108"})))}};a.style=s;const r="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-accordion-content{color:var(--spw-color-themes-grey-grey-800);font-weight:400;line-height:1.5;overflow:hidden;transition:all .25s ease-in}:host(.--collapsed) .spw-accordion-content{max-height:0!important}.spw-accordion-content--is-opened{max-height:100%!important}.spw-accordion-content__inner{margin-bottom:var(--spw-spacings-spacing-lg);padding:0 var(--spw-spacings-spacing-lg)}";const d=class{constructor(e){t(this,e);this.isOpened=false}componentDidLoad(){this.assignItemId();this.updateHeight();window.addEventListener("resize",this.handleResize.bind(this));this.contentElement.addEventListener("transitionend",this.handleTransitionEnd.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this));this.contentElement.removeEventListener("transitionend",this.handleTransitionEnd.bind(this))}assignItemId(){const t=this.el.closest("spw-accordion-item");if(t){const e=t.getAttribute("data-accordion-id");if(e){this.el.setAttribute("data-accordion-id",e)}}}handleAccordionToggle(t){const e=this.el.getAttribute("data-accordion-id");if(t.detail.id===e){this.isOpened=t.detail.isOpen;this.updateHeight()}}handleResize(){this.updateHeight();setTimeout((()=>{this.updateHeight()}),300)}handleTransitionEnd(t){if(t.propertyName==="max-height"){if(this.isOpened){this.contentElement.classList.add("spw-accordion-content--is-opened")}else{this.contentElement.classList.remove("spw-accordion-content--is-opened")}}}updateHeight(){requestAnimationFrame((()=>{const t=this.contentElement;if(this.isOpened){const e=t.scrollHeight;t.style.maxHeight=`${e}px`}else{t.style.maxHeight="0px"}}))}render(){return e("div",{key:"47bc447a3bc5cd22e31a103e9223d68bb3299747",class:"spw-accordion-content",ref:t=>this.contentElement=t,"data-accordion-id":this.el.getAttribute("data-accordion-id")},e("div",{key:"850eef496b26067e7924d08d2b910d1b104b2d89",class:"spw-accordion-content__inner"},e("slot",{key:"12d15fce0069bc11dcb8d16df2c3bda4870137d3",onSlotchange:()=>this.updateHeight()})))}get el(){return n(this)}};d.style=r;const c="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-accordion-item{position:relative}.spw-accordion-item__content{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);position:relative}.spw-accordion-item__trigger{display:block;position:sticky;text-decoration:none;top:0;z-index:10}@media (min-width:768px){.spw-accordion-item__trigger{position:relative}}.spw-accordion-item__trigger:focus-visible{box-shadow:0 0 0 2px #000;outline:2px solid #fff;outline-offset:-3px}";const p=class{constructor(e){t(this,e);this.accordionToggle=o(this,"accordionToggle");this.isOpen=false;this.isMobile=window.innerWidth<768;this.defaultOpen=false}componentWillLoad(){this.isOpen=this.defaultOpen;this.assignItemId();this.setupResizeListener();this.toggleClasses()}componentDidLoad(){if(this.isOpen){const t=this.el.getAttribute("data-accordion-id");this.accordionToggle.emit({isOpen:this.isOpen,id:t});this.updateFocusableElements()}}disconnectedCallback(){this.teardownResizeListener()}defaultOpenChanged(t){this.isOpen=t;this.toggleClasses();this.updateFocusableElements()}assignItemId(){const t=Array.from(this.el.parentNode.children).indexOf(this.el);this.el.setAttribute("data-accordion-id",`accordion-item-${t}`)}toggleContent(){this.isOpen=!this.isOpen;const t=this.el.getAttribute("data-accordion-id");this.accordionToggle.emit({isOpen:this.isOpen,id:t});this.updateFocusableElements();if(!this.isOpen){this.scrollToElement()}this.toggleClasses()}toggleClasses(){const t=this.el.querySelector("spw-accordion-content");const e=this.el.querySelector("spw-accordion-title");if(t){t.classList.toggle("--collapsed",!this.isOpen)}if(e){e.classList.toggle("--collapsed",!this.isOpen)}}handleClick(t){t.preventDefault();this.toggleContent()}scrollToElement(){const t=this.el.shadowRoot.querySelector(".spw-accordion-item__content");if(t&&this.isMobile){t.scrollIntoView({behavior:"smooth",block:"start"})}}updateFocusableElements(){const t=this.el.shadowRoot.querySelector('slot[name="content"]');if(!t){return}const e=t.assignedElements({flatten:true});e.forEach((t=>{const e=t.querySelectorAll("*");e.forEach((t=>{if(this.isOpen){const e=t.getAttribute("data-tabindex-original");if(e!==null){t.setAttribute("tabindex",e);t.removeAttribute("data-tabindex-original")}else{t.removeAttribute("tabindex")}}else{if(!t.hasAttribute("data-tabindex-original")){const e=t.getAttribute("tabindex");if(e!==null){t.setAttribute("data-tabindex-original",e)}else{t.setAttribute("data-tabindex-original","")}}t.setAttribute("tabindex","-1")}}))}))}setupResizeListener(){this.resizeListener=()=>{this.isMobile=window.innerWidth<768};window.addEventListener("resize",this.resizeListener)}teardownResizeListener(){if(this.resizeListener){window.removeEventListener("resize",this.resizeListener)}}get elementClass(){return{"spw-accordion-item":true,"spw-accordion-item--collapsed":!this.isOpen}}get elementChildClass(){return{"spw-accordion-item__trigger":true}}render(){return e(i,{key:"db85e50c8268f27e6c2c1bd5fb9f14ade4a5918b",class:this.elementClass},e("div",{key:"85dae7aa652686ec4e74863ea78e6a82ac0d6bc7",class:"spw-accordion-item__content"},e("a",{key:"a40ecf4340f2a6380301e786d82402af1b9ca5e2",href:"#",class:this.elementChildClass,onClick:t=>this.handleClick(t)},e("slot",{key:"aa68afc78b54f5478506449f9b914fc0429819a1",name:"title"})),e("slot",{key:"d6f6682794d136ef114bd3ff286ba01237865422",name:"content"})))}get el(){return n(this)}static get watchers(){return{defaultOpen:["defaultOpenChanged"]}}};p.style=c;const l="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-accordion-title{color:var(--spw-color-themes-grey-grey-900);font-weight:700;padding:var(--spw-spacings-spacing-lg);transition:all .3s}.spw-accordion-title:hover{color:var(--spw-ds-primary)}:host-context(.spw-accordion-item:hover)>.spw-accordion-title{color:var(--spw-ds-primary)}.spw-accordion-title__content{padding-right:var(--spw-spacings-spacing-3-xl);position:relative}.spw-accordion-title__content h2,.spw-accordion-title__content h3,.spw-accordion-title__content h4,.spw-accordion-title__content h5,.spw-accordion-title__content h6{font-size:16px}.spw-accordion-title__trigger{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s}:host(.--collapsed) .spw-accordion-title__trigger{transform:translateY(-50%) rotate(0deg)}.spw-tw-mr-3{margin-right:.75rem}.spw-tw-flex{display:flex}";const b=class{constructor(e){t(this,e);this.tag="h3"}render(){const t=this.tag;const n=this.icon?e("spw-icon",{icon:this.icon}):null;return e(i,{key:"c48130c949e4772c6b6e163b8f84b595fa7b4c51"},e("div",{key:"9ff66e56f51b8642019ba46c4b11193fb821bb44",class:"spw-accordion-title"},e("div",{key:"0bb09fdd533c01e98f4f6645338327674e41f2e9",class:"spw-accordion-title__content"},e(t,{key:"3b399be71a64a1a765b0b63e254bf1526ce35534",class:"spw-tw-flex"},n&&e("div",{key:"343ecc64661eb5d85ba408d6556a6c4e407c10d9",class:"spw-tw-mr-3"},n),e("div",{key:"13531d24356419e72af41be702865551c9794518"},e("slot",{key:"b04e6bf552232e0cccffb7ae81bbcb7f689a3f45"}))),e("span",{key:"80bc63470ca5793d423df78c313fa70330f8c302",class:"spw-accordion-title__trigger"},e("spw-icon",{key:"85b2440cdff81b927edfe25a4e3bf71e99e3c236",icon:"fa-chevron-down"})))))}};b.style=l;export{a as spw_accordion,d as spw_accordion_content,p as spw_accordion_item,b as spw_accordion_title};
|
|
2
|
-
//# sourceMappingURL=p-9356f8c9.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["spwAccordionCss","SpwAccordion","render","h","Host","key","class","spwAccordionContentCss","SpwAccordionContent","constructor","hostRef","this","isOpened","componentDidLoad","assignItemId","updateHeight","window","addEventListener","handleResize","bind","contentElement","handleTransitionEnd","disconnectedCallback","removeEventListener","parent","el","closest","itemId","getAttribute","setAttribute","handleAccordionToggle","event","detail","id","isOpen","setTimeout","propertyName","classList","add","remove","requestAnimationFrame","content","scrollHeight","style","maxHeight","ref","onSlotchange","spwAccordionItemCss","SpwAccordionItem","isMobile","innerWidth","defaultOpen","componentWillLoad","setupResizeListener","toggleClasses","accordionToggle","emit","updateFocusableElements","teardownResizeListener","defaultOpenChanged","newValue","index","Array","from","parentNode","children","indexOf","toggleContent","scrollToElement","querySelector","titleElement","toggle","handleClick","preventDefault","element","shadowRoot","scrollIntoView","behavior","block","contentSlot","assignedElements","flatten","forEach","focusableElements","querySelectorAll","focusable","originalTabIndex","removeAttribute","hasAttribute","currentTabIndex","resizeListener","elementClass","elementChildClass","href","onClick","name","spwAccordionTitleCss","SpwAccordionTitle","tag","TagType","iconElement","icon"],"sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n display: block;\n position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion',\n styleUrl: 'spw-accordion.scss',\n shadow: true,\n})\nexport class SpwAccordion {\n render() {\n return (\n <Host>\n <div class=\"spw-accordion\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n",".spw-accordion-content {\n line-height: 1.5;\n font-weight: 400;\n overflow: hidden;\n color: var(--spw-color-themes-grey-grey-800);\n transition: all 0.25s ease-in;\n\n :host(.--collapsed) & {\n max-height: 0 !important;\n }\n\n &--is-opened {\n max-height: 100% !important;\n }\n\n &__inner {\n padding: 0 var(--spw-spacings-spacing-lg);\n margin-bottom: var(--spw-spacings-spacing-lg);\n }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-content',\n styleUrl: 'spw-accordion-content.scss',\n shadow: true,\n})\nexport class SpwAccordionContent {\n @Element() el: HTMLSpwAccordionContentElement;\n private contentElement: HTMLElement;\n\n @State() isOpened: boolean = false;\n\n componentDidLoad() {\n this.assignItemId();\n this.updateHeight();\n window.addEventListener('resize', this.handleResize.bind(this));\n this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize.bind(this));\n this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n }\n\n private assignItemId() {\n const parent = this.el.closest('spw-accordion-item');\n if (parent) {\n const itemId = parent.getAttribute('data-accordion-id');\n if (itemId) {\n this.el.setAttribute('data-accordion-id', itemId);\n }\n }\n }\n\n @Listen('accordionToggle', { target: 'document' })\n handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n const itemId = this.el.getAttribute('data-accordion-id');\n if (event.detail.id === itemId) {\n this.isOpened = event.detail.isOpen;\n this.updateHeight();\n }\n }\n\n private handleResize() {\n this.updateHeight();\n setTimeout(() => {\n this.updateHeight();\n }, 300);\n }\n\n private handleTransitionEnd(event: TransitionEvent) {\n if (event.propertyName === 'max-height') {\n if (this.isOpened) {\n this.contentElement.classList.add('spw-accordion-content--is-opened');\n } else {\n this.contentElement.classList.remove('spw-accordion-content--is-opened');\n }\n }\n }\n\n private updateHeight() {\n requestAnimationFrame(() => {\n const content = this.contentElement;\n if (this.isOpened) {\n const scrollHeight = content.scrollHeight;\n content.style.maxHeight = `${scrollHeight}px`;\n } else {\n content.style.maxHeight = '0px';\n }\n });\n }\n\n render() {\n return (\n <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n <div class=\"spw-accordion-content__inner\">\n <slot onSlotchange={() => this.updateHeight()}></slot>\n </div>\n </div>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.spw-accordion-item {\n position: relative;\n &__content {\n position: relative;\n border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n\n &__trigger {\n display: block;\n text-decoration: none;\n\n position: sticky;\n top: 0;\n // background: white;\n z-index: 10;\n @include breakpoint(md) {\n position: relative;\n }\n\n &:focus-visible {\n outline: 2px solid white;\n outline-offset: -3px;\n box-shadow: 0 0 0 2px black;\n }\n }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-item',\n styleUrl: 'spw-accordion-item.scss',\n shadow: true,\n})\nexport class SpwAccordionItem {\n @State() isOpen: boolean = false;\n @State() isMobile: boolean = window.innerWidth < 768;\n @Element() el: HTMLSpwAccordionItemElement;\n\n /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n /** Définit si l'élément est ouvert ou pas */\n @Prop() defaultOpen: boolean = false;\n\n private resizeListener: () => void;\n\n componentWillLoad() {\n this.isOpen = this.defaultOpen;\n this.assignItemId();\n this.setupResizeListener();\n this.toggleClasses();\n }\n\n componentDidLoad() {\n if (this.isOpen) {\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n }\n }\n\n disconnectedCallback() {\n this.teardownResizeListener();\n }\n\n @Watch('defaultOpen')\n defaultOpenChanged(newValue: boolean) {\n this.isOpen = newValue;\n this.toggleClasses();\n this.updateFocusableElements();\n }\n\n private assignItemId() {\n const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n }\n\n private toggleContent() {\n this.isOpen = !this.isOpen;\n const itemId = this.el.getAttribute('data-accordion-id');\n this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n this.updateFocusableElements();\n if (!this.isOpen) {\n this.scrollToElement();\n }\n this.toggleClasses();\n }\n\n private toggleClasses(): void {\n const contentElement = this.el.querySelector('spw-accordion-content');\n const titleElement = this.el.querySelector('spw-accordion-title');\n if (contentElement) {\n contentElement.classList.toggle('--collapsed', !this.isOpen);\n }\n if (titleElement) {\n titleElement.classList.toggle('--collapsed', !this.isOpen);\n }\n }\n\n private handleClick(event: MouseEvent) {\n event.preventDefault();\n this.toggleContent();\n }\n\n private scrollToElement() {\n const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n if (element && this.isMobile) {\n element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }\n\n private updateFocusableElements() {\n const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n if (!contentSlot) {\n return;\n }\n\n const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n assignedElements.forEach(element => {\n const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n focusableElements.forEach(focusable => {\n if (this.isOpen) {\n const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n if (originalTabIndex !== null) {\n focusable.setAttribute('tabindex', originalTabIndex);\n focusable.removeAttribute('data-tabindex-original');\n } else {\n focusable.removeAttribute('tabindex');\n }\n } else {\n if (!focusable.hasAttribute('data-tabindex-original')) {\n const currentTabIndex = focusable.getAttribute('tabindex');\n if (currentTabIndex !== null) {\n focusable.setAttribute('data-tabindex-original', currentTabIndex);\n } else {\n focusable.setAttribute('data-tabindex-original', '');\n }\n }\n focusable.setAttribute('tabindex', '-1');\n }\n });\n });\n }\n\n private setupResizeListener() {\n this.resizeListener = () => {\n this.isMobile = window.innerWidth < 768;\n };\n\n window.addEventListener('resize', this.resizeListener);\n }\n\n private teardownResizeListener() {\n if (this.resizeListener) {\n window.removeEventListener('resize', this.resizeListener);\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item': true,\n 'spw-accordion-item--collapsed': !this.isOpen,\n };\n }\n\n private get elementChildClass(): { [className: string]: boolean } {\n return {\n 'spw-accordion-item__trigger': true,\n };\n }\n\n render() {\n return (\n <Host class={this.elementClass}>\n <div class=\"spw-accordion-item__content\">\n <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n <slot name=\"title\"></slot>\n </a>\n <slot name=\"content\"></slot>\n </div>\n </Host>\n );\n }\n}\n",":host {\n display: block;\n}\n\n.spw-accordion-title {\n padding: var(--spw-spacings-spacing-lg);\n font-weight: 700;\n transition: all 0.3s;\n color: var(--spw-color-themes-grey-grey-900);\n\n &:hover {\n color: var(--spw-ds-primary);\n :host(.--collapsed) & {\n // background: var(--spw-color-themes-grey-grey-100);\n }\n }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n position: relative;\n padding-right: var(--spw-spacings-spacing-3-xl);\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: 16px;\n }\n}\n\n.spw-accordion-title__trigger {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%) rotate(180deg);\n transition: all 0.3s;\n\n :host(.--collapsed) & {\n transform: translateY(-50%) rotate(0deg);\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-title',\n styleUrl: 'spw-accordion-title.scss',\n shadow: true,\n})\nexport class SpwAccordionTitle {\n /** Tag html du titre de l'accordéon (de h1 à h6) */\n @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n /** Si spécifié, place une icône à gauche du titre */\n @Prop() icon?: string;\n\n render() {\n const TagType = this.tag;\n const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n return (\n <Host>\n <div class=\"spw-accordion-title\">\n <div class=\"spw-accordion-title__content\">\n <TagType class=\"spw-tw-flex\">\n {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n <div>\n <slot></slot>\n </div>\n </TagType>\n <span class=\"spw-accordion-title__trigger\">\n <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n </span>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
const e="spw-stencil-library";const t={hydratedSelectorName:"hydrated",lazyLoad:true,slotRelocation:true,updatable:true};var n=Object.defineProperty;var i=(e,t)=>{for(var i in t)n(e,i,{get:t[i],enumerable:true})};var l="http://www.w3.org/2000/svg";var r="http://www.w3.org/1999/xhtml";var s=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var o=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={i:0,$hostElement$:e,l:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const i=n;e.__stencil__getHostRef=()=>i;return i};var a=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const i=e.$.replace(/-/g,"_");const l=e.m;if(!l){return void 0}const r=u.get(l);if(r){return r[i]}
|
|
2
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{u.set(l,e)}return e[i]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="r";var p="o";var $="s";var m="t";var y="c";var w="s-id";var b="sty-id";var g="c-id";var S="{visibility:hidden}.hydrated{visibility:inherit}";var k="slot-fb{display:contents}slot-fb[hidden]{display:none}";var j="http://www.w3.org/1999/xlink";var O=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var C=typeof window!=="undefined"?window:{};var x={i:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,i)=>e.addEventListener(t,n,i),rel:(e,t,n,i)=>e.removeEventListener(t,n,i),ce:(e,t)=>new CustomEvent(e,t)};var E=(()=>{var e;let t=false;try{(e=C.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var M=e=>Promise.resolve(e);var R=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var I=false;var N=[];var P=[];var T=(e,t)=>n=>{e.push(n);if(!I){I=true;if(t&&x.i&4){L(F)}else{x.raf(F)}}};var A=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var F=()=>{A(N);{A(P);if(I=N.length>0){x.raf(F)}}};var L=e=>M().then(e);var U=T(P,true);var D=e=>{e=typeof e;return e==="object"||e==="function"};function W(e){var t,n,i;return(i=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?i:void 0}var _={};i(_,{err:()=>z,map:()=>B,ok:()=>H,unwrap:()=>V,unwrapErr:()=>Y});var H=e=>({isOk:true,isErr:false,value:e});var z=e=>({isOk:false,isErr:true,value:e});function B(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>H(e)))}else{return H(n)}}if(e.isErr){const t=e.value;return z(t)}throw"should never get here"}var V=e=>{if(e.isOk){return e.value}else{throw e.value}};var Y=e=>{if(e.isErr){return e.value}else{throw e.value}};var q=e=>{const t=te(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){J(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(K(e,Z(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&te(e,"childNodes").length){q(e)}}};var G=e=>{const t=[];for(let n=0;n<e.length;n++){const i=e[n]["s-nr"]||void 0;if(i&&i.isConnected){t.push(i)}}return t};function J(e,t,n){let i=0;let l=[];let r;for(;i<e.length;i++){r=e[i];if(r["s-sr"]&&(!t||r["s-hn"]===t)&&n===void 0){l.push(r)}l=[...l,...J(r.childNodes,t,n)]}return l}var K=(e,t,n=true)=>{const i=[];if(n&&e["s-sr"]||!e["s-sr"])i.push(e);let l=e;while(l=l.nextSibling){if(Z(l)===t&&(n||!l["s-sr"]))i.push(l)}return i};var Q=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var X=(e,t,n,i)=>{if(e["s-ol"]&&e["s-ol"].isConnected){return}const l=document.createTextNode("");l["s-nr"]=e;if(!t["s-cr"]||!t["s-cr"].parentNode)return;const r=t["s-cr"].parentNode;const s=te(r,"appendChild");if(typeof i!=="undefined"){l["s-oo"]=i;const e=te(r,"childNodes");const t=[l];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0))return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>s.call(r,e)))}else{s.call(r,l)}e["s-ol"]=l;e["s-sh"]=t["s-hn"]};var Z=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function ee(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const i=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n Flattening is not supported for Stencil non-shadow slots. \n You can use \`.childNodes\` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n `)}const l=this["s-cr"].parentElement;const r=l.__childNodes?l.childNodes:G(l.childNodes);r.forEach((e=>{if(i===Z(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function te(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var ne=(e,t="")=>{{return()=>{}}};var ie=(e,t)=>{{return()=>{}}};var le=(e,t,...n)=>{let i=null;let l=null;let r=null;let s=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){i=t[n];if(Array.isArray(i)){a(i)}else if(i!=null&&typeof i!=="boolean"){if(s=typeof e!=="function"&&!D(i)){i=String(i)}if(s&&o){f[f.length-1].k+=i}else{f.push(s?re(null,i):i)}o=s}}};a(n);if(t){if(t.key){l=t.key}if(t.name){r=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,fe)}const c=re(e,null);c.j=t;if(f.length>0){c.O=f}{c.C=l}{c.M=r}return c};var re=(e,t)=>{const n={i:0,R:e,k:t,I:null,O:null};{n.j=null}{n.C=null}{n.M=null}return n};var se={};var oe=e=>e&&e.R===se;var fe={forEach:(e,t)=>e.map(ae).forEach(t),map:(e,t)=>e.map(ae).map(t).map(ce)};var ae=e=>({vattrs:e.j,vchildren:e.O,vkey:e.C,vname:e.M,vtag:e.R,vtext:e.k});var ce=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return le(e.vtag,t,...e.vchildren||[])}const t=re(e.vtag,e.vtext);t.j=e.vattrs;t.O=e.vchildren;t.C=e.vkey;t.M=e.vname;return t};var ue=(e,t,n,i)=>{const l=ne("hydrateClient",t);const r=e.shadowRoot;const s=[];const o=[];const f=[];const a=r?[]:null;const c=re(t,null);c.I=e;if(C.document&&(!x.N||!x.N.size)){de(C.document.body,x.N=new Map)}e[w]=n;e.removeAttribute(w);i.P=ve(c,s,o,a,e,e,n,f);let u=0;const v=s.length;let d;for(u;u<v;u++){d=s[u];const n=d.T+"."+d.A;const i=x.N.get(n);const l=d.I;if(!r){l["s-hn"]=t.toUpperCase();if(d.R==="slot"){l["s-cr"]=e["s-cr"]}}if(d.R==="slot"){d.M=d.I["s-sn"]||d.I["name"]||null;if(d.O){d.i|=2;if(!d.I.childNodes.length){d.O.forEach((e=>{d.I.appendChild(e.I)}))}}else{d.i|=1}}if(i&&i.isConnected){if(r&&i["s-en"]===""){i.parentNode.insertBefore(l,i.nextSibling)}i.parentNode.removeChild(i);if(!r){l["s-oo"]=parseInt(d.A)}}x.N.delete(n)}const h=[];const p=f.length;let $=0;let m;let y;let b;let g;for($;$<p;$++){m=f[$];if(!m||!m.length)continue;b=m.length;y=0;for(y;y<b;y++){g=m[y];if(!h[g.hostId]){h[g.hostId]=x.N.get(g.hostId)}if(!h[g.hostId])continue;const e=h[g.hostId];if(!e.shadowRoot||!r){g.slot["s-cr"]=e["s-cr"];if(!g.slot["s-cr"]&&e.shadowRoot){g.slot["s-cr"]=e}else{g.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}X(g.node,g.slot,false,g.node["s-oo"])}if(e.shadowRoot&&g.node.parentElement!==e){e.appendChild(g.node)}}}if(r&&!r.childNodes.length){let t=0;const n=a.length;if(n){for(t;t<n;t++){r.appendChild(a[t])}Array.from(e.childNodes).forEach((e=>{if(typeof e["s-sn"]!=="string"){if(e.nodeType===1&&e.slot&&e.hidden){e.removeAttribute("hidden")}else if(e.nodeType===8||e.nodeType===3&&!e.wholeText.trim()){e.parentNode.removeChild(e)}}}))}}x.N.delete(e["s-id"]);i.$hostElement$=e;l()};var ve=(e,t,n,i,l,r,s,o=[])=>{let f;let a;let c;let u;if(r.nodeType===1){f=r.getAttribute(g);if(f){a=f.split(".");if(a[0]===s||a[0]==="0"){c=he({i:0,T:a[0],A:a[1],F:a[2],L:a[3],R:r.tagName.toLowerCase(),I:r,j:{class:r.className||""}});t.push(c);r.removeAttribute(g);if(!e.O){e.O=[]}const l=c.I.getAttribute("s-sn");if(typeof l==="string"){if(c.R==="slot-fb"){pe(l,a[2],c,r,e,t,n,i,o)}c.I["s-sn"]=l;c.I.removeAttribute("s-sn")}if(c.L!==void 0){e.O[c.L]=c}e=c;if(i&&c.F==="0"){i[c.L]=c.I}}}if(r.shadowRoot){for(u=r.shadowRoot.childNodes.length-1;u>=0;u--){ve(e,t,n,i,l,r.shadowRoot.childNodes[u],s,o)}}const v=r.__childNodes||r.childNodes;for(u=v.length-1;u>=0;u--){ve(e,t,n,i,l,v[u],s,o)}}else if(r.nodeType===8){a=r.nodeValue.split(".");if(a[1]===s||a[1]==="0"){f=a[0];c=he({T:a[1],A:a[2],F:a[3],L:a[4]||"0",I:r,j:null,O:null,C:null,M:null,R:null,k:null});if(f===m){c.I=me(r,3);if(c.I&&c.I.nodeType===3){c.k=c.I.textContent;t.push(c);r.remove();if(s===c.T){if(!e.O){e.O=[]}e.O[c.L]=c}if(i&&c.F==="0"){i[c.L]=c.I}}}else if(f===y){c.I=me(r,8);if(c.I&&c.I.nodeType===8){t.push(c);r.remove()}}else if(c.T===s){if(f===$){const l=r["s-sn"]=a[5]||"";pe(l,a[2],c,r,e,t,n,i,o)}else if(f===h){if(i){r.remove()}else{l["s-cr"]=r;r["s-cn"]=true}}}}}else if(e&&e.R==="style"){const t=re(null,r.textContent);t.I=r;t.L="0";e.O=[t]}else{if(r.nodeType===3&&!r.wholeText.trim()){r.remove()}}return e};var de=(e,t)=>{if(e.nodeType===1){const n=e[w]||e.getAttribute(w);if(n){t.set(n,e)}let i=0;if(e.shadowRoot){for(;i<e.shadowRoot.childNodes.length;i++){de(e.shadowRoot.childNodes[i],t)}}const l=e.__childNodes||e.childNodes;for(i=0;i<l.length;i++){de(l[i],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===p){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var he=e=>{const t={i:0,T:null,A:null,F:null,L:"0",I:null,j:null,O:null,C:null,M:null,R:null,k:null};return{...t,...e}};function pe(e,t,n,i,l,r,s,o,f){i["s-sr"]=true;n.M=e||null;n.R="slot";const a=(l==null?void 0:l.I)?l.I["s-id"]||l.I.getAttribute("s-id"):"";if(o&&C.document){const r=n.I=C.document.createElement(n.R);if(n.M){n.I.setAttribute("name",e)}if(a&&a!==n.T){l.I.insertBefore(r,l.I.children[0])}else{i.parentNode.insertBefore(n.I,i)}$e(f,t,e,i,n.T);i.remove();if(n.F==="0"){o[n.L]=n.I}}else{const s=n.I;const o=a&&a!==n.T&&l.I.shadowRoot;$e(f,t,e,i,o?a:n.T);ee(i);if(o){l.I.insertBefore(s,l.I.children[0])}r.push(n)}s.push(n);if(!l.O){l.O=[]}l.O[n.L]=n}var $e=(e,t,n,i,l)=>{let r=i.nextSibling;e[t]=e[t]||[];while(r&&((r["getAttribute"]&&r.getAttribute("slot")||r["s-sn"])===n||n===""&&!r["s-sn"]&&(r.nodeType===8&&r.nodeValue.indexOf(".")!==1||r.nodeType===3))){r["s-sn"]=n;e[t].push({slot:i,node:r,hostId:l});r=r.nextSibling}};var me=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n};var ye=(e,t)=>{if(e!=null&&!D(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var we=e=>s(e).$hostElement$;var be=(e,t,n)=>{const i=we(e);return{emit:e=>ge(i,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var ge=(e,t,n)=>{const i=x.ce(t,n);e.dispatchEvent(i);return i};var Se=new WeakMap;var ke=(e,t,n)=>{let i=d.get(e);if(R&&n){i=i||new CSSStyleSheet;if(typeof i==="string"){i=t}else{i.replaceSync(t)}}else{i=t}d.set(e,i)};var je=(e,t,n)=>{var i;const l=Ce(t);const r=d.get(l);if(!C.document){return l}e=e.nodeType===11?e:C.document;if(r){if(typeof r==="string"){e=e.head||e;let n=Se.get(e);let s;if(!n){Se.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(s=e.querySelector(`[${b}="${l}"]`))){s.innerHTML=r}else{s=document.querySelector(`[${b}="${l}"]`)||C.document.createElement("style");s.innerHTML=r;const n=(i=x.U)!=null?i:W(C.document);if(n!=null){s.setAttribute("nonce",n)}if(!(t.i&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(R){const t=new CSSStyleSheet;t.replaceSync(r);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=r+t.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(t.i&1){e.insertBefore(s,null)}}if(t.i&4){s.innerHTML+=k}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(r)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}}return l};var Oe=e=>{const t=e.l;const n=e.$hostElement$;const i=t.i;const l=ne("attachStyles",t.$);const r=je(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(i&10&&i&2||i&128){n["s-sc"]=r;n.classList.add(r+"-h")}l()};var Ce=(e,t)=>"sc-"+e.$;var xe=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var Ee=()=>{if(!C.document){return}const e=C.document.querySelectorAll(`[${b}]`);let t=0;for(;t<e.length;t++){ke(e[t].getAttribute(b),xe(e[t].innerHTML),true)}};var Me=(e,t,n,i,l,r,s)=>{if(n===i){return}let o=a(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=Ie(n);let r=Ie(i);if(e["s-si"]&&s){r.push(e["s-si"]);l.forEach((t=>{if(t.startsWith(e["s-si"]))r.push(t)}));r=[...new Set(r)];t.add(...r)}else{t.remove(...l.filter((e=>e&&!r.includes(e))));t.add(...r.filter((e=>e&&!l.includes(e))))}}else if(t==="style"){{for(const t in n){if(!i||i[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in i){if(!n||i[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,i[t])}else{e.style[t]=i[t]}}}}else if(t==="key");else if(t==="ref"){if(i){i(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(C,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||i){const l=t.endsWith(Ne);t=t.replace(Pe,"");if(n){x.rel(e,t,n,l)}if(i){x.ael(e,t,i,l)}}}else{const s=D(i);if((o||s&&i!==null)&&!l){try{if(!e.tagName.includes("-")){const l=i==null?"":i;if(t==="list"){o=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else if(e[t]!==i){e[t]=i}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(i==null||i===false){if(i!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(j,t)}else{e.removeAttribute(t)}}}else if((!o||r&4||l)&&!s&&e.nodeType===1){i=i===true?"":i;if(a){e.setAttributeNS(j,t,i)}else{e.setAttribute(t,i)}}}};var Re=/\s/;var Ie=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Re)};var Ne="Capture";var Pe=new RegExp(Ne+"$");var Te=(e,t,n,i)=>{const l=t.I.nodeType===11&&t.I.host?t.I.host:t.I;const r=e&&e.j||{};const s=t.j||{};{for(const e of Ae(Object.keys(r))){if(!(e in s)){Me(l,e,r[e],void 0,n,t.i,i)}}}for(const e of Ae(Object.keys(s))){Me(l,e,r[e],s[e],n,t.i,i)}};function Ae(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Fe;var Le;var Ue=false;var De=false;var We=false;var _e=false;var He=(e,n,i)=>{var s;const o=n.O[i];let f=0;let a;let c;let u;if(!Ue){We=true;if(o.R==="slot"){o.i|=o.O?2:1}}if(o.k!==null){a=o.I=C.document.createTextNode(o.k)}else if(o.i&1){a=o.I=C.document.createTextNode("");{Te(null,o,_e)}}else{if(!_e){_e=o.R==="svg"}if(!C.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=o.I=C.document.createElementNS(_e?l:r,!Ue&&t.slotRelocation&&o.i&2?"slot-fb":o.R);if(_e&&o.R==="foreignObject"){_e=false}{Te(null,o,_e)}if(o.O){for(f=0;f<o.O.length;++f){c=He(e,o,f);if(c){a.appendChild(c)}}}{if(o.R==="svg"){_e=false}else if(a.tagName==="foreignObject"){_e=true}}}a["s-hn"]=Le;{if(o.i&(2|1)){a["s-sr"]=true;a["s-cr"]=Fe;a["s-sn"]=o.M||"";a["s-rf"]=(s=o.j)==null?void 0:s.ref;ee(a);u=e&&e.O&&e.O[i];if(u&&u.R===o.R&&e.I){{ze(e.I,false)}}}}return a};var ze=(e,t)=>{x.i|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const i=n[e];if(i["s-hn"]!==Le&&i["s-ol"]){Ze(Ge(i).parentNode,i,Ge(i));i["s-ol"].remove();i["s-ol"]=void 0;i["s-sh"]=void 0;We=true}if(t){ze(i,t)}}x.i&=-2};var Be=(e,t,n,i,l,r)=>{let s=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(s.shadowRoot&&s.tagName===Le){s=s.shadowRoot}for(;l<=r;++l){if(i[l]){o=He(null,n,l);if(o){i[l].I=o;Ze(s,o,Ge(t))}}}};var Ve=(e,t,n)=>{for(let i=t;i<=n;++i){const t=e[i];if(t){const e=t.I;Xe(t);if(e){{De=true;if(e["s-ol"]){e["s-ol"].remove()}else{ze(e,true)}}e.remove()}}}};var Ye=(e,t,n,i,l=false)=>{let r=0;let s=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=i.length-1;let d=i[0];let h=i[v];let p;let $;while(r<=a&&s<=v){if(c==null){c=t[++r]}else if(u==null){u=t[--a]}else if(d==null){d=i[++s]}else if(h==null){h=i[--v]}else if(qe(c,d,l)){Je(c,d,l);c=t[++r];d=i[++s]}else if(qe(u,h,l)){Je(u,h,l);u=t[--a];h=i[--v]}else if(qe(c,h,l)){if(c.R==="slot"||h.R==="slot"){ze(c.I.parentNode,false)}Je(c,h,l);Ze(e,c.I,u.I.nextSibling);c=t[++r];h=i[--v]}else if(qe(u,d,l)){if(c.R==="slot"||h.R==="slot"){ze(u.I.parentNode,false)}Je(u,d,l);Ze(e,u.I,c.I);u=t[--a];d=i[++s]}else{o=-1;{for(f=r;f<=a;++f){if(t[f]&&t[f].C!==null&&t[f].C===d.C){o=f;break}}}if(o>=0){$=t[o];if($.R!==d.R){p=He(t&&t[s],n,o)}else{Je($,d,l);t[o]=void 0;p=$.I}d=i[++s]}else{p=He(t&&t[s],n,s);d=i[++s]}if(p){{Ze(Ge(c.I).parentNode,p,Ge(c.I))}}}}if(r>a){Be(e,i[v+1]==null?null:i[v+1].I,n,i,s,v)}else if(s>v){Ve(t,r,a)}};var qe=(e,t,n=false)=>{if(e.R===t.R){if(e.R==="slot"){return e.M===t.M}if(!n){return e.C===t.C}if(n&&!e.C&&t.C){e.C=t.C}return true}return false};var Ge=e=>e&&e["s-ol"]||e;var Je=(e,n,i=false)=>{const l=n.I=e.I;const r=e.O;const s=n.O;const o=n.R;const f=n.k;let a;if(f===null){{_e=o==="svg"?true:o==="foreignObject"?false:_e}{Te(e,n,_e,i)}if(r!==null&&s!==null){Ye(l,r,n,s,i)}else if(s!==null){if(e.k!==null){l.textContent=""}Be(l,null,n,s,0,s.length-1)}else if(!i&&t.updatable&&r!==null){Ve(r,0,r.length-1)}if(_e&&o==="svg"){_e=false}}else if(a=l["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){l.data=f}};var Ke=[];var Qe=e=>{let t;let n;let i;const l=e.__childNodes||e.childNodes;for(const e of l){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const l=e["s-sn"];for(i=n.length-1;i>=0;i--){t=n[i];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(Q(t,l)){let n=Ke.find((e=>e.D===t));De=true;t["s-sn"]=t["s-sn"]||l;if(n){n.D["s-sh"]=e["s-hn"];n.W=e}else{t["s-sh"]=e["s-hn"];Ke.push({W:e,D:t})}if(t["s-sr"]){Ke.map((e=>{if(Q(e.D,t["s-sn"])){n=Ke.find((e=>e.D===t));if(n&&!e.W){e.W=n.W}}}))}}else if(!Ke.some((e=>e.D===t))){Ke.push({D:t})}}}}if(e.nodeType===1){Qe(e)}}};var Xe=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.O&&e.O.map(Xe)}};var Ze=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var et=(e,t,n=false)=>{var i,l,r,s;const o=e.$hostElement$;const f=e.l;const a=e.P||re(null,null);const c=oe(t)?t:le(null,null,t);Le=o.tagName;if(f._){c.j=c.j||{};f._.map((([e,t])=>c.j[t]=o[e]))}if(n&&c.j){for(const e of Object.keys(c.j)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.j[e]=o[e]}}}c.R=null;c.i|=4;e.P=c;c.I=a.I=o.shadowRoot||o;Ue=!!(f.i&1)&&!(f.i&128);{Fe=o["s-cr"];De=false}Je(a,c,n);{x.i|=1;if(We){Qe(c.I);for(const e of Ke){const t=e.D;if(!t["s-ol"]&&C.document){const e=C.document.createTextNode("");e["s-nr"]=t;Ze(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ke){const t=e.D;const o=e.W;if(o){const e=o.parentNode;let n=o.nextSibling;{let r=(i=t["s-ol"])==null?void 0:i.previousSibling;while(r){let i=(l=r["s-nr"])!=null?l:null;if(i&&i["s-sn"]===t["s-sn"]&&e===(i.__parentNode||i.parentNode)){i=i.nextSibling;while(i===t||(i==null?void 0:i["s-sr"])){i=i==null?void 0:i.nextSibling}if(!i||!i["s-nr"]){n=i;break}}r=r.previousSibling}}const s=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==s||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ze(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(r=t["s-ih"])!=null?r:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](o)}else{if(t.nodeType===1){if(n){t["s-ih"]=(s=t.hidden)!=null?s:false}t.hidden=true}}}}if(De){q(c.I)}x.i&=-2;Ke.length=0}Fe=void 0};var tt=(e,t)=>{if(t&&!e.H&&t["s-p"]){const n=t["s-p"].push(new Promise((i=>e.H=()=>{t["s-p"].splice(n-1,1);i()})))}};var nt=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}tt(e,e.B);const n=()=>it(e,t);return U(n)};var it=(e,t)=>{const n=e.$hostElement$;const i=ne("scheduleUpdate",e.l.$);const l=e.t;if(!l){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let r;if(t){{e.i|=256;if(e.V){e.V.map((([e,t])=>ct(l,e,t,n)));e.V=void 0}}r=ct(l,"componentWillLoad",void 0,n)}else{r=ct(l,"componentWillUpdate",void 0,n)}r=lt(r,(()=>ct(l,"componentWillRender",void 0,n)));i();return lt(r,(()=>st(e,l,t)))};var lt=(e,t)=>rt(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var rt=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var st=async(e,t,n)=>{var i;const l=e.$hostElement$;const r=ne("update",e.l.$);const s=l["s-rc"];if(n){Oe(e)}const o=ne("render",e.l.$);{ot(e,t,l,n)}if(s){s.map((e=>e()));l["s-rc"]=void 0}o();r();{const t=(i=l["s-p"])!=null?i:[];const n=()=>ft(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var ot=(e,t,n,i)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{et(e,t,i)}}}}catch(t){c(t,e.$hostElement$)}return null};var ft=e=>{const t=e.l.$;const n=e.$hostElement$;const i=ne("postUpdate",t);const l=e.t;const r=e.B;ct(l,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{ut(n)}ct(l,"componentDidLoad",void 0,n);i();{e.p(n);if(!r){at()}}}else{ct(l,"componentDidUpdate",void 0,n);i()}{e.v(n)}{if(e.H){e.H();e.H=void 0}if(e.i&512){L((()=>nt(e,false)))}e.i&=-517}};var at=t=>{L((()=>ge(C,"appload",{detail:{namespace:e}})))};var ct=(e,t,n,i)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,i)}}return void 0};var ut=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var vt=(e,t)=>s(e).o.get(t);var dt=(e,t,n,i)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${i.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const r=l.$hostElement$;const o=l.o.get(t);const f=l.i;const a=l.t;n=ye(n,i.Y[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(f&8)||o===void 0)&&v){l.o.set(t,n);if(a){if(i.q&&f&128){const e=i.q[t];if(e){e.map((e=>{try{a[e](n,o,t)}catch(e){c(e,r)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,o,t)===false){return}}nt(l,false)}}}};var ht=(e,n,i)=>{var l,r;const o=e.prototype;if(n.i&64&&i&1){O.forEach((e=>{Object.defineProperty(o,e,{value(...t){const n=s(this);const i=n.t;if(!i){n.h.then((n=>{const i=n[e];typeof i==="function"&&i.call(n,...t)}))}else{const n=i[e];typeof n==="function"&&n.call(i,...t)}}})}))}if(n.Y||(n.q||e.watchers)){if(e.watchers&&!n.q){n.q=e.watchers}const f=Object.entries((l=n.Y)!=null?l:{});f.map((([e,[t]])=>{if(t&31||i&2&&t&32){const{get:l,set:r}=Object.getOwnPropertyDescriptor(o,e)||{};if(l)n.Y[e][0]|=2048;if(r)n.Y[e][0]|=4096;if(i&1||!l){Object.defineProperty(o,e,{get(){{if((n.Y[e][0]&2048)===0){return vt(this,e)}const t=s(this);const i=t?t.t:o;if(!i)return;return i[e]}},configurable:true,enumerable:true})}Object.defineProperty(o,e,{set(l){const o=s(this);if(r){const i=t&32?this[e]:o.$hostElement$[e];if(typeof i==="undefined"&&o.o.get(e)){l=o.o.get(e)}else if(!o.o.get(e)&&i){o.o.set(e,i)}r.apply(this,[ye(l,t)]);l=t&32?this[e]:o.$hostElement$[e];dt(this,e,l,n);return}{if((i&1)===0||(n.Y[e][0]&4096)===0){dt(this,e,l,n);if(i&1&&!o.t){o.h.then((()=>{if(n.Y[e][0]&4096&&o.t[e]!==o.o.get(e)){o.t[e]=l}}))}return}const r=()=>{const i=o.t[e];if(!o.o.get(e)&&i){o.o.set(e,i)}o.t[e]=ye(l,t);dt(this,e,o.t[e],n)};if(o.t){r()}else{o.h.then((()=>r()))}}}})}else if(i&1&&t&64){Object.defineProperty(o,e,{value(...t){var n;const i=s(this);return(n=i==null?void 0:i.u)==null?void 0:n.then((()=>{var n;return(n=i.t)==null?void 0:n[e](...t)}))}})}}));if(i&1){const i=new Map;o.attributeChangedCallback=function(e,l,r){x.jmp((()=>{var f;const a=i.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){r=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==r){return}else if(a==null){const t=s(this);const i=t==null?void 0:t.i;if(i&&!(i&8)&&i&128&&r!==l){const i=t.t;const s=(f=n.q)==null?void 0:f[e];s==null?void 0:s.forEach((t=>{if(i[t]!=null){i[t].call(i,r,l,e)}}))}return}const c=Object.getOwnPropertyDescriptor(o,a);r=r===null&&typeof this[a]==="boolean"?false:r;if(r!==this[a]&&(!c.get||!!c.set)){this[a]=r}}))};e.observedAttributes=Array.from(new Set([...Object.keys((r=n.q)!=null?r:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var l;const r=t[1]||e;i.set(r,e);if(t[0]&512){(l=n._)==null?void 0:l.push([e,r])}return r}))]))}}return e};var pt=async(e,t,n,i)=>{let l;if((t.i&32)===0){t.i|=32;const i=n.m;if(i){const i=v(n,t);if(i&&"then"in i){const e=ie();l=await i;e()}else{l=i}if(!l){throw new Error(`Constructor for "${n.$}#${t.G}" was not found`)}if(!l.isProxied){{n.q=l.watchers}ht(l,n,2);l.isProxied=true}const r=ne("createInstance",n.$);{t.i|=8}try{new l(t)}catch(t){c(t,e)}{t.i&=-9}{t.i|=128}r();$t(t.t,e)}else{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=Ce(n);if(!d.has(t)){const i=ne("registerStyles",n.$);ke(t,e,!!(n.i&1));i()}}}const r=t.B;const s=()=>nt(t,true);if(r&&r["s-rc"]){r["s-rc"].push(s)}else{s()}};var $t=(e,t)=>{{ct(e,"connectedCallback",void 0,t)}};var mt=e=>{if((x.i&1)===0){const t=s(e);const n=t.l;const i=ne("connectedCallback",n.$);if(!(t.i&1)){t.i|=1;let i;{i=e.getAttribute(w);if(i){if(n.i&1){const t=je(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}ue(e,n.$,i,t)}}if(!i){if(n.i&(4|8)){yt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){tt(t,t.B=n);break}}}if(n.Y){Object.entries(n.Y).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{pt(e,t,n)}}else{kt(e,t,n.J);if(t==null?void 0:t.t){$t(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>$t(t.t,e)))}}i()}};var yt=e=>{if(!C.document){return}const t=e["s-cr"]=C.document.createComment("");t["s-cn"]=true;Ze(e,t,e.firstChild)};var wt=(e,t)=>{{ct(e,"disconnectedCallback",void 0,t||e)}};var bt=async e=>{if((x.i&1)===0){const t=s(e);{if(t.K){t.K.map((e=>e()));t.K=void 0}}if(t==null?void 0:t.t){wt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>wt(t.t,e)))}}if(Se.has(e)){Se.delete(e)}if(e.shadowRoot&&Se.has(e.shadowRoot)){Se.delete(e.shadowRoot)}};var gt=(e,t={})=>{var n;if(!C.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=ne();const l=[];const r=t.exclude||[];const o=C.customElements;const a=C.document.head;const c=a.querySelector("meta[charset]");const u=C.document.createElement("style");const v=[];let d;let h=true;Object.assign(x,t);x.S=new URL(t.resourcesUrl||"./",C.document.baseURI).href;{x.i|=2}{Ee()}let p=false;e.map((e=>{e[1].map((t=>{var n;const i={i:t[0],$:t[1],Y:t[2],J:t[3]};if(i.i&4){p=true}{i.Y=t[2]}{i.J=t[3]}{i._=[]}{i.q=(n=t[4])!=null?n:{}}const a=i.$;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,i);if(i.i&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${i.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;kt(this,e,i.J)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{x.jmp((()=>mt(this)))}}disconnectedCallback(){x.jmp((()=>bt(this)));x.raf((()=>{var e;const t=s(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.P)==null?void 0:e.I)instanceof Node&&!t.P.I.isConnected){delete t.P.I}}))}componentOnReady(){return s(this).h}};if(i.i&64){c.formAssociated=true}i.m=e[0];if(!r.includes(a)&&!o.get(a)){l.push(a);o.define(a,ht(c,i,1))}}))}));if(l.length>0){if(p){u.textContent+=k}{u.textContent+=l.sort()+S}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=x.U)!=null?n:W(C.document);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{x.jmp((()=>d=setTimeout(at,30)))}}i()};var St=(e,t)=>t;var kt=(e,t,n,i)=>{if(n&&C.document){n.map((([n,i,l])=>{const r=Ot(C.document,e,n);const s=jt(t,l);const o=Ct(n);x.ael(r,i,s,o);(t.K=t.K||[]).push((()=>x.rel(r,i,s,o)))}))}};var jt=(e,t)=>n=>{var i;try{{if(e.i&256){(i=e.t)==null?void 0:i[t](n)}else{(e.V=e.V||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var Ot=(e,t,n)=>{if(n&4){return e}if(n&8){return C}return t};var Ct=e=>E?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var xt=e=>x.U=e;export{St as F,se as H,gt as b,be as c,we as g,le as h,M as p,o as r,xt as s};
|
|
3
|
-
//# sourceMappingURL=p-BYM_CUUH.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as s}from"./p-BYM_CUUH.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}";const o=class{constructor(i){t(this,i);this.tabChanged=e(this,"tabChanged");this.defaultActiveTab="1";this.variant="default";this.hasEllipsis=false;this.size="small";this.activeTab="1"}componentWillLoad(){this.activeTab=this.defaultActiveTab}componentDidLoad(){this.applyVariantToChildren();this.updateActiveStates();setTimeout((()=>{this.applyMaxWidthToChildren()}),100)}activeTabChanged(){this.updateActiveStates();this.tabChanged.emit(this.activeTab)}maxWidthChanged(){this.applyMaxWidthToChildren()}hasEllipsisChanged(){this.applyVariantToChildren()}async getSelectedTab(){return this.activeTab}async setSelectedTab(t){this.activeTab=t}handleTabSelected(t){if(t.target&&t.target.closest("spw-tabs")!==this.el){return}this.activeTab=t.detail;t.stopPropagation()}slotChanged(){this.applyVariantToChildren();this.updateActiveStates();this.applyMaxWidthToChildren()}updateActiveStates(){const t=t=>t.closest("spw-tabs")===this.el;const e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t);const i=Array.from(this.el.querySelectorAll("spw-tabs-content")).filter(t);e.forEach((t=>{t.active=t.tabId===this.activeTab}));i.forEach((t=>{t.active=t.tabId===this.activeTab}))}applyMaxWidthToChildren(){if(!this.maxWidth){return}requestAnimationFrame((()=>{const t=t=>t.closest("spw-tabs")===this.el;const e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t);const i=`--ellipsis`;e.forEach((t=>{var e;const s=((e=t.textContent)===null||e===void 0?void 0:e.trim())||"";if(!s){return}const n=document.createElement("div");n.style.cssText=`\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n top: -9999px;\n left: -9999px;\n `;n.textContent=s;const o=window.getComputedStyle(t);n.style.fontSize=o.fontSize;n.style.fontFamily=o.fontFamily;n.style.fontWeight=o.fontWeight;n.style.fontStyle=o.fontStyle;n.style.letterSpacing=o.letterSpacing;n.style.textTransform=o.textTransform;document.body.appendChild(n);const a=n.getBoundingClientRect().width;document.body.removeChild(n);if(a>this.maxWidth){t.style.setProperty("--spw-tabs-max-width-text",`${this.maxWidth}px`);t.setAttribute("has-ellipsis","true");t.classList.add(i)}else{t.style.removeProperty("--spw-tabs-max-width-text");t.setAttribute("has-ellipsis","false");t.classList.remove(i)}}))}))}applyVariantToChildren(){requestAnimationFrame((()=>{var t,e;const i=`--${this.variant}`;const s=`--${this.size}`;const n=t=>t.closest("spw-tabs")===this.el;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="navigation"]');const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="content"]');const r=((o===null||o===void 0?void 0:o.assignedElements({flatten:true}))||[]).filter(n);const d=((a===null||a===void 0?void 0:a.assignedElements({flatten:true}))||[]).filter(n);r.forEach((t=>{if(t.tagName==="SPW-TABS-NAVIGATION"){t.classList.add(i);t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{if(n(t)){t.classList.add(i);t.classList.add(s)}}))}else if(t.tagName==="SPW-TABS-NAVIGATION-ITEM"){t.classList.add(i);t.classList.add(s)}}));d.forEach((t=>{if(t.tagName==="SPW-TABS-CONTENT"){t.classList.add(i)}else{t.querySelectorAll("spw-tabs-content").forEach((t=>{if(n(t)){t.classList.add(i)}}))}}));this.applyMaxWidthToChildren()}))}get elementClass(){return{"spw-tabs":true,[`spw-tabs--${this.variant}`]:true}}render(){return i("div",{key:"059b86ccabb9381aa9fbf500740feedb82a094c1",class:this.elementClass},i("slot",{key:"4cdc7ad3147d1deed4457df8002754acd8543b6c",name:"navigation"}),i("slot",{key:"08a683a02a6da7ca01b443de36e9f51d95d3b047",name:"content"}))}get el(){return s(this)}static get watchers(){return{activeTab:["activeTabChanged"],maxWidth:["maxWidthChanged"],hasEllipsis:["hasEllipsisChanged"]}}};o.style=n;export{o as spw_tabs};
|
|
2
|
-
//# sourceMappingURL=p-a950bce8.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["spwTabsCss","SpwTabs","constructor","hostRef","this","defaultActiveTab","variant","hasEllipsis","size","activeTab","componentWillLoad","componentDidLoad","applyVariantToChildren","updateActiveStates","setTimeout","applyMaxWidthToChildren","activeTabChanged","tabChanged","emit","maxWidthChanged","hasEllipsisChanged","getSelectedTab","setSelectedTab","tabId","handleTabSelected","event","target","closest","el","detail","stopPropagation","slotChanged","isInThisComponent","navItems","Array","from","querySelectorAll","filter","contents","forEach","item","active","content","maxWidth","requestAnimationFrame","ellipsisClass","textContent","_a","trim","measureEl","document","createElement","style","cssText","computedStyle","window","getComputedStyle","fontSize","fontFamily","fontWeight","fontStyle","letterSpacing","textTransform","body","appendChild","contentWidth","getBoundingClientRect","width","removeChild","setProperty","setAttribute","classList","add","removeProperty","remove","variantClass","sizeClass","navigationSlot","shadowRoot","querySelector","contentSlot","_b","navigationElements","assignedElements","flatten","contentElements","tagName","elementClass","render","h","key","class","name"],"sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'spw-tabs',\n styleUrl: 'spw-tabs.scss',\n shadow: true,\n})\nexport class SpwTabs {\n @Element() el: HTMLElement;\n\n /** Onglet actif par défaut */\n @Prop() defaultActiveTab: string = '1';\n /** Variante des onglets */\n @Prop() variant: 'default' | 'box' = 'default';\n /** Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie */\n @Prop() hasEllipsis?: boolean = false;\n /** Définit la largeur maximale de l'onglet (en pixels) */\n @Prop() maxWidth?: number;\n /** Permet de spécifier la taille de l'onglet */\n @Prop() size?: 'large' | 'medium' | 'small' = 'small';\n\n @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n /** Événement émis lorsque l'onglet actif change */\n @Event() tabChanged: EventEmitter<string>;\n\n componentWillLoad() {\n this.activeTab = this.defaultActiveTab;\n }\n\n componentDidLoad() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n\n setTimeout(() => {\n this.applyMaxWidthToChildren();\n }, 100);\n }\n\n @Watch('activeTab')\n activeTabChanged() {\n this.updateActiveStates();\n this.tabChanged.emit(this.activeTab);\n }\n\n @Watch('maxWidth')\n maxWidthChanged() {\n this.applyMaxWidthToChildren();\n }\n\n @Watch('hasEllipsis')\n hasEllipsisChanged() {\n this.applyVariantToChildren();\n }\n\n /**\n * Récupère l'onglet actuellement sélectionné\n * @returns {Promise<string>} L'ID de l'onglet actif\n */\n @Method()\n async getSelectedTab(): Promise<string> {\n return this.activeTab;\n }\n\n /**\n * Définit l'onglet sélectionné\n * @param tabId L'ID de l'onglet à sélectionner\n * @returns {Promise<void>}\n */\n @Method()\n async setSelectedTab(tabId: string): Promise<void> {\n this.activeTab = tabId;\n }\n\n @Listen('tabSelected', { capture: true })\n handleTabSelected(event: CustomEvent<string>) {\n if (event.target && (event.target as HTMLElement).closest('spw-tabs') !== this.el) {\n return;\n }\n\n this.activeTab = event.detail;\n event.stopPropagation();\n }\n\n @Listen('slotchange')\n slotChanged() {\n this.applyVariantToChildren();\n this.updateActiveStates();\n this.applyMaxWidthToChildren();\n }\n\n private updateActiveStates() {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n navItems.forEach(item => {\n item.active = item.tabId === this.activeTab;\n });\n\n contents.forEach(content => {\n content.active = content.tabId === this.activeTab;\n });\n }\n\n private applyMaxWidthToChildren() {\n if (!this.maxWidth) {\n return;\n }\n\n requestAnimationFrame(() => {\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n const ellipsisClass = `--ellipsis`;\n\n navItems.forEach(item => {\n const textContent = item.textContent?.trim() || '';\n\n if (!textContent) {\n return;\n }\n\n const measureEl = document.createElement('div');\n measureEl.style.cssText = `\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n top: -9999px;\n left: -9999px;\n `;\n measureEl.textContent = textContent;\n\n const computedStyle = window.getComputedStyle(item);\n measureEl.style.fontSize = computedStyle.fontSize;\n measureEl.style.fontFamily = computedStyle.fontFamily;\n measureEl.style.fontWeight = computedStyle.fontWeight;\n measureEl.style.fontStyle = computedStyle.fontStyle;\n measureEl.style.letterSpacing = computedStyle.letterSpacing;\n measureEl.style.textTransform = computedStyle.textTransform;\n\n document.body.appendChild(measureEl);\n const contentWidth = measureEl.getBoundingClientRect().width;\n document.body.removeChild(measureEl);\n\n if (contentWidth > this.maxWidth) {\n item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);\n\n item.setAttribute('has-ellipsis', 'true');\n\n item.classList.add(ellipsisClass);\n } else {\n item.style.removeProperty('--spw-tabs-max-width-text');\n item.setAttribute('has-ellipsis', 'false');\n item.classList.remove(ellipsisClass);\n }\n });\n });\n }\n\n private applyVariantToChildren() {\n requestAnimationFrame(() => {\n const variantClass = `--${this.variant}`;\n const sizeClass = `--${this.size}`;\n\n const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n const contentElements = (contentSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n\n navigationElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-NAVIGATION') {\n el.classList.add(variantClass);\n\n el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n if (isInThisComponent(item)) {\n item.classList.add(variantClass);\n item.classList.add(sizeClass);\n }\n });\n } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n el.classList.add(variantClass);\n el.classList.add(sizeClass);\n }\n });\n\n contentElements.forEach(el => {\n if (el.tagName === 'SPW-TABS-CONTENT') {\n el.classList.add(variantClass);\n } else {\n el.querySelectorAll('spw-tabs-content').forEach(content => {\n if (isInThisComponent(content)) {\n content.classList.add(variantClass);\n }\n });\n }\n });\n\n this.applyMaxWidthToChildren();\n });\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-tabs': true,\n [`spw-tabs--${this.variant}`]: true,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n <slot name=\"navigation\"></slot>\n <slot name=\"content\"></slot>\n </div>\n );\n }\n}"],"mappings":"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","ignoreList":[]}
|