@spw-ds/spw-stencil-library 1.16.0 → 1.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cem.json +204 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/spw-button_2.cjs.entry.js +2 -2
- package/dist/cjs/spw-card.cjs.entry.js +2 -2
- package/dist/cjs/spw-custom-select.cjs.entry.js +22 -26
- package/dist/cjs/spw-date-picker.cjs.entry.js +17 -1
- package/dist/cjs/spw-drawer.cjs.entry.js +3 -3
- package/dist/cjs/spw-dropdown-container.cjs.entry.js +1 -1
- package/dist/cjs/spw-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/spw-field-label_8.cjs.entry.js +22 -14
- package/dist/cjs/spw-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-bottom.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-content-col.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-link.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer.cjs.entry.js +1 -1
- package/dist/cjs/spw-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-grid.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-lang.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-navigation-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-navigation.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-persona-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-persona.cjs.entry.js +1 -1
- package/dist/cjs/spw-header.cjs.entry.js +3 -3
- package/dist/cjs/spw-hero.cjs.entry.js +3 -3
- package/dist/cjs/spw-input-slider.cjs.entry.js +17 -21
- package/dist/cjs/spw-lightbox-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-lightbox.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-description.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-list.cjs.entry.js +1 -1
- package/dist/cjs/spw-message.cjs.entry.js +10 -2
- package/dist/cjs/spw-modal.cjs.entry.js +3 -3
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-mosaic.cjs.entry.js +8 -2
- package/dist/cjs/spw-pagination.cjs.entry.js +6 -6
- package/dist/cjs/spw-radio.cjs.entry.js +1 -1
- package/dist/cjs/spw-scrolltop.cjs.entry.js +1 -1
- package/dist/cjs/spw-search-field.cjs.entry.js +80 -10
- package/dist/cjs/spw-select.cjs.entry.js +16 -20
- package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidenav-group.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidenav-item.cjs.entry.js +18 -4
- package/dist/cjs/spw-sidenav.cjs.entry.js +111 -2
- package/dist/cjs/spw-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/spw-slider-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-slider.cjs.entry.js +1 -1
- package/dist/cjs/spw-socials.cjs.entry.js +1 -1
- package/dist/cjs/spw-stencil-library.cjs.js +1 -1
- package/dist/cjs/spw-table-body.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-container.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-head.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-header.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-row.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs.cjs.entry.js +1 -1
- package/dist/cjs/spw-tag.cjs.entry.js +1 -1
- package/dist/cjs/spw-text-field.cjs.entry.js +17 -20
- package/dist/cjs/spw-textarea.cjs.entry.js +16 -20
- 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 +17 -4
- package/dist/cjs/spw-timeline-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-timeline.cjs.entry.js +2 -2
- package/dist/cjs/spw-toc-container.cjs.entry.js +2 -2
- package/dist/cjs/spw-toc-navigation.cjs.entry.js +20 -0
- package/dist/cjs/spw-toc.cjs.entry.js +1 -1
- package/dist/cjs/spw-topbar.cjs.entry.js +4 -2
- package/dist/cjs/spw-wizard-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-wizard.cjs.entry.js +1 -1
- package/dist/collection/components/spw-button/spw-button.css +47 -65
- package/dist/collection/components/spw-card/spw-card.css +7 -0
- package/dist/collection/components/spw-card/spw-card.js +1 -1
- package/dist/collection/components/spw-custom-select/spw-custom-select.css +1 -1
- package/dist/collection/components/spw-custom-select/spw-custom-select.js +21 -25
- package/dist/collection/components/spw-date-picker/spw-date-picker.js +17 -1
- package/dist/collection/components/spw-drawer/spw-drawer.js +3 -3
- package/dist/collection/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.js +1 -1
- package/dist/collection/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.js +1 -1
- package/dist/collection/components/spw-dropdown/spw-dropdown.js +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.css +2 -14
- package/dist/collection/components/spw-field-message/spw-field-message.js +1 -1
- package/dist/collection/components/spw-file-upload/spw-file-upload.js +2 -2
- package/dist/collection/components/spw-footer/spw-footer-bottom/spw-footer-bottom.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-content/spw-footer-content.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer.js +1 -1
- package/dist/collection/components/spw-grid/spw-grid-item/spw-grid-item.js +2 -2
- package/dist/collection/components/spw-grid/spw-grid.js +2 -2
- package/dist/collection/components/spw-group/spw-group.js +15 -7
- package/dist/collection/components/spw-header/spw-header-lang/spw-header-lang.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-dropdown/spw-header-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona-item/spw-header-persona-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header.css +13 -6
- package/dist/collection/components/spw-header/spw-header.js +2 -2
- package/dist/collection/components/spw-hero/spw-hero.js +22 -3
- package/dist/collection/components/spw-input-slider/spw-input-slider.js +17 -21
- package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.js +1 -1
- package/dist/collection/components/spw-lightbox/spw-lightbox.js +2 -2
- package/dist/collection/components/spw-link/spw-link.js +1 -1
- package/dist/collection/components/spw-list/spw-list-description/spw-list-description.js +1 -1
- package/dist/collection/components/spw-list/spw-list-item/spw-list-item.js +1 -1
- package/dist/collection/components/spw-list/spw-list-title/spw-list-title.js +1 -1
- package/dist/collection/components/spw-list/spw-list.js +1 -1
- package/dist/collection/components/spw-loading/spw-loading.js +1 -1
- package/dist/collection/components/spw-message/spw-message.css +59 -2
- package/dist/collection/components/spw-message/spw-message.js +11 -2
- package/dist/collection/components/spw-modal/spw-modal.js +3 -3
- package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +1 -1
- package/dist/collection/components/spw-mosaic/spw-mosaic.js +8 -2
- package/dist/collection/components/spw-pagination/spw-pagination.js +6 -6
- package/dist/collection/components/spw-radio/spw-radio.js +1 -1
- package/dist/collection/components/spw-scrolltop/spw-scrolltop.js +1 -1
- package/dist/collection/components/spw-search-field/spw-search-field.js +136 -11
- package/dist/collection/components/spw-select/spw-select.js +16 -20
- package/dist/collection/components/spw-separator/spw-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js +3 -3
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar.js +1 -1
- package/dist/collection/components/spw-sidenav/spw-sidenav-group/spw-sidenav-group.js +2 -2
- package/dist/collection/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.css +55 -0
- package/dist/collection/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.js +40 -4
- package/dist/collection/components/spw-sidenav/spw-sidenav.css +33 -0
- package/dist/collection/components/spw-sidenav/spw-sidenav.js +152 -1
- package/dist/collection/components/spw-skeleton/spw-skeleton.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider.js +1 -1
- package/dist/collection/components/spw-socials/spw-socials.js +1 -1
- package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js +1 -1
- package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js +1 -1
- package/dist/collection/components/spw-table/spw-table-container/spw-table-container.js +1 -1
- package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js +1 -1
- package/dist/collection/components/spw-table/spw-table-head/spw-table-head.js +1 -1
- package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js +2 -2
- package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js +1 -1
- package/dist/collection/components/spw-table/spw-table-sidebar/spw-table-sidebar.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs.js +1 -1
- package/dist/collection/components/spw-tag/spw-tag.js +1 -1
- package/dist/collection/components/spw-text-field/spw-text-field.js +17 -20
- package/dist/collection/components/spw-textarea/spw-textarea.js +16 -20
- package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.css +3 -0
- package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.css +14 -2
- package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile.css +23 -1
- package/dist/collection/components/spw-tile/spw-tile.js +57 -4
- package/dist/collection/components/spw-timeline/spw-timeline-item/spw-timeline-item.js +2 -2
- package/dist/collection/components/spw-timeline/spw-timeline.js +2 -2
- package/dist/collection/components/spw-toc/spw-toc-container/spw-toc-container.js +4 -4
- package/dist/collection/components/spw-toc/spw-toc-navigation/spw-toc-navigation.js +40 -0
- package/dist/collection/components/spw-toc/spw-toc.js +1 -1
- package/dist/collection/components/spw-tooltip/spw-tooltip.js +1 -1
- package/dist/collection/components/spw-topbar/spw-topbar.css +61 -2
- package/dist/collection/components/spw-topbar/spw-topbar.js +23 -1
- package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js +1 -1
- package/dist/collection/components/spw-wizard/spw-wizard.js +1 -1
- package/dist/collection/stories/components/spw-avatar/spw-avatar.stories.js +2 -0
- package/dist/collection/stories/components/spw-block-content/spw-block-content.stories.js +3 -1
- package/dist/collection/stories/components/spw-box/spw-box.stories.js +3 -1
- package/dist/collection/stories/components/spw-breadcrumb/spw-breadcrumb.stories.js +39 -1
- package/dist/collection/stories/components/spw-button/spw-button.stories.js +38 -1
- package/dist/collection/stories/components/spw-checkbox/spw-checkbox.stories.js +3 -1
- package/dist/collection/stories/components/spw-custom-select/spw-custom-select.stories.js +46 -1
- package/dist/collection/stories/components/spw-date-picker/spw-date-picker.stories.js +3 -1
- package/dist/collection/stories/components/spw-dropdown/spw-dropdown.stories.js +46 -1
- package/dist/collection/stories/components/spw-field-message/spw-field-message.stories.js +3 -1
- package/dist/collection/stories/components/spw-file-upload/spw-file-upload.stories.js +40 -1
- package/dist/collection/stories/components/spw-icon/spw-icon.stories.js +2 -0
- package/dist/collection/stories/components/spw-input-slider/spw-input-slider.stories.js +2 -0
- package/dist/collection/stories/components/spw-link/spw-link.stories.js +3 -1
- package/dist/collection/stories/components/spw-loading/spw-loading.stories.js +3 -1
- package/dist/collection/stories/components/spw-pagination/spw-pagination.stories.js +3 -1
- package/dist/collection/stories/components/spw-radio/spw-radio.stories.js +3 -1
- package/dist/collection/stories/components/spw-scrolltop/spw-scrolltop.stories.js +2 -0
- package/dist/collection/stories/components/spw-search-field/spw-search-field.stories.js +47 -2
- package/dist/collection/stories/components/spw-select/spw-select.stories.js +46 -1
- package/dist/collection/stories/components/spw-separator/spw-separator.stories.js +3 -1
- package/dist/collection/stories/components/spw-skeleton/spw-skeleton.stories.js +3 -1
- package/dist/collection/stories/components/spw-tag/spw-tag.stories.js +3 -1
- package/dist/collection/stories/components/spw-text-field/spw-text-field.stories.js +3 -1
- package/dist/collection/stories/components/spw-textarea/spw-textarea.stories.js +3 -1
- package/dist/collection/stories/components/spw-toast/spw-toast.stories.js +3 -1
- package/dist/collection/stories/components/spw-tooltip/spw-tooltip.stories.js +3 -1
- package/dist/collection/stories/organisms/spw-accordion/spw-accordion.stories.js +39 -1
- package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +39 -1
- package/dist/collection/stories/organisms/spw-drawer/spw-drawer.stories.js +2 -0
- package/dist/collection/stories/organisms/spw-footer/spw-footer.stories.js +39 -1
- package/dist/collection/stories/organisms/spw-grid/spw-grid.stories.js +38 -0
- package/dist/collection/stories/organisms/spw-group/spw-group.stories.js +3 -1
- package/dist/collection/stories/organisms/spw-header/spw-header.stories.js +39 -1
- package/dist/collection/stories/organisms/spw-hero/spw-hero.stories.js +39 -1
- package/dist/collection/stories/organisms/spw-lightbox/spw-lightbox.stories.js +2 -0
- package/dist/collection/stories/organisms/spw-list/spw-list.stories.js +3 -1
- package/dist/collection/stories/organisms/spw-message/spw-message.stories.js +78 -1
- package/dist/collection/stories/organisms/spw-modal/spw-modal.stories.js +33 -1
- package/dist/collection/stories/organisms/spw-mosaic/spw-mosaic.stories.js +39 -1
- package/dist/collection/stories/organisms/spw-sidebar/spw-sidebar.stories.js +39 -1
- package/dist/collection/stories/organisms/spw-sidenav/spw-sidenav.stories.js +215 -0
- package/dist/collection/stories/organisms/spw-slider/spw-slider.stories.js +73 -1
- package/dist/collection/stories/organisms/spw-table/spw-table.stories.js +3 -1
- package/dist/collection/stories/organisms/spw-tabs/spw-tabs.stories.js +39 -1
- package/dist/collection/stories/organisms/spw-tile/spw-tile.stories.js +222 -1
- package/dist/collection/stories/organisms/spw-timeline/spw-timeline.stories.js +2 -0
- package/dist/collection/stories/organisms/spw-toc/spw-toc.stories.js +38 -0
- package/dist/collection/stories/organisms/spw-topbar/spw-topbar.stories.js +50 -1
- package/dist/collection/stories/organisms/spw-wizard/spw-wizard.stories.js +123 -1
- package/dist/components/p-BBsDk5QJ.js +1 -0
- package/dist/components/{p-CnzSr9Im.js → p-BrCHGcGN.js} +1 -1
- package/dist/components/{p-DlhwYK4n.js → p-CLldNY-_.js} +1 -1
- package/dist/components/{p-aWQ1v8BH.js → p-CdTWu15K.js} +1 -1
- package/dist/components/{p-C82UsmH4.js → p-DZoh_5b5.js} +1 -1
- package/dist/components/{p-DAfHVLjA.js → p-Fqknc29G.js} +1 -1
- package/dist/components/p-R4SpR2mV.js +1 -0
- package/dist/components/{p-DXd3uPkn.js → p-nC0sTTf4.js} +1 -1
- package/dist/components/{p-BY3XOPGU.js → p-xTIxnTQQ.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.js +1 -1
- package/dist/components/spw-cookies.js +1 -1
- package/dist/components/spw-custom-select.js +1 -1
- package/dist/components/spw-date-picker.js +1 -1
- package/dist/components/spw-drawer.js +1 -1
- package/dist/components/spw-dropdown-container.js +1 -1
- package/dist/components/spw-dropdown-item.js +1 -1
- package/dist/components/spw-dropdown.js +1 -1
- package/dist/components/spw-field-label.js +1 -1
- package/dist/components/spw-field-message.js +1 -1
- package/dist/components/spw-file-upload.js +1 -1
- package/dist/components/spw-footer-bottom.js +1 -1
- package/dist/components/spw-footer-content-col.js +1 -1
- package/dist/components/spw-footer-content.js +1 -1
- package/dist/components/spw-footer-link.js +1 -1
- package/dist/components/spw-footer.js +1 -1
- package/dist/components/spw-grid-item.js +1 -1
- package/dist/components/spw-grid.js +1 -1
- package/dist/components/spw-group.js +1 -1
- package/dist/components/spw-header-lang.js +1 -1
- package/dist/components/spw-header-navigation-dropdown.js +1 -1
- package/dist/components/spw-header-navigation-item.js +1 -1
- package/dist/components/spw-header-navigation.js +1 -1
- package/dist/components/spw-header-persona-item.js +1 -1
- package/dist/components/spw-header-persona.js +1 -1
- package/dist/components/spw-header.js +1 -1
- package/dist/components/spw-hero.js +1 -1
- package/dist/components/spw-input-slider.js +1 -1
- package/dist/components/spw-lightbox-item.js +1 -1
- package/dist/components/spw-lightbox.js +1 -1
- package/dist/components/spw-link.js +1 -1
- package/dist/components/spw-list-description.js +1 -1
- package/dist/components/spw-list-item.js +1 -1
- package/dist/components/spw-list-title.js +1 -1
- package/dist/components/spw-list.js +1 -1
- package/dist/components/spw-loading.js +1 -1
- package/dist/components/spw-message.js +1 -1
- package/dist/components/spw-modal.js +1 -1
- package/dist/components/spw-mosaic-item.js +1 -1
- package/dist/components/spw-mosaic.js +3 -3
- package/dist/components/spw-pagination.js +1 -1
- package/dist/components/spw-radio.js +1 -1
- package/dist/components/spw-scrolltop.js +1 -1
- package/dist/components/spw-search-field.js +1 -1
- package/dist/components/spw-select.js +1 -1
- package/dist/components/spw-separator.js +1 -1
- package/dist/components/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/components/spw-sidebar-navigation-item.js +1 -1
- package/dist/components/spw-sidebar-navigation-separator.js +1 -1
- package/dist/components/spw-sidebar.js +1 -1
- package/dist/components/spw-sidenav-group.js +1 -1
- package/dist/components/spw-sidenav-item.js +1 -1
- package/dist/components/spw-sidenav.js +1 -1
- package/dist/components/spw-skeleton.js +1 -1
- package/dist/components/spw-slider-item.js +1 -1
- package/dist/components/spw-slider.js +1 -1
- package/dist/components/spw-socials.js +1 -1
- package/dist/components/spw-table-body.js +1 -1
- package/dist/components/spw-table-cell.js +1 -1
- package/dist/components/spw-table-container.js +1 -1
- package/dist/components/spw-table-footer.js +1 -1
- package/dist/components/spw-table-head.js +1 -1
- package/dist/components/spw-table-header.js +1 -1
- package/dist/components/spw-table-row.js +1 -1
- package/dist/components/spw-table-sidebar.js +1 -1
- package/dist/components/spw-tabs-navigation-item.js +1 -1
- package/dist/components/spw-tabs-navigation.js +1 -1
- package/dist/components/spw-tabs.js +1 -1
- package/dist/components/spw-tag.js +1 -1
- package/dist/components/spw-text-field.js +1 -1
- package/dist/components/spw-textarea.js +1 -1
- package/dist/components/spw-theme-provider.js +1 -1
- package/dist/components/spw-tile-description.js +1 -1
- package/dist/components/spw-tile-title.js +1 -1
- package/dist/components/spw-tile.js +1 -1
- package/dist/components/spw-timeline-item.js +1 -1
- package/dist/components/spw-timeline.js +1 -1
- package/dist/components/spw-toc-container.js +1 -1
- package/dist/components/spw-toc-navigation.js +1 -1
- package/dist/components/spw-toc.js +1 -1
- package/dist/components/spw-tooltip.js +1 -1
- package/dist/components/spw-topbar.js +1 -1
- package/dist/components/spw-wizard-item.js +1 -1
- package/dist/components/spw-wizard.js +1 -1
- package/dist/components_json.json +323 -15
- package/dist/components_vscode.json +57 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/spw-button_2.entry.js +2 -2
- package/dist/esm/spw-card.entry.js +2 -2
- package/dist/esm/spw-custom-select.entry.js +22 -26
- package/dist/esm/spw-date-picker.entry.js +17 -1
- package/dist/esm/spw-drawer.entry.js +3 -3
- package/dist/esm/spw-dropdown-container.entry.js +1 -1
- package/dist/esm/spw-dropdown-item.entry.js +1 -1
- package/dist/esm/spw-dropdown.entry.js +1 -1
- package/dist/esm/spw-field-label_8.entry.js +22 -14
- package/dist/esm/spw-file-upload.entry.js +2 -2
- package/dist/esm/spw-footer-bottom.entry.js +1 -1
- package/dist/esm/spw-footer-content-col.entry.js +1 -1
- package/dist/esm/spw-footer-content.entry.js +1 -1
- package/dist/esm/spw-footer-link.entry.js +1 -1
- package/dist/esm/spw-footer.entry.js +1 -1
- package/dist/esm/spw-grid-item.entry.js +2 -2
- package/dist/esm/spw-grid.entry.js +2 -2
- package/dist/esm/spw-header-lang.entry.js +1 -1
- package/dist/esm/spw-header-navigation-dropdown.entry.js +1 -1
- package/dist/esm/spw-header-navigation-item.entry.js +1 -1
- package/dist/esm/spw-header-navigation.entry.js +1 -1
- package/dist/esm/spw-header-persona-item.entry.js +1 -1
- package/dist/esm/spw-header-persona.entry.js +1 -1
- package/dist/esm/spw-header.entry.js +3 -3
- package/dist/esm/spw-hero.entry.js +3 -3
- package/dist/esm/spw-input-slider.entry.js +17 -21
- package/dist/esm/spw-lightbox-item.entry.js +1 -1
- package/dist/esm/spw-lightbox.entry.js +2 -2
- package/dist/esm/spw-list-description.entry.js +1 -1
- package/dist/esm/spw-list-item.entry.js +1 -1
- package/dist/esm/spw-list-title.entry.js +1 -1
- package/dist/esm/spw-list.entry.js +1 -1
- package/dist/esm/spw-message.entry.js +10 -2
- package/dist/esm/spw-modal.entry.js +3 -3
- package/dist/esm/spw-mosaic-item.entry.js +1 -1
- package/dist/esm/spw-mosaic.entry.js +8 -2
- package/dist/esm/spw-pagination.entry.js +6 -6
- package/dist/esm/spw-radio.entry.js +1 -1
- package/dist/esm/spw-scrolltop.entry.js +1 -1
- package/dist/esm/spw-search-field.entry.js +80 -10
- package/dist/esm/spw-select.entry.js +16 -20
- package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +1 -1
- package/dist/esm/spw-sidebar-navigation-item.entry.js +3 -3
- package/dist/esm/spw-sidebar-navigation-separator.entry.js +1 -1
- package/dist/esm/spw-sidebar.entry.js +1 -1
- package/dist/esm/spw-sidenav-group.entry.js +2 -2
- package/dist/esm/spw-sidenav-item.entry.js +18 -4
- package/dist/esm/spw-sidenav.entry.js +111 -2
- package/dist/esm/spw-skeleton.entry.js +1 -1
- package/dist/esm/spw-slider-item.entry.js +1 -1
- package/dist/esm/spw-slider.entry.js +1 -1
- package/dist/esm/spw-socials.entry.js +1 -1
- package/dist/esm/spw-stencil-library.js +1 -1
- package/dist/esm/spw-table-body.entry.js +1 -1
- package/dist/esm/spw-table-cell.entry.js +1 -1
- package/dist/esm/spw-table-container.entry.js +1 -1
- package/dist/esm/spw-table-footer.entry.js +1 -1
- package/dist/esm/spw-table-head.entry.js +1 -1
- package/dist/esm/spw-table-header.entry.js +2 -2
- package/dist/esm/spw-table-row.entry.js +1 -1
- package/dist/esm/spw-table-sidebar.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation-item.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation.entry.js +1 -1
- package/dist/esm/spw-tabs.entry.js +1 -1
- package/dist/esm/spw-tag.entry.js +1 -1
- package/dist/esm/spw-text-field.entry.js +17 -20
- package/dist/esm/spw-textarea.entry.js +16 -20
- 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 +17 -4
- package/dist/esm/spw-timeline-item.entry.js +2 -2
- package/dist/esm/spw-timeline.entry.js +2 -2
- package/dist/esm/spw-toc-container.entry.js +2 -2
- package/dist/esm/spw-toc-navigation.entry.js +20 -0
- package/dist/esm/spw-toc.entry.js +1 -1
- package/dist/esm/spw-topbar.entry.js +4 -2
- package/dist/esm/spw-wizard-item.entry.js +1 -1
- package/dist/esm/spw-wizard.entry.js +1 -1
- package/dist/spw-stencil-library/p-005e895a.entry.js +1 -0
- package/dist/spw-stencil-library/{p-57d57d31.entry.js → p-06356658.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8010145c.entry.js → p-08de3542.entry.js} +1 -1
- package/dist/spw-stencil-library/p-09818d2e.entry.js +1 -0
- package/dist/spw-stencil-library/{p-bcc0bc5b.entry.js → p-0cd5c984.entry.js} +1 -1
- package/dist/spw-stencil-library/p-0edf6e69.entry.js +1 -0
- package/dist/spw-stencil-library/p-1034937d.entry.js +1 -0
- package/dist/spw-stencil-library/{p-e82e97da.entry.js → p-11f9450a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3a44068e.entry.js → p-13426e40.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e172632c.entry.js → p-1603d35d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6be62066.entry.js → p-176c735c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-082f93eb.entry.js → p-244c42e1.entry.js} +1 -1
- package/dist/spw-stencil-library/p-24ddb0e5.entry.js +1 -0
- package/dist/spw-stencil-library/{p-ae18c590.entry.js → p-2c430e60.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-afa2f53d.entry.js → p-2e7041df.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-10bf5c42.entry.js → p-36484429.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ca3263fb.entry.js → p-36d80c8f.entry.js} +1 -1
- package/dist/spw-stencil-library/p-375581fd.entry.js +1 -0
- package/dist/spw-stencil-library/{p-1e940c23.entry.js → p-44a07af3.entry.js} +1 -1
- package/dist/spw-stencil-library/p-48078447.entry.js +1 -0
- package/dist/spw-stencil-library/p-4a3e2b92.entry.js +1 -0
- package/dist/spw-stencil-library/{p-fbc26e62.entry.js → p-4c16d701.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1ba59470.entry.js → p-4c636296.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-723229e0.entry.js → p-4da69501.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1fca6b4f.entry.js → p-4e4830f6.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5ca2790b.entry.js → p-529e0d0d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-426be39b.entry.js → p-568f2002.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-24cc1b85.entry.js → p-59cb1719.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1001e077.entry.js → p-5a08eb26.entry.js} +1 -1
- package/dist/spw-stencil-library/p-5a0c0b53.entry.js +1 -0
- package/dist/spw-stencil-library/{p-41568f68.entry.js → p-6500046a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-94581684.entry.js → p-66a5ccc3.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e6beeeae.entry.js → p-6b0338cb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fd339689.entry.js → p-6b53d52d.entry.js} +1 -1
- package/dist/spw-stencil-library/p-6cfcab87.entry.js +1 -0
- package/dist/spw-stencil-library/{p-f0e49272.entry.js → p-6d105331.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-571107dc.entry.js → p-6e57e12a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f8c9e28a.entry.js → p-6f244a33.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-af8ccb80.entry.js → p-758ab426.entry.js} +1 -1
- package/dist/spw-stencil-library/p-7c705c74.entry.js +1 -0
- package/dist/spw-stencil-library/{p-42dce53f.entry.js → p-7e7cd509.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3e8e6a41.entry.js → p-7e884c21.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a20d2a78.entry.js → p-7ed866cf.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-11ee7e7a.entry.js → p-82c5e2e2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bd0b3958.entry.js → p-85cd97f4.entry.js} +1 -1
- package/dist/spw-stencil-library/p-86f8bae3.entry.js +1 -0
- package/dist/spw-stencil-library/{p-4f65655d.entry.js → p-8d4885ff.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-69f36918.entry.js → p-9193e70b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fdd83154.entry.js → p-93788d96.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-cb4b31a7.entry.js → p-94f78e4c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a94801a1.entry.js → p-962ec86a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-45be9fce.entry.js → p-9987b6a0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fe5f81cc.entry.js → p-9bb373cf.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b868a3da.entry.js → p-9ca52f24.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e592738a.entry.js → p-9d93af2b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0f5debdb.entry.js → p-a2f8133e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-53dfe461.entry.js → p-a418baf5.entry.js} +1 -1
- package/dist/spw-stencil-library/p-a7b1bd08.entry.js +1 -0
- package/dist/spw-stencil-library/{p-49e53cd8.entry.js → p-a86fc0a7.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7996c7c8.entry.js → p-ab100252.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-79081772.entry.js → p-aeb616f6.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c2d6da7e.entry.js → p-b494a271.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ec7f05ae.entry.js → p-b5ba7206.entry.js} +1 -1
- package/dist/spw-stencil-library/p-b966fc21.entry.js +1 -0
- package/dist/spw-stencil-library/{p-ca25cbef.entry.js → p-d5157e05.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e6f4a095.entry.js → p-d6e88176.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-95f41c17.entry.js → p-d92bd82f.entry.js} +4 -4
- package/dist/spw-stencil-library/{p-fdcc3c5d.entry.js → p-ddd9acdc.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7233f2b1.entry.js → p-e4f1665f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-51d1b03f.entry.js → p-e7c69e88.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4d45c143.entry.js → p-e849e965.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c06529c8.entry.js → p-ecbdf71f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d6587b45.entry.js → p-f35c966d.entry.js} +1 -1
- package/dist/spw-stencil-library/p-f38709c1.entry.js +1 -0
- package/dist/spw-stencil-library/{p-723b695b.entry.js → p-f932224f.entry.js} +1 -1
- package/dist/spw-stencil-library/p-fade4100.entry.js +1 -0
- package/dist/spw-stencil-library/{p-915cbfd3.entry.js → p-fbc3d842.entry.js} +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/stats.json +1012 -440
- package/dist/types/components/spw-custom-select/spw-custom-select.d.ts +1 -4
- package/dist/types/components/spw-date-picker/spw-date-picker.d.ts +1 -0
- package/dist/types/components/spw-hero/spw-hero.d.ts +2 -0
- package/dist/types/components/spw-input-slider/spw-input-slider.d.ts +1 -4
- package/dist/types/components/spw-message/spw-message.d.ts +3 -0
- package/dist/types/components/spw-search-field/spw-search-field.d.ts +9 -0
- package/dist/types/components/spw-select/spw-select.d.ts +1 -4
- package/dist/types/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.d.ts +3 -0
- package/dist/types/components/spw-sidenav/spw-sidenav.d.ts +22 -0
- package/dist/types/components/spw-text-field/spw-text-field.d.ts +1 -4
- package/dist/types/components/spw-textarea/spw-textarea.d.ts +1 -4
- package/dist/types/components/spw-tile/spw-tile.d.ts +5 -1
- package/dist/types/components/spw-toc/spw-toc-container/spw-toc-container.d.ts +1 -1
- package/dist/types/components/spw-toc/spw-toc-navigation/spw-toc-navigation.d.ts +4 -0
- package/dist/types/components/spw-topbar/spw-topbar.d.ts +2 -0
- package/dist/types/components.d.ts +92 -5
- package/dist/types/stories/organisms/spw-message/spw-message.stories.d.ts +2 -1
- package/dist/types/stories/organisms/spw-sidenav/spw-sidenav.stories.d.ts +4 -0
- package/dist/types/stories/organisms/spw-tile/spw-tile.stories.d.ts +6 -1
- package/dist/types/stories/organisms/spw-topbar/spw-topbar.stories.d.ts +1 -0
- package/hydrate/index.js +505 -242
- package/hydrate/index.mjs +505 -242
- package/package.json +1 -1
- package/dist/components/p-B2P8l7B3.js +0 -1
- package/dist/components/p-B43Zutdz.js +0 -1
- package/dist/spw-stencil-library/p-1d319daa.entry.js +0 -1
- package/dist/spw-stencil-library/p-20ed6c87.entry.js +0 -1
- package/dist/spw-stencil-library/p-56511a1a.entry.js +0 -1
- package/dist/spw-stencil-library/p-68787bbe.entry.js +0 -1
- package/dist/spw-stencil-library/p-83e6a17b.entry.js +0 -1
- package/dist/spw-stencil-library/p-8aa81b70.entry.js +0 -1
- package/dist/spw-stencil-library/p-936fc4c0.entry.js +0 -1
- package/dist/spw-stencil-library/p-995bf47d.entry.js +0 -1
- package/dist/spw-stencil-library/p-b08eb675.entry.js +0 -1
- package/dist/spw-stencil-library/p-bec8374e.entry.js +0 -1
- package/dist/spw-stencil-library/p-d321091b.entry.js +0 -1
- package/dist/spw-stencil-library/p-de10edb8.entry.js +0 -1
- package/dist/spw-stencil-library/p-de47fd8e.entry.js +0 -1
- package/dist/spw-stencil-library/p-e2fbc5ff.entry.js +0 -1
- package/dist/spw-stencil-library/p-f420e077.entry.js +0 -1
- package/dist/spw-stencil-library/p-f7a94fe7.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,a as r,H as s}from"./p-DkNryMko.js";const i=class{constructor(e){t(this,e),this.spwFocus=o(this,"spwFocus",7),this.spwBlur=o(this,"spwBlur",7),this.spwNavigate=o(this,"spwNavigate",7),this.target="_self",this.name="",this.value="",this.type="button",this.variant="primary",this.surface="default",this.disabled=!1,this.size="medium",this.isIconOnly=!1,this.iconVariant="fa-solid",this.isFullWidth=!1,this.isFullWidthMobile=!0,this.hideTextOnMobile=!1,this.isLoading=!1,this.onFocus=()=>{this.spwFocus.emit()},this.onBlur=()=>{this.spwBlur.emit()},this.onClick=t=>{if(this.disabled||this.isLoading)t.preventDefault();else{if("reset"===this.type)return t.preventDefault(),void this.resetForm();if("submit"===this.type&&!this.disabled){const o=this.form?document.getElementById(this.form):this.el.closest("form");if(o)return t.preventDefault(),void o.requestSubmit()}void 0!==this.href&&this.spwNavigate.emit(t)}}}async setFocus(){this.nativeEl&&(this.nativeEl.classList.add("--programmatic-focus"),this.nativeEl.focus(),this.nativeEl.addEventListener("blur",(()=>{var t;null===(t=this.nativeEl)||void 0===t||t.classList.remove("--programmatic-focus")}),{once:!0}))}resetForm(){const t=this.form?document.getElementById(this.form):this.el.closest("form");t&&t.reset()}get elementClass(){return{"spw-button":!0,[`spw-button--${this.variant}`]:!0,[`spw-button--surface-${this.surface}`]:!0,[`spw-button--${this.size}`]:!0,"spw-button--is-icon-only":this.isIconOnly,"spw-button--fullwidth":this.isFullWidth,"spw-button--fullwidth-mobile":this.isFullWidthMobile,"spw-button--hide-text-mobile":this.hideTextOnMobile,"spw-button--loading":this.isLoading}}render(){var t;const{type:o,download:r,form:s,href:i,rel:n,target:a,name:p,value:d}=this,l=void 0===this.href?"button":"a",w="button"===l?{type:o,form:s,name:p,value:d}:{download:r,href:i,rel:n,target:a},b=this.icon&&!this.iconPosition?"right":this.iconPosition,u=this.icon?e("spw-icon",{variant:this.iconVariant,class:`spw-icon--${b}`,icon:this.icon}):null,c=this.disabled,g=(null===(t=this.el.textContent)||void 0===t?void 0:t.trim())||null;return e(l,Object.assign({key:"e8413b7bedacc2d4f6f2b8d676eb6d59fd4055ed"},w,{ref:t=>this.nativeEl=t,class:this.elementClass,disabled:c,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},{"aria-label":this.accAriaLabel||this.name||g||"Label","aria-disabled":c?"true":null}),e("div",{key:"eda3ddaf848756c60c64279efae141ae1a22f1df",class:"spw-button__inner"},e("div",{key:"2d3c979bf6d2998d9f3eec6dddf1b58d23e27cbf",class:"spw-button__inner-text"},"left"===b&&u,!this.isIconOnly&&e("slot",{key:"ba4f377ef77ca4f37a691ef72e117503ffac2958"}),"right"===b&&u)),e("spw-loading",{key:"59561ea5f18844639de6b624e96f2ba3c2525f85",text:""}))}get el(){return r(this)}};i.style='@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block;vertical-align:top;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;--spw-button-text-decoration:none;--spw-button-text-decoration-tertiary:underline}:host([is-full-width]:not([is-full-width=false])){display:block;width:100%}@media (max-width: 767px){:host([is-full-width-mobile]:not([is-full-width-mobile=false])){display:block;width:100%}}.spw-button{border:2px solid transparent;display:block;width:100%;white-space:nowrap;border-radius:9999px;cursor:pointer;font-weight:bold;outline:3px solid transparent;overflow:hidden;transition:all 0.1s ease-in;line-height:1}.spw-button--fullwidth{width:100% !important}.spw-button--fullwidth-mobile{width:100%}@media (min-width: 768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button--is-icon-only{padding-left:0 !important;padding-right:0 !important}@media (max-width: 767px){.spw-button--hide-text-mobile{padding-left:0 !important;padding-right:0 !important}.spw-button--hide-text-mobile slot{display:none}.spw-button--hide-text-mobile.spw-button--large{width:54px}.spw-button--hide-text-mobile.spw-button--medium{width:45px}.spw-button--hide-text-mobile.spw-button--small{width:35px}}.spw-button:focus-visible,.spw-button.--programmatic-focus{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-button spw-loading{opacity:0;position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%, -50%);z-index:1}.spw-button--loading{position:relative;pointer-events:none}.spw-button--loading spw-loading{opacity:1}.spw-button__inner{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button__inner-text{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){text-decoration:var(--spw-button-text-decoration)}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--primary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.3);--spw-loading-spinner-color:white}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{transition:none;border-radius:4px;background:none;color:var(--spw-ds-primary);text-decoration:var(--spw-button-text-decoration-tertiary) !important;text-underline-offset:2px}.spw-button--tertiary:not([disabled]):hover,.spw-button--tertiary:not([disabled]):active{text-decoration-thickness:2px !important}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{color:var(--spw-color-themes-grey-grey-400);border-color:none;cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;color:var(--spw-colors-support-grey-grey-500);border-color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{border-color:var(--spw-colors-support-grey-grey-700);background:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-400);background:var(--spw-colors-support-grey-grey-400)}.spw-button--surface-dark.spw-button--secondary[disabled]{border-color:var(--spw-colors-support-grey-grey-700);background:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary{box-shadow:none}.spw-button--surface-primary:not([disabled]):active{box-shadow:none}.spw-button--surface-primary[disabled]{box-shadow:none}.spw-button--surface-primary.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:transparent;color:white;border-color:white;opacity:0.9}.spw-button--surface-primary.spw-button--primary[disabled]{border-color:white;background:white;color:var(--spw-colors-support-grey-grey-600);opacity:0.5}.spw-button--surface-primary.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-primary.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{color:var(--spw-colors-support-grey-grey-900);border-color:white;background:white;opacity:0.9}.spw-button--surface-primary.spw-button--secondary[disabled]{border-color:white;background:white;color:var(--spw-colors-support-grey-grey-600);opacity:0.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover,.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{box-shadow:none}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:white;opacity:0.9}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:white;opacity:0.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-light.spw-button--primary[disabled]{color:var(--spw-colors-support-grey-grey-600);background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary{color:var(--spw-colors-support-grey-grey-900);background:var(--spw-ds-white)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{color:var(--spw-colors-support-grey-grey-600);background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner-text{gap:12px}.spw-button--large.spw-button--is-icon-only{width:54px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner-text{gap:8px}.spw-button--medium.spw-button--is-icon-only{width:45px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner-text{gap:6px}.spw-button--small.spw-button--is-icon-only{width:35px}.spw-button--small.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--large.spw-button--tertiary{padding:4px}';const n=class{constructor(o){t(this,o),this.text="Chargement...",this.surface="light",this.size="medium",this.orientation="horizontal"}get loadingClasses(){return{"spw-loading":!0,[`spw-loading--${this.surface}`]:!0,[`spw-loading--${this.size}`]:!0,[`spw-loading--${this.orientation}`]:!0}}render(){return e(s,{key:"1cc27da35a115c199e6b660621dd0062b69f1570"},e("div",{key:"93f97a9413e59f845285c75079d3e7953e7d9449",class:this.loadingClasses},e("div",{key:"95ac4ac5a560f123b0bceb6c4485cef9324eb81f",class:"spw-loading__spinner"}),this.text&&e("p",{key:"077ee7c1ca63850bf688cff7872cfcfef02dc517",class:"spw-loading__text"},this.text)))}};n.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-loading-border-color:var(--spw-color-themes-grey-grey-200);--spw-loading-spinner-color:var(--spw-ds-primary);--spw-loading-text-color:var(--spw-color-themes-grey-grey-800)}.spw-loading{display:flex;align-items:center}.spw-loading__spinner{width:20px;height:20px;border-radius:50%;border:4px solid var(--spw-loading-border-color);border-top-color:var(--spw-loading-spinner-color);animation:loading 1s linear infinite}@keyframes loading{to{transform:rotate(360deg)}}.spw-loading__text{font-size:14px;color:var(--spw-loading-text-color)}.spw-loading--light{--spw-loading-border-color:var(--spw-color-themes-grey-grey-200);--spw-loading-spinner-color:var(--spw-ds-primary);--spw-loading-text-color:var(--spw-color-themes-grey-grey-800)}.spw-loading--dark{--spw-loading-border-color:rgba(255, 255, 255, 0.3);--spw-loading-spinner-color:var(--spw-color-themes-grey-grey-50);--spw-loading-text-color:var(--spw-color-themes-grey-grey-50)}.spw-loading--small .spw-loading__spinner{width:16px;height:16px;border-width:3px}.spw-loading--small .spw-loading__text{font-size:12px;margin-left:6px}.spw-loading--medium .spw-loading__spinner{width:20px;height:20px;border-width:4px}.spw-loading--medium .spw-loading__text{font-size:14px;margin-left:8px}.spw-loading--large .spw-loading__spinner{width:30px;height:30px;border-width:5px}.spw-loading--large .spw-loading__text{font-size:16px;margin-left:8px}.spw-loading--extra-large .spw-loading__spinner{width:36px;height:36px;border-width:6px}.spw-loading--extra-large .spw-loading__text{font-size:18px;margin-left:12px}.spw-loading--horizontal{flex-direction:row}.spw-loading--horizontal .spw-loading__text{margin-top:0}.spw-loading--vertical{flex-direction:column}.spw-loading--vertical .spw-loading__text{margin-left:0;margin-top:8px}";export{i as spw_button,n as spw_loading}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,a as i}from"./p-DkNryMko.js";const o=class{constructor(e){t(this,e),this.valueChanged=s(this,"valueChanged",7),this.optionCreated=s(this,"optionCreated",7),this.optionRemoved=s(this,"optionRemoved",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.parentScrollContainer=null,this.isOpen=!1,this.parsedOptions=[],this.focusedOptionIndex=null,this.searchText="",this.hasSlottedFooter=!1,this.dropdownDirection="down",this.hasSelectedValue=!1,this.dropdownPosition={top:0,left:0,width:0},this.value=[],this.label="",this.placeholder="Sélectionnez une option",this.searchPlaceholder="Entrez votre recherche",this.noResultsText="Aucun résultat trouvé",this.required=!1,this.size="medium",this.multiple=!1,this.isSearch=!1,this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.isExpandable=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.fixedDropdown=!1,this.isClear=!1,this.direction="auto",this.allowCreate=!1,this.handleOtherSelectOpened=t=>{t.detail.instance!==this.host&&this.isOpen&&this.closeDropdown()},this.handleClickOutside=t=>{var s,e;if(this.isOpen){const i=t.composedPath(),o=i[0],c=this.host.contains(o),r=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-custom-select__search-input"),n=null==r?void 0:r.contains(o),l=this.hostElement.querySelector('[slot="footer"]'),a=!!l&&i.includes(l);if(!c&&!n&&!a){if(this.multiple){const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-custom-select__options");if(t&&t.contains(o))return}this.closeDropdown()}}},this.updateDropdownPosition=()=>{if(!this.selectContainer)return;const t=this.selectContainer.getBoundingClientRect(),s=window.innerHeight;this.dropdownDirection="top"===this.direction?"up":"bottom"===this.direction?"down":t.bottom+200>s&&t.top>200?"up":"down",this.dropdownPosition={top:t.bottom,left:t.left,width:t.width}}}componentWillLoad(){if(this.multiple)if("string"==typeof this.value)try{this.internalValue=JSON.parse(this.value)}catch(t){this.internalValue=[]}else this.internalValue=Array.isArray(this.value)?this.value:[];else this.internalValue=this.value;this.defaultValue=this.internalValue,this.items&&this.parseOptions(this.items),this.updateSelectedOption()}async setFocus(){var t,s;const e=null===(t=this.host)||void 0===t?void 0:t.querySelector(".spw-custom-select__search-input");e?e.focus():null===(s=this.selectContainer)||void 0===s||s.focus()}async resetSelect(){this.multiple?(this.internalValue=[],this.value=[]):(this.internalValue="",this.value=""),this.searchText="",this.focusedOptionIndex=null,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async setValue(t){this.multiple?(this.internalValue=Array.isArray(t)?t:[t],this.value=this.internalValue):(this.internalValue=t,this.value=t),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async getValue(){return this.internalValue}formResetCallback(){this.setValue(this.defaultValue)}componentDidLoad(){this.internals.setFormValue(this.getFormValue());const t=this.hostElement.querySelector('[slot="footer"]');this.hasSlottedFooter=!!t}connectedCallback(){document.addEventListener("click",this.handleClickOutside,!0),document.addEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.addEventListener("scroll",this.updateDropdownPosition,!0),window.addEventListener("resize",this.updateDropdownPosition)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside,!0),document.removeEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.removeEventListener("scroll",this.updateDropdownPosition,!0),window.removeEventListener("resize",this.updateDropdownPosition),this.cleanupParentScrollListener(),this.isOpen=!1}findParentComponent(){if(!this.fixedDropdownParent)return null;let t=this.hostElement;for(;t;){if(t instanceof HTMLElement&&t.tagName.toLowerCase()===this.fixedDropdownParent.toLowerCase())return t;if(t.parentElement)t=t.parentElement;else{const s=t.getRootNode();if(!(s instanceof ShadowRoot))break;t=s.host}}return null}findScrollContainerInShadowRoot(t){const s=t.shadowRoot;if(!s)return null;const e=s.querySelectorAll("*");let i=null,o=-1;for(const t of Array.from(e)){const e=t,c=window.getComputedStyle(e);if("auto"===c.overflow||"scroll"===c.overflow||"auto"===c.overflowY||"scroll"===c.overflowY){let c=0,r=t;for(;r&&r!==s;)c++,r=r.parentNode;c>o&&(o=c,i=e)}}return i}ensureParentScrollListener(){if(!this.fixedDropdownParent||!this.fixedDropdown)return;if(this.parentScrollContainer)return;const t=this.findParentComponent();t&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(t),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateDropdownPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateDropdownPosition),this.parentScrollContainer=null)}parseOptions(t){try{this.parsedOptions=Array.isArray(t)?t.map((t=>({value:t.value,label:t.label,disabled:t.disabled||!1}))):[],this.updateSelectedOption()}catch(t){this.parsedOptions=[]}}valueChangedHandler(t){this.internalValue=this.multiple?Array.isArray(t)?t:[t]:t,this.updateSelectedOption(),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue()),this.multiple||void 0===this.internalValue?this.multiple&&Array.isArray(this.internalValue)&&(this.internalValue=this.internalValue.filter((t=>this.parsedOptions.some((s=>String(s.value)===String(t))))).sort(((t,s)=>this.parsedOptions.findIndex((s=>String(s.value)===String(t)))-this.parsedOptions.findIndex((t=>String(t.value)===String(s)))))):this.focusedOptionIndex=this.parsedOptions.findIndex((t=>String(t.value)===String(this.internalValue)))}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:Boolean(this.internalValue)}getFormValue(){return this.multiple?Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((t=>String(t))).join(","):null:this.internalValue?String(this.internalValue):null}toggleDropdown(t){if(!this.disabled){if(t){if(t.composedPath()[0].classList.contains("spw-custom-select__search-input"))return;t.stopPropagation()}this.determineDropdownDirection();const s=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!s&&(this.ensureParentScrollListener(),this.notifyOtherSelects()),this.isOpen||(this.focusedOptionIndex=null)}}notifyOtherSelects(){const t=new CustomEvent("spw-custom-select-opened",{detail:{instance:this.host},bubbles:!0,composed:!0});document.dispatchEvent(t)}determineDropdownDirection(){this.updateDropdownPosition()}openDropdownWithKeyboard(){this.determineDropdownDirection(),this.isOpen=!0,this.focusedOptionIndex=0,this.ensureParentScrollListener(),this.notifyOtherSelects()}closeDropdown(){this.isOpen=!1,this.focusedOptionIndex=null,this.searchText=""}addCreatedOption(t){const s=t.trim();if(!s)return;const e=s,i={label:s,value:e,created:!0};this.parsedOptions=[...this.parsedOptions,i],this.optionCreated.emit(i),this.selectOption(e),this.searchText=""}removeCreatedOption(t,s){if(s.stopPropagation(),this.multiple){const s=this.internalValue.findIndex((s=>String(s)===String(t.value)));s>-1&&(this.internalValue=[...this.internalValue.slice(0,s),...this.internalValue.slice(s+1)],this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue))}else String(this.internalValue)===String(t.value)&&(this.internalValue="",this.value="",this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue));this.parsedOptions=this.parsedOptions.filter((s=>String(s.value)!==String(t.value))),this.optionRemoved.emit(t)}handleClear(t){t.stopPropagation(),this.resetSelect()}selectOption(t,s){s&&s.stopPropagation();const e=this.parsedOptions.find((s=>String(s.value)===String(t)));if(!(null==e?void 0:e.disabled)){if(this.multiple){const s=this.internalValue.findIndex((s=>String(s)===String(t)));this.internalValue=s>-1?[...this.internalValue.slice(0,s),...this.internalValue.slice(s+1)]:[...this.internalValue,t],this.internalValue=this.internalValue.sort(((t,s)=>this.parsedOptions.findIndex((s=>String(s.value)===String(t)))-this.parsedOptions.findIndex((t=>String(t.value)===String(s)))))}else this.internalValue=t,this.closeDropdown();this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}}handleOptionKeyDown(t,s){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.selectOption(s))}handleKeyDown(t){var s,e;if(!t.target.classList.contains("spw-custom-select__search-input"))switch(t.key){case" ":t.preventDefault(),this.isOpen||this.openDropdownWithKeyboard();break;case"ArrowDown":if(t.preventDefault(),this.isOpen){let t=null===this.focusedOptionIndex?0:(this.focusedOptionIndex+1)%this.parsedOptions.length;for(;(null===(s=this.parsedOptions[t])||void 0===s?void 0:s.disabled)&&t!==this.focusedOptionIndex;)t=(t+1)%this.parsedOptions.length;this.focusedOptionIndex=t}else this.openDropdownWithKeyboard();break;case"ArrowUp":if(t.preventDefault(),this.isOpen){let t=null===this.focusedOptionIndex?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length;for(;(null===(e=this.parsedOptions[t])||void 0===e?void 0:e.disabled)&&t!==this.focusedOptionIndex;)t=(t-1+this.parsedOptions.length)%this.parsedOptions.length;this.focusedOptionIndex=t}break;case"Enter":t.preventDefault(),this.isOpen&&null!==this.focusedOptionIndex&&this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);break;case"Escape":this.isOpen&&this.closeDropdown()}}renderErrorMessage(){if(this.error)return e("spw-field-message",{variant:"error",showIcon:this.showErrorIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.error,e("slot",{name:"details",slot:"details"}))}renderHintMessage(){if(this.hint)return e("spw-field-message",{variant:"hint",showIcon:this.showHintIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.hint,e("slot",{name:"details",slot:"details"}))}renderWarningMessage(){if(this.warning)return e("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.warning,e("slot",{name:"details",slot:"details"}))}renderSuccessMessage(){if(this.success)return e("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.success,e("slot",{name:"details",slot:"details"}))}get elementClass(){const t=this.showCreateButton();return{"spw-custom-select":!0,[`spw-custom-select--${this.size}`]:!0,[`spw-custom-select--${this.dropdownDirection}`]:!0,"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,"spw-custom-select--is-clear":this.isClear&&(this.hasSelectedValue||!!this.searchText),"spw-custom-select--show-create":t}}normalizeString(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple)return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((t=>{var s;return null===(s=this.parsedOptions.find((s=>String(s.value)===String(t))))||void 0===s?void 0:s.label})).filter(Boolean).join(", "):null;{const t=this.parsedOptions.find((t=>String(t.value)===String(this.internalValue)));return t?t.label:null}}getFilteredOptions(){const t=this.normalizeString(this.searchText);return this.parsedOptions.filter((s=>this.normalizeString(s.label).includes(t)))}handleSearchInput(t){this.searchText=t.target.value,this.focusedOptionIndex=0,this.isOpen||(this.isOpen=!0,this.ensureParentScrollListener(),this.notifyOtherSelects())}isSearchVisible(){return!!this.isSearch&&(!this.hasSelectedValue&&!this.isOpen||!(!this.isSearch||!this.isOpen)||this.isOpen)}showPlaceholder(){return!this.isSearch&&!this.hasSelectedValue}showCreateButton(){if(!this.allowCreate||!this.isSearch||!this.searchText.trim())return!1;const t=this.normalizeString(this.searchText.trim());return!this.parsedOptions.some((s=>this.normalizeString(s.label)===t))}render(){const t=this.getFilteredOptions(),s=this.showPlaceholder(),i=this.showCreateButton();return e("div",{key:"075816be82b83e4ff87e3b8acb699331e1b93873",class:this.elementClass,ref:t=>this.host=t},this.label&&e("spw-field-label",{key:"9243de1d006313839fd75cdfd960135608e19802",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&e("spw-field-message",{key:"b9187b59eae8c1cb618ef72fbf2057a80890717d",class:"spw-custom-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"eb3d52c7e08d22a6824b861a423e41473add308c",class:"spw-custom-select__wrapper"},e("div",{key:"3ea2df7f2171d795fc681e1e54f4a15abe5ce6a3",class:"spw-custom-select__container",id:this.name,ref:t=>this.selectContainer=t,onClick:t=>this.toggleDropdown(t),onKeyDown:t=>this.handleKeyDown(t),tabindex:this.disabled?-1:0},e("div",{key:"02a97e4e274bdfb8edc3018efc3f69277e16e6a2",class:"spw-custom-select__selected"},this.isSearchVisible()&&e("div",{key:"93275dd4f05996654df1a4cdce1aa0b0c35ede52",class:"spw-custom-select__search"},e("input",{key:"495ebc87298b60ce23adafa5970dd7068d1ba51a",class:"spw-custom-select__search-input",placeholder:this.searchPlaceholder,onInput:t=>this.handleSearchInput(t),value:this.searchText}),i&&this.isOpen&&this.hasSelectedValue&&e("button",{key:"19e031a37c9416f08dc8f86d82e5126b678e4915",class:"spw-custom-select__create-btn spw-custom-select__create-btn--big",type:"button",onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),this.addCreatedOption(this.searchText)}},e("spw-icon",{key:"23bb75e44c6a1f74274c87be82ca5ef55ce1272c",icon:"fa-plus"}))),s&&e("span",{key:"a80921899ec9687857323eee0296ad44b6c775e0"},this.placeholder),this.multiple&&this.internalValue.length>0&&e("div",{key:"1bfa5decab9a3051d6c3641b0cc01e5d93c863a9",class:"spw-custom-select__selected-items"},this.internalValue.map((t=>{var s;return e("span",{class:"spw-custom-select__selected-item"},null===(s=this.parsedOptions.find((s=>String(s.value)===String(t))))||void 0===s?void 0:s.label,e("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:s=>this.selectOption(t,s)}))}))),!this.multiple&&e("span",{key:"0a386c27e0eba81c3580d49618d61f218b27133a"},this.getSelectedLabels()))),e("div",{key:"deb6c2cd37ce5db9586c7f3d0b5a51f7871d1b15",class:"spw-custom-select__icons"},i&&!(this.isOpen&&this.hasSelectedValue)&&e("button",{key:"eb087835e04d9010419c7bade6655ebb54fdd166",class:"spw-custom-select__create-btn",type:"button",onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),this.addCreatedOption(this.searchText)}},e("spw-icon",{key:"51245fd24e580561380ad325f7d712e5c2e4c6c5",icon:"fa-plus"})),this.isClear&&(this.hasSelectedValue||!!this.searchText)&&e("span",{key:"b3c328e3303be083386a573e2f0531bcf3b3fd8c",class:"spw-custom-select__clear",onClick:t=>this.handleClear(t)},e("spw-icon",{key:"901f42f0b454d290e3e5083de84f930493795dce",icon:"fa-xmark"})),e("div",{key:"ae1a3dc6f013d68f359a5030e2515e6e82130d92",class:"spw-custom-select__arrow"},e("spw-icon",{key:"cf6e35d678d4e89d5d4c41f3729a440e257d1bde",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"}))),this.isOpen&&e("div",{key:"2756a3d722f0ea5b999a982e2dca80bfb5a31f0f",class:{"spw-custom-select__options":!0,[`spw-custom-select__options--${this.dropdownDirection}`]:!0,"spw-custom-select__options--fixed":this.fixedDropdown},style:this.fixedDropdown?{position:"fixed",top:`${this.dropdownPosition.top}px`,left:`${this.dropdownPosition.left}px`,width:`${this.dropdownPosition.width}px`}:{}},e("div",{key:"068f62410b9cd62d382e3158eec764a046b57a72",class:"spw-custom-select__options-list"},!!t.length&&e("ul",{key:"f6cf9b974716fa92042ab6b07c5e5d4337d8b1e1"},t.map(((t,s)=>e("li",{class:{"spw-custom-select__option":!0,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((s=>String(s)===String(t.value))):t.value===this.internalValue,"spw-custom-select__option--focused":s===this.focusedOptionIndex,"spw-custom-select__option--disabled":t.disabled,"spw-custom-select__option--created":!!t.created},onClick:()=>this.selectOption(t.value)},this.multiple&&e("spw-checkbox",{onKeyDown:s=>this.handleOptionKeyDown(s,t.value),class:"spw-custom-select__checkbox",checked:this.internalValue.some((s=>String(s)===String(t.value))),disabled:t.disabled}),t.label,t.created&&e("spw-icon",{class:"spw-custom-select__option-remove",icon:"fa-trash",onClick:s=>this.removeCreatedOption(t,s)}))))),!t.length&&e("p",{key:"f20a6196114b89a9e69cdce4f50e7107078c5ee1",class:"spw-custom-select__no-results"},this.noResultsText)),this.hasSlottedFooter&&e("div",{key:"fd36a7e651b572c32aa0340d3edff0e1d5b0e31b",class:"spw-custom-select__options-footer"},e("slot",{key:"6601ff4fcfb2c51fa1b8fddcd9ff6f9f5fdcebec",name:"footer"})))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get hostElement(){return i(this)}static get watchers(){return{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged:0}]}}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{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;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.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:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.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__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}";export{o as spw_custom_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,F as i,H as s,a as n}from"./p-DkNryMko.js";const o=class{constructor(e){t(this,e),this.variant="light",this.height="landscape",this.target="_self",this.imageAlt="",this.revealDescription=!0}componentDidLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){const t=`--${this.variant}`,e=this.el.querySelector("spw-tile-title"),i=this.el.querySelector("spw-tile-description");e&&e.classList.add(t),i&&(i.classList.add(t),i.classList.toggle("--reveal-on-hover",this.revealDescription&&("light"===this.variant||"big"===this.variant)))}get elementClass(){return{"spw-tile":!0,"spw-tile--hoverable":!!this.href,[`spw-tile--${this.variant}`]:!0,[`spw-tile--height-${this.height}`]:!0,"spw-tile--reveal-description":this.revealDescription&&("light"===this.variant||"big"===this.variant)}}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1)}setHovered(t){const e=this.el.querySelector("spw-tile-title");e&&this.href&&e.classList.toggle("--hovered",t);const i=this.el.querySelector("spw-tile-description");i&&this.revealDescription&&("light"===this.variant||"big"===this.variant)&&i.classList.toggle("--revealed",t)}render(){const{href:t,target:n}=this,o=void 0===this.href?"div":"a";return e(s,{key:"cf901f3325453adb4fe130b1d0d3bc9dfa78a323"},e(o,Object.assign({key:"f37a6ad65125bb464e3a366760c1bd7850fa3023"},"div"===o?{}:{href:t,target:n},{class:this.elementClass}),this.imageSrc&&("big"===this.variant||"light"===this.variant)&&e(i,{key:"3bbb2140643181cf6d98ae87583572994b38463b"},e("img",{key:"8fd96171e647c8ec905955755175d135406f0b50",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),e("div",{key:"4749a5833581683cb77c175cbec538293b789dd7",class:"spw-tile__content"},("big"===this.variant||"light"===this.variant)&&e("div",{key:"c84b7a75688366c2e61e9aeb67194c64bd447705",class:"spw-tile__overlay"}),e("div",{key:"445985aa0760b2fbc60081c788005b0abfe9bf23",class:"spw-tile__content-inner"},e("slot",{key:"3f5241b7be0673970e1a044d23817141a6091c73"})),this.href&&"big"===this.variant&&e("span",{key:"3f0a6cd4f1bdea9bbec8708ac86f5d4e895eac59",class:"spw-tile__button"},e("spw-icon",{key:"1555a4b7c7087b1a177a07d265facfb9fcf37f6d",icon:"fa-chevron-right"})))))}get el(){return n(this)}};o.style='html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-tile{display:block;text-decoration:none;position:relative;transition:all 0.3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{position:relative;padding-top:calc(70% - 12px);border-radius:6px;overflow:hidden}@media (min-width: 1024px){.spw-tile--big,.spw-tile--light{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-landscape,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile--big:before,.spw-tile--light:before{content:"";background:black;opacity:0;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spw-tile__overlay,.spw-tile__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-tile__overlay{z-index:2;height:calc(100% + 48px);bottom:0;top:auto;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--shades-alpha-dark-alpha-dark-alpha-900, rgba(0, 0, 0, 0.87)) 100%)}.spw-tile__image{z-index:1;object-fit:cover}.spw-tile__button{position:absolute;bottom:24px;right:24px;background:transparent;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:white;border-radius:50%;transition:all 0.2s ease-in;border:3px solid white;font-size:20px;margin-top:12px;z-index:2}.spw-tile:hover .spw-tile__button{background:rgba(0, 0, 0, 0.5)}.spw-tile--light .spw-tile__content,.spw-tile--big .spw-tile__content{position:absolute;z-index:3;display:flex;flex-direction:column;gap:0;padding:24px;bottom:0;left:0;width:100%}.spw-tile--big.spw-tile--hoverable .spw-tile__content{padding-right:84px}.spw-tile--light .spw-tile__content{text-align:center;padding-bottom:24px}.spw-tile__content-inner{position:relative;z-index:3;flex:1}.spw-tile--icon .spw-tile__content-inner{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content-inner ::slotted(spw-icon){font-size:32px;color:var(--spw-ds-primary)}';export{o as spw_tile}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,a as i}from"./p-DkNryMko.js";const o=class{constructor(s){e(this,s),this.valueChanged=t(this,"valueChanged",7),this.optionSelected=t(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=String(e.detail);this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>String(t.value)===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=String(null!==(t=e.value)&&void 0!==t?t:e.label),this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),i=this.normalizeString(e).indexOf(t);if(-1===i||!this.searchText)return e;const o=i+t.length;return s("span",null,e.slice(0,i),s("strong",null,e.slice(i,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,[`spw-search-field--${this.size}`]:!0}}render(){return s("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&s("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onClick:()=>{var e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),s("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},s("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&s("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&s("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`},!!this.filteredItems.length&&s("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>s("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&s("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&s("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},s("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&s("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&s("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},s("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",s("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return i(this)}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems:0}]}}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}";export{o as spw_search_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as s,a}from"./p-DkNryMko.js";const i=class{constructor(t){e(this,t),this.hasImage=!1,this.childHoveredCount=0,this.variant="news",this.elementType="a",this.target="_self",this.monthLabels=["jan","fév","mar","avr","mai","jun","jul","aoû","sep","oct","nov","déc"],this.fromLabel="du",this.toLabel="au",this.fullHeight=!1,this.disabled=!1,this.onNestedCardEnter=()=>{this.childHoveredCount++,this.setImageHovered(!1)},this.onNestedCardLeave=()=>{this.childHoveredCount=Math.max(0,this.childHoveredCount-1),0===this.childHoveredCount&&this.isPointerInside(this.el)&&this.setImageHovered(!0)}}componentWillLoad(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}slotChanged(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}onMouseEnter(){0===this.childHoveredCount&&this.setImageHovered(!0)}onMouseLeave(){this.setImageHovered(!1)}attachNestedCardListeners(){requestAnimationFrame((()=>{this.el.querySelectorAll("spw-card").forEach((e=>{e.addEventListener("mouseenter",this.onNestedCardEnter.bind(this),!0),e.addEventListener("mouseleave",this.onNestedCardLeave.bind(this),!0)}))}))}isPointerInside(e){const t=e.getBoundingClientRect(),{left:s,top:a,right:i,bottom:n}=t,{clientX:r,clientY:o}=window;return r>=s&&r<=i&&o>=a&&o<=n}checkForImage(){requestAnimationFrame((()=>{const e=this.el.querySelector("spw-card-image"),t=this.el.querySelector("spw-card-content");this.hasImage=!!e,this.hasImage||null==t||t.classList.add("--no-image")}))}formatDate(e){var s;if(!e)return[];const[a,i]=e.split("/"),n=parseInt(i,10)-1,r=null!==(s=this.monthLabels[n])&&void 0!==s?s:i;return[t("span",{class:"spw-card__date-day"},a),t("span",{class:"spw-card__date-month"},r)]}applyVariantToChildren(){requestAnimationFrame((()=>{const e=`--${this.variant}`,t=this.el.querySelector("spw-card-content"),s=this.el.querySelector("spw-card-image"),a=this.el.querySelector("spw-card-title"),i=this.el.querySelector("spw-card-excerpt"),n=this.el.querySelector("spw-card-subtags");null==t||t.classList.add(e),null==s||s.classList.add(e),null==a||a.classList.add(e),null==i||i.classList.add(e),null==n||n.classList.add(e)}))}setImageHovered(e){const t=this.el.querySelector("spw-card-image"),s=this.el.querySelector("spw-card-title");t&&this.href&&t.classList.toggle("--hovered",e),s&&this.href&&s.classList.toggle("--hovered",e)}get elementClass(){return{"spw-card":!0,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,[`spw-card--${this.variant}`]:!0,"spw-card--has-2-dates":"event"===this.variant&&!(!this.dateStart||!this.dateEnd)}}render(){const{href:e,rel:a,target:i,dateStart:n,dateEnd:r,variant:o}=this,d=void 0===this.href?"div":"a",c="div"===d?{}:{href:e,rel:a,target:i},p={"aria-label":null==this?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return t(s,{key:"f95a6ae6c3605ceedbd161b4d7fd6ccb32b5c9a5",class:{"--is-full-height":this.fullHeight}},t("article",{key:"c0f5558843980898fc024c6a58ad4c5fc0874dae",class:this.elementClass},"event"===o&&t(d,Object.assign({key:"b6f5ff06ba07a44d192ccc1280f4b1ec91aec7ae"},c,{class:{"spw-card__dates":!0,"spw-card__dates--range":!(!n||!r),"spw-card__dates--single":!(!n||r)}}),n&&t("div",{key:"38739600168e556e1825a952d59d6b56dddfbd38",class:"spw-card__date-item"},t("div",{key:"e2d976245e9149f19289ed6760f9616d252bc0df",class:"spw-card__date-content"},r&&t("span",{key:"cad7e3030d55c6784fbf8482b26d02c1090a2494",class:"spw-card__date-label"},this.fromLabel),this.formatDate(n))),r&&t("div",{key:"5cd8ac811280cf3eb15a088f4d50d1c39d07b065",class:"spw-card__date-item"},t("div",{key:"d650d7ab355881400f9f3e2b2ab1e80dc5cd8e19",class:"spw-card__date-content"},t("span",{key:"b8c923502709ed1b6be4f548076128e8559d6c34",class:"spw-card__date-label"},this.toLabel),this.formatDate(r)))),t(d,Object.assign({key:"38734f2432f59b83af58ad7b7600e529fe8263b0"},c,p,{class:"spw-card__link"}),t("slot",{key:"70cc28a5bf5206cc6a9c17297dd2dcaca895d8b0"}))))}get el(){return a(this)}};i.style='@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;width:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{display:block;border-radius:5px;background:var(--spw-card-background);box-shadow:var(--spw-card-box-shadow);border:var(--spw-card-border);transition:all 0.3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{cursor:pointer;position:absolute;top:50%;left:25px;transform:translate(0, -50%);flex-direction:column;line-height:1.1;width:50px;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;z-index:6}.spw-card__dates--single{top:auto;transform:none;bottom:24px}.spw-card--no-image.spw-card--event .spw-card__dates{left:15px}.spw-card__date-item{text-align:center;margin:4px 0}.spw-card__date-label{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-bottom:4px}.spw-card__date-day{font-size:18px;font-weight:bold;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-month{font-size:12px;display:block;color:var(--spw-color-themes-grey-grey-900)}.spw-card__date-content{padding:8px 12px;background:white;border-radius:6px}.spw-card__link{display:block;height:100%;width:100%;color:inherit;text-decoration:none}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card--no-image.spw-card--event .spw-card__link{padding-top:0}.spw-card__link:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--has-2-dates .spw-card__link{min-height:180px}.spw-card--event{position:relative}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar{box-shadow:none}.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--rounded-picture{box-shadow:none;background:transparent}.spw-card--rounded-picture:hover{box-shadow:none}.spw-card--rounded-picture .spw-card__link{display:flex;flex-direction:column}';export{i as spw_card}
|