@getflip/swirl-components-react 0.204.1 → 0.205.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{file-manager.entry.1a20c416.js → file-manager.entry.655aa394.js} +1 -1
- package/dist/{index.385abe8b.js → index.3f681a5e.js} +294 -294
- package/dist/{swirl-accordion-item.entry.b66a7fa3.js → swirl-accordion-item.entry.f8c70d02.js} +1 -1
- package/dist/{swirl-accordion.entry.88b41afb.js → swirl-accordion.entry.fe997eec.js} +1 -1
- package/dist/{swirl-action-list-section.entry.267b45c9.js → swirl-action-list-section.entry.9c8458af.js} +1 -1
- package/dist/{swirl-action-list_3.entry.76630299.js → swirl-action-list_3.entry.764c812a.js} +1 -1
- package/dist/{swirl-app-bar.entry.b2e81db5.js → swirl-app-bar.entry.d21e39ae.js} +1 -1
- package/dist/{swirl-app-icon.entry.18d8fa31.js → swirl-app-icon.entry.48796e5f.js} +1 -1
- package/dist/{swirl-app-layout_6.entry.da6f3262.js → swirl-app-layout_6.entry.aa1e03a9.js} +1 -1
- package/dist/{swirl-autocomplete.entry.bfa7181d.js → swirl-autocomplete.entry.70477599.js} +1 -1
- package/dist/{swirl-avatar-group.entry.bcf878ad.js → swirl-avatar-group.entry.81fefe2a.js} +1 -1
- package/dist/{swirl-avatar.entry.584dde67.js → swirl-avatar.entry.5270ffad.js} +1 -1
- package/dist/{swirl-badge.entry.f811e047.js → swirl-badge.entry.74058a29.js} +1 -1
- package/dist/{swirl-banner.entry.07e191cc.js → swirl-banner.entry.6715a2d9.js} +1 -1
- package/dist/{swirl-box.entry.283f8245.js → swirl-box.entry.7c24c916.js} +1 -1
- package/dist/{swirl-button-group.entry.45ac3362.js → swirl-button-group.entry.bb1db4a9.js} +1 -1
- package/dist/{swirl-button.entry.e9181151.js → swirl-button.entry.00b232b4.js} +1 -1
- package/dist/{swirl-card.entry.55337225.js → swirl-card.entry.62192df3.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.5897e487.js → swirl-carousel-slide.entry.724f3023.js} +1 -1
- package/dist/{swirl-carousel.entry.a6235632.js → swirl-carousel.entry.5d99786a.js} +1 -1
- package/dist/{swirl-checkbox.entry.5cd3f547.js → swirl-checkbox.entry.4f949306.js} +1 -1
- package/dist/{swirl-chip.entry.465b7014.js → swirl-chip.entry.08b00f15.js} +1 -1
- package/dist/{swirl-color-input.entry.b136950c.js → swirl-color-input.entry.f9672dad.js} +1 -1
- package/dist/{swirl-columns.entry.55fa1ea2.js → swirl-columns.entry.4700a938.js} +1 -1
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +5 -5
- package/dist/{swirl-console-layout.entry.64d73b66.js → swirl-console-layout.entry.fbfc37bf.js} +1 -1
- package/dist/{swirl-date-input.entry.3aed1aa4.js → swirl-date-input.entry.7d068acf.js} +1 -1
- package/dist/{swirl-date-picker_2.entry.e74ebc5e.js → swirl-date-picker_2.entry.14773674.js} +1 -1
- package/dist/{swirl-description-list-item.entry.3f31f161.js → swirl-description-list-item.entry.ef3b0418.js} +1 -1
- package/dist/{swirl-description-list.entry.a11e014a.js → swirl-description-list.entry.b6a4fb5b.js} +1 -1
- package/dist/{swirl-dialog.entry.00362948.js → swirl-dialog.entry.d58c1538.js} +1 -1
- package/dist/{swirl-emoji-clap.entry.a4afaee0.js → swirl-emoji-clap.entry.3d73d129.js} +1 -1
- package/dist/{swirl-emoji-happy.entry.0e92a18f.js → swirl-emoji-happy.entry.d0607ad6.js} +1 -1
- package/dist/{swirl-emoji-idea.entry.c42e2efa.js → swirl-emoji-idea.entry.48d63b47.js} +1 -1
- package/dist/{swirl-emoji-love.entry.08732406.js → swirl-emoji-love.entry.298a9220.js} +1 -1
- package/dist/{swirl-emoji-sad.entry.eec9639d.js → swirl-emoji-sad.entry.7e6c1dd3.js} +1 -1
- package/dist/{swirl-emoji-thumbs-up.entry.28278202.js → swirl-emoji-thumbs-up.entry.2b693fc9.js} +1 -1
- package/dist/{swirl-emoji.entry.b38098a2.js → swirl-emoji.entry.8c4b4dbf.js} +1 -1
- package/dist/{swirl-file-uploader.entry.4aa6592f.js → swirl-file-uploader.entry.628f7a9f.js} +1 -1
- package/dist/{swirl-file-viewer_7.entry.1f8e81a2.js → swirl-file-viewer_7.entry.1d5451b0.js} +1 -1
- package/dist/{swirl-form-control.entry.2f2b7623.js → swirl-form-control.entry.d58bc264.js} +1 -1
- package/dist/{swirl-form-group.entry.e50f16cd.js → swirl-form-group.entry.2840b5ac.js} +1 -1
- package/dist/{swirl-heading.entry.98b02b20.js → swirl-heading.entry.df2e7474.js} +1 -1
- package/dist/{swirl-icon-add-moderator.entry.1f65f854.js → swirl-icon-add-moderator.entry.4ca33426.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.1c249a3b.js → swirl-icon-add-photo.entry.8fe024e9.js} +1 -1
- package/dist/{swirl-icon-add-reaction.entry.e28d83fb.js → swirl-icon-add-reaction.entry.82f125c0.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.13435afe.js → swirl-icon-add_6.entry.2054e215.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.d04b2495.js → swirl-icon-admin-panel-settings.entry.f86e0805.js} +1 -1
- package/dist/{swirl-icon-ai.entry.e5772900.js → swirl-icon-ai.entry.f92d4605.js} +1 -1
- package/dist/{swirl-icon-apps.entry.41b6f4e3.js → swirl-icon-apps.entry.2efd8ecf.js} +1 -1
- package/dist/{swirl-icon-arrow-back_4.entry.53c4289a.js → swirl-icon-arrow-back_4.entry.f955b775.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.d0507dd6.js → swirl-icon-arrow-downward_2.entry.232b75b9.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.c4a13f51.js → swirl-icon-arrow-left_4.entry.f1236b96.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.c6180bee.js → swirl-icon-arrow-right-small.entry.784cef17.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.8d974ca8.js → swirl-icon-attachment.entry.d642ee05.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.aff151bb.js → swirl-icon-bar-chart.entry.667efee4.js} +1 -1
- package/dist/{swirl-icon-block.entry.26d65042.js → swirl-icon-block.entry.f00e6b23.js} +1 -1
- package/dist/{swirl-icon-bookmark-filled.entry.4a2da909.js → swirl-icon-bookmark-filled.entry.5fd6cbec.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.df5bff12.js → swirl-icon-bookmark.entry.e6c414b3.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.447dcac7.js → swirl-icon-cancel_4.entry.848c93d8.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.13deff4c.js → swirl-icon-chat-bubble.entry.b479386c.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.f53e784b.js → swirl-icon-chats-filled.entry.e0d02c4e.js} +1 -1
- package/dist/{swirl-icon-chats.entry.2f1bfda8.js → swirl-icon-chats.entry.d97e4ce3.js} +1 -1
- package/dist/{swirl-icon-check-circle_2.entry.91fe89c0.js → swirl-icon-check-circle_2.entry.2854be08.js} +1 -1
- package/dist/{swirl-icon-check-small_3.entry.ecfc4ab4.js → swirl-icon-check-small_3.entry.1e1644c6.js} +1 -1
- package/dist/{swirl-icon-check-strong.entry.369a463a.js → swirl-icon-check-strong.entry.ef2cfa3e.js} +1 -1
- package/dist/{swirl-icon-check.entry.ca14842f.js → swirl-icon-check.entry.a671c961.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.013cf660.js → swirl-icon-chevron-left.entry.0b8227f6.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.ed885bfa.js → swirl-icon-chevron-right.entry.dfe38471.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.074d8aae.js → swirl-icon-close-small.entry.d6266224.js} +1 -1
- package/dist/{swirl-icon-close.entry.1ffd8965.js → swirl-icon-close.entry.6cb51f54.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.3de1bf9e.js → swirl-icon-cloud-upload.entry.91560dba.js} +1 -1
- package/dist/{swirl-icon-column.entry.0d19dc01.js → swirl-icon-column.entry.269e6a70.js} +1 -1
- package/dist/{swirl-icon-comment.entry.ddaa8042.js → swirl-icon-comment.entry.97a7ac84.js} +1 -1
- package/dist/{swirl-icon-copy.entry.4a409bd4.js → swirl-icon-copy.entry.45f4d8e8.js} +1 -1
- package/dist/{swirl-icon-dark-mode.entry.650fd042.js → swirl-icon-dark-mode.entry.156636c6.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.d054ee6a.js → swirl-icon-date-range.entry.f17c8b8e.js} +1 -1
- package/dist/{swirl-icon-delete.entry.3da3995a.js → swirl-icon-delete.entry.a87e0f98.js} +1 -1
- package/dist/{swirl-icon-description.entry.79a8a24d.js → swirl-icon-description.entry.9ed20d0d.js} +1 -1
- package/dist/{swirl-icon-desktop.entry.c6986db7.js → swirl-icon-desktop.entry.4001ff4b.js} +1 -1
- package/dist/{swirl-icon-directory-filled.entry.2377d3c4.js → swirl-icon-directory-filled.entry.1fc36885.js} +1 -1
- package/dist/{swirl-icon-directory.entry.8c4a2be7.js → swirl-icon-directory.entry.dddbf385.js} +1 -1
- package/dist/{swirl-icon-discover.entry.6aeddbb6.js → swirl-icon-discover.entry.0269e3d4.js} +1 -1
- package/dist/{swirl-icon-dot.entry.961b5d9c.js → swirl-icon-dot.entry.fb7756e9.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.30607e7e.js → swirl-icon-double-arrow-right.entry.29896d8b.js} +1 -1
- package/dist/{swirl-icon-download.entry.c7c46d16.js → swirl-icon-download.entry.9ccaa354.js} +1 -1
- package/dist/{swirl-icon-edit.entry.ba44e014.js → swirl-icon-edit.entry.e7fca1ab.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.6eccdcde.js → swirl-icon-emoji-mood.entry.e0153fc6.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.35471a8a.js → swirl-icon-emoji-satisfied.entry.abc7388b.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.7a587670.js → swirl-icon-error_3.entry.944f9b8a.js} +1 -1
- package/dist/{swirl-icon-expand-more.entry.ce85f17d.js → swirl-icon-expand-more.entry.d725162d.js} +1 -1
- package/dist/{swirl-icon-filter.entry.93619c17.js → swirl-icon-filter.entry.199b33a3.js} +1 -1
- package/dist/{swirl-icon-folder.entry.0dde2157.js → swirl-icon-folder.entry.8a3ed73b.js} +1 -1
- package/dist/{swirl-icon-format-h-one.entry.d07b2455.js → swirl-icon-format-h-one.entry.c9b34d1f.js} +1 -1
- package/dist/{swirl-icon-gif.entry.bc449f89.js → swirl-icon-gif.entry.faaa27dc.js} +1 -1
- package/dist/{swirl-icon-group-add.entry.f7852fbc.js → swirl-icon-group-add.entry.c71b0756.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.d2eff7a4.js → swirl-icon-group-assign.entry.411365f2.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.5c0e27cb.js → swirl-icon-groups-filled.entry.1d76209d.js} +1 -1
- package/dist/{swirl-icon-groups.entry.78d4e8d1.js → swirl-icon-groups.entry.acad824b.js} +1 -1
- package/dist/{swirl-icon-hamburger-menu.entry.c2cd9932.js → swirl-icon-hamburger-menu.entry.8005c22b.js} +1 -1
- package/dist/{swirl-icon-help.entry.802a6581.js → swirl-icon-help.entry.b53bffee.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.37afbd2d.js → swirl-icon-highlight.entry.f678f902.js} +1 -1
- package/dist/{swirl-icon-home.entry.e79b4bf3.js → swirl-icon-home.entry.180ef4ee.js} +1 -1
- package/dist/{swirl-icon-image.entry.36daa33f.js → swirl-icon-image.entry.b35bbb5d.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.e6168c03.js → swirl-icon-improve-text.entry.a323a604.js} +1 -1
- package/dist/{swirl-icon-info.entry.d5b73b00.js → swirl-icon-info.entry.eab27579.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.8c036356.js → swirl-icon-insert-below.entry.b0437eda.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.d86cf485.js → swirl-icon-insert-on-top.entry.eeec4383.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.87bd41c2.js → swirl-icon-inventory.entry.fd5d6f30.js} +1 -1
- package/dist/{swirl-icon-keyboard-hide.entry.71e9f4ef.js → swirl-icon-keyboard-hide.entry.c57412e2.js} +1 -1
- package/dist/{swirl-icon-keyboard.entry.6ffe6c8c.js → swirl-icon-keyboard.entry.804e4cde.js} +1 -1
- package/dist/{swirl-icon-light-mode.entry.e12be755.js → swirl-icon-light-mode.entry.55bbbc93.js} +1 -1
- package/dist/{swirl-icon-like.entry.60dc9121.js → swirl-icon-like.entry.59e063d9.js} +1 -1
- package/dist/{swirl-icon-link.entry.db40b224.js → swirl-icon-link.entry.6ec24027.js} +1 -1
- package/dist/{swirl-icon-load.entry.82120e0a.js → swirl-icon-load.entry.4b899627.js} +1 -1
- package/dist/{swirl-icon-lock-open.entry.492d4ef6.js → swirl-icon-lock-open.entry.b70dfe22.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.bfbd9871.js → swirl-icon-lock-person.entry.a54bd493.js} +1 -1
- package/dist/{swirl-icon-lock.entry.e6f83c2f.js → swirl-icon-lock.entry.20fcd964.js} +1 -1
- package/dist/{swirl-icon-login.entry.e25309a6.js → swirl-icon-login.entry.5511c6c3.js} +1 -1
- package/dist/{swirl-icon-logout.entry.e9911c52.js → swirl-icon-logout.entry.24c08578.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.9505dabe.js → swirl-icon-long-text.entry.5e162761.js} +1 -1
- package/dist/{swirl-icon-mail.entry.a3418854.js → swirl-icon-mail.entry.f59621e7.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.1ec8978c.js → swirl-icon-manage-accounts.entry.0128d754.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.1e551728.js → swirl-icon-mark-chat-read.entry.1a77a0b4.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.51676aa6.js → swirl-icon-mark-chat-unread.entry.a9e165ee.js} +1 -1
- package/dist/{swirl-icon-mention.entry.a26c97a7.js → swirl-icon-mention.entry.41dabcf2.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.2db4173e.js → swirl-icon-menu-filled.entry.5d789bb0.js} +1 -1
- package/dist/{swirl-icon-menu.entry.6dadc699.js → swirl-icon-menu.entry.2caf7d62.js} +1 -1
- package/dist/{swirl-icon-message.entry.9f8e5dce.js → swirl-icon-message.entry.94408cc3.js} +1 -1
- package/dist/{swirl-icon-mic.entry.03a5c53c.js → swirl-icon-mic.entry.5b223a13.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.2f8dcbd9.js → swirl-icon-more-horizontal.entry.6868a6fe.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.30c2b2b2.js → swirl-icon-news-filled.entry.65d1e0ea.js} +1 -1
- package/dist/{swirl-icon-news-off.entry.f9de213d.js → swirl-icon-news-off.entry.817eab81.js} +1 -1
- package/dist/{swirl-icon-news.entry.13b89fc5.js → swirl-icon-news.entry.f2cccac8.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.c0da56df.js → swirl-icon-notifications-active.entry.6aaea28b.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.07a1c9a2.js → swirl-icon-notifications-off.entry.5af1d24a.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.22e1809e.js → swirl-icon-notifications.entry.96811e44.js} +1 -1
- package/dist/{swirl-icon-open-in-full.entry.4106e5ff.js → swirl-icon-open-in-full.entry.71340a65.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.aaab65c7.js → swirl-icon-open-in-new.entry.ced52d1b.js} +1 -1
- package/dist/{swirl-icon-pause-circle.entry.e168c6b8.js → swirl-icon-pause-circle.entry.2370a4af.js} +1 -1
- package/dist/{swirl-icon-pause.entry.1cdc0022.js → swirl-icon-pause.entry.16464706.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.e580c9c3.js → swirl-icon-people-alt.entry.08d5dd81.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.da9f3abd.js → swirl-icon-person-off.entry.c86d0822.js} +1 -1
- package/dist/{swirl-icon-person.entry.7f3e8ee4.js → swirl-icon-person.entry.50de6c58.js} +1 -1
- package/dist/{swirl-icon-phone.entry.f10837bd.js → swirl-icon-phone.entry.d99472a1.js} +1 -1
- package/dist/{swirl-icon-photo-camera.entry.21e34853.js → swirl-icon-photo-camera.entry.186b18a9.js} +1 -1
- package/dist/{swirl-icon-pin-off.entry.420db1b9.js → swirl-icon-pin-off.entry.5ab41596.js} +1 -1
- package/dist/{swirl-icon-pin.entry.1060e914.js → swirl-icon-pin.entry.1bd5a30a.js} +1 -1
- package/dist/{swirl-icon-place.entry.0f60512f.js → swirl-icon-place.entry.4ebd67e9.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.0e360be8.js → swirl-icon-play-arrow.entry.b74f0dd7.js} +1 -1
- package/dist/{swirl-icon-poll.entry.bd51b5a1.js → swirl-icon-poll.entry.15d68b9e.js} +1 -1
- package/dist/{swirl-icon-print.entry.35c13737.js → swirl-icon-print.entry.6e31c319.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.d2b396a9.js → swirl-icon-recieved.entry.326c624e.js} +1 -1
- package/dist/{swirl-icon-remove-moderator.entry.46e5d295.js → swirl-icon-remove-moderator.entry.4bef3829.js} +1 -1
- package/dist/{swirl-icon-reply.entry.ca9a24fa.js → swirl-icon-reply.entry.9a904141.js} +1 -1
- package/dist/{swirl-icon-report.entry.c41b33db.js → swirl-icon-report.entry.d1df18fc.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.b834ea9b.js → swirl-icon-roadmap.entry.ce50d7be.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.ccd7e19e.js → swirl-icon-search-strong.entry.1a823a97.js} +1 -1
- package/dist/{swirl-icon-search.entry.dfd0b111.js → swirl-icon-search.entry.2954ec82.js} +1 -1
- package/dist/{swirl-icon-secure.entry.81223495.js → swirl-icon-secure.entry.aab13030.js} +1 -1
- package/dist/{swirl-icon-send.entry.b9bed2ff.js → swirl-icon-send.entry.acd301fe.js} +1 -1
- package/dist/{swirl-icon-settings.entry.2d4a1414.js → swirl-icon-settings.entry.5f625097.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.95eec5b0.js → swirl-icon-short-text.entry.87d70432.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.974cf6de.js → swirl-icon-simplify.entry.fd581933.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.d4e3fc6c.js → swirl-icon-spellcheck.entry.d62a79a3.js} +1 -1
- package/dist/{swirl-icon-stop.entry.881923ff.js → swirl-icon-stop.entry.b834836d.js} +1 -1
- package/dist/{swirl-icon-sync.entry.a11bebf7.js → swirl-icon-sync.entry.5e061433.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.14291db7.js → swirl-icon-tasks-filled.entry.7cfc16b2.js} +1 -1
- package/dist/{swirl-icon-tasks.entry.46cade63.js → swirl-icon-tasks.entry.346dab3f.js} +1 -1
- package/dist/{swirl-icon-terminal.entry.49cc96ab.js → swirl-icon-terminal.entry.68682030.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.feb55e80.js → swirl-icon-time-filled.entry.a4dae28c.js} +1 -1
- package/dist/{swirl-icon-time.entry.6884dd73.js → swirl-icon-time.entry.47313c96.js} +1 -1
- package/dist/{swirl-icon-today-filled.entry.1e81d356.js → swirl-icon-today-filled.entry.a471f28d.js} +1 -1
- package/dist/{swirl-icon-translate.entry.21c3629f.js → swirl-icon-translate.entry.229fb48c.js} +1 -1
- package/dist/{swirl-icon-tree-structure.entry.7a22c91c.js → swirl-icon-tree-structure.entry.7af9fba1.js} +1 -1
- package/dist/{swirl-icon-undo.entry.9b97934b.js → swirl-icon-undo.entry.9cdb2d39.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.01f88fee.js → swirl-icon-unlock-person.entry.135c6b4e.js} +1 -1
- package/dist/{swirl-icon-user-add.entry.44e766d3.js → swirl-icon-user-add.entry.ae3249c1.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.91112041.js → swirl-icon-user-assign.entry.0e68df13.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.658bc05a.js → swirl-icon-video-camera.entry.a7a2229e.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.ff99965d.js → swirl-icon-video-library.entry.40252f9a.js} +1 -1
- package/dist/{swirl-icon-voice.entry.aa2fab2e.js → swirl-icon-voice.entry.c625aaca.js} +1 -1
- package/dist/{swirl-icon-work.entry.2ec4ab4c.js → swirl-icon-work.entry.2b954e5a.js} +1 -1
- package/dist/{swirl-icon.entry.c6665dab.js → swirl-icon.entry.66b0278a.js} +1 -1
- package/dist/{swirl-image-grid-item.entry.1d158ed0.js → swirl-image-grid-item.entry.57608777.js} +1 -1
- package/dist/{swirl-image-grid.entry.6e76db6d.js → swirl-image-grid.entry.297ac560.js} +1 -1
- package/dist/{swirl-inline-notification.entry.32ef56d4.js → swirl-inline-notification.entry.e2c11b07.js} +1 -1
- package/dist/{swirl-inline-status.entry.fef713de.js → swirl-inline-status.entry.cc67dc3c.js} +1 -1
- package/dist/swirl-lightbox.entry.9fd4d2ef.js +135 -0
- package/dist/{swirl-link.entry.40b0242d.js → swirl-link.entry.d4dbe095.js} +1 -1
- package/dist/{swirl-list.entry.04fac208.js → swirl-list.entry.d9f4bf63.js} +1 -1
- package/dist/{swirl-menu-item.entry.29e3c971.js → swirl-menu-item.entry.048ef0a9.js} +1 -1
- package/dist/{swirl-menu.entry.62b27fa1.js → swirl-menu.entry.d382ffde.js} +1 -1
- package/dist/{swirl-modal.entry.f6095ea3.js → swirl-modal.entry.85c32bdb.js} +1 -1
- package/dist/{swirl-option-list-section.entry.eb598aea.js → swirl-option-list-section.entry.359b57cc.js} +1 -1
- package/dist/{swirl-option-list_2.entry.21f9b35c.js → swirl-option-list_2.entry.cb5d0254.js} +1 -1
- package/dist/{swirl-pagination.entry.57a96c87.js → swirl-pagination.entry.d3a3ddb9.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.85974a2f.js → swirl-pdf-reader.entry.5bc02867.js} +1 -1
- package/dist/{swirl-popover_2.entry.765a1d33.js → swirl-popover_2.entry.3d2f55b8.js} +47 -27
- package/dist/{swirl-progress-indicator.entry.3152c32b.js → swirl-progress-indicator.entry.7706be5e.js} +1 -1
- package/dist/{swirl-radio-group.entry.1e63f5a3.js → swirl-radio-group.entry.df9bce44.js} +1 -1
- package/dist/{swirl-radio.entry.351f7878.js → swirl-radio.entry.d9d5946d.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.55ea4f5d.js → swirl-resource-list-file-item.entry.f5a6cceb.js} +1 -1
- package/dist/{swirl-search.entry.61c68bbf.js → swirl-search.entry.8c9bac59.js} +1 -1
- package/dist/{swirl-select.entry.713734e0.js → swirl-select.entry.e1df86d9.js} +1 -1
- package/dist/{swirl-shell-layout.entry.aafa2955.js → swirl-shell-layout.entry.bfb34dcb.js} +1 -1
- package/dist/{swirl-shell-navigation-item.entry.932facbe.js → swirl-shell-navigation-item.entry.21044591.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.db3e9b20.js → swirl-skeleton-box.entry.8fee554e.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.3c0ba204.js → swirl-skeleton-text.entry.1eec31d2.js} +1 -1
- package/dist/{swirl-stack.entry.54540cfc.js → swirl-stack.entry.2006f306.js} +1 -1
- package/dist/{swirl-status-indicator.entry.199e4fb4.js → swirl-status-indicator.entry.bf4b6a8d.js} +1 -1
- package/dist/{swirl-switch.entry.f1de5873.js → swirl-switch.entry.00e7e0e9.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.2e643407.js → swirl-symbol-account-circle.entry.883bd403.js} +1 -1
- package/dist/{swirl-symbol-alternate-email.entry.13c15603.js → swirl-symbol-alternate-email.entry.bf58c926.js} +1 -1
- package/dist/{swirl-symbol-android.entry.7b23e13d.js → swirl-symbol-android.entry.f27d14a4.js} +1 -1
- package/dist/{swirl-symbol-announcement.entry.a225a043.js → swirl-symbol-announcement.entry.b5eca533.js} +1 -1
- package/dist/{swirl-symbol-backup.entry.2c449b33.js → swirl-symbol-backup.entry.5005263b.js} +1 -1
- package/dist/{swirl-symbol-beach-access.entry.0dd6c4c6.js → swirl-symbol-beach-access.entry.7c0d946d.js} +1 -1
- package/dist/{swirl-symbol-bookmark.entry.d7897fc3.js → swirl-symbol-bookmark.entry.cc9e31cf.js} +1 -1
- package/dist/{swirl-symbol-cloud.entry.a5e2d1f5.js → swirl-symbol-cloud.entry.bb3ea3f6.js} +1 -1
- package/dist/{swirl-symbol-coronavirus.entry.a1c9962f.js → swirl-symbol-coronavirus.entry.8325533a.js} +1 -1
- package/dist/{swirl-symbol-desktop-windows.entry.1ba9564a.js → swirl-symbol-desktop-windows.entry.94708611.js} +1 -1
- package/dist/{swirl-symbol-directions-car-filled.entry.93131c68.js → swirl-symbol-directions-car-filled.entry.2f0ebdc9.js} +1 -1
- package/dist/{swirl-symbol-edit-calendar.entry.d87ec382.js → swirl-symbol-edit-calendar.entry.87b18fb2.js} +1 -1
- package/dist/{swirl-symbol-email.entry.a6a0ee05.js → swirl-symbol-email.entry.6e20fce7.js} +1 -1
- package/dist/{swirl-symbol-emoji-food-beverage.entry.5788daf2.js → swirl-symbol-emoji-food-beverage.entry.6dff5beb.js} +1 -1
- package/dist/{swirl-symbol-event-menu.entry.ad72b2c8.js → swirl-symbol-event-menu.entry.0d6ec258.js} +1 -1
- package/dist/{swirl-symbol-facebook.entry.00d5ae25.js → swirl-symbol-facebook.entry.36a09cad.js} +1 -1
- package/dist/{swirl-symbol-favorite.entry.d648c126.js → swirl-symbol-favorite.entry.ed712f43.js} +1 -1
- package/dist/{swirl-symbol-fitness-center.entry.771fe1ce.js → swirl-symbol-fitness-center.entry.e0d813dd.js} +1 -1
- package/dist/{swirl-symbol-flag.entry.cf84c0f4.js → swirl-symbol-flag.entry.bce9ee24.js} +1 -1
- package/dist/{swirl-symbol-folder.entry.4a8b34d8.js → swirl-symbol-folder.entry.4d996297.js} +1 -1
- package/dist/{swirl-symbol-globe.entry.ad203296.js → swirl-symbol-globe.entry.54d7fe32.js} +1 -1
- package/dist/{swirl-symbol-groups.entry.d5b13795.js → swirl-symbol-groups.entry.59075331.js} +1 -1
- package/dist/{swirl-symbol-help.entry.354de378.js → swirl-symbol-help.entry.c4064ce7.js} +1 -1
- package/dist/{swirl-symbol-image.entry.58665ab8.js → swirl-symbol-image.entry.434e9e08.js} +1 -1
- package/dist/{swirl-symbol-info-menu.entry.4557f499.js → swirl-symbol-info-menu.entry.7cf29b38.js} +1 -1
- package/dist/{swirl-symbol-instagram.entry.bc6349a4.js → swirl-symbol-instagram.entry.41867d30.js} +1 -1
- package/dist/{swirl-symbol-ios.entry.97ced9f0.js → swirl-symbol-ios.entry.38fe5ab8.js} +1 -1
- package/dist/{swirl-symbol-language.entry.6fa04936.js → swirl-symbol-language.entry.a83f7845.js} +1 -1
- package/dist/{swirl-symbol-leaderboard.entry.9fe9525f.js → swirl-symbol-leaderboard.entry.32c0aa02.js} +1 -1
- package/dist/{swirl-symbol-lightbulb.entry.e0fd5ece.js → swirl-symbol-lightbulb.entry.a627b23b.js} +1 -1
- package/dist/{swirl-symbol-linkedin.entry.6815d844.js → swirl-symbol-linkedin.entry.824b459e.js} +1 -1
- package/dist/{swirl-symbol-location-on.entry.3c5eb38a.js → swirl-symbol-location-on.entry.245182a0.js} +1 -1
- package/dist/{swirl-symbol-loyalty.entry.b0c42537.js → swirl-symbol-loyalty.entry.921cc268.js} +1 -1
- package/dist/{swirl-symbol-maps-home-work.entry.f8f6e01b.js → swirl-symbol-maps-home-work.entry.10913019.js} +1 -1
- package/dist/{swirl-symbol-notifications.entry.b72ffa90.js → swirl-symbol-notifications.entry.b8a2723f.js} +1 -1
- package/dist/{swirl-symbol-open-in-new.entry.b32d41ba.js → swirl-symbol-open-in-new.entry.048e1721.js} +1 -1
- package/dist/{swirl-symbol-pedal-bike.entry.a1c61e85.js → swirl-symbol-pedal-bike.entry.c45cc974.js} +1 -1
- package/dist/{swirl-symbol-pinterest.entry.eee946d8.js → swirl-symbol-pinterest.entry.99782767.js} +1 -1
- package/dist/{swirl-symbol-policy.entry.9a5603b5.js → swirl-symbol-policy.entry.88c05514.js} +1 -1
- package/dist/{swirl-symbol-push-pin.entry.e34f391b.js → swirl-symbol-push-pin.entry.e77cc1a6.js} +1 -1
- package/dist/{swirl-symbol-redeem.entry.77b1ca4a.js → swirl-symbol-redeem.entry.b81bc310.js} +1 -1
- package/dist/{swirl-symbol-report-problem.entry.6b0106ff.js → swirl-symbol-report-problem.entry.afab2f46.js} +1 -1
- package/dist/{swirl-symbol-restaurant.entry.1e0d723a.js → swirl-symbol-restaurant.entry.e7d02228.js} +1 -1
- package/dist/{swirl-symbol-roadmap.entry.f301c9c7.js → swirl-symbol-roadmap.entry.628344dc.js} +1 -1
- package/dist/{swirl-symbol-room.entry.451c0312.js → swirl-symbol-room.entry.ec7936d9.js} +1 -1
- package/dist/{swirl-symbol-savings.entry.eebde0ee.js → swirl-symbol-savings.entry.7bc675b7.js} +1 -1
- package/dist/{swirl-symbol-settings-voice.entry.4d58e9c0.js → swirl-symbol-settings-voice.entry.57fc401c.js} +1 -1
- package/dist/{swirl-symbol-shopping-cart.entry.09f6419b.js → swirl-symbol-shopping-cart.entry.00ef03db.js} +1 -1
- package/dist/{swirl-symbol-smartphone.entry.a9796e36.js → swirl-symbol-smartphone.entry.f96266bf.js} +1 -1
- package/dist/{swirl-symbol-star.entry.05999779.js → swirl-symbol-star.entry.8804d029.js} +1 -1
- package/dist/{swirl-symbol-supervisor-account.entry.c31b818b.js → swirl-symbol-supervisor-account.entry.648b19ad.js} +1 -1
- package/dist/{swirl-symbol-thumbs-up-down.entry.deda457d.js → swirl-symbol-thumbs-up-down.entry.bb927a9c.js} +1 -1
- package/dist/{swirl-symbol-twitter.entry.82749fb7.js → swirl-symbol-twitter.entry.83d0d0ce.js} +1 -1
- package/dist/{swirl-symbol-wb-sunny.entry.e7e8ba86.js → swirl-symbol-wb-sunny.entry.a78db5d4.js} +1 -1
- package/dist/{swirl-symbol-wechat.entry.13d28e25.js → swirl-symbol-wechat.entry.d4c39d16.js} +1 -1
- package/dist/{swirl-symbol-weibo.entry.3f181b6a.js → swirl-symbol-weibo.entry.5399af17.js} +1 -1
- package/dist/{swirl-symbol-work.entry.7bf1a0e2.js → swirl-symbol-work.entry.5b246279.js} +1 -1
- package/dist/{swirl-symbol-xing.entry.5d318b32.js → swirl-symbol-xing.entry.8f49166a.js} +1 -1
- package/dist/{swirl-symbol-youtube.entry.de2f96ee.js → swirl-symbol-youtube.entry.f0456547.js} +1 -1
- package/dist/{swirl-symbol.entry.1d16641e.js → swirl-symbol.entry.549de80e.js} +1 -1
- package/dist/{swirl-tab-bar.entry.1bcdc63e.js → swirl-tab-bar.entry.f631f830.js} +1 -1
- package/dist/{swirl-tab.entry.0e7d1cd9.js → swirl-tab.entry.43e5e3b1.js} +1 -1
- package/dist/{swirl-table-cell.entry.040276ad.js → swirl-table-cell.entry.08f7c132.js} +1 -1
- package/dist/{swirl-table-column.entry.0fc17ed5.js → swirl-table-column.entry.f0f55268.js} +1 -1
- package/dist/{swirl-table-row-group.entry.0b75667d.js → swirl-table-row-group.entry.d7cc97bd.js} +1 -1
- package/dist/{swirl-table-row.entry.6794c8e0.js → swirl-table-row.entry.539341b3.js} +1 -1
- package/dist/{swirl-table.entry.f24325a5.js → swirl-table.entry.66b430d2.js} +1 -1
- package/dist/{swirl-tabs.entry.63e88c0d.js → swirl-tabs.entry.0a97b12b.js} +1 -1
- package/dist/{swirl-text-input.entry.af54b5c5.js → swirl-text-input.entry.20d294d4.js} +1 -1
- package/dist/{swirl-text.entry.a188f9e6.js → swirl-text.entry.9b39d92c.js} +1 -1
- package/dist/{swirl-theme-provider.entry.37324e01.js → swirl-theme-provider.entry.1a614600.js} +1 -1
- package/dist/{swirl-time-input.entry.5a5dc55e.js → swirl-time-input.entry.3a64e3e0.js} +1 -1
- package/dist/{swirl-toast-provider.entry.3d6fd9c5.js → swirl-toast-provider.entry.59d5da8b.js} +1 -1
- package/dist/{swirl-toast.entry.4f00da41.js → swirl-toast.entry.8981df20.js} +1 -1
- package/dist/{swirl-toolbar.entry.4540b0e7.js → swirl-toolbar.entry.23128879.js} +1 -1
- package/dist/{swirl-tooltip.entry.d55d5b02.js → swirl-tooltip.entry.a4ec3d1e.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.1a8be8ad.js → swirl-tree-navigation-item.entry.8903b5a3.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.e19c566e.js → swirl-video-thumbnail.entry.95beb1c2.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.e8c6f4c5.js → swirl-visually-hidden.entry.ae45a527.js} +1 -1
- package/dist/{wc-datepicker.entry.cda44365.js → wc-datepicker.entry.c7d32448.js} +1 -1
- package/package.json +2 -2
- package/dist/swirl-lightbox.entry.aebfcaab.js +0 -136
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { r as h, h as i, H as b, g as u } from "./index.3f681a5e.js";
|
|
2
|
+
import { A as g } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
|
+
import { d as f, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
|
+
import { c as x } from "./index-267776a4.6beb4f4b.js";
|
|
5
|
+
import { q as p } from "./utils-aab10c80.240adddc.js";
|
|
6
|
+
import "react";
|
|
7
|
+
import "react-dom";
|
|
8
|
+
const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', v = y, w = class {
|
|
9
|
+
constructor(t) {
|
|
10
|
+
h(this, t), this.dragging = !1, this.onKeyDown = (e) => {
|
|
11
|
+
!this.modal.shown || (e.code === "Escape" ? (e.stopImmediatePropagation(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick());
|
|
12
|
+
}, this.onCloseButtonClick = () => {
|
|
13
|
+
this.close();
|
|
14
|
+
}, this.onDownloadButtonClick = () => {
|
|
15
|
+
var e;
|
|
16
|
+
(e = this.slides[this.activeSlideIndex]) == null || e.download(), this.menu.close();
|
|
17
|
+
}, this.onNextSlideClick = () => {
|
|
18
|
+
this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1));
|
|
19
|
+
}, this.onPreviousSlideClick = () => {
|
|
20
|
+
this.activateSlide(Math.max(0, this.activeSlideIndex - 1));
|
|
21
|
+
}, this.registerSlides = () => {
|
|
22
|
+
this.slides = Array.from(this.el.children).filter((e) => e.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
|
|
23
|
+
}, this.onPointerDown = (e) => {
|
|
24
|
+
this.dragging = !0, this.dragStartPosition = e instanceof MouseEvent ? e.clientX : e.touches[0].clientX, this.slides.forEach((a) => {
|
|
25
|
+
a.style.transition = "none";
|
|
26
|
+
});
|
|
27
|
+
}, this.onPointerMove = async (e) => {
|
|
28
|
+
var n, l;
|
|
29
|
+
const a = !(e instanceof MouseEvent) && e.touches.length > 1, o = (l = (n = this.slides[this.activeSlideIndex]) == null ? void 0 : n.shadowRoot) == null ? void 0 : l.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
|
|
30
|
+
if (!(a || s) && this.dragging) {
|
|
31
|
+
e.preventDefault();
|
|
32
|
+
const r = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
|
|
33
|
+
this.slides.forEach((d) => {
|
|
34
|
+
const c = this.activeSlideIndex * d.getBoundingClientRect().width;
|
|
35
|
+
this.dragDelta = r, d.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
}, this.onPointerUp = () => {
|
|
39
|
+
this.dragging = !1, this.dragStartPosition = void 0;
|
|
40
|
+
const e = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
|
|
41
|
+
this.dragDelta = 0;
|
|
42
|
+
const a = e > 0.2, o = e < -0.2;
|
|
43
|
+
this.slides.forEach((s) => {
|
|
44
|
+
s.style.transition = "";
|
|
45
|
+
}), a ? this.onPreviousSlideClick() : o ? this.onNextSlideClick() : this.resetSlidePositions();
|
|
46
|
+
}, this.onBackdropClick = (e) => {
|
|
47
|
+
e.target === this.slidesContainer && this.close();
|
|
48
|
+
}, this.onContextMenu = (e) => {
|
|
49
|
+
this.downloadButtonEnabled || e.preventDefault();
|
|
50
|
+
}, this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.hideMenu = void 0, this.label = void 0, this.menuLabel = "Slide options", this.menuTriggerLabel = "Open slide menu", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.slides = void 0;
|
|
51
|
+
}
|
|
52
|
+
componentWillLoad() {
|
|
53
|
+
this.registerSlides();
|
|
54
|
+
}
|
|
55
|
+
componentDidLoad() {
|
|
56
|
+
this.modal = new g(this.modalEl), this.activateSlide(0);
|
|
57
|
+
}
|
|
58
|
+
disconnectedCallback() {
|
|
59
|
+
var t;
|
|
60
|
+
(t = this.modal) == null || t.destroy(), this.unlockBodyScroll();
|
|
61
|
+
}
|
|
62
|
+
async open() {
|
|
63
|
+
this.modal.show(), this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0);
|
|
64
|
+
}
|
|
65
|
+
async close() {
|
|
66
|
+
this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
|
|
67
|
+
this.modal.hide(), this.resetImageZoom(), this.stopAllMediaPlayers(), this.closing = !1;
|
|
68
|
+
}, 150));
|
|
69
|
+
}
|
|
70
|
+
async activateSlide(t) {
|
|
71
|
+
var e, a;
|
|
72
|
+
(a = (e = this.menu) == null ? void 0 : e.close) == null || a.call(e), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((o, s) => {
|
|
73
|
+
s === this.activeSlideIndex ? (o.removeAttribute("aria-hidden"), o.setAttribute("active", "true")) : s === this.activeSlideIndex - 1 || s === this.activeSlideIndex + 1 ? (o.setAttribute("aria-hidden", "true"), o.setAttribute("active", "true")) : o.setAttribute("aria-hidden", "true"), o.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
|
|
74
|
+
}), setTimeout(() => {
|
|
75
|
+
this.slides.forEach((o, s) => {
|
|
76
|
+
s !== this.activeSlideIndex && s !== this.activeSlideIndex - 1 && s !== this.activeSlideIndex + 1 && o.setAttribute("active", "false");
|
|
77
|
+
});
|
|
78
|
+
}, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
|
|
79
|
+
}
|
|
80
|
+
setSlideAttributes() {
|
|
81
|
+
this.slides.forEach((t) => {
|
|
82
|
+
t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group");
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
resetSlidePositions() {
|
|
86
|
+
this.slides.forEach((t) => {
|
|
87
|
+
t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
getCurrentFileName() {
|
|
91
|
+
var t, e;
|
|
92
|
+
return (e = (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.file) == null ? void 0 : e.split("/").pop();
|
|
93
|
+
}
|
|
94
|
+
getCurrentFileType() {
|
|
95
|
+
var t;
|
|
96
|
+
return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.type;
|
|
97
|
+
}
|
|
98
|
+
getCurrentThumbnailUrl() {
|
|
99
|
+
var t;
|
|
100
|
+
return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
|
|
101
|
+
}
|
|
102
|
+
lockBodyScroll() {
|
|
103
|
+
f(this.el);
|
|
104
|
+
}
|
|
105
|
+
unlockBodyScroll() {
|
|
106
|
+
m(this.el);
|
|
107
|
+
}
|
|
108
|
+
getMediaPlayers() {
|
|
109
|
+
return p(this.el, "video");
|
|
110
|
+
}
|
|
111
|
+
stopAllMediaPlayers() {
|
|
112
|
+
this.getMediaPlayers().forEach((t) => t.pause());
|
|
113
|
+
}
|
|
114
|
+
resetImageZoom() {
|
|
115
|
+
this.slides.forEach((t) => {
|
|
116
|
+
var a;
|
|
117
|
+
const e = (a = t == null ? void 0 : t.shadowRoot) == null ? void 0 : a.querySelector("swirl-file-viewer-image");
|
|
118
|
+
Boolean(e) && e.resetZoom();
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
render() {
|
|
122
|
+
const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, n = x("lightbox", {
|
|
123
|
+
"lightbox--closing": this.closing,
|
|
124
|
+
"lightbox--hide-menu": !s
|
|
125
|
+
});
|
|
126
|
+
return i(b, { key: "eedbc61d8f233551fc73072e634855d9f4576033", onKeydown: this.onKeyDown }, i("section", { key: "3db9750f88be7589ff623cdf01dca5ebcbe62b34", "aria-hidden": "true", "aria-label": this.label, class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l }, i("div", { key: "11c62356b4c0f1b4bc7e94c1f16c997b52cd0ba6", class: "lightbox__body", role: "document" }, i("header", { key: "757b290e3c2be944991b6200882dd822574509ec", class: "lightbox__header" }, i("button", { key: "3a307f15c6fbbb6d61f02b894958e5a3d8be803a", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "3ad53fa426cffd291e19b5d2d274dd8da625f135" })), !this.hideMenu && i("swirl-popover-trigger", { key: "eb4a77d81b05e533f17028f5ace13567a69455f8", swirlPopover: this.menu }, i("button", { key: "4e3cb9b4e8ed2b5bb282b32d005e251fda297280", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "a9311024f6ded33a51b3c013a782be6ba5bee5fa" })))), i("div", { key: "3b50d07b621bde7148a56f5acb39e1062b69a9cf", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "8ac5e7b8afd3bafe08561e766f7a787a4f236dfe", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "29d6c11a444007bfd70e5eb22f9e5c64238d60e2", onSlotchange: this.registerSlides }))), i("div", { key: "efa43a1d10e1270d1c24522055a91293e377682a", class: "lightbox__controls" }, i("button", { key: "47d61a0c32b6dbd30c796759a8ddcb9f32876122", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "6f52359aa9617b3c38e8906ba1e1b38a05efa42c" })), i("button", { key: "f6365bf585150ccb728cc3ee961cd05be5017922", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "76e5fdef353618db9f82cd6e49de0da9b5326b0b" }))), t && i("span", { key: "607e536f75b88f3779414af01e68f01bb32163d8", class: "lightbox__pagination" }, i("span", { key: "e05b86e31550993bd9dd3f8c7a87e00ec365c591", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "e899134f48cf1baac66853bb829a59a4bc1c873f", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "0f5756328ebd28b50290bb6a777cee7ef5fa438b" }, i("div", { key: "4a4d9742cf75b43b4b95c6f0f1b3c7853cd738e4", class: "lightbox__meta" }, o && i("div", { key: "6d4b28bb0763c428d8c8454a30b860a5ee2a65d1", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "555e8b36232b9af4fb8fb6369b27bff448204e20", alt: "", src: o })), i("div", { key: "dbf13b5637b4db552c1840e9044bf490080cc676", class: "lightbox__file-info" }, i("swirl-text", { key: "b016fb48b29ec7609bd95f788c66195a90aa4850", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "8b2275e5a2656fe9708fadb9137a55fca79e4990", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "156ba36159e7b0fd37fdeb8a669297d475475279" }), i("swirl-action-list", { key: "e6e69b511969dc9d9b4162e6b6c4eaa4c0896a4f" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "4f743ed4e1b9f890d69df5463ea65249a302780c", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "eacabb04b213bc2e035f866c87a2dc327e1543a1", name: "menu-items" }))))));
|
|
127
|
+
}
|
|
128
|
+
get el() {
|
|
129
|
+
return u(this);
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
w.style = v;
|
|
133
|
+
export {
|
|
134
|
+
w as swirl_lightbox
|
|
135
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as l, h as i, H as r } from "./index.
|
|
1
|
+
import { r as l, h as i, H as r } from "./index.3f681a5e.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = s, o = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as d, c, h as n, H as b, g as p } from "./index.
|
|
1
|
+
import { r as d, c, h as n, H as b, g as p } from "./index.3f681a5e.js";
|
|
2
2
|
import { c as v, a as f, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
|
|
3
3
|
import { c as y } from "./index-267776a4.6beb4f4b.js";
|
|
4
4
|
import { q as a, c as l, p as h, i as M, b as x } from "./utils-aab10c80.240adddc.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as h, c as t, h as a, H as f, g as p } from "./index.
|
|
1
|
+
import { r as h, c as t, h as a, H as f, g as p } from "./index.3f681a5e.js";
|
|
2
2
|
import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
3
3
|
import { c as v } from "./index-267776a4.6beb4f4b.js";
|
|
4
4
|
import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as i, h as t, H as s } from "./index.
|
|
1
|
+
import { r as i, h as t, H as s } from "./index.3f681a5e.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", a = o, l = class {
|
package/dist/{swirl-option-list_2.entry.21f9b35c.js → swirl-option-list_2.entry.cb5d0254.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as d, c as o, h as a, H as c, g as h } from "./index.
|
|
1
|
+
import { r as d, c as o, h as a, H as c, g as h } from "./index.3f681a5e.js";
|
|
2
2
|
import { c as l, q as n } from "./utils-aab10c80.240adddc.js";
|
|
3
3
|
import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
4
4
|
import { c as b } from "./index-267776a4.6beb4f4b.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as l, c as s, h as e, H as r } from "./index.
|
|
1
|
+
import { r as l, c as s, h as e, H as r } from "./index.3f681a5e.js";
|
|
2
2
|
import { c as p } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { d as g } from "./utils-aab10c80.240adddc.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, c as d, h as e, H as c, g as f } from "./index.
|
|
1
|
+
import { r as n, c as d, h as e, H as c, g as f } from "./index.3f681a5e.js";
|
|
2
2
|
import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
3
|
import { d as h, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
4
|
import { c as r } from "./index-267776a4.6beb4f4b.js";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { o as c, s as
|
|
1
|
+
import { r as v, c as l, h as n, H as g, g as f } from "./index.3f681a5e.js";
|
|
2
|
+
import { o as c, s as h, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
|
|
3
3
|
import { d as C, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
4
|
import { c as A } from "./index-267776a4.6beb4f4b.js";
|
|
5
|
-
import { i as a, b as T, q as
|
|
5
|
+
import { i as a, b as T, q as d } from "./utils-aab10c80.240adddc.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
|
-
const
|
|
8
|
+
const P = ":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}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.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-2)}}.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}}", S = P, L = class {
|
|
9
9
|
constructor(e) {
|
|
10
|
-
|
|
10
|
+
v(this, e), this.popoverClose = l(this, "popoverClose", 7), this.popoverOpen = l(this, "popoverOpen", 7), this.toggle = (t) => {
|
|
11
11
|
t.stopPropagation(), this.active ? this.close() : this.open();
|
|
12
12
|
}, this.onKeydown = (t) => {
|
|
13
13
|
t.code === "Escape" && this.active && (t.stopImmediatePropagation(), t.stopPropagation(), this.close());
|
|
@@ -19,7 +19,7 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
|
|
|
19
19
|
this.position = void 0;
|
|
20
20
|
return;
|
|
21
21
|
}
|
|
22
|
-
const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o),
|
|
22
|
+
const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o), h(), _()] : [c(o), h()];
|
|
23
23
|
this.position = await E(this.triggerEl, this.contentContainer, {
|
|
24
24
|
middleware: i,
|
|
25
25
|
placement: this.placement,
|
|
@@ -39,8 +39,8 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
|
|
|
39
39
|
var p;
|
|
40
40
|
if (!this.active)
|
|
41
41
|
return;
|
|
42
|
-
const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget,
|
|
43
|
-
!
|
|
42
|
+
const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, u = T(), m = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(u), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
|
|
43
|
+
!m.includes(r.tagName) && b && w && (!i || y) && this.close();
|
|
44
44
|
}
|
|
45
45
|
onWindowClick(e) {
|
|
46
46
|
if (!this.active || this.closing)
|
|
@@ -68,7 +68,7 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
|
|
|
68
68
|
this.triggerEl = void 0;
|
|
69
69
|
return;
|
|
70
70
|
}
|
|
71
|
-
this.triggerEl = typeof this.trigger == "string" ?
|
|
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
72
|
this.toggle(e);
|
|
73
73
|
});
|
|
74
74
|
}
|
|
@@ -83,7 +83,7 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
|
|
|
83
83
|
e.setAttribute("aria-controls", this.el.id), e.setAttribute("aria-expanded", String(this.active)), e.setAttribute("aria-haspopup", "dialog");
|
|
84
84
|
}
|
|
85
85
|
getFocusableChildren() {
|
|
86
|
-
return
|
|
86
|
+
return d(this.el, '[role="menuitem"], [role="listbox"]');
|
|
87
87
|
}
|
|
88
88
|
adjustWidth() {
|
|
89
89
|
let e = this.useContainerWidth;
|
|
@@ -110,7 +110,7 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
|
|
|
110
110
|
"popover--inactive": !this.active,
|
|
111
111
|
"popover--transparent": this.transparent
|
|
112
112
|
});
|
|
113
|
-
return n(
|
|
113
|
+
return n(g, { key: "f3bca2b5bafb8518298ab646ac1c348b5c56b232" }, n("div", { key: "5c035656e06397cec7631204d61faece94c616fb", class: t, onKeyDown: this.onKeydown }, n("div", { key: "f2d24daa53c0e5165c5c60e38cd872179c5473ba", "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: {
|
|
114
114
|
top: Boolean(this.position) ? `${(i = this.position) == null ? void 0 : i.y}px` : "",
|
|
115
115
|
left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : ""
|
|
116
116
|
}, tabindex: "-1" }, n("span", { key: "4efd18f520572ae456d0e5bbfc3c92a158b771bd", class: "popover__handle" }), n("div", { key: "fa2c01019b25ec19830887d6ea72f08ca42daf27", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
|
|
@@ -121,12 +121,18 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
|
|
|
121
121
|
return f(this);
|
|
122
122
|
}
|
|
123
123
|
};
|
|
124
|
-
|
|
125
|
-
const
|
|
124
|
+
L.style = S;
|
|
125
|
+
const B = ".sc-swirl-popover-trigger-h{display:contents}", W = B, H = class {
|
|
126
126
|
constructor(e) {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
127
|
+
v(this, e), this.triggerIsActive = !1, this.popoverMouseEnter = () => {
|
|
128
|
+
this.stopHoverLingerTimer();
|
|
129
|
+
}, this.popoverMouseLeave = () => {
|
|
130
|
+
this.triggerIsActive && this.mouseleaveHandler();
|
|
131
|
+
}, this.onMouseenter = () => {
|
|
132
|
+
!this.triggerOnHover || (this.stopHoverLingerTimer(), this.triggerIsActive = !0, this.hoverDelayReference = setTimeout(() => {
|
|
133
|
+
this.hoverDelayReference = void 0, this.mouseenterHandler();
|
|
134
|
+
}, this.hoverDelay));
|
|
135
|
+
}, this.mouseenterHandler = () => {
|
|
130
136
|
const t = this.getPopoverEl(), o = this.getTriggerEl();
|
|
131
137
|
t.open(o, !0), t.addEventListener("popoverOpen", () => {
|
|
132
138
|
this.updateTriggerElAriaAttributes(!0);
|
|
@@ -134,9 +140,9 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
|
|
|
134
140
|
this.updateTriggerElAriaAttributes(!1);
|
|
135
141
|
}, { once: !0 });
|
|
136
142
|
}, this.onMouseleave = () => {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
this.
|
|
143
|
+
clearTimeout(this.hoverDelayReference), Boolean(this.hoverDelayReference) || this.mouseleaveHandler();
|
|
144
|
+
}, this.mouseleaveHandler = () => {
|
|
145
|
+
!this.triggerOnHover || this.startHoverLingerTimer();
|
|
140
146
|
}, this.onClick = () => {
|
|
141
147
|
const t = this.getPopoverEl(), o = this.getTriggerEl();
|
|
142
148
|
t.open(o), t.addEventListener("popoverOpen", () => {
|
|
@@ -153,10 +159,10 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
|
|
|
153
159
|
return;
|
|
154
160
|
const i = typeof this.swirlPopover == "string" ? this.swirlPopover : (r = this.swirlPopover) == null ? void 0 : r.id;
|
|
155
161
|
o.tagName.startsWith("SWIRL-") ? (o.setAttribute("swirl-aria-controls", i), o.setAttribute("swirl-aria-expanded", String(t || "false")), o.setAttribute("swirl-aria-haspopup", "dialog")) : (o.setAttribute("aria-controls", i), o.setAttribute("aria-expanded", String(t || "false")), o.setAttribute("aria-haspopup", "dialog"));
|
|
156
|
-
}, this.hidePopoverWhenInvisible = !0, this.parentScrollContainer = void 0, this.setAriaAttributes = !0, this.swirlPopover = void 0, this.triggerOnHover = !1;
|
|
162
|
+
}, this.hidePopoverWhenInvisible = !0, this.parentScrollContainer = void 0, this.setAriaAttributes = !0, this.swirlPopover = void 0, this.triggerOnHover = !1, this.hoverLingerDuration = void 0, this.hoverDelay = void 0;
|
|
157
163
|
}
|
|
158
164
|
componentDidLoad() {
|
|
159
|
-
if (this.updateTriggerElAriaAttributes(), this.hidePopoverWhenInvisible) {
|
|
165
|
+
if (this.updateTriggerElAriaAttributes(), this.setupHoverListeners(), this.hidePopoverWhenInvisible) {
|
|
160
166
|
this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
|
|
161
167
|
root: this.parentScrollContainer,
|
|
162
168
|
threshold: 1
|
|
@@ -168,8 +174,10 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
|
|
|
168
174
|
}
|
|
169
175
|
}
|
|
170
176
|
disconnectedCallback() {
|
|
171
|
-
var
|
|
172
|
-
(
|
|
177
|
+
var t;
|
|
178
|
+
(t = this.intersectionObserver) == null || t.disconnect();
|
|
179
|
+
const e = this.getPopoverEl();
|
|
180
|
+
Boolean(e) && (e.removeEventListener("mouseenter", this.popoverMouseEnter), e.removeEventListener("mouseleave", this.popoverMouseLeave));
|
|
173
181
|
}
|
|
174
182
|
watchPopover() {
|
|
175
183
|
this.updateTriggerElAriaAttributes();
|
|
@@ -184,13 +192,25 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
|
|
|
184
192
|
var o;
|
|
185
193
|
!e[0].isIntersecting && this.isPopoverOpen() && ((o = this.getPopoverEl()) == null || o.close());
|
|
186
194
|
}
|
|
195
|
+
setupHoverListeners() {
|
|
196
|
+
const e = this.getPopoverEl();
|
|
197
|
+
Boolean(e) && (e.addEventListener("mouseenter", this.popoverMouseEnter), e.addEventListener("mouseleave", this.popoverMouseLeave));
|
|
198
|
+
}
|
|
199
|
+
startHoverLingerTimer() {
|
|
200
|
+
clearTimeout(this.hoverLingerReference), this.hoverLingerReference = setTimeout(() => {
|
|
201
|
+
this.getPopoverEl().close(!0), this.triggerIsActive = !1;
|
|
202
|
+
}, this.hoverLingerDuration);
|
|
203
|
+
}
|
|
204
|
+
stopHoverLingerTimer() {
|
|
205
|
+
clearTimeout(this.hoverLingerReference);
|
|
206
|
+
}
|
|
187
207
|
isPopoverOpen() {
|
|
188
208
|
var o;
|
|
189
209
|
const e = this.getPopoverEl();
|
|
190
210
|
return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
|
|
191
211
|
}
|
|
192
212
|
render() {
|
|
193
|
-
return n(
|
|
213
|
+
return n(g, { key: "e5fbf7d336f3f42160bc7d9ff67f5758e6b12ee6", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "0c167364c36e9e98beeb2752c3d2e1a32518fafc" }));
|
|
194
214
|
}
|
|
195
215
|
get el() {
|
|
196
216
|
return f(this);
|
|
@@ -201,8 +221,8 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
|
|
|
201
221
|
};
|
|
202
222
|
}
|
|
203
223
|
};
|
|
204
|
-
|
|
224
|
+
H.style = W;
|
|
205
225
|
export {
|
|
206
|
-
|
|
207
|
-
|
|
226
|
+
L as swirl_popover,
|
|
227
|
+
H as swirl_popover_trigger
|
|
208
228
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, c as d, h as i, H as l, g as n } from "./index.
|
|
1
|
+
import { r as o, c as d, h as i, H as l, g as n } from "./index.3f681a5e.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const u = ".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)}", c = u, h = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as c, c as a, h as e, H as n } from "./index.
|
|
1
|
+
import { r as c, c as a, h as e, H as n } from "./index.3f681a5e.js";
|
|
2
2
|
import { c as d } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { g as f } from "./utils-aab10c80.240adddc.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as u, c as h, h as s, H as f, g as w } from "./index.
|
|
1
|
+
import { r as u, c as h, h as s, H as f, g as w } from "./index.3f681a5e.js";
|
|
2
2
|
import { c as v } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { q as b } from "./utils-aab10c80.240adddc.js";
|
|
4
4
|
import "react";
|