@spw-ds/spw-stencil-library 1.3.0 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-accordion_4.cjs.entry.js +28 -5
- package/dist/cjs/spw-accordion_4.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +5 -2
- package/dist/cjs/spw-breadcrumb-item.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-breadcrumb-item.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/spw-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-breadcrumb.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-button_2.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-image.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-subtag-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-subtags.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-card.cjs.entry.js +1 -1
- package/dist/cjs/spw-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/spw-custom-select.cjs.entry.js +3 -3
- package/dist/cjs/spw-date-picker.cjs.entry.js +5 -3
- package/dist/cjs/spw-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-date-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-dropdown-container.cjs.entry.js +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_6.cjs.entry.js +6 -6
- package/dist/cjs/spw-field-message.cjs.entry.js +1 -1
- 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-item.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/spw-hero.cjs.entry.js +10 -3
- package/dist/cjs/spw-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-hero.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-illustration.cjs.entry.js +488 -1
- package/dist/cjs/spw-illustration.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-illustration.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-iodda.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-description.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-list.cjs.entry.js +1 -1
- package/dist/cjs/spw-modal.cjs.entry.js +1 -1
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-mosaic.cjs.entry.js +1 -1
- package/dist/cjs/spw-pagination.cjs.entry.js +10 -10
- package/dist/cjs/spw-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-pagination.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-radio.cjs.entry.js +1 -1
- package/dist/cjs/spw-search-field.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/spw-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/spw-slider-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-slider.cjs.entry.js +11 -4
- package/dist/cjs/spw-slider.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-slider.entry.cjs.js.map +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 +20 -0
- package/dist/cjs/spw-table-container.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-table-container.entry.cjs.js.map +1 -0
- package/dist/cjs/spw-table-footer.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table-footer.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-table-head.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-header.cjs.entry.js +3 -3
- package/dist/cjs/spw-table-header.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table-header.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-table-row.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-sidebar.cjs.entry.js +142 -0
- package/dist/cjs/spw-table-sidebar.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-table-sidebar.entry.cjs.js.map +1 -0
- package/dist/cjs/spw-table.cjs.entry.js +34 -17
- package/dist/cjs/spw-table.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-tabs-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 +1 -1
- package/dist/cjs/spw-textarea.cjs.entry.js +2 -2
- package/dist/cjs/spw-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-tile-description.cjs.entry.js +1 -1
- package/dist/cjs/spw-tile-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-tile.cjs.entry.js +1 -1
- package/dist/cjs/spw-toc-container.cjs.entry.js +73 -0
- package/dist/cjs/spw-toc-container.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-toc-container.entry.cjs.js.map +1 -0
- package/dist/cjs/spw-toc-navigation.cjs.entry.js +283 -0
- package/dist/cjs/spw-toc-navigation.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-toc-navigation.entry.cjs.js.map +1 -0
- package/dist/cjs/spw-toc.cjs.entry.js +20 -0
- package/dist/cjs/spw-toc.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-toc.entry.cjs.js.map +1 -0
- package/dist/cjs/spw-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/spw-topbar.cjs.entry.js +1 -1
- package/dist/cjs/spw-wizard-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-wizard.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +5 -0
- package/dist/collection/components/spw-accordion/spw-accordion-content/spw-accordion-content.js +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion-item/spw-accordion-item.css +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion-item/spw-accordion-item.js +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion-title/spw-accordion-title.js +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion.js +53 -1
- package/dist/collection/components/spw-accordion/spw-accordion.js.map +1 -1
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.css +1 -1
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.js +4 -1
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.js.map +1 -1
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.css +1 -1
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.js +1 -1
- package/dist/collection/components/spw-button/spw-button.js +1 -1
- package/dist/collection/components/spw-card/spw-card-content/spw-card-content.js +1 -1
- package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.js +1 -1
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +1 -1
- package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.js +1 -1
- package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.js +1 -1
- package/dist/collection/components/spw-card/spw-card-title/spw-card-title.js +1 -1
- package/dist/collection/components/spw-card/spw-card.js +1 -1
- package/dist/collection/components/spw-checkbox/spw-checkbox.js +1 -1
- package/dist/collection/components/spw-custom-select/spw-custom-select.js +3 -3
- package/dist/collection/components/spw-date-picker/spw-date-picker.js +5 -3
- package/dist/collection/components/spw-date-picker/spw-date-picker.js.map +1 -1
- package/dist/collection/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.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.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 +1 -1
- package/dist/collection/components/spw-header/spw-header-lang/spw-header-lang.js +1 -1
- package/dist/collection/components/spw-header/spw-header-lang-item/spw-header-lang-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-dropdown/spw-header-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona-item/spw-header-persona-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header.js +1 -1
- package/dist/collection/components/spw-hero/spw-hero.css +1 -1
- package/dist/collection/components/spw-hero/spw-hero.js +51 -4
- package/dist/collection/components/spw-hero/spw-hero.js.map +1 -1
- package/dist/collection/components/spw-icon/spw-icon.js +1 -1
- package/dist/collection/components/spw-illustration/spw-illustration.css +1 -1
- package/dist/collection/components/spw-illustration/spw-illustration.js +488 -1
- package/dist/collection/components/spw-illustration/spw-illustration.js.map +1 -1
- package/dist/collection/components/spw-iodda/spw-iodda.js +1 -1
- package/dist/collection/components/spw-link/spw-link.js +1 -1
- package/dist/collection/components/spw-list/spw-list-description/spw-list-description.js +1 -1
- package/dist/collection/components/spw-list/spw-list-item/spw-list-item.js +1 -1
- package/dist/collection/components/spw-list/spw-list-title/spw-list-title.js +1 -1
- package/dist/collection/components/spw-list/spw-list.js +1 -1
- package/dist/collection/components/spw-loading/spw-loading.js +1 -1
- package/dist/collection/components/spw-modal/spw-modal.js +1 -1
- package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +1 -1
- package/dist/collection/components/spw-mosaic/spw-mosaic.js +1 -1
- package/dist/collection/components/spw-pagination/spw-pagination.js +12 -9
- package/dist/collection/components/spw-pagination/spw-pagination.js.map +1 -1
- package/dist/collection/components/spw-radio/spw-radio.js +1 -1
- package/dist/collection/components/spw-search-field/spw-search-field.js +2 -2
- package/dist/collection/components/spw-separator/spw-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js +3 -3
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar.js +1 -1
- package/dist/collection/components/spw-skeleton/spw-skeleton.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider.css +1 -1
- package/dist/collection/components/spw-slider/spw-slider.js +30 -3
- package/dist/collection/components/spw-slider/spw-slider.js.map +1 -1
- package/dist/collection/components/spw-socials/spw-socials.js +1 -1
- package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js +1 -1
- package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js +1 -1
- package/dist/collection/components/spw-table/spw-table-container/spw-table-container.css +2 -0
- package/dist/collection/components/spw-table/spw-table-container/spw-table-container.js +19 -0
- package/dist/collection/components/spw-table/spw-table-container/spw-table-container.js.map +1 -0
- package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.css +1 -1
- package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js +1 -1
- package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js.map +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.css +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-header/spw-table-header.js.map +1 -1
- 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.css +2 -0
- package/dist/collection/components/spw-table/spw-table-sidebar/spw-table-sidebar.js +290 -0
- package/dist/collection/components/spw-table/spw-table-sidebar/spw-table-sidebar.js.map +1 -0
- package/dist/collection/components/spw-table/spw-table.css +1 -1
- package/dist/collection/components/spw-table/spw-table.js +33 -16
- package/dist/collection/components/spw-table/spw-table.js.map +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs.js +1 -1
- package/dist/collection/components/spw-tag/spw-tag.js +1 -1
- package/dist/collection/components/spw-text-field/spw-text-field.js +1 -1
- package/dist/collection/components/spw-textarea/spw-textarea.js +3 -3
- package/dist/collection/components/spw-textarea/spw-textarea.js.map +1 -1
- package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile.js +1 -1
- package/dist/collection/components/spw-toc/spw-toc-container/spw-toc-container.css +2 -0
- package/dist/collection/components/spw-toc/spw-toc-container/spw-toc-container.js +120 -0
- package/dist/collection/components/spw-toc/spw-toc-container/spw-toc-container.js.map +1 -0
- package/dist/collection/components/spw-toc/spw-toc-navigation/spw-toc-navigation.css +2 -0
- package/dist/collection/components/spw-toc/spw-toc-navigation/spw-toc-navigation.js +301 -0
- package/dist/collection/components/spw-toc/spw-toc-navigation/spw-toc-navigation.js.map +1 -0
- package/dist/collection/components/spw-toc/spw-toc.css +2 -0
- package/dist/collection/components/spw-toc/spw-toc.js +18 -0
- package/dist/collection/components/spw-toc/spw-toc.js.map +1 -0
- package/dist/collection/components/spw-tooltip/spw-tooltip.js +1 -1
- package/dist/collection/components/spw-topbar/spw-topbar.js +1 -1
- package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js +1 -1
- package/dist/collection/components/spw-wizard/spw-wizard.js +1 -1
- package/dist/collection/stories/components/spw-breadcrumb/spw-breadcrumb.stories.js +32 -1
- package/dist/collection/stories/components/spw-breadcrumb/spw-breadcrumb.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-button/spw-button.stories.js +59 -1
- package/dist/collection/stories/components/spw-button/spw-button.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-checkbox/spw-checkbox.stories.js +37 -1
- package/dist/collection/stories/components/spw-checkbox/spw-checkbox.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-custom-select/spw-custom-select.stories.js +60 -1
- package/dist/collection/stories/components/spw-custom-select/spw-custom-select.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-date-picker/spw-date-picker.stories.js +60 -1
- package/dist/collection/stories/components/spw-date-picker/spw-date-picker.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-dropdown/spw-dropdown.stories.js +19 -1
- package/dist/collection/stories/components/spw-dropdown/spw-dropdown.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-field-message/spw-field-message.stories.js +52 -1
- package/dist/collection/stories/components/spw-field-message/spw-field-message.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-file-upload/spw-file-upload.stories.js +20 -1
- package/dist/collection/stories/components/spw-file-upload/spw-file-upload.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-icon/spw-icon.stories.js +21 -1
- package/dist/collection/stories/components/spw-icon/spw-icon.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-link/spw-link.stories.js +31 -1
- package/dist/collection/stories/components/spw-link/spw-link.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-loading/spw-loading.stories.js +29 -1
- package/dist/collection/stories/components/spw-loading/spw-loading.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-pagination/spw-pagination.stories.js +37 -1
- package/dist/collection/stories/components/spw-pagination/spw-pagination.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-radio/spw-radio.stories.js +17 -1
- package/dist/collection/stories/components/spw-radio/spw-radio.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-search-field/spw-search-field.stories.js +33 -1
- package/dist/collection/stories/components/spw-search-field/spw-search-field.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-select/spw-select.stories.js +19 -1
- package/dist/collection/stories/components/spw-select/spw-select.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-separator/spw-separator.stories.js +33 -1
- package/dist/collection/stories/components/spw-separator/spw-separator.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-skeleton/spw-skeleton.stories.js +51 -2
- package/dist/collection/stories/components/spw-skeleton/spw-skeleton.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-tag/spw-tag.stories.js +72 -1
- package/dist/collection/stories/components/spw-tag/spw-tag.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-text-field/spw-text-field.stories.js +34 -1
- package/dist/collection/stories/components/spw-text-field/spw-text-field.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-textarea/spw-textarea.stories.js +16 -1
- package/dist/collection/stories/components/spw-textarea/spw-textarea.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-tooltip/spw-tooltip.stories.js +17 -1
- package/dist/collection/stories/components/spw-tooltip/spw-tooltip.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-accordion/spw-accordion.stories.js +17 -4
- package/dist/collection/stories/organisms/spw-accordion/spw-accordion.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +96 -1
- package/dist/collection/stories/organisms/spw-card/spw-card.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-footer/spw-footer.stories.js +38 -1
- package/dist/collection/stories/organisms/spw-footer/spw-footer.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-grid/spw-grid.stories.js +25 -1
- package/dist/collection/stories/organisms/spw-grid/spw-grid.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-group/spw-group.stories.js +46 -7
- package/dist/collection/stories/organisms/spw-group/spw-group.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-header/spw-header.stories.js +58 -7
- package/dist/collection/stories/organisms/spw-header/spw-header.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-hero/spw-hero.stories.js +87 -1
- package/dist/collection/stories/organisms/spw-hero/spw-hero.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-list/spw-list.stories.js +57 -1
- package/dist/collection/stories/organisms/spw-list/spw-list.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-message/spw-message.stories.js +71 -1
- package/dist/collection/stories/organisms/spw-message/spw-message.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-modal/spw-modal.stories.js +62 -1
- package/dist/collection/stories/organisms/spw-modal/spw-modal.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-mosaic/spw-mosaic.stories.js +74 -1
- package/dist/collection/stories/organisms/spw-mosaic/spw-mosaic.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-sidebar/spw-sidebar.stories.js +31 -1
- package/dist/collection/stories/organisms/spw-sidebar/spw-sidebar.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-slider/spw-slider.stories.js +21 -1
- package/dist/collection/stories/organisms/spw-slider/spw-slider.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-socials/spw-socials.stories.js +25 -1
- package/dist/collection/stories/organisms/spw-socials/spw-socials.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-table/spw-table.stories.js +69 -1
- package/dist/collection/stories/organisms/spw-table/spw-table.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-tabs/spw-tabs.stories.js +57 -1
- package/dist/collection/stories/organisms/spw-tabs/spw-tabs.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-tile/spw-tile.stories.js +83 -1
- package/dist/collection/stories/organisms/spw-tile/spw-tile.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-toc/spw-toc.stories.js +256 -0
- package/dist/collection/stories/organisms/spw-toc/spw-toc.stories.js.map +1 -0
- package/dist/collection/stories/organisms/spw-topbar/spw-topbar.stories.js +52 -1
- package/dist/collection/stories/organisms/spw-topbar/spw-topbar.stories.js.map +1 -1
- package/dist/components/{p-QqgPCBuq.js → p-BCWtq89_.js} +3 -3
- package/dist/components/{p-QqgPCBuq.js.map → p-BCWtq89_.js.map} +1 -1
- package/dist/components/{p-DzdAUdJU.js → p-BTvGjWzW.js} +3 -3
- package/dist/components/{p-DzdAUdJU.js.map → p-BTvGjWzW.js.map} +1 -1
- package/dist/components/{p-DtyDCGAt.js → p-BZeR2u__.js} +3 -3
- package/dist/components/{p-DtyDCGAt.js.map → p-BZeR2u__.js.map} +1 -1
- package/dist/components/{p-BJuYSBNu.js → p-Bu2NP1Hz.js} +4 -4
- package/dist/components/{p-BJuYSBNu.js.map → p-Bu2NP1Hz.js.map} +1 -1
- package/dist/components/{p-CFQbmE2_.js → p-C0RRW46w.js} +4 -4
- package/dist/components/p-C0RRW46w.js.map +1 -0
- package/dist/components/{p-BYWyi-Sg.js → p-Cwnv6xZs.js} +4 -4
- package/dist/components/{p-BYWyi-Sg.js.map → p-Cwnv6xZs.js.map} +1 -1
- package/dist/components/{p-YZZxQbyU.js → p-CyyuvuPG.js} +5 -5
- package/dist/components/{p-YZZxQbyU.js.map → p-CyyuvuPG.js.map} +1 -1
- package/dist/components/{p-CQpGzRKu.js → p-D4uTODSD.js} +31 -4
- package/dist/components/p-D4uTODSD.js.map +1 -0
- package/dist/components/{p-CN-VU2O8.js → p-DPJAZYpY.js} +3 -3
- package/dist/components/{p-CN-VU2O8.js.map → p-DPJAZYpY.js.map} +1 -1
- package/dist/components/{p-Otqq8W18.js → p-DYC6u5kd.js} +3 -3
- package/dist/components/{p-Otqq8W18.js.map → p-DYC6u5kd.js.map} +1 -1
- package/dist/components/{p-CIwDs15y.js → p-DrAfEAz-.js} +3 -3
- package/dist/components/{p-CIwDs15y.js.map → p-DrAfEAz-.js.map} +1 -1
- package/dist/components/{p-BPeRFxsF.js → p-DvSE7JLV.js} +4 -4
- package/dist/components/{p-BPeRFxsF.js.map → p-DvSE7JLV.js.map} +1 -1
- package/dist/components/{p-C47wKUeG.js → p-L8eHcqaq.js} +17 -17
- package/dist/components/p-L8eHcqaq.js.map +1 -0
- package/dist/components/{p-DTm94uQW.js → p-d3hqDeA0.js} +4 -4
- package/dist/components/{p-DTm94uQW.js.map → p-d3hqDeA0.js.map} +1 -1
- package/dist/components/{p-Cdk2nQ84.js → p-kJsRMeYL.js} +6 -6
- package/dist/components/{p-Cdk2nQ84.js.map → p-kJsRMeYL.js.map} +1 -1
- package/dist/components/spw-accordion-content.js +1 -1
- package/dist/components/spw-accordion-item.js +1 -1
- package/dist/components/spw-accordion-title.js +1 -1
- package/dist/components/spw-accordion.js +1 -1
- package/dist/components/spw-breadcrumb-item.js +7 -4
- package/dist/components/spw-breadcrumb-item.js.map +1 -1
- package/dist/components/spw-breadcrumb.js +2 -2
- package/dist/components/spw-breadcrumb.js.map +1 -1
- package/dist/components/spw-button.js +1 -1
- package/dist/components/spw-card-content.js +1 -1
- package/dist/components/spw-card-excerpt.js +1 -1
- package/dist/components/spw-card-image.js +2 -2
- package/dist/components/spw-card-subtag-item.js +1 -1
- package/dist/components/spw-card-subtags.js +1 -1
- package/dist/components/spw-card-title.js +1 -1
- package/dist/components/spw-card.js +1 -1
- package/dist/components/spw-checkbox.js +1 -1
- package/dist/components/spw-cookies.js +8 -8
- package/dist/components/spw-custom-select.js +7 -7
- package/dist/components/spw-date-picker.js +8 -6
- package/dist/components/spw-date-picker.js.map +1 -1
- package/dist/components/spw-dropdown-container.js +1 -1
- package/dist/components/spw-dropdown-item.js +2 -2
- 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 +5 -5
- 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 +2 -2
- package/dist/components/spw-grid.js +2 -2
- package/dist/components/spw-group.js +2 -2
- package/dist/components/spw-header-lang-item.js +1 -1
- package/dist/components/spw-header-lang.js +4 -4
- package/dist/components/spw-header-navigation-dropdown.js +1 -1
- package/dist/components/spw-header-navigation-item.js +2 -2
- package/dist/components/spw-header-navigation.js +4 -4
- package/dist/components/spw-header-persona-item.js +1 -1
- package/dist/components/spw-header-persona.js +2 -2
- package/dist/components/spw-header.js +4 -4
- package/dist/components/spw-hero.js +14 -5
- package/dist/components/spw-hero.js.map +1 -1
- package/dist/components/spw-icon.js +1 -1
- package/dist/components/spw-illustration.js +488 -1
- package/dist/components/spw-illustration.js.map +1 -1
- package/dist/components/spw-iodda.js +7 -7
- package/dist/components/spw-link.js +1 -1
- package/dist/components/spw-list-description.js +1 -1
- package/dist/components/spw-list-item.js +2 -2
- package/dist/components/spw-list-title.js +2 -2
- package/dist/components/spw-list.js +1 -1
- package/dist/components/spw-loading.js +1 -1
- package/dist/components/spw-message.js +2 -2
- package/dist/components/spw-modal.js +2 -2
- package/dist/components/spw-mosaic-item.js +1 -1
- package/dist/components/spw-mosaic.js +1 -1
- package/dist/components/spw-pagination.js +1 -1
- package/dist/components/spw-radio.js +1 -1
- package/dist/components/spw-search-field.js +6 -6
- package/dist/components/spw-select.js +3 -3
- 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 +5 -5
- package/dist/components/spw-sidebar-navigation-separator.js +2 -2
- package/dist/components/spw-sidebar.js +2 -2
- package/dist/components/spw-skeleton.js +1 -1
- package/dist/components/spw-slider-item.js +1 -1
- package/dist/components/spw-slider.js +14 -6
- package/dist/components/spw-slider.js.map +1 -1
- package/dist/components/spw-socials.js +1 -1
- package/dist/components/spw-table-body.js +1 -1
- package/dist/components/spw-table-cell.js +1 -1
- package/dist/components/spw-table-container.d.ts +11 -0
- package/dist/components/spw-table-container.js +36 -0
- package/dist/components/spw-table-container.js.map +1 -0
- package/dist/components/spw-table-footer.js +2 -2
- package/dist/components/spw-table-footer.js.map +1 -1
- package/dist/components/spw-table-head.js +1 -1
- package/dist/components/spw-table-header.js +5 -5
- package/dist/components/spw-table-header.js.map +1 -1
- package/dist/components/spw-table-row.js +1 -1
- package/dist/components/spw-table-sidebar.d.ts +11 -0
- package/dist/components/spw-table-sidebar.js +185 -0
- package/dist/components/spw-table-sidebar.js.map +1 -0
- package/dist/components/spw-table.js +34 -17
- package/dist/components/spw-table.js.map +1 -1
- package/dist/components/spw-tabs-navigation-item.js +3 -3
- package/dist/components/spw-tabs-navigation.js +2 -2
- package/dist/components/spw-tabs.js +1 -1
- package/dist/components/spw-tag.js +2 -2
- package/dist/components/spw-text-field.js +1 -1
- package/dist/components/spw-textarea.js +5 -5
- package/dist/components/spw-textarea.js.map +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 +2 -2
- package/dist/components/spw-toc-container.d.ts +11 -0
- package/dist/components/spw-toc-container.js +90 -0
- package/dist/components/spw-toc-container.js.map +1 -0
- package/dist/components/spw-toc-navigation.d.ts +11 -0
- package/dist/components/spw-toc-navigation.js +304 -0
- package/dist/components/spw-toc-navigation.js.map +1 -0
- package/dist/components/spw-toc.d.ts +11 -0
- package/dist/components/spw-toc.js +35 -0
- package/dist/components/spw-toc.js.map +1 -0
- package/dist/components/spw-tooltip.js +1 -1
- package/dist/components/spw-topbar.js +1 -1
- package/dist/components/spw-wizard-item.js +2 -2
- package/dist/components/spw-wizard.js +1 -1
- package/dist/components_json.json +461 -16
- package/dist/components_vscode.json +3409 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.js.map +1 -1
- package/dist/esm/spw-accordion_4.entry.js +28 -5
- package/dist/esm/spw-accordion_4.entry.js.map +1 -1
- package/dist/esm/spw-breadcrumb-item.entry.js +5 -2
- package/dist/esm/spw-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/spw-breadcrumb.entry.js +2 -2
- package/dist/esm/spw-breadcrumb.entry.js.map +1 -1
- package/dist/esm/spw-button_2.entry.js +2 -2
- package/dist/esm/spw-card-content.entry.js +1 -1
- package/dist/esm/spw-card-excerpt.entry.js +1 -1
- package/dist/esm/spw-card-image.entry.js +1 -1
- package/dist/esm/spw-card-subtag-item.entry.js +1 -1
- package/dist/esm/spw-card-subtags.entry.js +1 -1
- package/dist/esm/spw-card-title.entry.js +1 -1
- package/dist/esm/spw-card.entry.js +1 -1
- package/dist/esm/spw-checkbox.entry.js +1 -1
- package/dist/esm/spw-custom-select.entry.js +3 -3
- package/dist/esm/spw-date-picker.entry.js +5 -3
- package/dist/esm/spw-date-picker.entry.js.map +1 -1
- 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_6.entry.js +6 -6
- package/dist/esm/spw-field-message.entry.js +1 -1
- 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-item.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/spw-hero.entry.js +10 -3
- package/dist/esm/spw-hero.entry.js.map +1 -1
- package/dist/esm/spw-illustration.entry.js +488 -1
- package/dist/esm/spw-illustration.entry.js.map +1 -1
- package/dist/esm/spw-iodda.entry.js +1 -1
- package/dist/esm/spw-list-description.entry.js +1 -1
- package/dist/esm/spw-list-item.entry.js +1 -1
- package/dist/esm/spw-list-title.entry.js +1 -1
- package/dist/esm/spw-list.entry.js +1 -1
- package/dist/esm/spw-modal.entry.js +1 -1
- package/dist/esm/spw-mosaic-item.entry.js +1 -1
- package/dist/esm/spw-mosaic.entry.js +1 -1
- package/dist/esm/spw-pagination.entry.js +10 -10
- package/dist/esm/spw-pagination.entry.js.map +1 -1
- package/dist/esm/spw-radio.entry.js +1 -1
- package/dist/esm/spw-search-field.entry.js +2 -2
- package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +1 -1
- package/dist/esm/spw-sidebar-navigation-item.entry.js +3 -3
- package/dist/esm/spw-sidebar-navigation-separator.entry.js +1 -1
- package/dist/esm/spw-sidebar.entry.js +1 -1
- package/dist/esm/spw-skeleton.entry.js +1 -1
- package/dist/esm/spw-slider-item.entry.js +1 -1
- package/dist/esm/spw-slider.entry.js +11 -4
- package/dist/esm/spw-slider.entry.js.map +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 +18 -0
- package/dist/esm/spw-table-container.entry.js.map +1 -0
- package/dist/esm/spw-table-footer.entry.js +2 -2
- package/dist/esm/spw-table-footer.entry.js.map +1 -1
- package/dist/esm/spw-table-head.entry.js +1 -1
- package/dist/esm/spw-table-header.entry.js +3 -3
- package/dist/esm/spw-table-header.entry.js.map +1 -1
- package/dist/esm/spw-table-row.entry.js +1 -1
- package/dist/esm/spw-table-sidebar.entry.js +140 -0
- package/dist/esm/spw-table-sidebar.entry.js.map +1 -0
- package/dist/esm/spw-table.entry.js +34 -17
- package/dist/esm/spw-table.entry.js.map +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 +1 -1
- package/dist/esm/spw-textarea.entry.js +2 -2
- package/dist/esm/spw-textarea.entry.js.map +1 -1
- package/dist/esm/spw-tile-description.entry.js +1 -1
- package/dist/esm/spw-tile-title.entry.js +1 -1
- package/dist/esm/spw-tile.entry.js +1 -1
- package/dist/esm/spw-toc-container.entry.js +71 -0
- package/dist/esm/spw-toc-container.entry.js.map +1 -0
- package/dist/esm/spw-toc-navigation.entry.js +281 -0
- package/dist/esm/spw-toc-navigation.entry.js.map +1 -0
- package/dist/esm/spw-toc.entry.js +18 -0
- package/dist/esm/spw-toc.entry.js.map +1 -0
- package/dist/esm/spw-tooltip.entry.js +1 -1
- package/dist/esm/spw-topbar.entry.js +1 -1
- package/dist/esm/spw-wizard-item.entry.js +1 -1
- package/dist/esm/spw-wizard.entry.js +1 -1
- package/dist/spw-stencil-library/{p-4bc3d2ef.entry.js → p-04aa5d86.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-a2fd09f8.entry.js → p-0839efb1.entry.js} +2 -2
- package/dist/spw-stencil-library/p-0a69cead.entry.js +2 -0
- package/dist/spw-stencil-library/p-0a69cead.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-84645c94.entry.js → p-0bc1209e.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-1644bf7d.entry.js → p-0e7f2c1a.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-6e37db2d.entry.js → p-0f728bbd.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-6e37db2d.entry.js.map → p-0f728bbd.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-670f0edc.entry.js → p-1306c0ff.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-ed61e2a8.entry.js → p-137f2856.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-d02b077c.entry.js → p-1416942e.entry.js} +2 -2
- package/dist/spw-stencil-library/p-1416942e.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-5e0b04c0.entry.js → p-1bb4a071.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-eb26b450.entry.js → p-1c728c37.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-44bb3ec0.entry.js → p-20fa2637.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-2b70c24a.entry.js → p-2965d7ca.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-82ed2f9b.entry.js → p-29fb06a6.entry.js} +2 -2
- package/dist/spw-stencil-library/p-2d6f393e.entry.js +2 -0
- package/dist/spw-stencil-library/p-2d6f393e.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-2760ef2b.entry.js → p-2d7492af.entry.js} +2 -2
- package/dist/spw-stencil-library/p-2dea4478.entry.js +2 -0
- package/dist/spw-stencil-library/p-2dea4478.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-6c88a82d.entry.js → p-3067d3dd.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-e5f141b6.entry.js → p-31980405.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-9d0e8d02.entry.js → p-3553e1f1.entry.js} +2 -2
- package/dist/spw-stencil-library/p-3753277e.entry.js +2 -0
- package/dist/spw-stencil-library/p-3753277e.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-cbf4ef91.entry.js → p-3c524edb.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-93dc746d.entry.js → p-40b238cb.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-93dc746d.entry.js.map → p-40b238cb.entry.js.map} +1 -1
- package/dist/spw-stencil-library/{p-d37963e0.entry.js → p-420fd27d.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-87249c32.entry.js → p-460b4ede.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-c3f21e33.entry.js → p-47f6b942.entry.js} +2 -2
- package/dist/spw-stencil-library/p-48f1e67a.entry.js +2 -0
- package/dist/spw-stencil-library/p-48f1e67a.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-f26fd3b1.entry.js → p-49227f48.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-a065a834.entry.js → p-4ab97219.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-3545f888.entry.js → p-5ba3deea.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-5e1aae61.entry.js → p-6c0993d6.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-95749696.entry.js → p-70ccb73f.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-6f084e62.entry.js → p-70f46bf2.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-b3e76f4c.entry.js → p-7214cc7b.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-0c3e8d91.entry.js → p-798bac47.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-a4111a43.entry.js → p-8483cd8b.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-931bea3a.entry.js → p-8c2f0377.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-e4e2cb61.entry.js → p-93bd4d23.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-25204236.entry.js → p-95ec862e.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-5adfcd7e.entry.js → p-9a3dcf80.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-6cdf16ac.entry.js → p-9d5deba6.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-d28a7068.entry.js → p-a264b181.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-95fa97a9.entry.js → p-aa4ddfa1.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-9dea2f39.entry.js → p-ad964a8e.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-08000970.entry.js → p-ada217d5.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-197a694e.entry.js → p-aed34c29.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-94069aff.entry.js → p-b4805c08.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-277bb102.entry.js → p-bb4c4e16.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-a5004a01.entry.js → p-bb7f1387.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-b4c2fdf2.entry.js → p-bcceb61b.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-68f93962.entry.js → p-bf070798.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-110ca863.entry.js → p-c02b7133.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-ca98ee5d.entry.js → p-c278daa3.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-428aa721.entry.js → p-c398550f.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-803b2bb5.entry.js → p-c77adac8.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-aeec7eeb.entry.js → p-c7b2c5d7.entry.js} +2 -2
- package/dist/spw-stencil-library/p-c7b2c5d7.entry.js.map +1 -0
- package/dist/spw-stencil-library/p-c85f2f9a.entry.js +2 -0
- package/dist/spw-stencil-library/p-c85f2f9a.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-ea0cfe62.entry.js → p-cc3a84a1.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-91b264d1.entry.js → p-cc869e6f.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-a1d06611.entry.js → p-ccbc7c44.entry.js} +2 -2
- package/dist/spw-stencil-library/p-d0cb71d3.entry.js +2 -0
- package/dist/spw-stencil-library/p-d0cb71d3.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-3ac699ae.entry.js → p-d18146ca.entry.js} +2 -2
- package/dist/spw-stencil-library/p-d2b6aae7.entry.js +2 -0
- package/dist/spw-stencil-library/p-d2b6aae7.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-65aec904.entry.js → p-d2f5d210.entry.js} +2 -2
- package/dist/spw-stencil-library/p-d672e985.entry.js +2 -0
- package/dist/spw-stencil-library/p-d672e985.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-bb2421dc.entry.js → p-d8cae37d.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-e2bac6be.entry.js → p-db817793.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-c3246505.entry.js → p-dbb7e719.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-df4d1f42.entry.js → p-de771d14.entry.js} +2 -2
- package/dist/spw-stencil-library/p-dedeaccc.entry.js +2 -0
- package/dist/spw-stencil-library/p-dedeaccc.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-187d02cb.entry.js → p-e369abbb.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-67b7b947.entry.js → p-e44b8ebb.entry.js} +2 -2
- package/dist/spw-stencil-library/p-e55b0c4b.entry.js +2 -0
- package/dist/spw-stencil-library/p-e55b0c4b.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-1271e178.entry.js → p-e6b25971.entry.js} +2 -2
- package/dist/spw-stencil-library/p-e6b25971.entry.js.map +1 -0
- package/dist/spw-stencil-library/p-e6c8a3e4.entry.js +2 -0
- package/dist/spw-stencil-library/p-e6c8a3e4.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-6461fb4b.entry.js → p-e78304f0.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-25aaf6a6.entry.js → p-ea5f2427.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-95891f3a.entry.js → p-ea952c66.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-22f022ca.entry.js → p-eaa1025a.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-ef8f15e9.entry.js → p-f05cd056.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-2ef45489.entry.js → p-fad06d00.entry.js} +2 -2
- package/dist/spw-stencil-library/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-breadcrumb-item.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-breadcrumb.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-date-picker.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-hero.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-illustration.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-pagination.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-slider.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.css +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/spw-stencil-library/spw-table-container.entry.esm.js.map +1 -0
- package/dist/spw-stencil-library/spw-table-footer.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-table-header.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-table-sidebar.entry.esm.js.map +1 -0
- package/dist/spw-stencil-library/spw-table.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-textarea.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-toc-container.entry.esm.js.map +1 -0
- package/dist/spw-stencil-library/spw-toc-navigation.entry.esm.js.map +1 -0
- package/dist/spw-stencil-library/spw-toc.entry.esm.js.map +1 -0
- package/dist/stats.json +2225 -592
- package/dist/types/components/spw-accordion/spw-accordion.d.ts +6 -0
- package/dist/types/components/spw-hero/spw-hero.d.ts +5 -1
- package/dist/types/components/spw-illustration/spw-illustration.d.ts +2 -0
- package/dist/types/components/spw-pagination/spw-pagination.d.ts +1 -0
- package/dist/types/components/spw-slider/spw-slider.d.ts +3 -0
- package/dist/types/components/spw-table/spw-table-container/spw-table-container.d.ts +3 -0
- package/dist/types/components/spw-table/spw-table-sidebar/spw-table-sidebar.d.ts +34 -0
- package/dist/types/components/spw-table/spw-table.d.ts +2 -0
- package/dist/types/components/spw-toc/spw-toc-container/spw-toc-container.d.ts +18 -0
- package/dist/types/components/spw-toc/spw-toc-navigation/spw-toc-navigation.d.ts +24 -0
- package/dist/types/components/spw-toc/spw-toc.d.ts +3 -0
- package/dist/types/components.d.ts +185 -2
- package/dist/types/stories/organisms/spw-toc/spw-toc.stories.d.ts +5 -0
- package/hydrate/index.js +1245 -134
- package/hydrate/index.mjs +1245 -134
- package/package.json +4 -4
- package/dist/components/p-C47wKUeG.js.map +0 -1
- package/dist/components/p-CFQbmE2_.js.map +0 -1
- package/dist/components/p-CQpGzRKu.js.map +0 -1
- package/dist/spw-stencil-library/p-1271e178.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-33f33d6d.entry.js +0 -2
- package/dist/spw-stencil-library/p-33f33d6d.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-5c745e85.entry.js +0 -2
- package/dist/spw-stencil-library/p-5c745e85.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-71519d62.entry.js +0 -2
- package/dist/spw-stencil-library/p-71519d62.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-98bddf34.entry.js +0 -2
- package/dist/spw-stencil-library/p-98bddf34.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-aeec7eeb.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-b8645217.entry.js +0 -2
- package/dist/spw-stencil-library/p-b8645217.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-bf7cd8c9.entry.js +0 -2
- package/dist/spw-stencil-library/p-bf7cd8c9.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-c43d3406.entry.js +0 -2
- package/dist/spw-stencil-library/p-c43d3406.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-d02b077c.entry.js.map +0 -1
- /package/dist/spw-stencil-library/{p-4bc3d2ef.entry.js.map → p-04aa5d86.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-a2fd09f8.entry.js.map → p-0839efb1.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-84645c94.entry.js.map → p-0bc1209e.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-1644bf7d.entry.js.map → p-0e7f2c1a.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-670f0edc.entry.js.map → p-1306c0ff.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-ed61e2a8.entry.js.map → p-137f2856.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-5e0b04c0.entry.js.map → p-1bb4a071.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-eb26b450.entry.js.map → p-1c728c37.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-44bb3ec0.entry.js.map → p-20fa2637.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-2b70c24a.entry.js.map → p-2965d7ca.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-82ed2f9b.entry.js.map → p-29fb06a6.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-2760ef2b.entry.js.map → p-2d7492af.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-6c88a82d.entry.js.map → p-3067d3dd.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-e5f141b6.entry.js.map → p-31980405.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-9d0e8d02.entry.js.map → p-3553e1f1.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-cbf4ef91.entry.js.map → p-3c524edb.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-d37963e0.entry.js.map → p-420fd27d.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-87249c32.entry.js.map → p-460b4ede.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-c3f21e33.entry.js.map → p-47f6b942.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-f26fd3b1.entry.js.map → p-49227f48.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-a065a834.entry.js.map → p-4ab97219.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-3545f888.entry.js.map → p-5ba3deea.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-5e1aae61.entry.js.map → p-6c0993d6.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-95749696.entry.js.map → p-70ccb73f.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-6f084e62.entry.js.map → p-70f46bf2.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-b3e76f4c.entry.js.map → p-7214cc7b.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-0c3e8d91.entry.js.map → p-798bac47.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-a4111a43.entry.js.map → p-8483cd8b.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-931bea3a.entry.js.map → p-8c2f0377.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-e4e2cb61.entry.js.map → p-93bd4d23.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-25204236.entry.js.map → p-95ec862e.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-5adfcd7e.entry.js.map → p-9a3dcf80.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-6cdf16ac.entry.js.map → p-9d5deba6.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-d28a7068.entry.js.map → p-a264b181.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-95fa97a9.entry.js.map → p-aa4ddfa1.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-9dea2f39.entry.js.map → p-ad964a8e.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-08000970.entry.js.map → p-ada217d5.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-197a694e.entry.js.map → p-aed34c29.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-94069aff.entry.js.map → p-b4805c08.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-277bb102.entry.js.map → p-bb4c4e16.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-a5004a01.entry.js.map → p-bb7f1387.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-b4c2fdf2.entry.js.map → p-bcceb61b.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-68f93962.entry.js.map → p-bf070798.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-110ca863.entry.js.map → p-c02b7133.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-ca98ee5d.entry.js.map → p-c278daa3.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-428aa721.entry.js.map → p-c398550f.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-803b2bb5.entry.js.map → p-c77adac8.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-ea0cfe62.entry.js.map → p-cc3a84a1.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-91b264d1.entry.js.map → p-cc869e6f.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-a1d06611.entry.js.map → p-ccbc7c44.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-3ac699ae.entry.js.map → p-d18146ca.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-65aec904.entry.js.map → p-d2f5d210.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-bb2421dc.entry.js.map → p-d8cae37d.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-e2bac6be.entry.js.map → p-db817793.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-c3246505.entry.js.map → p-dbb7e719.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-df4d1f42.entry.js.map → p-de771d14.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-187d02cb.entry.js.map → p-e369abbb.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-67b7b947.entry.js.map → p-e44b8ebb.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-6461fb4b.entry.js.map → p-e78304f0.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-25aaf6a6.entry.js.map → p-ea5f2427.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-95891f3a.entry.js.map → p-ea952c66.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-22f022ca.entry.js.map → p-eaa1025a.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-ef8f15e9.entry.js.map → p-f05cd056.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-2ef45489.entry.js.map → p-fad06d00.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as i,g as n}from"./p-CvfVJV8a.js";function s(t,e,o,i=20,n=0){const a=[];if(n>=i){return a}const d=t=>{const a=t.assignedNodes().filter((t=>t.nodeType===1));if(a.length>0){const t=a[0].parentElement;return s(t,e,o,i,n+1)}return[]};const r=Array.from(t.children||[]);for(const t of r){if(e(t)){continue}if(o(t)){a.push(t)}if(t.shadowRoot!=null){a.push(...s(t.shadowRoot,e,o,i,n+1))}else if(t.tagName==="SLOT"){a.push(...d(t))}else{a.push(...s(t,e,o,i,n+1))}}return a}function a(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display===`none`||t.style.opacity===`0`||t.style.visibility===`hidden`||t.style.visibility===`collapse`}function d(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function r(t){if(t.getAttribute("tabindex")==="-1"||a(t)||d(t)){return false}return t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}function c(t,e,o){const i=t.animate(e,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const l={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const p={fadeIn:[Object.assign(Object.assign({offset:0},l),{opacity:0}),Object.assign(Object.assign({offset:1},l),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},l),{opacity:1}),Object.assign(Object.assign({offset:1},l),{opacity:0})]};const f="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-modal{align-items:center;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1060}.spw-modal--opened{display:flex}.spw-modal__overlay{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:0}.spw-modal__content-container{align-items:stretch;background-color:#fff;border-radius:var(--spw-spacings-border-radius-lg);box-shadow:var(--spw-effect-elevation-6);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:absolute;width:90%}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{border:1px solid var(--spw-color-themes-grey-grey-300);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:100%}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{align-items:center;align-self:stretch;background-color:#fff;display:flex;justify-content:center;width:32px}.spw-modal__header{align-items:center;border-radius:1px 1px 0 0;box-sizing:border-box;color:var(--spw-colors-support-grey-grey-900);display:flex;justify-content:space-between;margin-bottom:12px;margin-top:6px;padding:24px 24px 0}.spw-modal__caption{word-wrap:break-word;overflow:hidden;white-space:pre-wrap}.spw-modal__header h2{color:var(--spw-colors-support-grey-grey-900);font-size:18px;margin:0}.spw-modal__header button{background:none;border:none;cursor:pointer;font-size:1.5em;padding:0}.spw-modal__close-button{cursor:pointer;font-size:21px;position:absolute;right:12px;top:12px}.spw-modal__close-button:hover{opacity:.7}.spw-modal__body{box-sizing:border-box;color:var(--spw-colors-support-grey-grey-700);flex:1;font-size:16px;margin-bottom:12px;padding:0 24px}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:0 24px 24px}.spw-modal__footer--buttons-present ::slotted(*){display:flex;gap:12px;justify-content:flex-end;padding:8px 24px 24px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spw-modal__border{align-items:center;display:flex;flex-grow:1;font-size:1.5em;justify-content:center;width:100%}";const h=class{constructor(o){t(this,o);this.spwModalOpen=e(this,"spwModalOpen",7);this.spwModalClose=e(this,"spwModalClose",7);this.opened=false;this.showModal=this.opened||false;this.caption="Titre de la modal";this.closeOnOverlayClick=true;this.stickyButtons=false;this.size="small";this.alertIcon="";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleClick=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-trigger"))}));if(o){const t=o.getAttribute("data-modal-trigger");if(t===this.hostElement.id){this.opened=true}}};this.handleClose=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-close"))}));if(o){const t=o.getAttribute("data-modal-close");if(t===this.hostElement.id){this.opened=false}}};this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=t=>{if(this.showModal&&t.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=true}componentDidLoad(){this.focusableElements=s(this.hostElement.shadowRoot,(t=>a(t)||t.matches("[data-focus-trap-edge]")),r);window.addEventListener("click",this.handleClick,{capture:true});window.addEventListener("click",this.handleClose,{capture:true});window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick);window.removeEventListener("click",this.handleClose);window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(t){if(t==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{t.focus()}),0)}open(){this.showModal=true;try{const t=c(this.modalContainer,p.fadeIn,{duration:200});t.addEventListener("finish",(()=>{setTimeout((()=>{var t,e;(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.focus();(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.blur()}),0);this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{const t=c(this.modalContainer,p.fadeOut,{duration:200});t.addEventListener("finish",(()=>{this.showModal=false;this.spwModalClose.emit()}))}catch(t){this.showModal=false;this.spwModalClose.emit()}}stopAllVideos(){const t=this.hostElement.querySelectorAll("iframe");t.forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t);const o=e.some((t=>t.defaultPrevented));if(!o){this.opened=false}}openedChanged(t){t===true?this.open():this.close()}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}get elementClass(){return{"spw-modal":true,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return o(i,{key:"8475a5b10fcaba172cdc2320f1f1b1ab4fc9043c"},o("div",{key:"4038061aa40ec5f44781bc365ecc2a6e16dc6016",ref:t=>this.modalContainer=t,class:this.elementClass},o("div",{key:"cbfd23753d4c83a84cb88864ced87389e31419e8",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"84fa6b5bd052e75a5691c5061643322015efcbc7","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"0bfe31637aa99deb9683d0c76e1ab3ad4949da87",class:`spw-modal__content-container spw-modal__content-container--${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},o("div",{key:"40f74c523af1a34058152948f13eac5b2180f761",class:"spw-modal__content"},o("div",{key:"e9280be033f81716b1c2bf84e43d737fdff7f1e3",class:"spw-modal__header"},o("h2",{key:"c562cd1b2c21d2bbdd22c7c0d2226480bd09f5ee",class:"spw-modal__caption"},this.caption),this.showCloseButton&&o("spw-icon",{key:"d935398c690fa6312f9db07ea3049ee2375ed9ff",class:"spw-modal__close-button",ref:t=>this.closeButton=t,icon:"fa-xmark",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"85ad8c242faa5732162d870cb2b8d5879185f436",class:"spw-modal__body"},o("slot",{key:"c1c7a95a433666df28ecd5a52a5602318e64e40e",name:"content"})),o("div",{key:"c132925690a0c19c01326ab9e54e5187f68bd762",class:"spw-modal__buttons"},o("slot",{key:"26f4e570a4da08abe4a0cd502bd52f61534680fd",name:"buttons"})))),o("div",{key:"7c19d6ed95c6eb2690f94dcabc29bb607348df18","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};h.style=f;export{h as spw_modal};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as o,H as i,g as n}from"./p-CvfVJV8a.js";function s(t,e,o,i=20,n=0){const a=[];if(n>=i){return a}const d=t=>{const a=t.assignedNodes().filter((t=>t.nodeType===1));if(a.length>0){const t=a[0].parentElement;return s(t,e,o,i,n+1)}return[]};const r=Array.from(t.children||[]);for(const t of r){if(e(t)){continue}if(o(t)){a.push(t)}if(t.shadowRoot!=null){a.push(...s(t.shadowRoot,e,o,i,n+1))}else if(t.tagName==="SLOT"){a.push(...d(t))}else{a.push(...s(t,e,o,i,n+1))}}return a}function a(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display===`none`||t.style.opacity===`0`||t.style.visibility===`hidden`||t.style.visibility===`collapse`}function d(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function r(t){if(t.getAttribute("tabindex")==="-1"||a(t)||d(t)){return false}return t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}function l(t,e,o){const i=t.animate(e,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const c={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const p={fadeIn:[Object.assign(Object.assign({offset:0},c),{opacity:0}),Object.assign(Object.assign({offset:1},c),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},c),{opacity:1}),Object.assign(Object.assign({offset:1},c),{opacity:0})]};const f="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-modal{align-items:center;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1060}.spw-modal--opened{display:flex}.spw-modal__overlay{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:0}.spw-modal__content-container{align-items:stretch;background-color:#fff;border-radius:var(--spw-spacings-border-radius-lg);box-shadow:var(--spw-effect-elevation-6);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:absolute;width:90%}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{border:1px solid var(--spw-color-themes-grey-grey-300);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:100%}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{align-items:center;align-self:stretch;background-color:#fff;display:flex;justify-content:center;width:32px}.spw-modal__header{align-items:center;border-radius:1px 1px 0 0;box-sizing:border-box;color:var(--spw-colors-support-grey-grey-900);display:flex;justify-content:space-between;margin-bottom:12px;margin-top:6px;padding:24px 24px 0}.spw-modal__caption{word-wrap:break-word;overflow:hidden;white-space:pre-wrap}.spw-modal__header h2{color:var(--spw-colors-support-grey-grey-900);font-size:18px;margin:0}.spw-modal__header button{background:none;border:none;cursor:pointer;font-size:1.5em;padding:0}.spw-modal__close-button{cursor:pointer;font-size:21px;position:absolute;right:12px;top:12px}.spw-modal__close-button:hover{opacity:.7}.spw-modal__body{box-sizing:border-box;color:var(--spw-colors-support-grey-grey-700);flex:1;font-size:16px;margin-bottom:12px;padding:0 24px}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:0 24px 24px}.spw-modal__footer--buttons-present ::slotted(*){display:flex;gap:12px;justify-content:flex-end;padding:8px 24px 24px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spw-modal__border{align-items:center;display:flex;flex-grow:1;font-size:1.5em;justify-content:center;width:100%}";const h=class{constructor(o){t(this,o);this.spwModalOpen=e(this,"spwModalOpen",7);this.spwModalClose=e(this,"spwModalClose",7);this.opened=false;this.showModal=this.opened||false;this.caption="Titre de la modal";this.closeOnOverlayClick=true;this.stickyButtons=false;this.size="small";this.alertIcon="";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleClick=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-trigger"))}));if(o){const t=o.getAttribute("data-modal-trigger");if(t===this.hostElement.id){this.opened=true}}};this.handleClose=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-close"))}));if(o){const t=o.getAttribute("data-modal-close");if(t===this.hostElement.id){this.opened=false}}};this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=t=>{if(this.showModal&&t.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=true}componentDidLoad(){this.focusableElements=s(this.hostElement.shadowRoot,(t=>a(t)||t.matches("[data-focus-trap-edge]")),r);window.addEventListener("click",this.handleClick,{capture:true});window.addEventListener("click",this.handleClose,{capture:true});window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick);window.removeEventListener("click",this.handleClose);window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(t){if(t==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{t.focus()}),0)}open(){this.showModal=true;try{const t=l(this.modalContainer,p.fadeIn,{duration:200});t.addEventListener("finish",(()=>{setTimeout((()=>{var t,e;(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.focus();(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.blur()}),0);this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{const t=l(this.modalContainer,p.fadeOut,{duration:200});t.addEventListener("finish",(()=>{this.showModal=false;this.spwModalClose.emit()}))}catch(t){this.showModal=false;this.spwModalClose.emit()}}stopAllVideos(){const t=this.hostElement.querySelectorAll("iframe");t.forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t);const o=e.some((t=>t.defaultPrevented));if(!o){this.opened=false}}openedChanged(t){t===true?this.open():this.close()}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}get elementClass(){return{"spw-modal":true,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return o(i,{key:"54b7a61c54b570864882680917bafd4d9a04a7af"},o("div",{key:"38e671b451c0fda1e51d9526c779f2b91c09171c",ref:t=>this.modalContainer=t,class:this.elementClass},o("div",{key:"1f11df2f3f9db023da29b126ded6b12b546bf4ec",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"bcdaf1fbea3bd80457b27379fe44d0e93d2714cc","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"e495299c94eb5fbb6ac393050fe7c1fe935a24e9",class:`spw-modal__content-container spw-modal__content-container--${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},o("div",{key:"05fa0d5e5493fbff9f3d21eeb2174b47e20a25bf",class:"spw-modal__content"},o("div",{key:"63945d15aaab55b63e78b81e51fefc40f4928f7c",class:"spw-modal__header"},o("h2",{key:"24083e7970943e01c7f6aa39293ae49d6768866c",class:"spw-modal__caption"},this.caption),this.showCloseButton&&o("spw-icon",{key:"32ba7d31aedad0f381123216ca56fd6ef608df49",class:"spw-modal__close-button",ref:t=>this.closeButton=t,icon:"fa-xmark",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"168a770e834f52f52b2c04adc99c01a2e13a1316",class:"spw-modal__body"},o("slot",{key:"27b4d1c6d8bb8e14da1cb2484168b0b9902cc871",name:"content"})),o("div",{key:"ae684ce801f853f4fddbf111c78e5e884662ceb1",class:"spw-modal__buttons"},o("slot",{key:"67d2fe0e6b820d948ea1b95b5449ea299f751465",name:"buttons"})))),o("div",{key:"694258344026e9ddef90c16cec819615048c9ba1","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};h.style=f;export{h as spw_modal};
|
|
2
|
+
//# sourceMappingURL=p-cc3a84a1.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,g as o}from"./p-CvfVJV8a.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-grid{display:grid;gap:24px;grid-template-columns:repeat(var(--spw-grid-cols-mobile,1),1fr)}@media (min-width:768px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-tablet,2),1fr)}}@media (min-width:1024px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-desktop,3),1fr)}}";const s=class{constructor(t){e(this,t);this.colsMobile=1;this.colsTablet=2;this.colsDesktop=3}emitConfigurationChanged(){const e=new CustomEvent("gridConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:true,composed:true});this.el.dispatchEvent(e)}configurationChanged(){this.emitConfigurationChanged()}componentDidLoad(){this.emitConfigurationChanged()}render(){return t(i,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t,H as i,g as o}from"./p-CvfVJV8a.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-grid{display:grid;gap:24px;grid-template-columns:repeat(var(--spw-grid-cols-mobile,1),1fr)}@media (min-width:768px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-tablet,2),1fr)}}@media (min-width:1024px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-desktop,3),1fr)}}";const s=class{constructor(t){e(this,t);this.colsMobile=1;this.colsTablet=2;this.colsDesktop=3}emitConfigurationChanged(){const e=new CustomEvent("gridConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:true,composed:true});this.el.dispatchEvent(e)}configurationChanged(){this.emitConfigurationChanged()}componentDidLoad(){this.emitConfigurationChanged()}render(){return t(i,{key:"8375096a6b1f1383fe6f9ecdb6bc392784f31962"},t("div",{key:"d921510c114eeff0da4e6a94fe575ee19a49694d",class:"spw-grid",style:{"--spw-grid-cols-mobile":this.colsMobile.toString(),"--spw-grid-cols-tablet":this.colsTablet.toString(),"--spw-grid-cols-desktop":this.colsDesktop.toString()}},t("slot",{key:"ba035a5c5955f81aa7b0877a12aa0329c1f60b3c"})))}get el(){return o(this)}static get watchers(){return{colsMobile:["configurationChanged"],colsTablet:["configurationChanged"],colsDesktop:["configurationChanged"]}}};s.style=n;export{s as spw_grid};
|
|
2
|
+
//# sourceMappingURL=p-cc869e6f.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t,g as i}from"./p-CvfVJV8a.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-card-image-display:block;box-sizing:border-box;font-size:100%;line-height:1;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--people){max-width:112px;width:112px}.spw-card-image{border-radius:5px 5px 0 0;display:var(--spw-card-image-display);overflow:hidden;position:relative}:host(.--event) .spw-card-image,:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--people) .spw-card-image{border-radius:5px}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio)}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:"";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--event),:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--event) .spw-card-image ::slotted(img),:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}';const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t,g as i}from"./p-CvfVJV8a.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-card-image-display:block;box-sizing:border-box;font-size:100%;line-height:1;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--people){max-width:112px;width:112px}.spw-card-image{border-radius:5px 5px 0 0;display:var(--spw-card-image-display);overflow:hidden;position:relative}:host(.--event) .spw-card-image,:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--people) .spw-card-image{border-radius:5px}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio)}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:"";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--event),:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--event) .spw-card-image ::slotted(img),:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}';const s=class{constructor(t){e(this,t)}componentDidLoad(){const e=this.el.closest("spw-card");if(e){e.addEventListener("mouseenter",(()=>this.onCardHover(true)));e.addEventListener("mouseleave",(()=>this.onCardHover(false)))}}onCardHover(e){const t=this.el.shadowRoot.querySelector(".spw-card-image");if(t){if(e){t.classList.add("--is-hovered")}else{t.classList.remove("--is-hovered")}}}get elementClass(){return{"spw-card-image":true,"spw-card-image--ratio":!!this.ratio}}render(){const e=this.ratio?{"--spw-card-image-ratio":this.ratio}:{};return t("div",{key:"cb691336030eaee506f7f5461e4ad4227cf6ee20",class:this.elementClass,style:e},this.label&&t("span",{key:"237f198be8e6649b755069c9a7c028e24bc3d5dc",class:"spw-card-image__label"},this.label),t("slot",{key:"6e61440a051911ff77cd5101f3ddce679c390a50"}),t("div",{key:"6d3258be72cb36b06050b50b1e28f9e38f1dbfa7",class:"spw-card-image__icon"},t("spw-icon",{key:"3d595d489ce0d1e999bfa33f112da8c0197797b4",icon:"fa-plus"})))}get el(){return i(this)}};s.style=o;export{s as spw_card_image};
|
|
2
|
+
//# sourceMappingURL=p-ccbc7c44.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as n,g as o}from"./p-CvfVJV8a.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}";const a=class{constructor(i){t(this,i);this.tocItemsChanged=e(this,"tocItemsChanged",7)}componentDidLoad(){this.scanHeadings();this.setupMutationObserver()}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}async getItems(){return this.scanHeadings()}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.scanHeadings()}));this.observer.observe(this.el,{childList:true,subtree:true,characterData:true})}slugify(t){return t.toLowerCase().trim().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^\w\s-]/g,"").replace(/[\s_-]+/g,"-").replace(/^-+|-+$/g,"")}scanHeadings(){const t=[];const e=this.el.querySelectorAll("h2, h3, h4, h5, h6");e.forEach((e=>{var i;const n=((i=e.textContent)===null||i===void 0?void 0:i.trim())||"";let o=e.id;if(!o&&n){o=this.slugify(n);e.id=o}if(o&&n){const i=parseInt(e.tagName.substring(1));t.push({id:o,text:n,level:i})}}));this.tocItemsChanged.emit(t);return t}render(){return i(n,{key:"d9445a71d4596620020d40b89c66821f86278abb"},i("slot",{key:"c6ecd752fc4f9ce6be02784783ca62f78e74a470"}))}get el(){return o(this)}};a.style=s;export{a as spw_toc_container};
|
|
2
|
+
//# sourceMappingURL=p-d0cb71d3.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["spwTocContainerCss","SpwTocContainer","componentDidLoad","this","scanHeadings","setupMutationObserver","disconnectedCallback","observer","disconnect","getItems","MutationObserver","observe","el","childList","subtree","characterData","slugify","text","toLowerCase","trim","normalize","replace","tocItems","headings","querySelectorAll","forEach","heading","_a","textContent","id","level","parseInt","tagName","substring","push","tocItemsChanged","emit","render","h","Host","key"],"sources":["src/components/spw-toc/spw-toc-container/spw-toc-container.scss?tag=spw-toc-container","src/components/spw-toc/spw-toc-container/spw-toc-container.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h, Element, Event, EventEmitter, Method } from '@stencil/core';\n\nexport interface TocItem {\n id: string;\n text: string;\n level: number;\n}\n\n@Component({\n tag: 'spw-toc-container',\n styleUrl: 'spw-toc-container.scss',\n shadow: false,\n})\nexport class SpwTocContainer {\n @Element() el: HTMLElement;\n\n @Event() tocItemsChanged: EventEmitter<TocItem[]>;\n\n private observer: MutationObserver;\n\n componentDidLoad() {\n this.scanHeadings();\n this.setupMutationObserver();\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n @Method()\n async getItems(): Promise<TocItem[]> {\n return this.scanHeadings();\n }\n\n private setupMutationObserver() {\n this.observer = new MutationObserver(() => {\n this.scanHeadings();\n });\n\n this.observer.observe(this.el, {\n childList: true,\n subtree: true,\n characterData: true,\n });\n }\n\n private slugify(text: string): string {\n return text\n .toLowerCase()\n .trim()\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '')\n .replace(/[^\\w\\s-]/g, '')\n .replace(/[\\s_-]+/g, '-')\n .replace(/^-+|-+$/g, '');\n }\n\n private scanHeadings(): TocItem[] {\n const tocItems: TocItem[] = [];\n\n const headings = this.el.querySelectorAll('h2, h3, h4, h5, h6');\n\n headings.forEach((heading: HTMLHeadingElement) => {\n const text = heading.textContent?.trim() || '';\n let id = heading.id;\n\n if (!id && text) {\n id = this.slugify(text);\n heading.id = id;\n }\n\n if (id && text) {\n const level = parseInt(heading.tagName.substring(1));\n tocItems.push({ id, text, level });\n }\n });\n\n this.tocItemsChanged.emit(tocItems);\n return tocItems;\n }\n\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,6kF,MCadC,EAAe,M,0EAO1B,gBAAAC,GACEC,KAAKC,eACLD,KAAKE,uB,CAGP,oBAAAC,GACE,GAAIH,KAAKI,SAAU,CACjBJ,KAAKI,SAASC,Y,EAKlB,cAAMC,GACJ,OAAON,KAAKC,c,CAGN,qBAAAC,GACNF,KAAKI,SAAW,IAAIG,kBAAiB,KACnCP,KAAKC,cAAc,IAGrBD,KAAKI,SAASI,QAAQR,KAAKS,GAAI,CAC7BC,UAAW,KACXC,QAAS,KACTC,cAAe,M,CAIX,OAAAC,CAAQC,GACd,OAAOA,EACJC,cACAC,OACAC,UAAU,OACVC,QAAQ,mBAAoB,IAC5BA,QAAQ,YAAa,IACrBA,QAAQ,WAAY,KACpBA,QAAQ,WAAY,G,CAGjB,YAAAjB,GACN,MAAMkB,EAAsB,GAE5B,MAAMC,EAAWpB,KAAKS,GAAGY,iBAAiB,sBAE1CD,EAASE,SAASC,I,MAChB,MAAMT,IAAOU,EAAAD,EAAQE,eAAW,MAAAD,SAAA,SAAAA,EAAER,SAAU,GAC5C,IAAIU,EAAKH,EAAQG,GAEjB,IAAKA,GAAMZ,EAAM,CACfY,EAAK1B,KAAKa,QAAQC,GAClBS,EAAQG,GAAKA,C,CAGf,GAAIA,GAAMZ,EAAM,CACd,MAAMa,EAAQC,SAASL,EAAQM,QAAQC,UAAU,IACjDX,EAASY,KAAK,CAAEL,KAAIZ,OAAMa,S,KAI9B3B,KAAKgC,gBAAgBC,KAAKd,GAC1B,OAAOA,C,CAGT,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6C","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,F as s,H as o,g as a}from"./p-CvfVJV8a.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;--spw-tabs-width:auto;--spw-tabs-text-align:left;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tabs-navigation-item{color:var(--spw-colors-support-grey-grey-700);cursor:pointer;position:relative;text-align:var(--spw-tabs-text-align);transition:color .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--spw-tabs-width)}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid #000;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:var(--spw-tabs-border-radius);color:var(--spw-colors-support-grey-grey-600);margin-left:var(--spw-tabs-margin-left);margin-top:3px}.spw-tabs-navigation-item--disabled{cursor:not-allowed;opacity:.6}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{color:var(--spw-colors-support-grey-grey-400);opacity:1}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{background:var(--spw-ds-primary);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}:host(.--box) .spw-tabs-navigation-item--active{background:#fff;color:var(--spw-colors-support-grey-grey-900);margin-top:0;position:relative;top:1px}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{background:var(--spw-ds-primary);border-radius:50%;content:"";height:6px;position:absolute;right:-8px;top:2px;width:6px}:host(.--box) .spw-tabs-navigation-item--bubble:before{right:4px;top:4px}:host(.--ellipsis) .spw-tabs-navigation-item{flex-shrink:0;max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{font-size:14px;padding:8px 0 12px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{font-size:16px;padding:12px 0 16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{font-size:18px;padding:16px 0 20px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}';const r=class{constructor(e){t(this,e);this.tabSelected=i(this,"tabSelected",7);this.active=false;this.disabled=false;this.bubble=false;this.slotText="";this.handleClick=t=>{t.preventDefault();t.stopPropagation();if(!this.disabled){this.tabSelected.emit(this.tabId)}};this.handleKeyDown=t=>{if(this.disabled)return;const i=t.key;if(i==="Enter"||i===" "){t.preventDefault();t.stopPropagation();this.tabSelected.emit(this.tabId)}}}componentDidLoad(){this.updateSlotText()}handleSlotChange(){this.updateSlotText()}updateSlotText(){var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){const t=i.assignedNodes({flatten:true});const e=t.filter((t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE)).map((t=>{var i;return(i=t.textContent)===null||i===void 0?void 0:i.trim()})).join(" ").trim();this.slotText=e||""}}get elementClass(){return{"spw-tabs-navigation-item":true,"spw-tabs-navigation-item--active":this.active,"spw-tabs-navigation-item--disabled":this.disabled,"spw-tabs-navigation-item--bubble":this.bubble,"spw-tabs-navigation-item--ellipsis":this.hasEllipsis}}render(){const t=this.icon&&!this.iconPosition?"right":this.iconPosition;const i=`spw-icon--${t}`;const a=this.icon?e("spw-icon",{class:i,icon:this.icon}):null;return e(o,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,h as e,F as s,H as o,g as a}from"./p-CvfVJV8a.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;--spw-tabs-width:auto;--spw-tabs-text-align:left;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tabs-navigation-item{color:var(--spw-colors-support-grey-grey-700);cursor:pointer;position:relative;text-align:var(--spw-tabs-text-align);transition:color .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--spw-tabs-width)}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid #000;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:var(--spw-tabs-border-radius);color:var(--spw-colors-support-grey-grey-600);margin-left:var(--spw-tabs-margin-left);margin-top:3px}.spw-tabs-navigation-item--disabled{cursor:not-allowed;opacity:.6}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{color:var(--spw-colors-support-grey-grey-400);opacity:1}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{background:var(--spw-ds-primary);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}:host(.--box) .spw-tabs-navigation-item--active{background:#fff;color:var(--spw-colors-support-grey-grey-900);margin-top:0;position:relative;top:1px}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{background:var(--spw-ds-primary);border-radius:50%;content:"";height:6px;position:absolute;right:-8px;top:2px;width:6px}:host(.--box) .spw-tabs-navigation-item--bubble:before{right:4px;top:4px}:host(.--ellipsis) .spw-tabs-navigation-item{flex-shrink:0;max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{font-size:14px;padding:8px 0 12px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{font-size:16px;padding:12px 0 16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{font-size:18px;padding:16px 0 20px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}';const r=class{constructor(e){t(this,e);this.tabSelected=i(this,"tabSelected",7);this.active=false;this.disabled=false;this.bubble=false;this.slotText="";this.handleClick=t=>{t.preventDefault();t.stopPropagation();if(!this.disabled){this.tabSelected.emit(this.tabId)}};this.handleKeyDown=t=>{if(this.disabled)return;const i=t.key;if(i==="Enter"||i===" "){t.preventDefault();t.stopPropagation();this.tabSelected.emit(this.tabId)}}}componentDidLoad(){this.updateSlotText()}handleSlotChange(){this.updateSlotText()}updateSlotText(){var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){const t=i.assignedNodes({flatten:true});const e=t.filter((t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE)).map((t=>{var i;return(i=t.textContent)===null||i===void 0?void 0:i.trim()})).join(" ").trim();this.slotText=e||""}}get elementClass(){return{"spw-tabs-navigation-item":true,"spw-tabs-navigation-item--active":this.active,"spw-tabs-navigation-item--disabled":this.disabled,"spw-tabs-navigation-item--bubble":this.bubble,"spw-tabs-navigation-item--ellipsis":this.hasEllipsis}}render(){const t=this.icon&&!this.iconPosition?"right":this.iconPosition;const i=`spw-icon--${t}`;const a=this.icon?e("spw-icon",{class:i,icon:this.icon}):null;return e(o,{key:"aa39b384dbc7b65f4df5d5ae33958931d217beae",class:this.active?"--active":""},e("li",{key:"727a2efd5fa48e59fe518037d5baeff39f947ceb",id:`tab-${this.tabId}`,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-controls":`panel-${this.tabId}`,"aria-label":this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick},this.hasEllipsis&&e("spw-tooltip",{key:"ebd85d4357abf9acbb57dc76779de926652347d5",cursor:this.disabled?"disabled":"pointer",class:"spw-tooltip--has-ellipsis",tooltipText:this.slotText},t==="left"&&a,e("slot",{key:"73c27349d4b25e42dd675099abd5b5da8c3d67f7"}),t==="right"&&a),!this.hasEllipsis&&e(s,{key:"1ecb7290019f52519134fd76f78bad14569a4d3f"},t==="left"&&a,e("slot",{key:"f2e188f3de775390e14cc16ae15c28939f8eec3b"}),t==="right"&&a)," ",this.bubble&&e("span",{key:"027b4ae5b3c9333afe45f15e8ae33cb8cd93cbd1",class:"bubble"})))}get el(){return a(this)}};r.style=n;export{r as spw_tabs_navigation_item};
|
|
2
|
+
//# sourceMappingURL=p-d18146ca.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as e,H as o,g as i}from"./p-CvfVJV8a.js";const s='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-toc li,.spw-toc ul{list-style:none;margin:0;padding:0;position:relative}.spw-toc li a{color:var(--spw-color-themes-grey-grey-900);display:block;font-weight:400;padding:.25rem 0;text-decoration:none;transition:font-weight .2s ease}.spw-toc li a:hover{text-decoration:underline}.spw-toc li a:active{color:var(--spw-ds-active)}.spw-toc li.--toc-is-h2{--progress:0;--distance-to-next-h2:0px;position:relative}.spw-toc li.--toc-is-h2:before{background-color:#e0e0e0;content:"";height:var(--distance-to-next-h2);left:9px;position:absolute;top:50%;width:2px;z-index:0}.spw-toc li.--toc-is-h2:after{background-color:var(--spw-ds-primary);content:"";height:calc(var(--distance-to-next-h2)*var(--progress)/100);left:9px;position:absolute;top:50%;transform-origin:top;transition:height .1s linear;width:2px;z-index:1}.spw-toc li.--toc-is-h2:last-of-type:after,.spw-toc li.--toc-is-h2:last-of-type:before{display:none}.spw-toc li .spw-toc__progress-dot{background-color:#fff;border:4px solid #e0e0e0;border-radius:50%;height:13px;left:.25rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:13px;z-index:2}.spw-toc li.--toc-bar-completed .spw-toc__progress-dot{border-color:var(--spw-ds-primary)}.spw-toc li.--toc-bar-active .spw-toc__progress-dot{border-color:var(--spw-ds-primary);box-shadow:0 0 0 3px rgba(211,47,47,.2)}.spw-toc li.--toc-is-level-2 a{padding-left:2rem}.spw-toc li.--toc-bar-active.--toc-is-level-2 a,.spw-toc li.--toc-bar-completed.--toc-is-level-2 a{font-weight:700}.spw-toc li.--toc-is-level-3 a{padding-left:3rem}.spw-toc li.--toc-is-level-4 a{padding-left:4rem}.spw-toc li.--toc-is-level-5 a{padding-left:5rem}.spw-toc li.--toc-is-level-6 a{padding-left:6rem}';const n=class{constructor(e){t(this,e);this.items=[];this.currentItemIndex=-1;this.currentH2Index=-1;this.h2ProgressPercents=new Map;this.clickedH2Index=-1}async componentDidLoad(){await this.loadItems();this.setupIntersectionObserver();this.setupScrollHandler()}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.scrollHandler){window.removeEventListener("scroll",this.scrollHandler)}}async loadItems(){const t=this.el.closest("spw-toc");if(!t)return;const e=t.querySelector("spw-toc-container");if(!e)return;await new Promise((t=>setTimeout(t,100)));try{if(e.getItems){const t=await e.getItems();this.items=t}}catch(t){console.error("Error loading TOC items:",t)}}setupScrollHandler(){this.scrollHandler=()=>{this.calculateH2Progress();this.clickedH2Index=-1};window.addEventListener("scroll",this.scrollHandler,{passive:true})}calculateH2Progress(){const t=this.items.filter((t=>t.level===2));const e=new Map;const o=window.scrollY+32;t.forEach(((i,s)=>{const n=document.getElementById(i.id);if(!n){e.set(s,0);return}const r=t[s+1];const a=r?document.getElementById(r.id):null;const c=n.offsetTop;const l=a?a.offsetTop:document.body.scrollHeight;const p=l-c;if(o<c){e.set(s,0)}else if(o>=l){e.set(s,100)}else{const t=(o-c)/p*100;e.set(s,Math.min(Math.max(t,0),100))}}));this.h2ProgressPercents=e}handleTocItemsChanged(t){const e=this.el.closest("spw-toc");const o=t.target;const i=o.closest("spw-toc");if(e===i){this.items=t.detail;if(this.observer){this.observer.disconnect()}this.setupIntersectionObserver()}}setupIntersectionObserver(){const t={rootMargin:"-32px 0px -66%",threshold:0};this.observer=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target.id;const o=this.items.findIndex((t=>t.id===e));if(o!==-1){this.currentItemIndex=o;const t=this.items[o];if(t.level===2){const t=this.items.filter((t=>t.level===2));this.currentH2Index=t.findIndex((t=>t.id===e))}else{const t=this.items.filter((t=>t.level===2));for(let e=o;e>=0;e--){if(this.items[e].level===2){this.currentH2Index=t.findIndex((t=>t.id===this.items[e].id));break}}}}}}))}),t);this.items.forEach((t=>{const e=document.getElementById(t.id);if(e){this.observer.observe(e)}}))}handleItemClick(t,e,o){t.preventDefault();const i=document.getElementById(e);if(i){const t=i.getBoundingClientRect().top;const s=t+window.scrollY-32;window.scrollTo({top:s+1,behavior:"smooth"});this.currentItemIndex=o;const n=this.items[o];if(n.level===2){const t=this.items.filter((t=>t.level===2));const o=t.findIndex((t=>t.id===e));this.currentH2Index=o;this.clickedH2Index=o}else{const t=this.items.filter((t=>t.level===2));for(let e=o;e>=0;e--){if(this.items[e].level===2){const o=t.findIndex((t=>t.id===this.items[e].id));this.currentH2Index=o;this.clickedH2Index=o;break}}}this.calculateH2ProgressWithTargetScroll(s+1);const r=new URL(window.location.href);r.hash=e;window.history.pushState({},"",r)}}calculateH2ProgressWithTargetScroll(t){const e=this.items.filter((t=>t.level===2));const o=new Map;const i=t+32;e.forEach(((t,s)=>{const n=document.getElementById(t.id);if(!n){o.set(s,0);return}const r=e[s+1];const a=r?document.getElementById(r.id):null;const c=n.offsetTop;const l=a?a.offsetTop:document.body.scrollHeight;const p=l-c;if(i<c){o.set(s,0)}else if(i>=l){o.set(s,100)}else{const t=(i-c)/p*100;o.set(s,Math.min(Math.max(t,0),100))}}));this.h2ProgressPercents=new Map(o)}isItemActive(t,e){let o=-1;if(e.level===2){const t=this.items.filter((t=>t.level===2));o=t.findIndex((t=>t.id===e.id))}else{const e=this.items.filter((t=>t.level===2));for(let i=t;i>=0;i--){if(this.items[i].level===2){o=e.findIndex((t=>t.id===this.items[i].id));break}}}if(this.clickedH2Index>=0&&o===this.clickedH2Index){return true}const i=o>=0?this.getH2Progress(o):0;return i>0}getH2Progress(t){return this.h2ProgressPercents.get(t)||0}getH2BarStatus(t){if(t>=100){return"completed"}else if(t>0){return"active"}else{return"pending"}}render(){if(this.items.length===0){return null}const t=this.items.filter((t=>t.level===2));const i=this.items.map(((t,e)=>t.level===2?e:-1)).filter((t=>t!==-1));return e(o,null,e("nav",{class:"spw-toc"},e("ul",null,this.items.map(((o,s)=>{let n=-1;if(o.level===2){n=t.findIndex((t=>t.id===o.id))}else{for(let e=s;e>=0;e--){if(this.items[e].level===2){n=t.findIndex((t=>t.id===this.items[e].id));break}}}const r=n>=0?this.getH2Progress(n):0;const a=this.getH2BarStatus(r);let c=0;if(o.level===2){const t=i.indexOf(s);if(t!==-1&&t<i.length-1){const e=i[t+1];const o=e-s;c=o*32}}const l={};if(o.level===2){l["--progress"]=`${r}`;if(c>0){l["--distance-to-next-h2"]=`${c}px`}}return e("li",{key:o.id,class:{[`--toc-is-level-${o.level}`]:true,"--toc-active":this.isItemActive(s,o),"--toc-bar-completed":a==="completed","--toc-bar-active":a==="active","--toc-bar-pending":a==="pending","--toc-is-h2":o.level===2},style:l},o.level===2&&e("span",{class:"spw-toc__progress-dot"}),e("a",{href:`#${o.id}`,onClick:t=>this.handleItemClick(t,o.id,s)},o.text))})))))}get el(){return i(this)}};n.style=s;export{n as spw_toc_navigation};
|
|
2
|
+
//# sourceMappingURL=p-d2b6aae7.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["spwTocNavigationCss","SpwTocNavigation","constructor","hostRef","this","items","currentItemIndex","currentH2Index","h2ProgressPercents","Map","clickedH2Index","componentDidLoad","loadItems","setupIntersectionObserver","setupScrollHandler","disconnectedCallback","observer","disconnect","scrollHandler","window","removeEventListener","tocWrapper","el","closest","container","querySelector","Promise","resolve","setTimeout","getItems","e","console","error","calculateH2Progress","addEventListener","passive","h2Items","filter","item","level","newProgressMap","scrollPosition","scrollY","forEach","h2Item","h2Index","h2Element","document","getElementById","id","set","nextH2Item","nextH2Element","h2Top","offsetTop","nextH2Top","body","scrollHeight","sectionHeight","progress","Math","min","max","handleTocItemsChanged","event","target","containerWrapper","detail","options","rootMargin","threshold","IntersectionObserver","entries","entry","isIntersecting","index","findIndex","i","h2","element","observe","handleItemClick","preventDefault","targetElement","elementPosition","getBoundingClientRect","top","offsetPosition","scrollTo","behavior","calculateH2ProgressWithTargetScroll","url","URL","location","href","hash","history","pushState","targetScrollY","isItemActive","h2IndexForItem","getH2Progress","get","getH2BarStatus","render","length","h2Indices","map","idx","h","Host","class","barStatus","distanceToNextH2","currentH2ListIndex","indexOf","nextH2Index","itemsBetween","styleVars","key","style","onClick","text"],"sources":["src/components/spw-toc/spw-toc-navigation/spw-toc-navigation.scss?tag=spw-toc-navigation","src/components/spw-toc/spw-toc-navigation/spw-toc-navigation.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-toc {\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n }\n\n li {\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0;\n\n a {\n display: block;\n text-decoration: none;\n font-weight: normal;\n transition: font-weight 0.2s ease;\n padding: 0.25rem 0;\n color: var(--spw-color-themes-grey-grey-900);\n &:hover {\n text-decoration: underline;\n }\n &:active {\n color: var(--spw-ds-active);\n }\n }\n\n &.--toc-is-h2 {\n position: relative;\n --progress: 0;\n --distance-to-next-h2: 0px;\n\n &::before {\n content: '';\n position: absolute;\n left: 9px;\n top: 50%;\n width: 2px;\n background-color: #e0e0e0;\n z-index: 0;\n height: var(--distance-to-next-h2);\n }\n\n &::after {\n content: '';\n position: absolute;\n left: 9px;\n top: 50%;\n width: 2px;\n background-color: var(--spw-ds-primary);\n z-index: 1;\n transition: height 0.1s linear;\n transform-origin: top;\n height: calc(var(--distance-to-next-h2) * var(--progress) / 100);\n }\n\n &:last-of-type::before,\n &:last-of-type::after {\n display: none;\n }\n }\n\n .spw-toc__progress-dot {\n position: absolute;\n left: 0.25rem;\n top: 50%;\n transform: translateY(-50%);\n width: 13px;\n height: 13px;\n border-radius: 50%;\n border: 4px solid #e0e0e0;\n background-color: white;\n z-index: 2;\n transition: all 0.3s ease;\n }\n\n &.--toc-bar-completed .spw-toc__progress-dot {\n border-color: var(--spw-ds-primary);\n }\n\n &.--toc-bar-active .spw-toc__progress-dot {\n border-color: var(--spw-ds-primary);\n box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.2);\n }\n\n &.--toc-is-level-2 a {\n padding-left: 2rem;\n }\n\n &.--toc-bar-completed.--toc-is-level-2 a,\n &.--toc-bar-active.--toc-is-level-2 a {\n font-weight: bold;\n }\n\n &.--toc-is-level-3 a {\n padding-left: 3rem;\n }\n\n &.--toc-is-level-4 a {\n padding-left: 4rem;\n }\n\n &.--toc-is-level-5 a {\n padding-left: 5rem;\n }\n\n &.--toc-is-level-6 a {\n padding-left: 6rem;\n }\n }\n}\n","import { Component, Host, h, State, Listen, Element } from '@stencil/core';\nimport type { TocItem } from '../spw-toc-container/spw-toc-container';\n\n@Component({\n tag: 'spw-toc-navigation',\n styleUrl: 'spw-toc-navigation.scss',\n shadow: false,\n})\nexport class SpwTocNavigation {\n @Element() el: HTMLElement;\n\n @State() items: TocItem[] = [];\n @State() currentItemIndex: number = -1;\n @State() currentH2Index: number = -1;\n @State() h2ProgressPercents: Map<number, number> = new Map();\n @State() clickedH2Index: number = -1;\n\n private observer: IntersectionObserver;\n private scrollHandler: () => void;\n\n async componentDidLoad() {\n await this.loadItems();\n this.setupIntersectionObserver();\n this.setupScrollHandler();\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n if (this.scrollHandler) {\n window.removeEventListener('scroll', this.scrollHandler);\n }\n }\n\n private async loadItems() {\n const tocWrapper = this.el.closest('spw-toc');\n if (!tocWrapper) return;\n\n const container = tocWrapper.querySelector('spw-toc-container') as any;\n if (!container) return;\n\n await new Promise(resolve => setTimeout(resolve, 100));\n\n try {\n if (container.getItems) {\n const items = await container.getItems();\n this.items = items;\n }\n } catch (e) {\n console.error('Error loading TOC items:', e);\n }\n }\n\n private setupScrollHandler() {\n this.scrollHandler = () => {\n this.calculateH2Progress();\n this.clickedH2Index = -1;\n };\n window.addEventListener('scroll', this.scrollHandler, { passive: true });\n }\n\n private calculateH2Progress() {\n const h2Items = this.items.filter(item => item.level === 2);\n const newProgressMap = new Map<number, number>();\n\n const scrollPosition = window.scrollY + 32;\n\n h2Items.forEach((h2Item, h2Index) => {\n const h2Element = document.getElementById(h2Item.id);\n if (!h2Element) {\n newProgressMap.set(h2Index, 0);\n return;\n }\n\n const nextH2Item = h2Items[h2Index + 1];\n const nextH2Element = nextH2Item ? document.getElementById(nextH2Item.id) : null;\n\n const h2Top = h2Element.offsetTop;\n const nextH2Top = nextH2Element ? nextH2Element.offsetTop : document.body.scrollHeight;\n\n const sectionHeight = nextH2Top - h2Top;\n\n if (scrollPosition < h2Top) {\n newProgressMap.set(h2Index, 0);\n } else if (scrollPosition >= nextH2Top) {\n newProgressMap.set(h2Index, 100);\n } else {\n const progress = ((scrollPosition - h2Top) / sectionHeight) * 100;\n newProgressMap.set(h2Index, Math.min(Math.max(progress, 0), 100));\n }\n });\n\n this.h2ProgressPercents = newProgressMap;\n }\n\n @Listen('tocItemsChanged', { target: 'window' })\n handleTocItemsChanged(event: CustomEvent<TocItem[]>) {\n const tocWrapper = this.el.closest('spw-toc');\n const container = event.target as HTMLElement;\n const containerWrapper = container.closest('spw-toc');\n\n if (tocWrapper === containerWrapper) {\n this.items = event.detail;\n\n if (this.observer) {\n this.observer.disconnect();\n }\n this.setupIntersectionObserver();\n }\n }\n\n private setupIntersectionObserver() {\n const options = {\n rootMargin: '-32px 0px -66%',\n threshold: 0,\n };\n\n this.observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const id = entry.target.id;\n const index = this.items.findIndex(item => item.id === id);\n if (index !== -1) {\n this.currentItemIndex = index;\n\n const item = this.items[index];\n if (item.level === 2) {\n const h2Items = this.items.filter(i => i.level === 2);\n this.currentH2Index = h2Items.findIndex(i => i.id === id);\n } else {\n const h2Items = this.items.filter(i => i.level === 2);\n for (let i = index; i >= 0; i--) {\n if (this.items[i].level === 2) {\n this.currentH2Index = h2Items.findIndex(h2 => h2.id === this.items[i].id);\n break;\n }\n }\n }\n }\n }\n });\n }, options);\n\n this.items.forEach(item => {\n const element = document.getElementById(item.id);\n if (element) {\n this.observer.observe(element);\n }\n });\n }\n\n private handleItemClick(event: MouseEvent, id: string, index: number) {\n event.preventDefault();\n\n const targetElement = document.getElementById(id);\n if (targetElement) {\n const elementPosition = targetElement.getBoundingClientRect().top;\n const offsetPosition = elementPosition + window.scrollY - 32;\n\n window.scrollTo({\n top: offsetPosition + 1,\n behavior: 'smooth',\n });\n\n this.currentItemIndex = index;\n\n const item = this.items[index];\n if (item.level === 2) {\n const h2Items = this.items.filter(i => i.level === 2);\n const h2Index = h2Items.findIndex(i => i.id === id);\n this.currentH2Index = h2Index;\n this.clickedH2Index = h2Index;\n } else {\n const h2Items = this.items.filter(i => i.level === 2);\n for (let i = index; i >= 0; i--) {\n if (this.items[i].level === 2) {\n const h2Index = h2Items.findIndex(h2 => h2.id === this.items[i].id);\n this.currentH2Index = h2Index;\n this.clickedH2Index = h2Index;\n break;\n }\n }\n }\n\n this.calculateH2ProgressWithTargetScroll(offsetPosition + 1);\n\n const url = new URL(window.location.href);\n url.hash = id;\n window.history.pushState({}, '', url);\n }\n }\n\n private calculateH2ProgressWithTargetScroll(targetScrollY: number) {\n const h2Items = this.items.filter(item => item.level === 2);\n const newProgressMap = new Map<number, number>();\n\n const scrollPosition = targetScrollY + 32;\n\n h2Items.forEach((h2Item, h2Index) => {\n const h2Element = document.getElementById(h2Item.id);\n if (!h2Element) {\n newProgressMap.set(h2Index, 0);\n return;\n }\n\n const nextH2Item = h2Items[h2Index + 1];\n const nextH2Element = nextH2Item ? document.getElementById(nextH2Item.id) : null;\n\n const h2Top = h2Element.offsetTop;\n const nextH2Top = nextH2Element ? nextH2Element.offsetTop : document.body.scrollHeight;\n\n const sectionHeight = nextH2Top - h2Top;\n\n if (scrollPosition < h2Top) {\n newProgressMap.set(h2Index, 0);\n } else if (scrollPosition >= nextH2Top) {\n newProgressMap.set(h2Index, 100);\n } else {\n const progress = ((scrollPosition - h2Top) / sectionHeight) * 100;\n newProgressMap.set(h2Index, Math.min(Math.max(progress, 0), 100));\n }\n });\n\n this.h2ProgressPercents = new Map(newProgressMap);\n }\n\n private isItemActive(index: number, item: TocItem): boolean {\n let h2IndexForItem = -1;\n if (item.level === 2) {\n const h2Items = this.items.filter(i => i.level === 2);\n h2IndexForItem = h2Items.findIndex(h2 => h2.id === item.id);\n } else {\n const h2Items = this.items.filter(i => i.level === 2);\n for (let i = index; i >= 0; i--) {\n if (this.items[i].level === 2) {\n h2IndexForItem = h2Items.findIndex(h2 => h2.id === this.items[i].id);\n break;\n }\n }\n }\n\n if (this.clickedH2Index >= 0 && h2IndexForItem === this.clickedH2Index) {\n return true;\n }\n\n const progress = h2IndexForItem >= 0 ? this.getH2Progress(h2IndexForItem) : 0;\n return progress > 0;\n }\n\n private getH2Progress(h2Index: number): number {\n return this.h2ProgressPercents.get(h2Index) || 0;\n }\n\n private getH2BarStatus(progress: number): 'completed' | 'active' | 'pending' {\n if (progress >= 100) {\n return 'completed';\n } else if (progress > 0) {\n return 'active';\n } else {\n return 'pending';\n }\n }\n\n render() {\n if (this.items.length === 0) {\n return null;\n }\n\n const h2Items = this.items.filter(item => item.level === 2);\n const h2Indices = this.items.map((item, idx) => (item.level === 2 ? idx : -1)).filter(idx => idx !== -1);\n\n return (\n <Host>\n <nav class=\"spw-toc\">\n <ul>\n {this.items.map((item, index) => {\n let h2IndexForItem = -1;\n if (item.level === 2) {\n h2IndexForItem = h2Items.findIndex(h2 => h2.id === item.id);\n } else {\n for (let i = index; i >= 0; i--) {\n if (this.items[i].level === 2) {\n h2IndexForItem = h2Items.findIndex(h2 => h2.id === this.items[i].id);\n break;\n }\n }\n }\n\n const progress = h2IndexForItem >= 0 ? this.getH2Progress(h2IndexForItem) : 0;\n const barStatus = this.getH2BarStatus(progress);\n\n let distanceToNextH2 = 0;\n if (item.level === 2) {\n const currentH2ListIndex = h2Indices.indexOf(index);\n if (currentH2ListIndex !== -1 && currentH2ListIndex < h2Indices.length - 1) {\n const nextH2Index = h2Indices[currentH2ListIndex + 1];\n const itemsBetween = nextH2Index - index;\n distanceToNextH2 = itemsBetween * 32;\n }\n }\n\n const styleVars: any = {};\n if (item.level === 2) {\n styleVars['--progress'] = `${progress}`;\n if (distanceToNextH2 > 0) {\n styleVars['--distance-to-next-h2'] = `${distanceToNextH2}px`;\n }\n }\n\n return (\n <li\n key={item.id}\n class={{\n [`--toc-is-level-${item.level}`]: true,\n '--toc-active': this.isItemActive(index, item),\n '--toc-bar-completed': barStatus === 'completed',\n '--toc-bar-active': barStatus === 'active',\n '--toc-bar-pending': barStatus === 'pending',\n '--toc-is-h2': item.level === 2,\n }}\n style={styleVars}\n >\n {item.level === 2 && <span class=\"spw-toc__progress-dot\"></span>}\n <a href={`#${item.id}`} onClick={e => this.handleItemClick(e, item.id, index)}>\n {item.text}\n </a>\n </li>\n );\n })}\n </ul>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,g as s}from"./p-CvfVJV8a.js";const a="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-card-background);border:var(--spw-card-border);border-radius:5px;box-shadow:var(--spw-card-box-shadow);display:block;transition:all .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{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px;z-index:2}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";const n=class{constructor(e){t(this,e);this.hasImage=false;this.childHoveredCount=0;this.variant="news";this.elementType="a";this.target="_self";this.fullHeight=false;this.disabled=false;this.onNestedCardEnter=()=>{this.childHoveredCount++;this.setImageHovered(false)};this.onNestedCardLeave=()=>{this.childHoveredCount=Math.max(0,this.childHoveredCount-1);if(this.childHoveredCount===0&&this.isPointerInside(this.el)){this.setImageHovered(true)}}}componentWillLoad(){this.checkForImage();this.applyVariantToChildren();this.attachNestedCardListeners()}slotChanged(){this.checkForImage();this.applyVariantToChildren();this.attachNestedCardListeners()}onMouseEnter(){if(this.childHoveredCount===0){this.setImageHovered(true)}}onMouseLeave(){this.setImageHovered(false)}attachNestedCardListeners(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-card");t.forEach((t=>{t.addEventListener("mouseenter",this.onNestedCardEnter.bind(this),true);t.addEventListener("mouseleave",this.onNestedCardLeave.bind(this),true)}))}))}isPointerInside(t){const e=t.getBoundingClientRect();const{left:i,top:s,right:a,bottom:n}=e;const{clientX:o,clientY:r}=window;return o>=i&&o<=a&&r>=s&&r<=n}checkForImage(){requestAnimationFrame((()=>{const t=this.el.querySelector("spw-card-image");const e=this.el.querySelector("spw-card-content");this.hasImage=!!t;if(!this.hasImage){e===null||e===void 0?void 0:e.classList.add("--no-image")}}))}formatDate(t){if(!t)return[];const i=t.split("/");return i.flatMap(((t,s)=>s<i.length-1?[e("span",null,t),e("span",null,"/")]:[e("span",null,t)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.variant}`;const e=this.el.querySelector("spw-card-content");const i=this.el.querySelector("spw-card-image");const s=this.el.querySelector("spw-card-title");const a=this.el.querySelector("spw-card-excerpt");const n=this.el.querySelector("spw-card-subtags");e===null||e===void 0?void 0:e.classList.add(t);i===null||i===void 0?void 0:i.classList.add(t);s===null||s===void 0?void 0:s.classList.add(t);a===null||a===void 0?void 0:a.classList.add(t);n===null||n===void 0?void 0:n.classList.add(t)}))}setImageHovered(t){const e=this.el.querySelector("spw-card-image");const i=this.el.querySelector("spw-card-title");if(e&&this.href){e.classList.toggle("--hovered",t)}if(i&&this.href){i.classList.toggle("--hovered",t)}}get elementClass(){return{"spw-card":true,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,[`spw-card--${this.variant}`]:true}}render(){const{href:t,rel:s,target:a,dateStart:n,dateEnd:o,variant:r}=this;const d=this.href===undefined?"div":"a";const c=d==="div"?{}:{href:t,rel:s,target:a};const l={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return e(i,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,H as i,g as s}from"./p-CvfVJV8a.js";const a="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-card-background);border:var(--spw-card-border);border-radius:5px;box-shadow:var(--spw-card-box-shadow);display:block;transition:all .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{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px;z-index:2}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";const n=class{constructor(e){t(this,e);this.hasImage=false;this.childHoveredCount=0;this.variant="news";this.elementType="a";this.target="_self";this.fullHeight=false;this.disabled=false;this.onNestedCardEnter=()=>{this.childHoveredCount++;this.setImageHovered(false)};this.onNestedCardLeave=()=>{this.childHoveredCount=Math.max(0,this.childHoveredCount-1);if(this.childHoveredCount===0&&this.isPointerInside(this.el)){this.setImageHovered(true)}}}componentWillLoad(){this.checkForImage();this.applyVariantToChildren();this.attachNestedCardListeners()}slotChanged(){this.checkForImage();this.applyVariantToChildren();this.attachNestedCardListeners()}onMouseEnter(){if(this.childHoveredCount===0){this.setImageHovered(true)}}onMouseLeave(){this.setImageHovered(false)}attachNestedCardListeners(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-card");t.forEach((t=>{t.addEventListener("mouseenter",this.onNestedCardEnter.bind(this),true);t.addEventListener("mouseleave",this.onNestedCardLeave.bind(this),true)}))}))}isPointerInside(t){const e=t.getBoundingClientRect();const{left:i,top:s,right:a,bottom:n}=e;const{clientX:o,clientY:r}=window;return o>=i&&o<=a&&r>=s&&r<=n}checkForImage(){requestAnimationFrame((()=>{const t=this.el.querySelector("spw-card-image");const e=this.el.querySelector("spw-card-content");this.hasImage=!!t;if(!this.hasImage){e===null||e===void 0?void 0:e.classList.add("--no-image")}}))}formatDate(t){if(!t)return[];const i=t.split("/");return i.flatMap(((t,s)=>s<i.length-1?[e("span",null,t),e("span",null,"/")]:[e("span",null,t)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.variant}`;const e=this.el.querySelector("spw-card-content");const i=this.el.querySelector("spw-card-image");const s=this.el.querySelector("spw-card-title");const a=this.el.querySelector("spw-card-excerpt");const n=this.el.querySelector("spw-card-subtags");e===null||e===void 0?void 0:e.classList.add(t);i===null||i===void 0?void 0:i.classList.add(t);s===null||s===void 0?void 0:s.classList.add(t);a===null||a===void 0?void 0:a.classList.add(t);n===null||n===void 0?void 0:n.classList.add(t)}))}setImageHovered(t){const e=this.el.querySelector("spw-card-image");const i=this.el.querySelector("spw-card-title");if(e&&this.href){e.classList.toggle("--hovered",t)}if(i&&this.href){i.classList.toggle("--hovered",t)}}get elementClass(){return{"spw-card":true,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,[`spw-card--${this.variant}`]:true}}render(){const{href:t,rel:s,target:a,dateStart:n,dateEnd:o,variant:r}=this;const d=this.href===undefined?"div":"a";const c=d==="div"?{}:{href:t,rel:s,target:a};const l={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return e(i,{key:"6f0453f5b68c3176fa647d9de45dab2c8d2be7d9",class:{"--is-full-height":this.fullHeight}},e("article",{key:"fb8205ab094afa114abbe2557bc8e9e710f57c67",class:this.elementClass},r==="event"&&e(d,Object.assign({key:"e6bd5924585802d0f819ba418df6cbee036343f6"},c,{class:"spw-card__dates"}),n&&e("div",{key:"fa5dda6da669c408e60a8604ed6cfa84b16cf6cf",class:"spw-card__date-item"},this.formatDate(n)),o&&e("div",{key:"901b9d0c0ca88b0d625d2c068da8fed27c904b0f",class:"spw-card__date-item"},this.formatDate(o))),e(d,Object.assign({key:"801115c5ab07fddcbd0a08d6ad240292ae8c085b"},c,l,{class:"spw-card__link"}),e("slot",{key:"edb7b8815ca7d7ccf775381c9de70258857df7c7"}))))}get el(){return s(this)}};n.style=a;export{n as spw_card};
|
|
2
|
+
//# sourceMappingURL=p-d2f5d210.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as i,H as e,g as s}from"./p-CvfVJV8a.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider--arrows-outside{padding:0 56px}.spw-slider__track{cursor:grab;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-32px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 64px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider--arrows-outside .spw-slider__navigation{margin-left:0;padding:0;width:100%}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__autoplay-toggle{margin-top:12px}';const n=class{constructor(i){t(this,i);this.showArrows=true;this.showDots=true;this.showAutoplayToggle=false;this.autoplayInterval=5e3;this.autoplayEnabled=false;this.autoplayText="Défilement automatique";this.arrowsPosition="inside";this.activeIndex=0;this.totalSlides=0;this.currentHeight=0;this.isAutoplayActive=false;this.startX=0;this.currentX=0;this.isDragging=false;this.slides=[];this.handleSlotChange=()=>{this.updateSlides();this.scheduleHeightUpdate(50)};this.handleResize=()=>{this.scheduleHeightUpdate(50)};this.handlePrevious=()=>{if(this.activeIndex>0){this.goToSlide(this.activeIndex-1)}};this.handleNext=()=>{if(this.activeIndex<this.totalSlides-1){this.goToSlide(this.activeIndex+1)}};this.handleDotClick=t=>{this.goToSlide(t)};this.startAutoplay=()=>{this.stopAutoplay();this.autoplayTimer=window.setInterval((()=>{const t=this.activeIndex<this.totalSlides-1?this.activeIndex+1:0;this.goToSlide(t)}),this.autoplayInterval)};this.stopAutoplay=()=>{if(this.autoplayTimer){clearInterval(this.autoplayTimer);this.autoplayTimer=null}};this.handleAutoplayToggle=t=>{this.isAutoplayActive=t.detail;if(this.isAutoplayActive){this.startAutoplay()}else{this.stopAutoplay()}}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");if(t){t.addEventListener("slotchange",this.handleSlotChange)}window.addEventListener("resize",this.handleResize);this.setupResizeObserver();this.isAutoplayActive=this.autoplayEnabled;if(this.isAutoplayActive){this.startAutoplay()}}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){i.removeEventListener("slotchange",this.handleSlotChange)}if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.heightUpdateTimeout){clearTimeout(this.heightUpdateTimeout)}this.stopAutoplay()}initializeSlider(){this.updateSlides();this.scheduleHeightUpdate(200);this.scheduleHeightUpdate(500)}setupResizeObserver(){if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)}));this.slides.forEach((t=>{var i,e;this.resizeObserver.observe(t);const s=(e=(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements()[0];if(s){this.resizeObserver.observe(s);if(s.shadowRoot){const t=s.shadowRoot.firstElementChild;if(t){this.resizeObserver.observe(t)}}}}))}}scheduleHeightUpdate(t=0){if(this.heightUpdateTimeout){clearTimeout(this.heightUpdateTimeout)}this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();if(this.resizeObserver){this.slides.forEach((t=>{this.resizeObserver.unobserve(t)}))}this.slides=i;this.totalSlides=this.slides.length;this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${i*100}%)`}));if(this.resizeObserver){this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}}async updateHeight(){var t,i;if(this.slides[this.activeIndex]){const e=this.slides[this.activeIndex];const s=(i=(t=e.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))===null||i===void 0?void 0:i.assignedElements()[0];if(s){const t=s.tagName.toLowerCase();if(t.includes("-")){try{await customElements.whenDefined(t);await new Promise((t=>setTimeout(t,50)))}catch(t){}}const i=s;let e=i.offsetHeight||i.scrollHeight;if(i.shadowRoot){const t=i.shadowRoot.firstElementChild;if(t){e=t.offsetHeight||t.scrollHeight}}if(e>0){this.currentHeight=e;return}}let o=e.offsetHeight||e.scrollHeight;if(o>50){this.currentHeight=o}else{this.retryHeightCalculation(0)}}}retryHeightCalculation(t){if(t>=15)return;setTimeout((()=>{var i,e;const s=this.slides[this.activeIndex];if(!s)return;const o=(e=(i=s.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;if(i){t=i.offsetHeight||i.scrollHeight}}if(t>50){this.currentHeight=t;return}}const n=s.offsetHeight||s.scrollHeight;if(n>50){this.currentHeight=n}else{this.retryHeightCalculation(t+1)}}),100*(t+1))}goToSlide(t){if(t<0||t>=this.totalSlides)return;this.activeIndex=t;this.slides.forEach(((t,i)=>{const e=(i-this.activeIndex)*100;t.style.transition="transform 0.3s ease-in-out";t.style.transform=`translateX(${e}%)`}));this.scheduleHeightUpdate(0);this.scheduleHeightUpdate(320);if(this.isAutoplayActive){this.stopAutoplay();this.startAutoplay()}}handleTouchStart(t){this.startX=t.touches[0].clientX;this.currentX=this.startX;this.isDragging=true;if(this.isAutoplayActive){this.stopAutoplay()}}handleMouseDown(t){this.startX=t.clientX;this.currentX=this.startX;this.isDragging=true;t.preventDefault();if(this.isAutoplayActive){this.stopAutoplay()}}handleTouchMove(t){if(!this.isDragging)return;this.currentX=t.touches[0].clientX}handleMouseMove(t){if(!this.isDragging)return;this.currentX=t.clientX}handleTouchEnd(){this.handleDragEnd()}handleMouseUp(){this.handleDragEnd()}handleMouseLeave(){if(this.isDragging){this.handleDragEnd()}}handleDragEnd(){if(!this.isDragging)return;const t=this.startX-this.currentX;const i=50;if(Math.abs(t)>i){if(t>0){this.handleNext()}else{this.handlePrevious()}}this.isDragging=false;this.startX=0;this.currentX=0;if(this.isAutoplayActive){this.startAutoplay()}}get elementClass(){return{"spw-slider":true,[`spw-slider--arrows-${this.arrowsPosition}`]:true}}render(){return i(e,{key:"586954cbe7c2cbded7a5437f6e441b13e494d930"},i("div",{key:"fcad1522f02e12571ba3d5eebc3b8acd8a01307f",class:this.elementClass,style:{height:`${this.currentHeight}px`}},i("div",{key:"f01ed428e391a2a4fab0568569435944389c7901",class:"spw-slider__track"},i("slot",{key:"b6219f03dcfb26dbdfad33f577f03baa7408a167"})),this.showArrows&&i("div",{key:"2109675091d0318df475d97b35825e9a814aaec5",class:"spw-slider__navigation"},i("button",{key:"783cebf155bab4315a9cb35b8685804879891344",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:this.activeIndex===0,"aria-label":"Slide précédente"},i("spw-icon",{key:"5bf9acb48019f2a56b1bdb0093c14ee70cefa3f8",icon:"fa-chevron-left"})),i("button",{key:"2fd6272324b99ac7dc1cf669f6f64d31b810b36c",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":"Slide suivante"},i("spw-icon",{key:"c73c1fbac50d3a8a5b022c6e6945838ef5dc9059",icon:"fa-chevron-right"}))),this.showDots&&this.totalSlides>1&&i("div",{key:"f8dc60f8d5838a9c3f1d6b32081055f1603748f7",class:"spw-slider__dots"},Array.from({length:this.totalSlides},((t,e)=>i("button",{class:{"spw-slider__dot":true,"spw-slider__dot--active":e===this.activeIndex},onClick:()=>this.handleDotClick(e),"aria-label":`Aller à la slide ${e+1}`,"aria-current":e===this.activeIndex?"true":"false"}))))),this.showAutoplayToggle&&i("div",{key:"6bb686a6143897a3c322f8133c82d9aae0321511",class:"spw-slider__autoplay-toggle"},i("spw-checkbox",{key:"3f0965e9049cf526ecb71719f07af47c65f5f08e",variant:"toggle",checked:this.isAutoplayActive,onSpwChange:this.handleAutoplayToggle},this.autoplayText)))}get el(){return s(this)}};n.style=o;export{n as spw_slider};
|
|
2
|
+
//# sourceMappingURL=p-d672e985.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["spwSliderCss","SpwSlider","constructor","hostRef","this","showArrows","showDots","showAutoplayToggle","autoplayInterval","autoplayEnabled","autoplayText","arrowsPosition","activeIndex","totalSlides","currentHeight","isAutoplayActive","startX","currentX","isDragging","slides","handleSlotChange","updateSlides","scheduleHeightUpdate","handleResize","handlePrevious","goToSlide","handleNext","handleDotClick","index","startAutoplay","stopAutoplay","autoplayTimer","window","setInterval","nextIndex","clearInterval","handleAutoplayToggle","event","detail","componentDidLoad","initializeSlider","slotElement","el","shadowRoot","querySelector","addEventListener","setupResizeObserver","disconnectedCallback","removeEventListener","_a","resizeObserver","disconnect","heightUpdateTimeout","clearTimeout","ResizeObserver","forEach","slide","observe","slotContent","_b","assignedElements","shadowContent","firstElementChild","delay","setTimeout","updateHeight","newSlides","unobserve","length","style","transform","activeSlide","tagName","toLowerCase","includes","customElements","whenDefined","Promise","resolve","e","contentElement","slideHeight","offsetHeight","scrollHeight","retryHeightCalculation","attempt","retryHeight","i","offset","transition","handleTouchStart","touches","clientX","handleMouseDown","preventDefault","handleTouchMove","handleMouseMove","handleTouchEnd","handleDragEnd","handleMouseUp","handleMouseLeave","diff","threshold","Math","abs","elementClass","render","h","Host","key","class","height","onClick","disabled","icon","Array","from","_","variant","checked","onSpwChange"],"sources":["src/components/spw-slider/spw-slider.scss?tag=spw-slider&encapsulation=shadow","src/components/spw-slider/spw-slider.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-slider {\n position: relative;\n width: 100%;\n transition: height 0.3s ease-in-out;\n min-height: 100px;\n\n &[style*='height: 0px'] {\n min-height: 200px;\n }\n &--arrows-outside {\n padding: 0 56px;\n }\n}\n\n.spw-slider__track {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n cursor: grab;\n user-select: none;\n\n &:active {\n cursor: grabbing;\n }\n}\n\n.spw-slider__navigation {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n transform: translateY(-50%);\n display: flex;\n justify-content: space-between;\n padding: 0 12px;\n pointer-events: none;\n width: calc(100% + 64px);\n margin-left: -32px;\n @include breakpoint(lg) {\n width: 100%;\n margin-left: 0;\n }\n .spw-slider--arrows-outside & {\n width: 100%;\n padding: 0;\n margin-left: 0;\n }\n}\n\n.spw-slider__arrow {\n pointer-events: all;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n background-color: var(--spw-ds-primary);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 1.25rem;\n\n &:hover:not(:disabled) {\n transform: scale(0.9);\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--spw-color-themes-grey-grey-300);\n color: var(--spw-color-themes-grey-grey-400);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 0.5rem;\n z-index: 10;\n background: white;\n box-shadow: var(--spw-effect-elevation-5);\n padding: 8px;\n border-radius: 999px;\n}\n\n.spw-slider__dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--spw-color-themes-grey-grey-300);\n cursor: pointer;\n border: none;\n transition: all 0.2s ease;\n padding: 0;\n\n &:hover {\n transform: scale(1.2);\n }\n\n &--active {\n background-color: var(--spw-ds-primary);\n }\n\n &:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n }\n}\n\n.spw-slider__autoplay-toggle {\n margin-top: 12px;\n}\n","import { Component, Host, h, State, Element, Listen, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-slider',\n styleUrl: 'spw-slider.scss',\n shadow: true,\n})\nexport class SpwSlider {\n @Element() el: HTMLElement;\n\n /** Affiche les flèches de navigation */\n @Prop() showArrows: boolean = true;\n /** Affiche les dots de navigation */\n @Prop() showDots: boolean = true;\n /** Affiche le toggle de défilement automatique */\n @Prop() showAutoplayToggle: boolean = false;\n /** Intervalle de défilement automatique en millisecondes */\n @Prop() autoplayInterval: number = 5000;\n /** Active le défilement automatique par défaut */\n @Prop() autoplayEnabled: boolean = false;\n /** Label du toggle de défilement automatique */\n @Prop() autoplayText: string = 'Défilement automatique';\n /** Position des flèches gauche/droite */\n @Prop() arrowsPosition: 'outside' | 'inside' = 'inside';\n\n /** Index de la slide active */\n @State() activeIndex: number = 0;\n /** Nombre total de slides */\n @State() totalSlides: number = 0;\n /** Hauteur actuelle du slider */\n @State() currentHeight: number = 0;\n /** État du défilement automatique */\n @State() isAutoplayActive: boolean = false;\n\n /** Position de départ du swipe/drag */\n private startX: number = 0;\n /** Position actuelle du swipe/drag */\n private currentX: number = 0;\n /** Est en train de swiper/dragger */\n private isDragging: boolean = false;\n /** Intervalle de défilement automatique */\n private autoplayTimer: number;\n /** Tableau des slides */\n private slides: HTMLElement[] = [];\n /** Observer pour les mutations */\n private resizeObserver: ResizeObserver;\n /** Timeout pour le recalcul de hauteur */\n private heightUpdateTimeout: number;\n\n componentDidLoad() {\n this.initializeSlider();\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n slotElement.addEventListener('slotchange', this.handleSlotChange);\n }\n window.addEventListener('resize', this.handleResize);\n this.setupResizeObserver();\n\n this.isAutoplayActive = this.autoplayEnabled;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize);\n\n const slotElement = this.el.shadowRoot?.querySelector('slot');\n if (slotElement) {\n slotElement.removeEventListener('slotchange', this.handleSlotChange);\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.stopAutoplay();\n }\n\n private initializeSlider() {\n this.updateSlides();\n this.scheduleHeightUpdate(200);\n this.scheduleHeightUpdate(500);\n }\n\n private handleSlotChange = () => {\n this.updateSlides();\n this.scheduleHeightUpdate(50);\n };\n\n private handleResize = () => {\n this.scheduleHeightUpdate(50);\n };\n\n private setupResizeObserver() {\n if (typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => {\n this.scheduleHeightUpdate(50);\n });\n\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n\n const slotContent = slide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n if (slotContent) {\n this.resizeObserver.observe(slotContent);\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n this.resizeObserver.observe(shadowContent);\n }\n }\n }\n });\n }\n }\n\n private scheduleHeightUpdate(delay: number = 0) {\n if (this.heightUpdateTimeout) {\n clearTimeout(this.heightUpdateTimeout);\n }\n\n this.heightUpdateTimeout = window.setTimeout(() => {\n this.updateHeight();\n }, delay);\n }\n\n private updateSlides() {\n const slotElement = this.el.shadowRoot.querySelector('slot');\n if (slotElement) {\n const newSlides = slotElement.assignedElements() as HTMLElement[];\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.unobserve(slide);\n });\n }\n\n this.slides = newSlides;\n this.totalSlides = this.slides.length;\n\n this.slides.forEach((slide, index) => {\n slide.style.transform = `translateX(${index * 100}%)`;\n });\n\n if (this.resizeObserver) {\n this.slides.forEach(slide => {\n this.resizeObserver.observe(slide);\n });\n }\n }\n }\n\n private async updateHeight() {\n if (this.slides[this.activeIndex]) {\n const activeSlide = this.slides[this.activeIndex];\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0];\n\n if (slotContent) {\n const tagName = slotContent.tagName.toLowerCase();\n if (tagName.includes('-')) {\n try {\n await customElements.whenDefined(tagName);\n await new Promise(resolve => setTimeout(resolve, 50));\n } catch (e) {}\n }\n\n const contentElement = slotContent as HTMLElement;\n let slideHeight = contentElement.offsetHeight || contentElement.scrollHeight;\n\n if (contentElement.shadowRoot) {\n const shadowContent = contentElement.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n slideHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;\n }\n }\n\n if (slideHeight > 0) {\n this.currentHeight = slideHeight;\n return;\n }\n }\n\n let slideHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;\n\n if (slideHeight > 50) {\n this.currentHeight = slideHeight;\n } else {\n this.retryHeightCalculation(0);\n }\n }\n }\n\n private retryHeightCalculation(attempt: number) {\n if (attempt >= 15) return;\n\n setTimeout(\n () => {\n const activeSlide = this.slides[this.activeIndex];\n if (!activeSlide) return;\n\n const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n\n if (slotContent) {\n let retryHeight = slotContent.offsetHeight || slotContent.scrollHeight;\n\n if (slotContent.shadowRoot) {\n const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n if (shadowContent) {\n retryHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;\n }\n }\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n return;\n }\n }\n\n const retryHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;\n\n if (retryHeight > 50) {\n this.currentHeight = retryHeight;\n } else {\n this.retryHeightCalculation(attempt + 1);\n }\n },\n 100 * (attempt + 1),\n );\n }\n\n private goToSlide(index: number) {\n if (index < 0 || index >= this.totalSlides) return;\n\n this.activeIndex = index;\n this.slides.forEach((slide, i) => {\n const offset = (i - this.activeIndex) * 100;\n slide.style.transition = 'transform 0.3s ease-in-out';\n slide.style.transform = `translateX(${offset}%)`;\n });\n\n this.scheduleHeightUpdate(0);\n this.scheduleHeightUpdate(320);\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n this.startAutoplay();\n }\n }\n\n private handlePrevious = () => {\n if (this.activeIndex > 0) {\n this.goToSlide(this.activeIndex - 1);\n }\n };\n\n private handleNext = () => {\n if (this.activeIndex < this.totalSlides - 1) {\n this.goToSlide(this.activeIndex + 1);\n }\n };\n\n private handleDotClick = (index: number) => {\n this.goToSlide(index);\n };\n\n private startAutoplay = () => {\n this.stopAutoplay();\n this.autoplayTimer = window.setInterval(() => {\n const nextIndex = this.activeIndex < this.totalSlides - 1 ? this.activeIndex + 1 : 0;\n this.goToSlide(nextIndex);\n }, this.autoplayInterval);\n };\n\n private stopAutoplay = () => {\n if (this.autoplayTimer) {\n clearInterval(this.autoplayTimer);\n this.autoplayTimer = null;\n }\n };\n\n private handleAutoplayToggle = (event: CustomEvent) => {\n this.isAutoplayActive = event.detail;\n if (this.isAutoplayActive) {\n this.startAutoplay();\n } else {\n this.stopAutoplay();\n }\n };\n\n @Listen('touchstart', { passive: true })\n handleTouchStart(event: TouchEvent) {\n this.startX = event.touches[0].clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('mousedown', { passive: false })\n handleMouseDown(event: MouseEvent) {\n this.startX = event.clientX;\n this.currentX = this.startX;\n this.isDragging = true;\n event.preventDefault();\n\n if (this.isAutoplayActive) {\n this.stopAutoplay();\n }\n }\n\n @Listen('touchmove', { passive: true })\n handleTouchMove(event: TouchEvent) {\n if (!this.isDragging) return;\n this.currentX = event.touches[0].clientX;\n }\n\n @Listen('mousemove', { passive: true })\n handleMouseMove(event: MouseEvent) {\n if (!this.isDragging) return;\n this.currentX = event.clientX;\n }\n\n @Listen('touchend')\n handleTouchEnd() {\n this.handleDragEnd();\n }\n\n @Listen('mouseup')\n handleMouseUp() {\n this.handleDragEnd();\n }\n\n @Listen('mouseleave')\n handleMouseLeave() {\n if (this.isDragging) {\n this.handleDragEnd();\n }\n }\n\n private handleDragEnd() {\n if (!this.isDragging) return;\n\n const diff = this.startX - this.currentX;\n const threshold = 50;\n\n if (Math.abs(diff) > threshold) {\n if (diff > 0) {\n this.handleNext();\n } else {\n this.handlePrevious();\n }\n }\n\n this.isDragging = false;\n this.startX = 0;\n this.currentX = 0;\n\n if (this.isAutoplayActive) {\n this.startAutoplay();\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-slider': true,\n [`spw-slider--arrows-${this.arrowsPosition}`]: true,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.elementClass} style={{ height: `${this.currentHeight}px` }}>\n <div class=\"spw-slider__track\">\n <slot></slot>\n </div>\n\n {this.showArrows && (\n <div class=\"spw-slider__navigation\">\n <button class=\"spw-slider__arrow spw-slider__arrow--prev\" onClick={this.handlePrevious} disabled={this.activeIndex === 0} aria-label=\"Slide précédente\">\n <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n </button>\n <button class=\"spw-slider__arrow spw-slider__arrow--next\" onClick={this.handleNext} disabled={this.activeIndex === this.totalSlides - 1} aria-label=\"Slide suivante\">\n <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n </button>\n </div>\n )}\n\n {this.showDots && this.totalSlides > 1 && (\n <div class=\"spw-slider__dots\">\n {Array.from({ length: this.totalSlides }, (_, i) => (\n <button\n class={{\n 'spw-slider__dot': true,\n 'spw-slider__dot--active': i === this.activeIndex,\n }}\n onClick={() => this.handleDotClick(i)}\n aria-label={`Aller à la slide ${i + 1}`}\n aria-current={i === this.activeIndex ? 'true' : 'false'}\n />\n ))}\n </div>\n )}\n </div>\n\n {this.showAutoplayToggle && (\n <div class=\"spw-slider__autoplay-toggle\">\n <spw-checkbox variant=\"toggle\" checked={this.isAutoplayActive} onSpwChange={this.handleAutoplayToggle}>\n {this.autoplayText}\n </spw-checkbox>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as a,g as o}from"./p-CvfVJV8a.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}@media (min-width:1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{background:#fff;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700}@media (max-width:1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){font-size:20px;padding:24px 16px;position:relative}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-colors-support-grey-grey-300);content:"";height:1px;left:16px;position:absolute;top:0;width:calc(100% - 32px)}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){border-bottom:0;font-size:16px;padding:20px 16px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:3px;left:16px;position:absolute;top:auto;width:0}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){margin-left:16px;opacity:1;pointer-events:auto;top:100%;transition:opacity .1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a){color:var(--spw-ds-primary)!important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-size:18px}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}:host([data-level="2"]) .spw-header-navigation-item{position:relative}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:18px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){left:100%;opacity:1;pointer-events:auto;top:0;transition:opacity .1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-ds-primary)!important}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a){align-items:center;color:var(--spw-colors-support-grey-grey-900)!important;display:inline-flex;gap:8px;justify-content:space-between;padding:16px 0;position:relative;text-decoration:none;width:100%}@media (min-width:1024px){.spw-header-navigation-item ::slotted(a){padding:16px}.spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:5px;left:16px;position:absolute;transition:width .2s ease-in;width:0}}.spw-header-navigation-item ::slotted(a:focus-visible){box-shadow:0 0 0 3px #000;outline:3px solid #fff;outline-offset:-3px}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a:hover){text-decoration:none!important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width:1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){box-shadow:var(--spw-effect-elevation-8);display:block;opacity:0;pointer-events:none;position:absolute;width:320px}}@media (max-width:1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){background:#fff;display:block;left:0;margin-top:0;min-height:100%;opacity:1;overflow-y:auto;padding-top:132px;position:absolute;top:0;width:100%}}.spw-header-navigation-item__top{background:#fff;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:118px;justify-content:space-between;left:16px;padding:24px 0;position:absolute;top:0;width:calc(100% - 32px);z-index:9999999}.spw-header-navigation-item__top-back{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{color:var(--spw-colors-support-grey-grey-900);display:block;font-size:20px;font-weight:700;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width:1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width:1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width:1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}.spw-header-navigation-item__top{display:none}}';const s=class{constructor(i){t(this,i);this.spwHeaderNavigationNavigate=e(this,"spwHeaderNavigationNavigate",7);this.isActive=false;this.internalIsActive=false;this.hasSubnav=false;this.level=1;this.isSubnavVisible=false;this.lastClickedLevel1Item=null;this.isMobile=window.innerWidth<1024}componentWillLoad(){this.internalIsActive=this.isActive;this.checkForSubnav();this.calculateLevel();this.updateLevelClass()}componentWillUpdate(){if(this.isActive!==this.internalIsActive){this.internalIsActive=this.isActive}this.updateLevelClass()}checkForSubnav(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:true});const i=e.some((t=>t.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"));if(i!==this.hasSubnav){this.hasSubnav=i}}}calculateLevel(){let t=1;let e=this.el.parentElement;while(e&&e.tagName!=="SPW-HEADER-NAVIGATION"){if(e.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"){t++}e=e.parentElement}this.level=t}updateLevelClass(){const t=document.documentElement;Array.from(t.classList).forEach((e=>{if(e.startsWith("spw-ds-nav-level-")){t.classList.remove(e)}}));t.classList.add(`spw-ds-nav-level-${this.level}`);this.spwHeaderNavigationNavigate.emit({level:this.level,element:this.el})}toggleSubnavVisibility(t){if(!this.isMobile)return;t.stopPropagation();if(this.hasSubnav&&!this.isSubnavVisible){const e=window.matchMedia("(max-width: 1024px)").matches;if(e){t.preventDefault()}if(this.level===1){this.lastClickedLevel1Item=this.el.innerText;document.documentElement.setAttribute("data-ds-nav-level1",this.lastClickedLevel1Item)}this.isSubnavVisible=!this.isSubnavVisible;if(this.isSubnavVisible){this.level++;this.updateLevelClass()}}}getStoredLevel1Item(){return document.documentElement.getAttribute("data-ds-nav-level1")||""}handleBackClick(t){t.stopPropagation();this.isSubnavVisible=false;if(this.level>1){this.level--;this.updateLevelClass()}this.internalIsActive=false;if(this.level===1&&!this.isSubnavVisible){this.lastClickedLevel1Item=null;document.documentElement.removeAttribute("data-ds-nav-level1")}}getPageTitle(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:true});if(e.length>0){const t=e[0];const i=t.innerText||"";const a=t.href||null;const o=t.target||null;return{title:i,link:a,target:o}}}return null}async componentDidLoad(){setTimeout((()=>{this.checkForSubnav()}),0);const t=this.el.shadowRoot.querySelector("slot");if(t){const e=new MutationObserver((()=>{this.checkForSubnav()}));e.observe(t,{childList:true,subtree:true})}}render(){const t=this.getPageTitle();const e=this.getStoredLevel1Item();const o={"spw-header-navigation-item":true,"spw-header-navigation-item--has-subnav":this.hasSubnav,"spw-header-navigation-item--is-active":this.internalIsActive,"spw-header-navigation-item--is-subnav-visible":this.isSubnavVisible};return i(a,{key:"dc75c4e5d8b03daec749fd2e860d982dd31a7327","data-level":this.level},i("li",{key:"0b32ac1fee2a1dec903c45c60d7958110ba6a937",class:o},i("div",{key:"54237b0754db4d1b03fefa9ad2df046f2e27fa93",class:"spw-header-navigation-item__content",onClick:t=>this.toggleSubnavVisibility(t)},this.isSubnavVisible&&i("div",{key:"ed0e55bf8a185a616562ce02d9c9ccb855a27e65",class:`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`},i("div",{key:"e649b67579f733a60c7c94f4bdfc454b964df837",class:"spw-header-navigation-item__top-back",onClick:t=>this.handleBackClick(t)},i("spw-icon",{key:"b257c79de74068f9a92eb433ce1b71acb29bca02",icon:"fa-chevron-left"})," ",i("span",{key:"14fccdb573b68afd2d0a385c022382b97e2a9721"},this.level===1?"":this.level===2?"Menu principal":e)),i("div",{key:"bf92f63b2529b5c186d0d9121a7460a3f8136d86",class:"spw-header-navigation-item__top-title"},i("a",{key:"e862de9aef38d0cac90e9e224c747fca1a8bf972",href:(t===null||t===void 0?void 0:t.link)||"#",target:(t===null||t===void 0?void 0:t.target)||"_self"},(t===null||t===void 0?void 0:t.title)||""))),i("slot",{key:"b46dec07e72fd341cfcd599baa107bca12fd3339"}))))}get el(){return o(this)}};s.style=n;export{s as spw_header_navigation_item};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as i,H as a,g as o}from"./p-CvfVJV8a.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}@media (min-width:1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{background:#fff;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700}@media (max-width:1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){font-size:20px;padding:24px 16px;position:relative}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-colors-support-grey-grey-300);content:"";height:1px;left:16px;position:absolute;top:0;width:calc(100% - 32px)}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){border-bottom:0;font-size:16px;padding:20px 16px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:3px;left:16px;position:absolute;top:auto;width:0}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){margin-left:16px;opacity:1;pointer-events:auto;top:100%;transition:opacity .1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a){color:var(--spw-ds-primary)!important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-size:18px}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}:host([data-level="2"]) .spw-header-navigation-item{position:relative}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:18px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){left:100%;opacity:1;pointer-events:auto;top:0;transition:opacity .1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-ds-primary)!important}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a){align-items:center;color:var(--spw-colors-support-grey-grey-900)!important;display:inline-flex;gap:8px;justify-content:space-between;padding:16px 0;position:relative;text-decoration:none;width:100%}@media (min-width:1024px){.spw-header-navigation-item ::slotted(a){padding:16px}.spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:5px;left:16px;position:absolute;transition:width .2s ease-in;width:0}}.spw-header-navigation-item ::slotted(a:focus-visible){box-shadow:0 0 0 3px #000;outline:3px solid #fff;outline-offset:-3px}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a:hover){text-decoration:none!important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width:1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){box-shadow:var(--spw-effect-elevation-8);display:block;opacity:0;pointer-events:none;position:absolute;width:320px}}@media (max-width:1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){background:#fff;display:block;left:0;margin-top:0;min-height:100%;opacity:1;overflow-y:auto;padding-top:132px;position:absolute;top:0;width:100%}}.spw-header-navigation-item__top{background:#fff;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:118px;justify-content:space-between;left:16px;padding:24px 0;position:absolute;top:0;width:calc(100% - 32px);z-index:9999999}.spw-header-navigation-item__top-back{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{color:var(--spw-colors-support-grey-grey-900);display:block;font-size:20px;font-weight:700;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width:1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width:1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width:1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}.spw-header-navigation-item__top{display:none}}';const s=class{constructor(i){t(this,i);this.spwHeaderNavigationNavigate=e(this,"spwHeaderNavigationNavigate",7);this.isActive=false;this.internalIsActive=false;this.hasSubnav=false;this.level=1;this.isSubnavVisible=false;this.lastClickedLevel1Item=null;this.isMobile=window.innerWidth<1024}componentWillLoad(){this.internalIsActive=this.isActive;this.checkForSubnav();this.calculateLevel();this.updateLevelClass()}componentWillUpdate(){if(this.isActive!==this.internalIsActive){this.internalIsActive=this.isActive}this.updateLevelClass()}checkForSubnav(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:true});const i=e.some((t=>t.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"));if(i!==this.hasSubnav){this.hasSubnav=i}}}calculateLevel(){let t=1;let e=this.el.parentElement;while(e&&e.tagName!=="SPW-HEADER-NAVIGATION"){if(e.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"){t++}e=e.parentElement}this.level=t}updateLevelClass(){const t=document.documentElement;Array.from(t.classList).forEach((e=>{if(e.startsWith("spw-ds-nav-level-")){t.classList.remove(e)}}));t.classList.add(`spw-ds-nav-level-${this.level}`);this.spwHeaderNavigationNavigate.emit({level:this.level,element:this.el})}toggleSubnavVisibility(t){if(!this.isMobile)return;t.stopPropagation();if(this.hasSubnav&&!this.isSubnavVisible){const e=window.matchMedia("(max-width: 1024px)").matches;if(e){t.preventDefault()}if(this.level===1){this.lastClickedLevel1Item=this.el.innerText;document.documentElement.setAttribute("data-ds-nav-level1",this.lastClickedLevel1Item)}this.isSubnavVisible=!this.isSubnavVisible;if(this.isSubnavVisible){this.level++;this.updateLevelClass()}}}getStoredLevel1Item(){return document.documentElement.getAttribute("data-ds-nav-level1")||""}handleBackClick(t){t.stopPropagation();this.isSubnavVisible=false;if(this.level>1){this.level--;this.updateLevelClass()}this.internalIsActive=false;if(this.level===1&&!this.isSubnavVisible){this.lastClickedLevel1Item=null;document.documentElement.removeAttribute("data-ds-nav-level1")}}getPageTitle(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:true});if(e.length>0){const t=e[0];const i=t.innerText||"";const a=t.href||null;const o=t.target||null;return{title:i,link:a,target:o}}}return null}async componentDidLoad(){setTimeout((()=>{this.checkForSubnav()}),0);const t=this.el.shadowRoot.querySelector("slot");if(t){const e=new MutationObserver((()=>{this.checkForSubnav()}));e.observe(t,{childList:true,subtree:true})}}render(){const t=this.getPageTitle();const e=this.getStoredLevel1Item();const o={"spw-header-navigation-item":true,"spw-header-navigation-item--has-subnav":this.hasSubnav,"spw-header-navigation-item--is-active":this.internalIsActive,"spw-header-navigation-item--is-subnav-visible":this.isSubnavVisible};return i(a,{key:"5c339639abfee78b506cddef81991aac410da378","data-level":this.level},i("li",{key:"f2a7c5a629a1ea2b4ca6deaa5107eb8759bd6394",class:o},i("div",{key:"9652f9f5b10b82854c065a4636f99f0e66f77c58",class:"spw-header-navigation-item__content",onClick:t=>this.toggleSubnavVisibility(t)},this.isSubnavVisible&&i("div",{key:"0b668b38781db1de1c74a98cf18020c93459af8e",class:`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`},i("div",{key:"da7406cc2f515dbf9f87f1ec6ab6e41d52258443",class:"spw-header-navigation-item__top-back",onClick:t=>this.handleBackClick(t)},i("spw-icon",{key:"a47bb930d2484ebf1172904e67f5f51676154d65",icon:"fa-chevron-left"})," ",i("span",{key:"488355ac3ad6e6fdcec9f159cc4c84df6fe2dbb0"},this.level===1?"":this.level===2?"Menu principal":e)),i("div",{key:"325eb817cbc58084c9d0778799475b342777d1e2",class:"spw-header-navigation-item__top-title"},i("a",{key:"e0dd7383eb1e4fc3be66457d6599891da6298c98",href:(t===null||t===void 0?void 0:t.link)||"#",target:(t===null||t===void 0?void 0:t.target)||"_self"},(t===null||t===void 0?void 0:t.title)||""))),i("slot",{key:"e50d06916fb019e3a32ec0c6c36c8d8506b91c3d"}))))}get el(){return o(this)}};s.style=n;export{s as spw_header_navigation_item};
|
|
2
|
+
//# sourceMappingURL=p-d8cae37d.entry.js.map
|