@getflip/swirl-components-react 0.177.0 → 0.178.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.bc62f31c.js → file-manager.entry.ec50ebca.js} +1 -1
- package/dist/{index.36b4032b.js → index.3431ee0f.js} +285 -285
- package/dist/{swirl-accordion-item.entry.006283d0.js → swirl-accordion-item.entry.ce953084.js} +1 -1
- package/dist/{swirl-accordion.entry.711d732d.js → swirl-accordion.entry.c8c8f738.js} +1 -1
- package/dist/{swirl-action-list-section.entry.c5b8e6f0.js → swirl-action-list-section.entry.9d3d4170.js} +1 -1
- package/dist/{swirl-action-list_3.entry.fe99bd0a.js → swirl-action-list_3.entry.b4630fe2.js} +1 -1
- package/dist/{swirl-app-bar.entry.71fef20e.js → swirl-app-bar.entry.8f1c0fce.js} +1 -1
- package/dist/{swirl-app-icon.entry.2fdf0cf7.js → swirl-app-icon.entry.540fe1f3.js} +1 -1
- package/dist/{swirl-app-layout_6.entry.68b5a6a8.js → swirl-app-layout_6.entry.e7a43ccf.js} +1 -1
- package/dist/{swirl-autocomplete.entry.e5510825.js → swirl-autocomplete.entry.4ad5323d.js} +1 -1
- package/dist/{swirl-avatar-group.entry.9f4af7f3.js → swirl-avatar-group.entry.31ff88f4.js} +1 -1
- package/dist/{swirl-avatar.entry.9f269a94.js → swirl-avatar.entry.eb0faf66.js} +1 -1
- package/dist/{swirl-badge.entry.45323b3b.js → swirl-badge.entry.b3aa09bb.js} +1 -1
- package/dist/{swirl-banner.entry.6f8ed934.js → swirl-banner.entry.1246a126.js} +1 -1
- package/dist/{swirl-box.entry.80033804.js → swirl-box.entry.6ba2d2ef.js} +1 -1
- package/dist/{swirl-button-group.entry.fb205b79.js → swirl-button-group.entry.33c2ac81.js} +1 -1
- package/dist/{swirl-button.entry.dffa92e6.js → swirl-button.entry.7aa9f8e2.js} +1 -1
- package/dist/{swirl-card.entry.47517287.js → swirl-card.entry.49124f36.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.150ad3bd.js → swirl-carousel-slide.entry.c1c646c5.js} +1 -1
- package/dist/{swirl-carousel.entry.0fdb6320.js → swirl-carousel.entry.900e26c1.js} +1 -1
- package/dist/{swirl-checkbox.entry.0ef82e65.js → swirl-checkbox.entry.e95190d2.js} +1 -1
- package/dist/{swirl-chip.entry.d8cb8d28.js → swirl-chip.entry.6c3589d6.js} +1 -1
- package/dist/{swirl-color-input.entry.f49c1fa2.js → swirl-color-input.entry.e0ee0e95.js} +1 -1
- package/dist/{swirl-columns.entry.cce168df.js → swirl-columns.entry.f3d4782f.js} +1 -1
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +2 -2
- package/dist/{swirl-console-layout.entry.8f9b5b42.js → swirl-console-layout.entry.2c8e425d.js} +1 -1
- package/dist/{swirl-date-input.entry.d53e89fb.js → swirl-date-input.entry.dafc4404.js} +1 -1
- package/dist/{swirl-date-picker_2.entry.0fe1482f.js → swirl-date-picker_2.entry.52c72742.js} +1 -1
- package/dist/{swirl-description-list-item.entry.fd45d4f8.js → swirl-description-list-item.entry.0cc6c538.js} +1 -1
- package/dist/{swirl-description-list.entry.eeff0185.js → swirl-description-list.entry.6f63d0b1.js} +1 -1
- package/dist/{swirl-dialog.entry.e8c0ca9d.js → swirl-dialog.entry.c47798d3.js} +16 -16
- package/dist/{swirl-emoji-clap.entry.0d185211.js → swirl-emoji-clap.entry.f3121f64.js} +1 -1
- package/dist/{swirl-emoji-happy.entry.82f92bc3.js → swirl-emoji-happy.entry.8430c416.js} +1 -1
- package/dist/{swirl-emoji-idea.entry.aff904df.js → swirl-emoji-idea.entry.7a4fe923.js} +1 -1
- package/dist/{swirl-emoji-love.entry.fa8272d3.js → swirl-emoji-love.entry.1638dcc4.js} +1 -1
- package/dist/{swirl-emoji-sad.entry.ae09beb3.js → swirl-emoji-sad.entry.afa9a77f.js} +1 -1
- package/dist/{swirl-emoji-thumbs-up.entry.190fb608.js → swirl-emoji-thumbs-up.entry.d8535f92.js} +1 -1
- package/dist/{swirl-emoji.entry.9c243cb3.js → swirl-emoji.entry.b76524a9.js} +1 -1
- package/dist/{swirl-file-uploader.entry.cf77d739.js → swirl-file-uploader.entry.15ff55f1.js} +1 -1
- package/dist/{swirl-file-viewer_7.entry.d8c059fe.js → swirl-file-viewer_7.entry.002cbd59.js} +1 -1
- package/dist/{swirl-form-control.entry.f9bdcf58.js → swirl-form-control.entry.18298b9b.js} +1 -1
- package/dist/{swirl-form-group.entry.9d06a5fb.js → swirl-form-group.entry.7caeb135.js} +1 -1
- package/dist/{swirl-heading.entry.9e684ccc.js → swirl-heading.entry.9d2e47fa.js} +1 -1
- package/dist/{swirl-icon-add-moderator.entry.70f6be95.js → swirl-icon-add-moderator.entry.eb0def55.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.40a99ab5.js → swirl-icon-add-photo.entry.cadd6739.js} +1 -1
- package/dist/{swirl-icon-add-reaction.entry.14b7db12.js → swirl-icon-add-reaction.entry.c1202a80.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.ada4c375.js → swirl-icon-add_6.entry.abc052d4.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.8a462ec6.js → swirl-icon-admin-panel-settings.entry.7b7bf876.js} +1 -1
- package/dist/{swirl-icon-ai.entry.10375bb7.js → swirl-icon-ai.entry.c6590a1e.js} +1 -1
- package/dist/{swirl-icon-apps.entry.7c8e6594.js → swirl-icon-apps.entry.85ed53b6.js} +1 -1
- package/dist/{swirl-icon-arrow-back_5.entry.cfa63d2e.js → swirl-icon-arrow-back_5.entry.b58272bd.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.24bbb926.js → swirl-icon-arrow-downward_2.entry.4ec55605.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.b00a9887.js → swirl-icon-arrow-left_4.entry.93f5b75d.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.10acc321.js → swirl-icon-arrow-right-small.entry.6c84278c.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.30b7db2d.js → swirl-icon-attachment.entry.1e58c3a6.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.e44c3a27.js → swirl-icon-bar-chart.entry.9dc567b8.js} +1 -1
- package/dist/{swirl-icon-block.entry.9e08205d.js → swirl-icon-block.entry.d22613bb.js} +1 -1
- package/dist/{swirl-icon-bookmark-filled.entry.6509693e.js → swirl-icon-bookmark-filled.entry.6e9a9530.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.d2673981.js → swirl-icon-bookmark.entry.84ab8682.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.8552c505.js → swirl-icon-cancel_4.entry.127a02e8.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.c3878bae.js → swirl-icon-chat-bubble.entry.4d07e9af.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.c372528a.js → swirl-icon-chats-filled.entry.4a815177.js} +1 -1
- package/dist/{swirl-icon-chats.entry.4814d4f8.js → swirl-icon-chats.entry.5268c606.js} +1 -1
- package/dist/{swirl-icon-check-circle_2.entry.e6e14e1d.js → swirl-icon-check-circle_2.entry.e9e4b1a2.js} +1 -1
- package/dist/{swirl-icon-check-small_3.entry.3de40523.js → swirl-icon-check-small_3.entry.0aa64123.js} +1 -1
- package/dist/{swirl-icon-check-strong.entry.adc05f93.js → swirl-icon-check-strong.entry.4bec5a3c.js} +1 -1
- package/dist/{swirl-icon-check.entry.26265e28.js → swirl-icon-check.entry.92985199.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.9e3fd4c7.js → swirl-icon-chevron-left.entry.e7fdcc32.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.17280809.js → swirl-icon-chevron-right.entry.fbade5da.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.686e9baf.js → swirl-icon-close-small.entry.b3ee68d8.js} +1 -1
- package/dist/{swirl-icon-close.entry.59beb0f9.js → swirl-icon-close.entry.48980758.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.b81fdaaa.js → swirl-icon-cloud-upload.entry.195708a8.js} +1 -1
- package/dist/{swirl-icon-column.entry.9180039c.js → swirl-icon-column.entry.e79a0f4d.js} +1 -1
- package/dist/{swirl-icon-comment.entry.6a7b1077.js → swirl-icon-comment.entry.12e17310.js} +1 -1
- package/dist/{swirl-icon-copy.entry.7728e4d3.js → swirl-icon-copy.entry.238c0bbd.js} +1 -1
- package/dist/{swirl-icon-dark-mode.entry.5a482e70.js → swirl-icon-dark-mode.entry.1c354cc3.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.41dd8090.js → swirl-icon-date-range.entry.5b3aef13.js} +1 -1
- package/dist/{swirl-icon-delete.entry.81a3ad14.js → swirl-icon-delete.entry.503d4c9c.js} +1 -1
- package/dist/{swirl-icon-description.entry.e1d1a69f.js → swirl-icon-description.entry.6a4f9e6a.js} +1 -1
- package/dist/{swirl-icon-desktop.entry.e8ea2b1e.js → swirl-icon-desktop.entry.3afdda7e.js} +1 -1
- package/dist/{swirl-icon-directory-filled.entry.685ca912.js → swirl-icon-directory-filled.entry.ba1502e5.js} +1 -1
- package/dist/{swirl-icon-directory.entry.b2137798.js → swirl-icon-directory.entry.8137d193.js} +1 -1
- package/dist/{swirl-icon-discover.entry.b253ef72.js → swirl-icon-discover.entry.8ebae845.js} +1 -1
- package/dist/{swirl-icon-dock-left.entry.32b61eee.js → swirl-icon-dock-left.entry.364da2b6.js} +1 -1
- package/dist/{swirl-icon-dot.entry.31172d3b.js → swirl-icon-dot.entry.9ac951a3.js} +1 -1
- package/dist/{swirl-icon-download.entry.a2140aec.js → swirl-icon-download.entry.658ffb82.js} +1 -1
- package/dist/{swirl-icon-edit.entry.51aa8e44.js → swirl-icon-edit.entry.d1724658.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.f1fdf1e2.js → swirl-icon-emoji-mood.entry.d1b8e628.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.d6a0afca.js → swirl-icon-emoji-satisfied.entry.f973a2b2.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.c547868a.js → swirl-icon-error_3.entry.8297de50.js} +1 -1
- package/dist/{swirl-icon-expand-more.entry.c2f6b126.js → swirl-icon-expand-more.entry.d299a9ae.js} +1 -1
- package/dist/{swirl-icon-filter.entry.f549606d.js → swirl-icon-filter.entry.acac62c9.js} +1 -1
- package/dist/{swirl-icon-folder.entry.683b9b4c.js → swirl-icon-folder.entry.483a19f6.js} +1 -1
- package/dist/{swirl-icon-format-h-one.entry.60bedcb6.js → swirl-icon-format-h-one.entry.165cf30f.js} +1 -1
- package/dist/{swirl-icon-gif.entry.7ac6c11d.js → swirl-icon-gif.entry.6c16955f.js} +1 -1
- package/dist/{swirl-icon-group-add.entry.e5dfff7f.js → swirl-icon-group-add.entry.bc2068d6.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.69ff1f52.js → swirl-icon-group-assign.entry.867c37cb.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.eeb68603.js → swirl-icon-groups-filled.entry.a806405f.js} +1 -1
- package/dist/{swirl-icon-groups.entry.6598f31e.js → swirl-icon-groups.entry.ece98cb7.js} +1 -1
- package/dist/{swirl-icon-help.entry.b2154865.js → swirl-icon-help.entry.d614c628.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.0b3adacd.js → swirl-icon-highlight.entry.72a041f4.js} +1 -1
- package/dist/{swirl-icon-home.entry.55b3ce93.js → swirl-icon-home.entry.13baea92.js} +1 -1
- package/dist/{swirl-icon-image.entry.f234ba77.js → swirl-icon-image.entry.32a7c1bf.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.758b2405.js → swirl-icon-improve-text.entry.be185613.js} +1 -1
- package/dist/{swirl-icon-info_2.entry.d776b6fe.js → swirl-icon-info_2.entry.137628a8.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.2e9ce1f9.js → swirl-icon-insert-below.entry.2eb2a554.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.6dcbcd29.js → swirl-icon-insert-on-top.entry.95c1f7a0.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.255da4de.js → swirl-icon-inventory.entry.dd63f578.js} +1 -1
- package/dist/{swirl-icon-keyboard-hide.entry.71891aea.js → swirl-icon-keyboard-hide.entry.f25ef568.js} +1 -1
- package/dist/{swirl-icon-light-mode.entry.f5f28205.js → swirl-icon-light-mode.entry.2fb508cb.js} +1 -1
- package/dist/{swirl-icon-like.entry.f5a6ed8f.js → swirl-icon-like.entry.45a73d92.js} +1 -1
- package/dist/{swirl-icon-link.entry.9c195510.js → swirl-icon-link.entry.658f16e9.js} +1 -1
- package/dist/{swirl-icon-load.entry.5c04b0c6.js → swirl-icon-load.entry.522ba0cf.js} +1 -1
- package/dist/{swirl-icon-lock-open.entry.bef85351.js → swirl-icon-lock-open.entry.42d42bf1.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.00335a50.js → swirl-icon-lock-person.entry.57a1aead.js} +1 -1
- package/dist/{swirl-icon-lock.entry.34c6472a.js → swirl-icon-lock.entry.785e80a7.js} +1 -1
- package/dist/{swirl-icon-login.entry.e9d58171.js → swirl-icon-login.entry.958a0bf2.js} +1 -1
- package/dist/{swirl-icon-logout.entry.9f52e904.js → swirl-icon-logout.entry.6f64afe5.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.1c0f9169.js → swirl-icon-long-text.entry.1c9685f3.js} +1 -1
- package/dist/{swirl-icon-mail.entry.2f573ce9.js → swirl-icon-mail.entry.3fa526fa.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.d1c70e4d.js → swirl-icon-manage-accounts.entry.e1006aa9.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.e7791f2e.js → swirl-icon-mark-chat-read.entry.7bb2cb38.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.dffe7348.js → swirl-icon-mark-chat-unread.entry.65c2be82.js} +1 -1
- package/dist/{swirl-icon-mention.entry.86d768ee.js → swirl-icon-mention.entry.0d272027.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.c276d713.js → swirl-icon-menu-filled.entry.9e53c309.js} +1 -1
- package/dist/{swirl-icon-menu.entry.e44e63c7.js → swirl-icon-menu.entry.b2a36537.js} +1 -1
- package/dist/{swirl-icon-message.entry.eb20b296.js → swirl-icon-message.entry.187d56fe.js} +1 -1
- package/dist/{swirl-icon-mic.entry.41c13978.js → swirl-icon-mic.entry.a2fedde6.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.f88b091c.js → swirl-icon-more-horizontal.entry.394e557f.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.795d6f30.js → swirl-icon-news-filled.entry.168ce303.js} +1 -1
- package/dist/{swirl-icon-news.entry.bfd7dbb6.js → swirl-icon-news.entry.6a5ef02d.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.b9d326ca.js → swirl-icon-notifications-active.entry.8acd77b8.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.ad343159.js → swirl-icon-notifications-off.entry.1f746b7f.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.84274bde.js → swirl-icon-notifications.entry.0ea9a6fa.js} +1 -1
- package/dist/{swirl-icon-open-in-full.entry.b966a673.js → swirl-icon-open-in-full.entry.430f127e.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.9ca73570.js → swirl-icon-open-in-new.entry.84cec2b0.js} +1 -1
- package/dist/{swirl-icon-pause-circle.entry.de85c65f.js → swirl-icon-pause-circle.entry.35ecbb06.js} +1 -1
- package/dist/{swirl-icon-pause.entry.d0a1115d.js → swirl-icon-pause.entry.18bccc7f.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.797023b6.js → swirl-icon-people-alt.entry.be085028.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.ebdf8259.js → swirl-icon-person-off.entry.c89c8ca7.js} +1 -1
- package/dist/{swirl-icon-person.entry.c930136f.js → swirl-icon-person.entry.1f26e547.js} +1 -1
- package/dist/{swirl-icon-phone.entry.ee4dd1d7.js → swirl-icon-phone.entry.00c9a256.js} +1 -1
- package/dist/{swirl-icon-photo-camera.entry.2faaea6b.js → swirl-icon-photo-camera.entry.72b71a1d.js} +1 -1
- package/dist/{swirl-icon-place.entry.1c8afd49.js → swirl-icon-place.entry.b30c7ceb.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.138aa097.js → swirl-icon-play-arrow.entry.f0dc06b5.js} +1 -1
- package/dist/{swirl-icon-poll.entry.2ceefb7c.js → swirl-icon-poll.entry.436c2383.js} +1 -1
- package/dist/{swirl-icon-print.entry.7f18d6da.js → swirl-icon-print.entry.65e4b9bf.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.47a2f9c3.js → swirl-icon-recieved.entry.9b8e11e3.js} +1 -1
- package/dist/{swirl-icon-remove-moderator.entry.d226e49d.js → swirl-icon-remove-moderator.entry.cdda2e1e.js} +1 -1
- package/dist/{swirl-icon-reply.entry.d3d8c5f8.js → swirl-icon-reply.entry.de3e2790.js} +1 -1
- package/dist/{swirl-icon-report.entry.89cf9a9c.js → swirl-icon-report.entry.e07fa088.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.948caeb2.js → swirl-icon-roadmap.entry.854293d6.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.821b2a1f.js → swirl-icon-search-strong.entry.c741dc18.js} +1 -1
- package/dist/{swirl-icon-search.entry.dd9f7718.js → swirl-icon-search.entry.f51de7d7.js} +1 -1
- package/dist/{swirl-icon-secure.entry.87d945c4.js → swirl-icon-secure.entry.8d7ee842.js} +1 -1
- package/dist/{swirl-icon-send.entry.f9164a52.js → swirl-icon-send.entry.59d38a83.js} +1 -1
- package/dist/{swirl-icon-settings.entry.7f12a811.js → swirl-icon-settings.entry.adaf0cc8.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.b7779866.js → swirl-icon-short-text.entry.86eecd3c.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.1d8afd22.js → swirl-icon-simplify.entry.4d72355f.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.b44c87bf.js → swirl-icon-spellcheck.entry.9ae2948c.js} +1 -1
- package/dist/{swirl-icon-stop.entry.15532b38.js → swirl-icon-stop.entry.aae663e2.js} +1 -1
- package/dist/{swirl-icon-sync.entry.090eb842.js → swirl-icon-sync.entry.bcb9e72d.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.e8ef60bd.js → swirl-icon-tasks-filled.entry.c34db763.js} +1 -1
- package/dist/{swirl-icon-tasks.entry.df880817.js → swirl-icon-tasks.entry.caa8c44d.js} +1 -1
- package/dist/{swirl-icon-terminal.entry.827c9cff.js → swirl-icon-terminal.entry.f0ed6d29.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.1bc79f21.js → swirl-icon-time-filled.entry.00c9ca22.js} +1 -1
- package/dist/{swirl-icon-time.entry.0e650ca2.js → swirl-icon-time.entry.788282e2.js} +1 -1
- package/dist/{swirl-icon-today-filled.entry.5c62ba31.js → swirl-icon-today-filled.entry.4d3323fb.js} +1 -1
- package/dist/{swirl-icon-translate.entry.7bc27835.js → swirl-icon-translate.entry.a72aa1fe.js} +1 -1
- package/dist/{swirl-icon-tree-structure.entry.3ed8476c.js → swirl-icon-tree-structure.entry.e7257b20.js} +1 -1
- package/dist/{swirl-icon-undo.entry.5735cd67.js → swirl-icon-undo.entry.2b6fb2d3.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.e8a3cdaf.js → swirl-icon-unlock-person.entry.a955ae3b.js} +1 -1
- package/dist/{swirl-icon-user-add.entry.7bef4e35.js → swirl-icon-user-add.entry.76440a16.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.582e4e2c.js → swirl-icon-user-assign.entry.6b70045f.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.cc757e1a.js → swirl-icon-video-camera.entry.6f24ff05.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.1b0f2a0f.js → swirl-icon-video-library.entry.7ef5a13d.js} +1 -1
- package/dist/{swirl-icon-voice.entry.b2f01809.js → swirl-icon-voice.entry.d815030d.js} +1 -1
- package/dist/{swirl-icon-work.entry.a7ce53b0.js → swirl-icon-work.entry.d8819948.js} +1 -1
- package/dist/{swirl-icon.entry.03efad71.js → swirl-icon.entry.c5e3644c.js} +1 -1
- package/dist/{swirl-image-grid-item.entry.5d726920.js → swirl-image-grid-item.entry.ee093944.js} +1 -1
- package/dist/{swirl-image-grid.entry.f5b83129.js → swirl-image-grid.entry.0d826b56.js} +1 -1
- package/dist/{swirl-inline-notification.entry.c377b3d8.js → swirl-inline-notification.entry.ebecbf00.js} +1 -1
- package/dist/{swirl-inline-status.entry.3145dc38.js → swirl-inline-status.entry.0da59b54.js} +1 -1
- package/dist/{swirl-lightbox.entry.a79e0474.js → swirl-lightbox.entry.644b9979.js} +49 -47
- package/dist/{swirl-link.entry.f98a6294.js → swirl-link.entry.32d58cb6.js} +1 -1
- package/dist/{swirl-list.entry.313dd39d.js → swirl-list.entry.8290a1d5.js} +1 -1
- package/dist/{swirl-menu-item.entry.4ad5a334.js → swirl-menu-item.entry.ef09e6ff.js} +1 -1
- package/dist/{swirl-menu.entry.413446c9.js → swirl-menu.entry.3e5383f3.js} +1 -1
- package/dist/swirl-modal.entry.3ac0a6be.js +118 -0
- package/dist/{swirl-option-list-section.entry.54d72f37.js → swirl-option-list-section.entry.43886056.js} +1 -1
- package/dist/{swirl-option-list_2.entry.e6d8c205.js → swirl-option-list_2.entry.5dc267c3.js} +1 -1
- package/dist/{swirl-pagination.entry.11689547.js → swirl-pagination.entry.5012a09d.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.4c6b79a1.js → swirl-pdf-reader.entry.e7ff6e09.js} +1 -1
- package/dist/{swirl-popover_2.entry.43fff405.js → swirl-popover_2.entry.3d4f33bc.js} +1 -1
- package/dist/{swirl-progress-indicator.entry.1d820e44.js → swirl-progress-indicator.entry.bbc10fc1.js} +1 -1
- package/dist/{swirl-radio-group.entry.9fb72b0b.js → swirl-radio-group.entry.4d45b5bb.js} +1 -1
- package/dist/{swirl-radio.entry.b6109528.js → swirl-radio.entry.ada7bd29.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.57a56e4c.js → swirl-resource-list-file-item.entry.075c4e8a.js} +1 -1
- package/dist/{swirl-search.entry.5afb70f8.js → swirl-search.entry.54c9662a.js} +1 -1
- package/dist/{swirl-select.entry.888cc562.js → swirl-select.entry.57206812.js} +1 -1
- package/dist/{swirl-shell-layout.entry.ad093601.js → swirl-shell-layout.entry.fc3c9400.js} +1 -1
- package/dist/{swirl-shell-navigation-item.entry.c90b1341.js → swirl-shell-navigation-item.entry.ebe9b2ae.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.f7fc29e4.js → swirl-skeleton-box.entry.a1bf66e1.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.67139659.js → swirl-skeleton-text.entry.1dc6eb5b.js} +1 -1
- package/dist/{swirl-stack.entry.3b6e2ae0.js → swirl-stack.entry.0b8d297e.js} +1 -1
- package/dist/{swirl-status-indicator.entry.3a188271.js → swirl-status-indicator.entry.e5088456.js} +1 -1
- package/dist/{swirl-switch.entry.aac5bc69.js → swirl-switch.entry.f0bd7570.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.2d3b0ff4.js → swirl-symbol-account-circle.entry.9f0b5c9c.js} +1 -1
- package/dist/{swirl-symbol-alternate-email.entry.fd32b7b9.js → swirl-symbol-alternate-email.entry.7a4307ea.js} +1 -1
- package/dist/{swirl-symbol-android.entry.e5b5de5d.js → swirl-symbol-android.entry.2354543c.js} +1 -1
- package/dist/{swirl-symbol-announcement.entry.ad689bb8.js → swirl-symbol-announcement.entry.51e98118.js} +1 -1
- package/dist/{swirl-symbol-backup.entry.ef83f50a.js → swirl-symbol-backup.entry.c5490a1a.js} +1 -1
- package/dist/{swirl-symbol-beach-access.entry.6e709ac7.js → swirl-symbol-beach-access.entry.e7f9984b.js} +1 -1
- package/dist/{swirl-symbol-bookmark.entry.177f7930.js → swirl-symbol-bookmark.entry.26d9cf06.js} +1 -1
- package/dist/{swirl-symbol-cloud.entry.a103c9a6.js → swirl-symbol-cloud.entry.2ff71afc.js} +1 -1
- package/dist/{swirl-symbol-coronavirus.entry.21424c5c.js → swirl-symbol-coronavirus.entry.6580f3fc.js} +1 -1
- package/dist/{swirl-symbol-desktop-windows.entry.798f4070.js → swirl-symbol-desktop-windows.entry.12b7a096.js} +1 -1
- package/dist/{swirl-symbol-directions-car-filled.entry.74357dff.js → swirl-symbol-directions-car-filled.entry.63883882.js} +1 -1
- package/dist/{swirl-symbol-edit-calendar.entry.d8704ff6.js → swirl-symbol-edit-calendar.entry.f08319f2.js} +1 -1
- package/dist/{swirl-symbol-email.entry.f2c599c2.js → swirl-symbol-email.entry.e81046c8.js} +1 -1
- package/dist/{swirl-symbol-emoji-food-beverage.entry.32b7de17.js → swirl-symbol-emoji-food-beverage.entry.f671cde5.js} +1 -1
- package/dist/{swirl-symbol-event-menu.entry.a137b977.js → swirl-symbol-event-menu.entry.1b791fdb.js} +1 -1
- package/dist/{swirl-symbol-facebook.entry.94982c61.js → swirl-symbol-facebook.entry.f6e4ff8d.js} +1 -1
- package/dist/{swirl-symbol-favorite.entry.cf4f4374.js → swirl-symbol-favorite.entry.b44eb6c1.js} +1 -1
- package/dist/{swirl-symbol-fitness-center.entry.edb719eb.js → swirl-symbol-fitness-center.entry.726c56e9.js} +1 -1
- package/dist/{swirl-symbol-flag.entry.1c647998.js → swirl-symbol-flag.entry.8edf389f.js} +1 -1
- package/dist/{swirl-symbol-folder.entry.52d60678.js → swirl-symbol-folder.entry.075f24fa.js} +1 -1
- package/dist/{swirl-symbol-globe.entry.dd725814.js → swirl-symbol-globe.entry.de5e6d38.js} +1 -1
- package/dist/{swirl-symbol-groups.entry.60905d94.js → swirl-symbol-groups.entry.75f30db7.js} +1 -1
- package/dist/{swirl-symbol-help.entry.9c48c52b.js → swirl-symbol-help.entry.cb4e226e.js} +1 -1
- package/dist/{swirl-symbol-image.entry.d8d9d34a.js → swirl-symbol-image.entry.6b644808.js} +1 -1
- package/dist/{swirl-symbol-info-menu.entry.7a12841f.js → swirl-symbol-info-menu.entry.77c593a2.js} +1 -1
- package/dist/{swirl-symbol-instagram.entry.9872548e.js → swirl-symbol-instagram.entry.9d2294b9.js} +1 -1
- package/dist/{swirl-symbol-ios.entry.3dcb3d83.js → swirl-symbol-ios.entry.bd617cf3.js} +1 -1
- package/dist/{swirl-symbol-language.entry.ba43adb5.js → swirl-symbol-language.entry.56c44d04.js} +1 -1
- package/dist/{swirl-symbol-leaderboard.entry.572e6b12.js → swirl-symbol-leaderboard.entry.b705e365.js} +1 -1
- package/dist/{swirl-symbol-lightbulb.entry.87d553be.js → swirl-symbol-lightbulb.entry.5b2b9022.js} +1 -1
- package/dist/{swirl-symbol-linkedin.entry.8cc083ee.js → swirl-symbol-linkedin.entry.c8442689.js} +1 -1
- package/dist/{swirl-symbol-location-on.entry.3605f5d2.js → swirl-symbol-location-on.entry.a534650e.js} +1 -1
- package/dist/{swirl-symbol-loyalty.entry.8835d729.js → swirl-symbol-loyalty.entry.4068c6a3.js} +1 -1
- package/dist/{swirl-symbol-maps-home-work.entry.e0921e01.js → swirl-symbol-maps-home-work.entry.23195eac.js} +1 -1
- package/dist/{swirl-symbol-notifications.entry.403f8342.js → swirl-symbol-notifications.entry.6417262f.js} +1 -1
- package/dist/{swirl-symbol-open-in-new.entry.c5e12ccc.js → swirl-symbol-open-in-new.entry.9e5dfc9c.js} +1 -1
- package/dist/{swirl-symbol-pedal-bike.entry.cb679109.js → swirl-symbol-pedal-bike.entry.48752a94.js} +1 -1
- package/dist/{swirl-symbol-pinterest.entry.ff45c88a.js → swirl-symbol-pinterest.entry.f5565685.js} +1 -1
- package/dist/{swirl-symbol-policy.entry.0a99e056.js → swirl-symbol-policy.entry.8f7ee820.js} +1 -1
- package/dist/{swirl-symbol-push-pin.entry.2066c70c.js → swirl-symbol-push-pin.entry.c1b6ef16.js} +1 -1
- package/dist/{swirl-symbol-redeem.entry.4eab06a8.js → swirl-symbol-redeem.entry.f9b43319.js} +1 -1
- package/dist/{swirl-symbol-report-problem.entry.ab9ad7fe.js → swirl-symbol-report-problem.entry.63de5b03.js} +1 -1
- package/dist/{swirl-symbol-restaurant.entry.54bae0d6.js → swirl-symbol-restaurant.entry.cd1b7ca7.js} +1 -1
- package/dist/{swirl-symbol-roadmap.entry.f02ea8db.js → swirl-symbol-roadmap.entry.2b1078a2.js} +1 -1
- package/dist/{swirl-symbol-room.entry.95592da6.js → swirl-symbol-room.entry.7837d483.js} +1 -1
- package/dist/{swirl-symbol-savings.entry.5c10f96e.js → swirl-symbol-savings.entry.ba4ddea5.js} +1 -1
- package/dist/{swirl-symbol-settings-voice.entry.467fd13f.js → swirl-symbol-settings-voice.entry.15ec9055.js} +1 -1
- package/dist/{swirl-symbol-shopping-cart.entry.76eb68ff.js → swirl-symbol-shopping-cart.entry.f83f5f58.js} +1 -1
- package/dist/{swirl-symbol-smartphone.entry.69d34213.js → swirl-symbol-smartphone.entry.f5f9acfe.js} +1 -1
- package/dist/{swirl-symbol-star.entry.3d0bda9b.js → swirl-symbol-star.entry.f5d14944.js} +1 -1
- package/dist/{swirl-symbol-supervisor-account.entry.7eaf9e70.js → swirl-symbol-supervisor-account.entry.bed47ab4.js} +1 -1
- package/dist/{swirl-symbol-thumbs-up-down.entry.6af790b7.js → swirl-symbol-thumbs-up-down.entry.2b1392b4.js} +1 -1
- package/dist/{swirl-symbol-twitter.entry.f94ddd25.js → swirl-symbol-twitter.entry.8e6fa16a.js} +1 -1
- package/dist/{swirl-symbol-wb-sunny.entry.2b441351.js → swirl-symbol-wb-sunny.entry.a01daead.js} +1 -1
- package/dist/{swirl-symbol-wechat.entry.ed0e95d6.js → swirl-symbol-wechat.entry.ad4f09b0.js} +1 -1
- package/dist/{swirl-symbol-weibo.entry.f73c5205.js → swirl-symbol-weibo.entry.a9155b9d.js} +1 -1
- package/dist/{swirl-symbol-work.entry.a3a3cb67.js → swirl-symbol-work.entry.17615f61.js} +1 -1
- package/dist/{swirl-symbol-xing.entry.c5c4c799.js → swirl-symbol-xing.entry.fd38fea0.js} +1 -1
- package/dist/{swirl-symbol-youtube.entry.116b5990.js → swirl-symbol-youtube.entry.6570cc98.js} +1 -1
- package/dist/{swirl-symbol.entry.4cca5e4d.js → swirl-symbol.entry.82b9590b.js} +1 -1
- package/dist/{swirl-tab-bar.entry.026cccf9.js → swirl-tab-bar.entry.decae1c9.js} +1 -1
- package/dist/{swirl-tab.entry.778b9424.js → swirl-tab.entry.06ec3a04.js} +1 -1
- package/dist/{swirl-table-cell.entry.a72fb70d.js → swirl-table-cell.entry.7be9b83d.js} +1 -1
- package/dist/{swirl-table-column.entry.8843ed62.js → swirl-table-column.entry.de0f5611.js} +1 -1
- package/dist/{swirl-table-row-group.entry.6acdd558.js → swirl-table-row-group.entry.e7325f4a.js} +1 -1
- package/dist/{swirl-table-row.entry.2a84418c.js → swirl-table-row.entry.b0f14f3d.js} +1 -1
- package/dist/{swirl-table.entry.8f17a027.js → swirl-table.entry.e12c14f5.js} +1 -1
- package/dist/{swirl-tabs.entry.fe88b589.js → swirl-tabs.entry.b475f9d7.js} +1 -1
- package/dist/{swirl-text-input.entry.b34c0b51.js → swirl-text-input.entry.97685b9b.js} +1 -1
- package/dist/{swirl-text.entry.dffc9f35.js → swirl-text.entry.00c49c39.js} +1 -1
- package/dist/{swirl-theme-provider.entry.cb9793c7.js → swirl-theme-provider.entry.afe6d293.js} +1 -1
- package/dist/{swirl-time-input.entry.1ba566ca.js → swirl-time-input.entry.994c6540.js} +1 -1
- package/dist/{swirl-toast-provider.entry.0653201c.js → swirl-toast-provider.entry.3665057b.js} +1 -1
- package/dist/{swirl-toast.entry.e71a480a.js → swirl-toast.entry.29f1a4e3.js} +1 -1
- package/dist/{swirl-toolbar.entry.3a9f0fd0.js → swirl-toolbar.entry.dd5e17e9.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.4a3dab89.js → swirl-tree-navigation-item.entry.aee5f952.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.9e774ec0.js → swirl-video-thumbnail.entry.44db0744.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.f246af57.js → swirl-visually-hidden.entry.0f071eb3.js} +1 -1
- package/dist/{wc-datepicker.entry.135ef353.js → wc-datepicker.entry.227d8124.js} +1 -1
- package/package.json +2 -2
- package/dist/swirl-modal.entry.53c8dbb6.js +0 -118
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, h as s, H as o } from "./index.
|
|
1
|
+
import { r as t, h as s, H as o } from "./index.3431ee0f.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as c, h as e, H as u, g } from "./index.
|
|
1
|
+
import { r as c, h as e, H as u, g } from "./index.3431ee0f.js";
|
|
2
2
|
import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
3
|
import { d as m, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
4
|
import { c as x } from "./index-d280dafb.186cdb0e.js";
|
|
@@ -6,28 +6,28 @@ import { q as f } from "./utils-c5f2f98f.af14538a.js";
|
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
8
|
const v = ':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}}', _ = class {
|
|
9
|
-
constructor(
|
|
10
|
-
c(this,
|
|
9
|
+
constructor(t) {
|
|
10
|
+
c(this, t), this.dragging = !1, this.onCloseButtonClick = () => {
|
|
11
11
|
this.close();
|
|
12
12
|
}, this.onDownloadButtonClick = () => {
|
|
13
|
-
var
|
|
14
|
-
(
|
|
13
|
+
var i;
|
|
14
|
+
(i = this.slides[this.activeSlideIndex]) == null || i.download(), this.menu.close();
|
|
15
15
|
}, this.onNextSlideClick = () => {
|
|
16
16
|
this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1));
|
|
17
17
|
}, this.onPreviousSlideClick = () => {
|
|
18
18
|
this.activateSlide(Math.max(0, this.activeSlideIndex - 1));
|
|
19
19
|
}, this.registerSlides = () => {
|
|
20
|
-
this.slides = Array.from(this.el.children).filter((
|
|
21
|
-
}, this.onPointerDown = (
|
|
22
|
-
this.dragging = !0, this.dragStartPosition =
|
|
20
|
+
this.slides = Array.from(this.el.children).filter((i) => i.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
|
|
21
|
+
}, this.onPointerDown = (i) => {
|
|
22
|
+
this.dragging = !0, this.dragStartPosition = i instanceof MouseEvent ? i.clientX : i.touches[0].clientX, this.slides.forEach((l) => {
|
|
23
23
|
l.style.transition = "none";
|
|
24
24
|
});
|
|
25
|
-
}, this.onPointerMove = async (
|
|
25
|
+
}, this.onPointerMove = async (i) => {
|
|
26
26
|
var a, n;
|
|
27
|
-
const l = !(
|
|
28
|
-
if (!(l ||
|
|
29
|
-
|
|
30
|
-
const d =
|
|
27
|
+
const l = !(i instanceof MouseEvent) && i.touches.length > 1, o = (n = (a = this.slides[this.activeSlideIndex]) == null ? void 0 : a.shadowRoot) == null ? void 0 : n.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
|
|
28
|
+
if (!(l || s) && this.dragging) {
|
|
29
|
+
i.preventDefault();
|
|
30
|
+
const d = i instanceof MouseEvent ? i.clientX - this.dragStartPosition : i.touches[0].clientX - this.dragStartPosition;
|
|
31
31
|
this.slides.forEach((r) => {
|
|
32
32
|
const h = this.activeSlideIndex * r.getBoundingClientRect().width;
|
|
33
33
|
this.dragDelta = d, r.style.transform = `translate3d(${(-h + this.dragDelta) / 16}rem, 0, 0)`;
|
|
@@ -35,14 +35,16 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
|
|
|
35
35
|
}
|
|
36
36
|
}, this.onPointerUp = () => {
|
|
37
37
|
this.dragging = !1, this.dragStartPosition = void 0;
|
|
38
|
-
const
|
|
38
|
+
const i = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
|
|
39
39
|
this.dragDelta = 0;
|
|
40
|
-
const l =
|
|
41
|
-
this.slides.forEach((
|
|
42
|
-
|
|
43
|
-
}), l ? this.onPreviousSlideClick() :
|
|
44
|
-
}, this.onBackdropClick = (
|
|
45
|
-
|
|
40
|
+
const l = i > 0.2, o = i < -0.2;
|
|
41
|
+
this.slides.forEach((s) => {
|
|
42
|
+
s.style.transition = "";
|
|
43
|
+
}), l ? this.onPreviousSlideClick() : o ? this.onNextSlideClick() : this.resetSlidePositions();
|
|
44
|
+
}, this.onBackdropClick = (i) => {
|
|
45
|
+
i.target === this.slidesContainer && this.close();
|
|
46
|
+
}, this.onContextMenu = (i) => {
|
|
47
|
+
this.downloadButtonEnabled || i.preventDefault();
|
|
46
48
|
}, 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;
|
|
47
49
|
}
|
|
48
50
|
componentWillLoad() {
|
|
@@ -52,11 +54,11 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
|
|
|
52
54
|
this.modal = new b(this.modalEl), this.activateSlide(0);
|
|
53
55
|
}
|
|
54
56
|
disconnectedCallback() {
|
|
55
|
-
var
|
|
56
|
-
(
|
|
57
|
+
var t;
|
|
58
|
+
(t = this.modal) == null || t.destroy(), this.unlockBodyScroll();
|
|
57
59
|
}
|
|
58
|
-
onKeyDown(
|
|
59
|
-
!this.modal.shown || (
|
|
60
|
+
onKeyDown(t) {
|
|
61
|
+
!this.modal.shown || (t.code === "Escape" ? (t.stopImmediatePropagation(), this.close()) : t.code === "ArrowLeft" ? this.onPreviousSlideClick() : t.code === "ArrowRight" && this.onNextSlideClick());
|
|
60
62
|
}
|
|
61
63
|
async open() {
|
|
62
64
|
this.modal.show(), this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0);
|
|
@@ -66,37 +68,37 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
|
|
|
66
68
|
this.modal.hide(), this.resetImageZoom(), this.stopAllMediaPlayers(), this.closing = !1;
|
|
67
69
|
}, 150));
|
|
68
70
|
}
|
|
69
|
-
async activateSlide(
|
|
70
|
-
var
|
|
71
|
-
(l = (
|
|
72
|
-
|
|
71
|
+
async activateSlide(t) {
|
|
72
|
+
var i, l;
|
|
73
|
+
(l = (i = this.menu) == null ? void 0 : i.close) == null || l.call(i), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((o, s) => {
|
|
74
|
+
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)`;
|
|
73
75
|
}), setTimeout(() => {
|
|
74
|
-
this.slides.forEach((
|
|
75
|
-
|
|
76
|
+
this.slides.forEach((o, s) => {
|
|
77
|
+
s !== this.activeSlideIndex && s !== this.activeSlideIndex - 1 && s !== this.activeSlideIndex + 1 && o.setAttribute("active", "false");
|
|
76
78
|
});
|
|
77
79
|
}, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
|
|
78
80
|
}
|
|
79
81
|
setSlideAttributes() {
|
|
80
|
-
this.slides.forEach((
|
|
81
|
-
|
|
82
|
+
this.slides.forEach((t) => {
|
|
83
|
+
t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group");
|
|
82
84
|
});
|
|
83
85
|
}
|
|
84
86
|
resetSlidePositions() {
|
|
85
|
-
this.slides.forEach((
|
|
86
|
-
|
|
87
|
+
this.slides.forEach((t) => {
|
|
88
|
+
t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
|
|
87
89
|
});
|
|
88
90
|
}
|
|
89
91
|
getCurrentFileName() {
|
|
90
|
-
var
|
|
91
|
-
return (
|
|
92
|
+
var t, i;
|
|
93
|
+
return (i = (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.file) == null ? void 0 : i.split("/").pop();
|
|
92
94
|
}
|
|
93
95
|
getCurrentFileType() {
|
|
94
|
-
var
|
|
95
|
-
return (
|
|
96
|
+
var t;
|
|
97
|
+
return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.type;
|
|
96
98
|
}
|
|
97
99
|
getCurrentThumbnailUrl() {
|
|
98
|
-
var
|
|
99
|
-
return (
|
|
100
|
+
var t;
|
|
101
|
+
return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
|
|
100
102
|
}
|
|
101
103
|
lockBodyScroll() {
|
|
102
104
|
m(this.el);
|
|
@@ -108,21 +110,21 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
|
|
|
108
110
|
return f(this.el, "video");
|
|
109
111
|
}
|
|
110
112
|
stopAllMediaPlayers() {
|
|
111
|
-
this.getMediaPlayers().forEach((
|
|
113
|
+
this.getMediaPlayers().forEach((t) => t.pause());
|
|
112
114
|
}
|
|
113
115
|
resetImageZoom() {
|
|
114
|
-
this.slides.forEach((
|
|
116
|
+
this.slides.forEach((t) => {
|
|
115
117
|
var l;
|
|
116
|
-
const
|
|
117
|
-
Boolean(
|
|
118
|
+
const i = (l = t == null ? void 0 : t.shadowRoot) == null ? void 0 : l.querySelector("swirl-file-viewer-image");
|
|
119
|
+
Boolean(i) && i.resetZoom();
|
|
118
120
|
});
|
|
119
121
|
}
|
|
120
122
|
render() {
|
|
121
|
-
const
|
|
123
|
+
const t = this.slides.length > 1, i = this.getCurrentFileName(), l = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, a = x("lightbox", {
|
|
122
124
|
"lightbox--closing": this.closing,
|
|
123
|
-
"lightbox--hide-menu": !
|
|
125
|
+
"lightbox--hide-menu": !s
|
|
124
126
|
});
|
|
125
|
-
return e(u, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: a, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n }, e("div", { class: "lightbox__body", role: "document" }, e("header", { class: "lightbox__header" }, e("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, e("swirl-icon-close", null)), !this.hideMenu && e("swirl-popover-trigger", { popover: this.menu }, e("button", { "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, e("swirl-icon-more-vertikal", null)))), e("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, e("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, ref: (n) => this.slidesContainer = n }, e("slot", { onSlotchange: this.registerSlides }))), e("div", { class: "lightbox__controls" }, e("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, e("swirl-icon-arrow-left", null)), e("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, e("swirl-icon-arrow-right", null))),
|
|
127
|
+
return e(u, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: a, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n }, e("div", { class: "lightbox__body", role: "document" }, e("header", { class: "lightbox__header" }, e("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, e("swirl-icon-close", null)), !this.hideMenu && e("swirl-popover-trigger", { popover: this.menu }, e("button", { "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, e("swirl-icon-more-vertikal", null)))), e("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, e("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, e("slot", { onSlotchange: this.registerSlides }))), e("div", { class: "lightbox__controls" }, e("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, e("swirl-icon-arrow-left", null)), e("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, e("swirl-icon-arrow-right", null))), t && e("span", { class: "lightbox__pagination" }, e("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && e("swirl-popover", { animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, e("swirl-stack", null, e("div", { class: "lightbox__meta" }, o && e("div", { class: "lightbox__thumbnail" }, e("swirl-thumbnail", { alt: "", src: o })), e("div", { class: "lightbox__file-info" }, e("swirl-text", { truncate: !0, weight: "semibold" }, i), e("swirl-text", { color: "subdued", size: "sm", truncate: !0 }, l))), s && e("swirl-separator", null), e("swirl-action-list", null, this.downloadButtonEnabled && e("swirl-action-list-item", { icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { name: "menu-items" }))))));
|
|
126
128
|
}
|
|
127
129
|
get el() {
|
|
128
130
|
return g(this);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as l, h as t, H as r } from "./index.
|
|
1
|
+
import { r as l, h as t, H as r } from "./index.3431ee0f.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 = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as a, h as i, H as u, g as l } from "./index.
|
|
1
|
+
import { r as a, h as i, H as u, g as l } from "./index.3431ee0f.js";
|
|
2
2
|
import { c as d } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { c as h, p as c } from "./utils-c5f2f98f.af14538a.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as d, c as h, h as o, H as p, g as v } from "./index.
|
|
1
|
+
import { r as d, c as h, h as o, H as p, g as v } from "./index.3431ee0f.js";
|
|
2
2
|
import { c as b, a as f, o as w, f as g } from "./floating-ui.dom.esm-b73e243b.647a7c7e.js";
|
|
3
3
|
import { c as M } from "./index-d280dafb.186cdb0e.js";
|
|
4
4
|
import { q as n, c as l, p as m, i as x, b as y } from "./utils-c5f2f98f.af14538a.js";
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { r as h, c as d, h as o, H as p, g as u } from "./index.3431ee0f.js";
|
|
2
|
+
import { d as f, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
3
|
+
import { c as b } from "./index-d280dafb.186cdb0e.js";
|
|
4
|
+
import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import "react-dom";
|
|
7
|
+
const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(
|
|
8
|
+
--s-surface-overlay-default
|
|
9
|
+
);--swirl-resource-list-item-background-hovered:var(
|
|
10
|
+
--s-surface-overlay-hovered
|
|
11
|
+
);--swirl-resource-list-item-background-pressed:var(
|
|
12
|
+
--s-surface-overlay-pressed
|
|
13
|
+
);--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-max-width:40rem}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}.modal--variant-drawer .modal__content{min-height:100%}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;min-height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, w = class {
|
|
14
|
+
constructor(a) {
|
|
15
|
+
h(this, a), this.modalClose = d(this, "modalClose", 7), this.modalOpen = d(this, "modalOpen", 7), this.primaryAction = d(this, "primaryAction", 7), this.requestModalClose = d(this, "requestModalClose", 7), this.secondaryAction = d(this, "secondaryAction", 7), this.onKeyDown = (e) => {
|
|
16
|
+
e.code === "Escape" && (e.stopImmediatePropagation(), this.close());
|
|
17
|
+
}, this.onBackdropClick = () => {
|
|
18
|
+
this.close();
|
|
19
|
+
}, this.onCloseButtonClick = () => {
|
|
20
|
+
this.close();
|
|
21
|
+
}, this.onPrimaryAction = (e) => {
|
|
22
|
+
this.primaryAction.emit(e);
|
|
23
|
+
}, this.onSecondaryAction = (e) => {
|
|
24
|
+
this.secondaryAction.emit(e);
|
|
25
|
+
}, this.determineScrollStatus = () => {
|
|
26
|
+
var r, l, i, n, c, m;
|
|
27
|
+
const e = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, t = Math.ceil(((l = this.scrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((m = this.scrollContainer) == null ? void 0 : m.offsetHeight);
|
|
28
|
+
e !== this.scrolled && (this.scrolled = e), t !== this.scrolledDown && (this.scrolledDown = t), s !== this.scrollable && (this.scrollable = s);
|
|
29
|
+
}, this.closable = !0, this.closeButtonLabel = "Close modal", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
|
|
30
|
+
}
|
|
31
|
+
componentDidLoad() {
|
|
32
|
+
this.focusTrap = g(this.modalEl, {
|
|
33
|
+
allowOutsideClick: !0,
|
|
34
|
+
tabbableOptions: {
|
|
35
|
+
getShadowRoot: (a) => a.shadowRoot
|
|
36
|
+
}
|
|
37
|
+
}), this.determineScrollStatus(), queueMicrotask(() => {
|
|
38
|
+
this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
componentDidRender() {
|
|
42
|
+
var a;
|
|
43
|
+
(a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
|
|
44
|
+
}
|
|
45
|
+
disconnectedCallback() {
|
|
46
|
+
var a;
|
|
47
|
+
(a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
|
|
48
|
+
}
|
|
49
|
+
onWindowResize() {
|
|
50
|
+
this.determineScrollStatus();
|
|
51
|
+
}
|
|
52
|
+
watchIsOpen() {
|
|
53
|
+
this.isOpen ? setTimeout(() => {
|
|
54
|
+
this.focusTrap.activate(), this.handleAutoFocus();
|
|
55
|
+
}, 200) : this.focusTrap.deactivate();
|
|
56
|
+
}
|
|
57
|
+
async open() {
|
|
58
|
+
this.isOpen = !0, this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
|
|
59
|
+
}
|
|
60
|
+
async close(a) {
|
|
61
|
+
this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
|
|
62
|
+
this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
|
|
63
|
+
}, 150)));
|
|
64
|
+
}
|
|
65
|
+
updateCustomFooterStatus() {
|
|
66
|
+
this.hasCustomFooter = Boolean(this.el.querySelector('[slot="custom-footer"]'));
|
|
67
|
+
}
|
|
68
|
+
updateCustomHeaderStatus() {
|
|
69
|
+
this.hasCustomHeader = Boolean(this.el.querySelector('[slot="custom-header"]'));
|
|
70
|
+
}
|
|
71
|
+
updateHeaderToolsStatus() {
|
|
72
|
+
this.hasHeaderTools = Boolean(this.el.querySelector('[slot="header-tools"]'));
|
|
73
|
+
}
|
|
74
|
+
updateSecondaryContentStatus() {
|
|
75
|
+
this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
|
|
76
|
+
}
|
|
77
|
+
handleAutoFocus() {
|
|
78
|
+
var a;
|
|
79
|
+
(a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
|
|
80
|
+
}
|
|
81
|
+
lockBodyScroll() {
|
|
82
|
+
f(this.scrollContainer);
|
|
83
|
+
}
|
|
84
|
+
unlockBodyScroll() {
|
|
85
|
+
v(this.scrollContainer);
|
|
86
|
+
}
|
|
87
|
+
render() {
|
|
88
|
+
const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), e = b("modal", `modal--variant-${this.variant}`, {
|
|
89
|
+
"modal--closing": this.closing,
|
|
90
|
+
"modal--has-custom-footer": this.hasCustomFooter,
|
|
91
|
+
"modal--has-custom-header": this.hasCustomHeader,
|
|
92
|
+
"modal--has-header-tools": this.hasHeaderTools,
|
|
93
|
+
"modal--has-secondary-content": this.hasSecondaryContent,
|
|
94
|
+
"modal--hide-label": this.hideLabel,
|
|
95
|
+
"modal--padded": this.padded,
|
|
96
|
+
"modal--scrollable": this.scrollable,
|
|
97
|
+
"modal--scrolled": this.scrolled,
|
|
98
|
+
"modal--scrolled-down": this.scrolledDown
|
|
99
|
+
});
|
|
100
|
+
return o(p, null, o("section", { "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: e, onKeyDown: this.onKeyDown, role: "dialog", ref: (t) => this.modalEl = t }, o("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), o("div", { class: "modal__body", style: {
|
|
101
|
+
"--swirl-modal-max-height": this.maxHeight,
|
|
102
|
+
"--swirl-modal-height": this.height,
|
|
103
|
+
maxWidth: this.maxWidth
|
|
104
|
+
} }, o("header", { class: "modal__custom-header" }, o("slot", { name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && o("header", { class: "modal__header" }, o("div", { class: "modal__header-bar" }, !this.hideCloseButton && o("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && o("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label }))), o("div", { class: "modal__content-container" }, o("div", { class: "modal__primary-content" }, o("div", { class: "modal__header-tools" }, o("slot", { name: "header-tools" })), o("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (t) => this.scrollContainer = t }, o("slot", null))), o("div", { class: "modal__secondary-content" }, o("slot", { name: "secondary-content" }))), o("div", { class: "modal__custom-footer" }, o("slot", { name: "custom-footer" })), a && o("footer", { class: "modal__controls" }, o("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && o("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
|
|
105
|
+
}
|
|
106
|
+
get el() {
|
|
107
|
+
return u(this);
|
|
108
|
+
}
|
|
109
|
+
static get watchers() {
|
|
110
|
+
return {
|
|
111
|
+
isOpen: ["watchIsOpen"]
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
w.style = _;
|
|
116
|
+
export {
|
|
117
|
+
w as swirl_modal
|
|
118
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, h as t, H as e } from "./index.
|
|
1
|
+
import { r as s, h as t, H as e } from "./index.3431ee0f.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)}}", l = class {
|
package/dist/{swirl-option-list_2.entry.e6d8c205.js → swirl-option-list_2.entry.5dc267c3.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as h, c as a, h as o, H as c, g as d } from "./index.
|
|
1
|
+
import { r as h, c as a, h as o, H as c, g as d } from "./index.3431ee0f.js";
|
|
2
2
|
import { c as l, q as n } from "./utils-c5f2f98f.af14538a.js";
|
|
3
3
|
import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
4
4
|
import { c as f } from "./index-d280dafb.186cdb0e.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as l, c as s, h as i, H as r } from "./index.
|
|
1
|
+
import { r as l, c as s, h as i, H as r } from "./index.3431ee0f.js";
|
|
2
2
|
import { c as p } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { d as g } from "./utils-c5f2f98f.af14538a.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as d, c as l, h as e, H as h, g as c } from "./index.
|
|
1
|
+
import { r as d, c as l, h as e, H as h, g as c } from "./index.3431ee0f.js";
|
|
2
2
|
import { A as p } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
3
|
import { d as m, e as u } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
4
|
import { c as r } from "./index-d280dafb.186cdb0e.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as g, c as l, h as n, H as v, g as m } from "./index.
|
|
1
|
+
import { r as g, c as l, h as n, H as v, g as m } from "./index.3431ee0f.js";
|
|
2
2
|
import { o as c, s as d, f as w, c as y, a as x } from "./floating-ui.dom.esm-b73e243b.647a7c7e.js";
|
|
3
3
|
import { d as C, e as E } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
4
|
import { c as k } from "./index-d280dafb.186cdb0e.js";
|
|
@@ -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.3431ee0f.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.3431ee0f.js";
|
|
2
2
|
import { c as m } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { g as h } from "./utils-c5f2f98f.af14538a.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as u, c as h, h as s, H as w, g as v } from "./index.
|
|
1
|
+
import { r as u, c as h, h as s, H as w, g as v } from "./index.3431ee0f.js";
|
|
2
2
|
import { c as m } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { q as _ } from "./utils-c5f2f98f.af14538a.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r, c as s, h as l, H as n } from "./index.
|
|
1
|
+
import { r, c as s, h as l, H as n } from "./index.3431ee0f.js";
|
|
2
2
|
import { c as d } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { c as h } from "./focus-trap.esm-49c9613c.db20abcc.js";
|
|
4
4
|
import "react";
|