@getflip/swirl-components-react 0.338.2 → 0.340.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/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.c3d61502.js → file-manager.entry.0d1b1c65.js} +5 -5
- 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.89ae7741.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.9d391ffa.js → swirl-accordion-item.entry.66d1c3d3.js} +10 -10
- package/dist/{swirl-accordion.entry.b2a06530.js → swirl-accordion.entry.ec25e669.js} +4 -4
- package/dist/{swirl-action-list-section.entry.5702319d.js → swirl-action-list-section.entry.f9d3ac41.js} +6 -6
- package/dist/{swirl-action-list_2.entry.d331608c.js → swirl-action-list_2.entry.7611c4da.js} +38 -38
- package/dist/{swirl-app-bar.entry.8ee1fc5b.js → swirl-app-bar.entry.4b983b31.js} +7 -7
- package/dist/{swirl-app-icon.entry.71302057.js → swirl-app-icon.entry.4d316713.js} +6 -6
- package/dist/{swirl-app-layout_5.entry.f97e5b5a.js → swirl-app-layout_5.entry.7cea88b2.js} +109 -109
- package/dist/{swirl-autocomplete.entry.527eab2a.js → swirl-autocomplete.entry.074f0632.js} +17 -17
- package/dist/{swirl-avatar-group.entry.ca5d3505.js → swirl-avatar-group.entry.a964b2bb.js} +6 -6
- package/dist/{swirl-avatar.entry.8c198db3.js → swirl-avatar.entry.c0e36c46.js} +10 -10
- package/dist/{swirl-badge.entry.414eca33.js → swirl-badge.entry.e1f7665a.js} +6 -6
- package/dist/{swirl-banner.entry.c6d6b841.js → swirl-banner.entry.f1f7258a.js} +10 -10
- package/dist/{swirl-box.entry.d3732fd2.js → swirl-box.entry.ad4af2de.js} +13 -13
- package/dist/{swirl-button-group.entry.bfdb40d1.js → swirl-button-group.entry.dac85ca9.js} +5 -5
- package/dist/{swirl-button.entry.75cb3bf2.js → swirl-button.entry.112a0caa.js} +12 -12
- package/dist/{swirl-card.entry.68a5fd11.js → swirl-card.entry.5bf9fe7b.js} +9 -9
- package/dist/swirl-carousel-slide.entry.abf508e5.js +23 -0
- package/dist/{swirl-carousel.entry.c0f1ca05.js → swirl-carousel.entry.902a39d0.js} +27 -27
- package/dist/{swirl-checkbox.entry.88e8e3ca.js → swirl-checkbox.entry.e2fd40c4.js} +8 -8
- package/dist/{swirl-chip.entry.69f55469.js → swirl-chip.entry.fd9bf40c.js} +14 -14
- package/dist/{swirl-color-input.entry.e4a6b834.js → swirl-color-input.entry.adfd2bca.js} +52 -51
- package/dist/{swirl-columns.entry.c22ebcd7.js → swirl-columns.entry.e95de325.js} +6 -6
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +113 -92
- package/dist/{swirl-console-layout.entry.35a7a989.js → swirl-console-layout.entry.c57c7a4d.js} +10 -10
- package/dist/{swirl-date-input.entry.cc88a56c.js → swirl-date-input.entry.211a1d92.js} +18 -19
- package/dist/{swirl-date-picker_2.entry.617138a8.js → swirl-date-picker_2.entry.96e726ed.js} +12 -12
- package/dist/{swirl-description-list-item.entry.2cfa5902.js → swirl-description-list-item.entry.df330dec.js} +8 -8
- package/dist/{swirl-description-list.entry.fdd6275f.js → swirl-description-list.entry.382f1af8.js} +6 -6
- package/dist/{swirl-dialog.entry.ec3c0208.js → swirl-dialog.entry.2cc4a58b.js} +20 -20
- package/dist/{swirl-emoji-clap.entry.9b36d01b.js → swirl-emoji-clap.entry.c826420d.js} +5 -5
- package/dist/{swirl-emoji-happy.entry.6c63b516.js → swirl-emoji-happy.entry.fa59e4e4.js} +5 -5
- package/dist/{swirl-emoji-idea.entry.da3b1299.js → swirl-emoji-idea.entry.badb3274.js} +5 -5
- package/dist/{swirl-emoji-love.entry.44f02961.js → swirl-emoji-love.entry.780da282.js} +5 -5
- package/dist/{swirl-emoji-sad.entry.9c0c39dd.js → swirl-emoji-sad.entry.9e77632d.js} +5 -5
- package/dist/{swirl-emoji-thumbs-up.entry.78d7dece.js → swirl-emoji-thumbs-up.entry.f54ec85a.js} +5 -5
- package/dist/{swirl-emoji.entry.ba57a203.js → swirl-emoji.entry.1de11206.js} +5 -5
- package/dist/{swirl-file-chip.entry.f8e8af1b.js → swirl-file-chip.entry.bbc0b76e.js} +13 -14
- package/dist/{swirl-file-uploader.entry.8bb99a4b.js → swirl-file-uploader.entry.aaaec9d4.js} +7 -7
- package/dist/swirl-file-viewer_8.entry.eb5508e0.js +18730 -0
- package/dist/{swirl-form-control.entry.f476de40.js → swirl-form-control.entry.686914c7.js} +14 -14
- package/dist/{swirl-form-group.entry.f1a93ed8.js → swirl-form-group.entry.8f6c8970.js} +5 -5
- package/dist/{swirl-heading.entry.69981e0a.js → swirl-heading.entry.20382aa2.js} +8 -8
- package/dist/{swirl-icon-add-moderator.entry.cc1bfbd2.js → swirl-icon-add-moderator.entry.8a6fb895.js} +9 -9
- package/dist/{swirl-icon-add-photo.entry.f31c5b66.js → swirl-icon-add-photo.entry.d28d7f4e.js} +7 -7
- package/dist/{swirl-icon-add-reaction.entry.8ab51608.js → swirl-icon-add-reaction.entry.86161996.js} +8 -8
- package/dist/{swirl-icon-add_6.entry.03467c24.js → swirl-icon-add_6.entry.b66d6482.js} +32 -32
- package/dist/{swirl-icon-admin-panel-settings.entry.df41c8a3.js → swirl-icon-admin-panel-settings.entry.6dbe0799.js} +9 -9
- package/dist/{swirl-icon-ai-filled.entry.d53f1b67.js → swirl-icon-ai-filled.entry.db44d367.js} +8 -8
- package/dist/{swirl-icon-ai.entry.5ee6edd9.js → swirl-icon-ai.entry.c9f9c787.js} +10 -10
- package/dist/{swirl-icon-apps.entry.dba19770.js → swirl-icon-apps.entry.ed9600b6.js} +8 -8
- package/dist/{swirl-icon-arrow-back_5.entry.bef72542.js → swirl-icon-arrow-back_5.entry.935c570b.js} +27 -27
- package/dist/{swirl-icon-arrow-downward_2.entry.413955ad.js → swirl-icon-arrow-downward_2.entry.e28d7575.js} +14 -14
- package/dist/{swirl-icon-arrow-left_4.entry.f2a3a89a.js → swirl-icon-arrow-left_4.entry.8183a850.js} +29 -29
- package/dist/swirl-icon-arrow-right-small.entry.22021ac9.js +19 -0
- package/dist/{swirl-icon-aspect-ratio.entry.d217e13a.js → swirl-icon-aspect-ratio.entry.798b0664.js} +9 -9
- package/dist/{swirl-icon-attachment_6.entry.beb50e2c.js → swirl-icon-attachment_6.entry.04d453c3.js} +37 -37
- package/dist/{swirl-icon-bar-chart.entry.14523349.js → swirl-icon-bar-chart.entry.7d99f6d9.js} +8 -8
- package/dist/{swirl-icon-beach-access-filled.entry.da70ba70.js → swirl-icon-beach-access-filled.entry.02bd02a7.js} +8 -8
- package/dist/{swirl-icon-beach-access.entry.ba0bbdbb.js → swirl-icon-beach-access.entry.2060bb83.js} +8 -8
- package/dist/{swirl-icon-block.entry.08990fb5.js → swirl-icon-block.entry.1353eef3.js} +8 -8
- package/dist/{swirl-icon-bookmark-filled.entry.a9126abf.js → swirl-icon-bookmark-filled.entry.59e317b5.js} +10 -10
- package/dist/{swirl-icon-bookmark.entry.115cd8ce.js → swirl-icon-bookmark.entry.f310b047.js} +9 -9
- package/dist/{swirl-icon-calendar-add-on-filled.entry.1bba4779.js → swirl-icon-calendar-add-on-filled.entry.dd5c9b05.js} +8 -8
- package/dist/{swirl-icon-calendar-respond.entry.b28d5f45.js → swirl-icon-calendar-respond.entry.e5a33507.js} +7 -7
- package/dist/{swirl-icon-calendar-today.entry.b433295b.js → swirl-icon-calendar-today.entry.5d46d625.js} +9 -9
- package/dist/{swirl-icon-call-end.entry.b00876ca.js → swirl-icon-call-end.entry.cc75e01c.js} +8 -8
- package/dist/{swirl-icon-call.entry.ebe63203.js → swirl-icon-call.entry.712c4daf.js} +8 -8
- package/dist/{swirl-icon-cancel-filled.entry.a16a1c7a.js → swirl-icon-cancel-filled.entry.feb06ea9.js} +8 -8
- package/dist/{swirl-icon-cancel_4.entry.fac1fe30.js → swirl-icon-cancel_4.entry.80b7ab28.js} +26 -26
- package/dist/{swirl-icon-chat-bubble.entry.7f96520e.js → swirl-icon-chat-bubble.entry.db3305c9.js} +7 -7
- package/dist/{swirl-icon-chats-filled.entry.b43c54ae.js → swirl-icon-chats-filled.entry.88c60790.js} +10 -10
- package/dist/{swirl-icon-chats.entry.b0261136.js → swirl-icon-chats.entry.165ef133.js} +9 -9
- package/dist/{swirl-icon-check-circle-filled.entry.f67f1ce2.js → swirl-icon-check-circle-filled.entry.c41ac35c.js} +9 -9
- package/dist/{swirl-icon-check-circle_2.entry.3c1943dd.js → swirl-icon-check-circle_2.entry.7284a6a3.js} +12 -12
- package/dist/{swirl-icon-check-small_2.entry.56bf7f28.js → swirl-icon-check-small_2.entry.2e01a306.js} +16 -16
- package/dist/swirl-icon-check-strong_2.entry.e9b6ad0a.js +32 -0
- package/dist/{swirl-icon-check.entry.646318ec.js → swirl-icon-check.entry.139b5c72.js} +7 -7
- package/dist/{swirl-icon-chevron-left.entry.a6a5de0a.js → swirl-icon-chevron-left.entry.f52d43ab.js} +8 -8
- package/dist/{swirl-icon-chevron-right.entry.7c915c60.js → swirl-icon-chevron-right.entry.a49323e1.js} +9 -9
- package/dist/{swirl-icon-close-fullscreen.entry.49bca545.js → swirl-icon-close-fullscreen.entry.df645bff.js} +8 -8
- package/dist/{swirl-icon-close-small.entry.5c63209e.js → swirl-icon-close-small.entry.8d5a09fa.js} +9 -9
- package/dist/{swirl-icon-close.entry.cd4bed4a.js → swirl-icon-close.entry.7e4b2ecb.js} +9 -9
- package/dist/{swirl-icon-cloud-upload.entry.7664241a.js → swirl-icon-cloud-upload.entry.3d37b202.js} +8 -8
- package/dist/{swirl-icon-column.entry.96cfb0e2.js → swirl-icon-column.entry.fe1eaa5f.js} +9 -9
- package/dist/{swirl-icon-comment.entry.88353697.js → swirl-icon-comment.entry.298f56e4.js} +7 -7
- package/dist/{swirl-icon-contrast.entry.1d1d4607.js → swirl-icon-contrast.entry.29235514.js} +8 -8
- package/dist/{swirl-icon-copy.entry.b92a067f.js → swirl-icon-copy.entry.884f312b.js} +9 -9
- package/dist/{swirl-icon-crop.entry.f8bc6089.js → swirl-icon-crop.entry.95224a54.js} +7 -7
- package/dist/{swirl-icon-dark-mode.entry.fe3ab6ec.js → swirl-icon-dark-mode.entry.3756a945.js} +8 -8
- package/dist/{swirl-icon-date-range.entry.3e73480c.js → swirl-icon-date-range.entry.8feb8a44.js} +7 -7
- package/dist/{swirl-icon-delete.entry.bb9c0f7b.js → swirl-icon-delete.entry.454d60f9.js} +8 -8
- package/dist/{swirl-icon-deployed-code.entry.91a8394a.js → swirl-icon-deployed-code.entry.4c59534c.js} +8 -8
- package/dist/{swirl-icon-description.entry.fc4b806a.js → swirl-icon-description.entry.9d9dbfbe.js} +10 -10
- package/dist/{swirl-icon-desktop.entry.1c9331ee.js → swirl-icon-desktop.entry.4db5863f.js} +10 -10
- package/dist/{swirl-icon-directory-filled.entry.604a97ae.js → swirl-icon-directory-filled.entry.a2b08d5b.js} +7 -7
- package/dist/{swirl-icon-directory.entry.6c6c2ecc.js → swirl-icon-directory.entry.f29f8f5c.js} +9 -9
- package/dist/{swirl-icon-discover.entry.716cd267.js → swirl-icon-discover.entry.b10f70a5.js} +7 -7
- package/dist/{swirl-icon-dock-left.entry.313836c9.js → swirl-icon-dock-left.entry.33e78dff.js} +8 -8
- package/dist/{swirl-icon-door-open.entry.eb3e410c.js → swirl-icon-door-open.entry.121138d7.js} +8 -8
- package/dist/{swirl-icon-dot.entry.784a83c5.js → swirl-icon-dot.entry.3612cd3a.js} +6 -6
- package/dist/{swirl-icon-double-arrow-right.entry.3212d142.js → swirl-icon-double-arrow-right.entry.0e3da926.js} +10 -10
- package/dist/{swirl-icon-download.entry.4b184da5.js → swirl-icon-download.entry.6bbabd35.js} +10 -10
- package/dist/{swirl-icon-edit-note.entry.8bf783f1.js → swirl-icon-edit-note.entry.72094497.js} +7 -7
- package/dist/{swirl-icon-edit.entry.8c6cd597.js → swirl-icon-edit.entry.280f2f0c.js} +7 -7
- package/dist/{swirl-icon-emoji-mood.entry.186e8b2f.js → swirl-icon-emoji-mood.entry.9bc49d65.js} +8 -8
- package/dist/{swirl-icon-emoji-satisfied.entry.e16619d2.js → swirl-icon-emoji-satisfied.entry.4f2acb9f.js} +7 -7
- package/dist/{swirl-icon-error_3.entry.85a93842.js → swirl-icon-error_3.entry.0f83f4f7.js} +18 -18
- package/dist/{swirl-icon-expand-more.entry.c5564e47.js → swirl-icon-expand-more.entry.3ed1eb12.js} +9 -9
- package/dist/{swirl-icon-experiment.entry.42dea012.js → swirl-icon-experiment.entry.c833026a.js} +7 -7
- package/dist/{swirl-icon-file.entry.d180d9a9.js → swirl-icon-file.entry.05e202f1.js} +8 -8
- package/dist/{swirl-icon-filter.entry.cb05c737.js → swirl-icon-filter.entry.745b5149.js} +8 -8
- package/dist/{swirl-icon-format-h-one.entry.d756f641.js → swirl-icon-format-h-one.entry.8e7eebdf.js} +8 -8
- package/dist/{swirl-icon-format-list-bulleted.entry.59241b7e.js → swirl-icon-format-list-bulleted.entry.2a027118.js} +7 -7
- package/dist/{swirl-icon-gif_4.entry.baa2ec55.js → swirl-icon-gif_4.entry.c668b066.js} +27 -27
- package/dist/{swirl-icon-group-add.entry.4b562f0e.js → swirl-icon-group-add.entry.51aa4c2c.js} +8 -8
- package/dist/{swirl-icon-group-assign.entry.2e1c9891.js → swirl-icon-group-assign.entry.12624d7a.js} +8 -8
- package/dist/{swirl-icon-groups-filled.entry.8f7de303.js → swirl-icon-groups-filled.entry.d339c4a1.js} +9 -9
- package/dist/{swirl-icon-groups.entry.c2ec3865.js → swirl-icon-groups.entry.037d1037.js} +9 -9
- package/dist/{swirl-icon-hamburger-menu.entry.8559d799.js → swirl-icon-hamburger-menu.entry.057bd1b4.js} +10 -10
- package/dist/{swirl-icon-health-and-safety.entry.b0da2430.js → swirl-icon-health-and-safety.entry.6e4787dc.js} +8 -8
- package/dist/{swirl-icon-help-filled.entry.46d11b08.js → swirl-icon-help-filled.entry.e168faca.js} +8 -8
- package/dist/{swirl-icon-help.entry.f3904d6b.js → swirl-icon-help.entry.69934c2c.js} +8 -8
- package/dist/{swirl-icon-highlight.entry.ff019528.js → swirl-icon-highlight.entry.430057e1.js} +7 -7
- package/dist/{swirl-icon-history.entry.73280348.js → swirl-icon-history.entry.794b2cb3.js} +8 -8
- package/dist/{swirl-icon-home.entry.0f8f9c4c.js → swirl-icon-home.entry.d3073856.js} +9 -9
- package/dist/{swirl-icon-hr-resting.entry.1cfda78e.js → swirl-icon-hr-resting.entry.157326d3.js} +7 -7
- package/dist/{swirl-icon-improve-text.entry.7016f320.js → swirl-icon-improve-text.entry.1850d63a.js} +8 -8
- package/dist/{swirl-icon-info.entry.ccb8d1ab.js → swirl-icon-info.entry.de16d2c5.js} +10 -10
- package/dist/{swirl-icon-insert-below.entry.6311a7b2.js → swirl-icon-insert-below.entry.ca4a67e9.js} +7 -7
- package/dist/{swirl-icon-insert-chart.entry.e4f2b560.js → swirl-icon-insert-chart.entry.1e6701e1.js} +10 -10
- package/dist/{swirl-icon-insert-on-top.entry.a029651b.js → swirl-icon-insert-on-top.entry.b48d51cb.js} +8 -8
- package/dist/{swirl-icon-inventory-off.entry.088da55b.js → swirl-icon-inventory-off.entry.3e6b7e10.js} +9 -9
- package/dist/{swirl-icon-inventory.entry.49c0883e.js → swirl-icon-inventory.entry.d4a15703.js} +10 -10
- package/dist/{swirl-icon-key.entry.0e5ee0c4.js → swirl-icon-key.entry.a4426492.js} +7 -7
- package/dist/{swirl-icon-keyboard-hide.entry.3d859f1b.js → swirl-icon-keyboard-hide.entry.55361bcb.js} +8 -8
- package/dist/{swirl-icon-keyboard.entry.e5b20891.js → swirl-icon-keyboard.entry.e69fa47f.js} +8 -8
- package/dist/{swirl-icon-light-mode.entry.8ea12855.js → swirl-icon-light-mode.entry.ead5d974.js} +8 -8
- package/dist/{swirl-icon-like.entry.59641478.js → swirl-icon-like.entry.96928458.js} +8 -8
- package/dist/{swirl-icon-link.entry.0c7b58ea.js → swirl-icon-link.entry.848faa35.js} +8 -8
- package/dist/{swirl-icon-live.entry.b69c2123.js → swirl-icon-live.entry.cf1bc6bc.js} +7 -7
- package/dist/{swirl-icon-load.entry.7454dcee.js → swirl-icon-load.entry.2828ce23.js} +7 -7
- package/dist/{swirl-icon-location-on.entry.2f5b0522.js → swirl-icon-location-on.entry.d6ba8847.js} +7 -7
- package/dist/{swirl-icon-lock-open.entry.9d5dd496.js → swirl-icon-lock-open.entry.0da50989.js} +7 -7
- package/dist/{swirl-icon-lock-person.entry.e56b8632.js → swirl-icon-lock-person.entry.126a4752.js} +8 -8
- package/dist/{swirl-icon-lock.entry.3a67faaf.js → swirl-icon-lock.entry.e35f7284.js} +8 -8
- package/dist/{swirl-icon-login.entry.fcc69466.js → swirl-icon-login.entry.03751702.js} +8 -8
- package/dist/{swirl-icon-logout.entry.6476e744.js → swirl-icon-logout.entry.0b8a9bc6.js} +8 -8
- package/dist/{swirl-icon-long-text.entry.95f3e544.js → swirl-icon-long-text.entry.630de0e8.js} +8 -8
- package/dist/{swirl-icon-mail.entry.ad3858f5.js → swirl-icon-mail.entry.8bd6922d.js} +7 -7
- package/dist/{swirl-icon-manage-accounts.entry.08b65e66.js → swirl-icon-manage-accounts.entry.150c80d9.js} +8 -8
- package/dist/{swirl-icon-mark-chat-read.entry.9ce33992.js → swirl-icon-mark-chat-read.entry.09c4a66a.js} +10 -10
- package/dist/{swirl-icon-mark-chat-unread.entry.b2511911.js → swirl-icon-mark-chat-unread.entry.37ed4600.js} +8 -8
- package/dist/{swirl-icon-mention.entry.bd4fb9c2.js → swirl-icon-mention.entry.3a2f2d58.js} +6 -6
- package/dist/{swirl-icon-menu-book-filled.entry.4cc1bf3d.js → swirl-icon-menu-book-filled.entry.9649c236.js} +8 -8
- package/dist/swirl-icon-menu-filled.entry.d2fa89f8.js +19 -0
- package/dist/{swirl-icon-menu.entry.24879978.js → swirl-icon-menu.entry.5efa2759.js} +9 -9
- package/dist/{swirl-icon-message.entry.d0ccc732.js → swirl-icon-message.entry.791b7453.js} +7 -7
- package/dist/{swirl-icon-mic-off.entry.b82118ed.js → swirl-icon-mic-off.entry.ae537510.js} +7 -7
- package/dist/{swirl-icon-mic.entry.4a485b03.js → swirl-icon-mic.entry.c72a9c21.js} +10 -10
- package/dist/{swirl-icon-more-horizontal.entry.d10901ba.js → swirl-icon-more-horizontal.entry.e852fcd7.js} +10 -10
- package/dist/{swirl-icon-news-filled.entry.7790f022.js → swirl-icon-news-filled.entry.251bd726.js} +8 -8
- package/dist/{swirl-icon-news-off.entry.0ad06566.js → swirl-icon-news-off.entry.cb14e734.js} +10 -10
- package/dist/{swirl-icon-news.entry.cc18c292.js → swirl-icon-news.entry.74c80329.js} +8 -8
- package/dist/{swirl-icon-next-plan.entry.6406fad3.js → swirl-icon-next-plan.entry.c4744c78.js} +8 -8
- package/dist/{swirl-icon-notifications-active.entry.252348a0.js → swirl-icon-notifications-active.entry.89a46833.js} +10 -10
- package/dist/{swirl-icon-notifications-off.entry.71b3d598.js → swirl-icon-notifications-off.entry.ca70e47a.js} +9 -9
- package/dist/{swirl-icon-notifications.entry.123c0d51.js → swirl-icon-notifications.entry.d9e5a617.js} +9 -9
- package/dist/{swirl-icon-open-in-full.entry.726e3462.js → swirl-icon-open-in-full.entry.4e3278a7.js} +9 -9
- package/dist/{swirl-icon-open-in-new.entry.cf88a492.js → swirl-icon-open-in-new.entry.54babe05.js} +9 -9
- package/dist/{swirl-icon-pause-circle.entry.d676c2cf.js → swirl-icon-pause-circle.entry.c53af730.js} +8 -8
- package/dist/{swirl-icon-people-alt.entry.c834c735.js → swirl-icon-people-alt.entry.20177d46.js} +8 -8
- package/dist/{swirl-icon-person-off.entry.014db377.js → swirl-icon-person-off.entry.049e7d0f.js} +8 -8
- package/dist/{swirl-icon-person.entry.e0dda937.js → swirl-icon-person.entry.1bef0d9f.js} +8 -8
- package/dist/{swirl-icon-phone.entry.bccd03d6.js → swirl-icon-phone.entry.93a4b188.js} +10 -10
- package/dist/{swirl-icon-photo-camera.entry.dacbbb87.js → swirl-icon-photo-camera.entry.b9a8567f.js} +8 -8
- package/dist/{swirl-icon-picture-in-picture.entry.26264831.js → swirl-icon-picture-in-picture.entry.f56c03f1.js} +9 -9
- package/dist/{swirl-icon-pin-off.entry.16ccd6c2.js → swirl-icon-pin-off.entry.69e5380b.js} +10 -10
- package/dist/{swirl-icon-pin.entry.c4a72af9.js → swirl-icon-pin.entry.881b647e.js} +9 -9
- package/dist/{swirl-icon-place.entry.9ab125aa.js → swirl-icon-place.entry.a9332ca5.js} +10 -10
- package/dist/{swirl-icon-poll.entry.f135ca64.js → swirl-icon-poll.entry.3791d602.js} +9 -9
- package/dist/{swirl-icon-post-approval.entry.c4ac33dc.js → swirl-icon-post-approval.entry.19925b1f.js} +10 -10
- package/dist/{swirl-icon-present.entry.0f73a818.js → swirl-icon-present.entry.e664ad92.js} +6 -6
- package/dist/{swirl-icon-preview.entry.8aac157b.js → swirl-icon-preview.entry.b388b2ec.js} +8 -8
- package/dist/{swirl-icon-print.entry.1d88c254.js → swirl-icon-print.entry.a4487615.js} +9 -9
- package/dist/{swirl-icon-public-off.entry.ba18219f.js → swirl-icon-public-off.entry.6fa6d933.js} +8 -8
- package/dist/{swirl-icon-public.entry.5845f75b.js → swirl-icon-public.entry.c27e3d4e.js} +10 -10
- package/dist/{swirl-icon-published-with-changes.entry.92f5e36f.js → swirl-icon-published-with-changes.entry.b2cef2e7.js} +8 -8
- package/dist/{swirl-icon-ratio-four-to-three.entry.9ba3b637.js → swirl-icon-ratio-four-to-three.entry.34926f89.js} +7 -7
- package/dist/{swirl-icon-ratio-freeform.entry.9726a447.js → swirl-icon-ratio-freeform.entry.238dc55a.js} +8 -8
- package/dist/{swirl-icon-ratio-sixteen-to-nine.entry.314b4368.js → swirl-icon-ratio-sixteen-to-nine.entry.466a4c80.js} +10 -10
- package/dist/{swirl-icon-ratio-square.entry.fe23aeb0.js → swirl-icon-ratio-square.entry.cb070496.js} +10 -10
- package/dist/{swirl-icon-ratio-three-to-four.entry.6198050e.js → swirl-icon-ratio-three-to-four.entry.065a2364.js} +7 -7
- package/dist/{swirl-icon-ratio-three-to-two.entry.d4df6c97.js → swirl-icon-ratio-three-to-two.entry.1896e956.js} +9 -9
- package/dist/{swirl-icon-recieved.entry.18d1cc7b.js → swirl-icon-recieved.entry.248c4702.js} +9 -9
- package/dist/{swirl-icon-remove-circle.entry.df71f605.js → swirl-icon-remove-circle.entry.8eba787d.js} +8 -8
- package/dist/{swirl-icon-remove-moderator.entry.a005d27e.js → swirl-icon-remove-moderator.entry.be853666.js} +8 -8
- package/dist/{swirl-icon-reply.entry.b2c3a63d.js → swirl-icon-reply.entry.db6c016d.js} +8 -8
- package/dist/{swirl-icon-report.entry.65946c03.js → swirl-icon-report.entry.be6ada33.js} +7 -7
- package/dist/{swirl-icon-roadmap.entry.c2150666.js → swirl-icon-roadmap.entry.8b1ed21d.js} +10 -10
- package/dist/{swirl-icon-rotate-left.entry.e127acf6.js → swirl-icon-rotate-left.entry.b0c19d74.js} +7 -7
- package/dist/{swirl-icon-rotate-right.entry.cc92b4a9.js → swirl-icon-rotate-right.entry.8a77136f.js} +8 -8
- package/dist/{swirl-icon-screenshare-off.entry.2ddafecd.js → swirl-icon-screenshare-off.entry.1f1fd4c7.js} +8 -8
- package/dist/{swirl-icon-screenshare.entry.9b4b659f.js → swirl-icon-screenshare.entry.06da50d4.js} +7 -7
- package/dist/{swirl-icon-search-strong.entry.cd540059.js → swirl-icon-search-strong.entry.464f1d5d.js} +10 -10
- package/dist/{swirl-icon-search.entry.2d69ae00.js → swirl-icon-search.entry.d86116e7.js} +10 -10
- package/dist/{swirl-icon-secure.entry.c7e568d8.js → swirl-icon-secure.entry.0d7ae3dc.js} +8 -8
- package/dist/{swirl-icon-send.entry.daeebf3e.js → swirl-icon-send.entry.1908e793.js} +8 -8
- package/dist/{swirl-icon-settings.entry.4d4197e2.js → swirl-icon-settings.entry.b62ec761.js} +9 -9
- package/dist/{swirl-icon-short-text.entry.42ee3d44.js → swirl-icon-short-text.entry.a105597d.js} +6 -6
- package/dist/{swirl-icon-simplify.entry.2a6e8d7a.js → swirl-icon-simplify.entry.628c1107.js} +6 -6
- package/dist/{swirl-icon-spellcheck.entry.e263221e.js → swirl-icon-spellcheck.entry.4cfaea5f.js} +10 -10
- package/dist/{swirl-icon-stars.entry.89683e17.js → swirl-icon-stars.entry.b20d24de.js} +7 -7
- package/dist/{swirl-icon-sticky-note.entry.edd9dab2.js → swirl-icon-sticky-note.entry.c006b819.js} +10 -10
- package/dist/{swirl-icon-stop-circle.entry.a05fd5ff.js → swirl-icon-stop-circle.entry.06b647b2.js} +9 -9
- package/dist/{swirl-icon-stop.entry.fe990693.js → swirl-icon-stop.entry.f223f2e8.js} +8 -8
- package/dist/{swirl-icon-sunny.entry.c71ce5e9.js → swirl-icon-sunny.entry.b003c50e.js} +8 -8
- package/dist/{swirl-icon-sync.entry.bb9bfecf.js → swirl-icon-sync.entry.a7cadb9f.js} +8 -8
- package/dist/{swirl-icon-tasks-filled.entry.d9aad918.js → swirl-icon-tasks-filled.entry.e44f85f6.js} +8 -8
- package/dist/{swirl-icon-tasks.entry.4b2af289.js → swirl-icon-tasks.entry.cbd62704.js} +7 -7
- package/dist/{swirl-icon-terminal.entry.53bc32be.js → swirl-icon-terminal.entry.5d98a591.js} +7 -7
- package/dist/{swirl-icon-time-filled.entry.47ce817e.js → swirl-icon-time-filled.entry.82bc6b13.js} +8 -8
- package/dist/{swirl-icon-time.entry.b85cf04b.js → swirl-icon-time.entry.e2ce960c.js} +8 -8
- package/dist/{swirl-icon-today-filled.entry.0871a665.js → swirl-icon-today-filled.entry.8ded0a82.js} +10 -10
- package/dist/{swirl-icon-translate.entry.d593de1a.js → swirl-icon-translate.entry.d1e1d71b.js} +8 -8
- package/dist/{swirl-icon-tree-structure.entry.4a71c058.js → swirl-icon-tree-structure.entry.e2e64674.js} +8 -8
- package/dist/{swirl-icon-undo.entry.60e0c4be.js → swirl-icon-undo.entry.c88daf5c.js} +10 -10
- package/dist/{swirl-icon-unlock-person.entry.998af86d.js → swirl-icon-unlock-person.entry.ea6ca395.js} +10 -10
- package/dist/{swirl-icon-upload.entry.df5016d9.js → swirl-icon-upload.entry.7d6e630f.js} +10 -10
- package/dist/{swirl-icon-user-add.entry.18df6170.js → swirl-icon-user-add.entry.86e9b60b.js} +8 -8
- package/dist/{swirl-icon-user-assign.entry.a5c35693.js → swirl-icon-user-assign.entry.febb85fb.js} +7 -7
- package/dist/{swirl-icon-video-camera-off.entry.37e8704c.js → swirl-icon-video-camera-off.entry.a7fde42d.js} +8 -8
- package/dist/{swirl-icon-video-camera.entry.51ce3ce7.js → swirl-icon-video-camera.entry.2a9c4656.js} +8 -8
- package/dist/{swirl-icon-video-library.entry.2fb9ff7f.js → swirl-icon-video-library.entry.9cef710d.js} +10 -10
- package/dist/{swirl-icon-view-agenda.entry.f43f38ce.js → swirl-icon-view-agenda.entry.6c186cf5.js} +8 -8
- package/dist/{swirl-icon-voice.entry.67c03bab.js → swirl-icon-voice.entry.d4798109.js} +8 -8
- package/dist/{swirl-icon-volume-up.entry.c01a7af2.js → swirl-icon-volume-up.entry.7caacd48.js} +8 -8
- package/dist/{swirl-icon-web-asset-off.entry.2181b6d9.js → swirl-icon-web-asset-off.entry.6eac2470.js} +8 -8
- package/dist/{swirl-icon-web-asset.entry.20483616.js → swirl-icon-web-asset.entry.7ba1e029.js} +7 -7
- package/dist/{swirl-icon-work.entry.61c16a4f.js → swirl-icon-work.entry.740651cc.js} +8 -8
- package/dist/swirl-icon.entry.415be46a.js +16 -0
- package/dist/{swirl-image-grid-item.entry.e8d3554c.js → swirl-image-grid-item.entry.bcb8f1e0.js} +19 -19
- package/dist/{swirl-image-grid.entry.aaeb609c.js → swirl-image-grid.entry.19b1d105.js} +12 -12
- package/dist/{swirl-inline-notification.entry.72ffe5fb.js → swirl-inline-notification.entry.73e40b38.js} +6 -6
- package/dist/{swirl-inline-status.entry.c9fa3c9b.js → swirl-inline-status.entry.f6c862be.js} +12 -12
- package/dist/{swirl-lightbox.entry.b99f6d45.js → swirl-lightbox.entry.1fbe9b02.js} +21 -21
- package/dist/{swirl-link.entry.53780920.js → swirl-link.entry.9578626e.js} +7 -7
- package/dist/{swirl-list.entry.d4a3e4bb.js → swirl-list.entry.65d7be4c.js} +7 -7
- package/dist/{swirl-menu-item.entry.a3a21a97.js → swirl-menu-item.entry.35288bcc.js} +12 -12
- package/dist/{swirl-menu.entry.a36b890b.js → swirl-menu.entry.06f7757c.js} +11 -11
- package/dist/{swirl-modal.entry.b90e922d.js → swirl-modal.entry.a680d3eb.js} +22 -22
- package/dist/swirl-option-list-section.entry.4c68c4de.js +15 -0
- package/dist/{swirl-option-list_2.entry.916f840e.js → swirl-option-list_2.entry.55d11d46.js} +16 -16
- package/dist/{swirl-pagination.entry.aa704eda.js → swirl-pagination.entry.e0989492.js} +21 -21
- package/dist/{swirl-pdf-reader.entry.286442bb.js → swirl-pdf-reader.entry.c41b4098.js} +26 -26
- package/dist/{swirl-popover_2.entry.9fd50e32.js → swirl-popover_2.entry.718a1d42.js} +22 -22
- package/dist/{swirl-progress-indicator.entry.26a7da2b.js → swirl-progress-indicator.entry.f29475d0.js} +9 -9
- package/dist/{swirl-radio-group.entry.31c80a3c.js → swirl-radio-group.entry.73295195.js} +6 -6
- package/dist/{swirl-radio.entry.cd07eadf.js → swirl-radio.entry.b37434fd.js} +7 -7
- package/dist/{swirl-resource-list-file-item.entry.fb167b0c.js → swirl-resource-list-file-item.entry.664aca22.js} +12 -12
- package/dist/swirl-resource-list-section.entry.3847fc7a.js +15 -0
- package/dist/{swirl-search.entry.12fa921c.js → swirl-search.entry.c6dc1b9e.js} +10 -10
- package/dist/{swirl-select.entry.2669ac87.js → swirl-select.entry.57822790.js} +12 -12
- package/dist/{swirl-separator.entry.3c860092.js → swirl-separator.entry.0b33a768.js} +10 -10
- package/dist/{swirl-shell-layout.entry.30720852.js → swirl-shell-layout.entry.5620bd67.js} +43 -43
- package/dist/{swirl-shell-navigation-item.entry.26242761.js → swirl-shell-navigation-item.entry.0c3ba639.js} +6 -6
- package/dist/{swirl-skeleton-text.entry.1a416782.js → swirl-skeleton-text.entry.1c32c5ff.js} +6 -6
- package/dist/{swirl-stack.entry.00c8c74d.js → swirl-stack.entry.8e7431bd.js} +8 -8
- package/dist/{swirl-status-indicator.entry.bd7d49d7.js → swirl-status-indicator.entry.c513d8b4.js} +4 -4
- package/dist/{swirl-switch.entry.a3acbbd1.js → swirl-switch.entry.0d814995.js} +8 -8
- package/dist/{swirl-symbol-account-circle.entry.f72e8d17.js → swirl-symbol-account-circle.entry.e5c67965.js} +7 -7
- package/dist/{swirl-symbol-alternate-email.entry.6fc8d224.js → swirl-symbol-alternate-email.entry.6e4dac28.js} +8 -8
- package/dist/{swirl-symbol-android.entry.2b9d6db3.js → swirl-symbol-android.entry.4eeea139.js} +7 -7
- package/dist/{swirl-symbol-announcement.entry.88c54186.js → swirl-symbol-announcement.entry.2027e12f.js} +8 -8
- package/dist/{swirl-symbol-backup.entry.74b8e514.js → swirl-symbol-backup.entry.6f53eb0c.js} +7 -7
- package/dist/{swirl-symbol-beach-access.entry.6f678260.js → swirl-symbol-beach-access.entry.5a84c414.js} +7 -7
- package/dist/swirl-symbol-bookmark.entry.93cb5d10.js +17 -0
- package/dist/{swirl-symbol-cloud.entry.9b9d623c.js → swirl-symbol-cloud.entry.1b3fd5c9.js} +8 -8
- package/dist/{swirl-symbol-coronavirus.entry.1f743c7a.js → swirl-symbol-coronavirus.entry.58d83212.js} +8 -8
- package/dist/swirl-symbol-desktop-windows.entry.ccb41c8e.js +17 -0
- package/dist/{swirl-symbol-directions-car-filled.entry.00098667.js → swirl-symbol-directions-car-filled.entry.60b166cb.js} +8 -8
- package/dist/{swirl-symbol-edit-calendar.entry.3b6fc4ac.js → swirl-symbol-edit-calendar.entry.cfa9b9ca.js} +7 -7
- package/dist/{swirl-symbol-email.entry.0f6986e5.js → swirl-symbol-email.entry.8382c240.js} +7 -7
- package/dist/{swirl-symbol-emoji-food-beverage.entry.6768512c.js → swirl-symbol-emoji-food-beverage.entry.142ef687.js} +8 -8
- package/dist/{swirl-symbol-event-menu.entry.2a007b31.js → swirl-symbol-event-menu.entry.8e650e3e.js} +8 -8
- package/dist/{swirl-symbol-facebook.entry.970a94ff.js → swirl-symbol-facebook.entry.fffe7196.js} +7 -7
- package/dist/{swirl-symbol-favorite.entry.800afc0e.js → swirl-symbol-favorite.entry.7bbb72bf.js} +7 -7
- package/dist/{swirl-symbol-fitness-center.entry.2edac67d.js → swirl-symbol-fitness-center.entry.af8d66a5.js} +8 -8
- package/dist/{swirl-symbol-flag.entry.3b9af5df.js → swirl-symbol-flag.entry.631e1805.js} +7 -7
- package/dist/{swirl-symbol-folder.entry.87453886.js → swirl-symbol-folder.entry.2fe5b05d.js} +5 -5
- package/dist/{swirl-symbol-globe.entry.927795c8.js → swirl-symbol-globe.entry.458c9557.js} +6 -6
- package/dist/{swirl-symbol-groups.entry.5872e324.js → swirl-symbol-groups.entry.af21fde4.js} +9 -9
- package/dist/{swirl-symbol-help.entry.b6750eac.js → swirl-symbol-help.entry.5c352850.js} +6 -6
- package/dist/{swirl-symbol-image.entry.7715ec2b.js → swirl-symbol-image.entry.1b668b80.js} +6 -6
- package/dist/{swirl-symbol-info-menu.entry.78cf1031.js → swirl-symbol-info-menu.entry.52ad39b4.js} +6 -6
- package/dist/{swirl-symbol-instagram.entry.d01c0868.js → swirl-symbol-instagram.entry.2032ea33.js} +6 -6
- package/dist/{swirl-symbol-ios.entry.c7b613f2.js → swirl-symbol-ios.entry.ef28894c.js} +7 -7
- package/dist/{swirl-symbol-language.entry.da29de91.js → swirl-symbol-language.entry.202a104e.js} +7 -7
- package/dist/{swirl-symbol-leaderboard.entry.eccb4e01.js → swirl-symbol-leaderboard.entry.cfc0eed1.js} +7 -7
- package/dist/{swirl-symbol-lightbulb.entry.18edeb49.js → swirl-symbol-lightbulb.entry.07fcb6bd.js} +7 -7
- package/dist/{swirl-symbol-linkedin.entry.1b75668a.js → swirl-symbol-linkedin.entry.eecc97b7.js} +7 -7
- package/dist/{swirl-symbol-location-on.entry.00356b86.js → swirl-symbol-location-on.entry.958f41b3.js} +7 -7
- package/dist/{swirl-symbol-loyalty.entry.c3d3a37c.js → swirl-symbol-loyalty.entry.7613b10e.js} +8 -8
- package/dist/{swirl-symbol-maps-home-work.entry.02af613c.js → swirl-symbol-maps-home-work.entry.57c1b17a.js} +7 -7
- package/dist/{swirl-symbol-notifications.entry.55b1a4e7.js → swirl-symbol-notifications.entry.d0d03284.js} +7 -7
- package/dist/{swirl-symbol-open-in-new.entry.8d2c89ee.js → swirl-symbol-open-in-new.entry.afd5d565.js} +8 -8
- package/dist/{swirl-symbol-pedal-bike.entry.139a8ce5.js → swirl-symbol-pedal-bike.entry.240a810b.js} +7 -7
- package/dist/{swirl-symbol-pinterest.entry.f0e7aea2.js → swirl-symbol-pinterest.entry.acdd13e9.js} +7 -7
- package/dist/{swirl-symbol-policy.entry.9eaeda73.js → swirl-symbol-policy.entry.41137ea7.js} +7 -7
- package/dist/{swirl-symbol-push-pin.entry.f910c003.js → swirl-symbol-push-pin.entry.21ba27f7.js} +7 -7
- package/dist/{swirl-symbol-redeem.entry.03d78c76.js → swirl-symbol-redeem.entry.587b98ae.js} +6 -6
- package/dist/{swirl-symbol-report-problem.entry.b6925e75.js → swirl-symbol-report-problem.entry.7addb711.js} +7 -7
- package/dist/{swirl-symbol-restaurant.entry.a3e5e7ee.js → swirl-symbol-restaurant.entry.b1d7948c.js} +6 -6
- package/dist/swirl-symbol-roadmap.entry.459bcee6.js +17 -0
- package/dist/{swirl-symbol-room.entry.08f8bd5a.js → swirl-symbol-room.entry.0a57641c.js} +6 -6
- package/dist/{swirl-symbol-savings.entry.b8a9a336.js → swirl-symbol-savings.entry.72f25bb7.js} +8 -8
- package/dist/{swirl-symbol-settings-voice.entry.5693f56f.js → swirl-symbol-settings-voice.entry.bd2d066f.js} +6 -6
- package/dist/{swirl-symbol-shopping-cart.entry.d96e9ab6.js → swirl-symbol-shopping-cart.entry.172402e0.js} +7 -7
- package/dist/swirl-symbol-smartphone.entry.57eb1194.js +17 -0
- package/dist/{swirl-symbol-star.entry.7c79d033.js → swirl-symbol-star.entry.9be24a9e.js} +8 -8
- package/dist/{swirl-symbol-supervisor-account.entry.42793805.js → swirl-symbol-supervisor-account.entry.68d18ccf.js} +8 -8
- package/dist/{swirl-symbol-thumbs-up-down.entry.f16bc7b8.js → swirl-symbol-thumbs-up-down.entry.244f2c09.js} +9 -9
- package/dist/{swirl-symbol-twitter.entry.64d9ee1f.js → swirl-symbol-twitter.entry.1c48fc18.js} +8 -8
- package/dist/{swirl-symbol-wb-sunny.entry.6cb15c35.js → swirl-symbol-wb-sunny.entry.4db33c24.js} +7 -7
- package/dist/{swirl-symbol-wechat.entry.d92dc76f.js → swirl-symbol-wechat.entry.fd4284f6.js} +8 -8
- package/dist/{swirl-symbol-weibo.entry.ffd8d552.js → swirl-symbol-weibo.entry.5c447bd8.js} +8 -8
- package/dist/{swirl-symbol-work.entry.8baa4527.js → swirl-symbol-work.entry.2281f38a.js} +7 -7
- package/dist/{swirl-symbol-xing.entry.303f8fcc.js → swirl-symbol-xing.entry.71ee070d.js} +7 -7
- package/dist/{swirl-symbol-youtube.entry.ecf559f0.js → swirl-symbol-youtube.entry.cbd75b7d.js} +8 -8
- package/dist/swirl-symbol.entry.7ed36213.js +16 -0
- package/dist/{swirl-tab-bar.entry.be549abe.js → swirl-tab-bar.entry.56a95199.js} +10 -10
- package/dist/swirl-tab.entry.9e3f84b5.js +17 -0
- package/dist/{swirl-table-cell.entry.4d8a10ba.js → swirl-table-cell.entry.4c701f40.js} +6 -6
- package/dist/{swirl-table-column.entry.b17f9364.js → swirl-table-column.entry.85f17a5e.js} +11 -11
- package/dist/{swirl-table-row-group.entry.7418337d.js → swirl-table-row-group.entry.9b32eb5f.js} +8 -8
- package/dist/swirl-table-row.entry.0fe14a4d.js +27 -0
- package/dist/{swirl-table.entry.49e96851.js → swirl-table.entry.063be637.js} +56 -49
- package/dist/{swirl-tabs.entry.ecec166c.js → swirl-tabs.entry.b4535889.js} +9 -9
- package/dist/{swirl-text-input.entry.81dd4da1.js → swirl-text-input.entry.f8bdd383.js} +11 -11
- package/dist/swirl-text.entry.2609ff27.js +299 -0
- package/dist/{swirl-theme-provider.entry.d3b00053.js → swirl-theme-provider.entry.fdf28646.js} +13 -13
- package/dist/{swirl-time-input.entry.47154e9e.js → swirl-time-input.entry.f7966ebc.js} +18 -19
- package/dist/{swirl-toast-provider.entry.cc151d60.js → swirl-toast-provider.entry.ca50bebe.js} +5 -5
- package/dist/{swirl-toast.entry.71667a65.js → swirl-toast.entry.45756d39.js} +10 -10
- package/dist/{swirl-toggle-button.entry.b83c2cbc.js → swirl-toggle-button.entry.f82b0af7.js} +8 -8
- package/dist/{swirl-toggle-group.entry.90d42c53.js → swirl-toggle-group.entry.2d6cf6dd.js} +24 -24
- package/dist/{swirl-toolbar.entry.c5143d90.js → swirl-toolbar.entry.37dc190b.js} +8 -8
- package/dist/{swirl-tooltip.entry.92200272.js → swirl-tooltip.entry.ab4712c3.js} +11 -11
- package/dist/{swirl-tree-navigation-item.entry.7a675e5c.js → swirl-tree-navigation-item.entry.def3148b.js} +11 -11
- package/dist/swirl-tree-navigation.entry.7b3ca2e8.js +15 -0
- package/dist/{swirl-tree-view-item.entry.4927c623.js → swirl-tree-view-item.entry.536730be.js} +10 -10
- package/dist/{swirl-tree-view.entry.d488531a.js → swirl-tree-view.entry.692c157e.js} +16 -16
- package/dist/{swirl-video-thumbnail.entry.c58b688f.js → swirl-video-thumbnail.entry.bcad2c0b.js} +6 -6
- package/dist/swirl-visually-hidden.entry.c7287846.js +15 -0
- 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.e5631793.js → wc-datepicker.entry.adfb2a09.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.9a597714.js +0 -3783
- package/dist/swirl-carousel-slide.entry.347707dd.js +0 -23
- package/dist/swirl-file-viewer_8.entry.6537c648.js +0 -16436
- package/dist/swirl-icon-arrow-right-small.entry.e352f152.js +0 -19
- package/dist/swirl-icon-check-strong_2.entry.cfa72329.js +0 -32
- package/dist/swirl-icon-menu-filled.entry.94738965.js +0 -19
- package/dist/swirl-icon.entry.a0beba67.js +0 -16
- package/dist/swirl-option-list-section.entry.307ef966.js +0 -15
- package/dist/swirl-resource-list-section.entry.fef7c047.js +0 -15
- package/dist/swirl-symbol-bookmark.entry.7b688e85.js +0 -17
- package/dist/swirl-symbol-desktop-windows.entry.46306f1b.js +0 -17
- package/dist/swirl-symbol-roadmap.entry.e17572ba.js +0 -17
- package/dist/swirl-symbol-smartphone.entry.f6346012.js +0 -17
- package/dist/swirl-symbol.entry.03e50891.js +0 -16
- package/dist/swirl-tab.entry.e08c4010.js +0 -17
- package/dist/swirl-table-row.entry.28d0f5e6.js +0 -27
- package/dist/swirl-text.entry.ddd92909.js +0 -298
- package/dist/swirl-tree-navigation.entry.ae5c5253.js +0 -15
- package/dist/swirl-visually-hidden.entry.275f1664.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.89ae7741.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
|
};
|