@getflip/swirl-components-react 0.339.0 → 0.340.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/FileSaver.min-DISpcNDq.9430eab9.js +79 -0
- package/dist/{bodyScrollLock.esm-ce6356d8.2c600fb9.js → bodyScrollLock.esm-B0kNlhKL.c7a66a82.js} +8 -8
- package/dist/{file-manager.entry.fcf169a5.js → file-manager.entry.be8fb4c5.js} +4 -4
- package/dist/floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js +407 -0
- package/dist/{focus-trap.esm-49c9613c.db20abcc.js → focus-trap.esm-DIdMBZfn.c41dd5d8.js} +1 -1
- package/dist/index-orsBiyT_.fc4357c3.js +47 -0
- package/dist/index.603e9c7c.js +4067 -0
- package/dist/{maska-c5119b9a.aa658697.js → maska-CSSJQ9ZE.996ba625.js} +1649 -1662
- package/dist/{media-query.service-9a0ff1cb.1b0964d0.js → media-query.service-Cx_VEA2f.c4de15e1.js} +1 -1
- package/dist/{sortable.esm-0bfddf0c.953ca6a6.js → sortable.esm-CMrz6687.dac971cd.js} +1 -1
- package/dist/{swirl-accordion-item.entry.126665b5.js → swirl-accordion-item.entry.a8904c89.js} +10 -10
- package/dist/{swirl-accordion.entry.5ba53a00.js → swirl-accordion.entry.5f98c92c.js} +4 -4
- package/dist/{swirl-action-list-section.entry.5fc77a1e.js → swirl-action-list-section.entry.536e43ce.js} +6 -6
- package/dist/{swirl-action-list_2.entry.2d292d54.js → swirl-action-list_2.entry.679d1c54.js} +38 -38
- package/dist/{swirl-app-bar.entry.15c530d8.js → swirl-app-bar.entry.2e2e9272.js} +7 -7
- package/dist/{swirl-app-icon.entry.162a2466.js → swirl-app-icon.entry.06b838a0.js} +6 -6
- package/dist/{swirl-app-layout_5.entry.c0ab17cb.js → swirl-app-layout_5.entry.88a7a16e.js} +109 -109
- package/dist/{swirl-autocomplete.entry.cc15c03d.js → swirl-autocomplete.entry.2f35fee5.js} +17 -17
- package/dist/{swirl-avatar-group.entry.45b03e3d.js → swirl-avatar-group.entry.fca33e84.js} +6 -6
- package/dist/{swirl-avatar.entry.05d8a41e.js → swirl-avatar.entry.0b5c04d7.js} +10 -10
- package/dist/{swirl-badge.entry.baf6bbd8.js → swirl-badge.entry.4896585a.js} +6 -6
- package/dist/{swirl-banner.entry.8225f8b1.js → swirl-banner.entry.c43ce6e9.js} +10 -10
- package/dist/{swirl-box.entry.5e6d957a.js → swirl-box.entry.e4de8ccd.js} +13 -13
- package/dist/{swirl-button-group.entry.8355ee3c.js → swirl-button-group.entry.52aedda0.js} +5 -5
- package/dist/{swirl-button.entry.e6981321.js → swirl-button.entry.e94d26de.js} +12 -12
- package/dist/{swirl-card.entry.b34c7f0d.js → swirl-card.entry.12ff38e6.js} +9 -9
- package/dist/swirl-carousel-slide.entry.8a310a51.js +23 -0
- package/dist/{swirl-carousel.entry.b2f39a44.js → swirl-carousel.entry.a23678ab.js} +27 -27
- package/dist/{swirl-checkbox.entry.f0c42306.js → swirl-checkbox.entry.b0571224.js} +8 -8
- package/dist/{swirl-chip.entry.7b5b1898.js → swirl-chip.entry.7afb4486.js} +14 -14
- package/dist/{swirl-color-input.entry.c46b2bfa.js → swirl-color-input.entry.159798aa.js} +52 -51
- package/dist/{swirl-columns.entry.c55eeaac.js → swirl-columns.entry.db8dce0e.js} +6 -6
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +117 -95
- package/dist/{swirl-console-layout.entry.11f8704a.js → swirl-console-layout.entry.b3cb7bea.js} +10 -10
- package/dist/{swirl-date-input.entry.565f39e1.js → swirl-date-input.entry.7fca2f76.js} +18 -19
- package/dist/{swirl-date-picker_2.entry.af65ceb2.js → swirl-date-picker_2.entry.f866fe01.js} +11 -11
- package/dist/{swirl-description-list-item.entry.c285795e.js → swirl-description-list-item.entry.42e003d0.js} +8 -8
- package/dist/{swirl-description-list.entry.e5dc35e9.js → swirl-description-list.entry.0cf91eac.js} +6 -6
- package/dist/{swirl-dialog.entry.6590b312.js → swirl-dialog.entry.d0b65ee3.js} +20 -20
- package/dist/{swirl-emoji-clap.entry.0ea9ba6a.js → swirl-emoji-clap.entry.63c9ba64.js} +5 -5
- package/dist/{swirl-emoji-happy.entry.a03661c3.js → swirl-emoji-happy.entry.ac0e8ea4.js} +5 -5
- package/dist/{swirl-emoji-idea.entry.472bcbd4.js → swirl-emoji-idea.entry.0a7cfa68.js} +5 -5
- package/dist/{swirl-emoji-love.entry.0cb53ed8.js → swirl-emoji-love.entry.2a9a8df0.js} +5 -5
- package/dist/{swirl-emoji-sad.entry.7c9a343e.js → swirl-emoji-sad.entry.a65eeb9a.js} +5 -5
- package/dist/{swirl-emoji-thumbs-up.entry.17e75235.js → swirl-emoji-thumbs-up.entry.3c0391d7.js} +5 -5
- package/dist/{swirl-emoji.entry.a206cb66.js → swirl-emoji.entry.f551dd32.js} +5 -5
- package/dist/{swirl-file-chip.entry.a48014cb.js → swirl-file-chip.entry.79c4929c.js} +13 -14
- package/dist/{swirl-file-uploader.entry.51fc0a69.js → swirl-file-uploader.entry.c36c0533.js} +7 -7
- package/dist/swirl-file-viewer_8.entry.7c0d23e3.js +18730 -0
- package/dist/{swirl-form-control.entry.829570a2.js → swirl-form-control.entry.b56bb9da.js} +14 -14
- package/dist/{swirl-form-group.entry.092e472d.js → swirl-form-group.entry.2423d3b3.js} +5 -5
- package/dist/{swirl-heading.entry.d4eda319.js → swirl-heading.entry.52495cd7.js} +8 -8
- package/dist/{swirl-icon-add-moderator.entry.5bef38f8.js → swirl-icon-add-moderator.entry.7439e1b6.js} +10 -10
- package/dist/{swirl-icon-add-photo.entry.a5a8f9a8.js → swirl-icon-add-photo.entry.23a3a499.js} +6 -6
- package/dist/{swirl-icon-add-reaction.entry.1d5ff3d8.js → swirl-icon-add-reaction.entry.8e1e51d9.js} +7 -7
- package/dist/{swirl-icon-add_6.entry.76e4a2f6.js → swirl-icon-add_6.entry.2814b4a4.js} +26 -26
- package/dist/{swirl-icon-admin-panel-settings.entry.42b7b8f4.js → swirl-icon-admin-panel-settings.entry.6e8975bb.js} +8 -8
- package/dist/{swirl-icon-ai-filled.entry.57dc4034.js → swirl-icon-ai-filled.entry.9fb0ff02.js} +6 -6
- package/dist/{swirl-icon-ai.entry.c9d67e4c.js → swirl-icon-ai.entry.3452a7f0.js} +10 -10
- package/dist/{swirl-icon-apps.entry.8c0e575c.js → swirl-icon-apps.entry.8618c310.js} +7 -7
- package/dist/{swirl-icon-arrow-back_5.entry.11b7b5a9.js → swirl-icon-arrow-back_5.entry.01164e07.js} +37 -37
- package/dist/{swirl-icon-arrow-downward_2.entry.2850fcd8.js → swirl-icon-arrow-downward_2.entry.80563dc8.js} +16 -16
- package/dist/{swirl-icon-arrow-left_4.entry.d48bbde0.js → swirl-icon-arrow-left_4.entry.f1f6f03c.js} +20 -20
- package/dist/{swirl-icon-arrow-right-small.entry.d6c8d041.js → swirl-icon-arrow-right-small.entry.9d4ad3dd.js} +10 -10
- package/dist/{swirl-icon-aspect-ratio.entry.6fb26b0e.js → swirl-icon-aspect-ratio.entry.29f5583b.js} +6 -6
- package/dist/{swirl-icon-attachment_6.entry.ec705048.js → swirl-icon-attachment_6.entry.5300d857.js} +26 -26
- package/dist/{swirl-icon-bar-chart.entry.948c5a16.js → swirl-icon-bar-chart.entry.18b8e17b.js} +6 -6
- package/dist/{swirl-icon-beach-access-filled.entry.26fa8638.js → swirl-icon-beach-access-filled.entry.2719c1d0.js} +6 -6
- package/dist/{swirl-icon-beach-access.entry.4d5b28e8.js → swirl-icon-beach-access.entry.2304263b.js} +6 -6
- package/dist/{swirl-icon-block.entry.1e227ce2.js → swirl-icon-block.entry.b81b0886.js} +8 -8
- package/dist/{swirl-icon-bookmark-filled.entry.dd85ecaf.js → swirl-icon-bookmark-filled.entry.b697341c.js} +9 -9
- package/dist/{swirl-icon-bookmark.entry.2e361321.js → swirl-icon-bookmark.entry.ccdac7ae.js} +9 -9
- package/dist/{swirl-icon-calendar-add-on-filled.entry.84c6a4c2.js → swirl-icon-calendar-add-on-filled.entry.be64a140.js} +5 -5
- package/dist/{swirl-icon-calendar-respond.entry.fb254dda.js → swirl-icon-calendar-respond.entry.17a37bf1.js} +6 -6
- package/dist/{swirl-icon-calendar-today.entry.ca816d5d.js → swirl-icon-calendar-today.entry.135e90f8.js} +6 -6
- package/dist/{swirl-icon-call-end.entry.059f1006.js → swirl-icon-call-end.entry.24e910b3.js} +6 -6
- package/dist/{swirl-icon-call.entry.ccb1f85a.js → swirl-icon-call.entry.a80321e5.js} +7 -7
- package/dist/{swirl-icon-cancel-filled.entry.a307cf86.js → swirl-icon-cancel-filled.entry.9d5e5c16.js} +6 -6
- package/dist/{swirl-icon-cancel_4.entry.6196703a.js → swirl-icon-cancel_4.entry.ceb53252.js} +18 -18
- package/dist/{swirl-icon-chat-bubble.entry.c49953c0.js → swirl-icon-chat-bubble.entry.3a2a894d.js} +6 -6
- package/dist/{swirl-icon-chats-filled.entry.a3a536af.js → swirl-icon-chats-filled.entry.04e7e043.js} +7 -7
- package/dist/{swirl-icon-chats.entry.f126334a.js → swirl-icon-chats.entry.d20cb3e7.js} +8 -8
- package/dist/{swirl-icon-check-circle-filled.entry.4d0f0cde.js → swirl-icon-check-circle-filled.entry.aa38586c.js} +6 -6
- package/dist/{swirl-icon-check-circle_2.entry.815744b3.js → swirl-icon-check-circle_2.entry.1dc60f8e.js} +10 -10
- package/dist/{swirl-icon-check-small_2.entry.1819e8f3.js → swirl-icon-check-small_2.entry.a7bbc582.js} +15 -15
- package/dist/{swirl-icon-check-strong_2.entry.e186c373.js → swirl-icon-check-strong_2.entry.7c1b3b5e.js} +10 -10
- package/dist/{swirl-icon-check.entry.106e07f2.js → swirl-icon-check.entry.74bd24cb.js} +7 -7
- package/dist/{swirl-icon-chevron-left.entry.533c7ae3.js → swirl-icon-chevron-left.entry.a617dab8.js} +8 -8
- package/dist/{swirl-icon-chevron-right.entry.3138e521.js → swirl-icon-chevron-right.entry.9f27be50.js} +9 -9
- package/dist/{swirl-icon-close-fullscreen.entry.1aeb8305.js → swirl-icon-close-fullscreen.entry.a207acbd.js} +6 -6
- package/dist/{swirl-icon-close-small.entry.b33dcfed.js → swirl-icon-close-small.entry.19e13f02.js} +6 -6
- package/dist/{swirl-icon-close.entry.62077a3e.js → swirl-icon-close.entry.36797061.js} +6 -6
- package/dist/{swirl-icon-cloud-upload.entry.84bbb4ce.js → swirl-icon-cloud-upload.entry.0287e531.js} +7 -7
- package/dist/{swirl-icon-column.entry.7f5845f6.js → swirl-icon-column.entry.ad113839.js} +7 -7
- package/dist/{swirl-icon-comment.entry.6ea9367c.js → swirl-icon-comment.entry.3e265de1.js} +6 -6
- package/dist/{swirl-icon-contrast.entry.7f0a1e96.js → swirl-icon-contrast.entry.7998bd83.js} +9 -9
- package/dist/{swirl-icon-copy.entry.b760a1ea.js → swirl-icon-copy.entry.4ee25822.js} +7 -7
- package/dist/{swirl-icon-crop.entry.bb78b794.js → swirl-icon-crop.entry.c5d11f97.js} +7 -7
- package/dist/{swirl-icon-dark-mode.entry.37ed3f4b.js → swirl-icon-dark-mode.entry.40babb32.js} +6 -6
- package/dist/{swirl-icon-date-range.entry.ad088e88.js → swirl-icon-date-range.entry.c6abca52.js} +5 -5
- package/dist/{swirl-icon-delete.entry.f6eef4cd.js → swirl-icon-delete.entry.d5413c26.js} +8 -8
- package/dist/{swirl-icon-deployed-code.entry.4729cb5f.js → swirl-icon-deployed-code.entry.790798c8.js} +8 -8
- package/dist/{swirl-icon-description.entry.803d1491.js → swirl-icon-description.entry.222e0f14.js} +9 -9
- package/dist/{swirl-icon-desktop.entry.66501628.js → swirl-icon-desktop.entry.95f6e14d.js} +10 -10
- package/dist/{swirl-icon-directory-filled.entry.f456dc1e.js → swirl-icon-directory-filled.entry.4b05b205.js} +6 -6
- package/dist/{swirl-icon-directory.entry.fbc5eb33.js → swirl-icon-directory.entry.98fbf08d.js} +9 -9
- package/dist/{swirl-icon-discover.entry.00ced3ea.js → swirl-icon-discover.entry.1e68b34d.js} +7 -7
- package/dist/{swirl-icon-dock-left.entry.dd299948.js → swirl-icon-dock-left.entry.077dded1.js} +8 -8
- package/dist/{swirl-icon-door-open.entry.98cda1e3.js → swirl-icon-door-open.entry.ced37633.js} +8 -8
- package/dist/{swirl-icon-dot.entry.7a35a91a.js → swirl-icon-dot.entry.516071b1.js} +7 -7
- package/dist/{swirl-icon-double-arrow-right.entry.dc23142b.js → swirl-icon-double-arrow-right.entry.3afd27dd.js} +10 -10
- package/dist/{swirl-icon-download.entry.94eb78c8.js → swirl-icon-download.entry.d58b62f0.js} +7 -7
- package/dist/{swirl-icon-edit-note.entry.8df5b7c3.js → swirl-icon-edit-note.entry.93006ab6.js} +7 -7
- package/dist/{swirl-icon-edit.entry.2108e0c2.js → swirl-icon-edit.entry.1c1638e6.js} +7 -7
- package/dist/{swirl-icon-emoji-mood.entry.383de8ff.js → swirl-icon-emoji-mood.entry.e6fe0256.js} +8 -8
- package/dist/{swirl-icon-emoji-satisfied.entry.17fb5b22.js → swirl-icon-emoji-satisfied.entry.7fb8c5b1.js} +7 -7
- package/dist/{swirl-icon-error_3.entry.378a3301.js → swirl-icon-error_3.entry.bb5bd996.js} +17 -17
- package/dist/{swirl-icon-expand-more.entry.8d9c7143.js → swirl-icon-expand-more.entry.f3e56a88.js} +6 -6
- package/dist/{swirl-icon-experiment.entry.406a7f8b.js → swirl-icon-experiment.entry.1f8498d6.js} +7 -7
- package/dist/{swirl-icon-file.entry.43263790.js → swirl-icon-file.entry.450f102f.js} +8 -8
- package/dist/{swirl-icon-filter.entry.5d277491.js → swirl-icon-filter.entry.d194e24f.js} +7 -7
- package/dist/{swirl-icon-format-h-one.entry.ef01c253.js → swirl-icon-format-h-one.entry.a76ca3d1.js} +8 -8
- package/dist/{swirl-icon-format-list-bulleted.entry.4ff98ab6.js → swirl-icon-format-list-bulleted.entry.99012d39.js} +7 -7
- package/dist/{swirl-icon-gif_4.entry.8aa82630.js → swirl-icon-gif_4.entry.4158bcc1.js} +25 -25
- package/dist/{swirl-icon-group-add.entry.e7377d05.js → swirl-icon-group-add.entry.631c3ac9.js} +7 -7
- package/dist/{swirl-icon-group-assign.entry.83411fd3.js → swirl-icon-group-assign.entry.6770ebd6.js} +6 -6
- package/dist/{swirl-icon-groups-filled.entry.6a36c178.js → swirl-icon-groups-filled.entry.ffa49916.js} +5 -5
- package/dist/{swirl-icon-groups.entry.f7d1db2e.js → swirl-icon-groups.entry.153a0084.js} +6 -6
- package/dist/{swirl-icon-hamburger-menu.entry.30828ec8.js → swirl-icon-hamburger-menu.entry.ecbbbbd8.js} +10 -10
- package/dist/{swirl-icon-health-and-safety.entry.b59856d3.js → swirl-icon-health-and-safety.entry.4026e358.js} +6 -6
- package/dist/{swirl-icon-help-filled.entry.af6a9bdb.js → swirl-icon-help-filled.entry.09fdc279.js} +6 -6
- package/dist/{swirl-icon-help.entry.ba2fd2c8.js → swirl-icon-help.entry.6c248396.js} +7 -7
- package/dist/{swirl-icon-highlight.entry.74c4e731.js → swirl-icon-highlight.entry.2ccdfa97.js} +7 -7
- package/dist/{swirl-icon-history.entry.ffe9e02f.js → swirl-icon-history.entry.837875e5.js} +7 -7
- package/dist/{swirl-icon-home.entry.96954019.js → swirl-icon-home.entry.42b3f089.js} +6 -6
- package/dist/{swirl-icon-hr-resting.entry.a32645f8.js → swirl-icon-hr-resting.entry.dd2b53ae.js} +7 -7
- package/dist/{swirl-icon-improve-text.entry.2fb616a1.js → swirl-icon-improve-text.entry.801c194e.js} +7 -7
- package/dist/{swirl-icon-info.entry.f1dd86ee.js → swirl-icon-info.entry.dc86396e.js} +8 -8
- package/dist/{swirl-icon-insert-below.entry.e50dd4ab.js → swirl-icon-insert-below.entry.5e17e1e6.js} +6 -6
- package/dist/{swirl-icon-insert-chart.entry.c5ede0ce.js → swirl-icon-insert-chart.entry.77602707.js} +6 -6
- package/dist/{swirl-icon-insert-on-top.entry.e4d0d09c.js → swirl-icon-insert-on-top.entry.2e2a306a.js} +7 -7
- package/dist/{swirl-icon-inventory-off.entry.94bc9b25.js → swirl-icon-inventory-off.entry.eeb3601f.js} +7 -7
- package/dist/{swirl-icon-inventory.entry.cc548114.js → swirl-icon-inventory.entry.a49a3198.js} +10 -10
- package/dist/{swirl-icon-key.entry.af0cef74.js → swirl-icon-key.entry.365b6172.js} +6 -6
- package/dist/{swirl-icon-keyboard-hide.entry.45cf8046.js → swirl-icon-keyboard-hide.entry.6a23c5fe.js} +8 -8
- package/dist/{swirl-icon-keyboard.entry.5480c55a.js → swirl-icon-keyboard.entry.6253d856.js} +7 -7
- package/dist/{swirl-icon-light-mode.entry.b82c2321.js → swirl-icon-light-mode.entry.abdd808e.js} +6 -6
- package/dist/{swirl-icon-like.entry.0de3788e.js → swirl-icon-like.entry.784c3f5f.js} +7 -7
- package/dist/{swirl-icon-link.entry.064ac414.js → swirl-icon-link.entry.08ac7051.js} +6 -6
- package/dist/{swirl-icon-live.entry.6cf15275.js → swirl-icon-live.entry.c69c1d3c.js} +7 -7
- package/dist/{swirl-icon-load.entry.f9af5761.js → swirl-icon-load.entry.460bbad7.js} +6 -6
- package/dist/{swirl-icon-location-on.entry.f8b1a986.js → swirl-icon-location-on.entry.f463d381.js} +5 -5
- package/dist/{swirl-icon-lock-open.entry.41847c60.js → swirl-icon-lock-open.entry.0c296775.js} +10 -10
- package/dist/{swirl-icon-lock-person.entry.5e689634.js → swirl-icon-lock-person.entry.91fba334.js} +7 -7
- package/dist/{swirl-icon-lock.entry.81185f72.js → swirl-icon-lock.entry.21281fe2.js} +6 -6
- package/dist/{swirl-icon-login.entry.b68de344.js → swirl-icon-login.entry.1930ee71.js} +8 -8
- package/dist/{swirl-icon-logout.entry.f88b898d.js → swirl-icon-logout.entry.49b5e8d2.js} +7 -7
- package/dist/{swirl-icon-long-text.entry.74b919a4.js → swirl-icon-long-text.entry.f033238b.js} +6 -6
- package/dist/{swirl-icon-mail.entry.0b2bd714.js → swirl-icon-mail.entry.dcf94d8e.js} +7 -7
- package/dist/{swirl-icon-manage-accounts.entry.e1dfecdc.js → swirl-icon-manage-accounts.entry.60107aa0.js} +8 -8
- package/dist/{swirl-icon-mark-chat-read.entry.78bf90e5.js → swirl-icon-mark-chat-read.entry.20649e2c.js} +9 -9
- package/dist/{swirl-icon-mark-chat-unread.entry.9d2747bc.js → swirl-icon-mark-chat-unread.entry.3c2e3511.js} +6 -6
- package/dist/{swirl-icon-mention.entry.0fc8d324.js → swirl-icon-mention.entry.dcc4bd0c.js} +4 -4
- package/dist/{swirl-icon-menu-book-filled.entry.eaad35ca.js → swirl-icon-menu-book-filled.entry.d2480a3e.js} +7 -7
- package/dist/{swirl-icon-menu-filled.entry.3094448c.js → swirl-icon-menu-filled.entry.9c5d267b.js} +9 -9
- package/dist/{swirl-icon-menu.entry.436b4c94.js → swirl-icon-menu.entry.4a6ee2d3.js} +9 -9
- package/dist/{swirl-icon-message.entry.b2833110.js → swirl-icon-message.entry.46687bb8.js} +7 -7
- package/dist/{swirl-icon-mic-off.entry.7a4c4be1.js → swirl-icon-mic-off.entry.e47da4ae.js} +6 -6
- package/dist/{swirl-icon-mic.entry.e60b9d90.js → swirl-icon-mic.entry.b22ba1ee.js} +6 -6
- package/dist/{swirl-icon-more-horizontal.entry.153372a3.js → swirl-icon-more-horizontal.entry.a3afa025.js} +7 -7
- package/dist/{swirl-icon-news-filled.entry.96685efa.js → swirl-icon-news-filled.entry.31ac5e56.js} +6 -6
- package/dist/{swirl-icon-news-off.entry.577c7280.js → swirl-icon-news-off.entry.b2e22507.js} +6 -6
- package/dist/{swirl-icon-news.entry.f61a847f.js → swirl-icon-news.entry.18a9eff0.js} +8 -8
- package/dist/{swirl-icon-next-plan.entry.9255936f.js → swirl-icon-next-plan.entry.1aed57cb.js} +7 -7
- package/dist/{swirl-icon-notifications-active.entry.f1700c4d.js → swirl-icon-notifications-active.entry.9151eb84.js} +10 -10
- package/dist/{swirl-icon-notifications-off.entry.f8553f83.js → swirl-icon-notifications-off.entry.b1234e79.js} +6 -6
- package/dist/{swirl-icon-notifications.entry.fb4bc58d.js → swirl-icon-notifications.entry.d93b8d93.js} +7 -7
- package/dist/{swirl-icon-open-in-full.entry.1068874c.js → swirl-icon-open-in-full.entry.758fe814.js} +9 -9
- package/dist/{swirl-icon-open-in-new.entry.6ea58493.js → swirl-icon-open-in-new.entry.9db455a2.js} +7 -7
- package/dist/{swirl-icon-pause-circle.entry.92afa796.js → swirl-icon-pause-circle.entry.5fa7da18.js} +8 -8
- package/dist/{swirl-icon-people-alt.entry.ac3d2389.js → swirl-icon-people-alt.entry.5023838f.js} +6 -6
- package/dist/{swirl-icon-person-off.entry.c0175131.js → swirl-icon-person-off.entry.c3f00180.js} +6 -6
- package/dist/{swirl-icon-person.entry.40423833.js → swirl-icon-person.entry.92527d8a.js} +7 -7
- package/dist/{swirl-icon-phone.entry.941c8db6.js → swirl-icon-phone.entry.9afe9d82.js} +6 -6
- package/dist/{swirl-icon-photo-camera.entry.4f6ff304.js → swirl-icon-photo-camera.entry.254ce7bc.js} +7 -7
- package/dist/{swirl-icon-picture-in-picture.entry.926d930d.js → swirl-icon-picture-in-picture.entry.3b97ee8a.js} +6 -6
- package/dist/{swirl-icon-pin-off.entry.bf580c35.js → swirl-icon-pin-off.entry.88fbeae9.js} +9 -9
- package/dist/{swirl-icon-pin.entry.65a898eb.js → swirl-icon-pin.entry.86e73c1f.js} +6 -6
- package/dist/{swirl-icon-place.entry.cdde9bef.js → swirl-icon-place.entry.c7e01f6c.js} +10 -10
- package/dist/{swirl-icon-poll.entry.8956a133.js → swirl-icon-poll.entry.bdb1bc67.js} +8 -8
- package/dist/{swirl-icon-post-approval.entry.27985b4c.js → swirl-icon-post-approval.entry.2ebe97d2.js} +10 -10
- package/dist/{swirl-icon-present.entry.ad0089cc.js → swirl-icon-present.entry.62e2d4ce.js} +6 -6
- package/dist/{swirl-icon-preview.entry.353581e4.js → swirl-icon-preview.entry.87c8a055.js} +6 -6
- package/dist/{swirl-icon-print.entry.25eb36ca.js → swirl-icon-print.entry.cbd2481b.js} +4 -4
- package/dist/{swirl-icon-public-off.entry.40f2061f.js → swirl-icon-public-off.entry.b8fe5c69.js} +9 -9
- package/dist/{swirl-icon-public.entry.d3506682.js → swirl-icon-public.entry.b7e08af1.js} +9 -9
- package/dist/{swirl-icon-published-with-changes.entry.ee44dd63.js → swirl-icon-published-with-changes.entry.afbad499.js} +6 -6
- package/dist/{swirl-icon-ratio-four-to-three.entry.bc68b105.js → swirl-icon-ratio-four-to-three.entry.896a368e.js} +7 -7
- package/dist/{swirl-icon-ratio-freeform.entry.25c49f33.js → swirl-icon-ratio-freeform.entry.663db8a5.js} +5 -5
- package/dist/{swirl-icon-ratio-sixteen-to-nine.entry.fd5cc52c.js → swirl-icon-ratio-sixteen-to-nine.entry.9576ad4b.js} +9 -9
- package/dist/{swirl-icon-ratio-square.entry.8ec468d7.js → swirl-icon-ratio-square.entry.16618929.js} +9 -9
- package/dist/{swirl-icon-ratio-three-to-four.entry.01db645e.js → swirl-icon-ratio-three-to-four.entry.d621faf2.js} +6 -6
- package/dist/{swirl-icon-ratio-three-to-two.entry.38f09559.js → swirl-icon-ratio-three-to-two.entry.bff16aee.js} +9 -9
- package/dist/{swirl-icon-recieved.entry.b964fefc.js → swirl-icon-recieved.entry.31036db8.js} +6 -6
- package/dist/{swirl-icon-remove-circle.entry.6ca4bcf0.js → swirl-icon-remove-circle.entry.a6ed8b1e.js} +7 -7
- package/dist/{swirl-icon-remove-moderator.entry.9497a279.js → swirl-icon-remove-moderator.entry.8148318d.js} +6 -6
- package/dist/{swirl-icon-reply.entry.08e6504d.js → swirl-icon-reply.entry.c48a5bef.js} +7 -7
- package/dist/{swirl-icon-report.entry.d8c1256d.js → swirl-icon-report.entry.6bf46087.js} +7 -7
- package/dist/{swirl-icon-roadmap.entry.d068c509.js → swirl-icon-roadmap.entry.ef27ed95.js} +6 -6
- package/dist/{swirl-icon-rotate-left.entry.48dfe3e2.js → swirl-icon-rotate-left.entry.fb956653.js} +7 -7
- package/dist/{swirl-icon-rotate-right.entry.aea2c7b4.js → swirl-icon-rotate-right.entry.a6764939.js} +7 -7
- package/dist/{swirl-icon-screenshare-off.entry.df200314.js → swirl-icon-screenshare-off.entry.c4f42fa6.js} +7 -7
- package/dist/{swirl-icon-screenshare.entry.a34164d8.js → swirl-icon-screenshare.entry.a48ccfe7.js} +7 -7
- package/dist/{swirl-icon-search-strong.entry.6bec8ccd.js → swirl-icon-search-strong.entry.1a3f87cf.js} +10 -10
- package/dist/{swirl-icon-search.entry.8dfb2423.js → swirl-icon-search.entry.62e53a0d.js} +10 -10
- package/dist/{swirl-icon-secure.entry.f949dc02.js → swirl-icon-secure.entry.8c5a8980.js} +8 -8
- package/dist/{swirl-icon-send.entry.888c2092.js → swirl-icon-send.entry.e2538c57.js} +6 -6
- package/dist/{swirl-icon-settings.entry.168ee6b7.js → swirl-icon-settings.entry.bdf2f119.js} +6 -6
- package/dist/{swirl-icon-short-text.entry.42e34456.js → swirl-icon-short-text.entry.6e7c6a4d.js} +6 -6
- package/dist/{swirl-icon-simplify.entry.36d4c58b.js → swirl-icon-simplify.entry.9ba601b3.js} +6 -6
- package/dist/{swirl-icon-spellcheck.entry.bc9983de.js → swirl-icon-spellcheck.entry.def98705.js} +9 -9
- package/dist/{swirl-icon-stars.entry.67b339e3.js → swirl-icon-stars.entry.0162bb66.js} +7 -7
- package/dist/{swirl-icon-sticky-note.entry.9b73c33b.js → swirl-icon-sticky-note.entry.fd4ce095.js} +8 -8
- package/dist/{swirl-icon-stop-circle.entry.3a4f2c89.js → swirl-icon-stop-circle.entry.6f290f0a.js} +7 -7
- package/dist/{swirl-icon-stop.entry.a19871b2.js → swirl-icon-stop.entry.2972723b.js} +8 -8
- package/dist/{swirl-icon-sunny.entry.37421dfe.js → swirl-icon-sunny.entry.5dfbf743.js} +4 -4
- package/dist/{swirl-icon-sync.entry.860d57d4.js → swirl-icon-sync.entry.7b85c325.js} +8 -8
- package/dist/{swirl-icon-tasks-filled.entry.041995be.js → swirl-icon-tasks-filled.entry.662c2fa6.js} +7 -7
- package/dist/{swirl-icon-tasks.entry.866c734d.js → swirl-icon-tasks.entry.abf6b45b.js} +6 -6
- package/dist/{swirl-icon-terminal.entry.dc166bad.js → swirl-icon-terminal.entry.d60d3e96.js} +7 -7
- package/dist/{swirl-icon-time-filled.entry.aa9292d7.js → swirl-icon-time-filled.entry.9148d62a.js} +7 -7
- package/dist/{swirl-icon-time.entry.0d6de2e4.js → swirl-icon-time.entry.eef5c918.js} +7 -7
- package/dist/{swirl-icon-today-filled.entry.7eac4fc7.js → swirl-icon-today-filled.entry.23525ec2.js} +7 -7
- package/dist/{swirl-icon-translate.entry.c9f73bad.js → swirl-icon-translate.entry.012b914f.js} +8 -8
- package/dist/{swirl-icon-tree-structure.entry.7351de5c.js → swirl-icon-tree-structure.entry.219cc476.js} +7 -7
- package/dist/{swirl-icon-undo.entry.347b2f6a.js → swirl-icon-undo.entry.fdc607eb.js} +6 -6
- package/dist/{swirl-icon-unlock-person.entry.9dd067bf.js → swirl-icon-unlock-person.entry.d87a4dd3.js} +9 -9
- package/dist/{swirl-icon-upload.entry.7ef46e1d.js → swirl-icon-upload.entry.138064f5.js} +7 -7
- package/dist/{swirl-icon-user-add.entry.93c4261a.js → swirl-icon-user-add.entry.d666cb29.js} +7 -7
- package/dist/{swirl-icon-user-assign.entry.3a5e4d36.js → swirl-icon-user-assign.entry.ee4a7fed.js} +6 -6
- package/dist/{swirl-icon-video-camera-off.entry.7f506000.js → swirl-icon-video-camera-off.entry.856a200a.js} +7 -7
- package/dist/{swirl-icon-video-camera.entry.8a4804b8.js → swirl-icon-video-camera.entry.f8f6486c.js} +6 -6
- package/dist/{swirl-icon-video-library.entry.c13bd145.js → swirl-icon-video-library.entry.23b8da3c.js} +9 -9
- package/dist/{swirl-icon-view-agenda.entry.273048a9.js → swirl-icon-view-agenda.entry.e06e4ba1.js} +8 -8
- package/dist/{swirl-icon-voice.entry.6a98dbf4.js → swirl-icon-voice.entry.62f140e1.js} +7 -7
- package/dist/{swirl-icon-volume-up.entry.295f6c32.js → swirl-icon-volume-up.entry.5e47d870.js} +6 -6
- package/dist/{swirl-icon-web-asset-off.entry.4de29fa3.js → swirl-icon-web-asset-off.entry.6f06e54b.js} +7 -7
- package/dist/{swirl-icon-web-asset.entry.92ed3e6e.js → swirl-icon-web-asset.entry.0c2390f9.js} +7 -7
- package/dist/{swirl-icon-work.entry.73db6698.js → swirl-icon-work.entry.5a26538f.js} +8 -8
- package/dist/swirl-icon.entry.23a49cb9.js +16 -0
- package/dist/{swirl-image-grid-item.entry.be4ed37b.js → swirl-image-grid-item.entry.eceb0a43.js} +19 -19
- package/dist/{swirl-image-grid.entry.06f2fc00.js → swirl-image-grid.entry.79443ffa.js} +12 -12
- package/dist/{swirl-inline-notification.entry.57fbe6ee.js → swirl-inline-notification.entry.bf9cc1d1.js} +6 -6
- package/dist/{swirl-inline-status.entry.eb3130f2.js → swirl-inline-status.entry.160dc951.js} +12 -12
- package/dist/{swirl-lightbox.entry.8ce6a269.js → swirl-lightbox.entry.a741a4ae.js} +9 -9
- package/dist/{swirl-link.entry.474a2cb0.js → swirl-link.entry.3f86e4f2.js} +7 -7
- package/dist/{swirl-list.entry.8814ab9b.js → swirl-list.entry.765793a7.js} +4 -4
- package/dist/{swirl-menu-item.entry.d75a69e2.js → swirl-menu-item.entry.87c09851.js} +12 -12
- package/dist/{swirl-menu.entry.cc772de4.js → swirl-menu.entry.6af7a669.js} +11 -11
- package/dist/swirl-modal.entry.b91ede95.js +167 -0
- package/dist/{swirl-option-list-section.entry.43717732.js → swirl-option-list-section.entry.24699db7.js} +7 -7
- package/dist/{swirl-option-list_2.entry.8b2ecfc1.js → swirl-option-list_2.entry.f057926d.js} +15 -15
- package/dist/{swirl-pagination.entry.19107524.js → swirl-pagination.entry.e6f93916.js} +21 -21
- package/dist/{swirl-pdf-reader.entry.d677f75e.js → swirl-pdf-reader.entry.cd423e43.js} +26 -26
- package/dist/{swirl-popover_2.entry.f1fbd9e1.js → swirl-popover_2.entry.d853eaa0.js} +21 -21
- package/dist/{swirl-progress-indicator.entry.5b3e17d9.js → swirl-progress-indicator.entry.679c7e0e.js} +9 -9
- package/dist/{swirl-radio-group.entry.2f5e05ea.js → swirl-radio-group.entry.47cf195c.js} +5 -5
- package/dist/{swirl-radio.entry.e42c54ff.js → swirl-radio.entry.c794e545.js} +7 -7
- package/dist/{swirl-resource-list-file-item.entry.e1e6e6d9.js → swirl-resource-list-file-item.entry.64ea7899.js} +11 -11
- package/dist/{swirl-resource-list-section.entry.e2679945.js → swirl-resource-list-section.entry.57e11747.js} +6 -6
- package/dist/{swirl-search.entry.ef32bd06.js → swirl-search.entry.340750cc.js} +10 -10
- package/dist/{swirl-select.entry.0edab0e4.js → swirl-select.entry.e8b605a4.js} +10 -10
- package/dist/{swirl-separator.entry.3e8fb1ab.js → swirl-separator.entry.cc462b27.js} +10 -10
- package/dist/{swirl-shell-layout.entry.3be70b5b.js → swirl-shell-layout.entry.a01bd335.js} +12 -12
- package/dist/{swirl-shell-navigation-item.entry.9ea19bbc.js → swirl-shell-navigation-item.entry.00afb1b0.js} +6 -6
- package/dist/{swirl-skeleton-text.entry.52db72c2.js → swirl-skeleton-text.entry.e9405c7b.js} +6 -6
- package/dist/{swirl-stack.entry.0d2a1af5.js → swirl-stack.entry.f3c60734.js} +8 -8
- package/dist/{swirl-status-indicator.entry.a7c27d11.js → swirl-status-indicator.entry.6461788a.js} +4 -4
- package/dist/{swirl-switch.entry.a95efa29.js → swirl-switch.entry.0e5d1686.js} +8 -8
- package/dist/{swirl-symbol-account-circle.entry.a2c7c728.js → swirl-symbol-account-circle.entry.8a13787e.js} +6 -6
- package/dist/{swirl-symbol-alternate-email.entry.16b22ffd.js → swirl-symbol-alternate-email.entry.f6d3b86a.js} +8 -8
- package/dist/{swirl-symbol-android.entry.d405d7bb.js → swirl-symbol-android.entry.429f73ca.js} +6 -6
- package/dist/{swirl-symbol-announcement.entry.02bb889d.js → swirl-symbol-announcement.entry.b8de9543.js} +8 -8
- package/dist/{swirl-symbol-backup.entry.7699921f.js → swirl-symbol-backup.entry.d6205d5e.js} +5 -5
- package/dist/{swirl-symbol-beach-access.entry.ff12981e.js → swirl-symbol-beach-access.entry.128588cd.js} +7 -7
- package/dist/{swirl-symbol-bookmark.entry.93d20567.js → swirl-symbol-bookmark.entry.c24f017d.js} +7 -7
- package/dist/{swirl-symbol-cloud.entry.9e6f61eb.js → swirl-symbol-cloud.entry.dd20519d.js} +7 -7
- package/dist/{swirl-symbol-coronavirus.entry.3c3d6555.js → swirl-symbol-coronavirus.entry.2269244e.js} +7 -7
- package/dist/{swirl-symbol-desktop-windows.entry.0bd98c5f.js → swirl-symbol-desktop-windows.entry.9833f7f2.js} +6 -6
- package/dist/{swirl-symbol-directions-car-filled.entry.f0e8dc26.js → swirl-symbol-directions-car-filled.entry.eb293df2.js} +8 -8
- package/dist/{swirl-symbol-edit-calendar.entry.85d146e7.js → swirl-symbol-edit-calendar.entry.a6649b47.js} +7 -7
- package/dist/{swirl-symbol-email.entry.98f1bb6e.js → swirl-symbol-email.entry.e4c09a57.js} +7 -7
- package/dist/{swirl-symbol-emoji-food-beverage.entry.dda48d74.js → swirl-symbol-emoji-food-beverage.entry.2a26aa3c.js} +5 -5
- package/dist/{swirl-symbol-event-menu.entry.2ed9b70f.js → swirl-symbol-event-menu.entry.44609036.js} +8 -8
- package/dist/{swirl-symbol-facebook.entry.d6d6071e.js → swirl-symbol-facebook.entry.d8f51243.js} +8 -8
- package/dist/{swirl-symbol-favorite.entry.162832b9.js → swirl-symbol-favorite.entry.2fe7c40f.js} +7 -7
- package/dist/{swirl-symbol-fitness-center.entry.ffb3d88d.js → swirl-symbol-fitness-center.entry.8133fccf.js} +6 -6
- package/dist/{swirl-symbol-flag.entry.1fbc27e8.js → swirl-symbol-flag.entry.f2636d4c.js} +6 -6
- package/dist/{swirl-symbol-folder.entry.b310d3e4.js → swirl-symbol-folder.entry.181b09f9.js} +5 -5
- package/dist/{swirl-symbol-globe.entry.9526e4a6.js → swirl-symbol-globe.entry.ba46ec4f.js} +6 -6
- package/dist/{swirl-symbol-groups.entry.484f5fdc.js → swirl-symbol-groups.entry.ee27781a.js} +7 -7
- package/dist/{swirl-symbol-help.entry.cc684e93.js → swirl-symbol-help.entry.d744bd93.js} +6 -6
- package/dist/{swirl-symbol-image.entry.713e7ed5.js → swirl-symbol-image.entry.488b11ef.js} +6 -6
- package/dist/{swirl-symbol-info-menu.entry.ed71a1d8.js → swirl-symbol-info-menu.entry.d1245b07.js} +5 -5
- package/dist/{swirl-symbol-instagram.entry.78ff2ca0.js → swirl-symbol-instagram.entry.11304781.js} +4 -4
- package/dist/{swirl-symbol-ios.entry.3b8cc839.js → swirl-symbol-ios.entry.2df3ce61.js} +7 -7
- package/dist/{swirl-symbol-language.entry.1b887057.js → swirl-symbol-language.entry.9c0887b2.js} +6 -6
- package/dist/{swirl-symbol-leaderboard.entry.389d4aac.js → swirl-symbol-leaderboard.entry.8d6bf4f2.js} +5 -5
- package/dist/{swirl-symbol-lightbulb.entry.171a7953.js → swirl-symbol-lightbulb.entry.4eaaa72b.js} +6 -6
- package/dist/{swirl-symbol-linkedin.entry.414f31ab.js → swirl-symbol-linkedin.entry.82391d2c.js} +7 -7
- package/dist/{swirl-symbol-location-on.entry.d38d49fd.js → swirl-symbol-location-on.entry.49e60f5f.js} +6 -6
- package/dist/{swirl-symbol-loyalty.entry.9d3c7f18.js → swirl-symbol-loyalty.entry.5e83cb46.js} +7 -7
- package/dist/{swirl-symbol-maps-home-work.entry.57dacd53.js → swirl-symbol-maps-home-work.entry.ddbc9ac6.js} +7 -7
- package/dist/{swirl-symbol-notifications.entry.53b4c34d.js → swirl-symbol-notifications.entry.6843b3d6.js} +8 -8
- package/dist/{swirl-symbol-open-in-new.entry.80997a60.js → swirl-symbol-open-in-new.entry.88884226.js} +7 -7
- package/dist/{swirl-symbol-pedal-bike.entry.2e33825f.js → swirl-symbol-pedal-bike.entry.3c9ca8aa.js} +6 -6
- package/dist/{swirl-symbol-pinterest.entry.55af806b.js → swirl-symbol-pinterest.entry.4a0ae9b1.js} +7 -7
- package/dist/{swirl-symbol-policy.entry.da524f10.js → swirl-symbol-policy.entry.a05a50ec.js} +7 -7
- package/dist/{swirl-symbol-push-pin.entry.cedd4a8e.js → swirl-symbol-push-pin.entry.704f581f.js} +8 -8
- package/dist/{swirl-symbol-redeem.entry.e665cd1e.js → swirl-symbol-redeem.entry.a2e3994a.js} +5 -5
- package/dist/{swirl-symbol-report-problem.entry.a67052a9.js → swirl-symbol-report-problem.entry.377df867.js} +8 -8
- package/dist/{swirl-symbol-restaurant.entry.7dde5b58.js → swirl-symbol-restaurant.entry.8d435028.js} +6 -6
- package/dist/{swirl-symbol-roadmap.entry.0d7e4749.js → swirl-symbol-roadmap.entry.98572c37.js} +6 -6
- package/dist/{swirl-symbol-room.entry.3ad150f6.js → swirl-symbol-room.entry.f97f2411.js} +7 -7
- package/dist/{swirl-symbol-savings.entry.7e036969.js → swirl-symbol-savings.entry.c450f277.js} +6 -6
- package/dist/{swirl-symbol-settings-voice.entry.43fea644.js → swirl-symbol-settings-voice.entry.3a708dab.js} +5 -5
- package/dist/{swirl-symbol-shopping-cart.entry.ecc33754.js → swirl-symbol-shopping-cart.entry.6e1f47ee.js} +5 -5
- package/dist/{swirl-symbol-smartphone.entry.0cc7978f.js → swirl-symbol-smartphone.entry.f03cf0d6.js} +8 -8
- package/dist/{swirl-symbol-star.entry.01d40258.js → swirl-symbol-star.entry.06a05ad1.js} +8 -8
- package/dist/{swirl-symbol-supervisor-account.entry.ac368645.js → swirl-symbol-supervisor-account.entry.b7e46c7c.js} +7 -7
- package/dist/{swirl-symbol-thumbs-up-down.entry.f8240d18.js → swirl-symbol-thumbs-up-down.entry.fdd0bcce.js} +8 -8
- package/dist/{swirl-symbol-twitter.entry.dcc67f1a.js → swirl-symbol-twitter.entry.453dcc9a.js} +8 -8
- package/dist/{swirl-symbol-wb-sunny.entry.8cdbfaf4.js → swirl-symbol-wb-sunny.entry.31d4b727.js} +6 -6
- package/dist/{swirl-symbol-wechat.entry.fddcc06c.js → swirl-symbol-wechat.entry.d8e37585.js} +8 -8
- package/dist/{swirl-symbol-weibo.entry.cc5b372e.js → swirl-symbol-weibo.entry.66e03250.js} +5 -5
- package/dist/{swirl-symbol-work.entry.0712bd3a.js → swirl-symbol-work.entry.1bf963a6.js} +7 -7
- package/dist/{swirl-symbol-xing.entry.0d1ccc45.js → swirl-symbol-xing.entry.05298eee.js} +6 -6
- package/dist/{swirl-symbol-youtube.entry.b4cd6997.js → swirl-symbol-youtube.entry.a3d7eca2.js} +8 -8
- package/dist/{swirl-symbol.entry.0c71fa71.js → swirl-symbol.entry.53e81ac8.js} +4 -4
- package/dist/{swirl-tab-bar.entry.16ff45ec.js → swirl-tab-bar.entry.10d0a34d.js} +10 -10
- package/dist/swirl-tab.entry.3360b458.js +17 -0
- package/dist/{swirl-table-cell.entry.802024f1.js → swirl-table-cell.entry.5ef4b9ab.js} +4 -4
- package/dist/{swirl-table-column.entry.7f4af713.js → swirl-table-column.entry.4bda659c.js} +11 -11
- package/dist/{swirl-table-row-group.entry.dc20cc7b.js → swirl-table-row-group.entry.020d6ddc.js} +6 -6
- package/dist/{swirl-table-row.entry.b8723404.js → swirl-table-row.entry.37b4734d.js} +8 -8
- package/dist/{swirl-table.entry.dbea4e7a.js → swirl-table.entry.66bfd00e.js} +56 -49
- package/dist/{swirl-tabs.entry.dc6af84d.js → swirl-tabs.entry.4fcea255.js} +8 -8
- package/dist/{swirl-text-input.entry.579b16ec.js → swirl-text-input.entry.b47ea5ab.js} +11 -11
- package/dist/swirl-text.entry.53b31ba1.js +299 -0
- package/dist/{swirl-theme-provider.entry.20034845.js → swirl-theme-provider.entry.6c9644cc.js} +12 -12
- package/dist/{swirl-time-input.entry.fa9d7324.js → swirl-time-input.entry.90d48524.js} +17 -18
- package/dist/{swirl-toast-provider.entry.123f2af8.js → swirl-toast-provider.entry.283226c0.js} +5 -5
- package/dist/{swirl-toast.entry.ca3ee775.js → swirl-toast.entry.2453ba03.js} +10 -10
- package/dist/{swirl-toggle-button.entry.b10990b7.js → swirl-toggle-button.entry.fc8655b3.js} +7 -7
- package/dist/{swirl-toggle-group.entry.61d708d2.js → swirl-toggle-group.entry.063929a9.js} +24 -24
- package/dist/{swirl-toolbar.entry.f40e8a63.js → swirl-toolbar.entry.da53664f.js} +8 -8
- package/dist/{swirl-tooltip.entry.22dd442f.js → swirl-tooltip.entry.2e675248.js} +11 -11
- package/dist/{swirl-tree-navigation-item.entry.5b0d9d1e.js → swirl-tree-navigation-item.entry.344b75ed.js} +9 -9
- package/dist/swirl-tree-navigation.entry.0635275a.js +15 -0
- package/dist/{swirl-tree-view-item.entry.630ee1d1.js → swirl-tree-view-item.entry.a5693775.js} +10 -10
- package/dist/{swirl-tree-view.entry.8694bedd.js → swirl-tree-view.entry.4bf50338.js} +16 -16
- package/dist/{swirl-video-thumbnail.entry.12188f98.js → swirl-video-thumbnail.entry.12522896.js} +5 -5
- package/dist/{swirl-visually-hidden.entry.168aef63.js → swirl-visually-hidden.entry.04b74a6c.js} +2 -2
- package/dist/{utils-28df99ee.9fb223f6.js → utils-D_MUFqkF.654ff3ce.js} +31 -34
- package/dist/v4-DD3477fe.2624487e.js +27 -0
- package/dist/{wc-datepicker.entry.8b8398c5.js → wc-datepicker.entry.ebb90cb5.js} +10 -10
- package/package.json +2 -2
- package/dist/FileSaver.min-0f069dea.b93bc2ba.js +0 -76
- package/dist/_commonjsHelpers-d20b9603.2d9b8855.js +0 -27
- package/dist/floating-ui.dom.esm-bef21834.ec4a9cbf.js +0 -813
- package/dist/index-267776a4.6beb4f4b.js +0 -38
- package/dist/index.65ee776f.js +0 -3783
- package/dist/swirl-carousel-slide.entry.a6b8cd0f.js +0 -23
- package/dist/swirl-file-viewer_8.entry.665e2707.js +0 -16436
- package/dist/swirl-icon.entry.3b257fd4.js +0 -16
- package/dist/swirl-modal.entry.277c1fa4.js +0 -166
- package/dist/swirl-tab.entry.16cc511c.js +0 -17
- package/dist/swirl-text.entry.9ecedf3a.js +0 -298
- package/dist/swirl-tree-navigation.entry.46c467fd.js +0 -15
- package/dist/v4-23648a96.77c7c20f.js +0 -32
- /package/dist/{a11y-dialog.esm-d7a94c8c.bd6ae411.js → a11y-dialog.esm-DyxMdBpZ.05195d89.js} +0 -0
- /package/dist/{swirl-tree-view.config-82c9ecaa.3ff1cfa4.js → swirl-tree-view.config-BkSXzL50.94f4a648.js} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as p, c as l, h as
|
|
2
|
-
import { c as b } from "./index-
|
|
3
|
-
import { D as w } from "./media-query.service-
|
|
4
|
-
import { d as y, i as g,
|
|
5
|
-
import { S as T } from "./sortable.esm-
|
|
6
|
-
import { v as k } from "./v4-
|
|
1
|
+
import { r as p, c as l, h as e, H as c, g as u, F as h } from "./index.603e9c7c.js";
|
|
2
|
+
import { c as b } from "./index-orsBiyT_.fc4357c3.js";
|
|
3
|
+
import { D as w } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
|
|
4
|
+
import { d as y, i as g, s as v } from "./utils-D_MUFqkF.654ff3ce.js";
|
|
5
|
+
import { S as T } from "./sortable.esm-CMrz6687.dac971cd.js";
|
|
6
|
+
import { v as k } from "./v4-DD3477fe.2624487e.js";
|
|
7
7
|
import "react";
|
|
8
8
|
import "react-dom";
|
|
9
9
|
const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"
|
|
@@ -31,15 +31,25 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
31
31
|
"content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"
|
|
32
32
|
"sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
|
|
33
33
|
"navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
|
|
34
|
-
"body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, A = D, L = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", N = class {
|
|
34
|
+
"body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, A = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", N = class {
|
|
35
35
|
constructor(t) {
|
|
36
|
-
p(this, t), this.ctaClick = l(this, "ctaClick", 7), this.mobileViewChange = l(this, "mobileViewChange", 7), this.navigationBackButtonClick = l(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = l(this, "navigationExpansionStateChange", 7), this.sidebarToggle = l(this, "sidebarToggle", 7), this.
|
|
36
|
+
p(this, t), this.ctaClick = l(this, "ctaClick", 7), this.mobileViewChange = l(this, "mobileViewChange", 7), this.navigationBackButtonClick = l(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = l(this, "navigationExpansionStateChange", 7), this.sidebarToggle = l(this, "sidebarToggle", 7), this.backToNavigationViewButtonLabel = "Back to navigation", this.navigationBackButtonLabel = "Go back", this.navigationExpansionStateStorageKey = A, this.navigationToggleLabel = "Toggle navigation", this.navigationOverlayLabel = "Show navigation", this.sidebarCloseButtonLabel = "Close sidebar", this.transitionStyle = "slides", this.contentScrollState = {
|
|
37
|
+
scrollable: !1,
|
|
38
|
+
scrolledToTop: !1,
|
|
39
|
+
scrolledToBottom: !1
|
|
40
|
+
}, this.mobileView = "navigation", this.navScrollState = {
|
|
41
|
+
scrollable: !1,
|
|
42
|
+
scrolledToTop: !1
|
|
43
|
+
}, this.navExpansionState = "expanded", this.sidebarScrollState = {
|
|
44
|
+
scrollable: !1,
|
|
45
|
+
scrolledToTop: !1
|
|
46
|
+
}, this.mediaQueryUnsubscribe = () => {
|
|
37
47
|
}, this.onBackToNavigationViewButtonClick = () => {
|
|
38
48
|
this.changeMobileView("navigation");
|
|
39
|
-
}, this.onCtaClick = (
|
|
40
|
-
this.ctaClick.emit(
|
|
41
|
-
}, this.onNavigationBackButtonClick = (
|
|
42
|
-
this.navigationBackButtonClick.emit(
|
|
49
|
+
}, this.onCtaClick = (a) => {
|
|
50
|
+
this.ctaClick.emit(a);
|
|
51
|
+
}, this.onNavigationBackButtonClick = (a) => {
|
|
52
|
+
this.navigationBackButtonClick.emit(a);
|
|
43
53
|
}, this.onSidebarCloseButtonClick = () => {
|
|
44
54
|
this.hideSidebar();
|
|
45
55
|
}, this.onContentScroll = y(() => {
|
|
@@ -51,21 +61,11 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
51
61
|
}, 16), this.toggleNavigation = () => {
|
|
52
62
|
if (!this.collapsibleNavigation)
|
|
53
63
|
return;
|
|
54
|
-
const
|
|
55
|
-
this.setCollapsibleNavigationState(
|
|
56
|
-
}, this.overlayNavigation = (
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
scrollable: !1,
|
|
60
|
-
scrolledToTop: !1,
|
|
61
|
-
scrolledToBottom: !1
|
|
62
|
-
}, this.hasCustomAppBarBackButton = void 0, this.hasSidebar = void 0, this.isDesktop = void 0, this.mobileView = "navigation", this.navScrollState = {
|
|
63
|
-
scrollable: !1,
|
|
64
|
-
scrolledToTop: !1
|
|
65
|
-
}, this.navExpansionState = "expanded", this.sidebarActive = void 0, this.sidebarClosing = void 0, this.sidebarOpening = void 0, this.sidebarScrollState = {
|
|
66
|
-
scrollable: !1,
|
|
67
|
-
scrolledToTop: !1
|
|
68
|
-
}, this.transitioningFrom = void 0, this.transitioningTo = void 0;
|
|
64
|
+
const a = this.navExpansionState === "expanded" ? "collapsed" : "expanded";
|
|
65
|
+
this.setCollapsibleNavigationState(a);
|
|
66
|
+
}, this.overlayNavigation = (a) => {
|
|
67
|
+
a.stopPropagation(), this.setCollapsibleNavigationState("overlayed");
|
|
68
|
+
};
|
|
69
69
|
}
|
|
70
70
|
componentWillLoad() {
|
|
71
71
|
this.initialMobileView && (this.mobileView = this.initialMobileView), this.mutationObserver = new MutationObserver(() => {
|
|
@@ -100,7 +100,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
100
100
|
if (this.sidebarActive || !this.hasSidebar)
|
|
101
101
|
return;
|
|
102
102
|
Boolean(this.sidebarOpeningTimeout) && clearTimeout(this.sidebarOpeningTimeout), this.sidebarOpening = !0;
|
|
103
|
-
const t = g() ||
|
|
103
|
+
const t = g() || v() ? 0 : 300;
|
|
104
104
|
this.sidebarOpeningTimeout = setTimeout(() => {
|
|
105
105
|
this.sidebarActive = !0, this.sidebarOpening = !1, this.changeMobileView("sidebar"), this.sidebarToggle.emit(!0);
|
|
106
106
|
}, t);
|
|
@@ -109,7 +109,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
109
109
|
if (!this.sidebarActive || !this.hasSidebar)
|
|
110
110
|
return;
|
|
111
111
|
Boolean(this.sidebarClosingTimeout) && clearTimeout(this.sidebarClosingTimeout), this.sidebarClosing = !0;
|
|
112
|
-
const t = g() ||
|
|
112
|
+
const t = g() || v() ? 0 : 300;
|
|
113
113
|
this.sidebarClosingTimeout = setTimeout(() => {
|
|
114
114
|
this.sidebarActive = !1, this.sidebarClosing = !1, this.changeMobileView("body"), this.sidebarToggle.emit(!1);
|
|
115
115
|
}, t);
|
|
@@ -123,15 +123,15 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
123
123
|
async setCollapsibleNavigationState(t) {
|
|
124
124
|
!this.collapsibleNavigation || (this.navExpansionState = t, this.navigationExpansionStateChange.emit(this.navExpansionState), localStorage.setItem(this.navigationExpansionStateStorageKey, this.navExpansionState));
|
|
125
125
|
}
|
|
126
|
-
async changeMobileView(t,
|
|
126
|
+
async changeMobileView(t, a = !0) {
|
|
127
127
|
if (this.mobileView === t || t === "navigation" && !this.hasNavigation || t === "sidebar" && !this.hasSidebar)
|
|
128
128
|
return;
|
|
129
|
-
if (!g() || !
|
|
129
|
+
if (!g() || !a) {
|
|
130
130
|
this.mobileView = t, this.mobileViewChange.emit(this.mobileView);
|
|
131
131
|
return;
|
|
132
132
|
}
|
|
133
133
|
Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = t;
|
|
134
|
-
const r =
|
|
134
|
+
const r = v() ? 0 : this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
|
|
135
135
|
this.transitionTimeout = setTimeout(() => {
|
|
136
136
|
this.mobileView = t, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
|
|
137
137
|
}, r);
|
|
@@ -159,21 +159,21 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
159
159
|
scrolledToTop: this.contentEl.scrollTop === 0,
|
|
160
160
|
scrolledToBottom: Math.round(this.contentEl.scrollTop + this.contentEl.clientHeight) >= this.contentEl.scrollHeight
|
|
161
161
|
};
|
|
162
|
-
Object.keys(t).some((
|
|
162
|
+
Object.keys(t).some((a) => t[a] !== this.contentScrollState[a]) && (this.contentScrollState = t);
|
|
163
163
|
}
|
|
164
164
|
updateNavScrollState() {
|
|
165
165
|
const t = {
|
|
166
166
|
scrollable: this.navEl.scrollHeight > this.navEl.clientHeight,
|
|
167
167
|
scrolledToTop: this.navEl.scrollTop === 0
|
|
168
168
|
};
|
|
169
|
-
Object.keys(t).some((
|
|
169
|
+
Object.keys(t).some((a) => t[a] !== this.navScrollState[a]) && (this.navScrollState = t);
|
|
170
170
|
}
|
|
171
171
|
updateSidebarScrollState() {
|
|
172
172
|
const t = {
|
|
173
173
|
scrollable: this.sidebarEl.scrollHeight > this.sidebarEl.clientHeight,
|
|
174
174
|
scrolledToTop: this.sidebarEl.scrollTop === 0
|
|
175
175
|
};
|
|
176
|
-
Object.keys(t).some((
|
|
176
|
+
Object.keys(t).some((a) => t[a] !== this.sidebarScrollState[a]) && (this.sidebarScrollState = t);
|
|
177
177
|
}
|
|
178
178
|
restoreNavExpansionState() {
|
|
179
179
|
if (!this.collapsibleNavigation)
|
|
@@ -182,12 +182,12 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
182
182
|
Boolean(t) && this.setCollapsibleNavigationState(t);
|
|
183
183
|
}
|
|
184
184
|
render() {
|
|
185
|
-
const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton,
|
|
185
|
+
const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, a = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), i = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), r = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), n = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), d = this.hasNavigation && (!this.collapsibleNavigation || this.navExpansionState !== "collapsed" || !this.isDesktop), m = b("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--nav-${this.isDesktop ? this.navExpansionState : "expanded"}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
|
|
186
186
|
"app-layout--content-scrollable": this.contentScrollState.scrollable,
|
|
187
187
|
"app-layout--content-scrolled-to-top": this.contentScrollState.scrolledToTop,
|
|
188
188
|
"app-layout--content-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
|
|
189
189
|
"app-layout--has-app-bar-mobile-menu-button": o,
|
|
190
|
-
"app-layout--has-app-bar-controls":
|
|
190
|
+
"app-layout--has-app-bar-controls": a,
|
|
191
191
|
"app-layout--has-bottom-bar": i,
|
|
192
192
|
"app-layout--has-custom-app-bar-back-button": this.hasCustomAppBarBackButton,
|
|
193
193
|
"app-layout--has-custom-sidebar-header": r,
|
|
@@ -204,7 +204,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
204
204
|
"app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
|
|
205
205
|
"app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
|
|
206
206
|
});
|
|
207
|
-
return
|
|
207
|
+
return e(c, { key: "0970730a8b11319c50969d6d6e7f217dcf56e2f0" }, e("section", { key: "06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac", "aria-labelledby": "app-name", class: m }, e("div", { key: "b50a9beffae3145861ed4b71705fe673f5d10043", class: "app-layout__grid" }, e("header", { key: "04c3f7e4b7cb227cca2e9a15e262ddc9874032e1", class: "app-layout__header", ref: (s) => this.headerEl = s }, e("span", { key: "67ba8ba5394d42ba1f96ccb3258aefb8acce87c9", class: "app-layout__navigation-mobile-menu-button" }, e("slot", { key: "8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && e("span", { key: "0a11ae6739ed9863837da26a60a5f524ca2215ea", class: "app-layout__nav-overlay-toggle" }, e("swirl-button", { key: "e0670ebab68aaefd7342a31b0a2c139f181c4cf1", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && e("span", { key: "df74e59b27c2e15ffc532826ac69794df187ece9", class: "app-layout__navigation-back-button" }, e("swirl-button", { key: "ca4e1610d7566b66ebe6958f8ec6f89d4a84554c", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), e("swirl-heading", { key: "7ca7f6ca8a69fead26966a6b224966f4404351da", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), d && e("span", { key: "3d1205492f28588558a5e1d1c1948c4da7870c46", class: "app-layout__navigation-controls" }, e("slot", { key: "f97090b47f524589e4d86e293e92ce2e001503dd", name: "navigation-controls" }))), e("nav", { key: "9b2f944843bcee7c5322b728ea26fcc7d8ed990f", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, e("slot", { key: "a3fa785458acf70951cf209062e9f91bfec49db4", name: "navigation" })), e("section", { key: "3649f14cce3bdf275bc7325680b4c193085272f7", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && e("header", { key: "401b6adeda9ed569d8a6c37f381fed0623a34701", class: "app-layout__app-bar" }, e("span", { key: "7b60e9abca35a3c6ab900e8d882116e8b22ce730", class: "app-layout__app-bar-mobile-menu-button" }, e("slot", { key: "44c01881cb2c4799942609ca43f2ead4de855859", name: "app-bar-mobile-menu-button" })), t && e("span", { key: "63a89ec584fa6a21a5cf4be3fdf15e84df01b03a", class: "app-layout__back-to-navigation-button" }, e("swirl-button", { key: "5d05136bb74adcc5a404bdb74533636777f3b598", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && e("span", { key: "0426043d85f25bd9581b2046215dba5cc50ee24c", class: "app-layout__nav-expansion-toggle" }, e("swirl-button", { key: "5b64b49937d180b23de6435351a0b7498562b2f7", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), e("span", { key: "eaa0172b442211086532a15fae6bb99b70dafab6", class: "app-layout__custom-app-bar-back-button" }, e("slot", { key: "86177f0040e21c020b2d88a2e11cc1f2045d9bcf", name: "custom-app-bar-back-button" })), e("div", { key: "ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6", class: "app-layout__app-bar-content" }, e("slot", { key: "59a8e892b40e1b56acc3f33cb956d1a588670a5e", name: "app-bar" })), e("div", { key: "2244b236929f9de30d18f886b2992187b1f9baf8", class: "app-layout__app-bar-controls" }, e("slot", { key: "c5fae8b152e14275cb09b7db637ea8ca64932648", name: "app-bar-controls" }))), e("div", { key: "85a6875e28ec691f659cbee27e299bca2048ff67", class: "app-layout__banner" }, e("slot", { key: "9790312e956f47faca3c1c4b04a6b1422a889498", name: "banner" })), e("div", { key: "d33ae32d0644d24027423eb9dc9ba94c54b0070b", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, e("slot", { key: "9e615a708ac9ae2817a680e868c70d4a9ec3d075", name: "content" })), e("div", { key: "d173a40d98a1d8cd6b93135d9a6984afc6487813", class: "app-layout__bottom-bar" }, e("slot", { key: "10a8422834710d9b15dea188d0f8b24dab14887e", name: "bottom-bar" }))), e("aside", { key: "0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2", class: "app-layout__sidebar" }, e("header", { key: "da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8", class: "app-layout__custom-sidebar-header" }, e("slot", { key: "fd8fc8403066c85dd26ed414afded579928da657", name: "custom-sidebar-header" })), e("header", { key: "addfa87cef788f272e586e3a02b0f47be414cc58", class: "app-layout__sidebar-header" }, e("swirl-button", { key: "7daf54726d77b5a9656dd888d32d4c111746e59e", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "c743c2b1049f87a5c81b99ddc836f4a2b9b08561", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), e("div", { key: "9443e3843d55af79d62c949b8df53a6a1f27a4e9", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, e("slot", { key: "0b5eff0be0d4e98ed2755b412d8783fe25d8d809", name: "sidebar" }))), e("span", { key: "a1487ea686f593c4b117a9eb74fe61fe8b516336", class: "app-layout__floating-action-button" }, this.ctaLabel && e("swirl-button", { key: "02d61ee5b96263295218ed0b99cb8b93d1e06df0", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), e("slot", { key: "7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532", name: "floating-action-button" })))));
|
|
208
208
|
}
|
|
209
209
|
get el() {
|
|
210
210
|
return u(this);
|
|
@@ -215,70 +215,70 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
215
215
|
};
|
|
216
216
|
}
|
|
217
217
|
};
|
|
218
|
-
N.style =
|
|
219
|
-
const
|
|
218
|
+
N.style = D;
|
|
219
|
+
const L = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", M = class {
|
|
220
220
|
constructor(t) {
|
|
221
|
-
p(this, t)
|
|
221
|
+
p(this, t);
|
|
222
222
|
}
|
|
223
223
|
render() {
|
|
224
|
-
const t = Boolean(this.el.querySelector('[slot="controls"]')),
|
|
224
|
+
const t = Boolean(this.el.querySelector('[slot="controls"]')), a = Boolean(this.el.querySelector('[slot="illustration"]')), i = b("empty-state", {
|
|
225
225
|
"empty-state--has-controls": t,
|
|
226
|
-
"empty-state--has-slotted-illustration":
|
|
226
|
+
"empty-state--has-slotted-illustration": a
|
|
227
227
|
});
|
|
228
|
-
return
|
|
228
|
+
return e(c, { key: "97b920d29cb4fba5c6db9f990ea806ba355ba580" }, e("div", { key: "5088abccf2dfda1ff6d526e6b1136fa4937856b1", class: i }, this.illustration && !a && e("img", { key: "3b4ec30247d13e4e8774c6ce81fd84d13cab09ad", alt: "", class: "empty-state__illustration", src: this.illustration }), e("div", { key: "c97260117986a1c62e8dae631ee0bb8b8d7f1020", class: "empty-state__slotted-illustration" }, e("slot", { key: "5719b33a1643cc3e074765619006908e71c59b17", name: "illustration" })), e("div", { key: "7a72832626036f17c18ca6af73daad7350ff81f6", class: "empty-state__body" }, e("swirl-stack", { key: "8cc206a6f367a067f36a9236f1a8bfdf5c1fa509", align: "stretch", spacing: "8" }, this.heading && e("swirl-heading", { key: "1a495e977ef2a98559e8c8a57bf450c835a66cd3", align: "center", as: "p", level: 4, text: this.heading }), e("div", { key: "7a986feeaead0f94af71e57d5387a06614f6dc8b", class: "empty-state__content" }, e("swirl-text", { key: "b37f175b04f23f3935d33e7cb84f24c742cc3532", align: "center", color: "subdued" }, e("slot", { key: "db5a9a52d01666753a4cfec089b1975373de7d82" })))), e("div", { key: "49a5020dd158b0f83a7c2760278ab44512e2168f", class: "empty-state__controls" }, e("slot", { key: "eb9b518b10d11ea277e517120aecc6c0a8a62f41", name: "controls" })))));
|
|
229
229
|
}
|
|
230
230
|
get el() {
|
|
231
231
|
return u(this);
|
|
232
232
|
}
|
|
233
233
|
};
|
|
234
|
-
|
|
235
|
-
const
|
|
234
|
+
M.style = L;
|
|
235
|
+
const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", H = class {
|
|
236
236
|
constructor(t) {
|
|
237
|
-
p(this, t), this.
|
|
237
|
+
p(this, t), this.size = 24;
|
|
238
238
|
}
|
|
239
239
|
render() {
|
|
240
|
-
const t = this.size === 20 ? 24 : this.size,
|
|
240
|
+
const t = this.size === 20 ? 24 : this.size, a = {
|
|
241
241
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
|
|
242
242
|
}, i = b("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
243
|
-
return
|
|
243
|
+
return e("svg", { key: "ac42f1e3d1953e02ddab3af41f1d7cab872f270f", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(h, { key: "64143df26fd6233bcbc846b91067cf7a37374e30" }, e("path", { key: "889bd2cd70644d2c55f0339166f3cc299dcdf41c", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(h, { key: "6364b621977b44785b5dc3cf3a612ac5b1061ce5" }, e("path", { key: "7e9dd0c27680d19f8a48ce86985db9f0cc051380", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && e(h, { key: "cc663bd01920bf7b046b94c4b5478865d634afc0" }, e("path", { key: "61bcde2b46db9e44405cefcd2ed4d49cf7949eaf", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
|
|
244
244
|
}
|
|
245
245
|
};
|
|
246
|
-
|
|
247
|
-
const
|
|
246
|
+
H.style = V;
|
|
247
|
+
const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", O = class {
|
|
248
248
|
constructor(t) {
|
|
249
|
-
p(this, t), this.itemDrop = l(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (
|
|
250
|
-
const i =
|
|
249
|
+
p(this, t), this.itemDrop = l(this, "itemDrop", 7), this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.spacing = "0", this.listId = k(), this.focusedIndex = 0, this.toggleDrag = (a) => {
|
|
250
|
+
const i = a.detail;
|
|
251
251
|
Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
|
|
252
|
-
}, this.startDrag = (
|
|
253
|
-
this.dragging =
|
|
252
|
+
}, this.startDrag = (a) => {
|
|
253
|
+
this.dragging = a, this.draggingStartIndex = this.getItemIndex(this.dragging), a.setAttribute("dragging", "true");
|
|
254
254
|
const i = this.getItemIndex(this.dragging);
|
|
255
255
|
this.focusItemAtIndex(i), this.assistiveText = this.assistiveTextItemGrabbed;
|
|
256
|
-
}, this.stopDrag = (
|
|
256
|
+
}, this.stopDrag = (a) => {
|
|
257
257
|
const i = this.getItemIndex(this.dragging);
|
|
258
|
-
this.dragging = void 0,
|
|
259
|
-
}, this.onKeyDown = (
|
|
260
|
-
if (
|
|
261
|
-
|
|
262
|
-
else if (
|
|
263
|
-
if (
|
|
258
|
+
this.dragging = void 0, a.removeAttribute("dragging"), this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: a, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0;
|
|
259
|
+
}, this.onKeyDown = (a) => {
|
|
260
|
+
if (a.code === "ArrowDown")
|
|
261
|
+
a.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
|
|
262
|
+
else if (a.code === "ArrowUp")
|
|
263
|
+
if (a.preventDefault(), Boolean(this.dragging))
|
|
264
264
|
this.moveDraggedItemUp();
|
|
265
265
|
else {
|
|
266
266
|
const i = this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;
|
|
267
267
|
this.focusItemAtIndex(i);
|
|
268
268
|
}
|
|
269
|
-
else if (
|
|
270
|
-
const i =
|
|
269
|
+
else if (a.code === "Space" || a.code === "Enter") {
|
|
270
|
+
const i = a.composedPath()[0];
|
|
271
271
|
if (Boolean(this.dragging) && !(i != null && i.classList.contains("resource-list-item__drag-handle")))
|
|
272
|
-
|
|
273
|
-
else if (Boolean(this.controllingElement) &&
|
|
272
|
+
a.preventDefault(), this.stopDrag(this.dragging);
|
|
273
|
+
else if (Boolean(this.controllingElement) && a.code === "Enter") {
|
|
274
274
|
const o = this.items[this.focusedIndex];
|
|
275
275
|
if (!Boolean(o) || !o.isConnected)
|
|
276
276
|
return;
|
|
277
|
-
|
|
277
|
+
a.stopPropagation(), a.preventDefault(), o.click();
|
|
278
278
|
}
|
|
279
279
|
} else
|
|
280
|
-
|
|
281
|
-
}
|
|
280
|
+
a.code === "Home" ? (a.preventDefault(), this.focusItemAtIndex(0)) : a.code === "End" && (a.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
|
|
281
|
+
};
|
|
282
282
|
}
|
|
283
283
|
componentDidLoad() {
|
|
284
284
|
this.observeSlotChanges(), this.collectItems(), this.setupControllingElement(), this.setItemAllowDragState(), this.setupDragDrop(), this.setSectionSpacingAndSeparator();
|
|
@@ -287,8 +287,8 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
287
287
|
this.setupDragDrop();
|
|
288
288
|
}
|
|
289
289
|
disconnectedCallback() {
|
|
290
|
-
var t,
|
|
291
|
-
(t = this.sortable) == null || t.destroy(), (
|
|
290
|
+
var t, a, i;
|
|
291
|
+
(t = this.sortable) == null || t.destroy(), (a = this.observer) == null || a.disconnect(), (i = this.controllingElement) == null || i.removeEventListener("keydown", this.onKeyDown);
|
|
292
292
|
}
|
|
293
293
|
observeSlotChanges() {
|
|
294
294
|
this.observer = new MutationObserver(() => {
|
|
@@ -304,22 +304,22 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
304
304
|
}
|
|
305
305
|
collectItems() {
|
|
306
306
|
var t;
|
|
307
|
-
this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((
|
|
307
|
+
this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((a) => a.isConnected), this.sections = Array.from(this.el.querySelectorAll("swirl-resource-list-section")).filter((a) => a.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]), Boolean(this.controllingElement) && ((t = this.items[0]) == null || t.setAttribute("aria-selected", "true"));
|
|
308
308
|
}
|
|
309
309
|
setupControllingElement() {
|
|
310
310
|
!Boolean(this.controllingElement) || (this.controllingElement.setAttribute("aria-controls", this.listId), this.controllingElement.setAttribute("role", "combobox"), this.controllingElement.setAttribute("aria-autocomplete", "list"), this.controllingElement.addEventListener("keydown", this.onKeyDown));
|
|
311
311
|
}
|
|
312
312
|
getItemIndex(t) {
|
|
313
|
-
return this.items.map((
|
|
313
|
+
return this.items.map((a) => a).findIndex((a) => a === t);
|
|
314
314
|
}
|
|
315
315
|
removeItemsFromTabOrder() {
|
|
316
316
|
this.items.forEach((t) => {
|
|
317
|
-
const
|
|
318
|
-
Boolean(this.controllingElement) && t.setAttribute("aria-selected", "false"),
|
|
317
|
+
const a = t == null ? void 0 : t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), i = t == null ? void 0 : t.querySelector(".resource-list-item__drag-handle");
|
|
318
|
+
Boolean(this.controllingElement) && t.setAttribute("aria-selected", "false"), a == null || a.setAttribute("tabIndex", "-1"), i == null || i.setAttribute("tabIndex", "-1");
|
|
319
319
|
});
|
|
320
320
|
}
|
|
321
321
|
setItemAllowDragState() {
|
|
322
|
-
this.allowDrag ? this.items.filter((t) => this.sections.every((
|
|
322
|
+
this.allowDrag ? this.items.filter((t) => this.sections.every((a) => !a.contains(t))).forEach((t) => {
|
|
323
323
|
t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
|
|
324
324
|
}) : this.items.forEach((t) => {
|
|
325
325
|
t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
|
|
@@ -339,16 +339,16 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
339
339
|
}
|
|
340
340
|
}));
|
|
341
341
|
}
|
|
342
|
-
enableItemFocus(t,
|
|
342
|
+
enableItemFocus(t, a) {
|
|
343
343
|
if (!Boolean(t) || Boolean(this.controllingElement))
|
|
344
344
|
return;
|
|
345
345
|
const i = t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), o = t.querySelector(".resource-list-item__drag-handle");
|
|
346
|
-
Boolean(o) && o.setAttribute("tabIndex", "0"), Boolean(i) && (i.setAttribute("tabIndex", "0"),
|
|
346
|
+
Boolean(o) && o.setAttribute("tabIndex", "0"), Boolean(i) && (i.setAttribute("tabIndex", "0"), a && !Boolean(this.controllingElement) && i.focus());
|
|
347
347
|
}
|
|
348
348
|
focusItemAtIndex(t) {
|
|
349
349
|
this.removeItemsFromTabOrder();
|
|
350
|
-
const
|
|
351
|
-
!Boolean(
|
|
350
|
+
const a = this.items[t];
|
|
351
|
+
!Boolean(a) || !a.isConnected || (this.enableItemFocus(a, !Boolean(this.controllingElement)), Boolean(this.controllingElement) && (a.setAttribute("aria-selected", "true"), a.scrollIntoView({ block: "nearest" })), this.focusedIndex = t);
|
|
352
352
|
}
|
|
353
353
|
moveDraggedItemDown() {
|
|
354
354
|
const t = this.dragging.nextElementSibling;
|
|
@@ -359,14 +359,14 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
359
359
|
!Boolean(t) || (t.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
|
|
360
360
|
}
|
|
361
361
|
setSectionSpacingAndSeparator() {
|
|
362
|
-
this.sections.forEach((t,
|
|
362
|
+
this.sections.forEach((t, a) => {
|
|
363
363
|
var i;
|
|
364
|
-
|
|
364
|
+
a === 0 && ((i = t.previousElementSibling) == null ? void 0 : i.tagName) !== "SWIRL-RESOURCE-LIST-ITEM" && (t.hasSeparator = !1), t.spacing = this.spacing;
|
|
365
365
|
});
|
|
366
366
|
}
|
|
367
367
|
render() {
|
|
368
|
-
var t,
|
|
369
|
-
return
|
|
368
|
+
var t, a, i, o, r, n;
|
|
369
|
+
return e(c, { key: "25c428afce926de810a3073339023ddccdc369b0", onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { key: "19d36c2ef6b6f78eb0775a0c418ff7205477e19b", role: "alert" }, this.assistiveText), e("swirl-box", { key: "831bdcb1d69e961ee08b9619d2a9c05aed70df1d", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (a = this.paddingBlockStart) != null ? a : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, e("swirl-stack", { key: "d35af04318449acb97c319186f25000b0082a59c", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, e("slot", { key: "04444bbc1a1015377c52d9ab307b5859cad396c2" }))));
|
|
370
370
|
}
|
|
371
371
|
get el() {
|
|
372
372
|
return u(this);
|
|
@@ -377,26 +377,26 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
377
377
|
};
|
|
378
378
|
}
|
|
379
379
|
};
|
|
380
|
-
|
|
381
|
-
const
|
|
380
|
+
O.style = z;
|
|
381
|
+
const q = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
|
|
382
382
|
--swirl-resource-list-item-background-hovered
|
|
383
383
|
);background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
|
|
384
|
-
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);z-index:2}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`,
|
|
384
|
+
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);z-index:2}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, P = class {
|
|
385
385
|
constructor(t) {
|
|
386
|
-
p(this, t), this.toggleDrag = l(this, "toggleDrag", 7), this.valueChange = l(this, "valueChange", 7), this.elementId = k(), this.mediaQueryUnsubscribe = () => {
|
|
386
|
+
p(this, t), this.toggleDrag = l(this, "toggleDrag", 7), this.valueChange = l(this, "valueChange", 7), this.allowHtml = !0, this.checked = !1, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.interactive = !0, this.labelWeight = "medium", this.menuTriggerLabel = "Options", this.hasMedia = !1, this.iconSize = 24, this.elementId = k(), this.mediaQueryUnsubscribe = () => {
|
|
387
387
|
}, this.onClick = () => {
|
|
388
388
|
!this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
|
|
389
389
|
}, this.onBlur = () => {
|
|
390
390
|
this.makeControlUnfocusable();
|
|
391
391
|
}, this.onFocus = () => {
|
|
392
392
|
this.makeControlFocusable();
|
|
393
|
-
}, this.onMenuTriggerClick = (
|
|
394
|
-
this.disabled && !Boolean(this.href) &&
|
|
395
|
-
}, this.onDragHandleKeyDown = (
|
|
396
|
-
(
|
|
397
|
-
}, this.onControlClick = (
|
|
398
|
-
|
|
399
|
-
}
|
|
393
|
+
}, this.onMenuTriggerClick = (a) => {
|
|
394
|
+
this.disabled && !Boolean(this.href) && a.stopPropagation();
|
|
395
|
+
}, this.onDragHandleKeyDown = (a) => {
|
|
396
|
+
(a.code === "Space" || a.code === "Enter") && (a.preventDefault(), this.toggleDrag.emit(this.el));
|
|
397
|
+
}, this.onControlClick = (a) => {
|
|
398
|
+
a.stopPropagation();
|
|
399
|
+
};
|
|
400
400
|
}
|
|
401
401
|
componentWillLoad() {
|
|
402
402
|
this.updateMediaState();
|
|
@@ -411,15 +411,15 @@ const R = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
411
411
|
}
|
|
412
412
|
forceIconProps(t) {
|
|
413
413
|
var i;
|
|
414
|
-
const
|
|
415
|
-
|
|
414
|
+
const a = (i = this.iconEl) == null ? void 0 : i.children[0];
|
|
415
|
+
a == null || a.setAttribute("size", t ? "20" : "24");
|
|
416
416
|
}
|
|
417
417
|
updateIconSize(t) {
|
|
418
418
|
this.iconSize = t ? 20 : 24;
|
|
419
419
|
}
|
|
420
420
|
updateMediaState() {
|
|
421
|
-
const t = this.el.querySelector('[slot="media"]'),
|
|
422
|
-
|
|
421
|
+
const t = this.el.querySelector('[slot="media"]'), a = Boolean(t);
|
|
422
|
+
a !== this.hasMedia && (this.hasMedia = a);
|
|
423
423
|
}
|
|
424
424
|
getControl() {
|
|
425
425
|
return this.el.querySelector('[slot="control"] button');
|
|
@@ -433,11 +433,11 @@ const R = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
433
433
|
!Boolean(t) || (t.tabIndex = -1);
|
|
434
434
|
}
|
|
435
435
|
render() {
|
|
436
|
-
var
|
|
437
|
-
const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button",
|
|
438
|
-
paddingRight: !s && Boolean(this.controlContainer) ? `calc(${(
|
|
436
|
+
var f, _;
|
|
437
|
+
const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", a = this.disabled && !Boolean(this.href), i = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), r = Boolean(this.menuTriggerId) || o, n = this.interactive && Boolean(this.href) ? this.href : void 0, d = o && (Boolean(this.meta) || i), m = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, s = (Boolean(this.meta) || i) && !this.selectable, x = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, S = this.selectable ? String(this.checked) : void 0, C = this.interactive && this.selectable ? "checkbox" : void 0, I = {
|
|
438
|
+
paddingRight: !s && Boolean(this.controlContainer) ? `calc(${(f = this.controlContainer) == null ? void 0 : f.getBoundingClientRect().width}px + var(--s-space-16))` : void 0,
|
|
439
439
|
minHeight: (_ = this.labelMinHeight) != null ? _ : void 0
|
|
440
|
-
},
|
|
440
|
+
}, B = b("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
|
|
441
441
|
"resource-list-item--active": this.active,
|
|
442
442
|
"resource-list-item--checked": this.checked,
|
|
443
443
|
"resource-list-item--compact": this.compact,
|
|
@@ -453,17 +453,17 @@ const R = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
453
453
|
"resource-list-item--wrap-description": this.descriptionWrap,
|
|
454
454
|
"resource-list-item--wrap-label": this.labelWrap
|
|
455
455
|
});
|
|
456
|
-
return
|
|
456
|
+
return e(c, { key: "9dd50d8e55bc6a424d93810c5d0e66ca08b1fdfc", role: "row" }, e("div", { key: "18faaa31ab12166d419efd498dc5b80cbe17c1fa", class: B, role: "gridcell" }, e(t, { key: "2eaebd1f15423efc7f94a15ec8adef0eeb0c1fa3", "aria-checked": S, "aria-disabled": a ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: n, disabled: a, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { key: "23b94a9189ceb97967c0b0150cd78f6bf93d59d1", class: "resource-list-item__media" }, e("slot", { key: "0395ee3352c61bbd5ff55fca91615a332f82cae8", name: "media" })), e("span", { key: "77d26a3f34a6d7e45ecd7e7cade0a099ebc5b5c6", class: "resource-list-item__label-container", style: I }, e("span", { key: "6a3aa9f003cc38e8db29c95a0102084032e7f791", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { key: "8cc126b733008a467c31ff70c5d2f3dceca23f0f", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && e("span", { key: "85d651bf6f5fe6971de191c035b9527a96e99479", class: "resource-list-item__meta" }, e("span", { key: "421a1d5d6783fb11331e17e49d4ee94088fd129c", class: "resource-list-item__meta-text" }, this.meta), e("span", { key: "0224c083261ab1523060953319534e46d20deda9", class: "resource-list-item__badges" }, e("slot", { key: "89337007fb91e86deee345e355f8380a1a904754", name: "badges" })))), this.selectable && e("span", { key: "bc0e1223e3e3621b3890315a7850a5613fa10820", "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { key: "656726528e15513c9f7121dbd3e59d6526becda5", class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", { key: "ec2f9926c1897db0871ebee348b7d00af20a6af1" }))), e("span", { key: "7968b3c186772219e01ef8c7f234762bf34ac02b", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, e("slot", { key: "d1ae938de474e3091a1aed38b61c9be7d3e46097", name: "control" })), m && e("swirl-popover-trigger", { key: "69e86ce7e5565f6077062caf0557a32fd811eecd", swirlPopover: this.menuTriggerId }, e("swirl-button", { key: "5927b7e3d0dd035320cba009fadc322ddcd842aa", "aria-disabled": a ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: a, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { key: "3694eca15586153d4bc38ac33156658157d4eb53", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { key: "ba53e5aa8aa15bbcbb96e1103c6a51b663dd513b", size: this.iconSize })));
|
|
457
457
|
}
|
|
458
458
|
get el() {
|
|
459
459
|
return u(this);
|
|
460
460
|
}
|
|
461
461
|
};
|
|
462
|
-
|
|
462
|
+
P.style = q;
|
|
463
463
|
export {
|
|
464
464
|
N as swirl_app_layout,
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
465
|
+
M as swirl_empty_state,
|
|
466
|
+
H as swirl_icon_folder_shared,
|
|
467
|
+
O as swirl_resource_list,
|
|
468
|
+
P as swirl_resource_list_item
|
|
469
469
|
};
|