@spw-ds/spw-stencil-library 1.11.0 → 1.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cem.json +82 -2
- package/dist/cjs/{index-B9VTdKwF.js → index-id_AkABS.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/spw-accordion_4.cjs.entry.js +1 -1
- package/dist/cjs/spw-avatar.cjs.entry.js +1 -1
- package/dist/cjs/spw-block-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-box.cjs.entry.js +1 -1
- package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/spw-button_2.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-image.cjs.entry.js +5 -3
- 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 +3 -3
- package/dist/cjs/spw-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/spw-cookies.cjs.entry.js +1 -1
- package/dist/cjs/spw-custom-select.cjs.entry.js +1 -1
- package/dist/cjs/spw-date-picker.cjs.entry.js +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_7.cjs.entry.js +16 -16
- package/dist/cjs/spw-field-message.cjs.entry.js +1 -1
- package/dist/cjs/spw-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-bottom.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-content-col.cjs.entry.js +7 -3
- package/dist/cjs/spw-footer-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-link.cjs.entry.js +3 -3
- package/dist/cjs/spw-footer.cjs.entry.js +1 -1
- package/dist/cjs/spw-grid-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-grid.cjs.entry.js +3 -3
- package/dist/cjs/spw-header-lang.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-header-navigation.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-persona-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-persona.cjs.entry.js +3 -3
- package/dist/cjs/spw-header.cjs.entry.js +5 -3
- package/dist/cjs/spw-hero.cjs.entry.js +4 -4
- package/dist/cjs/spw-illustration.cjs.entry.js +1 -1
- package/dist/cjs/spw-input-slider.cjs.entry.js +2 -2
- package/dist/cjs/spw-lightbox-item.cjs.entry.js +5 -3
- package/dist/cjs/spw-lightbox.cjs.entry.js +18 -4
- package/dist/cjs/spw-list-description.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-title.cjs.entry.js +2 -2
- package/dist/cjs/spw-list.cjs.entry.js +2 -2
- package/dist/cjs/spw-message.cjs.entry.js +1 -1
- package/dist/cjs/spw-modal.cjs.entry.js +4 -4
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-mosaic.cjs.entry.js +2 -2
- package/dist/cjs/spw-pagination.cjs.entry.js +7 -7
- package/dist/cjs/spw-radio.cjs.entry.js +2 -2
- package/dist/cjs/spw-scrolltop.cjs.entry.js +2 -2
- package/dist/cjs/spw-search-field.cjs.entry.js +1 -1
- package/dist/cjs/spw-select.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +4 -4
- package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidebar.cjs.entry.js +2 -2
- package/dist/cjs/spw-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/spw-slider-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-slider.cjs.entry.js +13 -5
- package/dist/cjs/spw-socials.cjs.entry.js +2 -2
- package/dist/cjs/spw-stencil-library.cjs.js +2 -2
- package/dist/cjs/spw-table-body.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-container.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-footer.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-head.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-header.cjs.entry.js +3 -3
- package/dist/cjs/spw-table-row.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-sidebar.cjs.entry.js +2 -2
- package/dist/cjs/spw-table.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-tabs-navigation.cjs.entry.js +3 -3
- package/dist/cjs/spw-tabs.cjs.entry.js +2 -2
- package/dist/cjs/spw-tag.cjs.entry.js +2 -2
- package/dist/cjs/spw-text-field.cjs.entry.js +2 -2
- package/dist/cjs/spw-textarea.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile-description.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile-title.cjs.entry.js +2 -2
- package/dist/cjs/spw-tile.cjs.entry.js +2 -2
- package/dist/cjs/spw-timeline-item.cjs.entry.js +3 -3
- package/dist/cjs/spw-timeline.cjs.entry.js +3 -3
- package/dist/cjs/spw-toast-controller.cjs.entry.js +1 -1
- package/dist/cjs/spw-toast.cjs.entry.js +1 -1
- package/dist/cjs/spw-toc-container.cjs.entry.js +1 -1
- package/dist/cjs/spw-toc-navigation.cjs.entry.js +1 -1
- package/dist/cjs/spw-toc.cjs.entry.js +2 -2
- package/dist/cjs/spw-topbar.cjs.entry.js +2 -2
- package/dist/cjs/spw-wizard-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-wizard.cjs.entry.js +2 -2
- package/dist/collection/components/spw-block-content/spw-block-content.css +6 -6
- package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css +15 -0
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css +17 -0
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +25 -1
- package/dist/collection/components/spw-card/spw-card.css +12 -0
- package/dist/collection/components/spw-card/spw-card.js +3 -3
- package/dist/collection/components/spw-footer/spw-footer-bottom/spw-footer-bottom.css +3 -1
- package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.css +35 -0
- package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.js +12 -1
- package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.css +3 -1
- package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.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-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.css +10 -0
- 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.css +19 -4
- package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona-item/spw-header-persona-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header.css +5 -0
- package/dist/collection/components/spw-header/spw-header.js +23 -1
- package/dist/collection/components/spw-hero/spw-hero.js +3 -3
- package/dist/collection/components/spw-input-slider/spw-input-slider.js +1 -1
- package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.css +35 -9
- package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.js +23 -1
- package/dist/collection/components/spw-lightbox/spw-lightbox.css +1 -1
- package/dist/collection/components/spw-lightbox/spw-lightbox.js +16 -2
- package/dist/collection/components/spw-link/spw-link.js +1 -1
- package/dist/collection/components/spw-list/spw-list-description/spw-list-description.js +1 -1
- package/dist/collection/components/spw-list/spw-list-item/spw-list-item.js +1 -1
- package/dist/collection/components/spw-list/spw-list-title/spw-list-title.js +1 -1
- package/dist/collection/components/spw-list/spw-list.js +1 -1
- package/dist/collection/components/spw-loading/spw-loading.js +1 -1
- package/dist/collection/components/spw-modal/spw-modal.js +3 -3
- package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +1 -1
- package/dist/collection/components/spw-mosaic/spw-mosaic.js +1 -1
- package/dist/collection/components/spw-pagination/spw-pagination.js +6 -6
- package/dist/collection/components/spw-radio/spw-radio.js +1 -1
- package/dist/collection/components/spw-scrolltop/spw-scrolltop.js +1 -1
- package/dist/collection/components/spw-separator/spw-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js +3 -3
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar.js +1 -1
- package/dist/collection/components/spw-skeleton/spw-skeleton.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js +1 -1
- package/dist/collection/components/spw-slider/spw-slider.css +15 -0
- package/dist/collection/components/spw-slider/spw-slider.js +31 -3
- package/dist/collection/components/spw-socials/spw-socials.js +1 -1
- package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js +1 -1
- package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js +1 -1
- package/dist/collection/components/spw-table/spw-table-container/spw-table-container.js +1 -1
- package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js +1 -1
- package/dist/collection/components/spw-table/spw-table-head/spw-table-head.js +1 -1
- package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js +2 -2
- package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js +1 -1
- package/dist/collection/components/spw-table/spw-table-sidebar/spw-table-sidebar.js +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.css +4 -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 +1 -1
- package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile.js +1 -1
- package/dist/collection/components/spw-timeline/spw-timeline-item/spw-timeline-item.js +2 -2
- package/dist/collection/components/spw-timeline/spw-timeline.js +2 -2
- package/dist/collection/components/spw-toc/spw-toc.js +1 -1
- package/dist/collection/components/spw-tooltip/spw-tooltip.js +1 -1
- package/dist/collection/components/spw-topbar/spw-topbar.js +1 -1
- package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js +1 -1
- package/dist/collection/components/spw-wizard/spw-wizard.js +1 -1
- package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +58 -1
- package/dist/collection/stories/organisms/spw-lightbox/spw-lightbox.stories.js +623 -0
- package/dist/collection/stories/organisms/spw-slider/spw-slider.stories.js +142 -6
- package/dist/components/index.js +1 -1
- package/dist/components/{p-D2bR89OY.js → p-26TmvHEb.js} +1 -1
- package/dist/components/{p-BNVh4npd.js → p-B3wy-a7G.js} +1 -1
- package/dist/components/{p-BqEbo61A.js → p-BAbzUkqV.js} +1 -1
- package/dist/components/{p-CyuzNTuL.js → p-Bu_U3_Ez.js} +1 -1
- package/dist/components/{p-lA7JXY3H.js → p-CwQbV4MW.js} +1 -1
- package/dist/components/{p-CNmnvMAU.js → p-DBIs7bbJ.js} +1 -1
- package/dist/components/{p-D0jLTe4Y.js → p-Dv3JuDht.js} +1 -1
- package/dist/components/{p-D3lAXshq.js → p-FB4itEEQ.js} +1 -1
- package/dist/components/spw-block-content.js +1 -1
- package/dist/components/spw-breadcrumb-item.js +1 -1
- package/dist/components/spw-button.js +1 -1
- package/dist/components/spw-card-content.js +1 -1
- package/dist/components/spw-card-image.js +1 -1
- package/dist/components/spw-card.js +1 -1
- package/dist/components/spw-cookies.js +1 -1
- package/dist/components/spw-custom-select.js +1 -1
- package/dist/components/spw-date-picker.js +1 -1
- package/dist/components/spw-field-label.js +1 -1
- package/dist/components/spw-file-upload.js +1 -1
- package/dist/components/spw-footer-bottom.js +1 -1
- package/dist/components/spw-footer-content-col.js +1 -1
- package/dist/components/spw-footer-link.js +1 -1
- package/dist/components/spw-grid-item.js +1 -1
- package/dist/components/spw-grid.js +1 -1
- package/dist/components/spw-group.js +1 -1
- package/dist/components/spw-header-lang.js +1 -1
- package/dist/components/spw-header-navigation-dropdown.js +1 -1
- package/dist/components/spw-header-navigation-item.js +1 -1
- package/dist/components/spw-header-navigation.js +1 -1
- package/dist/components/spw-header-persona-item.js +1 -1
- package/dist/components/spw-header-persona.js +1 -1
- package/dist/components/spw-header.js +1 -1
- package/dist/components/spw-hero.js +1 -1
- package/dist/components/spw-input-slider.js +1 -1
- package/dist/components/spw-lightbox-item.js +1 -1
- package/dist/components/spw-lightbox.js +1 -1
- package/dist/components/spw-link.js +1 -1
- package/dist/components/spw-list-description.js +1 -1
- package/dist/components/spw-list-item.js +1 -1
- package/dist/components/spw-list-title.js +1 -1
- package/dist/components/spw-list.js +1 -1
- package/dist/components/spw-loading.js +1 -1
- package/dist/components/spw-message.js +1 -1
- package/dist/components/spw-modal.js +1 -1
- package/dist/components/spw-mosaic-item.js +1 -1
- package/dist/components/spw-mosaic.js +4 -4
- package/dist/components/spw-pagination.js +1 -1
- package/dist/components/spw-radio.js +1 -1
- package/dist/components/spw-scrolltop.js +1 -1
- package/dist/components/spw-search-field.js +1 -1
- package/dist/components/spw-select.js +1 -1
- package/dist/components/spw-separator.js +1 -1
- package/dist/components/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/components/spw-sidebar-navigation-item.js +1 -1
- package/dist/components/spw-sidebar-navigation-separator.js +1 -1
- package/dist/components/spw-sidebar.js +1 -1
- package/dist/components/spw-skeleton.js +1 -1
- package/dist/components/spw-slider-item.js +1 -1
- package/dist/components/spw-slider.js +1 -1
- package/dist/components/spw-socials.js +1 -1
- package/dist/components/spw-table-body.js +1 -1
- package/dist/components/spw-table-cell.js +1 -1
- package/dist/components/spw-table-container.js +1 -1
- package/dist/components/spw-table-footer.js +1 -1
- package/dist/components/spw-table-head.js +1 -1
- package/dist/components/spw-table-header.js +1 -1
- package/dist/components/spw-table-row.js +1 -1
- package/dist/components/spw-table-sidebar.js +1 -1
- package/dist/components/spw-tabs-navigation-item.js +1 -1
- package/dist/components/spw-tabs-navigation.js +1 -1
- package/dist/components/spw-tabs.js +1 -1
- package/dist/components/spw-tag.js +1 -1
- package/dist/components/spw-text-field.js +1 -1
- package/dist/components/spw-textarea.js +1 -1
- package/dist/components/spw-theme-provider.js +1 -1
- package/dist/components/spw-tile-description.js +1 -1
- package/dist/components/spw-tile-title.js +1 -1
- package/dist/components/spw-tile.js +1 -1
- package/dist/components/spw-timeline-item.js +1 -1
- package/dist/components/spw-timeline.js +1 -1
- package/dist/components/spw-toc.js +1 -1
- package/dist/components/spw-tooltip.js +1 -1
- package/dist/components/spw-topbar.js +1 -1
- package/dist/components/spw-wizard-item.js +1 -1
- package/dist/components/spw-wizard.js +1 -1
- package/dist/components_json.json +147 -16
- package/dist/esm/{index-BU-5xOtc.js → index-BvJ4Kko5.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/spw-accordion_4.entry.js +1 -1
- package/dist/esm/spw-avatar.entry.js +1 -1
- package/dist/esm/spw-block-content.entry.js +2 -2
- package/dist/esm/spw-box.entry.js +1 -1
- package/dist/esm/spw-breadcrumb-item.entry.js +1 -1
- package/dist/esm/spw-breadcrumb.entry.js +1 -1
- package/dist/esm/spw-button_2.entry.js +2 -2
- package/dist/esm/spw-card-content.entry.js +2 -2
- package/dist/esm/spw-card-excerpt.entry.js +1 -1
- package/dist/esm/spw-card-image.entry.js +5 -3
- 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 +3 -3
- package/dist/esm/spw-checkbox.entry.js +1 -1
- package/dist/esm/spw-cookies.entry.js +1 -1
- package/dist/esm/spw-custom-select.entry.js +1 -1
- package/dist/esm/spw-date-picker.entry.js +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_7.entry.js +16 -16
- package/dist/esm/spw-field-message.entry.js +1 -1
- package/dist/esm/spw-file-upload.entry.js +1 -1
- package/dist/esm/spw-footer-bottom.entry.js +2 -2
- package/dist/esm/spw-footer-content-col.entry.js +7 -3
- package/dist/esm/spw-footer-content.entry.js +1 -1
- package/dist/esm/spw-footer-link.entry.js +3 -3
- package/dist/esm/spw-footer.entry.js +1 -1
- package/dist/esm/spw-grid-item.entry.js +3 -3
- package/dist/esm/spw-grid.entry.js +3 -3
- package/dist/esm/spw-header-lang.entry.js +2 -2
- package/dist/esm/spw-header-navigation-dropdown.entry.js +2 -2
- package/dist/esm/spw-header-navigation-item.entry.js +3 -3
- package/dist/esm/spw-header-navigation.entry.js +2 -2
- package/dist/esm/spw-header-persona-item.entry.js +2 -2
- package/dist/esm/spw-header-persona.entry.js +3 -3
- package/dist/esm/spw-header.entry.js +5 -3
- package/dist/esm/spw-hero.entry.js +4 -4
- package/dist/esm/spw-illustration.entry.js +1 -1
- package/dist/esm/spw-input-slider.entry.js +2 -2
- package/dist/esm/spw-lightbox-item.entry.js +5 -3
- package/dist/esm/spw-lightbox.entry.js +18 -4
- package/dist/esm/spw-list-description.entry.js +2 -2
- package/dist/esm/spw-list-item.entry.js +2 -2
- package/dist/esm/spw-list-title.entry.js +2 -2
- package/dist/esm/spw-list.entry.js +2 -2
- package/dist/esm/spw-message.entry.js +1 -1
- package/dist/esm/spw-modal.entry.js +4 -4
- package/dist/esm/spw-mosaic-item.entry.js +2 -2
- package/dist/esm/spw-mosaic.entry.js +2 -2
- package/dist/esm/spw-pagination.entry.js +7 -7
- package/dist/esm/spw-radio.entry.js +2 -2
- package/dist/esm/spw-scrolltop.entry.js +2 -2
- package/dist/esm/spw-search-field.entry.js +1 -1
- package/dist/esm/spw-select.entry.js +1 -1
- package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +2 -2
- package/dist/esm/spw-sidebar-navigation-item.entry.js +4 -4
- package/dist/esm/spw-sidebar-navigation-separator.entry.js +2 -2
- package/dist/esm/spw-sidebar.entry.js +2 -2
- package/dist/esm/spw-skeleton.entry.js +2 -2
- package/dist/esm/spw-slider-item.entry.js +2 -2
- package/dist/esm/spw-slider.entry.js +13 -5
- package/dist/esm/spw-socials.entry.js +2 -2
- package/dist/esm/spw-stencil-library.js +3 -3
- package/dist/esm/spw-table-body.entry.js +2 -2
- package/dist/esm/spw-table-cell.entry.js +2 -2
- package/dist/esm/spw-table-container.entry.js +2 -2
- package/dist/esm/spw-table-footer.entry.js +2 -2
- package/dist/esm/spw-table-head.entry.js +2 -2
- package/dist/esm/spw-table-header.entry.js +3 -3
- package/dist/esm/spw-table-row.entry.js +2 -2
- package/dist/esm/spw-table-sidebar.entry.js +2 -2
- package/dist/esm/spw-table.entry.js +1 -1
- package/dist/esm/spw-tabs-content.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation-item.entry.js +2 -2
- package/dist/esm/spw-tabs-navigation.entry.js +3 -3
- package/dist/esm/spw-tabs.entry.js +2 -2
- package/dist/esm/spw-tag.entry.js +2 -2
- package/dist/esm/spw-text-field.entry.js +2 -2
- package/dist/esm/spw-textarea.entry.js +2 -2
- package/dist/esm/spw-tile-description.entry.js +2 -2
- package/dist/esm/spw-tile-title.entry.js +2 -2
- package/dist/esm/spw-tile.entry.js +2 -2
- package/dist/esm/spw-timeline-item.entry.js +3 -3
- package/dist/esm/spw-timeline.entry.js +3 -3
- package/dist/esm/spw-toast-controller.entry.js +1 -1
- package/dist/esm/spw-toast.entry.js +1 -1
- package/dist/esm/spw-toc-container.entry.js +1 -1
- package/dist/esm/spw-toc-navigation.entry.js +1 -1
- package/dist/esm/spw-toc.entry.js +2 -2
- package/dist/esm/spw-topbar.entry.js +2 -2
- package/dist/esm/spw-wizard-item.entry.js +2 -2
- package/dist/esm/spw-wizard.entry.js +2 -2
- package/dist/spw-stencil-library/{p-7fe2e659.entry.js → p-02de5468.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-82b5e1a1.entry.js → p-049c5159.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-910755a9.entry.js → p-05819904.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a09e3914.entry.js → p-0a9288b5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6ea95517.entry.js → p-0b4fd80e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d2cabbe3.entry.js → p-0cf5aadc.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4504a51e.entry.js → p-153a026f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f2aaa06a.entry.js → p-1875874e.entry.js} +1 -1
- package/dist/spw-stencil-library/p-19c01c71.entry.js +1 -0
- package/dist/spw-stencil-library/{p-cdff9c53.entry.js → p-1fa367e7.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dc802ca2.entry.js → p-2298be7a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-deca1884.entry.js → p-242e2de6.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ce6af096.entry.js → p-28a5d0bf.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-56b73f04.entry.js → p-28e49d02.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b218aeda.entry.js → p-2b182fc8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bd26c928.entry.js → p-2dda4dfe.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4265f6e5.entry.js → p-34cc819b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e5579295.entry.js → p-35b865cf.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6dabae01.entry.js → p-38a53864.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-404a11b2.entry.js → p-3ccb9c03.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e96bccc1.entry.js → p-3e7b44af.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e86c4192.entry.js → p-450306c5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-79c6f599.entry.js → p-47478c37.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3cee0356.entry.js → p-474cbbca.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b1b6f3cb.entry.js → p-47a23440.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9ee8fd30.entry.js → p-48b4e11f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dcd5fa8d.entry.js → p-4c59112a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ff26da9e.entry.js → p-4dd215d6.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b3152418.entry.js → p-4eda33d4.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4f163e66.entry.js → p-50ccad8a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-da0a8272.entry.js → p-52731c22.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-32340c8d.entry.js → p-58393ab6.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-daf0d53e.entry.js → p-59925808.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-03addc15.entry.js → p-61b5224c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4a8766cc.entry.js → p-661d7e73.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1bdcb44c.entry.js → p-661fcef1.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-38f286b7.entry.js → p-6676fc1b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7a3131fa.entry.js → p-66da29be.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-afb26e73.entry.js → p-6cf39777.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8e8f253e.entry.js → p-7107ed7f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a7b665db.entry.js → p-7177a4f7.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-66b30373.entry.js → p-732b2f4c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-94158325.entry.js → p-7ccef87e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9ddfa4ef.entry.js → p-7db10e21.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-074758e0.entry.js → p-7dd7816b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f880da57.entry.js → p-8063aa58.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1eb101b8.entry.js → p-822b0a4b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-47ee3609.entry.js → p-82aa983b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dee97ef5.entry.js → p-85e3a088.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5631f2de.entry.js → p-862fdbdb.entry.js} +1 -1
- package/dist/spw-stencil-library/p-873c504b.entry.js +1 -0
- package/dist/spw-stencil-library/p-8a65a845.entry.js +1 -0
- package/dist/spw-stencil-library/{p-7ae08cea.entry.js → p-8c750816.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-123bfbc0.entry.js → p-95710898.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-311be1c9.entry.js → p-97c81dd9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f43e54c9.entry.js → p-9eef1265.entry.js} +1 -1
- package/dist/spw-stencil-library/p-BvJ4Kko5.js +2 -0
- package/dist/spw-stencil-library/p-a3176800.entry.js +1 -0
- package/dist/spw-stencil-library/{p-31035d04.entry.js → p-a3c881c8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b53d9fdb.entry.js → p-a3ee7134.entry.js} +1 -1
- package/dist/spw-stencil-library/p-a6250c87.entry.js +1 -0
- package/dist/spw-stencil-library/{p-ac6f9351.entry.js → p-a6fb9fd7.entry.js} +1 -1
- package/dist/spw-stencil-library/p-aba5a50e.entry.js +1 -0
- package/dist/spw-stencil-library/p-ada5d5c1.entry.js +1 -0
- package/dist/spw-stencil-library/{p-fbbacf1e.entry.js → p-ae28e3c0.entry.js} +1 -1
- package/dist/spw-stencil-library/p-b02ea898.entry.js +1 -0
- package/dist/spw-stencil-library/{p-49be0d9e.entry.js → p-b04edce9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-98f51dbc.entry.js → p-b106fb83.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8901c312.entry.js → p-bc45cc77.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e7115b5c.entry.js → p-c319b12a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-2fb76b1e.entry.js → p-c3fcebbb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-05378ed8.entry.js → p-c44b2b7a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-024a26e8.entry.js → p-c8b2eba5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-699e435e.entry.js → p-cf452afb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a8d2e217.entry.js → p-d9d9f6e6.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1cd657f6.entry.js → p-da114b29.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3703f96f.entry.js → p-de825095.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b15db228.entry.js → p-e0ce83c2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-eda2cbd9.entry.js → p-e838ba61.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e1c2b8f8.entry.js → p-ecf926b0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e4710721.entry.js → p-eeacd7b2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3374ac92.entry.js → p-f194ab4b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-df311267.entry.js → p-f1baf303.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1cd68465.entry.js → p-f1ecd17e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bebfe3cd.entry.js → p-f20b2da0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-50bf3984.entry.js → p-f2b58e55.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5ac48320.entry.js → p-f5d2d168.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f7b152f7.entry.js → p-f69182ff.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1337adf5.entry.js → p-f898a06d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9b28f86c.entry.js → p-fab8c92f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-543d3e89.entry.js → p-fc96be97.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c41fe381.entry.js → p-fd564976.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bfd908c9.entry.js → p-ff289cc8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-79f8babf.entry.js → p-ffe7898a.entry.js} +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/stats.json +1288 -1047
- package/dist/types/components/spw-card/spw-card-image/spw-card-image.d.ts +2 -0
- package/dist/types/components/spw-card/spw-card.d.ts +1 -1
- package/dist/types/components/spw-footer/spw-footer-content-col/spw-footer-content-col.d.ts +2 -0
- package/dist/types/components/spw-header/spw-header.d.ts +2 -0
- package/dist/types/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.d.ts +2 -0
- package/dist/types/components/spw-lightbox/spw-lightbox.d.ts +3 -0
- package/dist/types/components/spw-slider/spw-slider.d.ts +3 -0
- package/dist/types/components.d.ts +47 -3
- package/dist/types/stories/organisms/spw-card/spw-card.stories.d.ts +2 -1
- package/dist/types/stories/organisms/spw-lightbox/spw-lightbox.stories.d.ts +16 -0
- package/dist/types/stories/organisms/spw-slider/spw-slider.stories.d.ts +8 -1
- package/hydrate/index.js +147 -110
- package/hydrate/index.mjs +147 -110
- package/package.json +1 -1
- package/dist/spw-stencil-library/p-0583eb9e.entry.js +0 -1
- package/dist/spw-stencil-library/p-0fbae5ce.entry.js +0 -1
- package/dist/spw-stencil-library/p-170c4262.entry.js +0 -1
- package/dist/spw-stencil-library/p-7ffe8116.entry.js +0 -1
- package/dist/spw-stencil-library/p-BU-5xOtc.js +0 -2
- package/dist/spw-stencil-library/p-be220196.entry.js +0 -1
- package/dist/spw-stencil-library/p-c5824697.entry.js +0 -1
- package/dist/spw-stencil-library/p-e0b50329.entry.js +0 -1
- package/dist/spw-stencil-library/p-e7dbe743.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,t as o}from"./index.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tooltipTitle="",this.tooltipText="",this.direction="top",this.cursor="help",this.visible=!0,this.isVisible=!1,this.showTooltip=()=>{this.visible&&(this.isVisible=!0,this.createTooltip(),requestAnimationFrame((()=>{this.positionTooltip()})),window.addEventListener("scroll",this.handleScrollOrResize,!0),window.addEventListener("resize",this.handleScrollOrResize))},this.hideTooltip=()=>{this.isVisible=!1,this.removeTooltipFromDOM(),window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize)}}connectedCallback(){this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize),this.removeTooltipFromDOM()}updateTooltipVisibility(){this.tooltipEl&&(this.tooltipEl.style.display=this.visible?"flex":"none")}componentWillRender(){this.updateTooltipVisibility()}componentDidUpdate(){this.updateTooltipVisibility()}handleScrollOrResize(){this.isVisible&&this.positionTooltip()}createTooltip(){if(!this.tooltipEl){if(this.tooltipEl=document.createElement("div"),this.tooltipEl.className=`spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`,this.tooltipEl.setAttribute("role","tooltip"),this.tooltipTitle){const t=document.createElement("strong");t.className="spw-tooltip__title",t.textContent=this.tooltipTitle,this.tooltipEl.appendChild(t)}if(this.tooltipText){const t=document.createElement("div");t.textContent=this.tooltipText,this.tooltipEl.appendChild(t)}document.body.appendChild(this.tooltipEl)}}removeTooltipFromDOM(){this.tooltipEl&&this.tooltipEl.parentNode&&this.tooltipEl.parentNode.removeChild(this.tooltipEl),this.tooltipEl=null}positionTooltip(){var t;if(!this.tooltipEl)return;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-tooltip__target");if(!e)return;const i=e.getBoundingClientRect(),o=this.tooltipEl;o.style.visibility="hidden",o.style.display="flex",o.style.position="fixed",o.style.top="0px",o.style.left="0px",o.style.maxWidth=this.maxWidth+"px"||"100%";const s=o.getBoundingClientRect();let n=0,
|
|
1
|
+
import{p as t,H as e,h as i,t as o}from"./index.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tooltipTitle="",this.tooltipText="",this.direction="top",this.cursor="help",this.visible=!0,this.isVisible=!1,this.showTooltip=()=>{this.visible&&(this.isVisible=!0,this.createTooltip(),requestAnimationFrame((()=>{this.positionTooltip()})),window.addEventListener("scroll",this.handleScrollOrResize,!0),window.addEventListener("resize",this.handleScrollOrResize))},this.hideTooltip=()=>{this.isVisible=!1,this.removeTooltipFromDOM(),window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize)}}connectedCallback(){this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize),this.removeTooltipFromDOM()}updateTooltipVisibility(){this.tooltipEl&&(this.tooltipEl.style.display=this.visible?"flex":"none")}componentWillRender(){this.updateTooltipVisibility()}componentDidUpdate(){this.updateTooltipVisibility()}handleScrollOrResize(){this.isVisible&&this.positionTooltip()}createTooltip(){if(!this.tooltipEl){if(this.tooltipEl=document.createElement("div"),this.tooltipEl.className=`spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`,this.tooltipEl.setAttribute("role","tooltip"),this.tooltipTitle){const t=document.createElement("strong");t.className="spw-tooltip__title",t.textContent=this.tooltipTitle,this.tooltipEl.appendChild(t)}if(this.tooltipText){const t=document.createElement("div");t.textContent=this.tooltipText,this.tooltipEl.appendChild(t)}document.body.appendChild(this.tooltipEl)}}removeTooltipFromDOM(){this.tooltipEl&&this.tooltipEl.parentNode&&this.tooltipEl.parentNode.removeChild(this.tooltipEl),this.tooltipEl=null}positionTooltip(){var t;if(!this.tooltipEl)return;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-tooltip__target");if(!e)return;const i=e.getBoundingClientRect(),o=this.tooltipEl;o.style.visibility="hidden",o.style.display="flex",o.style.position="fixed",o.style.top="0px",o.style.left="0px",o.style.maxWidth=this.maxWidth+"px"||"100%";const s=o.getBoundingClientRect();let n=0,a=0;switch(this.direction){case"top":n=i.top-s.height-8,a=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8,a=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2,a=i.left-s.width-8;break;default:n=i.top+(i.height-s.height)/2,a=i.right+8}o.style.top=`${n}px`,o.style.left=`${a}px`,o.style.zIndex="9999",o.style.visibility="visible"}get classes(){return{"spw-tooltip__target":!0,[`spw-tooltip__target--${this.cursor}`]:!0}}render(){return i("div",{key:"99c115a3c40b530ca328ae849a82d3ba1a33ffd9",class:this.classes,onMouseEnter:this.showTooltip,onMouseLeave:this.hideTooltip},i("slot",{key:"39db1a48313698a7102a7364be49a1cebcf8539d"}))}get host(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block}.spw-tooltip__target--pointer{cursor:pointer}.spw-tooltip__target--default{cursor:default}.spw-tooltip__target--help{cursor:help}.spw-tooltip__target--disabled{cursor:not-allowed}:host(.spw-tooltip--has-ellipsis) .spw-tooltip__target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[257,"spw-tooltip",{tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],maxWidth:[1,"max-width"],direction:[1],cursor:[1],visible:[4],isVisible:[32]}]);function n(){"undefined"!=typeof customElements&&["spw-tooltip"].forEach((t=>{"spw-tooltip"===t&&(customElements.get(o(t))||customElements.define(o(t),s))}))}export{s as S,n as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,t as o}from"./index.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.surface="dark",this.direction="horizontal",this.thickness=1,this.width="100%",this.height="100%"}get elementClass(){return{"spw-separator":!0,[`spw-separator--${this.surface}`]:!0,[`spw-separator--${this.direction}`]:!0,[`spw-separator--thickness-${this.thickness}`]:!0}}get style(){return{width:"horizontal"===this.direction?`${this.width}px`:`${this.thickness}px`,height:"vertical"===this.direction?`${this.height}px`:`${this.thickness}px`}}render(){return i("div",{key:"
|
|
1
|
+
import{p as t,H as e,h as i,t as o}from"./index.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.surface="dark",this.direction="horizontal",this.thickness=1,this.width="100%",this.height="100%"}get elementClass(){return{"spw-separator":!0,[`spw-separator--${this.surface}`]:!0,[`spw-separator--${this.direction}`]:!0,[`spw-separator--thickness-${this.thickness}`]:!0}}get style(){return{width:"horizontal"===this.direction?`${this.width}px`:`${this.thickness}px`,height:"vertical"===this.direction?`${this.height}px`:`${this.thickness}px`}}render(){return i("div",{key:"cb9f9352e8fe63d8590f2684783008a7bd5bc3af",class:this.elementClass,style:this.style})}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-separator{display:block;border-width:1px}.spw-separator--horizontal{border-bottom-style:solid;width:auto;height:0}.spw-separator--vertical{border-right-style:solid;width:0;height:auto}.spw-separator--dark{border-color:var(--spw-colors-support-grey-grey-300)}.spw-separator--light{border-color:var(--spw-ds-white)}.spw-separator--thickness-1{border-width:1px}.spw-separator--thickness-2{border-width:2px}"}},[1,"spw-separator",{surface:[1],direction:[1],thickness:[2],width:[1],height:[1]}]);function n(){"undefined"!=typeof customElements&&["spw-separator"].forEach((t=>{"spw-separator"===t&&(customElements.get(o(t))||customElements.define(o(t),s))}))}export{s as S,n as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-oVOlDrOp.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.surface="light",this.hasIcon=!0,this.target="_self",this.size="medium",this.iconVariant="fa-solid",this.iconPosition="left",this.getIcon=e=>{const t={default:"fa-bell",grey:"fa-ellipsis",blue:"fa-loader",green:"fa-check",orange:"fa-triangle-exclamation",red:"fa-octagon-xmark",purple:"fa-sparkles"};return t[e]||t.default}}get elementClass(){return{"spw-tag":!0,"spw-tag--hoverable":!!this.href,"spw-tag--icon":this.hasIcon,[`spw-tag--${this.variant}`]:!0,[`spw-tag--size-${this.size}`]:!0,[`spw-tag--surface-${this.surface}`]:!0}}render(){const{href:e,target:t}=this,s=void 0===this.href?"div":"a",n="div"===s?{}:{href:e,target:t},a=this.icon||this.getIcon(this.variant),r=this.hasIcon?i("spw-icon",{variant:this.iconVariant,icon:a}):null;return i(o,{key:"
|
|
1
|
+
import{p as e,H as t,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-oVOlDrOp.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.surface="light",this.hasIcon=!0,this.target="_self",this.size="medium",this.iconVariant="fa-solid",this.iconPosition="left",this.getIcon=e=>{const t={default:"fa-bell",grey:"fa-ellipsis",blue:"fa-loader",green:"fa-check",orange:"fa-triangle-exclamation",red:"fa-octagon-xmark",purple:"fa-sparkles"};return t[e]||t.default}}get elementClass(){return{"spw-tag":!0,"spw-tag--hoverable":!!this.href,"spw-tag--icon":this.hasIcon,[`spw-tag--${this.variant}`]:!0,[`spw-tag--size-${this.size}`]:!0,[`spw-tag--surface-${this.surface}`]:!0}}render(){const{href:e,target:t}=this,s=void 0===this.href?"div":"a",n="div"===s?{}:{href:e,target:t},a=this.icon||this.getIcon(this.variant),r=this.hasIcon?i("spw-icon",{variant:this.iconVariant,icon:a}):null;return i(o,{key:"4d2f791709b62ad1863e1299c0ca21fa5fc5466b"},i(s,Object.assign({key:"67c29a4284d4cc661baeb76803fc69c8203d2ce6"},n,{class:this.elementClass}),"left"===this.iconPosition&&r,i("slot",{key:"5728f7bb62e7986030666229c2283306349b4022"}),"right"===this.iconPosition&&r))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block}.spw-tag{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;border-radius:999px;border:1px solid transparent;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all linear 0.2s}.spw-tag--hoverable:hover{transform:translateY(-3px)}.spw-tag--default{background:#fff;color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-300)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.15)}.spw-tag--size-extra-small{font-size:12px;line-height:11px;padding:6px 8px;gap:4px}.spw-tag--size-small{font-size:14px;line-height:13px;padding:6px 10px;gap:4px}.spw-tag--size-medium{font-size:16px;line-height:15px;padding:6px 10px}.spw-tag--size-large{font-size:18px;line-height:17px;padding:6px 10px}"}},[257,"spw-tag",{variant:[1],surface:[1],hasIcon:[4,"has-icon"],icon:[1],href:[1],target:[1],size:[1],iconVariant:[1,"icon-variant"],iconPosition:[1,"icon-position"]}]);function r(){"undefined"!=typeof customElements&&["spw-tag","spw-icon"].forEach((e=>{switch(e){case"spw-tag":customElements.get(s(e))||customElements.define(s(e),a);break;case"spw-icon":customElements.get(s(e))||n()}}))}export{a as S,r as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as i,a as o,t as n}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.text="Chargement...",this.surface="light",this.size="medium",this.orientation="horizontal"}get loadingClasses(){return{"spw-loading":!0,[`spw-loading--${this.surface}`]:!0,[`spw-loading--${this.size}`]:!0,[`spw-loading--${this.orientation}`]:!0}}render(){return i(o,{key:"
|
|
1
|
+
import{p as e,H as t,h as i,a as o,t as n}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.text="Chargement...",this.surface="light",this.size="medium",this.orientation="horizontal"}get loadingClasses(){return{"spw-loading":!0,[`spw-loading--${this.surface}`]:!0,[`spw-loading--${this.size}`]:!0,[`spw-loading--${this.orientation}`]:!0}}render(){return i(o,{key:"2ae810f9bac688bb2ef02ab611b4143769f5fa2e"},i("div",{key:"822c5236811d5361e562b6efea9c8437e59e39b4",class:this.loadingClasses},i("div",{key:"99e0addc754c008e37f0c99799244790565cbae0",class:"spw-loading__spinner"}),this.text&&i("p",{key:"674e6b700e1a8b9a7816eb014344e49e38781d9e",class:"spw-loading__text"},this.text)))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-loading-border-color:var(--spw-color-themes-grey-grey-200);--spw-loading-spinner-color:var(--spw-ds-primary);--spw-loading-text-color:var(--spw-color-themes-grey-grey-800)}.spw-loading{display:flex;align-items:center}.spw-loading__spinner{width:20px;height:20px;border-radius:50%;border:4px solid var(--spw-loading-border-color);border-top-color:var(--spw-loading-spinner-color);animation:loading 1s linear infinite}@keyframes loading{to{transform:rotate(360deg)}}.spw-loading__text{font-size:14px;color:var(--spw-loading-text-color)}.spw-loading--light{--spw-loading-border-color:var(--spw-color-themes-grey-grey-200);--spw-loading-spinner-color:var(--spw-ds-primary);--spw-loading-text-color:var(--spw-color-themes-grey-grey-800)}.spw-loading--dark{--spw-loading-border-color:rgba(255, 255, 255, 0.3);--spw-loading-spinner-color:var(--spw-color-themes-grey-grey-50);--spw-loading-text-color:var(--spw-color-themes-grey-grey-50)}.spw-loading--small .spw-loading__spinner{width:16px;height:16px;border-width:3px}.spw-loading--small .spw-loading__text{font-size:12px;margin-left:6px}.spw-loading--medium .spw-loading__spinner{width:20px;height:20px;border-width:4px}.spw-loading--medium .spw-loading__text{font-size:14px;margin-left:8px}.spw-loading--large .spw-loading__spinner{width:30px;height:30px;border-width:5px}.spw-loading--large .spw-loading__text{font-size:16px;margin-left:8px}.spw-loading--extra-large .spw-loading__spinner{width:36px;height:36px;border-width:6px}.spw-loading--extra-large .spw-loading__text{font-size:18px;margin-left:12px}.spw-loading--horizontal{flex-direction:row}.spw-loading--horizontal .spw-loading__text{margin-top:0}.spw-loading--vertical{flex-direction:column}.spw-loading--vertical .spw-loading__text{margin-left:0;margin-top:8px}"}},[1,"spw-loading",{text:[1],surface:[1],size:[1],orientation:[1]}]);function a(){"undefined"!=typeof customElements&&["spw-loading"].forEach((e=>{"spw-loading"===e&&(customElements.get(n(e))||customElements.define(n(e),s))}))}export{s as S,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,c as i,h as s,t as n}from"./index.js";import{d as r}from"./p-CNmnvMAU.js";import{d as o}from"./p-CLCgZYzK.js";import{d as a}from"./p-oVOlDrOp.js";import{d as l}from"./p-D2bR89OY.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=i(this,"valueChanged",7),this.internals=this.attachInternals(),this.type="text",this.label="",this.isSearch=!1,this.isClear=!1,this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.accAriaLabelIncrement="Incrémenter",this.accAriaLabelDecrement="Décrémenter",this.hasControls=!0,this.hasSubmitButton=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isClearIconVisible=!1}async setFocus(){var e;null===(e=this.inputElement)||void 0===e||e.focus()}valueChangedHandler(e){this.setValue(this.normalizeDecimalSeparator(null!=e?String(e):""))}async setValue(e){const t=this.mask?this.applyMask(e):e;if(this.inputElement&&this.inputElement.value!==t&&(this.inputElement.value=t),this.value===t)return;this.value=t;const i=this.getTypedValue(t);this.internals.setFormValue(i?String(i):null),this.isClearIconVisible=this.isClear&&!!t,this.valueChanged.emit(i)}getTypedValue(e){return e?"number"!==this.type||isNaN(Number(e))?e:Number(e):""}componentDidLoad(){const e=this.normalizeDecimalSeparator(null!=this.value?String(this.value):"");this.defaultValue=e,this.inputElement&&(this.inputElement.value=e);const t=this.getTypedValue(e);this.internals.setFormValue(t?String(t):null),this.isClearIconVisible=this.isClear&&!!e}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}handleInput(e){this.setValue(e.target.value)}handleClear(){this.setValue("")}handleKeyDown(e){var t,i,s,n,r;if("Enter"===e.key&&this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit()),"number"===this.type&&null!=this.decimalPrecision){const o=this.inputElement,a=null!==(t=null==o?void 0:o.value)&&void 0!==t?t:"",l=e.key;if(["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Tab","Enter","Home","End"].includes(l))return;if(e.ctrlKey||e.metaKey)return;if(","===l||"."===l){if(e.preventDefault(),!a.includes(".")){const e=null!==(i=o.selectionStart)&&void 0!==i?i:a.length,t=null!==(s=o.selectionEnd)&&void 0!==s?s:a.length,n=a.slice(0,e)+"."+a.slice(t);o.value=n,o.setSelectionRange(e+1,e+1),this.setValue(n)}return}if("-"===l)return void((0!==o.selectionStart||a.includes("-"))&&e.preventDefault());if(!/^[0-9]$/.test(l))return void e.preventDefault();const d=a.indexOf(".");if(-1!==d){const t=null!==(n=null==o?void 0:o.selectionStart)&&void 0!==n?n:a.length,i=(null!==(r=null==o?void 0:o.selectionEnd)&&void 0!==r?r:a.length)-t,s=a.slice(d+1);t>d&&s.length-i>=this.decimalPrecision&&e.preventDefault()}}}handleSubmit(){const e=this.el.closest("form");e&&e.requestSubmit()}normalizeDecimalSeparator(e){return"number"===this.type&&null!=this.decimalPrecision?e.replace(",","."):e}roundToPrecision(e){if(null==this.decimalPrecision)return e;const t=Math.pow(10,this.decimalPrecision);return Math.round(e*t)/t}getCurrentNumericValue(){var e,t,i,s;const n=null!=this.decimalPrecision?null!==(t=null===(e=this.inputElement)||void 0===e?void 0:e.value)&&void 0!==t?t:String(null!==(i=this.value)&&void 0!==i?i:""):String(null!==(s=this.value)&&void 0!==s?s:""),r=Number(n);return isNaN(r)?0:r}increment(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()+t);null!=this.max&&i>this.max&&(i=this.max),this.setValue(String(i))}decrement(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()-t);null!=this.min&&i<this.min&&(i=this.min),this.setValue(String(i))}unmask(e){return e?e.replace("number"===this.type?/[^0-9.,\-]/g:/[^0-9A-Za-z]/g,""):""}matchesPlaceholder(e,t){switch(t){case"9":return/[0-9]/.test(e);case"A":case"a":return/[A-Za-z]/.test(e);case"X":return/[0-9A-Za-z]/.test(e);default:return!1}}transformForPlaceholder(e,t){return"A"===t?e.toUpperCase():e}applyMask(e){if(!this.mask)return e;const t=this.unmask(e).split("");let i=0,s="";for(let e=0;e<this.mask.length;e++){const n=this.mask[e];if(["9","A","a","X"].includes(n)){for(;i<t.length&&!this.matchesPlaceholder(t[i],n);)i++;if(i>=t.length)break;s+=this.transformForPlaceholder(t[i],n),i++}else{if(i>=t.length)break;s+=n}}return s}renderErrorMessage(){if(this.error)return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){const e="number"===this.type;return{"spw-text-field":!0,[`spw-text-field--${this.size}`]:!0,"spw-text-field--is-search":this.isSearch,"spw-text-field--is-error":!!this.error,"spw-text-field--is-clear":this.isClearIconVisible,"spw-text-field--is-number":e,"spw-text-field--has-controls":e&&this.hasControls,"spw-text-field--has-submit-button":this.hasSubmitButton,"spw-text-field--disabled":this.disabled}}render(){return s("div",{key:"6304ac03c3541efc09d35aeef2c0e0328dabe31a",class:this.elementClass},this.label&&s("spw-field-label",{key:"d8ab8972e69ae8c0e81610461f74a011360bee7d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&s("spw-field-message",{key:"20e6c6c57f7d5ac21412d5dc95133c0ddc74ebad",class:"spw-text-field__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"3ee14b39bc1aed104cd0f3363663ba99d4d26079",class:"spw-text-field__container"},"number"===this.type&&this.hasControls&&s("button",{key:"90f6fd6f6ccb853ae3306c71f3108af97c412fb7",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--decrement",onClick:()=>this.decrement(),disabled:this.disabled||null!=this.min&&Number(this.value)<=this.min,"aria-label":this.accAriaLabelDecrement},s("spw-icon",{key:"ed8448120845caee7c46450a8188ad7c4bc78587",icon:"fa-minus"})),s("div",{key:"6b88c873c6a08f46631154b176cb1e5e2380068e",class:"spw-text-field__input-container"},s("input",{key:"1b594555f259e1dd2691325d02df1c9678412722",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:"number"===this.type&&null!=this.decimalPrecision?"text":this.type,inputMode:"number"===this.type&&null!=this.decimalPrecision?"decimal":void 0,min:"number"===this.type&&null==this.decimalPrecision?this.min:void 0,max:"number"===this.type&&null==this.decimalPrecision?this.max:void 0,step:"number"===this.type&&null==this.decimalPrecision?this.step:void 0,placeholder:this.placeholder,"aria-label":this.accAriaLabel||this.name,disabled:this.disabled,name:this.name,id:this.name,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e)}),(this.isSearch||this.isClearIconVisible)&&s("div",{key:"31a3327283b626bb69d94b65bae7f5b35b701176",class:"spw-text-field__icons"},this.isClearIconVisible&&s("span",{key:"48a790c6392001b89e01ef7df728687e1c537a22",class:"spw-text-field__clear",onClick:()=>this.handleClear()},s("spw-icon",{key:"b84e4d2f30f7fdc0aaf56786864d63f3aaa67318",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&!this.hasSubmitButton&&s("spw-icon",{key:"180e6024aea317b3347dc8c92bd3027ee04ebdd2",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}),this.hasSubmitButton&&s("button",{key:"5317171e217a0db4d8536f3540fba10377876820",type:"button",class:"spw-text-field__submit",onClick:()=>this.handleSubmit(),"aria-label":"Rechercher"},s("spw-icon",{key:"29a25f1b56792324cde4e573109b3f35bb2a7300",icon:"fa-magnifying-glass"})))),"number"===this.type&&this.hasControls&&s("button",{key:"13e09f4e3911f62c19e485efc3007b9ec47a8db1",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--increment",onClick:()=>this.increment(),disabled:this.disabled||null!=this.max&&Number(this.value)>=this.max,"aria-label":this.accAriaLabelIncrement},s("spw-icon",{key:"2d2bb2bc2c38675a352dc1c3fe6016293ea4390d",icon:"fa-plus"})),this.indicator&&s("div",{key:"69d2377a8c1253d0adbb8cfb4c3ec4c81ae4a8a7",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChangedHandler:0}]}}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.spw-text-field{position:relative}.spw-text-field__input-container{flex:1;position:relative;display:flex}.spw-text-field__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-text-field__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;margin:0}.spw-text-field__input[type=number]::-webkit-outer-spin-button,.spw-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:hover,.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;padding:0 24px;line-height:60px}.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{display:flex;align-items:center}.spw-text-field__indicator{padding-left:12px}.spw-text-field__field-message{margin-bottom:8px;margin-top:-4px}.spw-text-field__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-text-field__clear:hover{color:var(--spw-ds-primary)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{pointer-events:none;font-size:18px}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-text-field__submit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:all 0.2s ease;color:var(--spw-input-icon-search-color);font-size:18px}.spw-text-field__submit:focus,.spw-text-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-text-field--large .spw-text-field__submit{width:36px;height:36px;font-size:24px}.spw-text-field--disabled .spw-text-field__submit{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__number-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--spw-input-height);height:var(--spw-input-height);padding:0;border:1px solid var(--spw-input-border);background:var(--spw-color-themes-grey-grey-100);cursor:pointer;transition:all 0.2s ease-in-out;color:var(--spw-color-themes-grey-grey-900);font-size:14px}.spw-text-field__number-btn--decrement{border-radius:var(--spw-input-radius) 0 0 var(--spw-input-radius);border-right:none}.spw-text-field__number-btn--increment{border-radius:0 var(--spw-input-radius) var(--spw-input-radius) 0;border-left:none}.spw-text-field__number-btn:hover:not(:disabled){background:var(--spw-color-themes-grey-grey-200)}.spw-text-field__number-btn:focus,.spw-text-field__number-btn:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black;z-index:1}.spw-text-field__number-btn:disabled{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100)}.spw-text-field--large .spw-text-field__number-btn{width:60px;height:60px;font-size:18px}.spw-text-field--has-controls .spw-text-field__input{border-radius:0;border-left:none;border-right:none;text-align:center}'}},[65,"spw-text-field",{value:[1544],type:[1],label:[1],placeholder:[1],disabled:[4],name:[1],min:[2],max:[2],step:[2],minLength:[2,"min-length"],maxLength:[2,"max-length"],isSearch:[4,"is-search"],isClear:[4,"is-clear"],required:[4],size:[1],indicator:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],accAriaLabel:[1,"acc-aria-label"],accAriaLabelIncrement:[1,"acc-aria-label-increment"],accAriaLabelDecrement:[1,"acc-aria-label-decrement"],hasControls:[4,"has-controls"],hasSubmitButton:[4,"has-submit-button"],mask:[1],decimalPrecision:[2,"decimal-precision"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClearIconVisible:[32],setFocus:[64],setValue:[64]},void 0,{value:[{valueChangedHandler:0}]}]);function p(){"undefined"!=typeof customElements&&["spw-text-field","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((e=>{switch(e){case"spw-text-field":customElements.get(n(e))||customElements.define(n(e),d);break;case"spw-field-label":customElements.get(n(e))||r();break;case"spw-field-message":customElements.get(n(e))||o();break;case"spw-icon":customElements.get(n(e))||a();break;case"spw-tooltip":customElements.get(n(e))||l()}}))}export{d as S,p as d}
|
|
1
|
+
import{p as e,H as t,c as i,h as s,t as n}from"./index.js";import{d as r}from"./p-DBIs7bbJ.js";import{d as o}from"./p-CLCgZYzK.js";import{d as a}from"./p-oVOlDrOp.js";import{d as l}from"./p-26TmvHEb.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=i(this,"valueChanged",7),this.internals=this.attachInternals(),this.type="text",this.label="",this.isSearch=!1,this.isClear=!1,this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.accAriaLabelIncrement="Incrémenter",this.accAriaLabelDecrement="Décrémenter",this.hasControls=!0,this.hasSubmitButton=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isClearIconVisible=!1}async setFocus(){var e;null===(e=this.inputElement)||void 0===e||e.focus()}valueChangedHandler(e){this.setValue(this.normalizeDecimalSeparator(null!=e?String(e):""))}async setValue(e){const t=this.mask?this.applyMask(e):e;if(this.inputElement&&this.inputElement.value!==t&&(this.inputElement.value=t),this.value===t)return;this.value=t;const i=this.getTypedValue(t);this.internals.setFormValue(i?String(i):null),this.isClearIconVisible=this.isClear&&!!t,this.valueChanged.emit(i)}getTypedValue(e){return e?"number"!==this.type||isNaN(Number(e))?e:Number(e):""}componentDidLoad(){const e=this.normalizeDecimalSeparator(null!=this.value?String(this.value):"");this.defaultValue=e,this.inputElement&&(this.inputElement.value=e);const t=this.getTypedValue(e);this.internals.setFormValue(t?String(t):null),this.isClearIconVisible=this.isClear&&!!e}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}handleInput(e){this.setValue(e.target.value)}handleClear(){this.setValue("")}handleKeyDown(e){var t,i,s,n,r;if("Enter"===e.key&&this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit()),"number"===this.type&&null!=this.decimalPrecision){const o=this.inputElement,a=null!==(t=null==o?void 0:o.value)&&void 0!==t?t:"",l=e.key;if(["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Tab","Enter","Home","End"].includes(l))return;if(e.ctrlKey||e.metaKey)return;if(","===l||"."===l){if(e.preventDefault(),!a.includes(".")){const e=null!==(i=o.selectionStart)&&void 0!==i?i:a.length,t=null!==(s=o.selectionEnd)&&void 0!==s?s:a.length,n=a.slice(0,e)+"."+a.slice(t);o.value=n,o.setSelectionRange(e+1,e+1),this.setValue(n)}return}if("-"===l)return void((0!==o.selectionStart||a.includes("-"))&&e.preventDefault());if(!/^[0-9]$/.test(l))return void e.preventDefault();const d=a.indexOf(".");if(-1!==d){const t=null!==(n=null==o?void 0:o.selectionStart)&&void 0!==n?n:a.length,i=(null!==(r=null==o?void 0:o.selectionEnd)&&void 0!==r?r:a.length)-t,s=a.slice(d+1);t>d&&s.length-i>=this.decimalPrecision&&e.preventDefault()}}}handleSubmit(){const e=this.el.closest("form");e&&e.requestSubmit()}normalizeDecimalSeparator(e){return"number"===this.type&&null!=this.decimalPrecision?e.replace(",","."):e}roundToPrecision(e){if(null==this.decimalPrecision)return e;const t=Math.pow(10,this.decimalPrecision);return Math.round(e*t)/t}getCurrentNumericValue(){var e,t,i,s;const n=null!=this.decimalPrecision?null!==(t=null===(e=this.inputElement)||void 0===e?void 0:e.value)&&void 0!==t?t:String(null!==(i=this.value)&&void 0!==i?i:""):String(null!==(s=this.value)&&void 0!==s?s:""),r=Number(n);return isNaN(r)?0:r}increment(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()+t);null!=this.max&&i>this.max&&(i=this.max),this.setValue(String(i))}decrement(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()-t);null!=this.min&&i<this.min&&(i=this.min),this.setValue(String(i))}unmask(e){return e?e.replace("number"===this.type?/[^0-9.,\-]/g:/[^0-9A-Za-z]/g,""):""}matchesPlaceholder(e,t){switch(t){case"9":return/[0-9]/.test(e);case"A":case"a":return/[A-Za-z]/.test(e);case"X":return/[0-9A-Za-z]/.test(e);default:return!1}}transformForPlaceholder(e,t){return"A"===t?e.toUpperCase():e}applyMask(e){if(!this.mask)return e;const t=this.unmask(e).split("");let i=0,s="";for(let e=0;e<this.mask.length;e++){const n=this.mask[e];if(["9","A","a","X"].includes(n)){for(;i<t.length&&!this.matchesPlaceholder(t[i],n);)i++;if(i>=t.length)break;s+=this.transformForPlaceholder(t[i],n),i++}else{if(i>=t.length)break;s+=n}}return s}renderErrorMessage(){if(this.error)return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){const e="number"===this.type;return{"spw-text-field":!0,[`spw-text-field--${this.size}`]:!0,"spw-text-field--is-search":this.isSearch,"spw-text-field--is-error":!!this.error,"spw-text-field--is-clear":this.isClearIconVisible,"spw-text-field--is-number":e,"spw-text-field--has-controls":e&&this.hasControls,"spw-text-field--has-submit-button":this.hasSubmitButton,"spw-text-field--disabled":this.disabled}}render(){return s("div",{key:"b1ea14760f7326c3d1e272026c4b9a9b2b0bd0ee",class:this.elementClass},this.label&&s("spw-field-label",{key:"812611cccaa53e6515b045192c8f0b4f923cba78",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&s("spw-field-message",{key:"0f470724bc0aa652fe3a76eab37f9afe504f6e25",class:"spw-text-field__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"f4a19561659e4e7023c28773c755478d791a61ca",class:"spw-text-field__container"},"number"===this.type&&this.hasControls&&s("button",{key:"549fdbcf7dd0255dbd95632439100ef01f9fce38",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--decrement",onClick:()=>this.decrement(),disabled:this.disabled||null!=this.min&&Number(this.value)<=this.min,"aria-label":this.accAriaLabelDecrement},s("spw-icon",{key:"cab844c88c68e84dc6510460130cc297dc730ec4",icon:"fa-minus"})),s("div",{key:"fd845aed06af8a0a1b22930b324f2bd706aed4ef",class:"spw-text-field__input-container"},s("input",{key:"4d0100a382f749721fc9140a06f9719cbc2467a7",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:"number"===this.type&&null!=this.decimalPrecision?"text":this.type,inputMode:"number"===this.type&&null!=this.decimalPrecision?"decimal":void 0,min:"number"===this.type&&null==this.decimalPrecision?this.min:void 0,max:"number"===this.type&&null==this.decimalPrecision?this.max:void 0,step:"number"===this.type&&null==this.decimalPrecision?this.step:void 0,placeholder:this.placeholder,"aria-label":this.accAriaLabel||this.name,disabled:this.disabled,name:this.name,id:this.name,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e)}),(this.isSearch||this.isClearIconVisible)&&s("div",{key:"458b0f8140f108beb8e0079719b7622c98a7511f",class:"spw-text-field__icons"},this.isClearIconVisible&&s("span",{key:"83dc9cb759fb05ccec4776c84472232175074dff",class:"spw-text-field__clear",onClick:()=>this.handleClear()},s("spw-icon",{key:"4b37fb7286f1f9bdac39c981b6fd6de377e8adc8",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&!this.hasSubmitButton&&s("spw-icon",{key:"acbcccef4aeede477764c71dca48df76c6aab416",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}),this.hasSubmitButton&&s("button",{key:"51e1eecc6569eb833d42c79fa18197b620df8fba",type:"button",class:"spw-text-field__submit",onClick:()=>this.handleSubmit(),"aria-label":"Rechercher"},s("spw-icon",{key:"200b385a4871daeeed72819638abd30b4e484957",icon:"fa-magnifying-glass"})))),"number"===this.type&&this.hasControls&&s("button",{key:"2f3211ccd0b9ea7dbb39a95dadd063d2d9485e3c",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--increment",onClick:()=>this.increment(),disabled:this.disabled||null!=this.max&&Number(this.value)>=this.max,"aria-label":this.accAriaLabelIncrement},s("spw-icon",{key:"62109e60528b3a6bc83be0166512943d1d98343c",icon:"fa-plus"})),this.indicator&&s("div",{key:"1b145a338a5a5ffdaeff6a26bac31da35665ab71",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChangedHandler:0}]}}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.spw-text-field{position:relative}.spw-text-field__input-container{flex:1;position:relative;display:flex}.spw-text-field__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-text-field__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;margin:0}.spw-text-field__input[type=number]::-webkit-outer-spin-button,.spw-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:hover,.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;padding:0 24px;line-height:60px}.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{display:flex;align-items:center}.spw-text-field__indicator{padding-left:12px}.spw-text-field__field-message{margin-bottom:8px;margin-top:-4px}.spw-text-field__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-text-field__clear:hover{color:var(--spw-ds-primary)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{pointer-events:none;font-size:18px}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-text-field__submit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:all 0.2s ease;color:var(--spw-input-icon-search-color);font-size:18px}.spw-text-field__submit:focus,.spw-text-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-text-field--large .spw-text-field__submit{width:36px;height:36px;font-size:24px}.spw-text-field--disabled .spw-text-field__submit{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__number-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--spw-input-height);height:var(--spw-input-height);padding:0;border:1px solid var(--spw-input-border);background:var(--spw-color-themes-grey-grey-100);cursor:pointer;transition:all 0.2s ease-in-out;color:var(--spw-color-themes-grey-grey-900);font-size:14px}.spw-text-field__number-btn--decrement{border-radius:var(--spw-input-radius) 0 0 var(--spw-input-radius);border-right:none}.spw-text-field__number-btn--increment{border-radius:0 var(--spw-input-radius) var(--spw-input-radius) 0;border-left:none}.spw-text-field__number-btn:hover:not(:disabled){background:var(--spw-color-themes-grey-grey-200)}.spw-text-field__number-btn:focus,.spw-text-field__number-btn:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black;z-index:1}.spw-text-field__number-btn:disabled{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100)}.spw-text-field--large .spw-text-field__number-btn{width:60px;height:60px;font-size:18px}.spw-text-field--has-controls .spw-text-field__input{border-radius:0;border-left:none;border-right:none;text-align:center}'}},[65,"spw-text-field",{value:[1544],type:[1],label:[1],placeholder:[1],disabled:[4],name:[1],min:[2],max:[2],step:[2],minLength:[2,"min-length"],maxLength:[2,"max-length"],isSearch:[4,"is-search"],isClear:[4,"is-clear"],required:[4],size:[1],indicator:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],accAriaLabel:[1,"acc-aria-label"],accAriaLabelIncrement:[1,"acc-aria-label-increment"],accAriaLabelDecrement:[1,"acc-aria-label-decrement"],hasControls:[4,"has-controls"],hasSubmitButton:[4,"has-submit-button"],mask:[1],decimalPrecision:[2,"decimal-precision"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClearIconVisible:[32],setFocus:[64],setValue:[64]},void 0,{value:[{valueChangedHandler:0}]}]);function p(){"undefined"!=typeof customElements&&["spw-text-field","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((e=>{switch(e){case"spw-text-field":customElements.get(n(e))||customElements.define(n(e),d);break;case"spw-field-label":customElements.get(n(e))||r();break;case"spw-field-message":customElements.get(n(e))||o();break;case"spw-icon":customElements.get(n(e))||a();break;case"spw-tooltip":customElements.get(n(e))||l()}}))}export{d as S,p as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-oVOlDrOp.js";import{d as a}from"./p-
|
|
1
|
+
import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-oVOlDrOp.js";import{d as a}from"./p-26TmvHEb.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.label="",this.required=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.handleClick=()=>{const t=this.el.getRootNode().getElementById(this.name);t&&t.focus()}}get hasTooltip(){return!(!this.tooltipText&&!this.tooltipTitle)}render(){return i(o,{key:"cb454d092cd78fb71bf1167a4e387ad9fd416d69"},i("label",{key:"641218aa7a026e9dd5805d51926b88ae94692926",class:"spw-field-label",htmlFor:this.name,onClick:this.handleClick},i("span",{key:"53de42be7abcc40b2418489bc13bcd449dcb342f",class:"spw-field-label__text"},this.label),this.hasTooltip&&i("spw-tooltip",{key:"c1f0fdbb0e3742a3f303846b89078a727d69bc04",tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,maxWidth:this.tooltipMaxWidth,direction:this.tooltipDirection,cursor:this.tooltipCursor},i("spw-icon",{key:"01b65ea5af7cbf012902ee0b9d50bede9451d0aa",variant:"fa-regular",icon:"fa-circle-info",class:"spw-field-label__icon"})),this.required&&i("span",{key:"5eb8fd2d808a54133da51de5eaa7f7277d08c393",class:"spw-field-label__required"},"*")))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-field-label{color:var(--spw-color-themes-grey-grey-800);display:flex;align-items:center;gap:4px;font-weight:600;margin-bottom:8px}.spw-field-label__text{display:inline-block}.spw-field-label__required{color:var(--spw-ds-primary)}.spw-field-label__icon{color:var(--spw-color-themes-grey-grey-600);font-size:16px;flex-shrink:0}"}},[1,"spw-field-label",{name:[1],label:[1],required:[4],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"]}]);function l(){"undefined"!=typeof customElements&&["spw-field-label","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-field-label":customElements.get(s(t))||customElements.define(s(t),r);break;case"spw-icon":customElements.get(s(t))||n();break;case"spw-tooltip":customElements.get(s(t))||a()}}))}export{r as S,l as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as i,c as t,h as n,t as s}from"./index.js";import{d as o}from"./p-oVOlDrOp.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwClick=t(this,"spwClick",7),this.target="_self",this.iconPosition="right",this.disabled=!1,this.surface="light",this.onClick=e=>{this.disabled?e.preventDefault():this.spwClick.emit(e)}}get elementClass(){return{"spw-link":!0,"spw-link--has-icon-right":this.icon&&"right"===this.iconPosition,"spw-link--has-icon-left":this.icon&&"left"===this.iconPosition,[`spw-link--surface-${this.surface}`]:!0,"spw-link--has-icon":!!this.icon}}render(){const{href:e,rel:i,download:t,target:s,icon:o,iconPosition:a,accAriaLabel:r,disabled:l}=this,p={"aria-label":r,"aria-disabled":l?"true":null},d=o?n("spw-icon",{class:`spw-icon--${a}`,icon:o}):null;return n("a",Object.assign({key:"
|
|
1
|
+
import{p as e,H as i,c as t,h as n,t as s}from"./index.js";import{d as o}from"./p-oVOlDrOp.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwClick=t(this,"spwClick",7),this.target="_self",this.iconPosition="right",this.disabled=!1,this.surface="light",this.onClick=e=>{this.disabled?e.preventDefault():this.spwClick.emit(e)}}get elementClass(){return{"spw-link":!0,"spw-link--has-icon-right":this.icon&&"right"===this.iconPosition,"spw-link--has-icon-left":this.icon&&"left"===this.iconPosition,[`spw-link--surface-${this.surface}`]:!0,"spw-link--has-icon":!!this.icon}}render(){const{href:e,rel:i,download:t,target:s,icon:o,iconPosition:a,accAriaLabel:r,disabled:l}=this,p={"aria-label":r,"aria-disabled":l?"true":null},d=o?n("spw-icon",{class:`spw-icon--${a}`,icon:o}):null;return n("a",Object.assign({key:"899f64c682ce6ee3236a36b795df7eb1804a0810",href:l?void 0:e,rel:i,download:t,target:s,class:this.elementClass,onClick:this.onClick},p),"left"===a&&d,n("div",{key:"c87bb64a8b4055991dea51d3f95bc1e5fdbee0b7",class:"spw-link__inner"},n("slot",{key:"faa097c523da01a5311075c3a6a1e25897a07efd"})),"right"===a&&d)}get el(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-link-display:inline;--spw-link-wrap:wrap;--spw-link-color:var(--spw-ds-primary);--spw-link-hover-color:var(--spw-ds-variant);--spw-link-active-color:var(--spw-ds-active);--spw-link-font-weight:700;--spw-link-padding:6px}.spw-link{display:var(--spw-link-display);text-decoration:none;text-wrap:var(--spw-link-wrap);cursor:pointer;color:var(--spw-link-color);border-radius:4px;font-weight:var(--spw-link-font-weight)}.spw-link--surface-dark{color:var(--spw-ds-white)}.spw-link__inner{display:inline;overflow-wrap:break-word;text-decoration:underline;text-underline-offset:2px}.spw-link:focus-visible{outline-offset:2px;outline:3px solid black}.spw-link:hover{color:var(--spw-link-hover-color)}.spw-link:hover .spw-link__inner{text-decoration-thickness:2px}.spw-link:active{color:var(--spw-link-active-color)}.spw-link:active .spw-link__inner{text-decoration-thickness:2px}.spw-link[aria-disabled=true]{pointer-events:none;color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed}.spw-link--surface-dark:hover{color:var(--spw-ds-white)}.spw-link--surface-dark:active{color:var(--spw-ds-white)}.spw-link--surface-dark[aria-disabled=true]{color:var(--spw-ds-white);opacity:0.5}.spw-link--has-icon-right spw-icon{margin-left:var(--spw-link-padding);margin-right:4px}.spw-link--has-icon-left spw-icon{margin-left:4px;margin-right:var(--spw-link-padding)}'}},[257,"spw-link",{href:[1],target:[1],rel:[1],icon:[1],download:[1],iconPosition:[1,"icon-position"],disabled:[4],accAriaLabel:[1,"acc-aria-label"],surface:[1]}]);function r(){"undefined"!=typeof customElements&&["spw-link","spw-icon"].forEach((e=>{switch(e){case"spw-link":customElements.get(s(e))||customElements.define(s(e),a);break;case"spw-icon":customElements.get(s(e))||o()}}))}export{a as S,r as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as o,c as r,h as s,t as e}from"./index.js";import{d as i}from"./p-oVOlDrOp.js";import{d as a}from"./p-CyuzNTuL.js";const n=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwFocus=r(this,"spwFocus",7),this.spwBlur=r(this,"spwBlur",7),this.spwNavigate=r(this,"spwNavigate",7),this.target="_self",this.name="",this.value="",this.type="button",this.variant="primary",this.surface="default",this.disabled=!1,this.size="medium",this.isIconOnly=!1,this.iconVariant="fa-solid",this.isFullWidth=!1,this.isFullWidthMobile=!0,this.hideTextOnMobile=!1,this.isLoading=!1,this.onFocus=()=>{this.spwFocus.emit()},this.onBlur=()=>{this.spwBlur.emit()},this.onClick=t=>{if(this.disabled||this.isLoading)t.preventDefault();else{if("reset"===this.type)return t.preventDefault(),void this.resetForm();if("submit"===this.type&&!this.disabled){const o=this.form?document.getElementById(this.form):this.el.closest("form");if(o)return t.preventDefault(),void o.requestSubmit()}void 0!==this.href&&this.spwNavigate.emit(t)}}}async setFocus(){this.nativeEl&&(this.nativeEl.classList.add("--programmatic-focus"),this.nativeEl.focus(),this.nativeEl.addEventListener("blur",(()=>{var t;null===(t=this.nativeEl)||void 0===t||t.classList.remove("--programmatic-focus")}),{once:!0}))}resetForm(){const t=this.form?document.getElementById(this.form):this.el.closest("form");t&&t.reset()}get elementClass(){return{"spw-button":!0,[`spw-button--${this.variant}`]:!0,[`spw-button--surface-${this.surface}`]:!0,[`spw-button--${this.size}`]:!0,"spw-button--is-icon-only":this.isIconOnly,"spw-button--fullwidth":this.isFullWidth,"spw-button--fullwidth-mobile":this.isFullWidthMobile,"spw-button--hide-text-mobile":this.hideTextOnMobile,"spw-button--loading":this.isLoading}}render(){var t;const{type:o,download:r,form:e,href:i,rel:a,target:n,name:p,value:d}=this,l=void 0===this.href?"button":"a",u="button"===l?{type:o,form:e,name:p,value:d}:{download:r,href:i,rel:a,target:n},w=this.icon&&!this.iconPosition?"right":this.iconPosition,b=this.icon?s("spw-icon",{variant:this.iconVariant,class:`spw-icon--${w}`,icon:this.icon}):null,c=this.disabled,h=(null===(t=this.el.textContent)||void 0===t?void 0:t.trim())||null;return s(l,Object.assign({key:"af8ac1a8762a7da373014f322ee004297a8295f5"},u,{ref:t=>this.nativeEl=t,class:this.elementClass,disabled:c,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},{"aria-label":this.accAriaLabel||this.name||h||"Label","aria-disabled":c?"true":null}),s("div",{key:"dc40b975fc312377bcbdc89ee1e0da4707893b13",class:"spw-button__inner"},s("div",{key:"c5a397c631fd9984fca6f711b1cc890cf1516f79",class:"spw-button__inner-text"},"left"===w&&b,!this.isIconOnly&&s("slot",{key:"92e532897aa0f62a2c1927026b15a7e81307256c"}),"right"===w&&b)),s("spw-loading",{key:"f7ae144bc041a0fa7d189a532a069cf7ed3e3aa5",text:""}))}get el(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block;vertical-align:top;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;--spw-button-text-decoration:none}:host([is-full-width]:not([is-full-width=false])){display:block;width:100%}@media (max-width: 767px){:host([is-full-width-mobile]:not([is-full-width-mobile=false])){display:block;width:100%}}.spw-button{border:2px solid transparent;display:block;width:100%;white-space:nowrap;border-radius:9999px;letter-spacing:0.18px;cursor:pointer;font-weight:bold;outline:3px solid transparent;overflow:hidden;transition:all 0.1s ease-in;line-height:1}.spw-button--fullwidth{width:100% !important}.spw-button--fullwidth-mobile{width:100%}@media (min-width: 768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button--is-icon-only{padding-left:0 !important;padding-right:0 !important}@media (max-width: 767px){.spw-button--hide-text-mobile{padding-left:0 !important;padding-right:0 !important}.spw-button--hide-text-mobile slot{display:none}.spw-button--hide-text-mobile.spw-button--large{width:54px}.spw-button--hide-text-mobile.spw-button--medium{width:45px}.spw-button--hide-text-mobile.spw-button--small{width:35px}}.spw-button:focus-visible,.spw-button.--programmatic-focus{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-button spw-loading{opacity:0;position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%, -50%);z-index:1}.spw-button--loading{position:relative;pointer-events:none}.spw-button--loading spw-loading{opacity:1}.spw-button__inner{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button__inner-text{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){text-decoration:var(--spw-button-text-decoration)}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--primary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.3);--spw-loading-spinner-color:white}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{transition:none;border-radius:4px;background:none;color:var(--spw-ds-primary)}.spw-button--tertiary:not([disabled]):hover,.spw-button--tertiary:not([disabled]):active{text-decoration:underline}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{color:var(--spw-color-themes-grey-grey-400);border-color:none;cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;color:var(--spw-colors-support-grey-grey-500);border-color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{border-color:var(--spw-colors-support-grey-grey-700);background:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-400);background:var(--spw-colors-support-grey-grey-400)}.spw-button--surface-dark.spw-button--secondary[disabled]{border-color:var(--spw-colors-support-grey-grey-700);background:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary{box-shadow:none}.spw-button--surface-primary:not([disabled]):active{box-shadow:none}.spw-button--surface-primary[disabled]{box-shadow:none}.spw-button--surface-primary.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:transparent;color:white;border-color:white;opacity:0.9}.spw-button--surface-primary.spw-button--primary[disabled]{border-color:white;background:white;color:var(--spw-colors-support-grey-grey-600);opacity:0.5}.spw-button--surface-primary.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-primary.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{color:var(--spw-colors-support-grey-grey-900);border-color:white;background:white;opacity:0.9}.spw-button--surface-primary.spw-button--secondary[disabled]{border-color:white;background:white;color:var(--spw-colors-support-grey-grey-600);opacity:0.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover,.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{box-shadow:none}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:white;opacity:0.9}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:white;opacity:0.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-light.spw-button--primary[disabled]{color:var(--spw-colors-support-grey-grey-600);background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary{color:var(--spw-colors-support-grey-grey-900);background:var(--spw-ds-white)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{color:var(--spw-colors-support-grey-grey-600);background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner-text{gap:12px}.spw-button--large.spw-button--is-icon-only{width:54px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner-text{gap:8px}.spw-button--medium.spw-button--is-icon-only{width:45px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner-text{gap:6px}.spw-button--small.spw-button--is-icon-only{width:35px}.spw-button--small.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--large.spw-button--tertiary{padding:4px}'}},[257,"spw-button",{href:[1],target:[1],rel:[1],download:[1],name:[1],value:[8],type:[1],form:[1],variant:[1],surface:[1],disabled:[4],size:[1],accAriaLabel:[1,"acc-aria-label"],isIconOnly:[4,"is-icon-only"],icon:[1],iconPosition:[1,"icon-position"],iconVariant:[1,"icon-variant"],isFullWidth:[516,"is-full-width"],isFullWidthMobile:[516,"is-full-width-mobile"],hideTextOnMobile:[4,"hide-text-on-mobile"],isLoading:[4,"is-loading"],setFocus:[64]}]);function p(){"undefined"!=typeof customElements&&["spw-button","spw-icon","spw-loading"].forEach((t=>{switch(t){case"spw-button":customElements.get(e(t))||customElements.define(e(t),n);break;case"spw-icon":customElements.get(e(t))||i();break;case"spw-loading":customElements.get(e(t))||a()}}))}export{n as S,p as d}
|
|
1
|
+
import{p as t,H as o,c as r,h as s,t as e}from"./index.js";import{d as i}from"./p-oVOlDrOp.js";import{d as a}from"./p-Bu_U3_Ez.js";const n=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwFocus=r(this,"spwFocus",7),this.spwBlur=r(this,"spwBlur",7),this.spwNavigate=r(this,"spwNavigate",7),this.target="_self",this.name="",this.value="",this.type="button",this.variant="primary",this.surface="default",this.disabled=!1,this.size="medium",this.isIconOnly=!1,this.iconVariant="fa-solid",this.isFullWidth=!1,this.isFullWidthMobile=!0,this.hideTextOnMobile=!1,this.isLoading=!1,this.onFocus=()=>{this.spwFocus.emit()},this.onBlur=()=>{this.spwBlur.emit()},this.onClick=t=>{if(this.disabled||this.isLoading)t.preventDefault();else{if("reset"===this.type)return t.preventDefault(),void this.resetForm();if("submit"===this.type&&!this.disabled){const o=this.form?document.getElementById(this.form):this.el.closest("form");if(o)return t.preventDefault(),void o.requestSubmit()}void 0!==this.href&&this.spwNavigate.emit(t)}}}async setFocus(){this.nativeEl&&(this.nativeEl.classList.add("--programmatic-focus"),this.nativeEl.focus(),this.nativeEl.addEventListener("blur",(()=>{var t;null===(t=this.nativeEl)||void 0===t||t.classList.remove("--programmatic-focus")}),{once:!0}))}resetForm(){const t=this.form?document.getElementById(this.form):this.el.closest("form");t&&t.reset()}get elementClass(){return{"spw-button":!0,[`spw-button--${this.variant}`]:!0,[`spw-button--surface-${this.surface}`]:!0,[`spw-button--${this.size}`]:!0,"spw-button--is-icon-only":this.isIconOnly,"spw-button--fullwidth":this.isFullWidth,"spw-button--fullwidth-mobile":this.isFullWidthMobile,"spw-button--hide-text-mobile":this.hideTextOnMobile,"spw-button--loading":this.isLoading}}render(){var t;const{type:o,download:r,form:e,href:i,rel:a,target:n,name:p,value:d}=this,l=void 0===this.href?"button":"a",u="button"===l?{type:o,form:e,name:p,value:d}:{download:r,href:i,rel:a,target:n},w=this.icon&&!this.iconPosition?"right":this.iconPosition,b=this.icon?s("spw-icon",{variant:this.iconVariant,class:`spw-icon--${w}`,icon:this.icon}):null,c=this.disabled,h=(null===(t=this.el.textContent)||void 0===t?void 0:t.trim())||null;return s(l,Object.assign({key:"af8ac1a8762a7da373014f322ee004297a8295f5"},u,{ref:t=>this.nativeEl=t,class:this.elementClass,disabled:c,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},{"aria-label":this.accAriaLabel||this.name||h||"Label","aria-disabled":c?"true":null}),s("div",{key:"dc40b975fc312377bcbdc89ee1e0da4707893b13",class:"spw-button__inner"},s("div",{key:"c5a397c631fd9984fca6f711b1cc890cf1516f79",class:"spw-button__inner-text"},"left"===w&&b,!this.isIconOnly&&s("slot",{key:"92e532897aa0f62a2c1927026b15a7e81307256c"}),"right"===w&&b)),s("spw-loading",{key:"f7ae144bc041a0fa7d189a532a069cf7ed3e3aa5",text:""}))}get el(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block;vertical-align:top;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;--spw-button-text-decoration:none}:host([is-full-width]:not([is-full-width=false])){display:block;width:100%}@media (max-width: 767px){:host([is-full-width-mobile]:not([is-full-width-mobile=false])){display:block;width:100%}}.spw-button{border:2px solid transparent;display:block;width:100%;white-space:nowrap;border-radius:9999px;letter-spacing:0.18px;cursor:pointer;font-weight:bold;outline:3px solid transparent;overflow:hidden;transition:all 0.1s ease-in;line-height:1}.spw-button--fullwidth{width:100% !important}.spw-button--fullwidth-mobile{width:100%}@media (min-width: 768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button--is-icon-only{padding-left:0 !important;padding-right:0 !important}@media (max-width: 767px){.spw-button--hide-text-mobile{padding-left:0 !important;padding-right:0 !important}.spw-button--hide-text-mobile slot{display:none}.spw-button--hide-text-mobile.spw-button--large{width:54px}.spw-button--hide-text-mobile.spw-button--medium{width:45px}.spw-button--hide-text-mobile.spw-button--small{width:35px}}.spw-button:focus-visible,.spw-button.--programmatic-focus{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-button spw-loading{opacity:0;position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%, -50%);z-index:1}.spw-button--loading{position:relative;pointer-events:none}.spw-button--loading spw-loading{opacity:1}.spw-button__inner{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button__inner-text{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){text-decoration:var(--spw-button-text-decoration)}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--primary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.3);--spw-loading-spinner-color:white}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{transition:none;border-radius:4px;background:none;color:var(--spw-ds-primary)}.spw-button--tertiary:not([disabled]):hover,.spw-button--tertiary:not([disabled]):active{text-decoration:underline}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(0, 0, 0, 0.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{color:var(--spw-color-themes-grey-grey-400);border-color:none;cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;color:var(--spw-colors-support-grey-grey-500);border-color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{border-color:var(--spw-colors-support-grey-grey-700);background:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-400);background:var(--spw-colors-support-grey-grey-400)}.spw-button--surface-dark.spw-button--secondary[disabled]{border-color:var(--spw-colors-support-grey-grey-700);background:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary{box-shadow:none}.spw-button--surface-primary:not([disabled]):active{box-shadow:none}.spw-button--surface-primary[disabled]{box-shadow:none}.spw-button--surface-primary.spw-button--primary{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:transparent;color:white;border-color:white;opacity:0.9}.spw-button--surface-primary.spw-button--primary[disabled]{border-color:white;background:white;color:var(--spw-colors-support-grey-grey-600);opacity:0.5}.spw-button--surface-primary.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-primary.spw-button--secondary{background:transparent;color:var(--spw-ds-white);border-color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-ds-white);background:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{color:var(--spw-colors-support-grey-grey-900);border-color:white;background:white;opacity:0.9}.spw-button--surface-primary.spw-button--secondary[disabled]{border-color:white;background:white;color:var(--spw-colors-support-grey-grey-600);opacity:0.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-primary.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover,.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{box-shadow:none}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:white;opacity:0.9}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:white;opacity:0.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(255, 255, 255, 0.2);--spw-loading-spinner-color:white}.spw-button--surface-light.spw-button--primary[disabled]{color:var(--spw-colors-support-grey-grey-600);background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary{color:var(--spw-colors-support-grey-grey-900);background:var(--spw-ds-white)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{color:var(--spw-colors-support-grey-grey-600);background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner-text{gap:12px}.spw-button--large.spw-button--is-icon-only{width:54px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner-text{gap:8px}.spw-button--medium.spw-button--is-icon-only{width:45px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner-text{gap:6px}.spw-button--small.spw-button--is-icon-only{width:35px}.spw-button--small.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--large.spw-button--tertiary{padding:4px}'}},[257,"spw-button",{href:[1],target:[1],rel:[1],download:[1],name:[1],value:[8],type:[1],form:[1],variant:[1],surface:[1],disabled:[4],size:[1],accAriaLabel:[1,"acc-aria-label"],isIconOnly:[4,"is-icon-only"],icon:[1],iconPosition:[1,"icon-position"],iconVariant:[1,"icon-variant"],isFullWidth:[516,"is-full-width"],isFullWidthMobile:[516,"is-full-width-mobile"],hideTextOnMobile:[4,"hide-text-on-mobile"],isLoading:[4,"is-loading"],setFocus:[64]}]);function p(){"undefined"!=typeof customElements&&["spw-button","spw-icon","spw-loading"].forEach((t=>{switch(t){case"spw-button":customElements.get(e(t))||customElements.define(e(t),n);break;case"spw-icon":customElements.get(e(t))||i();break;case"spw-loading":customElements.get(e(t))||a()}}))}export{n as S,p as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as o,h as n,a as e,t as s}from"./index.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="blockquote",this.target="_self",this.background="primary"}get elementClass(){return{"spw-block-content":!0,["spw-block-content--"+this.variant]:!0,["spw-block-content--bg-"+this.background]:!!this.background}}renderBlockquote(){return n("blockquote",{class:"spw-block-content__blockquote-container"},n("div",{class:"spw-block-content__blockquote"},n("div",{class:"spw-block-content__top"},n("slot",{name:"top"})),n("div",{class:"spw-block-content__quote"},n("slot",{name:"quote"})),n("div",{class:"spw-block-content__bottom"},n("slot",{name:"bottom"}))))}renderBanner(){const t=n("div",{class:"spw-block-content__banner"},n("div",{class:"spw-block-content__content"},n("div",{class:"spw-block-content__text"},n("slot",null))),this.imageSrc&&n("div",{class:"spw-block-content__image"},n("img",{src:this.imageSrc,alt:this.imageAlt||""})),n("div",{class:"spw-block-content__button"},n("slot",{name:"button"})));return this.href?n("a",{href:this.href,target:this.target,class:"spw-block-content__link"},t):t}renderCallout(){const t={};return this.ratio&&(t["--spw-block-content-callout-ratio"]=this.ratio,t["--spw-block-content-callout-ratio-mobile"]=this.ratio,t["--spw-block-content-callout-ratio-tablet"]=this.ratio,t["--spw-block-content-callout-ratio-desktop"]=this.ratio),this.ratioMobile&&(t["--spw-block-content-callout-ratio-mobile"]=this.ratioMobile),this.ratioTablet&&(t["--spw-block-content-callout-ratio-tablet"]=this.ratioTablet),this.ratioDesktop&&(t["--spw-block-content-callout-ratio-desktop"]=this.ratioDesktop),n("div",{class:"spw-block-content__callout",style:t},this.imageSrc&&n("div",{class:"spw-block-content__image"},n("img",{src:this.imageSrc,alt:this.imageAlt||""})),n("div",{class:"spw-block-content__content"},n("slot",null)))}render(){return n(e,{key:"4cffb0875f91f80d9b40d619bc410e83202dfad4",class:this.elementClass},"blockquote"===this.variant&&this.renderBlockquote(),("banner-landscape"===this.variant||"banner-portrait"===this.variant)&&this.renderBanner(),"callout"===this.variant&&this.renderCallout())}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}:host(.spw-block-content--blockquote) .spw-block-content__blockquote-container{margin:0 !important;padding:0 !important;padding-left:20px !important}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__blockquote-container{padding-left:40px !important}}:host(.spw-block-content--blockquote) .spw-block-content__blockquote{margin:0;padding:24px;padding-left:44px;background-color:var(--spw-colors-multi-branding-red-red-50);border-radius:16px;color:var(--spw-colors-support-grey-grey-900);display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__blockquote{padding:32px;padding-left:72px}}:host(.spw-block-content--blockquote):host(.spw-block-content--bg-neutral) .spw-block-content__blockquote{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}:host(.spw-block-content--blockquote) .spw-block-content__quote{display:flex;gap:16px;position:relative}:host(.spw-block-content--blockquote) .spw-block-content__quote::before{content:"“";position:absolute;left:-44px;font-size:50px;font-weight:700;color:var(--spw-colors-support-grey-grey-900);flex-shrink:0;width:40px;height:40px;padding-top:22px;padding-right:5px;font-style:italic;background:white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transform:translateX(-50%)}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__quote::before{left:-72px;font-size:100px;width:80px;height:80px;padding-top:45px;padding-right:10px}}:host(.spw-block-content--blockquote) .spw-block-content__quote ::slotted(*){margin:0;padding-left:16px;font-size:21px;font-style:italic;font-weight:700;line-height:1.4}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__quote ::slotted(*){font-size:24px}}:host(.spw-block-content--banner-landscape),:host(.spw-block-content--banner-portrait){background:var(--spw-ds-primary);color:white;border-radius:16px;overflow:hidden;position:relative}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-primary),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-primary){background:var(--spw-ds-primary);color:white}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-purple),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-purple){background:var(--spw-ds-alt-purple);color:white}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-blue),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-blue){background:var(--spw-ds-alt-blue);color:white}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-petrol),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-petrol){background:var(--spw-ds-alt-petrol);color:white}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-neutral),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-neutral){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}:host(.spw-block-content--banner-landscape) .spw-block-content__link,:host(.spw-block-content--banner-portrait) .spw-block-content__link{display:block;text-decoration:none;color:inherit}:host(.spw-block-content--banner-landscape) .spw-block-content__link:hover .spw-block-content__image img,:host(.spw-block-content--banner-portrait) .spw-block-content__link:hover .spw-block-content__image img{transform:scale(1.05)}:host(.spw-block-content--banner-landscape) .spw-block-content__image img,:host(.spw-block-content--banner-portrait) .spw-block-content__image img{transition:linear 0.2s transform;display:block;width:100%;height:100%;object-fit:cover;border-top-left-radius:900px}:host(.spw-block-content--banner-landscape) .spw-block-content__button,:host(.spw-block-content--banner-portrait) .spw-block-content__button{position:absolute;bottom:16px;right:16px;z-index:2}:host(.spw-block-content--banner-landscape) .spw-block-content__text,:host(.spw-block-content--banner-portrait) .spw-block-content__text{display:flex;flex-direction:column;gap:12px;padding:16px}@media (min-width: 768px){:host(.spw-block-content--banner-landscape) .spw-block-content__text,:host(.spw-block-content--banner-portrait) .spw-block-content__text{padding:24px}}:host(.spw-block-content--banner-landscape) .spw-block-content__banner{display:flex;flex-direction:row}:host(.spw-block-content--banner-landscape) .spw-block-content__image{flex-shrink:0;width:120px}@media (min-width: 768px){:host(.spw-block-content--banner-landscape) .spw-block-content__image{width:260px}}:host(.spw-block-content--banner-landscape) .spw-block-content__content{flex:1;display:flex;flex-direction:column}:host(.spw-block-content--banner-portrait) .spw-block-content__banner{display:flex;flex-direction:column}:host(.spw-block-content--banner-portrait) .spw-block-content__image{aspect-ratio:1/1}:host(.spw-block-content--banner-portrait) .spw-block-content__content{display:flex;flex-direction:column}:host(.spw-block-content--callout){background:var(--spw-ds-primary);color:white;border-radius:16px;overflow:hidden}:host(.spw-block-content--callout):host(.spw-block-content--bg-primary){background:var(--spw-ds-primary);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-purple){background:var(--spw-ds-alt-purple);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-blue){background:var(--spw-ds-alt-blue);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-petrol){background:var(--spw-ds-alt-petrol);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-neutral){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}:host(.spw-block-content--callout) .spw-block-content__callout{display:flex;flex-direction:column;padding:16px;gap:8px}@media (min-width: 1024px){:host(.spw-block-content--callout) .spw-block-content__callout{flex-direction:row;gap:24px}}:host(.spw-block-content--callout) .spw-block-content__image{flex-shrink:0;border-radius:8px;overflow:hidden;aspect-ratio:var(--spw-block-content-callout-ratio-mobile, 16/9)}@media (min-width: 768px){:host(.spw-block-content--callout) .spw-block-content__image{aspect-ratio:var(--spw-block-content-callout-ratio-tablet, 16/9)}}@media (min-width: 1024px){:host(.spw-block-content--callout) .spw-block-content__image{width:40%;aspect-ratio:var(--spw-block-content-callout-ratio-desktop, auto)}}:host(.spw-block-content--callout) .spw-block-content__image img{display:block;width:100%;height:100%;object-fit:cover}:host(.spw-block-content--callout) .spw-block-content__content{display:flex;flex-direction:column;justify-content:center;flex:1;padding:8px}@media (min-width: 1024px){:host(.spw-block-content--callout) .spw-block-content__content{padding:24px}}'}},[257,"spw-block-content",{variant:[1],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],href:[1],target:[1],background:[1],ratio:[1],ratioMobile:[1,"ratio-mobile"],ratioTablet:[1,"ratio-tablet"],ratioDesktop:[1,"ratio-desktop"]}]),l=c,i=function(){"undefined"!=typeof customElements&&["spw-block-content"].forEach((t=>{"spw-block-content"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))};export{l as SpwBlockContent,i as defineCustomElement}
|
|
1
|
+
import{p as t,H as o,h as n,a as e,t as s}from"./index.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="blockquote",this.target="_self",this.background="primary"}get elementClass(){return{"spw-block-content":!0,["spw-block-content--"+this.variant]:!0,["spw-block-content--bg-"+this.background]:!!this.background}}renderBlockquote(){return n("blockquote",{class:"spw-block-content__blockquote-container"},n("div",{class:"spw-block-content__blockquote"},n("div",{class:"spw-block-content__top"},n("slot",{name:"top"})),n("div",{class:"spw-block-content__quote"},n("slot",{name:"quote"})),n("div",{class:"spw-block-content__bottom"},n("slot",{name:"bottom"}))))}renderBanner(){const t=n("div",{class:"spw-block-content__banner"},n("div",{class:"spw-block-content__content"},n("div",{class:"spw-block-content__text"},n("slot",null))),this.imageSrc&&n("div",{class:"spw-block-content__image"},n("img",{src:this.imageSrc,alt:this.imageAlt||""})),n("div",{class:"spw-block-content__button"},n("slot",{name:"button"})));return this.href?n("a",{href:this.href,target:this.target,class:"spw-block-content__link"},t):t}renderCallout(){const t={};return this.ratio&&(t["--spw-block-content-callout-ratio"]=this.ratio,t["--spw-block-content-callout-ratio-mobile"]=this.ratio,t["--spw-block-content-callout-ratio-tablet"]=this.ratio,t["--spw-block-content-callout-ratio-desktop"]=this.ratio),this.ratioMobile&&(t["--spw-block-content-callout-ratio-mobile"]=this.ratioMobile),this.ratioTablet&&(t["--spw-block-content-callout-ratio-tablet"]=this.ratioTablet),this.ratioDesktop&&(t["--spw-block-content-callout-ratio-desktop"]=this.ratioDesktop),n("div",{class:"spw-block-content__callout",style:t},this.imageSrc&&n("div",{class:"spw-block-content__image"},n("img",{src:this.imageSrc,alt:this.imageAlt||""})),n("div",{class:"spw-block-content__content"},n("slot",null)))}render(){return n(e,{key:"4cffb0875f91f80d9b40d619bc410e83202dfad4",class:this.elementClass},"blockquote"===this.variant&&this.renderBlockquote(),("banner-landscape"===this.variant||"banner-portrait"===this.variant)&&this.renderBanner(),"callout"===this.variant&&this.renderCallout())}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}:host(.spw-block-content--blockquote) .spw-block-content__blockquote-container{margin:0 !important;padding:0 !important;padding-left:20px !important}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__blockquote-container{padding-left:40px !important}}:host(.spw-block-content--blockquote) .spw-block-content__blockquote{margin:0;padding:24px;padding-left:44px;background-color:var(--spw-colors-multi-branding-red-red-50);border-radius:16px;color:var(--spw-colors-support-grey-grey-900);display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__blockquote{padding:32px;padding-left:72px}}:host(.spw-block-content--blockquote):host(.spw-block-content--bg-neutral) .spw-block-content__blockquote{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}:host(.spw-block-content--blockquote) .spw-block-content__quote{display:flex;gap:16px;position:relative}:host(.spw-block-content--blockquote) .spw-block-content__quote::before{content:"“";position:absolute;left:-44px;font-size:50px;font-weight:700;color:var(--spw-colors-support-grey-grey-900);flex-shrink:0;width:40px;height:40px;padding-top:22px;padding-right:5px;font-style:italic;background:white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transform:translateX(-50%)}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__quote::before{left:-72px;font-size:100px;width:80px;height:80px;padding-top:45px;padding-right:10px}}:host(.spw-block-content--blockquote) .spw-block-content__quote ::slotted(*){margin:0;padding-left:16px;font-size:21px;font-style:italic;font-weight:700;line-height:1.4}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__quote ::slotted(*){font-size:24px}}:host(.spw-block-content--banner-landscape),:host(.spw-block-content--banner-portrait){background:var(--spw-ds-primary);color:white !important;border-radius:16px;overflow:hidden;position:relative}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-primary),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-primary){background:var(--spw-ds-primary);color:white !important}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-purple),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-purple){background:var(--spw-ds-alt-purple);color:white !important}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-blue),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-blue){background:var(--spw-ds-alt-blue);color:white !important}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-petrol),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-petrol){background:var(--spw-ds-alt-petrol);color:white !important}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-neutral),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-neutral){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900) !important}:host(.spw-block-content--banner-landscape) .spw-block-content__link,:host(.spw-block-content--banner-portrait) .spw-block-content__link{display:block;text-decoration:none;color:inherit}:host(.spw-block-content--banner-landscape) .spw-block-content__link:hover .spw-block-content__image img,:host(.spw-block-content--banner-portrait) .spw-block-content__link:hover .spw-block-content__image img{transform:scale(1.05)}:host(.spw-block-content--banner-landscape) .spw-block-content__image img,:host(.spw-block-content--banner-portrait) .spw-block-content__image img{transition:linear 0.2s transform;display:block;width:100%;height:100%;object-fit:cover;border-top-left-radius:900px}:host(.spw-block-content--banner-landscape) .spw-block-content__button,:host(.spw-block-content--banner-portrait) .spw-block-content__button{position:absolute;bottom:16px;right:16px;z-index:2}:host(.spw-block-content--banner-landscape) .spw-block-content__text,:host(.spw-block-content--banner-portrait) .spw-block-content__text{display:flex;flex-direction:column;gap:12px;padding:16px}@media (min-width: 768px){:host(.spw-block-content--banner-landscape) .spw-block-content__text,:host(.spw-block-content--banner-portrait) .spw-block-content__text{padding:24px}}:host(.spw-block-content--banner-landscape) .spw-block-content__banner{display:flex;flex-direction:row}:host(.spw-block-content--banner-landscape) .spw-block-content__image{flex-shrink:0;width:120px}@media (min-width: 768px){:host(.spw-block-content--banner-landscape) .spw-block-content__image{width:260px}}:host(.spw-block-content--banner-landscape) .spw-block-content__content{flex:1;display:flex;flex-direction:column}:host(.spw-block-content--banner-portrait) .spw-block-content__banner{display:flex;flex-direction:column}:host(.spw-block-content--banner-portrait) .spw-block-content__image{aspect-ratio:1/1}:host(.spw-block-content--banner-portrait) .spw-block-content__content{display:flex;flex-direction:column}:host(.spw-block-content--callout){background:var(--spw-ds-primary);color:white;border-radius:16px;overflow:hidden}:host(.spw-block-content--callout):host(.spw-block-content--bg-primary){background:var(--spw-ds-primary);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-purple){background:var(--spw-ds-alt-purple);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-blue){background:var(--spw-ds-alt-blue);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-petrol){background:var(--spw-ds-alt-petrol);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-neutral){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}:host(.spw-block-content--callout) .spw-block-content__callout{display:flex;flex-direction:column;padding:16px;gap:8px}@media (min-width: 1024px){:host(.spw-block-content--callout) .spw-block-content__callout{flex-direction:row;gap:24px}}:host(.spw-block-content--callout) .spw-block-content__image{flex-shrink:0;border-radius:8px;overflow:hidden;aspect-ratio:var(--spw-block-content-callout-ratio-mobile, 16/9)}@media (min-width: 768px){:host(.spw-block-content--callout) .spw-block-content__image{aspect-ratio:var(--spw-block-content-callout-ratio-tablet, 16/9)}}@media (min-width: 1024px){:host(.spw-block-content--callout) .spw-block-content__image{width:40%;aspect-ratio:var(--spw-block-content-callout-ratio-desktop, auto)}}:host(.spw-block-content--callout) .spw-block-content__image img{display:block;width:100%;height:100%;object-fit:cover}:host(.spw-block-content--callout) .spw-block-content__content{display:flex;flex-direction:column;justify-content:center;flex:1;padding:8px}@media (min-width: 1024px){:host(.spw-block-content--callout) .spw-block-content__content{padding:24px}}'}},[257,"spw-block-content",{variant:[1],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],href:[1],target:[1],background:[1],ratio:[1],ratioMobile:[1,"ratio-mobile"],ratioTablet:[1,"ratio-tablet"],ratioDesktop:[1,"ratio-desktop"]}]),l=c,i=function(){"undefined"!=typeof customElements&&["spw-block-content"].forEach((t=>{"spw-block-content"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))};export{l as SpwBlockContent,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as i,a as s,t as n}from"./index.js";import{d as r}from"./p-oVOlDrOp.js";import{d as o}from"./p-
|
|
1
|
+
import{p as e,H as t,h as i,a as s,t as n}from"./index.js";import{d as r}from"./p-oVOlDrOp.js";import{d as o}from"./p-Dv3JuDht.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.href="",this.surface="light"}surfaceChanged(){this.updateSurfaceClass()}componentWillLoad(){this.getSurfaceFromParent()}getSurfaceFromParent(){let e=this.el.parentElement;for(;e;){if("spw-breadcrumb"===e.tagName.toLowerCase()){this.surface=e.getAttribute("surface"),this.surface||(this.surface="light"),this.updateSurfaceClass();break}e=e.shadowRoot?e.shadowRoot.host:e.parentElement}}updateSurfaceClass(){this.el.classList.remove("spw-breadcrumb-item--light","spw-breadcrumb-item--dark"),this.el.classList.add("spw-breadcrumb-item--"+this.surface)}render(){return i(s,{key:"68661d36076f8e2ded2e0d3d438157e4bf5eeba7"},i("div",{key:"9bbabf1f3d7a3d5655b08670e4f021adc48c50c3",role:"listitem",class:"spw-breadcrumb-item spw-breadcrumb-item--"+this.surface},this.href?i("spw-link",{href:this.href,surface:this.surface},i("slot",null)):i("span",{class:"spw-breadcrumb-item__text","aria-current":"page"},i("slot",null))))}get el(){return this}static get watchers(){return{surface:[{surfaceChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-breadcrumb-item{list-style:none;display:inline}.spw-breadcrumb-item__text{font-weight:700;color:var(--spw-color-themes-grey-grey-900)}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}.spw-breadcrumb-item spw-link{--spw-link-font-weight:400}:host(.spw-breadcrumb-item--light) .spw-breadcrumb-item spw-link{--spw-link-color:var(--spw-color-themes-grey-grey-900);--spw-link-hover-color:var(--spw-color-themes-grey-grey-900);--spw-link-active-color:var(--spw-color-themes-grey-grey-800)}"}},[257,"spw-breadcrumb-item",{href:[1],surface:[32]},void 0,{surface:[{surfaceChanged:0}]}]),p=a,d=function(){"undefined"!=typeof customElements&&["spw-breadcrumb-item","spw-icon","spw-link"].forEach((e=>{switch(e){case"spw-breadcrumb-item":customElements.get(n(e))||customElements.define(n(e),a);break;case"spw-icon":customElements.get(n(e))||r();break;case"spw-link":customElements.get(n(e))||o()}}))};export{p as SpwBreadcrumbItem,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as
|
|
1
|
+
import{S as o,d as s}from"./p-FB4itEEQ.js";const t=o,p=s;export{t as SpwButton,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as o,t as n}from"./index.js";import{f as i}from"./p-BBi01mKM.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"66ceb610e7cb0b66d4aa8287f75f698840a50819",class:"spw-card-content"},this.tag&&o("span",{key:"51e3aa55120ee1ae99fc37843a8cd1d118418b63",class:"spw-card-content__tag"},this.tag),this.date&&o("time",{key:"e507fba4526c323f520378e711da8418c3c4b929","date-time":this.date,class:"spw-card-content__date"},i(this.date)),o("slot",{key:"104ffaf30fd8c9a3b1d274141971a7c747894fad"}))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video){min-width:100%;width:100%;margin-top:auto}.spw-card-content{position:relative;display:flex;flex-direction:column;padding:12px 24px 24px 24px;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:24px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--no-image.--event) .spw-card-content{padding-left:64px;padding-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--people) .spw-card-content{padding:24px;flex-direction:row;gap:24px}:host(.--highlighted) .spw-card-content{position:absolute;width:100%;bottom:0;padding:24px;padding-top:64px;overflow:hidden;border-radius:0 0 5px 5px}:host(.--highlighted) .spw-card-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}@media (min-width: 1024px){:host(.--highlighted) .spw-card-content{padding:32px;padding-top:64px}}:host(.--vertical) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--event) .spw-card-content{justify-content:center;height:100%}:host(.--video) .spw-card-content{justify-content:flex-end;padding-right:80px;border-radius:0 0 5px 5px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}:host(.--video) .spw-card-content:after{position:absolute;bottom:24px;right:24px;font-family:var(--spw-ds-font-icons-solid);font-weight:900;content:"\\f144";font-size:36px;color:white}.spw-card-content__tag{position:absolute;top:-25px;left:25px;padding:6px 10px;border-radius:4px 4px 0px 0px;background:var(--spw-ds-white);color:var(--spw-ds-primary);font-size:15px;font-weight:700}:host(.--no-image) .spw-card-content__tag,:host(.--event) .spw-card-content__tag,:host(.--video) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag{position:relative;top:0;left:0;padding:0;margin-bottom:8px}:host(.--video) .spw-card-content__tag,:host(.--highlighted) .spw-card-content__tag{width:auto;align-self:flex-start;display:inline-block;padding:8px 12px;border-radius:9999px;line-height:1;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white)}:host(.--highlighted) .spw-card-content__tag{position:static;margin-bottom:12px}.spw-card-content__date{margin-bottom:7px;font-size:15px;font-weight:300;color:var(--spw-color-themes-grey-grey-600)}:host(.--highlighted) .spw-card-content__date{display:none}.spw-card-content ::slotted(spw-card){--spw-card-background:var(--spw-color-themes-grey-grey-50);--spw-card-box-shadow:none;--spw-card-border:1px solid var(--spw-color-themes-grey-grey-300)}'}},[257,"spw-card-content",{tag:[1],date:[1],hasImage:[32]}]),s=a,r=function(){"undefined"!=typeof customElements&&["spw-card-content"].forEach((t=>{"spw-card-content"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))};export{s as SpwCardContent,r as defineCustomElement}
|
|
1
|
+
import{p as t,H as e,h as o,t as n}from"./index.js";import{f as i}from"./p-BBi01mKM.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"66ceb610e7cb0b66d4aa8287f75f698840a50819",class:"spw-card-content"},this.tag&&o("span",{key:"51e3aa55120ee1ae99fc37843a8cd1d118418b63",class:"spw-card-content__tag"},this.tag),this.date&&o("time",{key:"e507fba4526c323f520378e711da8418c3c4b929","date-time":this.date,class:"spw-card-content__date"},i(this.date)),o("slot",{key:"104ffaf30fd8c9a3b1d274141971a7c747894fad"}))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video){min-width:100%;width:100%;margin-top:auto}.spw-card-content{position:relative;display:flex;flex-direction:column;padding:12px 24px 24px 24px;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:24px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--no-image.--event) .spw-card-content{padding-left:64px;padding-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--people) .spw-card-content{padding:24px;flex-direction:row;gap:24px}:host(.--highlighted) .spw-card-content{position:absolute;width:100%;bottom:0;padding:24px;padding-top:64px;overflow:hidden;border-radius:0 0 5px 5px}:host(.--highlighted) .spw-card-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}@media (min-width: 1024px){:host(.--highlighted) .spw-card-content{padding:32px;padding-top:64px}}:host(.--vertical) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--event) .spw-card-content{justify-content:center;height:100%}:host(.--video) .spw-card-content{justify-content:flex-end;padding-right:80px;border-radius:0 0 5px 5px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.87) 100%)}:host(.--video) .spw-card-content:after{position:absolute;bottom:24px;right:24px;font-family:var(--spw-ds-font-icons-solid);font-weight:900;content:"\\f144";font-size:36px;color:white}.spw-card-content__tag{position:absolute;top:-25px;left:25px;padding:6px 10px;border-radius:4px 4px 0px 0px;background:var(--spw-ds-white);color:var(--spw-ds-primary);font-size:15px;font-weight:700}:host(.--no-image) .spw-card-content__tag,:host(.--event) .spw-card-content__tag,:host(.--video) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag{position:relative;top:0;left:0;padding:0;margin-bottom:8px}:host(.--video) .spw-card-content__tag,:host(.--highlighted) .spw-card-content__tag{width:auto;align-self:flex-start;display:inline-block;padding:8px 12px;border-radius:9999px;line-height:1;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white)}:host(.--highlighted) .spw-card-content__tag{position:static;margin-bottom:12px}.spw-card-content__date{margin-bottom:7px;font-size:15px;font-weight:300;color:var(--spw-color-themes-grey-grey-600)}:host(.--highlighted) .spw-card-content__date{display:none}.spw-card-content ::slotted(spw-card){--spw-card-background:var(--spw-color-themes-grey-grey-50);--spw-card-box-shadow:none;--spw-card-border:1px solid var(--spw-color-themes-grey-grey-300)}:host(.--rounded-picture) .spw-card-content{padding:16px 0 0 0}:host(.--rounded-picture) .spw-card-content__tag{display:inline-block;width:fit-content;font-size:14px;margin-bottom:12px;position:static;top:auto;left:auto;border:1px solid var(--spw-color-themes-grey-grey-300);padding:4px 12px;border-radius:9999px}'}},[257,"spw-card-content",{tag:[1],date:[1],hasImage:[32]}]),s=a,r=function(){"undefined"!=typeof customElements&&["spw-card-content"].forEach((t=>{"spw-card-content"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))};export{s as SpwCardContent,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as i,t as o}from"./index.js";import{d as a}from"./p-oVOlDrOp.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){const e=this.el.closest("spw-card");e&&(e.addEventListener("mouseenter",(()=>this.onCardHover(!0))),e.addEventListener("mouseleave",(()=>this.onCardHover(!1))))}onCardHover(e){const t=this.el.shadowRoot.querySelector(".spw-card-image");t&&(e?t.classList.add("--is-hovered"):t.classList.remove("--is-hovered"))}get hasRatio(){return!!(this.ratio||this.ratioMobile||this.ratioTablet||this.ratioDesktop)}get elementClass(){return{"spw-card-image":!0,"spw-card-image--ratio":this.hasRatio}}render(){const e={};return this.ratio&&(e["--spw-card-image-ratio"]=this.ratio,e["--spw-card-image-ratio-mobile"]=this.ratio,e["--spw-card-image-ratio-tablet"]=this.ratio,e["--spw-card-image-ratio-desktop"]=this.ratio),this.ratioMobile&&(e["--spw-card-image-ratio-mobile"]=this.ratioMobile),this.ratioTablet&&(e["--spw-card-image-ratio-tablet"]=this.ratioTablet),this.ratioDesktop&&(e["--spw-card-image-ratio-desktop"]=this.ratioDesktop),this.imagePosition&&(e["--spw-card-image-object-position"]=this.imagePosition),this.imageFit&&(e["--spw-card-image-object-fit"]=this.imageFit),i("div",{key:"
|
|
1
|
+
import{p as e,H as t,h as i,t as o}from"./index.js";import{d as a}from"./p-oVOlDrOp.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hoverIcon="fa-plus"}componentDidLoad(){const e=this.el.closest("spw-card");e&&(e.addEventListener("mouseenter",(()=>this.onCardHover(!0))),e.addEventListener("mouseleave",(()=>this.onCardHover(!1))))}onCardHover(e){const t=this.el.shadowRoot.querySelector(".spw-card-image");t&&(e?t.classList.add("--is-hovered"):t.classList.remove("--is-hovered"))}get hasRatio(){return!!(this.ratio||this.ratioMobile||this.ratioTablet||this.ratioDesktop)}get elementClass(){return{"spw-card-image":!0,"spw-card-image--ratio":this.hasRatio}}render(){const e={};return this.ratio&&(e["--spw-card-image-ratio"]=this.ratio,e["--spw-card-image-ratio-mobile"]=this.ratio,e["--spw-card-image-ratio-tablet"]=this.ratio,e["--spw-card-image-ratio-desktop"]=this.ratio),this.ratioMobile&&(e["--spw-card-image-ratio-mobile"]=this.ratioMobile),this.ratioTablet&&(e["--spw-card-image-ratio-tablet"]=this.ratioTablet),this.ratioDesktop&&(e["--spw-card-image-ratio-desktop"]=this.ratioDesktop),this.imagePosition&&(e["--spw-card-image-object-position"]=this.imagePosition),this.imageFit&&(e["--spw-card-image-object-fit"]=this.imageFit),i("div",{key:"c9ffeacabaf599a9562559ccaa1a5c115e6f159e",class:this.elementClass,style:e},this.label&&i("span",{key:"a3d537c2db0473ba0627d4c2ff49ae23a5b5c610",class:"spw-card-image__label"},this.label),i("slot",{key:"795a34b5ac13c9193fb300296d305bff356d874a"}),i("div",{key:"bc1ac9a4db7a9c6126d8aaf087e21b9b561d2b1f",class:"spw-card-image__icon"},i("spw-icon",{key:"c65bc7dbb9f2b8dc6c13de087b173657566d3209",icon:this.hoverIcon})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video):after,:host(.--highlighted):after{content:"";background:black;opacity:0.4;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%}:host{width:100%;line-height:1;--spw-card-image-display:block}:host(.--people){width:112px;max-width:112px}.spw-card-image{position:relative;overflow:hidden;border-radius:5px 5px 0 0;display:var(--spw-card-image-display)}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{border-radius:5px 0 0 5px}:host(.--highlighted) .spw-card-image,:host(.--people) .spw-card-image{border-radius:5px}:host(.--video) .spw-card-image,:host(.--sidebar) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{width:100%;height:auto;transition:all 0.3s ease;transform-origin:center center}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-mobile, var(--spw-card-image-ratio))}@media (min-width: 768px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-tablet, var(--spw-card-image-ratio))}}@media (min-width: 1024px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-desktop, var(--spw-card-image-ratio))}}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}.spw-card-image__icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-card-image__icon{position:absolute;z-index:2;display:flex;visibility:hidden;width:100%;height:100%;font-size:30px;font-weight:300;opacity:0;top:0;left:0;color:white;justify-content:center;align-items:center;transition:all 0.3s ease}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all 0.3s ease}.spw-card-image__label{position:absolute;top:10px;right:10px;display:inline-flex;padding:8px 12px;align-items:center;border-radius:9999px;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white);z-index:3;line-height:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{visibility:visible;opacity:1}: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(.--vertical),:host(.--event){width:170px;min-width:170px;position:relative;overflow:hidden}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{height:100%}:host(.--vertical) .spw-card-image ::slotted(img),:host(.--event) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--sidebar){width:75px;min-width:75px;height:75px;min-height:75px;position:relative;overflow:hidden}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--highlighted){position:relative}:host(.--highlighted):after{opacity:0}:host(.--video){width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}:host(.--video):after{opacity:0}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--video.--hovered):after{opacity:0.2}:host(.--rounded-picture){width:100%}:host(.--rounded-picture) .spw-card-image{border-radius:8px 8px 120px 8px;border:1px solid var(--spw-color-themes-grey-grey-300);overflow:hidden}:host(.--rounded-picture) .spw-card-image ::slotted(img),:host(.--rounded-picture) .spw-card-image img{width:100%;height:100% !important;object-fit:cover;object-position:center;display:block}'}},[257,"spw-card-image",{label:[1],ratio:[1],ratioMobile:[1,"ratio-mobile"],ratioTablet:[1,"ratio-tablet"],ratioDesktop:[1,"ratio-desktop"],imagePosition:[1,"image-position"],hoverIcon:[1,"hover-icon"],imageFit:[1,"image-fit"]}]),r=s,n=function(){"undefined"!=typeof customElements&&["spw-card-image","spw-icon"].forEach((e=>{switch(e){case"spw-card-image":customElements.get(o(e))||customElements.define(o(e),s);break;case"spw-icon":customElements.get(o(e))||a()}}))};export{r as SpwCardImage,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as i,a as s,t as a}from"./index.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasImage=!1,this.childHoveredCount=0,this.variant="news",this.elementType="a",this.target="_self",this.fullHeight=!1,this.disabled=!1,this.onNestedCardEnter=()=>{this.childHoveredCount++,this.setImageHovered(!1)},this.onNestedCardLeave=()=>{this.childHoveredCount=Math.max(0,this.childHoveredCount-1),0===this.childHoveredCount&&this.isPointerInside(this.el)&&this.setImageHovered(!0)}}componentWillLoad(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}slotChanged(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}onMouseEnter(){0===this.childHoveredCount&&this.setImageHovered(!0)}onMouseLeave(){this.setImageHovered(!1)}attachNestedCardListeners(){requestAnimationFrame((()=>{this.el.querySelectorAll("spw-card").forEach((e=>{e.addEventListener("mouseenter",this.onNestedCardEnter.bind(this),!0),e.addEventListener("mouseleave",this.onNestedCardLeave.bind(this),!0)}))}))}isPointerInside(e){const t=e.getBoundingClientRect(),{left:i,top:s,right:a,bottom:n}=t,{clientX:o,clientY:r}=window;return o>=i&&o<=a&&r>=s&&r<=n}checkForImage(){requestAnimationFrame((()=>{const e=this.el.querySelector("spw-card-image"),t=this.el.querySelector("spw-card-content");this.hasImage=!!e,this.hasImage||null==t||t.classList.add("--no-image")}))}formatDate(e){if(!e)return[];const t=e.split("/");return t.flatMap(((e,s)=>s<t.length-1?[i("span",null,e),i("span",null,"/")]:[i("span",null,e)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const e="--"+this.variant,t=this.el.querySelector("spw-card-content"),i=this.el.querySelector("spw-card-image"),s=this.el.querySelector("spw-card-title"),a=this.el.querySelector("spw-card-excerpt"),n=this.el.querySelector("spw-card-subtags");null==t||t.classList.add(e),null==i||i.classList.add(e),null==s||s.classList.add(e),null==a||a.classList.add(e),null==n||n.classList.add(e)}))}setImageHovered(e){const t=this.el.querySelector("spw-card-image"),i=this.el.querySelector("spw-card-title");t&&this.href&&t.classList.toggle("--hovered",e),i&&this.href&&i.classList.toggle("--hovered",e)}get elementClass(){return{"spw-card":!0,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,["spw-card--"+this.variant]:!0}}render(){const{href:e,rel:t,target:a,dateStart:n,dateEnd:o,variant:r}=this,d=void 0===this.href?"div":"a",l="div"===d?{}:{href:e,rel:t,target:a},
|
|
1
|
+
import{p as e,H as t,h as i,a as s,t as a}from"./index.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasImage=!1,this.childHoveredCount=0,this.variant="news",this.elementType="a",this.target="_self",this.fullHeight=!1,this.disabled=!1,this.onNestedCardEnter=()=>{this.childHoveredCount++,this.setImageHovered(!1)},this.onNestedCardLeave=()=>{this.childHoveredCount=Math.max(0,this.childHoveredCount-1),0===this.childHoveredCount&&this.isPointerInside(this.el)&&this.setImageHovered(!0)}}componentWillLoad(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}slotChanged(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}onMouseEnter(){0===this.childHoveredCount&&this.setImageHovered(!0)}onMouseLeave(){this.setImageHovered(!1)}attachNestedCardListeners(){requestAnimationFrame((()=>{this.el.querySelectorAll("spw-card").forEach((e=>{e.addEventListener("mouseenter",this.onNestedCardEnter.bind(this),!0),e.addEventListener("mouseleave",this.onNestedCardLeave.bind(this),!0)}))}))}isPointerInside(e){const t=e.getBoundingClientRect(),{left:i,top:s,right:a,bottom:n}=t,{clientX:o,clientY:r}=window;return o>=i&&o<=a&&r>=s&&r<=n}checkForImage(){requestAnimationFrame((()=>{const e=this.el.querySelector("spw-card-image"),t=this.el.querySelector("spw-card-content");this.hasImage=!!e,this.hasImage||null==t||t.classList.add("--no-image")}))}formatDate(e){if(!e)return[];const t=e.split("/");return t.flatMap(((e,s)=>s<t.length-1?[i("span",null,e),i("span",null,"/")]:[i("span",null,e)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const e="--"+this.variant,t=this.el.querySelector("spw-card-content"),i=this.el.querySelector("spw-card-image"),s=this.el.querySelector("spw-card-title"),a=this.el.querySelector("spw-card-excerpt"),n=this.el.querySelector("spw-card-subtags");null==t||t.classList.add(e),null==i||i.classList.add(e),null==s||s.classList.add(e),null==a||a.classList.add(e),null==n||n.classList.add(e)}))}setImageHovered(e){const t=this.el.querySelector("spw-card-image"),i=this.el.querySelector("spw-card-title");t&&this.href&&t.classList.toggle("--hovered",e),i&&this.href&&i.classList.toggle("--hovered",e)}get elementClass(){return{"spw-card":!0,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,["spw-card--"+this.variant]:!0}}render(){const{href:e,rel:t,target:a,dateStart:n,dateEnd:o,variant:r}=this,d=void 0===this.href?"div":"a",l="div"===d?{}:{href:e,rel:t,target:a},c={"aria-label":null==this?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return i(s,{key:"1ba4f06ba66af1625688a01d08c34fab95499577",class:{"--is-full-height":this.fullHeight}},i("article",{key:"135ae12d051e9ebc078029c99ac52ea49bf540db",class:this.elementClass},"event"===r&&i(d,Object.assign({key:"99c5e749128c5293c44ddeb4c85bf143dbe3c6b1"},l,{class:"spw-card__dates"}),n&&i("div",{key:"fcf0661e3aae2de10ad7b845da453553662b3154",class:"spw-card__date-item"},this.formatDate(n)),o&&i("div",{key:"11cc7956f31154ac081e6e819294fcfe6aafff5d",class:"spw-card__date-item"},this.formatDate(o))),i(d,Object.assign({key:"bc3380c036847c8ac197e731f05f0333a2734634"},l,c,{class:"spw-card__link"}),i("slot",{key:"c4c0f79011ee0ca8a893a080c177f17c51526768"}))))}get el(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;width:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{display:block;border-radius:5px;background:var(--spw-card-background);box-shadow:var(--spw-card-box-shadow);border:var(--spw-card-border);transition:all 0.3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{cursor:pointer;position:absolute;top:50%;left:0;transform:translate(-50%, -50%);flex-direction:column;line-height:1.1;width:80px;height:80px;text-align:center;color:white;display:inline-flex;align-items:center;justify-content:center;background:var(--spw-ds-primary);border-radius:50%;font-size:18px;text-decoration:none;z-index:2}.spw-card__date-item span:first-of-type{font-weight:bold}.spw-card__link{display:block;height:100%;width:100%;color:inherit;text-decoration:none}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar{box-shadow:none}.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{position:relative;width:calc(100% - 40px);left:40px}.spw-card--rounded-picture{box-shadow:none;background:transparent}.spw-card--rounded-picture:hover{box-shadow:none}.spw-card--rounded-picture .spw-card__link{display:flex;flex-direction:column}'}},[257,"spw-card",{variant:[1],elementType:[1,"element-type"],href:[1],target:[1],rel:[1],dateStart:[1,"date-start"],dateEnd:[1,"date-end"],fullHeight:[4,"full-height"],disabled:[4],accAriaLabel:[1,"acc-aria-label"],hasImage:[32]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]]),o=n,r=function(){"undefined"!=typeof customElements&&["spw-card"].forEach((e=>{"spw-card"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))};export{o as SpwCard,r as defineCustomElement}
|