@getflip/swirl-components-react 0.77.1 → 0.79.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/{file-manager.entry.44e62adf.js → file-manager.entry.55e7a3c0.js} +4 -4
- package/dist/{index.51adadce.js → index.94fbfdea.js} +250 -249
- package/dist/stencil-generated/index.d.ts +1 -0
- package/dist/{swirl-action-list-section.entry.f454ad40.js → swirl-action-list-section.entry.75bb94c1.js} +1 -1
- package/dist/{swirl-action-list_3.entry.5f8b168b.js → swirl-action-list_3.entry.61b12e85.js} +1 -1
- package/dist/{swirl-app-bar.entry.ca129de3.js → swirl-app-bar.entry.b74b9fa5.js} +1 -1
- package/dist/{swirl-app-icon.entry.2ca8cbfc.js → swirl-app-icon.entry.ef6ce140.js} +1 -1
- package/dist/{swirl-app-layout_7.entry.c50049d7.js → swirl-app-layout_7.entry.67cf01f6.js} +5 -5
- package/dist/{swirl-autocomplete.entry.80568694.js → swirl-autocomplete.entry.8d49b596.js} +1 -1
- package/dist/{swirl-avatar-group.entry.e11c2b3d.js → swirl-avatar-group.entry.45ae85a3.js} +1 -1
- package/dist/{swirl-avatar.entry.be09b101.js → swirl-avatar.entry.db3cea92.js} +1 -1
- package/dist/{swirl-badge.entry.4a0137fb.js → swirl-badge.entry.ad6f8294.js} +1 -1
- package/dist/{swirl-banner.entry.850f44ab.js → swirl-banner.entry.ddc03c7c.js} +1 -1
- package/dist/{swirl-button-group.entry.da999e13.js → swirl-button-group.entry.68464daf.js} +1 -1
- package/dist/{swirl-button.entry.25062f89.js → swirl-button.entry.14ba8387.js} +4 -4
- package/dist/{swirl-card.entry.7b328b47.js → swirl-card.entry.c4bb6552.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.36b7e66d.js → swirl-carousel-slide.entry.00e7468f.js} +1 -1
- package/dist/{swirl-carousel.entry.a73e6911.js → swirl-carousel.entry.d43e17c3.js} +1 -1
- package/dist/{swirl-checkbox.entry.1eb667d4.js → swirl-checkbox.entry.8477608a.js} +1 -1
- package/dist/{swirl-chip.entry.a8c2b898.js → swirl-chip.entry.ddd93c9c.js} +1 -1
- package/dist/{swirl-columns.entry.cf31fa97.js → swirl-columns.entry.50363d6c.js} +1 -1
- package/dist/swirl-components-react.js +181 -180
- package/dist/swirl-components-react.umd.cjs +50 -50
- package/dist/{swirl-console-layout.entry.d1834b42.js → swirl-console-layout.entry.1607b9f6.js} +1 -1
- package/dist/{swirl-date-input.entry.eaca736d.js → swirl-date-input.entry.d1ae598c.js} +11 -11
- package/dist/{swirl-date-picker_2.entry.9527705a.js → swirl-date-picker_2.entry.52d5f0bd.js} +1 -1
- package/dist/{swirl-description-list-item.entry.73997381.js → swirl-description-list-item.entry.a65d525e.js} +1 -1
- package/dist/{swirl-description-list.entry.01c15128.js → swirl-description-list.entry.252af999.js} +1 -1
- package/dist/{swirl-dialog.entry.9567e12a.js → swirl-dialog.entry.952b7414.js} +1 -1
- package/dist/{swirl-file-uploader.entry.c7b6f4fe.js → swirl-file-uploader.entry.bb840126.js} +1 -1
- package/dist/{swirl-file-viewer_7.entry.b1e4282b.js → swirl-file-viewer_7.entry.d84d3209.js} +1 -1
- package/dist/{swirl-form-control.entry.0341afe3.js → swirl-form-control.entry.dec6c533.js} +1 -1
- package/dist/{swirl-form-group.entry.12e4aac6.js → swirl-form-group.entry.86723d64.js} +1 -1
- package/dist/{swirl-heading.entry.7681dda9.js → swirl-heading.entry.2c7cbf31.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.ef5352d7.js → swirl-icon-add-photo.entry.13bbe0fd.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.6c73f039.js → swirl-icon-add_6.entry.5b4b1a1d.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.b0b3d019.js → swirl-icon-admin-panel-settings.entry.b51f2ab4.js} +1 -1
- package/dist/{swirl-icon-ai.entry.e2ffad8c.js → swirl-icon-ai.entry.e170d62a.js} +1 -1
- package/dist/{swirl-icon-arrow-back.entry.e3d9c439.js → swirl-icon-arrow-back.entry.e5278c54.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.402f29de.js → swirl-icon-arrow-downward_2.entry.8080eb6e.js} +1 -1
- package/dist/{swirl-icon-arrow-forward.entry.2138cb29.js → swirl-icon-arrow-forward.entry.5d05f1ae.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.4c84bc76.js → swirl-icon-arrow-left_4.entry.d3cca20b.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.398cfe13.js → swirl-icon-arrow-right-small.entry.97a08daf.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.5cd6ee4c.js → swirl-icon-attachment.entry.457add11.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.5e1eb121.js → swirl-icon-bar-chart.entry.65138572.js} +1 -1
- package/dist/{swirl-icon-block.entry.2f59c5f6.js → swirl-icon-block.entry.2da6fa31.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.cd5ab102.js → swirl-icon-bookmark.entry.15c30493.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.1afdd6f5.js → swirl-icon-cancel_4.entry.48e0db50.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.91d70139.js → swirl-icon-chat-bubble.entry.5106bb4c.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.30acd4cf.js → swirl-icon-chats-filled.entry.d3467a0d.js} +1 -1
- package/dist/{swirl-icon-chats-outlined.entry.13aedf65.js → swirl-icon-chats-outlined.entry.af93f1fd.js} +1 -1
- package/dist/{swirl-icon-check-circle_3.entry.dba10c6c.js → swirl-icon-check-circle_3.entry.206c38a8.js} +1 -1
- package/dist/{swirl-icon-check-small_3.entry.5b48214c.js → swirl-icon-check-small_3.entry.c32b3895.js} +1 -1
- package/dist/{swirl-icon-check-strong.entry.1cd14f93.js → swirl-icon-check-strong.entry.480ef812.js} +1 -1
- package/dist/{swirl-icon-check.entry.23d8b882.js → swirl-icon-check.entry.f919ce26.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.90aaa23a.js → swirl-icon-chevron-left.entry.f382e9d4.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.4f1bc15e.js → swirl-icon-chevron-right.entry.4051fbb0.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.f11fdcb3.js → swirl-icon-close-small.entry.fcd1f8f2.js} +1 -1
- package/dist/{swirl-icon-close.entry.17e97e63.js → swirl-icon-close.entry.c62c2c78.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.153a945a.js → swirl-icon-cloud-upload.entry.27d7d52f.js} +1 -1
- package/dist/{swirl-icon-column.entry.0e91f6c7.js → swirl-icon-column.entry.c28f72af.js} +1 -1
- package/dist/{swirl-icon-comment.entry.1d89666e.js → swirl-icon-comment.entry.ce1646ac.js} +1 -1
- package/dist/{swirl-icon-copy.entry.9639a698.js → swirl-icon-copy.entry.c142f8f7.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.2abce0c3.js → swirl-icon-date-range.entry.092262a7.js} +1 -1
- package/dist/{swirl-icon-delete.entry.a7d6cefd.js → swirl-icon-delete.entry.9fdf6933.js} +1 -1
- package/dist/{swirl-icon-description.entry.45a8e76d.js → swirl-icon-description.entry.2507dd07.js} +1 -1
- package/dist/{swirl-icon-double-arrow-left.entry.a46a873b.js → swirl-icon-double-arrow-left.entry.9128d310.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.50197f37.js → swirl-icon-double-arrow-right.entry.e4ff7054.js} +1 -1
- package/dist/{swirl-icon-download.entry.0d721fcf.js → swirl-icon-download.entry.0c272e50.js} +1 -1
- package/dist/{swirl-icon-edit.entry.db76901a.js → swirl-icon-edit.entry.6d043485.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.343c1f18.js → swirl-icon-emoji-mood.entry.c4285101.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.be0f1293.js → swirl-icon-emoji-satisfied.entry.b8acf9ff.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.0eacef64.js → swirl-icon-error_3.entry.14a7b541.js} +1 -1
- package/dist/{swirl-icon-expand-more.entry.eaa4e1d6.js → swirl-icon-expand-more.entry.3382329f.js} +1 -1
- package/dist/{swirl-icon-filter.entry.eeecf76f.js → swirl-icon-filter.entry.42b44d86.js} +1 -1
- package/dist/{swirl-icon-folder.entry.fa2506a1.js → swirl-icon-folder.entry.566f5009.js} +1 -1
- package/dist/{swirl-icon-gif.entry.c57af2a3.js → swirl-icon-gif.entry.d9404d2d.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.df8848e2.js → swirl-icon-group-assign.entry.5b72a36c.js} +1 -1
- package/dist/{swirl-icon-groups-custom.entry.e06098a1.js → swirl-icon-groups-custom.entry.63b7e412.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.d511b8bc.js → swirl-icon-groups-filled.entry.c26c0bb5.js} +1 -1
- package/dist/{swirl-icon-groups-outlined.entry.d00d877c.js → swirl-icon-groups-outlined.entry.71fa1aee.js} +1 -1
- package/dist/{swirl-icon-groups.entry.da14c5f4.js → swirl-icon-groups.entry.137c6f70.js} +1 -1
- package/dist/{swirl-icon-help.entry.dbb4ec8c.js → swirl-icon-help.entry.0ea542bc.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.19d11dd7.js → swirl-icon-highlight.entry.5e2c6345.js} +1 -1
- package/dist/{swirl-icon-home.entry.500d31a5.js → swirl-icon-home.entry.c0bbb3bf.js} +1 -1
- package/dist/{swirl-icon-image.entry.483b19ee.js → swirl-icon-image.entry.4871b2cb.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.81f08246.js → swirl-icon-improve-text.entry.2608188f.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.7d1681bb.js → swirl-icon-insert-below.entry.7bf356c5.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.ee95ae0e.js → swirl-icon-insert-on-top.entry.2fbd6667.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.1607c85e.js → swirl-icon-inventory.entry.e5afc0d8.js} +1 -1
- package/dist/{swirl-icon-like.entry.31885eae.js → swirl-icon-like.entry.099180c5.js} +1 -1
- package/dist/{swirl-icon-link.entry.0476ef27.js → swirl-icon-link.entry.adcc819b.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.9f6c2159.js → swirl-icon-lock-person.entry.4670bf07.js} +1 -1
- package/dist/{swirl-icon-lock.entry.36b99d3b.js → swirl-icon-lock.entry.40fa816c.js} +1 -1
- package/dist/{swirl-icon-logout.entry.7b5f6e02.js → swirl-icon-logout.entry.d3c50dc7.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.ebbacc69.js → swirl-icon-long-text.entry.e61704e1.js} +1 -1
- package/dist/{swirl-icon-mail.entry.8f1f7d8b.js → swirl-icon-mail.entry.0aeceb5a.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.ca0b3a64.js → swirl-icon-manage-accounts.entry.e7fffdf0.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.743ec0e6.js → swirl-icon-mark-chat-read.entry.676d4997.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.f2584725.js → swirl-icon-mark-chat-unread.entry.4713881a.js} +1 -1
- package/dist/{swirl-icon-mention.entry.5d837b01.js → swirl-icon-mention.entry.19c6ce3c.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.adb97300.js → swirl-icon-menu-filled.entry.d43cc175.js} +1 -1
- package/dist/{swirl-icon-menu-outlined.entry.b1419e8a.js → swirl-icon-menu-outlined.entry.55878780.js} +1 -1
- package/dist/{swirl-icon-menu.entry.08216c87.js → swirl-icon-menu.entry.c690406c.js} +1 -1
- package/dist/{swirl-icon-message.entry.edaef37c.js → swirl-icon-message.entry.cb474fb5.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.9ef3cbb7.js → swirl-icon-more-horizontal.entry.a20e52df.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.e6769e71.js → swirl-icon-news-filled.entry.3a777826.js} +1 -1
- package/dist/{swirl-icon-news-outlined.entry.288dad3a.js → swirl-icon-news-outlined.entry.02083b46.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.51899c91.js → swirl-icon-notifications-active.entry.8288a53e.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.48590f61.js → swirl-icon-notifications-off.entry.934ce288.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.3497823f.js → swirl-icon-notifications.entry.9955d7bb.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.12ba495b.js → swirl-icon-open-in-new.entry.c40a836b.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.62af5ae7.js → swirl-icon-people-alt.entry.7725c5b1.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.5b7d29cd.js → swirl-icon-person-off.entry.6de2b404.js} +1 -1
- package/dist/{swirl-icon-person.entry.22dc5337.js → swirl-icon-person.entry.f8b131a3.js} +1 -1
- package/dist/{swirl-icon-phone.entry.6c724a6c.js → swirl-icon-phone.entry.21c4b495.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.48dba4d9.js → swirl-icon-play-arrow.entry.d3ef4a47.js} +1 -1
- package/dist/{swirl-icon-poll.entry.614260e2.js → swirl-icon-poll.entry.86881424.js} +1 -1
- package/dist/{swirl-icon-print.entry.91c13ca0.js → swirl-icon-print.entry.f7a0c069.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.9e554f75.js → swirl-icon-recieved.entry.ba91d472.js} +1 -1
- package/dist/{swirl-icon-reply.entry.d8a85eaa.js → swirl-icon-reply.entry.fb9d6c87.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.b6e10602.js → swirl-icon-roadmap.entry.29a77ccb.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.40f9158e.js → swirl-icon-search-strong.entry.e2695620.js} +1 -1
- package/dist/{swirl-icon-search.entry.6dc14572.js → swirl-icon-search.entry.15206d36.js} +1 -1
- package/dist/{swirl-icon-send.entry.96d14673.js → swirl-icon-send.entry.d1edfca4.js} +1 -1
- package/dist/{swirl-icon-settings.entry.6aeb0369.js → swirl-icon-settings.entry.d81268db.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.55a479c7.js → swirl-icon-short-text.entry.4ad83388.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.a88aa2e8.js → swirl-icon-simplify.entry.446e0ddc.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.ab61ba3f.js → swirl-icon-spellcheck.entry.ca6b9398.js} +1 -1
- package/dist/{swirl-icon-sync.entry.bcd37cb3.js → swirl-icon-sync.entry.87d674b3.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.6978e062.js → swirl-icon-tasks-filled.entry.d14afbc0.js} +1 -1
- package/dist/{swirl-icon-tasks-outlined.entry.615088c4.js → swirl-icon-tasks-outlined.entry.989c24a5.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.7fe4a402.js → swirl-icon-time-filled.entry.f5186640.js} +1 -1
- package/dist/{swirl-icon-time-outlined.entry.c8bdd13a.js → swirl-icon-time-outlined.entry.889ef45b.js} +1 -1
- package/dist/{swirl-icon-undo.entry.d9400759.js → swirl-icon-undo.entry.fa765931.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.919df3a3.js → swirl-icon-unlock-person.entry.5ce1184a.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.64598c7a.js → swirl-icon-user-assign.entry.4520db57.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.d0d5d5c5.js → swirl-icon-video-camera.entry.f82ac1bd.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.31c8ebcc.js → swirl-icon-video-library.entry.4819eb34.js} +1 -1
- package/dist/{swirl-icon-voice.entry.8a6949ae.js → swirl-icon-voice.entry.cb9e6cbb.js} +1 -1
- package/dist/{swirl-icon.entry.cc801b8c.js → swirl-icon.entry.40024863.js} +1 -1
- package/dist/{swirl-image-grid-item.entry.7b7b54da.js → swirl-image-grid-item.entry.d4fb388e.js} +1 -1
- package/dist/{swirl-image-grid.entry.593df0e0.js → swirl-image-grid.entry.788697a4.js} +1 -1
- package/dist/{swirl-inline-notification.entry.fd64f12b.js → swirl-inline-notification.entry.c5374c47.js} +1 -1
- package/dist/{swirl-inline-status.entry.d6a67c96.js → swirl-inline-status.entry.3af555b7.js} +1 -1
- package/dist/{swirl-lightbox.entry.48f65973.js → swirl-lightbox.entry.78600feb.js} +2 -2
- package/dist/{swirl-link.entry.dca0cf30.js → swirl-link.entry.e419a8ef.js} +1 -1
- package/dist/{swirl-list.entry.0b2edd13.js → swirl-list.entry.c1d28ae0.js} +1 -1
- package/dist/{swirl-menu-item.entry.a2b2f615.js → swirl-menu-item.entry.d6357ab3.js} +1 -1
- package/dist/{swirl-menu.entry.5e4efacb.js → swirl-menu.entry.b6700220.js} +1 -1
- package/dist/{swirl-modal.entry.df576651.js → swirl-modal.entry.7c8fbbd7.js} +1 -1
- package/dist/{swirl-option-list-section.entry.63b3432d.js → swirl-option-list-section.entry.a6d03840.js} +1 -1
- package/dist/{swirl-option-list.entry.bd592523.js → swirl-option-list.entry.2d856c34.js} +1 -1
- package/dist/{swirl-pagination.entry.b9e14370.js → swirl-pagination.entry.d129e9ce.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.8434238c.js → swirl-pdf-reader.entry.e3905a4c.js} +7 -7
- package/dist/{swirl-popover.entry.062f979d.js → swirl-popover_2.entry.50107720.js} +108 -48
- package/dist/{swirl-progress-indicator.entry.3ab28fc3.js → swirl-progress-indicator.entry.b658a1c5.js} +1 -1
- package/dist/{swirl-radio-group.entry.50683f8e.js → swirl-radio-group.entry.b3477ee2.js} +1 -1
- package/dist/{swirl-radio.entry.08007e2f.js → swirl-radio.entry.afdd1a8a.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.c2ea3edc.js → swirl-resource-list-file-item.entry.186c3537.js} +1 -1
- package/dist/{swirl-search.entry.02cdd220.js → swirl-search.entry.28d06ec6.js} +1 -1
- package/dist/{swirl-select.entry.86002ee4.js → swirl-select.entry.7f7674ee.js} +9 -9
- package/dist/{swirl-shell-layout.entry.d02bb615.js → swirl-shell-layout.entry.2fdc4617.js} +1 -1
- package/dist/{swirl-shell-navigation-item.entry.f5c3894c.js → swirl-shell-navigation-item.entry.8a325f21.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.532731af.js → swirl-skeleton-box.entry.5bb11ff2.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.3d691b6e.js → swirl-skeleton-text.entry.a5e7665b.js} +1 -1
- package/dist/{swirl-stack.entry.ca550e3b.js → swirl-stack.entry.b708885c.js} +1 -1
- package/dist/{swirl-status-indicator.entry.204296ad.js → swirl-status-indicator.entry.a4c45d7e.js} +1 -1
- package/dist/{swirl-switch.entry.0dcc4142.js → swirl-switch.entry.284a7490.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.3ce37c28.js → swirl-symbol-account-circle.entry.9a7337c8.js} +1 -1
- package/dist/{swirl-symbol-alternate-email.entry.8556d1dc.js → swirl-symbol-alternate-email.entry.9c67b360.js} +1 -1
- package/dist/{swirl-symbol-android.entry.80aab0f1.js → swirl-symbol-android.entry.9a368b5d.js} +1 -1
- package/dist/{swirl-symbol-announcement.entry.96981499.js → swirl-symbol-announcement.entry.487d8dd3.js} +1 -1
- package/dist/{swirl-symbol-backup.entry.167e360d.js → swirl-symbol-backup.entry.591036db.js} +1 -1
- package/dist/{swirl-symbol-beach-access.entry.3ac748cb.js → swirl-symbol-beach-access.entry.c06bc5aa.js} +1 -1
- package/dist/{swirl-symbol-bookmark.entry.547e1a90.js → swirl-symbol-bookmark.entry.5293e033.js} +1 -1
- package/dist/{swirl-symbol-cloud.entry.06e70805.js → swirl-symbol-cloud.entry.a71bd263.js} +1 -1
- package/dist/{swirl-symbol-coronavirus.entry.59523ea1.js → swirl-symbol-coronavirus.entry.0d061632.js} +1 -1
- package/dist/{swirl-symbol-desktop-windows.entry.e4ae8095.js → swirl-symbol-desktop-windows.entry.38fc0703.js} +1 -1
- package/dist/{swirl-symbol-directions-car-filled.entry.82858d08.js → swirl-symbol-directions-car-filled.entry.5819a741.js} +1 -1
- package/dist/{swirl-symbol-edit-calendar.entry.f33544c2.js → swirl-symbol-edit-calendar.entry.bce1d870.js} +1 -1
- package/dist/{swirl-symbol-email.entry.5969ecdf.js → swirl-symbol-email.entry.cdf40eda.js} +1 -1
- package/dist/{swirl-symbol-emoji-food-beverage.entry.eb9aa1ab.js → swirl-symbol-emoji-food-beverage.entry.ccf9e097.js} +1 -1
- package/dist/{swirl-symbol-event-menu.entry.3e227223.js → swirl-symbol-event-menu.entry.eb49728f.js} +1 -1
- package/dist/{swirl-symbol-facebook.entry.fadda2cf.js → swirl-symbol-facebook.entry.c7beea69.js} +1 -1
- package/dist/{swirl-symbol-favorite.entry.606972ed.js → swirl-symbol-favorite.entry.32990d40.js} +1 -1
- package/dist/{swirl-symbol-fitness-center.entry.b39ac8b4.js → swirl-symbol-fitness-center.entry.6d406704.js} +1 -1
- package/dist/{swirl-symbol-flag.entry.17fc5779.js → swirl-symbol-flag.entry.438df703.js} +1 -1
- package/dist/{swirl-symbol-folder.entry.89cff6d7.js → swirl-symbol-folder.entry.e97bdffa.js} +1 -1
- package/dist/{swirl-symbol-globe.entry.dff9718c.js → swirl-symbol-globe.entry.6a7a6d5c.js} +1 -1
- package/dist/{swirl-symbol-groups.entry.e6a185b7.js → swirl-symbol-groups.entry.c6508243.js} +1 -1
- package/dist/{swirl-symbol-help.entry.ec9e313d.js → swirl-symbol-help.entry.41784fec.js} +1 -1
- package/dist/{swirl-symbol-image.entry.6998ff30.js → swirl-symbol-image.entry.920587f9.js} +1 -1
- package/dist/{swirl-symbol-info-menu.entry.3ee3e7ad.js → swirl-symbol-info-menu.entry.56ac0b91.js} +1 -1
- package/dist/{swirl-symbol-instagram.entry.c0c82bd3.js → swirl-symbol-instagram.entry.0e3e98e0.js} +1 -1
- package/dist/{swirl-symbol-ios.entry.6d3b39e8.js → swirl-symbol-ios.entry.f8e472ef.js} +1 -1
- package/dist/{swirl-symbol-language.entry.ffc39b62.js → swirl-symbol-language.entry.dffc4867.js} +1 -1
- package/dist/{swirl-symbol-leaderboard.entry.724bd276.js → swirl-symbol-leaderboard.entry.a4f0de24.js} +1 -1
- package/dist/{swirl-symbol-lightbulb.entry.9e1d0775.js → swirl-symbol-lightbulb.entry.de19382d.js} +1 -1
- package/dist/{swirl-symbol-linkedin.entry.75cba43b.js → swirl-symbol-linkedin.entry.39b22543.js} +1 -1
- package/dist/{swirl-symbol-location-on.entry.dcead164.js → swirl-symbol-location-on.entry.ec64a88b.js} +1 -1
- package/dist/{swirl-symbol-loyalty.entry.da03fc32.js → swirl-symbol-loyalty.entry.a96fc44b.js} +1 -1
- package/dist/{swirl-symbol-maps-home-work.entry.801eb2e7.js → swirl-symbol-maps-home-work.entry.f80d0fd5.js} +1 -1
- package/dist/{swirl-symbol-notifications.entry.63e10c2c.js → swirl-symbol-notifications.entry.6f67d8ef.js} +1 -1
- package/dist/{swirl-symbol-open-in-new.entry.09790b52.js → swirl-symbol-open-in-new.entry.2d2631fc.js} +1 -1
- package/dist/{swirl-symbol-pedal-bike.entry.6f579205.js → swirl-symbol-pedal-bike.entry.45e7b974.js} +1 -1
- package/dist/{swirl-symbol-pinterest.entry.2aa8c8a3.js → swirl-symbol-pinterest.entry.628c90df.js} +1 -1
- package/dist/{swirl-symbol-policy.entry.1e954f36.js → swirl-symbol-policy.entry.499fd430.js} +1 -1
- package/dist/{swirl-symbol-push-pin.entry.cb9bfc94.js → swirl-symbol-push-pin.entry.c390939d.js} +1 -1
- package/dist/{swirl-symbol-redeem.entry.3f249258.js → swirl-symbol-redeem.entry.63fe9913.js} +1 -1
- package/dist/{swirl-symbol-report-problem.entry.168d803a.js → swirl-symbol-report-problem.entry.6d28a5b6.js} +1 -1
- package/dist/{swirl-symbol-restaurant.entry.3039b2cf.js → swirl-symbol-restaurant.entry.5844a023.js} +1 -1
- package/dist/{swirl-symbol-roadmap.entry.ef8f928c.js → swirl-symbol-roadmap.entry.1dbd757e.js} +1 -1
- package/dist/{swirl-symbol-room.entry.f4753ea8.js → swirl-symbol-room.entry.114695c0.js} +1 -1
- package/dist/{swirl-symbol-savings.entry.60e43c80.js → swirl-symbol-savings.entry.e27664d6.js} +1 -1
- package/dist/{swirl-symbol-settings-voice.entry.29c6f393.js → swirl-symbol-settings-voice.entry.e46c3d88.js} +1 -1
- package/dist/{swirl-symbol-shopping-cart.entry.6e8b3d81.js → swirl-symbol-shopping-cart.entry.485f03ec.js} +1 -1
- package/dist/{swirl-symbol-smartphone.entry.db631fd4.js → swirl-symbol-smartphone.entry.13e84582.js} +1 -1
- package/dist/{swirl-symbol-star.entry.7aa7a2f1.js → swirl-symbol-star.entry.7211dca9.js} +1 -1
- package/dist/{swirl-symbol-supervisor-account.entry.28b6eaf4.js → swirl-symbol-supervisor-account.entry.2c50e116.js} +1 -1
- package/dist/{swirl-symbol-thumbs-up-down.entry.d933aec9.js → swirl-symbol-thumbs-up-down.entry.8aba9c29.js} +1 -1
- package/dist/{swirl-symbol-twitter.entry.0b499f53.js → swirl-symbol-twitter.entry.178cd618.js} +1 -1
- package/dist/{swirl-symbol-wb-sunny.entry.d68f58ff.js → swirl-symbol-wb-sunny.entry.74165912.js} +1 -1
- package/dist/{swirl-symbol-wechat.entry.b3410ec3.js → swirl-symbol-wechat.entry.15881cce.js} +1 -1
- package/dist/{swirl-symbol-weibo.entry.d1d23609.js → swirl-symbol-weibo.entry.c9f2cc77.js} +1 -1
- package/dist/{swirl-symbol-work.entry.8b1801f1.js → swirl-symbol-work.entry.f1eee999.js} +1 -1
- package/dist/{swirl-symbol-xing.entry.482defb8.js → swirl-symbol-xing.entry.c4cf484b.js} +1 -1
- package/dist/{swirl-symbol-youtube.entry.f88e0e33.js → swirl-symbol-youtube.entry.1b8d7746.js} +1 -1
- package/dist/{swirl-symbol.entry.d6465429.js → swirl-symbol.entry.229a86aa.js} +1 -1
- package/dist/{swirl-tab-bar.entry.6e3a0372.js → swirl-tab-bar.entry.aaadfc2e.js} +1 -1
- package/dist/{swirl-tab.entry.f5853f16.js → swirl-tab.entry.3cc3549e.js} +1 -1
- package/dist/{swirl-table-cell.entry.761c02e7.js → swirl-table-cell.entry.eb19eec0.js} +1 -1
- package/dist/{swirl-table-column.entry.a03041ce.js → swirl-table-column.entry.906c29f8.js} +1 -1
- package/dist/{swirl-table-row-group.entry.87f98cc8.js → swirl-table-row-group.entry.6775f20e.js} +1 -1
- package/dist/{swirl-table-row.entry.51c531d4.js → swirl-table-row.entry.c55ee1e9.js} +1 -1
- package/dist/{swirl-table.entry.0b9d24b5.js → swirl-table.entry.3fe2911a.js} +1 -1
- package/dist/{swirl-tabs.entry.bff22811.js → swirl-tabs.entry.cedcf0a3.js} +1 -1
- package/dist/{swirl-tag.entry.fdeef241.js → swirl-tag.entry.bafd55c2.js} +1 -1
- package/dist/{swirl-text-input.entry.bcd2c41d.js → swirl-text-input.entry.5b79271a.js} +1 -1
- package/dist/{swirl-text.entry.e611e04d.js → swirl-text.entry.45622af0.js} +1 -1
- package/dist/{swirl-theme-provider.entry.f15326d8.js → swirl-theme-provider.entry.3fcf52ce.js} +1 -1
- package/dist/{swirl-time-input.entry.81a3354a.js → swirl-time-input.entry.b8c3f764.js} +1 -1
- package/dist/{swirl-toast-provider.entry.36926ad7.js → swirl-toast-provider.entry.42550693.js} +1 -1
- package/dist/{swirl-toast.entry.cd9a94b5.js → swirl-toast.entry.327203fa.js} +1 -1
- package/dist/{swirl-tooltip.entry.1f7b7890.js → swirl-tooltip.entry.1cd3b0a6.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.c98d9c3b.js → swirl-tree-navigation-item.entry.58227965.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.2af8eec5.js → swirl-video-thumbnail.entry.e12c4c5a.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.89d24917.js → swirl-visually-hidden.entry.040c334b.js} +1 -1
- package/dist/{wc-datepicker.entry.d4be20a2.js → wc-datepicker.entry.654ea7c2.js} +1 -1
- package/package.json +2 -2
|
@@ -1,87 +1,96 @@
|
|
|
1
|
-
import { r as h, c as p, h as
|
|
2
|
-
import { o as l, s as c, f, c as
|
|
1
|
+
import { r as h, c as p, h as n, H as v, g } from "./index.94fbfdea.js";
|
|
2
|
+
import { o as l, s as c, f as m, c as u, a as f } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
|
|
3
3
|
import { d as b, e as _ } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
4
|
import { c as y } from "./index-d280dafb.186cdb0e.js";
|
|
5
|
-
import { i as a, a as
|
|
5
|
+
import { i as a, a as w, q as d } from "./utils-bc84f36e.1fee9865.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
|
-
const
|
|
9
|
-
constructor(
|
|
10
|
-
h(this,
|
|
11
|
-
|
|
12
|
-
}, this.onKeydown = (
|
|
13
|
-
|
|
8
|
+
const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-1)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", E = class {
|
|
9
|
+
constructor(e) {
|
|
10
|
+
h(this, e), this.popoverClose = p(this, "popoverClose", 7), this.popoverOpen = p(this, "popoverOpen", 7), this.toggle = (o) => {
|
|
11
|
+
o.stopPropagation(), this.active ? this.close() : this.open();
|
|
12
|
+
}, this.onKeydown = (o) => {
|
|
13
|
+
o.code === "Escape" && this.active && (o.stopPropagation(), this.close());
|
|
14
14
|
}, this.reposition = async () => {
|
|
15
|
-
const
|
|
15
|
+
const o = a();
|
|
16
16
|
if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer))
|
|
17
17
|
return;
|
|
18
|
-
if (
|
|
18
|
+
if (o) {
|
|
19
19
|
this.position = void 0;
|
|
20
20
|
return;
|
|
21
21
|
}
|
|
22
|
-
const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [l(t), c(),
|
|
23
|
-
this.position = await
|
|
22
|
+
const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [l(t), c(), m()] : [l(t), c()];
|
|
23
|
+
this.position = await u(this.triggerEl, this.contentContainer, {
|
|
24
24
|
middleware: i,
|
|
25
25
|
placement: this.placement,
|
|
26
26
|
strategy: "fixed"
|
|
27
27
|
});
|
|
28
28
|
}, this.onCloseButtonClick = () => {
|
|
29
29
|
this.close();
|
|
30
|
-
}, this.animation = "scale-in-xy", this.disableScrollLock = void 0, this.enableFlip = !0, this.fullscreenBottomSheet = void 0, this.label = void 0, this.maxHeight = "22rem", this.offset = 8, this.
|
|
30
|
+
}, this.animation = "scale-in-xy", this.disableScrollLock = void 0, this.enableFlip = !0, this.fullscreenBottomSheet = void 0, this.label = void 0, this.maxHeight = "22rem", this.offset = 8, this.popoverId = void 0, this.placement = "bottom-start", this.trigger = void 0, this.triggerContainer = void 0, this.useContainerWidth = void 0, this.active = !1, this.closing = !1, this.position = void 0;
|
|
31
31
|
}
|
|
32
32
|
componentDidLoad() {
|
|
33
|
-
this.connectTrigger(), this.
|
|
33
|
+
this.connectTrigger(), this.updateTriggerAttributes(), Boolean(this.trigger) && console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs');
|
|
34
34
|
}
|
|
35
35
|
disconnectedCallback() {
|
|
36
36
|
this.unlockBodyScroll();
|
|
37
37
|
}
|
|
38
|
-
onWindowFocusIn(
|
|
38
|
+
onWindowFocusIn(e) {
|
|
39
|
+
var o;
|
|
39
40
|
if (!this.active)
|
|
40
41
|
return;
|
|
41
|
-
const
|
|
42
|
-
!this.el.contains(
|
|
42
|
+
const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), i = e.target, r = e.relatedTarget, s = w();
|
|
43
|
+
!this.el.contains(i) && !this.el.contains(s) && i !== this.triggerEl && !(!((o = this.triggerEl) === null || o === void 0) && o.contains(i)) && (!t || t && !this.el.contains(r || i) && r !== this.el) && this.close();
|
|
43
44
|
}
|
|
44
|
-
onWindowClick(
|
|
45
|
+
onWindowClick(e) {
|
|
45
46
|
if (!this.active)
|
|
46
47
|
return;
|
|
47
|
-
const
|
|
48
|
+
const o = e.target, t = this.el.contains(o), i = e.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = o === this.triggerEl;
|
|
48
49
|
!t && !i && !r && this.close();
|
|
49
50
|
}
|
|
50
51
|
async close() {
|
|
51
|
-
var
|
|
52
|
+
var e;
|
|
52
53
|
this.closing || !this.active || (this.popoverClose.emit(), this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
|
|
53
54
|
this.active = !1, this.closing = !1, this.updateTriggerAttributes();
|
|
54
|
-
}, 150), this.unlockBodyScroll(), (
|
|
55
|
+
}, 150), this.unlockBodyScroll(), (e = this.getNativeTriggerElement()) === null || e === void 0 || e.focus());
|
|
55
56
|
}
|
|
56
|
-
async open() {
|
|
57
|
-
this.
|
|
58
|
-
|
|
59
|
-
|
|
57
|
+
async open(e) {
|
|
58
|
+
if (this.triggerEl = e || this.triggerEl, this.active || !Boolean(this.triggerEl))
|
|
59
|
+
return;
|
|
60
|
+
this.adjustWidth(), this.active = !0, this.updateTriggerAttributes();
|
|
61
|
+
const o = this.getFocusableChildren();
|
|
62
|
+
requestAnimationFrame(async () => {
|
|
63
|
+
await this.reposition(), this.popoverOpen.emit({ position: this.position }), o.length > 0 ? o[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.triggerEl, this.contentContainer, () => this.reposition()), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
|
|
64
|
+
});
|
|
60
65
|
}
|
|
61
66
|
connectTrigger() {
|
|
62
|
-
|
|
63
|
-
this.
|
|
67
|
+
if (!Boolean(this.trigger)) {
|
|
68
|
+
this.triggerEl = void 0;
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
this.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
|
|
72
|
+
this.toggle(e);
|
|
64
73
|
});
|
|
65
74
|
}
|
|
66
75
|
getNativeTriggerElement() {
|
|
67
|
-
var o,
|
|
68
|
-
return this.triggerEl.tagName.startsWith("SWIRL-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((
|
|
76
|
+
var e, o, t, i;
|
|
77
|
+
return !((e = this.triggerEl) === null || e === void 0) && e.tagName.startsWith("SWIRL-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((i = (t = this.triggerEl) === null || t === void 0 ? void 0 : t.shadowRoot) === null || i === void 0 ? void 0 : i.children[0]) || this.triggerEl : this.triggerEl;
|
|
69
78
|
}
|
|
70
79
|
updateTriggerAttributes() {
|
|
71
80
|
if (!Boolean(this.triggerEl))
|
|
72
81
|
return;
|
|
73
|
-
const
|
|
74
|
-
|
|
82
|
+
const e = this.getNativeTriggerElement();
|
|
83
|
+
e.setAttribute("aria-controls", this.el.id), e.setAttribute("aria-expanded", String(this.active)), e.setAttribute("aria-haspopup", "dialog");
|
|
75
84
|
}
|
|
76
|
-
|
|
77
|
-
|
|
85
|
+
getFocusableChildren() {
|
|
86
|
+
return d(this.el, '[role="menuitem"], [role="listbox"]');
|
|
78
87
|
}
|
|
79
88
|
adjustWidth() {
|
|
80
|
-
let
|
|
81
|
-
[!0, "true"].includes(this.useContainerWidth) ?
|
|
82
|
-
const
|
|
83
|
-
if (Boolean(
|
|
84
|
-
const t = typeof
|
|
89
|
+
let e = this.useContainerWidth;
|
|
90
|
+
[!0, "true"].includes(this.useContainerWidth) ? e = !0 : [!1, "false"].includes(this.useContainerWidth) && (e = !1);
|
|
91
|
+
const o = !window.matchMedia("(min-width: 768px)").matches;
|
|
92
|
+
if (Boolean(e) && !o) {
|
|
93
|
+
const t = typeof e == "string" ? this.el.closest(e) || this.el.parentElement : this.el.parentElement;
|
|
85
94
|
this.contentContainer.style.maxWidth = "none", this.contentContainer.style.width = t.getBoundingClientRect().width + "px";
|
|
86
95
|
} else
|
|
87
96
|
this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
|
|
@@ -93,25 +102,76 @@ const w = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
|
|
|
93
102
|
!a() || this.disableScrollLock || _(this.scrollContainer);
|
|
94
103
|
}
|
|
95
104
|
render() {
|
|
96
|
-
var
|
|
97
|
-
const i = !window.matchMedia("(min-width: 768px)").matches, r = y("popover", `popover--animation-${this.animation}`, `popover--placement-${(
|
|
105
|
+
var e, o, t;
|
|
106
|
+
const i = !window.matchMedia("(min-width: 768px)").matches, r = y("popover", `popover--animation-${this.animation}`, `popover--placement-${(e = this.position) === null || e === void 0 ? void 0 : e.placement}`, {
|
|
98
107
|
"popover--closing": this.closing,
|
|
99
108
|
"popover--active": this.active,
|
|
100
109
|
"popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
|
|
101
110
|
"popover--inactive": !this.active
|
|
102
111
|
});
|
|
103
|
-
return
|
|
104
|
-
top: Boolean(this.position) ? `${(
|
|
112
|
+
return n(v, null, n("div", { class: r, onKeyDown: this.onKeydown }, n("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
|
|
113
|
+
top: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.y}px` : "",
|
|
105
114
|
left: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.x}px` : ""
|
|
106
|
-
}, tabindex: "-1" },
|
|
115
|
+
}, tabindex: "-1" }, n("span", { class: "popover__handle" }), n("div", { class: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
|
|
107
116
|
maxHeight: !i && Boolean(this.maxHeight) ? this.maxHeight : void 0
|
|
108
|
-
} },
|
|
117
|
+
} }, n("slot", null))), this.active && n("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
|
|
109
118
|
}
|
|
110
119
|
get el() {
|
|
111
|
-
return
|
|
120
|
+
return g(this);
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
E.style = x;
|
|
124
|
+
const C = ".sc-swirl-popover-trigger-h{display:contents}", k = class {
|
|
125
|
+
constructor(e) {
|
|
126
|
+
h(this, e), this.popoverOpen = !1, this.onClick = (o) => {
|
|
127
|
+
o.stopPropagation();
|
|
128
|
+
const t = this.getPopoverEl();
|
|
129
|
+
if (!Boolean(t))
|
|
130
|
+
return;
|
|
131
|
+
if (this.popoverOpen) {
|
|
132
|
+
t.close();
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
const i = this.getTriggerEl();
|
|
136
|
+
!Boolean(i) || (t.open(i), t.addEventListener("popoverOpen", () => {
|
|
137
|
+
this.popoverOpen = !0, this.updateTriggerElAriaAttributes(!0);
|
|
138
|
+
}, { once: !0 }), t.addEventListener("popoverClose", () => {
|
|
139
|
+
this.popoverOpen = !1, this.updateTriggerElAriaAttributes(!1);
|
|
140
|
+
}, { once: !0 }));
|
|
141
|
+
}, this.updateTriggerElAriaAttributes = (o) => {
|
|
142
|
+
var t;
|
|
143
|
+
if (!this.setAriaAttributes)
|
|
144
|
+
return;
|
|
145
|
+
const i = this.getTriggerEl(), r = typeof this.popover == "string" ? this.popover : (t = this.popover) === null || t === void 0 ? void 0 : t.id;
|
|
146
|
+
i.tagName.startsWith("SWIRL-") ? (i.setAttribute("swirl-aria-controls", r), i.setAttribute("swirl-aria-expanded", String(o || "false")), i.setAttribute("swirl-aria-haspopup", "dialog")) : (i.setAttribute("aria-controls", r), i.setAttribute("aria-expanded", String(o || "false")), i.setAttribute("aria-haspopup", "dialog"));
|
|
147
|
+
}, this.popover = void 0, this.setAriaAttributes = !0;
|
|
148
|
+
}
|
|
149
|
+
componentDidLoad() {
|
|
150
|
+
this.updateTriggerElAriaAttributes();
|
|
151
|
+
}
|
|
152
|
+
watchPopover() {
|
|
153
|
+
this.updateTriggerElAriaAttributes();
|
|
154
|
+
}
|
|
155
|
+
getPopoverEl() {
|
|
156
|
+
return typeof this.popover == "string" ? document.querySelector(`#${this.popover}`) : this.popover;
|
|
157
|
+
}
|
|
158
|
+
getTriggerEl() {
|
|
159
|
+
return this.el.children.length !== 1 && console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'), this.el.children[0];
|
|
160
|
+
}
|
|
161
|
+
render() {
|
|
162
|
+
return n(v, { onClick: this.onClick }, n("slot", null));
|
|
163
|
+
}
|
|
164
|
+
get el() {
|
|
165
|
+
return g(this);
|
|
166
|
+
}
|
|
167
|
+
static get watchers() {
|
|
168
|
+
return {
|
|
169
|
+
popover: ["watchPopover"]
|
|
170
|
+
};
|
|
112
171
|
}
|
|
113
172
|
};
|
|
114
|
-
|
|
173
|
+
k.style = C;
|
|
115
174
|
export {
|
|
116
|
-
|
|
175
|
+
E as swirl_popover,
|
|
176
|
+
k as swirl_popover_trigger
|
|
117
177
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, c as l, h as i, H as n, g as u } from "./index.
|
|
1
|
+
import { r as o, c as l, h as i, H as n, g as u } from "./index.94fbfdea.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const d = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", h = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as c, c as n, h as e, H as a } from "./index.
|
|
1
|
+
import { r as c, c as n, h as e, H as a } from "./index.94fbfdea.js";
|
|
2
2
|
import { c as m } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { g as u } from "./utils-bc84f36e.1fee9865.js";
|
|
4
4
|
import "react";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as p, c as u, h as i, H as v, g as m } from "./index.
|
|
1
|
+
import { r as p, c as u, h as i, H as v, g as m } from "./index.94fbfdea.js";
|
|
2
2
|
import { c as w } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { q as f } from "./utils-bc84f36e.1fee9865.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
const
|
|
6
|
+
const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;visibility:hidden;width:100%;height:100%}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.375rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.375rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}", g = class {
|
|
7
7
|
constructor(l) {
|
|
8
8
|
p(this, l), this.valueChange = u(this, "valueChange", 7), this.select = (e) => {
|
|
9
9
|
this.value = e.detail, this.valueChange.emit(this.value), this.multiSelect || this.popover.close();
|
|
@@ -33,26 +33,26 @@ const g = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
|
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
35
|
var l, e, t;
|
|
36
|
-
const
|
|
37
|
-
var
|
|
38
|
-
return (
|
|
36
|
+
const a = Boolean(this.value) ? (l = this.value) === null || l === void 0 ? void 0 : l.map((s) => {
|
|
37
|
+
var o;
|
|
38
|
+
return (o = this.options.find((h) => h.value === s)) === null || o === void 0 ? void 0 : o.label;
|
|
39
39
|
}).join(", ") : "", r = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, n = this.el.closest("swirl-form-control"), c = (n == null ? void 0 : n.inline) || (n == null ? void 0 : n.labelPosition) === "outside" ? -12 : -16, d = w("select", `select--placement-${this.placement}`, {
|
|
40
40
|
"select--disabled": this.disabled,
|
|
41
41
|
"select--inline": this.inline,
|
|
42
42
|
"select--multi": this.multiSelect
|
|
43
43
|
});
|
|
44
|
-
return i(v, { onKeyDown: this.onKeyDown }, i("div", { class: d }, i("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": r, class: "select__input", disabled: this.disabled,
|
|
44
|
+
return i(v, { onKeyDown: this.onKeyDown }, i("div", { class: d }, i("swirl-popover-trigger", { popover: this.popover, setAriaAttributes: !1 }, i("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": r, class: "select__input", disabled: this.disabled, readOnly: !0, type: "text", value: a })), i("span", { class: "select__multi-select-values" }, (t = (e = this.value) === null || e === void 0 ? void 0 : e.map((s) => this.options.find((o) => o.value === s))) === null || t === void 0 ? void 0 : t.map((s) => i("swirl-tag", {
|
|
45
45
|
"aria-hidden": "true",
|
|
46
46
|
label: s == null ? void 0 : s.label,
|
|
47
47
|
onRemove: () => this.unselectOption(s == null ? void 0 : s.value),
|
|
48
48
|
removable: !this.disabled && this.allowDeselect
|
|
49
|
-
}))), i("span", { class: "select__indicator" }, this.open ? i("swirl-icon-expand-less", null) : i("swirl-icon-expand-more", null)), i("swirl-popover", { animation: "scale-in-y", class: "select__popover", label: this.label, offset: [0, c], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen,
|
|
49
|
+
}))), i("span", { class: "select__indicator" }, this.open ? i("swirl-icon-expand-less", null) : i("swirl-icon-expand-more", null)), i("swirl-popover", { animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, c], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (s) => this.popover = s, useContainerWidth: "swirl-form-control" }, i("swirl-option-list", { allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, value: this.value }, i("slot", { onSlotchange: this.onSlotChange })))));
|
|
50
50
|
}
|
|
51
51
|
get el() {
|
|
52
52
|
return m(this);
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
|
-
|
|
55
|
+
g.style = b;
|
|
56
56
|
export {
|
|
57
|
-
|
|
57
|
+
g as swirl_select
|
|
58
58
|
};
|