@spw-ds/spw-stencil-library 1.13.0 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cem.json +6 -2
- package/dist/cjs/{index-id_AkABS.js → index-DuCXzb-X.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/spw-accordion_4.cjs.entry.js +1 -1
- package/dist/cjs/spw-avatar.cjs.entry.js +1 -1
- package/dist/cjs/spw-block-content.cjs.entry.js +6 -3
- package/dist/cjs/spw-box.cjs.entry.js +1 -1
- package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/spw-button_2.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-image.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-subtag-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-subtags.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-card.cjs.entry.js +1 -1
- package/dist/cjs/spw-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/spw-cookies.cjs.entry.js +1 -1
- package/dist/cjs/spw-custom-select.cjs.entry.js +1 -1
- package/dist/cjs/spw-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/spw-dropdown-container.cjs.entry.js +1 -1
- package/dist/cjs/spw-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/spw-field-label_8.cjs.entry.js +1 -1
- package/dist/cjs/spw-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-bottom.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-content-col.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer-content.cjs.entry.js +2 -2
- package/dist/cjs/spw-footer-link.cjs.entry.js +1 -1
- package/dist/cjs/spw-footer.cjs.entry.js +1 -1
- package/dist/cjs/spw-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-grid.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-lang.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-navigation-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-navigation.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-persona-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-header-persona.cjs.entry.js +1 -1
- package/dist/cjs/spw-header.cjs.entry.js +1 -1
- package/dist/cjs/spw-hero.cjs.entry.js +1 -1
- package/dist/cjs/spw-illustration.cjs.entry.js +1 -1
- package/dist/cjs/spw-input-slider.cjs.entry.js +1 -1
- package/dist/cjs/spw-lightbox-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-lightbox.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-description.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-list-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-list.cjs.entry.js +1 -1
- package/dist/cjs/spw-message.cjs.entry.js +1 -1
- package/dist/cjs/spw-modal.cjs.entry.js +1 -1
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-mosaic.cjs.entry.js +1 -1
- package/dist/cjs/spw-pagination.cjs.entry.js +1 -1
- package/dist/cjs/spw-radio.cjs.entry.js +1 -1
- package/dist/cjs/spw-scrolltop.cjs.entry.js +1 -1
- package/dist/cjs/spw-search-field.cjs.entry.js +1 -1
- package/dist/cjs/spw-select.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +1 -1
- package/dist/cjs/spw-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/spw-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/spw-slider-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-slider.cjs.entry.js +1 -1
- package/dist/cjs/spw-socials.cjs.entry.js +1 -1
- package/dist/cjs/spw-stencil-library.cjs.js +1 -1
- package/dist/cjs/spw-table-body.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-container.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-head.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-header.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-row.cjs.entry.js +1 -1
- package/dist/cjs/spw-table-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/spw-table.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs-navigation.cjs.entry.js +1 -1
- package/dist/cjs/spw-tabs.cjs.entry.js +1 -1
- package/dist/cjs/spw-tag.cjs.entry.js +1 -1
- package/dist/cjs/spw-text-field.cjs.entry.js +2 -2
- package/dist/cjs/spw-textarea.cjs.entry.js +1 -1
- package/dist/cjs/spw-tile-description.cjs.entry.js +1 -1
- package/dist/cjs/spw-tile-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-tile.cjs.entry.js +1 -1
- package/dist/cjs/spw-timeline-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-timeline.cjs.entry.js +1 -1
- package/dist/cjs/spw-toast-controller.cjs.entry.js +1 -1
- package/dist/cjs/spw-toast.cjs.entry.js +1 -1
- package/dist/cjs/spw-toc-container.cjs.entry.js +1 -1
- package/dist/cjs/spw-toc-navigation.cjs.entry.js +1 -1
- package/dist/cjs/spw-toc.cjs.entry.js +1 -1
- package/dist/cjs/spw-topbar.cjs.entry.js +1 -1
- package/dist/cjs/spw-wizard-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-wizard.cjs.entry.js +1 -1
- package/dist/collection/components/spw-block-content/spw-block-content.css +31 -0
- package/dist/collection/components/spw-block-content/spw-block-content.js +6 -3
- package/dist/collection/components/spw-footer/spw-footer-content/spw-footer-content.css +16 -5
- package/dist/collection/components/spw-text-field/spw-text-field.css +3 -0
- package/dist/collection/stories/{organisms → components}/spw-block-content/spw-block-content.stories.js +33 -2
- package/dist/collection/stories/components/spw-checkbox/spw-checkbox.stories.js +1 -1
- package/dist/collection/stories/components/spw-dropdown/spw-dropdown.stories.js +1 -1
- package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +1 -1
- package/dist/collection/stories/organisms/spw-footer/spw-footer.stories.js +57 -3
- package/dist/collection/stories/organisms/spw-wizard/spw-wizard.stories.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CS0Zu1wB.js → p-VqkFHS-x.js} +1 -1
- package/dist/components/spw-block-content.js +1 -1
- package/dist/components/spw-footer-content.js +1 -1
- package/dist/components/spw-pagination.js +1 -1
- package/dist/components/spw-search-field.js +1 -1
- package/dist/components/spw-text-field.js +1 -1
- package/dist/components_json.json +13 -4
- package/dist/esm/{index-BvJ4Kko5.js → index-Co4V4Zk-.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/spw-accordion_4.entry.js +1 -1
- package/dist/esm/spw-avatar.entry.js +1 -1
- package/dist/esm/spw-block-content.entry.js +6 -3
- package/dist/esm/spw-box.entry.js +1 -1
- package/dist/esm/spw-breadcrumb-item.entry.js +1 -1
- package/dist/esm/spw-breadcrumb.entry.js +1 -1
- package/dist/esm/spw-button_2.entry.js +1 -1
- package/dist/esm/spw-card-content.entry.js +1 -1
- package/dist/esm/spw-card-excerpt.entry.js +1 -1
- package/dist/esm/spw-card-image.entry.js +1 -1
- package/dist/esm/spw-card-subtag-item.entry.js +1 -1
- package/dist/esm/spw-card-subtags.entry.js +1 -1
- package/dist/esm/spw-card-title.entry.js +1 -1
- package/dist/esm/spw-card.entry.js +1 -1
- package/dist/esm/spw-checkbox.entry.js +1 -1
- package/dist/esm/spw-cookies.entry.js +1 -1
- package/dist/esm/spw-custom-select.entry.js +1 -1
- package/dist/esm/spw-date-picker.entry.js +1 -1
- package/dist/esm/spw-dropdown-container.entry.js +1 -1
- package/dist/esm/spw-dropdown-item.entry.js +1 -1
- package/dist/esm/spw-dropdown.entry.js +1 -1
- package/dist/esm/spw-field-label_8.entry.js +1 -1
- package/dist/esm/spw-file-upload.entry.js +1 -1
- package/dist/esm/spw-footer-bottom.entry.js +1 -1
- package/dist/esm/spw-footer-content-col.entry.js +1 -1
- package/dist/esm/spw-footer-content.entry.js +2 -2
- package/dist/esm/spw-footer-link.entry.js +1 -1
- package/dist/esm/spw-footer.entry.js +1 -1
- package/dist/esm/spw-grid-item.entry.js +1 -1
- package/dist/esm/spw-grid.entry.js +1 -1
- package/dist/esm/spw-header-lang.entry.js +1 -1
- package/dist/esm/spw-header-navigation-dropdown.entry.js +1 -1
- package/dist/esm/spw-header-navigation-item.entry.js +1 -1
- package/dist/esm/spw-header-navigation.entry.js +1 -1
- package/dist/esm/spw-header-persona-item.entry.js +1 -1
- package/dist/esm/spw-header-persona.entry.js +1 -1
- package/dist/esm/spw-header.entry.js +1 -1
- package/dist/esm/spw-hero.entry.js +1 -1
- package/dist/esm/spw-illustration.entry.js +1 -1
- package/dist/esm/spw-input-slider.entry.js +1 -1
- package/dist/esm/spw-lightbox-item.entry.js +1 -1
- package/dist/esm/spw-lightbox.entry.js +1 -1
- package/dist/esm/spw-list-description.entry.js +1 -1
- package/dist/esm/spw-list-item.entry.js +1 -1
- package/dist/esm/spw-list-title.entry.js +1 -1
- package/dist/esm/spw-list.entry.js +1 -1
- package/dist/esm/spw-message.entry.js +1 -1
- package/dist/esm/spw-modal.entry.js +1 -1
- package/dist/esm/spw-mosaic-item.entry.js +1 -1
- package/dist/esm/spw-mosaic.entry.js +1 -1
- package/dist/esm/spw-pagination.entry.js +1 -1
- package/dist/esm/spw-radio.entry.js +1 -1
- package/dist/esm/spw-scrolltop.entry.js +1 -1
- package/dist/esm/spw-search-field.entry.js +1 -1
- package/dist/esm/spw-select.entry.js +1 -1
- package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +1 -1
- package/dist/esm/spw-sidebar-navigation-item.entry.js +1 -1
- package/dist/esm/spw-sidebar-navigation-separator.entry.js +1 -1
- package/dist/esm/spw-sidebar.entry.js +1 -1
- package/dist/esm/spw-skeleton.entry.js +1 -1
- package/dist/esm/spw-slider-item.entry.js +1 -1
- package/dist/esm/spw-slider.entry.js +1 -1
- package/dist/esm/spw-socials.entry.js +1 -1
- package/dist/esm/spw-stencil-library.js +2 -2
- package/dist/esm/spw-table-body.entry.js +1 -1
- package/dist/esm/spw-table-cell.entry.js +1 -1
- package/dist/esm/spw-table-container.entry.js +1 -1
- package/dist/esm/spw-table-footer.entry.js +1 -1
- package/dist/esm/spw-table-head.entry.js +1 -1
- package/dist/esm/spw-table-header.entry.js +1 -1
- package/dist/esm/spw-table-row.entry.js +1 -1
- package/dist/esm/spw-table-sidebar.entry.js +1 -1
- package/dist/esm/spw-table.entry.js +1 -1
- package/dist/esm/spw-tabs-content.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation-item.entry.js +1 -1
- package/dist/esm/spw-tabs-navigation.entry.js +1 -1
- package/dist/esm/spw-tabs.entry.js +1 -1
- package/dist/esm/spw-tag.entry.js +1 -1
- package/dist/esm/spw-text-field.entry.js +2 -2
- package/dist/esm/spw-textarea.entry.js +1 -1
- package/dist/esm/spw-tile-description.entry.js +1 -1
- package/dist/esm/spw-tile-title.entry.js +1 -1
- package/dist/esm/spw-tile.entry.js +1 -1
- package/dist/esm/spw-timeline-item.entry.js +1 -1
- package/dist/esm/spw-timeline.entry.js +1 -1
- package/dist/esm/spw-toast-controller.entry.js +1 -1
- package/dist/esm/spw-toast.entry.js +1 -1
- package/dist/esm/spw-toc-container.entry.js +1 -1
- package/dist/esm/spw-toc-navigation.entry.js +1 -1
- package/dist/esm/spw-toc.entry.js +1 -1
- package/dist/esm/spw-topbar.entry.js +1 -1
- package/dist/esm/spw-wizard-item.entry.js +1 -1
- package/dist/esm/spw-wizard.entry.js +1 -1
- package/dist/spw-stencil-library/{p-174e1f14.entry.js → p-00557e4f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e8a8f373.entry.js → p-0399dda3.entry.js} +1 -1
- package/dist/spw-stencil-library/p-063792e8.entry.js +1 -0
- package/dist/spw-stencil-library/{p-d3d7e4bf.entry.js → p-0a69f113.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a849f834.entry.js → p-0dbdc2b6.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-94af86be.entry.js → p-164a0f97.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-5d252ba9.entry.js → p-1669c1ca.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0faf30c7.entry.js → p-1e062122.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a5d2a76f.entry.js → p-20c03a8a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-28701d8d.entry.js → p-20df82ee.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-457a4826.entry.js → p-21a995f9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f952431b.entry.js → p-22ad7ac8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a2004bb3.entry.js → p-23c1d210.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-240b784c.entry.js → p-299fb874.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-221697f5.entry.js → p-3701b2ef.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-be44b882.entry.js → p-37902c8b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-85d6d0d4.entry.js → p-37dde245.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9e9f235d.entry.js → p-37fd8c73.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-9771169d.entry.js → p-3be26e1a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b1a64e66.entry.js → p-3c52a712.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-2aecf4aa.entry.js → p-4222cbdb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-27b30cf5.entry.js → p-443e0885.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dfe7b263.entry.js → p-48fe8e82.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-11081edc.entry.js → p-4c3f0c96.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-cdd86935.entry.js → p-4d7a0be2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-10624141.entry.js → p-524bb690.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-549870f0.entry.js → p-5376dba4.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-00f79c82.entry.js → p-557727f8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-41dac78f.entry.js → p-571d8133.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-2c58d495.entry.js → p-57cf68a4.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6d4834ca.entry.js → p-5a378117.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-633cc252.entry.js → p-5c95236a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f9a95409.entry.js → p-5dd27df4.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4a6277f3.entry.js → p-5e630615.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f50104cd.entry.js → p-5f9ab589.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-599dcdb9.entry.js → p-604ba2a3.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0c54e686.entry.js → p-621e1b0b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-903c83ad.entry.js → p-635e6cfd.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-24d385e8.entry.js → p-682bc321.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-050d662f.entry.js → p-6885748d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-99291555.entry.js → p-72260d09.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-70b53446.entry.js → p-7a1bb101.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-33efa943.entry.js → p-7c411306.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-ee3b59d4.entry.js → p-8069e108.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-755d996c.entry.js → p-8391cd92.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-db8988a2.entry.js → p-840f8f73.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dfe826bb.entry.js → p-848ff0ed.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d174e740.entry.js → p-86442324.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-68b026da.entry.js → p-866605a9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f641b8d7.entry.js → p-899b4433.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-2cdffa52.entry.js → p-8ac6a05d.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0956452c.entry.js → p-8f5b048a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-da980e2a.entry.js → p-91fec20a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4b69cf71.entry.js → p-935b5d59.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-11c28232.entry.js → p-9612aaa1.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4a0db1fe.entry.js → p-96145845.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-da9d52ff.entry.js → p-98a8d7e2.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f1e03e06.entry.js → p-98edde17.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1e06fe64.entry.js → p-9e0193ae.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-BvJ4Kko5.js → p-Co4V4Zk-.js} +2 -2
- package/dist/spw-stencil-library/{p-485ecf3e.entry.js → p-a699356f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1e84b48d.entry.js → p-aacdc7a6.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-8b8f8608.entry.js → p-af166ccc.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0ecfa6fa.entry.js → p-b496d259.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-dbf95dfe.entry.js → p-bb303e71.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-c08fae4a.entry.js → p-bfa56ef0.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-97765551.entry.js → p-c195b353.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fedf8280.entry.js → p-c3e48d44.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-4a7474d4.entry.js → p-c55d4018.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-12b78f0f.entry.js → p-c8c9608a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-096ba549.entry.js → p-c9b9e338.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6238534e.entry.js → p-cc20b98b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-69f7dd1d.entry.js → p-d20e686b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e4025520.entry.js → p-d2b73950.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1cf9b466.entry.js → p-df7e5e87.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f73ffd96.entry.js → p-e2f4bb5f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-b03393de.entry.js → p-e52f6ab9.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-548efe71.entry.js → p-e64e8db5.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d722e441.entry.js → p-eb32dca1.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e2913559.entry.js → p-ee02cea7.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-0fbe55ee.entry.js → p-ef479a9e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e0cf6ee7.entry.js → p-f09e0279.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a62feb06.entry.js → p-f30922a8.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f8250816.entry.js → p-f46326ea.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e305e962.entry.js → p-f4ec65f7.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-e17c0746.entry.js → p-f66e592a.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-027aa57d.entry.js → p-f9b7b64e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-1f452b45.entry.js → p-fba02afb.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-44bead84.entry.js → p-fceaffbc.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-f85e8d40.entry.js → p-fceb0178.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-868af137.entry.js → p-fd0f954e.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-bd66dffe.entry.js → p-fdbb4769.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-a0a495c4.entry.js → p-fee061f8.entry.js} +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.css +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/stats.json +774 -768
- package/dist/types/components/spw-block-content/spw-block-content.d.ts +2 -1
- package/dist/types/components.d.ts +3 -3
- package/dist/types/stories/{organisms → components}/spw-block-content/spw-block-content.stories.d.ts +2 -1
- package/dist/types/stories/organisms/spw-footer/spw-footer.stories.d.ts +1 -0
- package/hydrate/index.js +8 -5
- package/hydrate/index.mjs +8 -5
- package/package.json +1 -1
- package/dist/components_vscode.json +0 -5143
- package/dist/spw-stencil-library/p-f295e57d.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,a as i}from"./p-BvJ4Kko5.js";const o=class{constructor(e){t(this,e),this.valueChanged=s(this,"valueChanged",7),this.optionCreated=s(this,"optionCreated",7),this.optionRemoved=s(this,"optionRemoved",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.parentScrollContainer=null,this.isOpen=!1,this.parsedOptions=[],this.focusedOptionIndex=null,this.searchText="",this.hasSlottedFooter=!1,this.dropdownDirection="down",this.hasSelectedValue=!1,this.dropdownPosition={top:0,left:0,width:0},this.value=[],this.label="",this.placeholder="Sélectionnez une option",this.searchPlaceholder="Entrez votre recherche",this.noResultsText="Aucun résultat trouvé",this.required=!1,this.size="medium",this.multiple=!1,this.isSearch=!1,this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.fixedDropdown=!1,this.isClear=!1,this.direction="auto",this.allowCreate=!1,this.handleOtherSelectOpened=t=>{t.detail.instance!==this.host&&this.isOpen&&this.closeDropdown()},this.handleClickOutside=t=>{var s,e;if(this.isOpen){const i=t.composedPath(),o=i[0],c=this.host.contains(o),r=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-custom-select__search-input"),n=null==r?void 0:r.contains(o),l=this.hostElement.querySelector('[slot="footer"]'),a=!!l&&i.includes(l);if(!c&&!n&&!a){if(this.multiple){const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-custom-select__options");if(t&&t.contains(o))return}this.closeDropdown()}}},this.updateDropdownPosition=()=>{if(!this.selectContainer)return;const t=this.selectContainer.getBoundingClientRect(),s=window.innerHeight;this.dropdownDirection="top"===this.direction?"up":"bottom"===this.direction?"down":t.bottom+200>s&&t.top>200?"up":"down",this.dropdownPosition={top:t.bottom,left:t.left,width:t.width}}}componentWillLoad(){if(this.multiple)if("string"==typeof this.value)try{this.internalValue=JSON.parse(this.value)}catch(t){this.internalValue=[]}else this.internalValue=Array.isArray(this.value)?this.value:[];else this.internalValue=this.value;this.defaultValue=this.internalValue,this.items&&this.parseOptions(this.items),this.updateSelectedOption()}async setFocus(){var t,s;const e=null===(t=this.host)||void 0===t?void 0:t.querySelector(".spw-custom-select__search-input");e?e.focus():null===(s=this.selectContainer)||void 0===s||s.focus()}async resetSelect(){this.multiple?(this.internalValue=[],this.value=[]):(this.internalValue="",this.value=""),this.searchText="",this.focusedOptionIndex=null,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async setValue(t){this.multiple?(this.internalValue=Array.isArray(t)?t:[t],this.value=this.internalValue):(this.internalValue=t,this.value=t),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async getValue(){return this.internalValue}formResetCallback(){this.setValue(this.defaultValue)}componentDidLoad(){this.internals.setFormValue(this.getFormValue());const t=this.hostElement.querySelector('[slot="footer"]');this.hasSlottedFooter=!!t}connectedCallback(){document.addEventListener("click",this.handleClickOutside,!0),document.addEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.addEventListener("scroll",this.updateDropdownPosition,!0),window.addEventListener("resize",this.updateDropdownPosition)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside,!0),document.removeEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.removeEventListener("scroll",this.updateDropdownPosition,!0),window.removeEventListener("resize",this.updateDropdownPosition),this.cleanupParentScrollListener(),this.isOpen=!1}findParentComponent(){if(!this.fixedDropdownParent)return null;let t=this.hostElement;for(;t;){if(t instanceof HTMLElement&&t.tagName.toLowerCase()===this.fixedDropdownParent.toLowerCase())return t;if(t.parentElement)t=t.parentElement;else{const s=t.getRootNode();if(!(s instanceof ShadowRoot))break;t=s.host}}return null}findScrollContainerInShadowRoot(t){const s=t.shadowRoot;if(!s)return null;const e=s.querySelectorAll("*");let i=null,o=-1;for(const t of Array.from(e)){const e=t,c=window.getComputedStyle(e);if("auto"===c.overflow||"scroll"===c.overflow||"auto"===c.overflowY||"scroll"===c.overflowY){let c=0,r=t;for(;r&&r!==s;)c++,r=r.parentNode;c>o&&(o=c,i=e)}}return i}ensureParentScrollListener(){if(!this.fixedDropdownParent||!this.fixedDropdown)return;if(this.parentScrollContainer)return;const t=this.findParentComponent();t&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(t),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateDropdownPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateDropdownPosition),this.parentScrollContainer=null)}parseOptions(t){try{this.parsedOptions=Array.isArray(t)?t.map((t=>({value:t.value,label:t.label,disabled:t.disabled||!1}))):[],this.updateSelectedOption()}catch(t){this.parsedOptions=[]}}valueChangedHandler(t){this.internalValue=this.multiple?Array.isArray(t)?t:[t]:t,this.updateSelectedOption(),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue()),this.multiple||void 0===this.internalValue?this.multiple&&Array.isArray(this.internalValue)&&(this.internalValue=this.internalValue.filter((t=>this.parsedOptions.some((s=>String(s.value)===String(t))))).sort(((t,s)=>this.parsedOptions.findIndex((s=>String(s.value)===String(t)))-this.parsedOptions.findIndex((t=>String(t.value)===String(s)))))):this.focusedOptionIndex=this.parsedOptions.findIndex((t=>String(t.value)===String(this.internalValue)))}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:Boolean(this.internalValue)}getFormValue(){return this.multiple?Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((t=>String(t))).join(","):null:this.internalValue?String(this.internalValue):null}toggleDropdown(t){if(!this.disabled){if(t){if(t.composedPath()[0].classList.contains("spw-custom-select__search-input"))return;t.stopPropagation()}this.determineDropdownDirection();const s=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!s&&(this.ensureParentScrollListener(),this.notifyOtherSelects()),this.isOpen||(this.focusedOptionIndex=null)}}notifyOtherSelects(){const t=new CustomEvent("spw-custom-select-opened",{detail:{instance:this.host},bubbles:!0,composed:!0});document.dispatchEvent(t)}determineDropdownDirection(){this.updateDropdownPosition()}openDropdownWithKeyboard(){this.determineDropdownDirection(),this.isOpen=!0,this.focusedOptionIndex=0,this.ensureParentScrollListener(),this.notifyOtherSelects()}closeDropdown(){this.isOpen=!1,this.focusedOptionIndex=null,this.searchText=""}slugify(t){return this.normalizeString(t).replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"")}addCreatedOption(t){const s=t.trim();if(!s)return;const e=this.slugify(s),i={label:s,value:e,created:!0};this.parsedOptions=[...this.parsedOptions,i],this.optionCreated.emit(i),this.selectOption(e),this.searchText=""}removeCreatedOption(t,s){if(s.stopPropagation(),this.multiple){const s=this.internalValue.findIndex((s=>String(s)===String(t.value)));s>-1&&(this.internalValue=[...this.internalValue.slice(0,s),...this.internalValue.slice(s+1)],this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue))}else String(this.internalValue)===String(t.value)&&(this.internalValue="",this.value="",this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue));this.parsedOptions=this.parsedOptions.filter((s=>String(s.value)!==String(t.value))),this.optionRemoved.emit(t)}handleClear(t){t.stopPropagation(),this.resetSelect()}selectOption(t,s){s&&s.stopPropagation();const e=this.parsedOptions.find((s=>String(s.value)===String(t)));if(!(null==e?void 0:e.disabled)){if(this.multiple){const s=this.internalValue.findIndex((s=>String(s)===String(t)));this.internalValue=s>-1?[...this.internalValue.slice(0,s),...this.internalValue.slice(s+1)]:[...this.internalValue,t],this.internalValue=this.internalValue.sort(((t,s)=>this.parsedOptions.findIndex((s=>String(s.value)===String(t)))-this.parsedOptions.findIndex((t=>String(t.value)===String(s)))))}else this.internalValue=t,this.closeDropdown();this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}}handleOptionKeyDown(t,s){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.selectOption(s))}handleKeyDown(t){var s,e;if(!t.target.classList.contains("spw-custom-select__search-input"))switch(t.key){case" ":t.preventDefault(),this.isOpen||this.openDropdownWithKeyboard();break;case"ArrowDown":if(t.preventDefault(),this.isOpen){let t=null===this.focusedOptionIndex?0:(this.focusedOptionIndex+1)%this.parsedOptions.length;for(;(null===(s=this.parsedOptions[t])||void 0===s?void 0:s.disabled)&&t!==this.focusedOptionIndex;)t=(t+1)%this.parsedOptions.length;this.focusedOptionIndex=t}else this.openDropdownWithKeyboard();break;case"ArrowUp":if(t.preventDefault(),this.isOpen){let t=null===this.focusedOptionIndex?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length;for(;(null===(e=this.parsedOptions[t])||void 0===e?void 0:e.disabled)&&t!==this.focusedOptionIndex;)t=(t-1+this.parsedOptions.length)%this.parsedOptions.length;this.focusedOptionIndex=t}break;case"Enter":t.preventDefault(),this.isOpen&&null!==this.focusedOptionIndex&&this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);break;case"Escape":this.isOpen&&this.closeDropdown()}}renderErrorMessage(){if(this.error)return e("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return e("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderWarningMessage(){if(this.warning)return e("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}renderSuccessMessage(){if(this.success)return e("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}get elementClass(){const t=this.showCreateButton();return{"spw-custom-select":!0,[`spw-custom-select--${this.size}`]:!0,[`spw-custom-select--${this.dropdownDirection}`]:!0,"spw-custom-select--is-error":!!this.error,"spw-custom-select--disabled":this.disabled,"spw-custom-select--is-opened":this.isOpen,"spw-custom-select--has-value":this.hasSelectedValue,"spw-custom-select--no-value":!this.hasSelectedValue,"spw-custom-select--is-searchable":this.isSearch,"spw-custom-select--not-searchable":!this.isSearch,"spw-custom-select--is-clear":this.isClear&&(this.hasSelectedValue||!!this.searchText),"spw-custom-select--show-create":t}}normalizeString(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple)return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((t=>{var s;return null===(s=this.parsedOptions.find((s=>String(s.value)===String(t))))||void 0===s?void 0:s.label})).filter(Boolean).join(", "):null;{const t=this.parsedOptions.find((t=>String(t.value)===String(this.internalValue)));return t?t.label:null}}getFilteredOptions(){const t=this.normalizeString(this.searchText);return this.parsedOptions.filter((s=>this.normalizeString(s.label).includes(t)))}handleSearchInput(t){this.searchText=t.target.value,this.focusedOptionIndex=0,this.isOpen||(this.isOpen=!0,this.ensureParentScrollListener(),this.notifyOtherSelects())}isSearchVisible(){return!!this.isSearch&&(!this.hasSelectedValue&&!this.isOpen||!(!this.isSearch||!this.isOpen)||this.isOpen)}showPlaceholder(){return!this.isSearch&&!this.hasSelectedValue}showCreateButton(){if(!this.allowCreate||!this.isSearch||!this.searchText.trim())return!1;const t=this.normalizeString(this.searchText.trim());return!this.parsedOptions.some((s=>this.normalizeString(s.label)===t))}render(){const t=this.getFilteredOptions(),s=this.showPlaceholder(),i=this.showCreateButton();return e("div",{key:"4bb22979651b6946dd66fc9844f205e59d0a5411",class:this.elementClass,ref:t=>this.host=t},this.label&&e("spw-field-label",{key:"4d9c26597da16ec05bc8aee0c2a03413ea17ff50",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&e("spw-field-message",{key:"85594d2693007a09d2d1b70b9f5bc61056548ee2",class:"spw-custom-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"53fe8200e2e8ec025c9148bb76a4bd7418068513",class:"spw-custom-select__wrapper"},e("div",{key:"79b757cffef9f53eb738d2e11aee592e63211841",class:"spw-custom-select__container",id:this.name,ref:t=>this.selectContainer=t,onClick:t=>this.toggleDropdown(t),onKeyDown:t=>this.handleKeyDown(t),tabindex:this.disabled?-1:0},e("div",{key:"c502d3c270203b548990cfab7d45394557314334",class:"spw-custom-select__selected"},this.isSearchVisible()&&e("div",{key:"9134c7f87988d3f0efb6c8095646bb6a1ca8ebd0",class:"spw-custom-select__search"},e("input",{key:"0a5b873ac75d71f480e1209184fa0e63552632b9",class:"spw-custom-select__search-input",placeholder:this.searchPlaceholder,onInput:t=>this.handleSearchInput(t),value:this.searchText}),i&&this.isOpen&&this.hasSelectedValue&&e("button",{key:"7ecf48c56ddb8a7918a38b37b0dbfb47994fc0af",class:"spw-custom-select__create-btn spw-custom-select__create-btn--big",type:"button",onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),this.addCreatedOption(this.searchText)}},e("spw-icon",{key:"078c09832bcce6f476a83be55bc54e4cd19223bc",icon:"fa-plus"}))),s&&e("span",{key:"29e59d519f39c3dcafe60a169b2a01adee8904f7"},this.placeholder),this.multiple&&this.internalValue.length>0&&e("div",{key:"205e9ebc3bf531b76fc0abdbb760c214a08b6623",class:"spw-custom-select__selected-items"},this.internalValue.map((t=>{var s;return e("span",{class:"spw-custom-select__selected-item"},null===(s=this.parsedOptions.find((s=>String(s.value)===String(t))))||void 0===s?void 0:s.label,e("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:s=>this.selectOption(t,s)}))}))),!this.multiple&&e("span",{key:"67eb1e59a69443c63cfe030421a45dd9ed98d626"},this.getSelectedLabels()))),e("div",{key:"d36ae8e7dbcbdf5d3895482bf94ce352ccb2deb2",class:"spw-custom-select__icons"},i&&!(this.isOpen&&this.hasSelectedValue)&&e("button",{key:"d5ab27383e5915b3a6a23e2a4c233e37b56bdcda",class:"spw-custom-select__create-btn",type:"button",onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),this.addCreatedOption(this.searchText)}},e("spw-icon",{key:"00e486f257d3576fe5a481320685c0f73ac76b43",icon:"fa-plus"})),this.isClear&&(this.hasSelectedValue||!!this.searchText)&&e("span",{key:"522cc58133eebfc86d8f64ab549905f4d7dc85ea",class:"spw-custom-select__clear",onClick:t=>this.handleClear(t)},e("spw-icon",{key:"4afc256de08bae62efde4d0903a2fa2de4438d89",icon:"fa-xmark"})),e("div",{key:"ae0fb99288bad447c52288df66afdcf042c139d8",class:"spw-custom-select__arrow"},e("spw-icon",{key:"2166910463c05b09b845eab799fbb13b63bcc06f",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"}))),this.isOpen&&e("div",{key:"2331976d5867174852a1394987bf6bdf8545a3f2",class:{"spw-custom-select__options":!0,[`spw-custom-select__options--${this.dropdownDirection}`]:!0,"spw-custom-select__options--fixed":this.fixedDropdown},style:this.fixedDropdown?{position:"fixed",top:`${this.dropdownPosition.top}px`,left:`${this.dropdownPosition.left}px`,width:`${this.dropdownPosition.width}px`}:{}},e("div",{key:"43dd9a1b026ff6aac3a4d309e4f4e950156566ef",class:"spw-custom-select__options-list"},!!t.length&&e("ul",{key:"dc42399871b8b4286a440a9c5da7c618301ca330"},t.map(((t,s)=>e("li",{class:{"spw-custom-select__option":!0,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((s=>String(s)===String(t.value))):t.value===this.internalValue,"spw-custom-select__option--focused":s===this.focusedOptionIndex,"spw-custom-select__option--disabled":t.disabled,"spw-custom-select__option--created":!!t.created},onClick:()=>this.selectOption(t.value)},this.multiple&&e("spw-checkbox",{onKeyDown:s=>this.handleOptionKeyDown(s,t.value),class:"spw-custom-select__checkbox",checked:this.internalValue.some((s=>String(s)===String(t.value))),disabled:t.disabled}),t.label,t.created&&e("spw-icon",{class:"spw-custom-select__option-remove",icon:"fa-trash",onClick:s=>this.removeCreatedOption(t,s)}))))),!t.length&&e("p",{key:"16b8fc9d36f71937588d8f57ddf593380766a5a8",class:"spw-custom-select__no-results"},this.noResultsText)),this.hasSlottedFooter&&e("div",{key:"c273c08ab20c4d80b26045fba0bc8abca5564851",class:"spw-custom-select__options-footer"},e("slot",{key:"f54f6b94a36cc064f8820a6892cfb02b05e039b1",name:"footer"})))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get hostElement(){return i(this)}static get watchers(){return{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged:0}]}}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}";export{o as spw_custom_select}
|
|
1
|
+
import{r as t,c as s,h as e,a as i}from"./p-Co4V4Zk-.js";const o=class{constructor(e){t(this,e),this.valueChanged=s(this,"valueChanged",7),this.optionCreated=s(this,"optionCreated",7),this.optionRemoved=s(this,"optionRemoved",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.parentScrollContainer=null,this.isOpen=!1,this.parsedOptions=[],this.focusedOptionIndex=null,this.searchText="",this.hasSlottedFooter=!1,this.dropdownDirection="down",this.hasSelectedValue=!1,this.dropdownPosition={top:0,left:0,width:0},this.value=[],this.label="",this.placeholder="Sélectionnez une option",this.searchPlaceholder="Entrez votre recherche",this.noResultsText="Aucun résultat trouvé",this.required=!1,this.size="medium",this.multiple=!1,this.isSearch=!1,this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.fixedDropdown=!1,this.isClear=!1,this.direction="auto",this.allowCreate=!1,this.handleOtherSelectOpened=t=>{t.detail.instance!==this.host&&this.isOpen&&this.closeDropdown()},this.handleClickOutside=t=>{var s,e;if(this.isOpen){const i=t.composedPath(),o=i[0],c=this.host.contains(o),r=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-custom-select__search-input"),n=null==r?void 0:r.contains(o),l=this.hostElement.querySelector('[slot="footer"]'),a=!!l&&i.includes(l);if(!c&&!n&&!a){if(this.multiple){const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-custom-select__options");if(t&&t.contains(o))return}this.closeDropdown()}}},this.updateDropdownPosition=()=>{if(!this.selectContainer)return;const t=this.selectContainer.getBoundingClientRect(),s=window.innerHeight;this.dropdownDirection="top"===this.direction?"up":"bottom"===this.direction?"down":t.bottom+200>s&&t.top>200?"up":"down",this.dropdownPosition={top:t.bottom,left:t.left,width:t.width}}}componentWillLoad(){if(this.multiple)if("string"==typeof this.value)try{this.internalValue=JSON.parse(this.value)}catch(t){this.internalValue=[]}else this.internalValue=Array.isArray(this.value)?this.value:[];else this.internalValue=this.value;this.defaultValue=this.internalValue,this.items&&this.parseOptions(this.items),this.updateSelectedOption()}async setFocus(){var t,s;const e=null===(t=this.host)||void 0===t?void 0:t.querySelector(".spw-custom-select__search-input");e?e.focus():null===(s=this.selectContainer)||void 0===s||s.focus()}async resetSelect(){this.multiple?(this.internalValue=[],this.value=[]):(this.internalValue="",this.value=""),this.searchText="",this.focusedOptionIndex=null,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async setValue(t){this.multiple?(this.internalValue=Array.isArray(t)?t:[t],this.value=this.internalValue):(this.internalValue=t,this.value=t),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async getValue(){return this.internalValue}formResetCallback(){this.setValue(this.defaultValue)}componentDidLoad(){this.internals.setFormValue(this.getFormValue());const t=this.hostElement.querySelector('[slot="footer"]');this.hasSlottedFooter=!!t}connectedCallback(){document.addEventListener("click",this.handleClickOutside,!0),document.addEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.addEventListener("scroll",this.updateDropdownPosition,!0),window.addEventListener("resize",this.updateDropdownPosition)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside,!0),document.removeEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.removeEventListener("scroll",this.updateDropdownPosition,!0),window.removeEventListener("resize",this.updateDropdownPosition),this.cleanupParentScrollListener(),this.isOpen=!1}findParentComponent(){if(!this.fixedDropdownParent)return null;let t=this.hostElement;for(;t;){if(t instanceof HTMLElement&&t.tagName.toLowerCase()===this.fixedDropdownParent.toLowerCase())return t;if(t.parentElement)t=t.parentElement;else{const s=t.getRootNode();if(!(s instanceof ShadowRoot))break;t=s.host}}return null}findScrollContainerInShadowRoot(t){const s=t.shadowRoot;if(!s)return null;const e=s.querySelectorAll("*");let i=null,o=-1;for(const t of Array.from(e)){const e=t,c=window.getComputedStyle(e);if("auto"===c.overflow||"scroll"===c.overflow||"auto"===c.overflowY||"scroll"===c.overflowY){let c=0,r=t;for(;r&&r!==s;)c++,r=r.parentNode;c>o&&(o=c,i=e)}}return i}ensureParentScrollListener(){if(!this.fixedDropdownParent||!this.fixedDropdown)return;if(this.parentScrollContainer)return;const t=this.findParentComponent();t&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(t),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateDropdownPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateDropdownPosition),this.parentScrollContainer=null)}parseOptions(t){try{this.parsedOptions=Array.isArray(t)?t.map((t=>({value:t.value,label:t.label,disabled:t.disabled||!1}))):[],this.updateSelectedOption()}catch(t){this.parsedOptions=[]}}valueChangedHandler(t){this.internalValue=this.multiple?Array.isArray(t)?t:[t]:t,this.updateSelectedOption(),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue()),this.multiple||void 0===this.internalValue?this.multiple&&Array.isArray(this.internalValue)&&(this.internalValue=this.internalValue.filter((t=>this.parsedOptions.some((s=>String(s.value)===String(t))))).sort(((t,s)=>this.parsedOptions.findIndex((s=>String(s.value)===String(t)))-this.parsedOptions.findIndex((t=>String(t.value)===String(s)))))):this.focusedOptionIndex=this.parsedOptions.findIndex((t=>String(t.value)===String(this.internalValue)))}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:Boolean(this.internalValue)}getFormValue(){return this.multiple?Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((t=>String(t))).join(","):null:this.internalValue?String(this.internalValue):null}toggleDropdown(t){if(!this.disabled){if(t){if(t.composedPath()[0].classList.contains("spw-custom-select__search-input"))return;t.stopPropagation()}this.determineDropdownDirection();const s=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!s&&(this.ensureParentScrollListener(),this.notifyOtherSelects()),this.isOpen||(this.focusedOptionIndex=null)}}notifyOtherSelects(){const t=new CustomEvent("spw-custom-select-opened",{detail:{instance:this.host},bubbles:!0,composed:!0});document.dispatchEvent(t)}determineDropdownDirection(){this.updateDropdownPosition()}openDropdownWithKeyboard(){this.determineDropdownDirection(),this.isOpen=!0,this.focusedOptionIndex=0,this.ensureParentScrollListener(),this.notifyOtherSelects()}closeDropdown(){this.isOpen=!1,this.focusedOptionIndex=null,this.searchText=""}slugify(t){return this.normalizeString(t).replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"")}addCreatedOption(t){const s=t.trim();if(!s)return;const e=this.slugify(s),i={label:s,value:e,created:!0};this.parsedOptions=[...this.parsedOptions,i],this.optionCreated.emit(i),this.selectOption(e),this.searchText=""}removeCreatedOption(t,s){if(s.stopPropagation(),this.multiple){const s=this.internalValue.findIndex((s=>String(s)===String(t.value)));s>-1&&(this.internalValue=[...this.internalValue.slice(0,s),...this.internalValue.slice(s+1)],this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue))}else String(this.internalValue)===String(t.value)&&(this.internalValue="",this.value="",this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue));this.parsedOptions=this.parsedOptions.filter((s=>String(s.value)!==String(t.value))),this.optionRemoved.emit(t)}handleClear(t){t.stopPropagation(),this.resetSelect()}selectOption(t,s){s&&s.stopPropagation();const e=this.parsedOptions.find((s=>String(s.value)===String(t)));if(!(null==e?void 0:e.disabled)){if(this.multiple){const s=this.internalValue.findIndex((s=>String(s)===String(t)));this.internalValue=s>-1?[...this.internalValue.slice(0,s),...this.internalValue.slice(s+1)]:[...this.internalValue,t],this.internalValue=this.internalValue.sort(((t,s)=>this.parsedOptions.findIndex((s=>String(s.value)===String(t)))-this.parsedOptions.findIndex((t=>String(t.value)===String(s)))))}else this.internalValue=t,this.closeDropdown();this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}}handleOptionKeyDown(t,s){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.selectOption(s))}handleKeyDown(t){var s,e;if(!t.target.classList.contains("spw-custom-select__search-input"))switch(t.key){case" ":t.preventDefault(),this.isOpen||this.openDropdownWithKeyboard();break;case"ArrowDown":if(t.preventDefault(),this.isOpen){let t=null===this.focusedOptionIndex?0:(this.focusedOptionIndex+1)%this.parsedOptions.length;for(;(null===(s=this.parsedOptions[t])||void 0===s?void 0:s.disabled)&&t!==this.focusedOptionIndex;)t=(t+1)%this.parsedOptions.length;this.focusedOptionIndex=t}else this.openDropdownWithKeyboard();break;case"ArrowUp":if(t.preventDefault(),this.isOpen){let t=null===this.focusedOptionIndex?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length;for(;(null===(e=this.parsedOptions[t])||void 0===e?void 0:e.disabled)&&t!==this.focusedOptionIndex;)t=(t-1+this.parsedOptions.length)%this.parsedOptions.length;this.focusedOptionIndex=t}break;case"Enter":t.preventDefault(),this.isOpen&&null!==this.focusedOptionIndex&&this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);break;case"Escape":this.isOpen&&this.closeDropdown()}}renderErrorMessage(){if(this.error)return e("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return e("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderWarningMessage(){if(this.warning)return e("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}renderSuccessMessage(){if(this.success)return e("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}get elementClass(){const t=this.showCreateButton();return{"spw-custom-select":!0,[`spw-custom-select--${this.size}`]:!0,[`spw-custom-select--${this.dropdownDirection}`]:!0,"spw-custom-select--is-error":!!this.error,"spw-custom-select--disabled":this.disabled,"spw-custom-select--is-opened":this.isOpen,"spw-custom-select--has-value":this.hasSelectedValue,"spw-custom-select--no-value":!this.hasSelectedValue,"spw-custom-select--is-searchable":this.isSearch,"spw-custom-select--not-searchable":!this.isSearch,"spw-custom-select--is-clear":this.isClear&&(this.hasSelectedValue||!!this.searchText),"spw-custom-select--show-create":t}}normalizeString(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple)return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((t=>{var s;return null===(s=this.parsedOptions.find((s=>String(s.value)===String(t))))||void 0===s?void 0:s.label})).filter(Boolean).join(", "):null;{const t=this.parsedOptions.find((t=>String(t.value)===String(this.internalValue)));return t?t.label:null}}getFilteredOptions(){const t=this.normalizeString(this.searchText);return this.parsedOptions.filter((s=>this.normalizeString(s.label).includes(t)))}handleSearchInput(t){this.searchText=t.target.value,this.focusedOptionIndex=0,this.isOpen||(this.isOpen=!0,this.ensureParentScrollListener(),this.notifyOtherSelects())}isSearchVisible(){return!!this.isSearch&&(!this.hasSelectedValue&&!this.isOpen||!(!this.isSearch||!this.isOpen)||this.isOpen)}showPlaceholder(){return!this.isSearch&&!this.hasSelectedValue}showCreateButton(){if(!this.allowCreate||!this.isSearch||!this.searchText.trim())return!1;const t=this.normalizeString(this.searchText.trim());return!this.parsedOptions.some((s=>this.normalizeString(s.label)===t))}render(){const t=this.getFilteredOptions(),s=this.showPlaceholder(),i=this.showCreateButton();return e("div",{key:"4bb22979651b6946dd66fc9844f205e59d0a5411",class:this.elementClass,ref:t=>this.host=t},this.label&&e("spw-field-label",{key:"4d9c26597da16ec05bc8aee0c2a03413ea17ff50",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&e("spw-field-message",{key:"85594d2693007a09d2d1b70b9f5bc61056548ee2",class:"spw-custom-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"53fe8200e2e8ec025c9148bb76a4bd7418068513",class:"spw-custom-select__wrapper"},e("div",{key:"79b757cffef9f53eb738d2e11aee592e63211841",class:"spw-custom-select__container",id:this.name,ref:t=>this.selectContainer=t,onClick:t=>this.toggleDropdown(t),onKeyDown:t=>this.handleKeyDown(t),tabindex:this.disabled?-1:0},e("div",{key:"c502d3c270203b548990cfab7d45394557314334",class:"spw-custom-select__selected"},this.isSearchVisible()&&e("div",{key:"9134c7f87988d3f0efb6c8095646bb6a1ca8ebd0",class:"spw-custom-select__search"},e("input",{key:"0a5b873ac75d71f480e1209184fa0e63552632b9",class:"spw-custom-select__search-input",placeholder:this.searchPlaceholder,onInput:t=>this.handleSearchInput(t),value:this.searchText}),i&&this.isOpen&&this.hasSelectedValue&&e("button",{key:"7ecf48c56ddb8a7918a38b37b0dbfb47994fc0af",class:"spw-custom-select__create-btn spw-custom-select__create-btn--big",type:"button",onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),this.addCreatedOption(this.searchText)}},e("spw-icon",{key:"078c09832bcce6f476a83be55bc54e4cd19223bc",icon:"fa-plus"}))),s&&e("span",{key:"29e59d519f39c3dcafe60a169b2a01adee8904f7"},this.placeholder),this.multiple&&this.internalValue.length>0&&e("div",{key:"205e9ebc3bf531b76fc0abdbb760c214a08b6623",class:"spw-custom-select__selected-items"},this.internalValue.map((t=>{var s;return e("span",{class:"spw-custom-select__selected-item"},null===(s=this.parsedOptions.find((s=>String(s.value)===String(t))))||void 0===s?void 0:s.label,e("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:s=>this.selectOption(t,s)}))}))),!this.multiple&&e("span",{key:"67eb1e59a69443c63cfe030421a45dd9ed98d626"},this.getSelectedLabels()))),e("div",{key:"d36ae8e7dbcbdf5d3895482bf94ce352ccb2deb2",class:"spw-custom-select__icons"},i&&!(this.isOpen&&this.hasSelectedValue)&&e("button",{key:"d5ab27383e5915b3a6a23e2a4c233e37b56bdcda",class:"spw-custom-select__create-btn",type:"button",onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),this.addCreatedOption(this.searchText)}},e("spw-icon",{key:"00e486f257d3576fe5a481320685c0f73ac76b43",icon:"fa-plus"})),this.isClear&&(this.hasSelectedValue||!!this.searchText)&&e("span",{key:"522cc58133eebfc86d8f64ab549905f4d7dc85ea",class:"spw-custom-select__clear",onClick:t=>this.handleClear(t)},e("spw-icon",{key:"4afc256de08bae62efde4d0903a2fa2de4438d89",icon:"fa-xmark"})),e("div",{key:"ae0fb99288bad447c52288df66afdcf042c139d8",class:"spw-custom-select__arrow"},e("spw-icon",{key:"2166910463c05b09b845eab799fbb13b63bcc06f",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"}))),this.isOpen&&e("div",{key:"2331976d5867174852a1394987bf6bdf8545a3f2",class:{"spw-custom-select__options":!0,[`spw-custom-select__options--${this.dropdownDirection}`]:!0,"spw-custom-select__options--fixed":this.fixedDropdown},style:this.fixedDropdown?{position:"fixed",top:`${this.dropdownPosition.top}px`,left:`${this.dropdownPosition.left}px`,width:`${this.dropdownPosition.width}px`}:{}},e("div",{key:"43dd9a1b026ff6aac3a4d309e4f4e950156566ef",class:"spw-custom-select__options-list"},!!t.length&&e("ul",{key:"dc42399871b8b4286a440a9c5da7c618301ca330"},t.map(((t,s)=>e("li",{class:{"spw-custom-select__option":!0,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((s=>String(s)===String(t.value))):t.value===this.internalValue,"spw-custom-select__option--focused":s===this.focusedOptionIndex,"spw-custom-select__option--disabled":t.disabled,"spw-custom-select__option--created":!!t.created},onClick:()=>this.selectOption(t.value)},this.multiple&&e("spw-checkbox",{onKeyDown:s=>this.handleOptionKeyDown(s,t.value),class:"spw-custom-select__checkbox",checked:this.internalValue.some((s=>String(s)===String(t.value))),disabled:t.disabled}),t.label,t.created&&e("spw-icon",{class:"spw-custom-select__option-remove",icon:"fa-trash",onClick:s=>this.removeCreatedOption(t,s)}))))),!t.length&&e("p",{key:"16b8fc9d36f71937588d8f57ddf593380766a5a8",class:"spw-custom-select__no-results"},this.noResultsText)),this.hasSlottedFooter&&e("div",{key:"c273c08ab20c4d80b26045fba0bc8abca5564851",class:"spw-custom-select__options-footer"},e("slot",{key:"f54f6b94a36cc064f8820a6892cfb02b05e039b1",name:"footer"})))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get hostElement(){return i(this)}static get watchers(){return{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged:0}]}}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}";export{o as spw_custom_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e}from"./p-
|
|
1
|
+
import{r as t,h as e}from"./p-Co4V4Zk-.js";const n=class{constructor(e){t(this,e),this.active=!1}render(){return this.active?e("div",{class:"spw-tabs-content",role:"tabpanel",id:`panel-${this.tabId}`,"aria-labelledby":`tab-${this.tabId}`,"aria-hidden":this.active?"false":"true"},e("slot",null)):null}};n.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}:host(.--box) .spw-tabs-content{border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:0 0 4px 4px;background:white}";export{n as spw_tabs_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,a as i}from"./p-BvJ4Kko5.js";const o=class{constructor(s){e(this,s),this.valueChanged=t(this,"valueChanged",7),this.optionSelected=t(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=String(e.detail);this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>String(t.value)===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=String(null!==(t=e.value)&&void 0!==t?t:e.label),this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),i=this.normalizeString(e).indexOf(t);if(-1===i||!this.searchText)return e;const o=i+t.length;return s("span",null,e.slice(0,i),s("strong",null,e.slice(i,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,[`spw-search-field--${this.size}`]:!0}}render(){return s("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&s("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onClick:()=>{var e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),s("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},s("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&s("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&s("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`},!!this.filteredItems.length&&s("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>s("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&s("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&s("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},s("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&s("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&s("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},s("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",s("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return i(this)}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems:0}]}}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}";export{o as spw_search_field}
|
|
1
|
+
import{r as e,c as t,h as s,a as i}from"./p-Co4V4Zk-.js";const o=class{constructor(s){e(this,s),this.valueChanged=t(this,"valueChanged",7),this.optionSelected=t(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=String(e.detail);this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>String(t.value)===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=String(null!==(t=e.value)&&void 0!==t?t:e.label),this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),i=this.normalizeString(e).indexOf(t);if(-1===i||!this.searchText)return e;const o=i+t.length;return s("span",null,e.slice(0,i),s("strong",null,e.slice(i,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,[`spw-search-field--${this.size}`]:!0}}render(){return s("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&s("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onClick:()=>{var e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),s("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},s("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&s("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&s("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`},!!this.filteredItems.length&&s("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>s("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&s("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&s("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},s("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&s("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&s("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},s("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",s("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return i(this)}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems:0}]}}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}";export{o as spw_search_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as n,a as o}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,H as n,a as o}from"./p-Co4V4Zk-.js";const s=class{constructor(i){t(this,i),this.tocItemsChanged=e(this,"tocItemsChanged",7)}componentDidLoad(){this.scanHeadings(),this.setupMutationObserver()}disconnectedCallback(){this.observer&&this.observer.disconnect()}async getItems(){return this.scanHeadings()}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.scanHeadings()})),this.observer.observe(this.el,{childList:!0,subtree:!0,characterData:!0})}slugify(t){return t.toLowerCase().trim().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^\w\s-]/g,"").replace(/[\s_-]+/g,"-").replace(/^-+|-+$/g,"")}scanHeadings(){const t=[];return this.el.querySelectorAll("h2, h3, h4, h5, h6").forEach((e=>{var i;const n=(null===(i=e.textContent)||void 0===i?void 0:i.trim())||"";let o=e.id;if(!o&&n&&(o=this.slugify(n),e.id=o),o&&n){const i=parseInt(e.tagName.substring(1));t.push({id:o,text:n,level:i})}})),this.tocItemsChanged.emit(t),t}render(){return i(n,{key:"b65fc485e901264fc4df9443d7ad55b4c17cb52c"},i("slot",{key:"186f67706aa14e2fd3ce5799e61de589bd1a5a59"}))}get el(){return o(this)}};s.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}";export{s as spw_toc_container}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as i}from"./p-
|
|
1
|
+
import{r as e,h as t,H as i}from"./p-Co4V4Zk-.js";const n=class{constructor(t){e(this,t)}handleClick(){this.link&&(window.location.href=this.link)}get elementClass(){return{"spw-card-subtag-item":!0,"spw-card-subtag-item--has-link":!!this.link}}render(){return t(i,{key:"b9cc69c396246f2312c714f9a92064051a2a7593"},t("span",{key:"18ceda99d47d27ff2a465fde67d426590445d3d8",class:this.elementClass,onClick:()=>this.handleClick()},t("slot",{key:"332ea40deefbe4b854c4dbeb07eabbf0c964d61b"})))}};n.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline}:host(.--link) .spw-card-subtag-item{font-size:15px;color:var(--spw-ds-primary);font-weight:700}:host(.--link) .spw-card-subtag-item--has-link{text-decoration:underline}:host(.--link) .spw-card-subtag-item--has-link:hover{text-decoration:none}:host(.--link.--highlighted) .spw-card-subtag-item{color:white}:host(.--tag) .spw-card-subtag-item{display:inline-block;padding:8px 12px;border-radius:9999px;background:var(--spw-color-themes-grey-grey-200);transition:all 0.2s linear;line-height:1;font-size:14px;color:var(--spw-color-themes-grey-grey-900)}:host(.--tag) .spw-card-subtag-item:hover{background:var(--spw-color-themes-grey-grey-300)}";export{n as spw_card_subtag_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-
|
|
1
|
+
import{r as e,h as t}from"./p-Co4V4Zk-.js";const i=class{constructor(t){e(this,t)}render(){return t("div",{key:"91e5b5d78c592d08a3b825e6046a65bcc9b4a893",class:"spw-tile-description"},t("slot",{key:"a25c2c542a82c2251b6fb3cc53d1d7f03c391ee6"}))}};i.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);line-height:1.5;font-size:18px}:host(.--big) .spw-tile-description,:host(.--light) .spw-tile-description{color:white;line-height:1.3;font-size:18px}";export{i as spw_tile_description}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as o,a as i}from"./p-
|
|
1
|
+
import{r as e,h as t,H as o,a as i}from"./p-Co4V4Zk-.js";const n=class{constructor(t){e(this,t),this.state="default"}componentDidLoad(){this.applyPropsToChildren(),this.setupMutationObserver()}disconnectedCallback(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.applyPropsToChildren()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!1})}slotChanged(){this.applyPropsToChildren()}onStateChange(){this.applyPropsToChildren()}onPaddingChange(){this.applyPropsToChildren()}applyPropsToChildren(){requestAnimationFrame((()=>{const e=this.el.querySelectorAll("spw-table-cell, spw-table-header"),t=`--${this.state}`;e.forEach((e=>{e.classList.remove("--default","--selected","--disabled"),"default"!==this.state&&e.classList.add(t),this.padding&&!e.hasAttribute("data-has-explicit-padding")&&(e.padding=this.padding)}))}))}get elementClass(){return{"spw-table-row":!0,[`spw-table-row--${this.state}`]:!0}}render(){return t(o,{key:"65672e550b60007a5a067207e5e98391b15e9a1d",part:"row"},t("tr",{key:"aa9563a8d33329fedefc97f49dd0fc3cbe54b1a4",class:this.elementClass,part:"row"},t("slot",{key:"1647fc675ce503dd64551176e9719ed031131fcc"})))}get el(){return i(this)}static get watchers(){return{state:[{onStateChange:0}],padding:[{onPaddingChange:0}]}}};n.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row--disabled{background:white}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}@media (max-width: 767px){:host{display:block;margin:6px 0}.spw-table-row{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);border-radius:8px;background:white;overflow:hidden;padding:6px 0}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-row--disabled{opacity:0.6}:host([data-row-style=odd]) .spw-table-row{background-color:white}}";export{n as spw_table_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as s,H as o,a as t}from"./p-
|
|
1
|
+
import{r as e,h as s,H as o,a as t}from"./p-Co4V4Zk-.js";const i=class{constructor(s){e(this,s),this.hasRadius=!1,this.hasShadow=!1,this.isSticky=!1,this.padding="none",this.isCollapsible=!1,this.collapsibleBreakpoint="md",this.isOpen=!1,this.toggle=()=>{this.isCollapsibleActive&&(this.isOpen=!this.isOpen)}}get isCollapsibleActive(){return!!this.isCollapsible&&("always"===this.collapsibleBreakpoint||window.innerWidth<={sm:460,md:768,lg:1024,xl:1350,xxl:1770}[this.collapsibleBreakpoint])}get hostClass(){return{"spw-box--is-sticky":this.isSticky,[`spw-box--collapsible-${this.collapsibleBreakpoint}`]:this.isCollapsible}}get elementClass(){return{"spw-box":!0,"spw-box--has-radius":this.hasRadius,"spw-box--has-shadow":this.hasShadow,[`spw-box--padding-${this.padding}`]:"none"!==this.padding}}render(){var e,t;const i=this.isCollapsible?{height:this.isOpen||!this.isCollapsibleActive?`${null!==(t=null===(e=this.contentRef)||void 0===e?void 0:e.scrollHeight)&&void 0!==t?t:0}px`:"0px"}:void 0;return s(o,{key:"71f0ca883b24d20c68e415905b9a7adfe4817268",class:this.hostClass,style:this.stickyTop?{"--spw-box-sticky-top":this.stickyTop}:void 0},s("div",{key:"370a502d2df32122bb1dbddd1e77fbb809f503e3",class:this.elementClass},s("div",{key:"8fce2c39ca9fb109f5b76583c84afe17d53f7a99",class:{"spw-box__header":!0,"spw-box__header--collapsible":this.isCollapsible},onClick:this.toggle},s("slot",{key:"838b378e976f8f567e31bca92190581356d6e6ba",name:"header"}),this.isCollapsible&&s("spw-icon",{key:"4bd92026ce4f1dcd353f7ccd75f23c958a1ff6ae",icon:"fa-chevron-down",class:{"spw-box__header-icon--open":this.isOpen}})),s("div",{key:"08d4138fcc99855e95c27d99d1aadeb33f5aa836",class:{"spw-box__content":!0,"spw-box__content--collapsed":this.isCollapsible},style:i,ref:e=>this.contentRef=e},s("slot",{key:"f8990c3198f4058bf836f4496aac3af4bf8fe005"}))))}get el(){return t(this)}};i.style='@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-box-shadow:var(--spw-effect-elevation-7);--spw-box-radius:8px;--spw-box-sticky-top:32px;--spw-box-padding-small:16px;--spw-box-padding-medium:24px;--spw-box-padding-large:48px;--spw-box-collapse-duration:0.3s;--spw-box-background:white}@media (min-width: 1024px){:host(.spw-box--is-sticky){position:sticky;top:var(--spw-box-sticky-top);align-self:flex-start}}.spw-box{background:var(--spw-box-background)}.spw-box--has-shadow{box-shadow:var(--spw-box-shadow)}.spw-box--has-radius{border-radius:var(--spw-box-radius)}.spw-box--padding-small{padding:var(--spw-box-padding-small)}.spw-box--padding-medium{padding:var(--spw-box-padding-medium)}.spw-box--padding-large{padding:var(--spw-box-padding-large)}.spw-box__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.spw-box__header--collapsible{cursor:pointer}.spw-box__header-icon--open{transform:rotate(180deg)}.spw-box spw-icon{transition:transform var(--spw-box-collapse-duration) ease}.spw-box__content--collapsed{overflow:hidden;transition:height var(--spw-box-collapse-duration) ease}:host(.spw-box--collapsible-sm) .spw-box__header{display:flex}@media (min-width: 460px){:host(.spw-box--collapsible-sm) .spw-box__header{display:none}:host(.spw-box--collapsible-sm) .spw-box__content--collapsed{height:auto !important}}:host(.spw-box--collapsible-md) .spw-box__header{display:flex}@media (min-width: 768px){:host(.spw-box--collapsible-md) .spw-box__header{display:none}:host(.spw-box--collapsible-md) .spw-box__content--collapsed{height:auto !important}}:host(.spw-box--collapsible-lg) .spw-box__header{display:flex}@media (min-width: 1024px){:host(.spw-box--collapsible-lg) .spw-box__header{display:none}:host(.spw-box--collapsible-lg) .spw-box__content--collapsed{height:auto !important}}:host(.spw-box--collapsible-xl) .spw-box__header{display:flex}@media (min-width: 1350px){:host(.spw-box--collapsible-xl) .spw-box__header{display:none}:host(.spw-box--collapsible-xl) .spw-box__content--collapsed{height:auto !important}}:host(.spw-box--collapsible-xxl) .spw-box__header{display:flex}@media (min-width: 1770px){:host(.spw-box--collapsible-xxl) .spw-box__header{display:none}:host(.spw-box--collapsible-xxl) .spw-box__content--collapsed{height:auto !important}}:host(.spw-box--collapsible-always) .spw-box__header{display:flex}';export{i as spw_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i}from"./p-Co4V4Zk-.js";const s=class{constructor(i){t(this,i),this.valueChanged=e(this,"valueChanged",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.internalValue="",this.label="",this.rows=5,this.isSearch=!1,this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help"}async setFocus(){var t;null===(t=this.textareaElement)||void 0===t||t.focus()}valueChangedHandler(t){this.setValue(t)}setValue(t){this.internalValue=null!=t?t:"",this.value=this.internalValue,this.textareaElement&&(this.textareaElement.value=this.internalValue),this.internals.setFormValue(this.internalValue||null),this.valueChanged.emit(this.internalValue)}componentWillLoad(){var t;this.internalValue=null!==(t=this.value)&&void 0!==t?t:"",this.defaultValue=this.internalValue}componentDidLoad(){this.internals.setFormValue(this.internalValue?this.internalValue:null)}formResetCallback(){var t;this.setValue(null!==(t=this.defaultValue)&&void 0!==t?t:"")}handleChange(t){this.internalValue=t.target.value,this.value=this.internalValue,this.internals.setFormValue(this.internalValue?this.internalValue:null),this.valueChanged.emit(this.internalValue)}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){return{"spw-textarea":!0,[`spw-textarea--${this.size}`]:!0,"spw-textarea--is-search":this.isSearch,"spw-textarea--is-error":!!this.error,"spw-textarea--disabled":this.disabled}}render(){return i("div",{key:"cbbd0e16dd66f5ae5a1bb6537f77a8984f19a3a6",class:this.elementClass},this.label&&i("spw-field-label",{key:"95d4f02eddb340fb319a4b56a0b138f378b2afa1",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&i("spw-field-message",{key:"b121d8f71bb51677fbca266e76175c5a1011ed1c",class:"spw-textarea__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"283ad25136bf66441c3c44e38a676cbf6dddd6ba",class:"spw-textarea__container"},i("textarea",{key:"ea73e4376ae4ada3ea15565324b3d98ec6e51c5e",class:"spw-textarea__input",ref:t=>this.textareaElement=t,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,name:this.name,id:this.name,rows:this.rows,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:t=>this.handleChange(t)})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChangedHandler:0}]}}};s.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-textarea{position:relative}.spw-textarea__input{flex:1;width:100%;min-height:40px;padding:12px;resize:vertical;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800)}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-textarea--disabled .spw-textarea__input{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:hover,.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;padding:0 24px;line-height:60px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{display:flex;align-items:center}.spw-textarea__indicator{padding-left:12px}.spw-textarea__field-message{margin-bottom:8px;margin-top:-4px}.spw-textarea__icon{pointer-events:none;position:absolute;top:50%;right:30px;transform:translateY(-50%);color:var(--spw-ds-primary);font-size:24px}";export{s as spw_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as a,a as o}from"./p-BvJ4Kko5.js";const n=class{constructor(i){t(this,i),this.spwHeaderNavigationNavigate=e(this,"spwHeaderNavigationNavigate",7),this.isActive=!1,this.variant="default",this.internalIsActive=!1,this.hasSubnav=!1,this.level=1,this.isSubnavVisible=!1,this.lastClickedLevel1Item=null,this.isMobile=window.innerWidth<1024}componentWillLoad(){this.internalIsActive=this.isActive,this.checkForSubnav(),this.calculateLevel(),this.updateLevelClass()}componentWillUpdate(){this.isActive!==this.internalIsActive&&(this.internalIsActive=this.isActive),this.updateLevelClass()}componentDidUpdate(){this.propagateMegamenuClass()}checkForSubnav(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:!0}).some((t=>"SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName));e!==this.hasSubnav&&(this.hasSubnav=e)}}calculateLevel(){let t=1,e=this.el.parentElement;for(;e&&"SPW-HEADER-NAVIGATION"!==e.tagName;)"SPW-HEADER-NAVIGATION-DROPDOWN"===e.tagName&&t++,e=e.parentElement;this.level=t}updateLevelClass(){const t=document.documentElement;Array.from(t.classList).forEach((e=>{e.startsWith("spw-ds-nav-level-")&&t.classList.remove(e)})),t.classList.add(`spw-ds-nav-level-${this.level}`),this.spwHeaderNavigationNavigate.emit({level:this.level,element:this.el})}toggleSubnavVisibility(t){this.isMobile&&(t.stopPropagation(),this.hasSubnav&&!this.isSubnavVisible)&&(window.matchMedia("(max-width: 1024px)").matches&&t.preventDefault(),1===this.level&&(this.lastClickedLevel1Item=this.el.innerText,document.documentElement.setAttribute("data-ds-nav-level1",this.lastClickedLevel1Item)),this.isSubnavVisible=!this.isSubnavVisible,this.isSubnavVisible&&(this.level++,this.updateLevelClass()))}getStoredLevel1Item(){return document.documentElement.getAttribute("data-ds-nav-level1")||""}handleBackClick(t){t.stopPropagation(),this.isSubnavVisible=!1,this.level>1&&(this.level--,this.updateLevelClass()),this.internalIsActive=!1,1!==this.level||this.isSubnavVisible||(this.lastClickedLevel1Item=null,document.documentElement.removeAttribute("data-ds-nav-level1"))}getPageTitle(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:!0});if(e.length>0){const t=e[0];return{title:t.innerText||"",link:t.href||null,target:t.target||null}}}return null}propagateMegamenuClass(){if("megamenu"===this.variant&&1===this.level){const t=this.el.shadowRoot.querySelector("slot");t&&t.assignedElements({flatten:!0}).forEach((t=>{if("SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName){const e=t.shadowRoot;if(e){const t=e.querySelector(".spw-header-navigation-dropdown");t&&t.classList.add("spw-header-navigation-dropdown--is-megamenu")}t.querySelectorAll("spw-header-navigation-item").forEach((t=>{const e=t.shadowRoot;if(e){const t=e.querySelector(".spw-header-navigation-item");t&&t.classList.add("spw-header-navigation-item--is-megamenu")}}))}}))}}async componentDidLoad(){setTimeout((()=>{this.checkForSubnav(),this.propagateMegamenuClass()}),0);const t=this.el.shadowRoot.querySelector("slot");t&&new MutationObserver((()=>{this.checkForSubnav(),this.propagateMegamenuClass()})).observe(t,{childList:!0,subtree:!0})}render(){const t=this.getPageTitle(),e=this.getStoredLevel1Item();return i(a,{key:"e952c4870e1aa4939b14a210565fa3509460256a","data-level":this.level},i("div",{key:"7c038d9fd7c6c055b76bd59b05d4b3994a7be2e0",class:{"spw-header-navigation-item":!0,"spw-header-navigation-item--has-subnav":this.hasSubnav,"spw-header-navigation-item--is-active":this.internalIsActive,"spw-header-navigation-item--is-subnav-visible":this.isSubnavVisible,"spw-header-navigation-item--is-megamenu":"megamenu"===this.variant}},i("div",{key:"3e94692f9383cefaaf46aaf74f9106265524ef3b",class:"spw-header-navigation-item__content",onClick:t=>this.toggleSubnavVisibility(t)},this.isSubnavVisible&&i("div",{key:"ddce685e6067f559f94dfd2b325d2a795ebe94a3",class:`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`},i("div",{key:"387d26e8a57da5d4369d800b763cc8e0062d084f",class:"spw-header-navigation-item__top-back",onClick:t=>this.handleBackClick(t)},i("spw-icon",{key:"5beca235171ae596b17bb79776db39af855f4fd0",icon:"fa-chevron-left"})," ",i("span",{key:"b9006b33470692e209ba3c6139181616f9488ab3"},1===this.level?"":2===this.level?"Menu principal":e)),i("div",{key:"4b682e1f1a1ef92b695f5b50cb9b7cd4b411fde6",class:"spw-header-navigation-item__top-title"},i("a",{key:"7bd2492d5b62b58be3f074a11651e3287ece5f91",href:(null==t?void 0:t.link)||"#",target:(null==t?void 0:t.target)||"_self"},(null==t?void 0:t.title)||""))),i("slot",{key:"c57027af3472e46897c0fc0a05e097b4b2f1b1ca"}))))}get el(){return o(this)}};n.style='html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;width:100%}@media (min-width: 1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700;background:white}@media (max-width: 1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){position:relative;padding:24px 16px !important;font-size:20px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background:var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){padding:20px 16px !important;font-size:16px;border-bottom:0}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:auto;bottom:0;left:16px;width:calc(100% - 32px);height:0;background:var(--spw-ds-primary)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;top:100%;margin-left:16px !important;transition:opacity 0.1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a):before{width:calc(100% - 32px);height:3px}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-size:18px}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item{position:relative}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:18px}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;left:100%;top:0;transition:opacity 0.1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important;background:var(--spw-colors-support-grey-grey-100)}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:16px}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item ::slotted(a){display:inline-flex;position:relative;color:var(--spw-colors-support-grey-grey-900) !important;text-decoration:none;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:16px 0 !important}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a){padding:16px !important}}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a):before{content:"";transition:height 0.2s ease-in;bottom:0;left:16px;height:5px;width:0;position:absolute;background:var(--spw-ds-primary)}}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:focus-visible){outline:3px solid white;outline-offset:-3px;box-shadow:0 0 0 3px black}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:hover){text-decoration:none !important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:block;pointer-events:none;opacity:0;position:absolute;width:320px;box-shadow:var(--spw-effect-elevation-8)}}@media (max-width: 1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){display:block;opacity:1;position:absolute;background:white;width:100%;margin-top:0 !important;padding-top:132px !important;top:0;left:0;min-height:100%;overflow-y:auto}}.spw-header-navigation-item__top{position:absolute;display:flex;justify-content:space-between;flex-direction:column;top:0;left:16px;height:118px;z-index:9999999;width:calc(100% - 32px);padding:24px 0;background:white;border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}.spw-header-navigation-item__top-back{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{font-size:20px;font-weight:700;text-decoration:underline;color:var(--spw-colors-support-grey-grey-900);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width: 1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width: 1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width: 1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}}@media (min-width: 1024px){.spw-header-navigation-item__top{display:none}}.spw-header-navigation-item--is-megamenu{position:static}@media (min-width: 1024px){.spw-header-navigation-item--is-megamenu ::slotted(a){position:static}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){width:100vw;left:50%;transform:translateX(-50%);top:100%;display:flex;box-shadow:none;background:white;border-top:1px solid var(--spw-colors-support-grey-grey-300);border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){margin-left:0 !important;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu{width:20%;padding:16px !important}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:0 !important}:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a):after{display:none}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;left:0;top:0;padding:8px 0 !important;background:none;box-shadow:none;transition:opacity 0.1s ease-in;z-index:38}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){position:relative;left:0}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:6px 16px !important;font-size:14px;font-weight:normal;border-left:1px solid var(--spw-colors-support-grey-grey-300) !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:hover){text-decoration:underline !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:active){color:var(--spw-ds-active) !important}}';export{n as spw_header_navigation_item}
|
|
1
|
+
import{r as t,c as e,h as i,H as a,a as o}from"./p-Co4V4Zk-.js";const n=class{constructor(i){t(this,i),this.spwHeaderNavigationNavigate=e(this,"spwHeaderNavigationNavigate",7),this.isActive=!1,this.variant="default",this.internalIsActive=!1,this.hasSubnav=!1,this.level=1,this.isSubnavVisible=!1,this.lastClickedLevel1Item=null,this.isMobile=window.innerWidth<1024}componentWillLoad(){this.internalIsActive=this.isActive,this.checkForSubnav(),this.calculateLevel(),this.updateLevelClass()}componentWillUpdate(){this.isActive!==this.internalIsActive&&(this.internalIsActive=this.isActive),this.updateLevelClass()}componentDidUpdate(){this.propagateMegamenuClass()}checkForSubnav(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:!0}).some((t=>"SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName));e!==this.hasSubnav&&(this.hasSubnav=e)}}calculateLevel(){let t=1,e=this.el.parentElement;for(;e&&"SPW-HEADER-NAVIGATION"!==e.tagName;)"SPW-HEADER-NAVIGATION-DROPDOWN"===e.tagName&&t++,e=e.parentElement;this.level=t}updateLevelClass(){const t=document.documentElement;Array.from(t.classList).forEach((e=>{e.startsWith("spw-ds-nav-level-")&&t.classList.remove(e)})),t.classList.add(`spw-ds-nav-level-${this.level}`),this.spwHeaderNavigationNavigate.emit({level:this.level,element:this.el})}toggleSubnavVisibility(t){this.isMobile&&(t.stopPropagation(),this.hasSubnav&&!this.isSubnavVisible)&&(window.matchMedia("(max-width: 1024px)").matches&&t.preventDefault(),1===this.level&&(this.lastClickedLevel1Item=this.el.innerText,document.documentElement.setAttribute("data-ds-nav-level1",this.lastClickedLevel1Item)),this.isSubnavVisible=!this.isSubnavVisible,this.isSubnavVisible&&(this.level++,this.updateLevelClass()))}getStoredLevel1Item(){return document.documentElement.getAttribute("data-ds-nav-level1")||""}handleBackClick(t){t.stopPropagation(),this.isSubnavVisible=!1,this.level>1&&(this.level--,this.updateLevelClass()),this.internalIsActive=!1,1!==this.level||this.isSubnavVisible||(this.lastClickedLevel1Item=null,document.documentElement.removeAttribute("data-ds-nav-level1"))}getPageTitle(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:!0});if(e.length>0){const t=e[0];return{title:t.innerText||"",link:t.href||null,target:t.target||null}}}return null}propagateMegamenuClass(){if("megamenu"===this.variant&&1===this.level){const t=this.el.shadowRoot.querySelector("slot");t&&t.assignedElements({flatten:!0}).forEach((t=>{if("SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName){const e=t.shadowRoot;if(e){const t=e.querySelector(".spw-header-navigation-dropdown");t&&t.classList.add("spw-header-navigation-dropdown--is-megamenu")}t.querySelectorAll("spw-header-navigation-item").forEach((t=>{const e=t.shadowRoot;if(e){const t=e.querySelector(".spw-header-navigation-item");t&&t.classList.add("spw-header-navigation-item--is-megamenu")}}))}}))}}async componentDidLoad(){setTimeout((()=>{this.checkForSubnav(),this.propagateMegamenuClass()}),0);const t=this.el.shadowRoot.querySelector("slot");t&&new MutationObserver((()=>{this.checkForSubnav(),this.propagateMegamenuClass()})).observe(t,{childList:!0,subtree:!0})}render(){const t=this.getPageTitle(),e=this.getStoredLevel1Item();return i(a,{key:"e952c4870e1aa4939b14a210565fa3509460256a","data-level":this.level},i("div",{key:"7c038d9fd7c6c055b76bd59b05d4b3994a7be2e0",class:{"spw-header-navigation-item":!0,"spw-header-navigation-item--has-subnav":this.hasSubnav,"spw-header-navigation-item--is-active":this.internalIsActive,"spw-header-navigation-item--is-subnav-visible":this.isSubnavVisible,"spw-header-navigation-item--is-megamenu":"megamenu"===this.variant}},i("div",{key:"3e94692f9383cefaaf46aaf74f9106265524ef3b",class:"spw-header-navigation-item__content",onClick:t=>this.toggleSubnavVisibility(t)},this.isSubnavVisible&&i("div",{key:"ddce685e6067f559f94dfd2b325d2a795ebe94a3",class:`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`},i("div",{key:"387d26e8a57da5d4369d800b763cc8e0062d084f",class:"spw-header-navigation-item__top-back",onClick:t=>this.handleBackClick(t)},i("spw-icon",{key:"5beca235171ae596b17bb79776db39af855f4fd0",icon:"fa-chevron-left"})," ",i("span",{key:"b9006b33470692e209ba3c6139181616f9488ab3"},1===this.level?"":2===this.level?"Menu principal":e)),i("div",{key:"4b682e1f1a1ef92b695f5b50cb9b7cd4b411fde6",class:"spw-header-navigation-item__top-title"},i("a",{key:"7bd2492d5b62b58be3f074a11651e3287ece5f91",href:(null==t?void 0:t.link)||"#",target:(null==t?void 0:t.target)||"_self"},(null==t?void 0:t.title)||""))),i("slot",{key:"c57027af3472e46897c0fc0a05e097b4b2f1b1ca"}))))}get el(){return o(this)}};n.style='html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;width:100%}@media (min-width: 1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700;background:white}@media (max-width: 1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){position:relative;padding:24px 16px !important;font-size:20px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background:var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){padding:20px 16px !important;font-size:16px;border-bottom:0}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:auto;bottom:0;left:16px;width:calc(100% - 32px);height:0;background:var(--spw-ds-primary)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;top:100%;margin-left:16px !important;transition:opacity 0.1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a):before{width:calc(100% - 32px);height:3px}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-size:18px}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item{position:relative}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:18px}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;left:100%;top:0;transition:opacity 0.1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important;background:var(--spw-colors-support-grey-grey-100)}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:16px}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item ::slotted(a){display:inline-flex;position:relative;color:var(--spw-colors-support-grey-grey-900) !important;text-decoration:none;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:16px 0 !important}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a){padding:16px !important}}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a):before{content:"";transition:height 0.2s ease-in;bottom:0;left:16px;height:5px;width:0;position:absolute;background:var(--spw-ds-primary)}}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:focus-visible){outline:3px solid white;outline-offset:-3px;box-shadow:0 0 0 3px black}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:hover){text-decoration:none !important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:block;pointer-events:none;opacity:0;position:absolute;width:320px;box-shadow:var(--spw-effect-elevation-8)}}@media (max-width: 1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){display:block;opacity:1;position:absolute;background:white;width:100%;margin-top:0 !important;padding-top:132px !important;top:0;left:0;min-height:100%;overflow-y:auto}}.spw-header-navigation-item__top{position:absolute;display:flex;justify-content:space-between;flex-direction:column;top:0;left:16px;height:118px;z-index:9999999;width:calc(100% - 32px);padding:24px 0;background:white;border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}.spw-header-navigation-item__top-back{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{font-size:20px;font-weight:700;text-decoration:underline;color:var(--spw-colors-support-grey-grey-900);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width: 1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width: 1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width: 1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}}@media (min-width: 1024px){.spw-header-navigation-item__top{display:none}}.spw-header-navigation-item--is-megamenu{position:static}@media (min-width: 1024px){.spw-header-navigation-item--is-megamenu ::slotted(a){position:static}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){width:100vw;left:50%;transform:translateX(-50%);top:100%;display:flex;box-shadow:none;background:white;border-top:1px solid var(--spw-colors-support-grey-grey-300);border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){margin-left:0 !important;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu{width:20%;padding:16px !important}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:0 !important}:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a):after{display:none}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;left:0;top:0;padding:8px 0 !important;background:none;box-shadow:none;transition:opacity 0.1s ease-in;z-index:38}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){position:relative;left:0}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:6px 16px !important;font-size:14px;font-weight:normal;border-left:1px solid var(--spw-colors-support-grey-grey-300) !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:hover){text-decoration:underline !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:active){color:var(--spw-ds-active) !important}}';export{n as spw_header_navigation_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,a as s}from"./p-
|
|
1
|
+
import{r as e,h as t,H as i,a as s}from"./p-Co4V4Zk-.js";const o=class{constructor(t){e(this,t),this.href="",this.surface="light"}surfaceChanged(){this.updateSurfaceClass()}componentWillLoad(){this.getSurfaceFromParent()}getSurfaceFromParent(){let e=this.el.parentElement;for(;e;){if("spw-breadcrumb"===e.tagName.toLowerCase()){this.surface=e.getAttribute("surface"),this.surface||(this.surface="light"),this.updateSurfaceClass();break}e=e.shadowRoot?e.shadowRoot.host:e.parentElement}}updateSurfaceClass(){this.el.classList.remove("spw-breadcrumb-item--light","spw-breadcrumb-item--dark"),this.el.classList.add(`spw-breadcrumb-item--${this.surface}`)}render(){return t(i,{key:"68661d36076f8e2ded2e0d3d438157e4bf5eeba7"},t("div",{key:"9bbabf1f3d7a3d5655b08670e4f021adc48c50c3",role:"listitem",class:`spw-breadcrumb-item spw-breadcrumb-item--${this.surface}`},this.href?t("spw-link",{href:this.href,surface:this.surface},t("slot",null)):t("span",{class:"spw-breadcrumb-item__text","aria-current":"page"},t("slot",null))))}get el(){return s(this)}static get watchers(){return{surface:[{surfaceChanged:0}]}}};o.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-breadcrumb-item{list-style:none;display:inline}.spw-breadcrumb-item__text{font-weight:700;color:var(--spw-color-themes-grey-grey-900)}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}.spw-breadcrumb-item spw-link{--spw-link-font-weight:400}:host(.spw-breadcrumb-item--light) .spw-breadcrumb-item spw-link{--spw-link-color:var(--spw-color-themes-grey-grey-900);--spw-link-hover-color:var(--spw-color-themes-grey-grey-900);--spw-link-active-color:var(--spw-color-themes-grey-grey-800)}";export{o as spw_breadcrumb_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,a as s}from"./p-
|
|
1
|
+
import{r as t,h as i,H as e,a as s}from"./p-Co4V4Zk-.js";const o=class{constructor(i){t(this,i),this.parentColsMobile=1,this.parentColsTablet=2,this.parentColsDesktop=3}componentDidLoad(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.addEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this)),this.applyColSpans()}disconnectedCallback(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.removeEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}colSpanChanged(){this.applyColSpans()}handleConfigurationChange(t){const{colsMobile:i,colsTablet:e,colsDesktop:s}=t.detail;this.parentColsMobile=i,this.parentColsTablet=e,this.parentColsDesktop=s,this.applyColSpans()}applyColSpans(){this.el.style.setProperty("--spw-mosaic-item-width-mobile",this.colSpanMobile?`calc(100% / ${this.parentColsMobile} * ${this.colSpanMobile})`:`calc(100% / ${this.parentColsMobile})`),this.el.style.setProperty("--spw-mosaic-item-width-tablet",this.colSpanTablet?`calc(100% / ${this.parentColsTablet} * ${this.colSpanTablet})`:`calc(100% / ${this.parentColsTablet})`),this.el.style.setProperty("--spw-mosaic-item-width-desktop",this.colSpanDesktop?`calc(100% / ${this.parentColsDesktop} * ${this.colSpanDesktop})`:`calc(100% / ${this.parentColsDesktop})`)}render(){return i(e,{key:"82c0e3a358daf0c96c0c4799fdf208e6e22e0e88"},i("slot",{key:"5e094652b85b1fa2eddcf611b9e4fd74159fcbb3"}))}get el(){return s(this)}static get watchers(){return{colSpanMobile:[{colSpanChanged:0}],colSpanTablet:[{colSpanChanged:0}],colSpanDesktop:[{colSpanChanged:0}]}}};o.style='@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;width:var(--spw-mosaic-item-width-mobile);padding:0 12px !important;margin-bottom:24px !important}@media (min-width: 768px){:host{width:var(--spw-mosaic-item-width-tablet)}}@media (min-width: 1024px){:host{width:var(--spw-mosaic-item-width-desktop)}}.spw-mobile-1{--spw-mosaic-item-width-mobile:calc(100% / 1)}.spw-tablet-1{--spw-mosaic-item-width-tablet:calc(100% / 1)}.spw-desktop-1{--spw-mosaic-item-width-desktop:calc(100% / 1)}.spw-mobile-2{--spw-mosaic-item-width-mobile:calc(100% / 2)}.spw-tablet-2{--spw-mosaic-item-width-tablet:calc(100% / 2)}.spw-desktop-2{--spw-mosaic-item-width-desktop:calc(100% / 2)}.spw-mobile-3{--spw-mosaic-item-width-mobile:calc(100% / 3)}.spw-tablet-3{--spw-mosaic-item-width-tablet:calc(100% / 3)}.spw-desktop-3{--spw-mosaic-item-width-desktop:calc(100% / 3)}.spw-mobile-4{--spw-mosaic-item-width-mobile:calc(100% / 4)}.spw-tablet-4{--spw-mosaic-item-width-tablet:calc(100% / 4)}.spw-desktop-4{--spw-mosaic-item-width-desktop:calc(100% / 4)}.spw-mobile-5{--spw-mosaic-item-width-mobile:calc(100% / 5)}.spw-tablet-5{--spw-mosaic-item-width-tablet:calc(100% / 5)}.spw-desktop-5{--spw-mosaic-item-width-desktop:calc(100% / 5)}.spw-mobile-6{--spw-mosaic-item-width-mobile:calc(100% / 6)}.spw-tablet-6{--spw-mosaic-item-width-tablet:calc(100% / 6)}.spw-desktop-6{--spw-mosaic-item-width-desktop:calc(100% / 6)}.spw-mobile-7{--spw-mosaic-item-width-mobile:calc(100% / 7)}.spw-tablet-7{--spw-mosaic-item-width-tablet:calc(100% / 7)}.spw-desktop-7{--spw-mosaic-item-width-desktop:calc(100% / 7)}.spw-mobile-8{--spw-mosaic-item-width-mobile:calc(100% / 8)}.spw-tablet-8{--spw-mosaic-item-width-tablet:calc(100% / 8)}.spw-desktop-8{--spw-mosaic-item-width-desktop:calc(100% / 8)}.spw-mobile-9{--spw-mosaic-item-width-mobile:calc(100% / 9)}.spw-tablet-9{--spw-mosaic-item-width-tablet:calc(100% / 9)}.spw-desktop-9{--spw-mosaic-item-width-desktop:calc(100% / 9)}.spw-mobile-10{--spw-mosaic-item-width-mobile:calc(100% / 10)}.spw-tablet-10{--spw-mosaic-item-width-tablet:calc(100% / 10)}.spw-desktop-10{--spw-mosaic-item-width-desktop:calc(100% / 10)}.spw-mobile-11{--spw-mosaic-item-width-mobile:calc(100% / 11)}.spw-tablet-11{--spw-mosaic-item-width-tablet:calc(100% / 11)}.spw-desktop-11{--spw-mosaic-item-width-desktop:calc(100% / 11)}.spw-mobile-12{--spw-mosaic-item-width-mobile:calc(100% / 12)}.spw-tablet-12{--spw-mosaic-item-width-tablet:calc(100% / 12)}.spw-desktop-12{--spw-mosaic-item-width-desktop:calc(100% / 12)}';export{o as spw_mosaic_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as i}from"./p-
|
|
1
|
+
import{r as e,h as t,H as i}from"./p-Co4V4Zk-.js";const a=class{constructor(t){e(this,t),this.variant="default",this.surface="light",this.hasIcon=!0,this.target="_self",this.size="medium",this.iconVariant="fa-solid",this.iconPosition="left",this.getIcon=e=>{const t={default:"fa-bell",grey:"fa-ellipsis",blue:"fa-loader",green:"fa-check",orange:"fa-triangle-exclamation",red:"fa-octagon-xmark",purple:"fa-sparkles"};return t[e]||t.default}}get elementClass(){return{"spw-tag":!0,"spw-tag--hoverable":!!this.href,"spw-tag--icon":this.hasIcon,[`spw-tag--${this.variant}`]:!0,[`spw-tag--size-${this.size}`]:!0,[`spw-tag--surface-${this.surface}`]:!0}}render(){const{href:e,target:a}=this,s=void 0===this.href?"div":"a",o="div"===s?{}:{href:e,target:a},n=this.icon||this.getIcon(this.variant),r=this.hasIcon?t("spw-icon",{variant:this.iconVariant,icon:n}):null;return t(i,{key:"66fefcbc20cb9c4a48fc12a274db74e7eed9fe9e"},t(s,Object.assign({key:"0359073291695253e18cb626cfdd97de3b14ca37"},o,{class:this.elementClass}),"left"===this.iconPosition&&r,t("slot",{key:"ed3d5252033a336f38eb9f9bf5e9a5417b857f18"}),"right"===this.iconPosition&&r))}};a.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block;--spw-tag-padding-extra-small:6px 8px;--spw-tag-padding-small:6px 10px;--spw-tag-padding-medium:6px 10px;--spw-tag-padding-large:6px 10px}.spw-tag{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;border-radius:999px;border:1px solid transparent;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all linear 0.2s}.spw-tag--hoverable:hover{transform:translateY(-3px)}.spw-tag--default{background:#fff;color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-300)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.15)}.spw-tag--size-extra-small{font-size:12px;line-height:11px;padding:var(--spw-tag-padding-extra-small);gap:4px}.spw-tag--size-small{font-size:14px;line-height:13px;padding:var(--spw-tag-padding-small);gap:4px}.spw-tag--size-medium{font-size:16px;line-height:15px;padding:var(--spw-tag-padding-medium)}.spw-tag--size-large{font-size:18px;line-height:17px;padding:var(--spw-tag-padding-large)}";export{a as spw_tag}
|