@spw-ds/spw-stencil-library 1.11.0 → 1.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cem.json +180 -2
- package/dist/cjs/{index-B9VTdKwF.js → index-id_AkABS.js} +3 -7
- 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 +2 -2
- 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 → spw-field-label_8.cjs.entry.js} +100 -29
- 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 +8 -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 +3 -3
- 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-checkbox/spw-checkbox.css +1 -1
- 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.css +4 -0
- package/dist/collection/components/spw-group/spw-group.js +149 -13
- 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 +7 -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.css +1 -1
- 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-group/spw-group.stories.js +113 -3
- 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-D0jLTe4Y.js → p-1uE1Qo3N.js} +1 -1
- package/dist/components/{p-BNVh4npd.js → p-BpRPVStK.js} +1 -1
- package/dist/components/{p-D2bR89OY.js → p-BwzaPX9J.js} +1 -1
- package/dist/components/{p-CyuzNTuL.js → p-CCD1i9Et.js} +1 -1
- package/dist/components/{p-BqEbo61A.js → p-CT9zdtB2.js} +1 -1
- package/dist/components/{p-lA7JXY3H.js → p-Ce4aFl4t.js} +1 -1
- package/dist/components/{p-w411zfAm.js → p-CfyijrJ8.js} +1 -1
- package/dist/components/{p-D3lAXshq.js → p-CnGo7W4h.js} +1 -1
- package/dist/components/{p-CNmnvMAU.js → p-rvgnHRf7.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-checkbox.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 +295 -16
- package/dist/components_vscode.json +5107 -0
- package/dist/esm/{index-BU-5xOtc.js → index-BvJ4Kko5.js} +3 -7
- 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 +2 -2
- 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 → spw-field-label_8.entry.js} +100 -30
- 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 +8 -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 +3 -3
- 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-009759c5.entry.js +1 -0
- package/dist/spw-stencil-library/{p-a09e3914.entry.js → p-0a9288b5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-cdff9c53.entry.js → p-0bf4fb22.entry.js} +1 -1
- package/dist/spw-stencil-library/p-0ebf4d8c.entry.js +1 -0
- package/dist/spw-stencil-library/{p-a8d2e217.entry.js → p-0efd7784.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-e86c4192.entry.js → p-1d5ff931.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-32340c8d.entry.js → p-1fba6401.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-1337adf5.entry.js → p-29695c41.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-8e8f253e.entry.js → p-2ce6dc02.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-afb26e73.entry.js → p-30bd9c0a.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-4a8766cc.entry.js → p-37c6153e.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-910755a9.entry.js → p-3f195a1c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-311be1c9.entry.js → p-3fbc7bba.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-05378ed8.entry.js → p-416f6040.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1bdcb44c.entry.js → p-45af74a9.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-eda2cbd9.entry.js → p-4904c883.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b1b6f3cb.entry.js → p-49b99541.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-4f163e66.entry.js → p-50ccad8a.entry.js} +1 -1
- package/dist/spw-stencil-library/p-525c4149.entry.js +1 -0
- package/dist/spw-stencil-library/{p-50bf3984.entry.js → p-52fe32c2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dee97ef5.entry.js → p-5601a46f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-79c6f599.entry.js → p-5b520d03.entry.js} +1 -1
- package/dist/spw-stencil-library/p-5d77d128.entry.js +1 -0
- package/dist/spw-stencil-library/{p-8901c312.entry.js → p-6194071c.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-7a3131fa.entry.js → p-66da29be.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-31035d04.entry.js → p-6908b401.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dcd5fa8d.entry.js → p-693b980f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b3152418.entry.js → p-6b6f4a62.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9ee8fd30.entry.js → p-7217cd99.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-66b30373.entry.js → p-732b2f4c.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d2cabbe3.entry.js → p-74a9d177.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-38f286b7.entry.js → p-778c6591.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e96bccc1.entry.js → p-7bd15d1e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9b28f86c.entry.js → p-7c4f53c3.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-024a26e8.entry.js → p-7fc6757a.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-f7b152f7.entry.js → p-80c24670.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6ea95517.entry.js → p-81927404.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-699e435e.entry.js → p-82883102.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-1eb101b8.entry.js → p-84c41619.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-1cd657f6.entry.js → p-8bb6a14d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f43e54c9.entry.js → p-8bbea8cb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7ae08cea.entry.js → p-8c750816.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dc802ca2.entry.js → p-90067a27.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-123bfbc0.entry.js → p-98e59a94.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e1c2b8f8.entry.js → p-9ccc1685.entry.js} +1 -1
- package/dist/spw-stencil-library/p-BvJ4Kko5.js +2 -0
- package/dist/spw-stencil-library/{p-b53d9fdb.entry.js → p-a3ee7134.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e7115b5c.entry.js → p-a51ad71d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3703f96f.entry.js → p-a585320e.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-a80a9482.entry.js +1 -0
- package/dist/spw-stencil-library/p-ada5d5c1.entry.js +1 -0
- package/dist/spw-stencil-library/{p-98f51dbc.entry.js → p-b106fb83.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-daf0d53e.entry.js → p-b125ec4f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fbbacf1e.entry.js → p-b1ccc7eb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-da0a8272.entry.js → p-bb192c0e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-074758e0.entry.js → p-c18a3d8a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-82b5e1a1.entry.js → p-c660aab1.entry.js} +1 -1
- package/dist/spw-stencil-library/p-ca225328.entry.js +1 -0
- package/dist/spw-stencil-library/{p-a7b665db.entry.js → p-ce07d59f.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-2fb76b1e.entry.js → p-d004b229.entry.js} +1 -1
- package/dist/spw-stencil-library/p-d2dfe51b.entry.js +1 -0
- package/dist/spw-stencil-library/{p-deca1884.entry.js → p-d35874ea.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-3374ac92.entry.js → p-d41080ab.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-e4710721.entry.js → p-eeacd7b2.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-5ac48320.entry.js → p-f5d2d168.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-7fe2e659.entry.js → p-fbe8dc29.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/spw-stencil-library.css +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/stats.json +19468 -22146
- 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-group/spw-group.d.ts +13 -1
- 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 +100 -3
- package/dist/types/stories/organisms/spw-card/spw-card.stories.d.ts +2 -1
- package/dist/types/stories/organisms/spw-group/spw-group.stories.d.ts +6 -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 +208 -126
- package/hydrate/index.mjs +208 -126
- package/package.json +1 -1
- package/dist/cjs/spw-field-message.cjs.entry.js +0 -39
- package/dist/esm/spw-field-message.entry.js +0 -37
- 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-49be0d9e.entry.js +0 -1
- package/dist/spw-stencil-library/p-79f8babf.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 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:"563a5c71ea519c1e8ca8f5662a5872b856f86480",href:l?void 0:e,rel:i,download:t,target:s,class:this.elementClass,onClick:this.onClick},p),"left"===a&&d,n("div",{key:"678d00f7a884cc1e6dadb44c8895e2546ddd696c",class:"spw-link__inner"},n("slot",{key:"121acdb5684b653374df926a0820e5ebc8b8cca4"})),"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 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:"cb6144ac24b2ebb43d7ab015d92b9b5acd156abd",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 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,r=0;switch(this.direction){case"top":n=i.top-s.height-8,r=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8,r=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2,r=i.left-s.width-8;break;default:n=i.top+(i.height-s.height)/2,r=i.right+8}o.style.top=`${n}px`,o.style.left=`${r}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:"
|
|
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,r=0;switch(this.direction){case"top":n=i.top-s.height-8,r=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8,r=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2,r=i.left-s.width-8;break;default:n=i.top+(i.height-s.height)/2,r=i.right+8}o.style.top=`${n}px`,o.style.left=`${r}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:"396c9d31f1be3a81f4ddf511c5cd32c2318efaf7",class:this.classes,onMouseEnter:this.showTooltip,onMouseLeave:this.hideTooltip},i("slot",{key:"35611750b9aafda63e796df553cd0a5c85d8552f"}))}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 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:"80e319644e916b39492a8f87d84d32f6e7f9f087"},i("div",{key:"abb04a270e07cedbc30ec91b0adcb487180af70b",class:this.loadingClasses},i("div",{key:"35f22a4112081dc0e06551151484c0d3b1cd971f",class:"spw-loading__spinner"}),this.text&&i("p",{key:"0442737baf03ee28e7689839525cae3da2443c1e",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,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:"25d79d8139628f04b52d56ce57d946d30293251f"},i(s,Object.assign({key:"4e4502faf7f71f01f774dec0f6f606250c300bd7"},n,{class:this.elementClass}),"left"===this.iconPosition&&r,i("slot",{key:"b7a4b2f0c9416b45149d62da061d605171f9362e"}),"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,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-rvgnHRf7.js";import{d as o}from"./p-CLCgZYzK.js";import{d as a}from"./p-oVOlDrOp.js";import{d as l}from"./p-BwzaPX9J.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:"1a909aece29dbbf043b7df0460f5d8537216f1c5",class:this.elementClass},this.label&&s("spw-field-label",{key:"f2ea58d0ee889f0f79c03287658988b9826e8a61",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:"f9df3ea11a33d8ac48c159dd384595f8f1d60318",class:"spw-text-field__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"4952003f7003b658b8f84ae545c4aa695e589738",class:"spw-text-field__container"},"number"===this.type&&this.hasControls&&s("button",{key:"d93ec9ddb78b6ab67e965c8ce807a130007aba82",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:"d7b74ad8ffdaadcd6b9ee302013b723b1454c8da",icon:"fa-minus"})),s("div",{key:"462ee87a24ef7cc69261f4dd1ea2accf54df790c",class:"spw-text-field__input-container"},s("input",{key:"d7ad8f51e8d0475029655283195edf254991ee20",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:"91d8d1b92c8487325e17c7b311ae60ad57b5fed0",class:"spw-text-field__icons"},this.isClearIconVisible&&s("span",{key:"cec98dd049320cfe3b5ca5a0749249b216a0ecd4",class:"spw-text-field__clear",onClick:()=>this.handleClear()},s("spw-icon",{key:"60b0bc0835f5da1e81dddbd3e815e7eb55675cc0",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&!this.hasSubmitButton&&s("spw-icon",{key:"7f040bda49db2936f123d81052ffc7aa18d4f2e1",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}),this.hasSubmitButton&&s("button",{key:"119c076cc684f30810c290d71698c96fcec6be93",type:"button",class:"spw-text-field__submit",onClick:()=>this.handleSubmit(),"aria-label":"Rechercher"},s("spw-icon",{key:"35f6011eb271494f4cfb0f1e848f2ffa1aa68caa",icon:"fa-magnifying-glass"})))),"number"===this.type&&this.hasControls&&s("button",{key:"ab7e685d644bf96c3303ae19a58983b42e083bdb",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:"c36d63825077dc9ee4ccec5c1dc77caef30e92e2",icon:"fa-plus"})),this.indicator&&s("div",{key:"2a5fb89e27a1177f5a4830f3e1b22e7ca8ff3d44",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 e,H as o,c as r,h as s,t}from"./index.js";import{d as c}from"./p-oVOlDrOp.js";const p=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwChange=r(this,"spwChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.checked=!1,this.error=!1,this.icon="fa-check",this.value="on",this.variant="default"}handleCheckbox(e){if(this.disabled)return null==e||e.preventDefault(),void(null==e||e.stopPropagation());this.internalChecked=!this.internalChecked,this.checked=this.internalChecked,this.updateFormValue(),this.spwChange.emit(this.internalChecked)}async toggleCheckedState(e){this.disabled||(this.internalChecked=e,this.checked=e,this.updateFormValue())}checkedChanged(e){this.internalChecked=e,this.inputElement.checked=e,this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.internalChecked?this.value:null)}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(this.handleCheckbox(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.defaultChecked=this.checked,this.updateFormValue()}formResetCallback(){this.internalChecked=this.defaultChecked,this.checked=this.defaultChecked,this.updateFormValue()}get elementClass(){return{"spw-checkbox__wrapper":!0,[`spw-checkbox__wrapper--${this.variant}`]:!0,"spw-checkbox__wrapper--disabled":this.disabled,"spw-checkbox__wrapper--checked":this.internalChecked,"spw-checkbox__wrapper--error":this.error}}render(){const e=Boolean(this.el.innerHTML);return s("div",{key:"c38a01b2898e391335b55297929b50109d892434",class:"spw-checkbox"},s("input",{key:"2e696c49a36c92eed15f06e64b4a52722fab8062",type:"checkbox",ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),name:this.name,disabled:this.disabled,style:{display:"none"}}),e&&s("label",{key:"aaa5422e96bd40d32972996be19f389cdb276e70",htmlFor:this.name,class:"spw-checkbox__label "+(this.disabled?"spw-checkbox__label--disabled":""),onClick:e=>this.handleCheckbox(e)},s("slot",{key:"baa3fbdb4b6a17b91dba5c6077bd50a1f8207b61"})),s("div",{key:"36a552efdb1a0afe004d8e518978175cfb788ccb",tabindex:this.disabled?-1:0,onClick:e=>this.handleCheckbox(e),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.accAriaLabel||this.name||"Label",class:this.elementClass},this.internalChecked&&s("spw-icon",{key:"95cdfbb6513f76bb570e3707cf34cb8ccf8e1107",icon:this.icon})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged: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:inline-flex;vertical-align:top;--spw-ds-checkbox-checked-color:var(--spw-ds-primary);--spw-ds-checkbox-checked-active-color:var(--spw-ds-active);--spw-ds-checkbox-checked-hover-color:var(--spw-ds-variant);--spw-ds-toggle-checked-color:var(--spw-color-themes-green-green-600);--spw-ds-toggle-checked-active-color:var(--spw-color-themes-green-green-700);--spw-ds-toggle-checked-hover-color:var(--spw-color-themes-green-green-800)}.spw-checkbox{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-checkbox__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-2-xs);font-size:var(--spw-typography-body-body-3-font-size);flex:none;order:0;flex-grow:0}.spw-checkbox__wrapper spw-icon{font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.spw-checkbox__wrapper--error{border-color:var(--spw-colors-dark-states-error-error-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-visible,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):active,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-checkbox__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--checked{border-color:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--toggle{top:1px;width:30px;height:18px;border-radius:40px;border:none;background:var(--spw-color-themes-grey-grey-500);transition:background 0.2s ease}.spw-checkbox__wrapper--toggle:hover{background:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper--toggle:active{background:var(--spw-color-themes-grey-grey-800)}.spw-checkbox__wrapper--toggle spw-icon{opacity:0;line-height:0;transition:all 0.2s 0.3s ease;margin-left:15px;transition:all 0.2s ease}.spw-checkbox__wrapper--toggle:before{content:"";position:absolute;width:14px;height:14px;background:white;border-radius:50%;top:50%;left:2px;transform:translateY(-50%);transition:all 0.2s ease}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle{background:var(--spw-ds-toggle-checked-color);color:var(--spw-ds-toggle-checked-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:before{left:calc(100% - 16px);background:white}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle spw-icon{font-size:10px;margin-left:6px;opacity:1}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):hover{background:var(--spw-ds-toggle-checked-hover-color);color:var(--spw-ds-toggle-checked-hover-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):active{background:var(--spw-ds-toggle-checked-active-color);color:var(--spw-ds-toggle-checked-active-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled{background:var(--spw-color-themes-grey-grey-500);color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:var(--spw-ds-white)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked{border-color:var(--spw-color-themes-grey-grey-300);background:var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked:before{background:white}.spw-checkbox__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-checkbox__label:hover~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__label:active~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-checkbox__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper:hover,.spw-checkbox__label:hover{cursor:pointer}.spw-checkbox__wrapper--disabled:hover,.spw-checkbox__label--disabled:hover{cursor:not-allowed}'}},[321,"spw-checkbox",{disabled:[4],checked:[1540],error:[4],icon:[1],name:[1],value:[1],variant:[1],accAriaLabel:[1,"acc-aria-label"],internalChecked:[32],toggleCheckedState:[64]},void 0,{checked:[{checkedChanged:0}]}]);function a(){"undefined"!=typeof customElements&&["spw-checkbox","spw-icon"].forEach((e=>{switch(e){case"spw-checkbox":customElements.get(t(e))||customElements.define(t(e),p);break;case"spw-icon":customElements.get(t(e))||c()}}))}export{p as S,a as d}
|
|
1
|
+
import{p as e,H as o,c as r,h as s,t}from"./index.js";import{d as c}from"./p-oVOlDrOp.js";const p=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwChange=r(this,"spwChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.checked=!1,this.error=!1,this.icon="fa-check",this.value="on",this.variant="default"}handleCheckbox(e){if(this.disabled)return null==e||e.preventDefault(),void(null==e||e.stopPropagation());this.internalChecked=!this.internalChecked,this.checked=this.internalChecked,this.updateFormValue(),this.spwChange.emit(this.internalChecked)}async toggleCheckedState(e){this.disabled||(this.internalChecked=e,this.checked=e,this.updateFormValue())}checkedChanged(e){this.internalChecked=e,this.inputElement.checked=e,this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.internalChecked?this.value:null)}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(this.handleCheckbox(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.defaultChecked=this.checked,this.updateFormValue()}formResetCallback(){this.internalChecked=this.defaultChecked,this.checked=this.defaultChecked,this.updateFormValue()}get elementClass(){return{"spw-checkbox__wrapper":!0,[`spw-checkbox__wrapper--${this.variant}`]:!0,"spw-checkbox__wrapper--disabled":this.disabled,"spw-checkbox__wrapper--checked":this.internalChecked,"spw-checkbox__wrapper--error":this.error}}render(){const e=Boolean(this.el.innerHTML);return s("div",{key:"c38a01b2898e391335b55297929b50109d892434",class:"spw-checkbox"},s("input",{key:"2e696c49a36c92eed15f06e64b4a52722fab8062",type:"checkbox",ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),name:this.name,disabled:this.disabled,style:{display:"none"}}),e&&s("label",{key:"aaa5422e96bd40d32972996be19f389cdb276e70",htmlFor:this.name,class:"spw-checkbox__label "+(this.disabled?"spw-checkbox__label--disabled":""),onClick:e=>this.handleCheckbox(e)},s("slot",{key:"baa3fbdb4b6a17b91dba5c6077bd50a1f8207b61"})),s("div",{key:"36a552efdb1a0afe004d8e518978175cfb788ccb",tabindex:this.disabled?-1:0,onClick:e=>this.handleCheckbox(e),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.accAriaLabel||this.name||"Label",class:this.elementClass},this.internalChecked&&s("spw-icon",{key:"95cdfbb6513f76bb570e3707cf34cb8ccf8e1107",icon:this.icon})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged: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:inline-flex;vertical-align:top;--spw-ds-checkbox-checked-color:var(--spw-ds-primary);--spw-ds-checkbox-checked-active-color:var(--spw-ds-active);--spw-ds-checkbox-checked-hover-color:var(--spw-ds-variant);--spw-ds-toggle-checked-color:var(--spw-color-themes-green-green-600);--spw-ds-toggle-checked-active-color:var(--spw-color-themes-green-green-700);--spw-ds-toggle-checked-hover-color:var(--spw-color-themes-green-green-800)}.spw-checkbox{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-checkbox__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-2-xs);font-size:var(--spw-typography-body-body-3-font-size);flex:none;order:0;flex-grow:0}.spw-checkbox__wrapper spw-icon{font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.spw-checkbox__wrapper--error{border-color:var(--spw-color-states-error-error-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-visible,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):active,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-checkbox__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--checked{border-color:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--toggle{top:1px;width:30px;height:18px;border-radius:40px;border:none;background:var(--spw-color-themes-grey-grey-500);transition:background 0.2s ease}.spw-checkbox__wrapper--toggle:hover{background:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper--toggle:active{background:var(--spw-color-themes-grey-grey-800)}.spw-checkbox__wrapper--toggle spw-icon{opacity:0;line-height:0;transition:all 0.2s 0.3s ease;margin-left:15px;transition:all 0.2s ease}.spw-checkbox__wrapper--toggle:before{content:"";position:absolute;width:14px;height:14px;background:white;border-radius:50%;top:50%;left:2px;transform:translateY(-50%);transition:all 0.2s ease}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle{background:var(--spw-ds-toggle-checked-color);color:var(--spw-ds-toggle-checked-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:before{left:calc(100% - 16px);background:white}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle spw-icon{font-size:10px;margin-left:6px;opacity:1}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):hover{background:var(--spw-ds-toggle-checked-hover-color);color:var(--spw-ds-toggle-checked-hover-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):active{background:var(--spw-ds-toggle-checked-active-color);color:var(--spw-ds-toggle-checked-active-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled{background:var(--spw-color-themes-grey-grey-500);color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:var(--spw-ds-white)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked{border-color:var(--spw-color-themes-grey-grey-300);background:var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked:before{background:white}.spw-checkbox__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-checkbox__label:hover~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__label:active~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-checkbox__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper:hover,.spw-checkbox__label:hover{cursor:pointer}.spw-checkbox__wrapper--disabled:hover,.spw-checkbox__label--disabled:hover{cursor:not-allowed}'}},[321,"spw-checkbox",{disabled:[4],checked:[1540],error:[4],icon:[1],name:[1],value:[1],variant:[1],accAriaLabel:[1,"acc-aria-label"],internalChecked:[32],toggleCheckedState:[64]},void 0,{checked:[{checkedChanged:0}]}]);function a(){"undefined"!=typeof customElements&&["spw-checkbox","spw-icon"].forEach((e=>{switch(e){case"spw-checkbox":customElements.get(t(e))||customElements.define(t(e),p);break;case"spw-icon":customElements.get(t(e))||c()}}))}export{p as S,a 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-CCD1i9Et.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 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-BwzaPX9J.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 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
|
|
1
|
+
import{p as e,H as t,h as i,a as s,t as n}from"./index.js";import{d as o}from"./p-oVOlDrOp.js";import{d as r}from"./p-1uE1Qo3N.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))||o();break;case"spw-link":customElements.get(n(e))||r()}}))};export{p as SpwBreadcrumbItem,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as
|
|
1
|
+
import{S as o,d as s}from"./p-CnGo7W4h.js";const p=o,r=s;export{p as SpwButton,r 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}
|