@spw-ds/spw-stencil-library 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-DPoQq9TD.js → index-iVhYitTd.js} +5 -2
- package/dist/cjs/index-iVhYitTd.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/spw-accordion_4.cjs.entry.js +5 -5
- package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/spw-button_2.cjs.entry.js +3 -3
- package/dist/cjs/spw-card-content.cjs.entry.js +3 -3
- package/dist/cjs/spw-card-content.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-card-content.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-card-excerpt.cjs.entry.js +3 -3
- package/dist/cjs/spw-card-excerpt.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-card-excerpt.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-card-image.cjs.entry.js +3 -3
- package/dist/cjs/spw-card-image.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-card-image.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-card-subtag-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-subtags.cjs.entry.js +2 -2
- package/dist/cjs/spw-card-title.cjs.entry.js +5 -3
- package/dist/cjs/spw-card-title.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-card-title.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-card.cjs.entry.js +3 -3
- package/dist/cjs/spw-card.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-card.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-checkbox.cjs.entry.js +6 -3
- package/dist/cjs/spw-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-checkbox.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-cookies.cjs.entry.js +1 -1
- package/dist/cjs/spw-custom-select.cjs.entry.js +23 -12
- package/dist/cjs/spw-custom-select.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-custom-select.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/spw-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-field-label.spw-group.spw-icon.spw-link.spw-separator.spw-theme-provider.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-field-label_6.cjs.entry.js +8 -8
- package/dist/cjs/spw-field-label_6.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-field-message.cjs.entry.js +2 -2
- package/dist/cjs/spw-file-upload.cjs.entry.js +3 -3
- package/dist/cjs/spw-footer-bottom.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-content-col.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-link.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-lang-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-lang.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-navigation.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-persona-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-header-persona.cjs.entry.js +2 -2
- package/dist/cjs/spw-header.cjs.entry.js +2 -2
- package/dist/cjs/spw-hero.cjs.entry.js +6 -3
- package/dist/cjs/spw-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-hero.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-illustration.cjs.entry.js +2389 -0
- package/dist/cjs/spw-illustration.cjs.entry.js.map +1 -0
- package/dist/cjs/spw-illustration.entry.cjs.js.map +1 -0
- package/dist/cjs/spw-iodda.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-description.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-list-title.cjs.entry.js +2 -2
- package/dist/cjs/spw-list.cjs.entry.js +2 -2
- package/dist/cjs/spw-message.cjs.entry.js +1 -1
- package/dist/cjs/spw-modal.cjs.entry.js +12 -10
- package/dist/cjs/spw-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +2 -2
- package/dist/cjs/spw-mosaic.cjs.entry.js +2 -2
- package/dist/cjs/spw-pagination.cjs.entry.js +7 -7
- package/dist/cjs/spw-radio.cjs.entry.js +2 -2
- package/dist/cjs/spw-search-field.cjs.entry.js +3 -3
- package/dist/cjs/spw-select.cjs.entry.js +37 -3
- package/dist/cjs/spw-select.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-select.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +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-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 +3 -3
- package/dist/cjs/spw-table-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table-cell.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-table-footer.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-head.cjs.entry.js +2 -2
- package/dist/cjs/spw-table-header.cjs.entry.js +9 -5
- package/dist/cjs/spw-table-header.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table-header.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-table-row.cjs.entry.js +11 -3
- package/dist/cjs/spw-table-row.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table-row.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-table.cjs.entry.js +23 -10
- package/dist/cjs/spw-table.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-table.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-tabs-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +6 -3
- package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-tabs-navigation-item.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-tabs-navigation.cjs.entry.js +85 -3
- package/dist/cjs/spw-tabs-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-tabs-navigation.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-tabs.cjs.entry.js +70 -13
- package/dist/cjs/spw-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-tabs.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-tag.cjs.entry.js +2 -2
- package/dist/cjs/spw-text-field.cjs.entry.js +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-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/spw-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/spw-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/spw-topbar.cjs.entry.js +2 -2
- package/dist/cjs/utils-CKYAw_Le.js.map +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/spw-accordion/spw-accordion-content/spw-accordion-content.js +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion-item/spw-accordion-item.js +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion-title/spw-accordion-title.js +1 -1
- package/dist/collection/components/spw-accordion/spw-accordion.js +1 -1
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.js +1 -1
- package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.js +1 -1
- package/dist/collection/components/spw-button/spw-button.js +1 -1
- package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css +1 -1
- package/dist/collection/components/spw-card/spw-card-content/spw-card-content.js +1 -1
- package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.css +1 -1
- package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.js +2 -2
- package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.js.map +1 -1
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css +1 -1
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +1 -1
- package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.js +1 -1
- package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.js +1 -1
- package/dist/collection/components/spw-card/spw-card-title/spw-card-title.css +1 -1
- package/dist/collection/components/spw-card/spw-card-title/spw-card-title.js +30 -2
- package/dist/collection/components/spw-card/spw-card-title/spw-card-title.js.map +1 -1
- package/dist/collection/components/spw-card/spw-card.css +1 -1
- package/dist/collection/components/spw-card/spw-card.js +3 -3
- package/dist/collection/components/spw-card/spw-card.js.map +1 -1
- package/dist/collection/components/spw-checkbox/spw-checkbox.css +1 -1
- package/dist/collection/components/spw-checkbox/spw-checkbox.js +24 -1
- package/dist/collection/components/spw-checkbox/spw-checkbox.js.map +1 -1
- package/dist/collection/components/spw-custom-select/spw-custom-select.js +27 -16
- package/dist/collection/components/spw-custom-select/spw-custom-select.js.map +1 -1
- package/dist/collection/components/spw-date-picker/spw-date-picker.js +1 -1
- package/dist/collection/components/spw-dropdown/spw-dropdown.js +1 -1
- package/dist/collection/components/spw-field-label/spw-field-label.js +1 -1
- package/dist/collection/components/spw-field-message/spw-field-message.js +1 -1
- package/dist/collection/components/spw-file-upload/spw-file-upload.js +2 -2
- package/dist/collection/components/spw-footer/spw-footer-bottom/spw-footer-bottom.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-content/spw-footer-content.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.js +1 -1
- package/dist/collection/components/spw-footer/spw-footer.js +1 -1
- package/dist/collection/components/spw-group/spw-group.js +1 -1
- package/dist/collection/components/spw-header/spw-header-lang/spw-header-lang.js +1 -1
- package/dist/collection/components/spw-header/spw-header-lang-item/spw-header-lang-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-dropdown/spw-header-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.js +1 -1
- package/dist/collection/components/spw-header/spw-header-persona-item/spw-header-persona-item.js +1 -1
- package/dist/collection/components/spw-header/spw-header.js +1 -1
- package/dist/collection/components/spw-hero/spw-hero.css +1 -1
- package/dist/collection/components/spw-hero/spw-hero.js +24 -1
- package/dist/collection/components/spw-hero/spw-hero.js.map +1 -1
- package/dist/collection/components/spw-icon/spw-icon.js +1 -1
- package/dist/collection/components/spw-illustration/spw-illustration.css +2 -0
- package/dist/collection/components/spw-illustration/spw-illustration.js +2479 -0
- package/dist/collection/components/spw-illustration/spw-illustration.js.map +1 -0
- package/dist/collection/components/spw-iodda/spw-iodda.js +1 -1
- package/dist/collection/components/spw-link/spw-link.css +1 -1
- package/dist/collection/components/spw-link/spw-link.js +1 -1
- package/dist/collection/components/spw-list/spw-list-description/spw-list-description.js +1 -1
- package/dist/collection/components/spw-list/spw-list-item/spw-list-item.js +1 -1
- package/dist/collection/components/spw-list/spw-list-title/spw-list-title.js +1 -1
- package/dist/collection/components/spw-list/spw-list.js +1 -1
- package/dist/collection/components/spw-loading/spw-loading.js +1 -1
- package/dist/collection/components/spw-modal/spw-modal.js +11 -9
- package/dist/collection/components/spw-modal/spw-modal.js.map +1 -1
- package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +1 -1
- package/dist/collection/components/spw-mosaic/spw-mosaic.js +1 -1
- package/dist/collection/components/spw-pagination/spw-pagination.js +6 -6
- package/dist/collection/components/spw-radio/spw-radio.js +1 -1
- package/dist/collection/components/spw-search-field/spw-search-field.js +2 -2
- package/dist/collection/components/spw-select/spw-select.js +100 -2
- package/dist/collection/components/spw-select/spw-select.js.map +1 -1
- package/dist/collection/components/spw-separator/spw-separator.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.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-socials/spw-socials.js +1 -1
- package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js +1 -1
- package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.css +1 -1
- package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js +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.css +1 -1
- package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js +7 -3
- package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js.map +1 -1
- package/dist/collection/components/spw-table/spw-table-row/spw-table-row.css +1 -1
- package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js +35 -1
- package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js.map +1 -1
- package/dist/collection/components/spw-table/spw-table.js +22 -9
- package/dist/collection/components/spw-table/spw-table.js.map +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.css +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js +100 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js.map +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.css +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js +43 -2
- package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js.map +1 -1
- package/dist/collection/components/spw-tabs/spw-tabs.js +129 -12
- package/dist/collection/components/spw-tabs/spw-tabs.js.map +1 -1
- package/dist/collection/components/spw-tag/spw-tag.js +1 -1
- package/dist/collection/components/spw-text-field/spw-text-field.js +1 -1
- package/dist/collection/components/spw-textarea/spw-textarea.js +1 -1
- package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
- package/dist/collection/components/spw-tile/spw-tile.js +1 -1
- package/dist/collection/components/spw-tooltip/spw-tooltip.css +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/stories/components/spw-checkbox/spw-checkbox.stories.js +32 -7
- package/dist/collection/stories/components/spw-checkbox/spw-checkbox.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-custom-select/spw-custom-select.stories.js +108 -0
- package/dist/collection/stories/components/spw-custom-select/spw-custom-select.stories.js.map +1 -0
- package/dist/collection/stories/components/spw-date-picker/spw-date-picker.stories.js +6 -4
- package/dist/collection/stories/components/spw-date-picker/spw-date-picker.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-dropdown/spw-dropdown.stories.js +2 -1
- package/dist/collection/stories/components/spw-dropdown/spw-dropdown.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-file-upload/spw-file-upload.stories.js +6 -7
- package/dist/collection/stories/components/spw-file-upload/spw-file-upload.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-icon/spw-icon.stories.js +1 -0
- package/dist/collection/stories/components/spw-icon/spw-icon.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-radio/spw-radio.stories.js +6 -7
- package/dist/collection/stories/components/spw-radio/spw-radio.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-select/spw-select.stories.js +6 -7
- package/dist/collection/stories/components/spw-select/spw-select.stories.js.map +1 -1
- package/dist/collection/stories/components/spw-text-field/spw-text-field.stories.js +6 -6
- package/dist/collection/stories/components/spw-text-field/spw-text-field.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +99 -4
- package/dist/collection/stories/organisms/spw-card/spw-card.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-footer/spw-footer.stories.js +4 -2
- package/dist/collection/stories/organisms/spw-footer/spw-footer.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-header/spw-header.stories.js +2 -1
- package/dist/collection/stories/organisms/spw-header/spw-header.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-hero/spw-hero.stories.js +24 -4
- package/dist/collection/stories/organisms/spw-hero/spw-hero.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-list/spw-list.stories.js +2 -1
- package/dist/collection/stories/organisms/spw-list/spw-list.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-modal/spw-modal.stories.js +1 -1
- package/dist/collection/stories/organisms/spw-modal/spw-modal.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-mosaic/spw-mosaic.stories.js +8 -4
- package/dist/collection/stories/organisms/spw-mosaic/spw-mosaic.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-sidebar/spw-sidebar.stories.js +2 -1
- package/dist/collection/stories/organisms/spw-sidebar/spw-sidebar.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-table/spw-table.stories.js +98 -5
- package/dist/collection/stories/organisms/spw-table/spw-table.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-tabs/spw-tabs.stories.js +6 -3
- package/dist/collection/stories/organisms/spw-tabs/spw-tabs.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-tile/spw-tile.stories.js +6 -3
- package/dist/collection/stories/organisms/spw-tile/spw-tile.stories.js.map +1 -1
- package/dist/collection/stories/organisms/spw-topbar/spw-topbar.stories.js +2 -1
- package/dist/collection/stories/organisms/spw-topbar/spw-topbar.stories.js.map +1 -1
- package/dist/collection/utils/utils.js +12 -1
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/components/index.js +3 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/{p-DibGOHbd.js → p-5qcE_Ljw.js} +6 -6
- package/dist/components/{p-DibGOHbd.js.map → p-5qcE_Ljw.js.map} +1 -1
- package/dist/components/{p-_VSq6JhE.js → p-8jCY8rtJ.js} +3 -3
- package/dist/components/{p-_VSq6JhE.js.map → p-8jCY8rtJ.js.map} +1 -1
- package/dist/components/{p-wxevhJKV.js → p-BF73GiQU.js} +4 -4
- package/dist/components/{p-wxevhJKV.js.map → p-BF73GiQU.js.map} +1 -1
- package/dist/components/{p-CxSDNrYu.js → p-BQKQ0k0G.js} +3 -3
- package/dist/components/{p-CxSDNrYu.js.map → p-BQKQ0k0G.js.map} +1 -1
- package/dist/components/{p-DMD2z45s.js → p-BbuJ0hsQ.js} +4 -4
- package/dist/components/{p-DMD2z45s.js.map → p-BbuJ0hsQ.js.map} +1 -1
- package/dist/components/{p-CF4CA9QM.js → p-BowHA3gk.js} +3 -3
- package/dist/components/{p-CF4CA9QM.js.map → p-BowHA3gk.js.map} +1 -1
- package/dist/components/p-BsulPKjc.js +81 -0
- package/dist/components/p-BsulPKjc.js.map +1 -0
- package/dist/components/{p-BPTPujMC.js → p-BvWTgY8c.js} +5 -5
- package/dist/components/{p-BPTPujMC.js.map → p-BvWTgY8c.js.map} +1 -1
- package/dist/components/{p-BrCiFcDB.js → p-CMFyBNvH.js} +12 -12
- package/dist/components/{p-BrCiFcDB.js.map → p-CMFyBNvH.js.map} +1 -1
- package/dist/components/{p-DDvpvxxV.js → p-C_iAJUsF.js} +3 -3
- package/dist/components/{p-DDvpvxxV.js.map → p-C_iAJUsF.js.map} +1 -1
- package/dist/components/p-Cf-dIWNi.js +129 -0
- package/dist/components/p-Cf-dIWNi.js.map +1 -0
- package/dist/components/{p-DqtSG4Dc.js → p-DPUqdUk8.js} +4 -4
- package/dist/components/p-DPUqdUk8.js.map +1 -0
- package/dist/components/{p-B1_XG4Wf.js → p-JncqUnd1.js} +3 -3
- package/dist/components/{p-B1_XG4Wf.js.map → p-JncqUnd1.js.map} +1 -1
- package/dist/components/{p-BrOEFNbv.js → p-_q4w18VU.js} +3 -3
- package/dist/components/{p-BrOEFNbv.js.map → p-_q4w18VU.js.map} +1 -1
- package/dist/components/{p-Ch60bguo.js → p-z27d6ASx.js} +3 -3
- package/dist/components/{p-Ch60bguo.js.map → p-z27d6ASx.js.map} +1 -1
- package/dist/components/p-zpG0udTn.js.map +1 -1
- package/dist/components/spw-accordion-content.js +1 -1
- package/dist/components/spw-accordion-item.js +1 -1
- package/dist/components/spw-accordion-title.js +1 -1
- package/dist/components/spw-accordion.js +1 -1
- package/dist/components/spw-breadcrumb-item.js +3 -3
- package/dist/components/spw-breadcrumb.js +1 -1
- package/dist/components/spw-button.js +1 -1
- package/dist/components/spw-card-content.js +2 -2
- package/dist/components/spw-card-content.js.map +1 -1
- package/dist/components/spw-card-excerpt.js +3 -3
- package/dist/components/spw-card-excerpt.js.map +1 -1
- package/dist/components/spw-card-image.js +3 -3
- package/dist/components/spw-card-image.js.map +1 -1
- package/dist/components/spw-card-subtag-item.js +1 -1
- package/dist/components/spw-card-subtags.js +1 -1
- package/dist/components/spw-card-title.js +8 -4
- package/dist/components/spw-card-title.js.map +1 -1
- package/dist/components/spw-card.js +2 -2
- package/dist/components/spw-card.js.map +1 -1
- package/dist/components/spw-checkbox.js +1 -1
- package/dist/components/spw-cookies.js +8 -8
- package/dist/components/spw-custom-select.js +28 -17
- package/dist/components/spw-custom-select.js.map +1 -1
- package/dist/components/spw-date-picker.js +4 -4
- package/dist/components/spw-dropdown.js +1 -1
- package/dist/components/spw-field-label.js +1 -1
- package/dist/components/spw-field-message.js +1 -1
- package/dist/components/spw-file-upload.js +5 -5
- package/dist/components/spw-footer-bottom.js +1 -1
- package/dist/components/spw-footer-content-col.js +1 -1
- package/dist/components/spw-footer-content.js +1 -1
- package/dist/components/spw-footer-link.js +1 -1
- package/dist/components/spw-footer.js +1 -1
- package/dist/components/spw-group.js +2 -2
- package/dist/components/spw-header-lang-item.js +1 -1
- package/dist/components/spw-header-lang.js +4 -4
- package/dist/components/spw-header-navigation-dropdown.js +1 -1
- package/dist/components/spw-header-navigation-item.js +2 -2
- package/dist/components/spw-header-navigation.js +2 -2
- package/dist/components/spw-header-persona-item.js +1 -1
- package/dist/components/spw-header-persona.js +2 -2
- package/dist/components/spw-header.js +4 -4
- package/dist/components/spw-hero.js +6 -2
- package/dist/components/spw-hero.js.map +1 -1
- package/dist/components/spw-icon.js +1 -1
- package/dist/components/spw-illustration.d.ts +11 -0
- package/dist/components/spw-illustration.js +2410 -0
- package/dist/components/spw-illustration.js.map +1 -0
- package/dist/components/spw-iodda.js +7 -7
- package/dist/components/spw-link.js +1 -1
- package/dist/components/spw-list-description.js +1 -1
- package/dist/components/spw-list-item.js +2 -2
- package/dist/components/spw-list-title.js +2 -2
- package/dist/components/spw-list.js +1 -1
- package/dist/components/spw-loading.js +1 -1
- package/dist/components/spw-message.js +2 -2
- package/dist/components/spw-modal.js +12 -10
- package/dist/components/spw-modal.js.map +1 -1
- package/dist/components/spw-mosaic-item.js +1 -1
- package/dist/components/spw-mosaic.js +1 -1
- package/dist/components/spw-pagination.js +1 -1
- package/dist/components/spw-radio.js +1 -1
- package/dist/components/spw-search-field.js +6 -6
- package/dist/components/spw-select.js +44 -5
- package/dist/components/spw-select.js.map +1 -1
- package/dist/components/spw-separator.js +1 -1
- package/dist/components/spw-sidebar-navigation-dropdown.js +1 -1
- package/dist/components/spw-sidebar-navigation-item.js +5 -5
- package/dist/components/spw-sidebar-navigation-separator.js +2 -2
- package/dist/components/spw-sidebar.js +2 -2
- package/dist/components/spw-skeleton.js +1 -1
- package/dist/components/spw-socials.js +1 -1
- package/dist/components/spw-table-body.js +1 -1
- package/dist/components/spw-table-cell.js +2 -2
- package/dist/components/spw-table-cell.js.map +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 +10 -6
- package/dist/components/spw-table-header.js.map +1 -1
- package/dist/components/spw-table-row.js +13 -3
- package/dist/components/spw-table-row.js.map +1 -1
- package/dist/components/spw-table.js +22 -9
- package/dist/components/spw-table.js.map +1 -1
- package/dist/components/spw-tabs-navigation-item.js +21 -4
- package/dist/components/spw-tabs-navigation-item.js.map +1 -1
- package/dist/components/spw-tabs-navigation.js +95 -4
- package/dist/components/spw-tabs-navigation.js.map +1 -1
- package/dist/components/spw-tabs.js +75 -14
- package/dist/components/spw-tabs.js.map +1 -1
- package/dist/components/spw-tag.js +2 -2
- package/dist/components/spw-text-field.js +1 -1
- package/dist/components/spw-textarea.js +4 -4
- package/dist/components/spw-theme-provider.js +1 -1
- package/dist/components/spw-tile-description.js +1 -1
- package/dist/components/spw-tile-title.js +1 -1
- package/dist/components/spw-tile.js +2 -2
- package/dist/components/spw-tooltip.js +1 -1
- package/dist/components/spw-topbar.js +1 -1
- package/dist/components_json.json +538 -38
- package/dist/esm/{index-BaAUTDWF.js → index-BYM_CUUH.js} +5 -2
- package/dist/esm/index-BYM_CUUH.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/spw-accordion_4.entry.js +5 -5
- package/dist/esm/spw-breadcrumb-item.entry.js +2 -2
- package/dist/esm/spw-breadcrumb.entry.js +2 -2
- package/dist/esm/spw-button_2.entry.js +3 -3
- package/dist/esm/spw-card-content.entry.js +3 -3
- package/dist/esm/spw-card-content.entry.js.map +1 -1
- package/dist/esm/spw-card-excerpt.entry.js +3 -3
- package/dist/esm/spw-card-excerpt.entry.js.map +1 -1
- package/dist/esm/spw-card-image.entry.js +3 -3
- package/dist/esm/spw-card-image.entry.js.map +1 -1
- package/dist/esm/spw-card-subtag-item.entry.js +2 -2
- package/dist/esm/spw-card-subtags.entry.js +2 -2
- package/dist/esm/spw-card-title.entry.js +5 -3
- package/dist/esm/spw-card-title.entry.js.map +1 -1
- package/dist/esm/spw-card.entry.js +3 -3
- package/dist/esm/spw-card.entry.js.map +1 -1
- package/dist/esm/spw-checkbox.entry.js +6 -3
- package/dist/esm/spw-checkbox.entry.js.map +1 -1
- package/dist/esm/spw-cookies.entry.js +1 -1
- package/dist/esm/spw-custom-select.entry.js +23 -12
- package/dist/esm/spw-custom-select.entry.js.map +1 -1
- package/dist/esm/spw-date-picker.entry.js +2 -2
- package/dist/esm/spw-dropdown.entry.js +2 -2
- package/dist/esm/spw-field-label.spw-group.spw-icon.spw-link.spw-separator.spw-theme-provider.entry.js.map +1 -1
- package/dist/esm/spw-field-label_6.entry.js +8 -8
- package/dist/esm/spw-field-label_6.entry.js.map +1 -1
- package/dist/esm/spw-field-message.entry.js +2 -2
- package/dist/esm/spw-file-upload.entry.js +3 -3
- package/dist/esm/spw-footer-bottom.entry.js +2 -2
- package/dist/esm/spw-footer-content-col.entry.js +2 -2
- package/dist/esm/spw-footer-content.entry.js +2 -2
- package/dist/esm/spw-footer-link.entry.js +2 -2
- package/dist/esm/spw-footer.entry.js +2 -2
- package/dist/esm/spw-header-lang-item.entry.js +2 -2
- package/dist/esm/spw-header-lang.entry.js +2 -2
- package/dist/esm/spw-header-navigation-dropdown.entry.js +2 -2
- package/dist/esm/spw-header-navigation-item.entry.js +2 -2
- package/dist/esm/spw-header-navigation.entry.js +2 -2
- package/dist/esm/spw-header-persona-item.entry.js +2 -2
- package/dist/esm/spw-header-persona.entry.js +2 -2
- package/dist/esm/spw-header.entry.js +2 -2
- package/dist/esm/spw-hero.entry.js +6 -3
- package/dist/esm/spw-hero.entry.js.map +1 -1
- package/dist/esm/spw-illustration.entry.js +2387 -0
- package/dist/esm/spw-illustration.entry.js.map +1 -0
- package/dist/esm/spw-iodda.entry.js +2 -2
- package/dist/esm/spw-list-description.entry.js +2 -2
- package/dist/esm/spw-list-item.entry.js +2 -2
- package/dist/esm/spw-list-title.entry.js +2 -2
- package/dist/esm/spw-list.entry.js +2 -2
- package/dist/esm/spw-message.entry.js +1 -1
- package/dist/esm/spw-modal.entry.js +12 -10
- package/dist/esm/spw-modal.entry.js.map +1 -1
- package/dist/esm/spw-mosaic-item.entry.js +2 -2
- package/dist/esm/spw-mosaic.entry.js +2 -2
- package/dist/esm/spw-pagination.entry.js +7 -7
- package/dist/esm/spw-radio.entry.js +2 -2
- package/dist/esm/spw-search-field.entry.js +3 -3
- package/dist/esm/spw-select.entry.js +37 -3
- package/dist/esm/spw-select.entry.js.map +1 -1
- package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +2 -2
- package/dist/esm/spw-sidebar-navigation-item.entry.js +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-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 +3 -3
- package/dist/esm/spw-table-cell.entry.js.map +1 -1
- 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 +9 -5
- package/dist/esm/spw-table-header.entry.js.map +1 -1
- package/dist/esm/spw-table-row.entry.js +11 -3
- package/dist/esm/spw-table-row.entry.js.map +1 -1
- package/dist/esm/spw-table.entry.js +23 -10
- package/dist/esm/spw-table.entry.js.map +1 -1
- package/dist/esm/spw-tabs-content.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation-item.entry.js +6 -3
- package/dist/esm/spw-tabs-navigation-item.entry.js.map +1 -1
- package/dist/esm/spw-tabs-navigation.entry.js +85 -3
- package/dist/esm/spw-tabs-navigation.entry.js.map +1 -1
- package/dist/esm/spw-tabs.entry.js +70 -13
- package/dist/esm/spw-tabs.entry.js.map +1 -1
- package/dist/esm/spw-tag.entry.js +2 -2
- package/dist/esm/spw-text-field.entry.js +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-tooltip.entry.js +3 -3
- package/dist/esm/spw-tooltip.entry.js.map +1 -1
- package/dist/esm/spw-topbar.entry.js +2 -2
- package/dist/esm/utils-zpG0udTn.js.map +1 -1
- package/dist/spw-stencil-library/{p-e95b2caa.entry.js → p-03f1a257.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-b6908714.entry.js → p-07cadb86.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-0f3f20f5.entry.js → p-08d78730.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-ea24705d.entry.js → p-0e310e7a.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-1d53f317.entry.js → p-10269c11.entry.js} +2 -2
- package/dist/spw-stencil-library/p-10269c11.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-4e96a7f8.entry.js → p-158e7952.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-102ff932.entry.js → p-1e07197c.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-3625250b.entry.js → p-1e725439.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-b00ef206.entry.js → p-228a413d.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-45abc261.entry.js → p-274ce2d2.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-9cdaf77f.entry.js → p-2c8e65e5.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-809f6063.entry.js → p-2dff657f.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-ad03e5fa.entry.js → p-2e9756c4.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-8ea75393.entry.js → p-3240c1a4.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-49221194.entry.js → p-328fb48c.entry.js} +4 -4
- package/dist/spw-stencil-library/p-34dc26ba.entry.js +2 -0
- package/dist/spw-stencil-library/p-34dc26ba.entry.js.map +1 -0
- package/dist/spw-stencil-library/p-35ef6489.entry.js +2 -0
- package/dist/spw-stencil-library/p-35ef6489.entry.js.map +1 -0
- package/dist/spw-stencil-library/p-3ab472db.entry.js +2 -0
- package/dist/spw-stencil-library/p-3ab472db.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-b7608972.entry.js → p-3cfcf070.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-7a9c8362.entry.js → p-44124a37.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-c93bb0fb.entry.js → p-4526bef6.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-f8b02eb3.entry.js → p-49be45a2.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-f384262d.entry.js → p-4e7df891.entry.js} +2 -2
- package/dist/spw-stencil-library/p-4fa98537.entry.js +2 -0
- package/dist/spw-stencil-library/p-4fa98537.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-0b4a2f05.entry.js → p-52c51ac5.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-98255d7f.entry.js → p-5426464a.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-7c7f8eae.entry.js → p-573393ab.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-3a446e55.entry.js → p-57851ceb.entry.js} +2 -2
- package/dist/spw-stencil-library/p-57d83f8b.entry.js +2 -0
- package/dist/spw-stencil-library/p-57d83f8b.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-eb6ad6f0.entry.js → p-5cb1344b.entry.js} +2 -2
- package/dist/spw-stencil-library/p-5cb1344b.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-add90792.entry.js → p-68f9c5bf.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-3ca241ed.entry.js → p-6b291009.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-8312033a.entry.js → p-6d08bcc3.entry.js} +2 -2
- package/dist/spw-stencil-library/p-6ee69164.entry.js +2 -0
- package/dist/spw-stencil-library/p-6ee69164.entry.js.map +1 -0
- package/dist/spw-stencil-library/p-73db3953.entry.js +2 -0
- package/dist/spw-stencil-library/p-73db3953.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-ce16fd94.entry.js → p-74d118ec.entry.js} +2 -2
- package/dist/spw-stencil-library/p-74d118ec.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-ae95b303.entry.js → p-75159246.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-8b951993.entry.js → p-7e30e4c2.entry.js} +2 -2
- package/dist/spw-stencil-library/p-7e30e4c2.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-8ae132ed.entry.js → p-8d94697c.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-7f39476b.entry.js → p-93a5f755.entry.js} +2 -2
- package/dist/spw-stencil-library/p-96fac544.entry.js +2 -0
- package/dist/spw-stencil-library/p-96fac544.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-325309ec.entry.js → p-98ee79d6.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-16f48e73.entry.js → p-991d5382.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-BaAUTDWF.js → p-BYM_CUUH.js} +2 -2
- package/dist/spw-stencil-library/p-BYM_CUUH.js.map +1 -0
- package/dist/spw-stencil-library/{p-30005a16.entry.js → p-a093ab2f.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-938971bc.entry.js → p-a27ed650.entry.js} +2 -2
- package/dist/spw-stencil-library/p-a27ed650.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-08ead4ae.entry.js → p-a2b3dd47.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-7d9b220f.entry.js → p-aa364a44.entry.js} +2 -2
- package/dist/spw-stencil-library/p-aa364a44.entry.js.map +1 -0
- package/dist/spw-stencil-library/p-aaffdc4f.entry.js +2 -0
- package/dist/spw-stencil-library/p-aaffdc4f.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-27d3d92a.entry.js → p-ad5f01e4.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-5752fdef.entry.js → p-ae905af5.entry.js} +2 -2
- package/dist/spw-stencil-library/p-af49292e.entry.js +2 -0
- package/dist/spw-stencil-library/p-af49292e.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-8b7f940d.entry.js → p-b0ca9615.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-4122bb55.entry.js → p-b0dc1073.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-c08f14f9.entry.js → p-b45534d4.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-44a61c9f.entry.js → p-b64a003c.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-f7d5eb27.entry.js → p-b726755c.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-621edd61.entry.js → p-be3b1d65.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-3cdcc221.entry.js → p-bf14b880.entry.js} +2 -2
- package/dist/spw-stencil-library/p-bf43d61c.entry.js +2 -0
- package/dist/spw-stencil-library/p-bf43d61c.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-328bfb78.entry.js → p-c1a30fb7.entry.js} +2 -2
- package/dist/spw-stencil-library/p-c1a30fb7.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-a09a320d.entry.js → p-c7fecad8.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-96f2ab55.entry.js → p-c838e17b.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-754d81d9.entry.js → p-ca672774.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-cc2fc4d1.entry.js → p-cf508941.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-dfade2bb.entry.js → p-cff5a7e4.entry.js} +2 -2
- package/dist/spw-stencil-library/p-d3d4755a.entry.js +2 -0
- package/dist/spw-stencil-library/p-d3d4755a.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-49e6a16e.entry.js → p-d8078491.entry.js} +2 -2
- package/dist/spw-stencil-library/p-e1a459eb.entry.js +2 -0
- package/dist/spw-stencil-library/p-e1a459eb.entry.js.map +1 -0
- package/dist/spw-stencil-library/{p-a992edea.entry.js → p-e1c4d94e.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-d4922788.entry.js → p-e5c9fb8e.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-4081582a.entry.js → p-f1d04cc1.entry.js} +2 -2
- package/dist/spw-stencil-library/{p-aa7566e0.entry.js → p-f2008faa.entry.js} +2 -2
- package/dist/spw-stencil-library/p-zpG0udTn.js.map +1 -1
- package/dist/spw-stencil-library/spw-card-content.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-card-excerpt.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-card-image.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-card-title.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-card.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-checkbox.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-custom-select.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-field-label.spw-group.spw-icon.spw-link.spw-separator.spw-theme-provider.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-hero.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-illustration.entry.esm.js.map +1 -0
- package/dist/spw-stencil-library/spw-modal.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-select.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.css +5 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/spw-stencil-library/spw-table-cell.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-table-header.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-table-row.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-table.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-tabs-navigation-item.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-tabs-navigation.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-tabs.entry.esm.js.map +1 -1
- package/dist/spw-stencil-library/spw-tooltip.entry.esm.js.map +1 -1
- package/dist/stats.json +2177 -1174
- package/dist/types/components/spw-card/spw-card-title/spw-card-title.d.ts +2 -0
- package/dist/types/components/spw-card/spw-card.d.ts +1 -1
- package/dist/types/components/spw-checkbox/spw-checkbox.d.ts +2 -0
- package/dist/types/components/spw-custom-select/spw-custom-select.d.ts +3 -3
- package/dist/types/components/spw-hero/spw-hero.d.ts +2 -0
- package/dist/types/components/spw-illustration/spw-illustration.d.ts +32 -0
- package/dist/types/components/spw-select/spw-select.d.ts +12 -0
- package/dist/types/components/spw-table/spw-table-row/spw-table-row.d.ts +3 -0
- package/dist/types/components/spw-table/spw-table.d.ts +1 -0
- package/dist/types/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.d.ts +17 -0
- package/dist/types/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.d.ts +4 -0
- package/dist/types/components/spw-tabs/spw-tabs.d.ts +11 -1
- package/dist/types/components.d.ts +170 -14
- package/dist/types/stories/components/spw-checkbox/spw-checkbox.stories.d.ts +1 -0
- package/dist/types/stories/components/spw-custom-select/spw-custom-select.stories.d.ts +9 -0
- package/dist/types/stories/organisms/spw-card/spw-card.stories.d.ts +2 -0
- package/dist/types/stories/organisms/spw-hero/spw-hero.stories.d.ts +2 -0
- package/hydrate/index.js +2781 -145
- package/hydrate/index.mjs +2781 -145
- package/package.json +1 -1
- package/dist/cjs/index-DPoQq9TD.js.map +0 -1
- package/dist/components/p-COf5LpGH.js +0 -125
- package/dist/components/p-COf5LpGH.js.map +0 -1
- package/dist/components/p-Clhpt_u-.js +0 -81
- package/dist/components/p-Clhpt_u-.js.map +0 -1
- package/dist/components/p-DqtSG4Dc.js.map +0 -1
- package/dist/components_vscode.json +0 -2628
- package/dist/esm/index-BaAUTDWF.js.map +0 -1
- package/dist/spw-stencil-library/_commonjsHelpers-CvGrISen.js.map +0 -1
- package/dist/spw-stencil-library/app-globals-DQuL1Twl.js.map +0 -1
- package/dist/spw-stencil-library/index-CHjlxlqM.js.map +0 -1
- package/dist/spw-stencil-library/p-1d53f317.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-1dde0477.entry.js +0 -2
- package/dist/spw-stencil-library/p-1dde0477.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-275708d3.entry.js +0 -2
- package/dist/spw-stencil-library/p-275708d3.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-328bfb78.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-3ffc32e2.entry.js +0 -2
- package/dist/spw-stencil-library/p-3ffc32e2.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-4917458b.entry.js +0 -2
- package/dist/spw-stencil-library/p-4917458b.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-49d9a720.entry.js +0 -2
- package/dist/spw-stencil-library/p-49d9a720.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-4ae6cb6c.entry.js +0 -2
- package/dist/spw-stencil-library/p-4ae6cb6c.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-7d9b220f.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-84132f3d.entry.js +0 -2
- package/dist/spw-stencil-library/p-84132f3d.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-86c265a0.entry.js +0 -2
- package/dist/spw-stencil-library/p-86c265a0.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-8b951993.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-938971bc.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-BaAUTDWF.js.map +0 -1
- package/dist/spw-stencil-library/p-b24afc65.entry.js +0 -2
- package/dist/spw-stencil-library/p-b24afc65.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-ce16fd94.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-cf09d649.entry.js +0 -2
- package/dist/spw-stencil-library/p-cf09d649.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-eb6ad6f0.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-f7dd32a4.entry.js +0 -2
- package/dist/spw-stencil-library/p-f7dd32a4.entry.js.map +0 -1
- package/dist/spw-stencil-library/p-fa895f36.entry.js +0 -2
- package/dist/spw-stencil-library/p-fa895f36.entry.js.map +0 -1
- package/dist/spw-stencil-library/utils-BXStmMnc.js.map +0 -1
- /package/dist/spw-stencil-library/{p-e95b2caa.entry.js.map → p-03f1a257.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-b6908714.entry.js.map → p-07cadb86.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-0f3f20f5.entry.js.map → p-08d78730.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-ea24705d.entry.js.map → p-0e310e7a.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-4e96a7f8.entry.js.map → p-158e7952.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-102ff932.entry.js.map → p-1e07197c.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-3625250b.entry.js.map → p-1e725439.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-b00ef206.entry.js.map → p-228a413d.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-45abc261.entry.js.map → p-274ce2d2.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-9cdaf77f.entry.js.map → p-2c8e65e5.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-809f6063.entry.js.map → p-2dff657f.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-ad03e5fa.entry.js.map → p-2e9756c4.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-8ea75393.entry.js.map → p-3240c1a4.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-49221194.entry.js.map → p-328fb48c.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-b7608972.entry.js.map → p-3cfcf070.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-7a9c8362.entry.js.map → p-44124a37.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-c93bb0fb.entry.js.map → p-4526bef6.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-f8b02eb3.entry.js.map → p-49be45a2.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-f384262d.entry.js.map → p-4e7df891.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-0b4a2f05.entry.js.map → p-52c51ac5.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-98255d7f.entry.js.map → p-5426464a.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-7c7f8eae.entry.js.map → p-573393ab.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-3a446e55.entry.js.map → p-57851ceb.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-add90792.entry.js.map → p-68f9c5bf.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-3ca241ed.entry.js.map → p-6b291009.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-8312033a.entry.js.map → p-6d08bcc3.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-ae95b303.entry.js.map → p-75159246.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-8ae132ed.entry.js.map → p-8d94697c.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-7f39476b.entry.js.map → p-93a5f755.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-325309ec.entry.js.map → p-98ee79d6.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-16f48e73.entry.js.map → p-991d5382.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-30005a16.entry.js.map → p-a093ab2f.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-08ead4ae.entry.js.map → p-a2b3dd47.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-27d3d92a.entry.js.map → p-ad5f01e4.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-5752fdef.entry.js.map → p-ae905af5.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-8b7f940d.entry.js.map → p-b0ca9615.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-4122bb55.entry.js.map → p-b0dc1073.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-c08f14f9.entry.js.map → p-b45534d4.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-44a61c9f.entry.js.map → p-b64a003c.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-f7d5eb27.entry.js.map → p-b726755c.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-621edd61.entry.js.map → p-be3b1d65.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-3cdcc221.entry.js.map → p-bf14b880.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-a09a320d.entry.js.map → p-c7fecad8.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-96f2ab55.entry.js.map → p-c838e17b.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-754d81d9.entry.js.map → p-ca672774.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-cc2fc4d1.entry.js.map → p-cf508941.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-dfade2bb.entry.js.map → p-cff5a7e4.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-49e6a16e.entry.js.map → p-d8078491.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-a992edea.entry.js.map → p-e1c4d94e.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-d4922788.entry.js.map → p-e5c9fb8e.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-4081582a.entry.js.map → p-f1d04cc1.entry.js.map} +0 -0
- /package/dist/spw-stencil-library/{p-aa7566e0.entry.js.map → p-f2008faa.entry.js.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
|
|
2
|
-
import { d as defineCustomElement$3 } from './p-
|
|
3
|
-
import { d as defineCustomElement$2 } from './p-
|
|
4
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$3 } from './p-BowHA3gk.js';
|
|
3
|
+
import { d as defineCustomElement$2 } from './p-BF73GiQU.js';
|
|
4
|
+
import { d as defineCustomElement$1 } from './p-_q4w18VU.js';
|
|
5
5
|
|
|
6
6
|
const spwTextFieldCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-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);box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.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{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-text-field__input[type=number]{margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{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{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.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:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{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;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;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{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.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{font-size:18px;pointer-events:none}.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-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-italic{font-style:italic}";
|
|
7
7
|
|
|
@@ -189,7 +189,7 @@ const SpwTextField = /*@__PURE__*/ proxyCustomElement(class SpwTextField extends
|
|
|
189
189
|
};
|
|
190
190
|
}
|
|
191
191
|
render() {
|
|
192
|
-
return (h("div", { key: '
|
|
192
|
+
return (h("div", { key: '897135e1ef70bba1a7482101bb5afc21042d6d6d', class: this.elementClass }, this.label && h("spw-field-label", { key: 'f4cf7dca86160431b5822b80065badbeea5d2a28', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'ac0efb4f0562a637518bead295e4a3ed0db39023', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '06e311660a0c8885b9f18a315fe13cbdd34e478a', class: "spw-text-field__container" }, h("div", { key: '0c34ad36cc057da29d632d682501b9fc9108a896', class: "spw-text-field__input-container" }, h("input", { key: '461cf26acf38bf7426b2c5c480eae05520f16b7d', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: '7d7573e48e33612951160a4e1bac559c847c562f', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '55926ef9c1229d4dd2555bf8b8fdbd656b368672', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '9fe19323666473fb21f34cadee50574d5abbf8b9', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: 'eac7e636dc86c1e51b87f5333b25d3eeffe241ed', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: 'cc6dddfdfab80c00c63c9742f90359bdae001f73', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
|
|
193
193
|
}
|
|
194
194
|
static get formAssociated() { return true; }
|
|
195
195
|
static get watchers() { return {
|
|
@@ -259,6 +259,6 @@ function defineCustomElement() {
|
|
|
259
259
|
}
|
|
260
260
|
|
|
261
261
|
export { SpwTextField as S, defineCustomElement as d };
|
|
262
|
-
//# sourceMappingURL=p-
|
|
262
|
+
//# sourceMappingURL=p-5qcE_Ljw.js.map
|
|
263
263
|
|
|
264
|
-
//# sourceMappingURL=p-
|
|
264
|
+
//# sourceMappingURL=p-5qcE_Ljw.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-DibGOHbd.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-text-field/spw-text-field.scss?tag=spw-text-field&encapsulation=shadow","src/components/spw-text-field/spw-text-field.tsx"],"sourcesContent":[":host {\n display: block;\n --spw-input-height: 40px;\n --spw-input-padding: 0 12px;\n --spw-input-text-align: left;\n --spw-input-font-size: 16px;\n --spw-input-radius: 4px;\n --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);\n --spw-input-border: var(--spw-color-themes-grey-grey-800);\n}\n\n.spw-text-field {\n position: relative;\n &__input-container {\n flex: 1;\n position: relative;\n display: flex;\n }\n &__input {\n flex: 1;\n width: 100%;\n height: var(--spw-input-height);\n padding: var(--spw-input-padding);\n text-overflow: ellipsis;\n line-height: var(--spw-input-height);\n border-radius: var(--spw-input-radius);\n font-size: var(--spw-input-font-size);\n text-align: var(--spw-input-text-align);\n border: 1px solid var(--spw-input-border);\n &:hover {\n outline: 4px solid var(--spw-color-themes-grey-grey-300);\n }\n &:focus,\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n &[type='number'] {\n // -moz-appearance: textfield;\n // -webkit-appearance: none;\n // appearance: none;\n margin: 0;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n // -webkit-appearance: none;\n margin: 0;\n }\n &[type='number'] {\n // -moz-appearance: textfield;\n }\n }\n :host-context(spw-header) & {\n border: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n .spw-text-field--disabled & {\n border-color: var(--spw-color-themes-grey-grey-400);\n background: var(--spw-color-themes-grey-grey-100);\n color: var(--spw-color-themes-grey-grey-500);\n cursor: not-allowed;\n &::placeholder {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &:hover,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n .spw-text-field--is-error & {\n border-color: var(--spw-colors-states-error-error-300);\n }\n .spw-text-field--large & {\n height: 60px;\n padding: 0 24px;\n line-height: 60px;\n }\n .spw-text-field--is-search:not(.spw-text-field--is-clear) & {\n padding-right: 40px;\n }\n .spw-text-field--is-clear:not(.spw-text-field--is-search) & {\n padding-right: 40px;\n }\n .spw-text-field--is-clear & {\n padding-right: 70px;\n }\n }\n &__container {\n display: flex;\n align-items: center;\n }\n &__indicator {\n @apply spw-tw-pl-3;\n }\n &__icons {\n display: flex;\n align-items: center;\n position: absolute;\n top: 50%;\n right: 12px;\n gap: 8px;\n transform: translateY(-50%);\n .spw-text-field--large & {\n right: 24px;\n }\n .spw-text-field--disabled & {\n pointer-events: none;\n }\n }\n &__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n cursor: pointer;\n padding: 2px;\n border: 2px var(--spw-color-themes-grey-grey-900) solid;\n border-radius: 50%;\n font-size: 12px;\n transition: all 0.2s ease-in;\n &:hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n .spw-text-field--disabled & {\n border-color: var(--spw-color-themes-grey-grey-500);\n }\n }\n &__icon {\n color: var(--spw-input-icon-search-color);\n .spw-text-field--disabled & {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &--search {\n pointer-events: none;\n font-size: 18px;\n .spw-text-field--large & {\n font-size: 24px;\n }\n }\n &--clear {\n color: var(--spw-color-themes-grey-grey-900);\n font-size: 12px;\n }\n }\n}\n","import { AttachInternals, Method, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-text-field',\n styleUrl: 'spw-text-field.scss',\n formAssociated: true,\n shadow: true,\n})\nexport class SpwTextField {\n /** Événement émis lorsque la valeur de l'input change */\n @Event() valueChanged: EventEmitter<string | number>;\n\n @State() internalValue: string = '';\n\n /** Valeur actuelle du champ de saisie, mutable et reflétée dans le DOM */\n @Prop({ mutable: true, reflect: true }) value?: string;\n /** Type d'input à rendre, par exemple, \"text\", \"password\", etc. */\n @Prop() type?: string = 'text';\n /** Texte à afficher au-dessus du champ de saisie */\n @Prop() label: string = '';\n /** Texte du placeholder pour le champ de saisie */\n @Prop() placeholder: string;\n /** Si `true`, le champ de saisie est désactivé et ne peut pas être utilisé */\n @Prop() disabled?: boolean;\n /** Attribut `name` de l'élément input */\n @Prop() name: string;\n /** Valeur minimale dans le cas d'un input number */\n @Prop() min?: number;\n /** Valeur maximale dans le cas d'un input number */\n @Prop() max?: number;\n /** Valeur d'incrémentation dans le cas d'un input number */\n @Prop() step?: number;\n /** Longueur minimale pour la valeur de l'input */\n @Prop() minLength?: number;\n /** Longueur maximale pour la valeur de l'input */\n @Prop() maxLength?: number;\n /** Indique si l'input est un champ de recherche */\n @Prop() isSearch?: boolean = false;\n /** Indique si le champ peut être effacé avec un bouton */\n @Prop() isClear?: boolean = false;\n /** Indique si l'input est requis */\n @Prop() required?: boolean = false;\n /** Spécifie la taille du champ de saisie : 'large' ou 'medium' */\n @Prop() size?: 'large' | 'medium' = 'medium';\n /** Indicateur à afficher à droite du champ de saisie */\n @Prop() indicator?: string;\n /** Texte d'assistance à afficher sous le champ de saisie */\n @Prop() assistiveText?: string;\n /** Message d'erreur à afficher sous le champ */\n @Prop() error?: string = '';\n /** Message d'indication (hint) à afficher sous le champ */\n @Prop() hint?: string = '';\n /** Message de succès à afficher sous le champ */\n @Prop() success?: string = '';\n /** Message de warning à afficher sous le champ */\n @Prop() warning?: string = '';\n /** Affiche une icône d'erreur si vrai */\n @Prop() showErrorIcon?: boolean = true;\n /** Affiche une icône d'indication si vrai */\n @Prop() showHintIcon?: boolean = true;\n /** Affiche une icône de succès si vrai */\n @Prop() showSuccessIcon?: boolean = true;\n /** Affiche une icône de warning si vrai */\n @Prop() showWarningIcon?: boolean = true;\n\n /** Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */\n @Prop() mask?: string;\n\n @State() isClearIconVisible: boolean = false;\n\n @AttachInternals() internals: ElementInternals;\n\n private inputElement!: HTMLInputElement;\n private lastInputValue: string = '';\n\n @Watch('value')\n valueChangedHandler(newValue: string) {\n this.setValue(newValue);\n }\n\n @Method()\n async setValue(newVal: string) {\n const formatted = this.mask ? this.applyMask(newVal) : newVal;\n this.internalValue = formatted;\n this.value = formatted;\n if (this.inputElement) {\n this.inputElement.value = formatted;\n }\n\n const formVal = this.mask ? this.unmask(formatted) : formatted;\n\n const emitValue = this.getTypedValue(formVal);\n\n this.internals.setFormValue(emitValue ? String(emitValue) : null);\n this.isClearIconVisible = this.isClear && !!formatted;\n this.valueChanged.emit(emitValue);\n this.lastInputValue = formatted;\n }\n\n private getTypedValue(value: string): string | number {\n if (!value) return '';\n\n if (this.type === 'number' && !isNaN(Number(value))) {\n return Number(value);\n }\n\n return value;\n }\n\n componentWillLoad() {\n const start = this.value ?? '';\n this.internalValue = this.mask ? this.applyMask(start) : start;\n this.lastInputValue = this.internalValue;\n }\n\n componentDidLoad() {\n const formVal = this.mask ? this.unmask(this.internalValue) : this.internalValue;\n const typedValue = this.getTypedValue(formVal);\n this.internals.setFormValue(typedValue ? String(typedValue) : null);\n this.isClearIconVisible = this.isClear && !!this.internalValue;\n }\n\n formResetCallback() {\n this.setValue('');\n }\n\n private handleInput(event) {\n if (!this.mask) {\n this.setValue(event.target.value);\n return;\n }\n\n const newValue = event.target.value;\n const cursorPosition = event.target.selectionStart;\n\n if (newValue.length < this.lastInputValue.length) {\n const unmaskedValue = this.unmask(newValue);\n this.setValue(unmaskedValue);\n\n setTimeout(() => {\n if (this.inputElement) {\n const newCursorPos = Math.min(cursorPosition, this.inputElement.value.length);\n this.inputElement.setSelectionRange(newCursorPos, newCursorPos);\n }\n }, 0);\n } else {\n this.setValue(newValue);\n }\n }\n\n private handleClear() {\n this.setValue('');\n }\n\n private unmask(value: string): string {\n return value ? value.replace(/[^0-9A-Za-z]/g, '') : '';\n }\n\n private matchesPlaceholder(char: string, placeholder: string): boolean {\n switch (placeholder) {\n case '9':\n return /[0-9]/.test(char);\n case 'A':\n return /[A-Za-z]/.test(char);\n case 'a':\n return /[A-Za-z]/.test(char);\n case 'X':\n return /[0-9A-Za-z]/.test(char);\n default:\n return false;\n }\n }\n\n private transformForPlaceholder(char: string, placeholder: string): string {\n switch (placeholder) {\n case 'A':\n return char.toUpperCase();\n default:\n return char;\n }\n }\n\n private applyMask(rawOrMasked: string): string {\n if (!this.mask) return rawOrMasked;\n\n const rawChars = this.unmask(rawOrMasked).split('');\n let rawIndex = 0;\n let result = '';\n\n for (let i = 0; i < this.mask.length; i++) {\n const p = this.mask[i];\n\n if (['9', 'A', 'a', 'X'].includes(p)) {\n while (rawIndex < rawChars.length && !this.matchesPlaceholder(rawChars[rawIndex], p)) {\n rawIndex++;\n }\n if (rawIndex >= rawChars.length) {\n break;\n }\n const ch = this.transformForPlaceholder(rawChars[rawIndex], p);\n result += ch;\n rawIndex++;\n } else {\n result += p;\n }\n }\n\n return result;\n }\n\n private renderErrorMessage() {\n if (this.error) {\n return (\n <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n {this.error}\n </spw-field-message>\n );\n }\n }\n\n private renderHintMessage() {\n if (this.hint) {\n return (\n <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n {this.hint}\n </spw-field-message>\n );\n }\n }\n\n private renderSuccessMessage() {\n if (this.success) {\n return (\n <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n {this.success}\n </spw-field-message>\n );\n }\n }\n\n private renderWarningMessage() {\n if (this.warning) {\n return (\n <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n {this.warning}\n </spw-field-message>\n );\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-text-field': true,\n [`spw-text-field--${this.size}`]: true,\n 'spw-text-field--is-search': this.isSearch,\n 'spw-text-field--is-error': !!this.error,\n 'spw-text-field--is-clear': this.isClearIconVisible,\n 'spw-text-field--disabled': this.disabled,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n {this.assistiveText && (\n <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n {this.assistiveText}\n </spw-field-message>\n )}\n <div class=\"spw-text-field__container\">\n <div class=\"spw-text-field__input-container\">\n <input\n class=\"spw-text-field__input\"\n ref={el => (this.inputElement = el as HTMLInputElement)}\n type={this.type}\n min={this.min}\n max={this.max}\n step={this.step}\n value={this.internalValue}\n placeholder={this.placeholder}\n disabled={this.disabled}\n name={this.name}\n id={this.name}\n minLength={this.minLength}\n maxLength={this.maxLength}\n required={this.required}\n onInput={event => this.handleInput(event)}\n />\n {(this.isSearch || this.isClearIconVisible) && (\n <div class=\"spw-text-field__icons\">\n {this.isClearIconVisible && (\n <span class=\"spw-text-field__clear\" onClick={() => this.handleClear()}>\n <spw-icon class=\"spw-text-field__icon spw-text-field__icon--clear\" icon=\"fa-xmark\"></spw-icon>\n </span>\n )}\n {this.isSearch && <spw-icon class=\"spw-text-field__icon spw-text-field__icon--search\" icon=\"fa-magnifying-glass\"></spw-icon>}\n </div>\n )}\n </div>\n {this.indicator && <div class=\"spw-text-field__indicator\">{this.indicator}</div>}\n </div>\n {this.renderErrorMessage()}\n {this.renderHintMessage()}\n {this.renderSuccessMessage()}\n {this.renderWarningMessage()}\n </div>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-5qcE_Ljw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-text-field/spw-text-field.scss?tag=spw-text-field&encapsulation=shadow","src/components/spw-text-field/spw-text-field.tsx"],"sourcesContent":[":host {\n display: block;\n --spw-input-height: 40px;\n --spw-input-padding: 0 12px;\n --spw-input-text-align: left;\n --spw-input-font-size: 16px;\n --spw-input-radius: 4px;\n --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);\n --spw-input-border: var(--spw-color-themes-grey-grey-800);\n}\n\n.spw-text-field {\n position: relative;\n &__input-container {\n flex: 1;\n position: relative;\n display: flex;\n }\n &__input {\n flex: 1;\n width: 100%;\n height: var(--spw-input-height);\n padding: var(--spw-input-padding);\n text-overflow: ellipsis;\n line-height: var(--spw-input-height);\n border-radius: var(--spw-input-radius);\n font-size: var(--spw-input-font-size);\n text-align: var(--spw-input-text-align);\n border: 1px solid var(--spw-input-border);\n &:hover {\n outline: 4px solid var(--spw-color-themes-grey-grey-300);\n }\n &:focus,\n &:focus-visible {\n outline: 3px solid white;\n outline-offset: 0;\n box-shadow: 0 0 0 6px black;\n }\n &[type='number'] {\n // -moz-appearance: textfield;\n // -webkit-appearance: none;\n // appearance: none;\n margin: 0;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n // -webkit-appearance: none;\n margin: 0;\n }\n &[type='number'] {\n // -moz-appearance: textfield;\n }\n }\n :host-context(spw-header) & {\n border: 1px solid var(--spw-color-themes-grey-grey-300);\n }\n .spw-text-field--disabled & {\n border-color: var(--spw-color-themes-grey-grey-400);\n background: var(--spw-color-themes-grey-grey-100);\n color: var(--spw-color-themes-grey-grey-500);\n cursor: not-allowed;\n &::placeholder {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &:hover,\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n .spw-text-field--is-error & {\n border-color: var(--spw-colors-states-error-error-300);\n }\n .spw-text-field--large & {\n height: 60px;\n padding: 0 24px;\n line-height: 60px;\n }\n .spw-text-field--is-search:not(.spw-text-field--is-clear) & {\n padding-right: 40px;\n }\n .spw-text-field--is-clear:not(.spw-text-field--is-search) & {\n padding-right: 40px;\n }\n .spw-text-field--is-clear & {\n padding-right: 70px;\n }\n }\n &__container {\n display: flex;\n align-items: center;\n }\n &__indicator {\n @apply spw-tw-pl-3;\n }\n &__icons {\n display: flex;\n align-items: center;\n position: absolute;\n top: 50%;\n right: 12px;\n gap: 8px;\n transform: translateY(-50%);\n .spw-text-field--large & {\n right: 24px;\n }\n .spw-text-field--disabled & {\n pointer-events: none;\n }\n }\n &__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n cursor: pointer;\n padding: 2px;\n border: 2px var(--spw-color-themes-grey-grey-900) solid;\n border-radius: 50%;\n font-size: 12px;\n transition: all 0.2s ease-in;\n &:hover {\n background: var(--spw-color-themes-grey-grey-300);\n }\n .spw-text-field--disabled & {\n border-color: var(--spw-color-themes-grey-grey-500);\n }\n }\n &__icon {\n color: var(--spw-input-icon-search-color);\n .spw-text-field--disabled & {\n color: var(--spw-color-themes-grey-grey-500);\n }\n &--search {\n pointer-events: none;\n font-size: 18px;\n .spw-text-field--large & {\n font-size: 24px;\n }\n }\n &--clear {\n color: var(--spw-color-themes-grey-grey-900);\n font-size: 12px;\n }\n }\n}\n","import { AttachInternals, Method, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-text-field',\n styleUrl: 'spw-text-field.scss',\n formAssociated: true,\n shadow: true,\n})\nexport class SpwTextField {\n /** Événement émis lorsque la valeur de l'input change */\n @Event() valueChanged: EventEmitter<string | number>;\n\n @State() internalValue: string = '';\n\n /** Valeur actuelle du champ de saisie, mutable et reflétée dans le DOM */\n @Prop({ mutable: true, reflect: true }) value?: string;\n /** Type d'input à rendre, par exemple, \"text\", \"password\", etc. */\n @Prop() type?: string = 'text';\n /** Texte à afficher au-dessus du champ de saisie */\n @Prop() label: string = '';\n /** Texte du placeholder pour le champ de saisie */\n @Prop() placeholder: string;\n /** Si `true`, le champ de saisie est désactivé et ne peut pas être utilisé */\n @Prop() disabled?: boolean;\n /** Attribut `name` de l'élément input */\n @Prop() name: string;\n /** Valeur minimale dans le cas d'un input number */\n @Prop() min?: number;\n /** Valeur maximale dans le cas d'un input number */\n @Prop() max?: number;\n /** Valeur d'incrémentation dans le cas d'un input number */\n @Prop() step?: number;\n /** Longueur minimale pour la valeur de l'input */\n @Prop() minLength?: number;\n /** Longueur maximale pour la valeur de l'input */\n @Prop() maxLength?: number;\n /** Indique si l'input est un champ de recherche */\n @Prop() isSearch?: boolean = false;\n /** Indique si le champ peut être effacé avec un bouton */\n @Prop() isClear?: boolean = false;\n /** Indique si l'input est requis */\n @Prop() required?: boolean = false;\n /** Spécifie la taille du champ de saisie : 'large' ou 'medium' */\n @Prop() size?: 'large' | 'medium' = 'medium';\n /** Indicateur à afficher à droite du champ de saisie */\n @Prop() indicator?: string;\n /** Texte d'assistance à afficher sous le champ de saisie */\n @Prop() assistiveText?: string;\n /** Message d'erreur à afficher sous le champ */\n @Prop() error?: string = '';\n /** Message d'indication (hint) à afficher sous le champ */\n @Prop() hint?: string = '';\n /** Message de succès à afficher sous le champ */\n @Prop() success?: string = '';\n /** Message de warning à afficher sous le champ */\n @Prop() warning?: string = '';\n /** Affiche une icône d'erreur si vrai */\n @Prop() showErrorIcon?: boolean = true;\n /** Affiche une icône d'indication si vrai */\n @Prop() showHintIcon?: boolean = true;\n /** Affiche une icône de succès si vrai */\n @Prop() showSuccessIcon?: boolean = true;\n /** Affiche une icône de warning si vrai */\n @Prop() showWarningIcon?: boolean = true;\n\n /** Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */\n @Prop() mask?: string;\n\n @State() isClearIconVisible: boolean = false;\n\n @AttachInternals() internals: ElementInternals;\n\n private inputElement!: HTMLInputElement;\n private lastInputValue: string = '';\n\n @Watch('value')\n valueChangedHandler(newValue: string) {\n this.setValue(newValue);\n }\n\n @Method()\n async setValue(newVal: string) {\n const formatted = this.mask ? this.applyMask(newVal) : newVal;\n this.internalValue = formatted;\n this.value = formatted;\n if (this.inputElement) {\n this.inputElement.value = formatted;\n }\n\n const formVal = this.mask ? this.unmask(formatted) : formatted;\n\n const emitValue = this.getTypedValue(formVal);\n\n this.internals.setFormValue(emitValue ? String(emitValue) : null);\n this.isClearIconVisible = this.isClear && !!formatted;\n this.valueChanged.emit(emitValue);\n this.lastInputValue = formatted;\n }\n\n private getTypedValue(value: string): string | number {\n if (!value) return '';\n\n if (this.type === 'number' && !isNaN(Number(value))) {\n return Number(value);\n }\n\n return value;\n }\n\n componentWillLoad() {\n const start = this.value ?? '';\n this.internalValue = this.mask ? this.applyMask(start) : start;\n this.lastInputValue = this.internalValue;\n }\n\n componentDidLoad() {\n const formVal = this.mask ? this.unmask(this.internalValue) : this.internalValue;\n const typedValue = this.getTypedValue(formVal);\n this.internals.setFormValue(typedValue ? String(typedValue) : null);\n this.isClearIconVisible = this.isClear && !!this.internalValue;\n }\n\n formResetCallback() {\n this.setValue('');\n }\n\n private handleInput(event) {\n if (!this.mask) {\n this.setValue(event.target.value);\n return;\n }\n\n const newValue = event.target.value;\n const cursorPosition = event.target.selectionStart;\n\n if (newValue.length < this.lastInputValue.length) {\n const unmaskedValue = this.unmask(newValue);\n this.setValue(unmaskedValue);\n\n setTimeout(() => {\n if (this.inputElement) {\n const newCursorPos = Math.min(cursorPosition, this.inputElement.value.length);\n this.inputElement.setSelectionRange(newCursorPos, newCursorPos);\n }\n }, 0);\n } else {\n this.setValue(newValue);\n }\n }\n\n private handleClear() {\n this.setValue('');\n }\n\n private unmask(value: string): string {\n return value ? value.replace(/[^0-9A-Za-z]/g, '') : '';\n }\n\n private matchesPlaceholder(char: string, placeholder: string): boolean {\n switch (placeholder) {\n case '9':\n return /[0-9]/.test(char);\n case 'A':\n return /[A-Za-z]/.test(char);\n case 'a':\n return /[A-Za-z]/.test(char);\n case 'X':\n return /[0-9A-Za-z]/.test(char);\n default:\n return false;\n }\n }\n\n private transformForPlaceholder(char: string, placeholder: string): string {\n switch (placeholder) {\n case 'A':\n return char.toUpperCase();\n default:\n return char;\n }\n }\n\n private applyMask(rawOrMasked: string): string {\n if (!this.mask) return rawOrMasked;\n\n const rawChars = this.unmask(rawOrMasked).split('');\n let rawIndex = 0;\n let result = '';\n\n for (let i = 0; i < this.mask.length; i++) {\n const p = this.mask[i];\n\n if (['9', 'A', 'a', 'X'].includes(p)) {\n while (rawIndex < rawChars.length && !this.matchesPlaceholder(rawChars[rawIndex], p)) {\n rawIndex++;\n }\n if (rawIndex >= rawChars.length) {\n break;\n }\n const ch = this.transformForPlaceholder(rawChars[rawIndex], p);\n result += ch;\n rawIndex++;\n } else {\n result += p;\n }\n }\n\n return result;\n }\n\n private renderErrorMessage() {\n if (this.error) {\n return (\n <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n {this.error}\n </spw-field-message>\n );\n }\n }\n\n private renderHintMessage() {\n if (this.hint) {\n return (\n <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n {this.hint}\n </spw-field-message>\n );\n }\n }\n\n private renderSuccessMessage() {\n if (this.success) {\n return (\n <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n {this.success}\n </spw-field-message>\n );\n }\n }\n\n private renderWarningMessage() {\n if (this.warning) {\n return (\n <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n {this.warning}\n </spw-field-message>\n );\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-text-field': true,\n [`spw-text-field--${this.size}`]: true,\n 'spw-text-field--is-search': this.isSearch,\n 'spw-text-field--is-error': !!this.error,\n 'spw-text-field--is-clear': this.isClearIconVisible,\n 'spw-text-field--disabled': this.disabled,\n };\n }\n\n render() {\n return (\n <div class={this.elementClass}>\n {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n {this.assistiveText && (\n <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n {this.assistiveText}\n </spw-field-message>\n )}\n <div class=\"spw-text-field__container\">\n <div class=\"spw-text-field__input-container\">\n <input\n class=\"spw-text-field__input\"\n ref={el => (this.inputElement = el as HTMLInputElement)}\n type={this.type}\n min={this.min}\n max={this.max}\n step={this.step}\n value={this.internalValue}\n placeholder={this.placeholder}\n disabled={this.disabled}\n name={this.name}\n id={this.name}\n minLength={this.minLength}\n maxLength={this.maxLength}\n required={this.required}\n onInput={event => this.handleInput(event)}\n />\n {(this.isSearch || this.isClearIconVisible) && (\n <div class=\"spw-text-field__icons\">\n {this.isClearIconVisible && (\n <span class=\"spw-text-field__clear\" onClick={() => this.handleClear()}>\n <spw-icon class=\"spw-text-field__icon spw-text-field__icon--clear\" icon=\"fa-xmark\"></spw-icon>\n </span>\n )}\n {this.isSearch && <spw-icon class=\"spw-text-field__icon spw-text-field__icon--search\" icon=\"fa-magnifying-glass\"></spw-icon>}\n </div>\n )}\n </div>\n {this.indicator && <div class=\"spw-text-field__indicator\">{this.indicator}</div>}\n </div>\n {this.renderErrorMessage()}\n {this.renderHintMessage()}\n {this.renderSuccessMessage()}\n {this.renderWarningMessage()}\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -11,7 +11,7 @@ const SpwLoading = /*@__PURE__*/ proxyCustomElement(class SpwLoading extends H {
|
|
|
11
11
|
this.text = 'Chargement...';
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: '7ccaf1c8799a8ddb470bc05a7357353137061015' }, h("div", { key: '064bf9f2eb7ce1777a0f719bfab72fb219a4e8d9', class: "spw-loading" }, h("div", { key: '6378290c41a5d8b1f03fee3ea2a773f9ebd768fd', class: "spw-loading__spinner" }), this.text && h("p", { key: '8e829cb820269c9cc51f632b43469d73c4196bda', class: "spw-loading__text" }, this.text))));
|
|
15
15
|
}
|
|
16
16
|
static get style() { return spwLoadingCss; }
|
|
17
17
|
}, [1, "spw-loading", {
|
|
@@ -32,6 +32,6 @@ function defineCustomElement() {
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
export { SpwLoading as S, defineCustomElement as d };
|
|
35
|
-
//# sourceMappingURL=p-
|
|
35
|
+
//# sourceMappingURL=p-8jCY8rtJ.js.map
|
|
36
36
|
|
|
37
|
-
//# sourceMappingURL=p-
|
|
37
|
+
//# sourceMappingURL=p-8jCY8rtJ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-8jCY8rtJ.js","mappings":";;AAAA,MAAM,aAAa,GAAG,qsHAAqsH;;MCO9sH,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAAY,eAAe;AAYxC;IAVC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAO,CAAA,EACvC,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,mBAAmB,EAAE,EAAA,IAAI,CAAC,IAAI,CAAK,CACtD,CACD;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":[":host {\n display: block;\n --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);\n --spw-loading-spinner-color: var(--spw-ds-primary);\n}\n\n.spw-loading {\n display: flex;\n &__spinner {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 4px solid var(--spw-loading-border-color);\n border-top-color: var(--spw-loading-spinner-color);\n animation: loading 1s linear infinite;\n }\n @keyframes loading {\n to {\n transform: rotate(360deg);\n }\n }\n &__text {\n margin-left: 8px;\n color: var(--spw-color-themes-grey-grey-800);\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'spw-loading',\n styleUrl: 'spw-loading.scss',\n shadow: true,\n})\nexport class SpwLoading {\n /** Permet de spécifier un texte de chargement */\n @Prop() text?: string = 'Chargement...';\n\n render() {\n return (\n <Host>\n <div class=\"spw-loading\">\n <div class=\"spw-loading__spinner\"></div>\n {this.text && <p class=\"spw-loading__text\">{this.text}</p>}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, a as Host } from './index.js';
|
|
2
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$1 } from './p-_q4w18VU.js';
|
|
3
3
|
|
|
4
4
|
const spwFieldMessageCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-field-message{display:block;display:flex;gap:8px;margin-top:8px}.spw-field-message--error{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint{color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--success{color:var(--spw-color-states-success-success-500)}.spw-field-message--warning{color:var(--spw-color-themes-orange-orange-500)}.spw-field-message__icon{position:relative;top:1px}.spw-field-message__text{flex:1;font-size:14px;line-height:1.5}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.spw-tw-italic{font-style:italic}";
|
|
5
5
|
|
|
@@ -32,7 +32,7 @@ const SpwFieldMessage = /*@__PURE__*/ proxyCustomElement(class SpwFieldMessage e
|
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '317bf98a34fad1abd03b2e85f5e11bca4a56a645' }, h("div", { key: 'ccf8948f8e4a222675f16ef3edb111167b1dac67', class: this.elementClass }, this.showIcon && (h("div", { key: '01e694d31e53b72968eed0e62d9a8484553b7493', class: "spw-field-message__icon" }, h("spw-icon", { key: 'a5bb727af018bd42f3d4c32b46ccd61ee4cb8174', icon: this.variantIcon }))), h("span", { key: '5555b7b8405ab026f43619591440997c2acffe33', class: "spw-field-message__text" }, h("slot", { key: 'f6781d62b64e910e7f8fb3ee32b0c2bad24a15c3' })))));
|
|
36
36
|
}
|
|
37
37
|
static get style() { return spwFieldMessageCss; }
|
|
38
38
|
}, [1, "spw-field-message", {
|
|
@@ -59,6 +59,6 @@ function defineCustomElement() {
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
export { SpwFieldMessage as S, defineCustomElement as d };
|
|
62
|
-
//# sourceMappingURL=p-
|
|
62
|
+
//# sourceMappingURL=p-BF73GiQU.js.map
|
|
63
63
|
|
|
64
|
-
//# sourceMappingURL=p-
|
|
64
|
+
//# sourceMappingURL=p-BF73GiQU.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BF73GiQU.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,g1GAAg1G;;MCO91G,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAa,IAAI;AA0ClC;AAtCC,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,QAAQ,IAAI,CAAC,OAAO;AAClB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,YAAY;AACrB,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,uBAAuB;AAChC,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,iBAAiB;AAC1B,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,yBAAyB;AAClC,YAAA;AACE,gBAAA,OAAO,EAAE;;;AAIf,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,CAAC,sBAAsB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SAC7C;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC1B,IAAI,CAAC,QAAQ,KACZ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,IAAI,CAAC,WAAW,EAAA,CAAa,CACzC,CACP,EACD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EACnC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-field-message/spw-field-message.scss?tag=spw-field-message&encapsulation=shadow","src/components/spw-field-message/spw-field-message.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-field-message {\n display: block;\n margin-top: 8px;\n display: flex;\n gap: 8px;\n\n &--error {\n color: var(--spw-color-states-error-error-300);\n }\n\n &--hint {\n color: var(--spw-colors-support-grey-grey-800);\n }\n\n &--success {\n color: var(--spw-color-states-success-success-500);\n }\n\n &--warning {\n color: var(--spw-color-themes-orange-orange-500);\n }\n\n &__icon {\n position: relative;\n top: 1px;\n }\n\n &__text {\n flex: 1;\n font-size: 14px;\n line-height: 1.5;\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-field-message',\n styleUrl: 'spw-field-message.scss',\n shadow: true,\n})\nexport class SpwFieldMessage {\n /** Permet d'afficher ou pas une icône dans le message */\n @Prop() showIcon?: boolean = true;\n /** Choix du variant du message */\n @Prop() variant?: 'error' | 'hint' | 'warning' | 'success';\n\n private get variantIcon(): string {\n switch (this.variant) {\n case 'error':\n return 'fa-warning';\n case 'hint':\n return 'fa-exclamation-circle';\n case 'success':\n return 'fa-check-circle';\n case 'warning':\n return 'fa-triangle-exclamation';\n default:\n return '';\n }\n }\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-field-message': true,\n [`spw-field-message--${this.variant}`]: true,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.elementClass}>\n {this.showIcon && (\n <div class=\"spw-field-message__icon\">\n <spw-icon icon={this.variantIcon}></spw-icon>\n </div>\n )}\n <span class=\"spw-field-message__text\">\n <slot></slot>\n </span>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -33,7 +33,7 @@ const SpwSeparator = /*@__PURE__*/ proxyCustomElement(class SpwSeparator extends
|
|
|
33
33
|
};
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return h("div", { key: '
|
|
36
|
+
return h("div", { key: 'fbda2698820b54599bd2b837b8a268240b7e289a', class: this.elementClass, style: this.style });
|
|
37
37
|
}
|
|
38
38
|
static get style() { return spwSeparatorCss; }
|
|
39
39
|
}, [1, "spw-separator", {
|
|
@@ -58,6 +58,6 @@ function defineCustomElement() {
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
export { SpwSeparator as S, defineCustomElement as d };
|
|
61
|
-
//# sourceMappingURL=p-
|
|
61
|
+
//# sourceMappingURL=p-BQKQ0k0G.js.map
|
|
62
62
|
|
|
63
|
-
//# sourceMappingURL=p-
|
|
63
|
+
//# sourceMappingURL=p-BQKQ0k0G.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BQKQ0k0G.js","mappings":";;AAAA,MAAM,eAAe,GAAG,o+FAAo+F;;MCO/+F,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAAqB,MAAM;;AAGlC,QAAA,IAAS,CAAA,SAAA,GAA8B,YAAY;;AAGnD,QAAA,IAAS,CAAA,SAAA,GAAU,CAAC;;AAGpB,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;;AAGtB,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM;AAqBhC;AAnBC,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,CAAC,kBAAkB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACxC,YAAA,CAAC,kBAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;AAC1C,YAAA,CAAC,4BAA4B,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;SACrD;;AAGH,IAAA,IAAY,KAAK,GAAA;QACf,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,SAAS,KAAK,YAAY,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,IAAI,GAAG,CAAG,EAAA,IAAI,CAAC,SAAS,CAAI,EAAA,CAAA;YAClF,MAAM,EAAE,IAAI,CAAC,SAAS,KAAK,UAAU,GAAG,CAAA,EAAG,IAAI,CAAC,MAAM,IAAI,GAAG,CAAG,EAAA,IAAI,CAAC,SAAS,CAAI,EAAA,CAAA;SACnF;;IAGH,MAAM,GAAA;QACJ,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-separator/spw-separator.scss?tag=spw-separator&encapsulation=shadow","src/components/spw-separator/spw-separator.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-separator {\n display: block;\n border-width: 1px;\n\n &--horizontal {\n border-bottom-style: solid;\n width: auto;\n height: 0;\n }\n\n &--vertical {\n border-right-style: solid;\n width: 0;\n height: auto;\n }\n\n &--dark {\n border-color: var(--spw-colors-support-grey-grey-300);\n }\n\n &--light {\n border-color: var(--spw-ds-white);\n }\n\n &--thickness-1 {\n border-width: 1px;\n }\n\n &--thickness-2 {\n border-width: 2px;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-separator',\n styleUrl: 'spw-separator.scss',\n shadow: true,\n})\nexport class SpwSeparator {\n /** Permet de choisir la surface du séparateur (clair ou sombre) */\n @Prop() surface: 'dark' | 'light' = 'dark';\n\n /** Permet de définir la direction du séparateur */\n @Prop() direction: 'vertical' | 'horizontal' = 'horizontal';\n\n /** Définit l'épaisseur du séparateur */\n @Prop() thickness: 1 | 2 = 1;\n\n /** Largeur du séparateur (par défaut 100% si non spécifié) */\n @Prop() width: string = '100%';\n\n /** Hauteur du séparateur (par défaut 100% si non spécifié) */\n @Prop() height: string = '100%';\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-separator': true,\n [`spw-separator--${this.surface}`]: true,\n [`spw-separator--${this.direction}`]: true,\n [`spw-separator--thickness-${this.thickness}`]: true,\n };\n }\n\n private get style(): { [key: string]: string } {\n return {\n width: this.direction === 'horizontal' ? `${this.width}px` : `${this.thickness}px`,\n height: this.direction === 'vertical' ? `${this.height}px` : `${this.thickness}px`,\n };\n }\n\n render() {\n return <div class={this.elementClass} style={this.style}></div>;\n }\n}\n"],"version":3}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, a as Host } from './index.js';
|
|
2
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$1 } from './p-_q4w18VU.js';
|
|
3
3
|
|
|
4
4
|
const spwAccordionTitleCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-accordion-title{color:var(--spw-color-themes-grey-grey-900);font-weight:700;padding:var(--spw-spacings-spacing-lg);transition:all .3s}.spw-accordion-title:hover{color:var(--spw-ds-primary)}:host(.--collapsed) .spw-accordion-title:hover{background:var(--spw-color-themes-grey-grey-100)}:host-context(.spw-accordion-item:hover)>.spw-accordion-title{color:var(--spw-ds-primary)}.spw-accordion-title__content{padding-right:var(--spw-spacings-spacing-3-xl);position:relative}.spw-accordion-title__content h2,.spw-accordion-title__content h3,.spw-accordion-title__content h4,.spw-accordion-title__content h5,.spw-accordion-title__content h6{font-size:16px}.spw-accordion-title__trigger{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s}:host(.--collapsed) .spw-accordion-title__trigger{transform:translateY(-50%) rotate(0deg)}.spw-tw-mr-3{margin-right:.75rem}.spw-tw-flex{display:flex}";
|
|
5
5
|
|
|
@@ -14,7 +14,7 @@ const SpwAccordionTitle = /*@__PURE__*/ proxyCustomElement(class SpwAccordionTit
|
|
|
14
14
|
render() {
|
|
15
15
|
const TagType = this.tag;
|
|
16
16
|
const iconElement = this.icon ? h("spw-icon", { icon: this.icon }) : null;
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: 'c48130c949e4772c6b6e163b8f84b595fa7b4c51' }, h("div", { key: '9ff66e56f51b8642019ba46c4b11193fb821bb44', class: "spw-accordion-title" }, h("div", { key: '0bb09fdd533c01e98f4f6645338327674e41f2e9', class: "spw-accordion-title__content" }, h(TagType, { key: '3b399be71a64a1a765b0b63e254bf1526ce35534', class: "spw-tw-flex" }, iconElement && h("div", { key: '343ecc64661eb5d85ba408d6556a6c4e407c10d9', class: "spw-tw-mr-3" }, iconElement), h("div", { key: '13531d24356419e72af41be702865551c9794518' }, h("slot", { key: 'b04e6bf552232e0cccffb7ae81bbcb7f689a3f45' }))), h("span", { key: '80bc63470ca5793d423df78c313fa70330f8c302', class: "spw-accordion-title__trigger" }, h("spw-icon", { key: '85b2440cdff81b927edfe25a4e3bf71e99e3c236', icon: "fa-chevron-down" }))))));
|
|
18
18
|
}
|
|
19
19
|
static get style() { return spwAccordionTitleCss; }
|
|
20
20
|
}, [1, "spw-accordion-title", {
|
|
@@ -41,6 +41,6 @@ function defineCustomElement() {
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
export { SpwAccordionTitle as S, defineCustomElement as d };
|
|
44
|
-
//# sourceMappingURL=p-
|
|
44
|
+
//# sourceMappingURL=p-BbuJ0hsQ.js.map
|
|
45
45
|
|
|
46
|
-
//# sourceMappingURL=p-
|
|
46
|
+
//# sourceMappingURL=p-BbuJ0hsQ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BbuJ0hsQ.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,6+GAA6+G;;MCO7/G,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;AAL9B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAG,CAAA,GAAA,GAAsC,IAAI;AAyBtD;IArBC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG;QACxB,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CAAa,GAAG,IAAI;AAC7E,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAA,CAAC,OAAO,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,aAAa,EAAA,EACzB,WAAW,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EAAE,WAAW,CAAO,EAC5D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACE,EACV,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACxC,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAA,CAAY,CACvC,CACH,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-accordion-title {\n padding: var(--spw-spacings-spacing-lg);\n font-weight: 700;\n transition: all 0.3s;\n color: var(--spw-color-themes-grey-grey-900);\n\n &:hover {\n color: var(--spw-ds-primary);\n :host(.--collapsed) & {\n background: var(--spw-color-themes-grey-grey-100);\n }\n }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n position: relative;\n padding-right: var(--spw-spacings-spacing-3-xl);\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: 16px;\n }\n}\n\n.spw-accordion-title__trigger {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%) rotate(180deg);\n transition: all 0.3s;\n\n :host(.--collapsed) & {\n transform: translateY(-50%) rotate(0deg);\n }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'spw-accordion-title',\n styleUrl: 'spw-accordion-title.scss',\n shadow: true,\n})\nexport class SpwAccordionTitle {\n /** Tag html du titre de l'accordéon (de h1 à h6) */\n @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n /** Si spécifié, place une icône à gauche du titre */\n @Prop() icon?: string;\n\n render() {\n const TagType = this.tag;\n const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n return (\n <Host>\n <div class=\"spw-accordion-title\">\n <div class=\"spw-accordion-title__content\">\n <TagType class=\"spw-tw-flex\">\n {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n <div>\n <slot></slot>\n </div>\n </TagType>\n <span class=\"spw-accordion-title__trigger\">\n <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n </span>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -20,7 +20,7 @@ const SpwFieldLabel = /*@__PURE__*/ proxyCustomElement(class SpwFieldLabel exten
|
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h(Host, { key: '
|
|
23
|
+
return (h(Host, { key: 'e214b8c000da02c3a7eabb804d4b22d8eabf0017' }, h("label", { key: '8397370f89f285635897828815050265efe582ef', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, this.label, " ", this.required && h("span", { key: '3d4bc2af13e134cf19ac65f970a3a4240e9d137b', class: "spw-field-label__required" }, "*"))));
|
|
24
24
|
}
|
|
25
25
|
get el() { return this; }
|
|
26
26
|
static get style() { return spwFieldLabelCss; }
|
|
@@ -44,6 +44,6 @@ function defineCustomElement() {
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
export { SpwFieldLabel as S, defineCustomElement as d };
|
|
47
|
-
//# sourceMappingURL=p-
|
|
47
|
+
//# sourceMappingURL=p-BowHA3gk.js.map
|
|
48
48
|
|
|
49
|
-
//# sourceMappingURL=p-
|
|
49
|
+
//# sourceMappingURL=p-BowHA3gk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BowHA3gk.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,wjGAAwjG;;MCOpkG,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,GAAA;;;;;AASU,QAAA,IAAK,CAAA,KAAA,GAAY,EAAE;;AAEnB,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAI1B,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAA2B;YAC/D,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;YAExD,IAAI,aAAa,EAAE;gBAChB,aAA6B,CAAC,KAAK,EAAE;;AAE1C,SAAC;AAWF;IATC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EACzE,IAAI,CAAC,KAAK,OAAG,IAAI,CAAC,QAAQ,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAS,EAAA,GAAA,CAAA,CACzE,CACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-field-label/spw-field-label.scss?tag=spw-field-label&encapsulation=shadow","src/components/spw-field-label/spw-field-label.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.spw-field-label {\n color: var(--spw-color-themes-grey-grey-800);\n display: block;\n font-weight: 600;\n @apply spw-tw-mb-2;\n &__required {\n color: var(--spw-ds-primary);\n }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n tag: 'spw-field-label',\n styleUrl: 'spw-field-label.scss',\n shadow: true,\n})\nexport class SpwFieldLabel {\n /** L'attribut id de l'élément input */\n @Prop() name: string;\n /** Texte à afficher au-dessus du champ de saisie */\n @Prop() label?: string = '';\n /** Indique si le champ est requis */\n @Prop() required?: boolean = false;\n\n @Element() el: HTMLSpwFieldLabelElement;\n\n private handleClick = () => {\n const rootNode = this.el.getRootNode() as ShadowRoot | Document;\n const targetElement = rootNode.getElementById(this.name);\n\n if (targetElement) {\n (targetElement as HTMLElement).focus();\n }\n };\n\n render() {\n return (\n <Host>\n <label class=\"spw-field-label\" htmlFor={this.name} onClick={this.handleClick}>\n {this.label} {this.required && <span class=\"spw-field-label__required\">*</span>}\n </label>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
|
|
2
|
+
import { d as defineCustomElement$1 } from './p-_q4w18VU.js';
|
|
3
|
+
|
|
4
|
+
const spwLinkCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-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;box-sizing:border-box;display:inline;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-link{border-radius:4px;color:var(--spw-link-color);cursor:pointer;display:inline;font-weight:var(--spw-link-font-weight);text-decoration:none}.spw-link--surface-dark{color:var(--spw-ds-white)}.spw-link__inner{border-bottom:1px solid var(--spw-link-color);display:inline}.spw-link--surface-dark .spw-link__inner{border-bottom:1px solid var(--spw-ds-white)}.spw-link:focus-visible{outline:3px solid #000;outline-offset:2px}.spw-link:hover{color:var(--spw-link-hover-color)}.spw-link:hover .spw-link__inner{border-bottom:2px solid var(--spw-link-hover-color)}.spw-link:active{color:var(--spw-link-active-color)}.spw-link:active .spw-link__inner{border-bottom:2px solid var(--spw-link-active-color)}.spw-link[aria-disabled=true]{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;pointer-events:none}.spw-link--surface-dark:hover{color:var(--spw-ds-white)}.spw-link--surface-dark:hover .spw-link__inner{border-bottom:2px solid var(--spw-ds-white)}.spw-link--surface-dark:active{color:var(--spw-ds-white)}.spw-link--surface-dark:active .spw-link__inner{border-bottom:2px solid var(--spw-ds-white)}.spw-link--surface-dark[aria-disabled=true]{color:var(--spw-ds-white);opacity:.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)}";
|
|
5
|
+
|
|
6
|
+
const SpwLink = /*@__PURE__*/ proxyCustomElement(class SpwLink extends H {
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
this.__attachShadow();
|
|
11
|
+
this.spwClick = createEvent(this, "spwClick");
|
|
12
|
+
/** Attribut target (détermine où ouvrir le lien) */
|
|
13
|
+
this.target = '_self';
|
|
14
|
+
/** Position de l'icône à l'intérieur du lien (gauche ou droite) */
|
|
15
|
+
this.iconPosition = 'right';
|
|
16
|
+
/** Si désactivé, le lien n'est pas cliquable */
|
|
17
|
+
this.disabled = false;
|
|
18
|
+
/** Permet de choisir la surface d'arrière-plan du lien */
|
|
19
|
+
this.surface = 'light';
|
|
20
|
+
this.onClick = (ev) => {
|
|
21
|
+
if (this.disabled) {
|
|
22
|
+
ev.preventDefault();
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
this.spwClick.emit(ev);
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
get elementClass() {
|
|
29
|
+
return {
|
|
30
|
+
'spw-link': true,
|
|
31
|
+
'spw-link--has-icon-right': this.icon && this.iconPosition === 'right',
|
|
32
|
+
'spw-link--has-icon-left': this.icon && this.iconPosition === 'left',
|
|
33
|
+
[`spw-link--surface-${this.surface}`]: true,
|
|
34
|
+
'spw-link--has-icon': !!this.icon,
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
render() {
|
|
38
|
+
const { href, rel, target, icon, iconPosition, accAriaLabel, disabled } = this;
|
|
39
|
+
const ariaAttributes = {
|
|
40
|
+
'aria-label': accAriaLabel,
|
|
41
|
+
'aria-disabled': disabled ? 'true' : null,
|
|
42
|
+
};
|
|
43
|
+
const iconClass = `spw-icon--${iconPosition}`;
|
|
44
|
+
const iconElement = icon ? h("spw-icon", { class: iconClass, icon: icon }) : null;
|
|
45
|
+
return (h("a", Object.assign({ key: '66195206acfa0bf2c588d89805660576b641a8fb', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: 'eb12212257b26aae3ee244c0068debd729a2a761', class: "spw-link__inner" }, h("slot", { key: '9672bb753c5777f1bf3e3eb67da04600c3447c27' })), iconPosition === 'right' && iconElement));
|
|
46
|
+
}
|
|
47
|
+
get el() { return this; }
|
|
48
|
+
static get style() { return spwLinkCss; }
|
|
49
|
+
}, [1, "spw-link", {
|
|
50
|
+
"href": [1],
|
|
51
|
+
"target": [1],
|
|
52
|
+
"rel": [1],
|
|
53
|
+
"icon": [1],
|
|
54
|
+
"iconPosition": [1, "icon-position"],
|
|
55
|
+
"disabled": [4],
|
|
56
|
+
"accAriaLabel": [1, "acc-aria-label"],
|
|
57
|
+
"surface": [1]
|
|
58
|
+
}]);
|
|
59
|
+
function defineCustomElement() {
|
|
60
|
+
if (typeof customElements === "undefined") {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
const components = ["spw-link", "spw-icon"];
|
|
64
|
+
components.forEach(tagName => { switch (tagName) {
|
|
65
|
+
case "spw-link":
|
|
66
|
+
if (!customElements.get(tagName)) {
|
|
67
|
+
customElements.define(tagName, SpwLink);
|
|
68
|
+
}
|
|
69
|
+
break;
|
|
70
|
+
case "spw-icon":
|
|
71
|
+
if (!customElements.get(tagName)) {
|
|
72
|
+
defineCustomElement$1();
|
|
73
|
+
}
|
|
74
|
+
break;
|
|
75
|
+
} });
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
export { SpwLink as S, defineCustomElement as d };
|
|
79
|
+
//# sourceMappingURL=p-BsulPKjc.js.map
|
|
80
|
+
|
|
81
|
+
//# sourceMappingURL=p-BsulPKjc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-BsulPKjc.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,qlIAAqlI;;MCO3lI,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;;AAWU,QAAA,IAAM,CAAA,MAAA,GAAY,OAAO;;AAMzB,QAAA,IAAY,CAAA,YAAA,GAAsB,OAAO;;AAEzC,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;;AAI1B,QAAA,IAAO,CAAA,OAAA,GAAsB,OAAO;AAKpC,QAAA,IAAA,CAAA,OAAO,GAAG,CAAC,EAAc,KAAI;AACnC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,EAAE,CAAC,cAAc,EAAE;gBACnB;;AAEF,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;AACxB,SAAC;AAgCF;AA9BC,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;YAChB,0BAA0B,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO;YACtE,yBAAyB,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,MAAM;AACpE,YAAA,CAAC,qBAAqB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AAC3C,YAAA,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SAClC;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,IAAI;AAC9E,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,YAAY,EAAE,YAAY;YAC1B,eAAe,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;SAC1C;AAED,QAAA,MAAM,SAAS,GAAG,CAAa,UAAA,EAAA,YAAY,EAAE;QAC7C,MAAM,WAAW,GAAG,IAAI,GAAG,gBAAU,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,CAAa,GAAG,IAAI;AAErF,QAAA,QACE,CAAA,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAAM,cAAc,CAAA,EAChI,YAAY,KAAK,MAAM,IAAI,WAAW,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,YAAY,KAAK,OAAO,IAAI,WAAW,CACtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-link/spw-link.scss?tag=spw-link&encapsulation=shadow","src/components/spw-link/spw-link.tsx"],"sourcesContent":[":host {\n display: inline;\n --spw-link-color: var(--spw-ds-primary);\n --spw-link-hover-color: var(--spw-ds-variant);\n --spw-link-active-color: var(--spw-ds-active);\n --spw-link-font-weight: 700;\n --spw-link-padding: 6px;\n}\n\n.spw-link {\n display: inline;\n text-decoration: none;\n cursor: pointer;\n color: var(--spw-link-color);\n border-radius: 4px;\n font-weight: var(--spw-link-font-weight);\n &--surface-dark {\n color: var(--spw-ds-white);\n }\n\n &__inner {\n display: inline;\n border-bottom: 1px solid var(--spw-link-color);\n .spw-link--surface-dark & {\n border-bottom: 1px solid var(--spw-ds-white);\n }\n }\n\n &:focus-visible {\n outline-offset: 2px;\n outline: 3px solid black;\n }\n\n &:hover {\n color: var(--spw-link-hover-color);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-link-hover-color);\n }\n }\n\n &:active {\n color: var(--spw-link-active-color);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-link-active-color);\n }\n }\n\n &[aria-disabled='true'] {\n pointer-events: none;\n color: var(--spw-color-themes-grey-grey-600);\n cursor: not-allowed;\n }\n\n &--surface-dark {\n &:hover {\n color: var(--spw-ds-white);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-ds-white);\n }\n }\n\n &:active {\n color: var(--spw-ds-white);\n .spw-link__inner {\n border-bottom: 2px solid var(--spw-ds-white);\n }\n }\n\n &[aria-disabled='true'] {\n color: var(--spw-ds-white);\n opacity: 0.5;\n }\n }\n\n &--has-icon-right spw-icon {\n margin-left: var(--spw-link-padding);\n margin-right: 4px;\n }\n\n &--has-icon-left spw-icon {\n margin-left: 4px;\n margin-right: var(--spw-link-padding);\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'spw-link',\n styleUrl: 'spw-link.scss',\n shadow: true,\n})\nexport class SpwLink {\n @Element() el: HTMLSpwLinkElement;\n\n /** Spécifie le lien href */\n @Prop() href: string;\n /** Attribut target (détermine où ouvrir le lien) */\n @Prop() target?: string = '_self';\n /** Remplit l'attribut rel */\n @Prop() rel?: string;\n /** Si rempli, permet d'utiliser une référence d'icône font-awesome */\n @Prop() icon?: string;\n /** Position de l'icône à l'intérieur du lien (gauche ou droite) */\n @Prop() iconPosition?: 'left' | 'right' = 'right';\n /** Si désactivé, le lien n'est pas cliquable */\n @Prop() disabled?: boolean = false;\n /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n @Prop() accAriaLabel?: string;\n /** Permet de choisir la surface d'arrière-plan du lien */\n @Prop() surface?: 'light' | 'dark' = 'light';\n\n /** Événement déclenché lors du clic sur le lien */\n @Event() spwClick: EventEmitter<MouseEvent>;\n\n private onClick = (ev: MouseEvent) => {\n if (this.disabled) {\n ev.preventDefault();\n return;\n }\n this.spwClick.emit(ev);\n };\n\n private get elementClass(): { [className: string]: boolean } {\n return {\n 'spw-link': true,\n 'spw-link--has-icon-right': this.icon && this.iconPosition === 'right',\n 'spw-link--has-icon-left': this.icon && this.iconPosition === 'left',\n [`spw-link--surface-${this.surface}`]: true,\n 'spw-link--has-icon': !!this.icon,\n };\n }\n\n render() {\n const { href, rel, target, icon, iconPosition, accAriaLabel, disabled } = this;\n const ariaAttributes = {\n 'aria-label': accAriaLabel,\n 'aria-disabled': disabled ? 'true' : null,\n };\n\n const iconClass = `spw-icon--${iconPosition}`;\n const iconElement = icon ? <spw-icon class={iconClass} icon={icon}></spw-icon> : null;\n\n return (\n <a href={disabled ? undefined : href} rel={rel} target={target} class={this.elementClass} onClick={this.onClick} {...ariaAttributes}>\n {iconPosition === 'left' && iconElement}\n <div class=\"spw-link__inner\">\n <slot></slot>\n </div>\n {iconPosition === 'right' && iconElement}\n </a>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-8jCY8rtJ.js';
|
|
4
4
|
|
|
5
5
|
const spwButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-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;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3;vertical-align:top}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host([is-full-width]){display:block;width:100%}.spw-button{border:2px solid transparent;border-radius:9999px;cursor:pointer;display:block;font-weight:700;letter-spacing:.18px;line-height:1;outline:3px solid transparent;overflow:hidden;transition:all .1s ease-in;width:100%}.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}.spw-button:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-button spw-loading{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.spw-button--loading{pointer-events:none;position:relative}.spw-button--loading spw-loading{opacity:1}.spw-button__inner,.spw-button__inner-text{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){text-decoration:none}.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:hsla(0,0%,100%,.3);--spw-loading-spinner-color:#fff}.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,.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{background:none;border-radius:4px;color:var(--spw-ds-primary);transition:none}.spw-button--tertiary:not([disabled]):active,.spw-button--tertiary:not([disabled]):hover{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,.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]{border-color:none;color:var(--spw-color-themes-grey-grey-400);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{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;border-color:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color: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;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color: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:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover{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:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary,.spw-button--surface-primary:not([disabled]):active,.spw-button--surface-primary[disabled]{box-shadow:none}.spw-button--surface-primary.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:transparent;border-color:#fff;color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--primary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.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;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-900);opacity:.9}.spw-button--surface-primary.spw-button--secondary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active,.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:#fff;opacity:.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-light.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--secondary{background:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.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]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.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--large.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--small.spw-button--tertiary{padding:4px}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-relative{position:relative}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}";
|
|
6
6
|
|
|
@@ -108,7 +108,7 @@ const SpwButton = /*@__PURE__*/ proxyCustomElement(class SpwButton extends H {
|
|
|
108
108
|
'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
|
|
109
109
|
'aria-disabled': isDisabled ? 'true' : null,
|
|
110
110
|
};
|
|
111
|
-
return (h(TagType, Object.assign({ key: '
|
|
111
|
+
return (h(TagType, Object.assign({ key: 'e9eef72fb99c615172917acc24f70ebd45952829' }, attrs, { class: this.elementClass, disabled: isDisabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, ariaAttributes), h("div", { key: '6a855c4097ae1aa79900f755448c03990f21a5cd', class: "spw-button__inner" }, h("div", { key: 'df7af3c99186aa808a65526d4c205a29d36ed285', class: "spw-button__inner-text" }, iconPosition === 'left' && iconElement, !this.isIconOnly && h("slot", { key: '9909ce45a0e6e832fc98f5ea96da6c6c0a934399' }), iconPosition === 'right' && iconElement)), h("spw-loading", { key: '5433366a7c599fcedd58cc6361bcb058c407689c', text: "" })));
|
|
112
112
|
}
|
|
113
113
|
get el() { return this; }
|
|
114
114
|
static get style() { return spwButtonCss; }
|
|
@@ -157,6 +157,6 @@ function defineCustomElement() {
|
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
export { SpwButton as S, defineCustomElement as d };
|
|
160
|
-
//# sourceMappingURL=p-
|
|
160
|
+
//# sourceMappingURL=p-BvWTgY8c.js.map
|
|
161
161
|
|
|
162
|
-
//# sourceMappingURL=p-
|
|
162
|
+
//# sourceMappingURL=p-BvWTgY8c.js.map
|