@getflip/swirl-components-react 0.236.0 → 0.236.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{file-manager.entry.145a9775.js → file-manager.entry.07dbf920.js} +1 -1
- package/dist/{index.fff64e3e.js → index.1799f60d.js} +320 -320
- package/dist/{swirl-accordion-item.entry.c00468fa.js → swirl-accordion-item.entry.ffd51df9.js} +1 -1
- package/dist/{swirl-accordion.entry.ed609a49.js → swirl-accordion.entry.feca570b.js} +1 -1
- package/dist/{swirl-action-list-section.entry.70de231a.js → swirl-action-list-section.entry.cd15d1cf.js} +1 -1
- package/dist/{swirl-action-list_3.entry.4dc34927.js → swirl-action-list_3.entry.8658dfb2.js} +1 -1
- package/dist/{swirl-app-bar.entry.e49145d0.js → swirl-app-bar.entry.d8b5ab35.js} +1 -1
- package/dist/{swirl-app-icon.entry.8b88ece3.js → swirl-app-icon.entry.499387f0.js} +1 -1
- package/dist/{swirl-app-layout_5.entry.6181f108.js → swirl-app-layout_5.entry.0020ff1b.js} +197 -152
- package/dist/{swirl-autocomplete.entry.c6accf9c.js → swirl-autocomplete.entry.d64542e6.js} +1 -1
- package/dist/{swirl-avatar-group.entry.4d3e1b1b.js → swirl-avatar-group.entry.e59ede91.js} +1 -1
- package/dist/{swirl-avatar.entry.01ad439e.js → swirl-avatar.entry.e5a8b462.js} +1 -1
- package/dist/{swirl-badge.entry.e1307ccb.js → swirl-badge.entry.e188de5a.js} +1 -1
- package/dist/{swirl-banner.entry.e0992286.js → swirl-banner.entry.08c9f448.js} +1 -1
- package/dist/swirl-box.entry.34cf470a.js +76 -0
- package/dist/{swirl-button-group.entry.cdbc4fea.js → swirl-button-group.entry.68b365ff.js} +1 -1
- package/dist/{swirl-button.entry.fbc5f491.js → swirl-button.entry.92159856.js} +1 -1
- package/dist/{swirl-card.entry.308695bf.js → swirl-card.entry.b50d0d0e.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.4eaf9cb3.js → swirl-carousel-slide.entry.0cf56684.js} +1 -1
- package/dist/{swirl-carousel.entry.49781ac9.js → swirl-carousel.entry.318b1026.js} +1 -1
- package/dist/{swirl-checkbox.entry.3c549349.js → swirl-checkbox.entry.a26cae53.js} +1 -1
- package/dist/{swirl-chip.entry.d5cd9ab6.js → swirl-chip.entry.b17aaaea.js} +1 -1
- package/dist/{swirl-color-input.entry.ed6e389e.js → swirl-color-input.entry.d758335d.js} +1 -1
- package/dist/{swirl-columns.entry.46607e11.js → swirl-columns.entry.ac2ff887.js} +1 -1
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +33 -51
- package/dist/{swirl-console-layout.entry.8bbfc2f6.js → swirl-console-layout.entry.53d404d5.js} +1 -1
- package/dist/{swirl-date-input.entry.4a52060b.js → swirl-date-input.entry.2a27c416.js} +1 -1
- package/dist/{swirl-date-picker_2.entry.8a4e374f.js → swirl-date-picker_2.entry.941fc6f6.js} +1 -1
- package/dist/{swirl-description-list-item.entry.d8c7d01d.js → swirl-description-list-item.entry.2c7f7ef6.js} +1 -1
- package/dist/{swirl-description-list.entry.c18b416a.js → swirl-description-list.entry.08b522ee.js} +1 -1
- package/dist/{swirl-dialog.entry.66e90098.js → swirl-dialog.entry.38504467.js} +1 -1
- package/dist/{swirl-emoji-clap.entry.c41307e6.js → swirl-emoji-clap.entry.ef36d52e.js} +1 -1
- package/dist/{swirl-emoji-happy.entry.7bbd2cbd.js → swirl-emoji-happy.entry.850c9918.js} +1 -1
- package/dist/{swirl-emoji-idea.entry.d4561b6f.js → swirl-emoji-idea.entry.41d35b9d.js} +1 -1
- package/dist/{swirl-emoji-love.entry.e5a8bacc.js → swirl-emoji-love.entry.40ae4b37.js} +1 -1
- package/dist/{swirl-emoji-sad.entry.f9aadaed.js → swirl-emoji-sad.entry.c9377ce7.js} +1 -1
- package/dist/{swirl-emoji-thumbs-up.entry.0ed865f8.js → swirl-emoji-thumbs-up.entry.3bc50554.js} +1 -1
- package/dist/{swirl-emoji.entry.8d5c74a8.js → swirl-emoji.entry.8e4efa26.js} +1 -1
- package/dist/{swirl-file-uploader.entry.66707465.js → swirl-file-uploader.entry.59132998.js} +1 -1
- package/dist/{swirl-file-viewer_8.entry.330ba6e0.js → swirl-file-viewer_8.entry.03ec7870.js} +1 -1
- package/dist/{swirl-form-control.entry.ce23b8e4.js → swirl-form-control.entry.614fab8e.js} +1 -1
- package/dist/{swirl-form-group.entry.5dbca942.js → swirl-form-group.entry.01cd853f.js} +1 -1
- package/dist/{swirl-heading.entry.e3ee315e.js → swirl-heading.entry.db7ada47.js} +1 -1
- package/dist/{swirl-icon-add-moderator.entry.99351d59.js → swirl-icon-add-moderator.entry.71806735.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.5b6d394c.js → swirl-icon-add-photo.entry.0bb08c3a.js} +1 -1
- package/dist/{swirl-icon-add-reaction.entry.83dc9b16.js → swirl-icon-add-reaction.entry.1c42ecd1.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.886dc921.js → swirl-icon-add_6.entry.6890f598.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.34c5278c.js → swirl-icon-admin-panel-settings.entry.6fb3a425.js} +1 -1
- package/dist/{swirl-icon-ai.entry.b9525476.js → swirl-icon-ai.entry.9ea12715.js} +1 -1
- package/dist/{swirl-icon-apps.entry.92cb59f9.js → swirl-icon-apps.entry.06998ed1.js} +1 -1
- package/dist/{swirl-icon-arrow-back_5.entry.893b8e8e.js → swirl-icon-arrow-back_5.entry.f8a2f8ad.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.0d66a2b6.js → swirl-icon-arrow-downward_2.entry.9e2147d8.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.741e77e5.js → swirl-icon-arrow-left_4.entry.9cb7cf39.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.2c560279.js → swirl-icon-arrow-right-small.entry.9e1827b4.js} +1 -1
- package/dist/{swirl-icon-aspect-ratio.entry.616833fb.js → swirl-icon-aspect-ratio.entry.dcd0f8d1.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.8312557d.js → swirl-icon-attachment.entry.59038fa4.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.f42a764f.js → swirl-icon-bar-chart.entry.9723cc10.js} +1 -1
- package/dist/{swirl-icon-block.entry.141368f9.js → swirl-icon-block.entry.97a62561.js} +1 -1
- package/dist/{swirl-icon-bookmark-filled.entry.a4f98e8d.js → swirl-icon-bookmark-filled.entry.1204588f.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.f8616ee9.js → swirl-icon-bookmark.entry.64e682e8.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.cc6a219f.js → swirl-icon-cancel_4.entry.e86215cb.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.97c6f5b2.js → swirl-icon-chat-bubble.entry.44e58470.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.b6202c2b.js → swirl-icon-chats-filled.entry.fdc024f9.js} +1 -1
- package/dist/{swirl-icon-chats.entry.eb80822f.js → swirl-icon-chats.entry.f69f4b76.js} +1 -1
- package/dist/{swirl-icon-check-circle_2.entry.79fe8363.js → swirl-icon-check-circle_2.entry.e72b6692.js} +1 -1
- package/dist/{swirl-icon-check-small_3.entry.e5cd1cd6.js → swirl-icon-check-small_3.entry.2ca5d7f5.js} +1 -1
- package/dist/{swirl-icon-check-strong.entry.c147a289.js → swirl-icon-check-strong.entry.ab5bf964.js} +1 -1
- package/dist/{swirl-icon-check.entry.87e1ee47.js → swirl-icon-check.entry.2dc4fcf8.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.258ad1b8.js → swirl-icon-chevron-left.entry.2549b7b9.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.e03cd25c.js → swirl-icon-chevron-right.entry.fc829219.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.7981ebcf.js → swirl-icon-close-small.entry.2a8ca5c2.js} +1 -1
- package/dist/{swirl-icon-close.entry.647865c6.js → swirl-icon-close.entry.4742c329.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.46705109.js → swirl-icon-cloud-upload.entry.fe837ae9.js} +1 -1
- package/dist/{swirl-icon-column.entry.6acbb2c6.js → swirl-icon-column.entry.047a4c86.js} +1 -1
- package/dist/{swirl-icon-comment.entry.28d409f1.js → swirl-icon-comment.entry.25613286.js} +1 -1
- package/dist/{swirl-icon-copy.entry.28b6c197.js → swirl-icon-copy.entry.8c4c8344.js} +1 -1
- package/dist/{swirl-icon-crop.entry.ea45f21c.js → swirl-icon-crop.entry.eca6d95b.js} +1 -1
- package/dist/{swirl-icon-dark-mode.entry.8d3081b7.js → swirl-icon-dark-mode.entry.32be9fcb.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.56ef69b3.js → swirl-icon-date-range.entry.ff2dc398.js} +1 -1
- package/dist/{swirl-icon-delete.entry.84f36e77.js → swirl-icon-delete.entry.1edcbf83.js} +1 -1
- package/dist/{swirl-icon-description.entry.2583ad7f.js → swirl-icon-description.entry.789e0dae.js} +1 -1
- package/dist/{swirl-icon-desktop.entry.9f516096.js → swirl-icon-desktop.entry.24438da1.js} +1 -1
- package/dist/{swirl-icon-directory-filled.entry.243243d6.js → swirl-icon-directory-filled.entry.b7bf938d.js} +1 -1
- package/dist/{swirl-icon-directory.entry.d0b41605.js → swirl-icon-directory.entry.8a354e63.js} +1 -1
- package/dist/{swirl-icon-discover.entry.0c6edafe.js → swirl-icon-discover.entry.68a3cf65.js} +1 -1
- package/dist/{swirl-icon-dock-left.entry.7a737800.js → swirl-icon-dock-left.entry.37311b56.js} +1 -1
- package/dist/{swirl-icon-dot.entry.563ece3f.js → swirl-icon-dot.entry.b9f6b2d5.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.39a1e3d8.js → swirl-icon-double-arrow-right.entry.1628f740.js} +1 -1
- package/dist/{swirl-icon-download.entry.4dbaa9dc.js → swirl-icon-download.entry.9f33a92f.js} +1 -1
- package/dist/{swirl-icon-edit.entry.371c0bd5.js → swirl-icon-edit.entry.ea1b88e1.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.022ee987.js → swirl-icon-emoji-mood.entry.511fe046.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.ec8c7f25.js → swirl-icon-emoji-satisfied.entry.0bf62e37.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.88e4c508.js → swirl-icon-error_3.entry.4240fa46.js} +1 -1
- package/dist/{swirl-icon-expand-more.entry.dd7fdd41.js → swirl-icon-expand-more.entry.f56f1f1f.js} +1 -1
- package/dist/{swirl-icon-experiment.entry.35bbd819.js → swirl-icon-experiment.entry.8fea420e.js} +1 -1
- package/dist/{swirl-icon-file.entry.b9988749.js → swirl-icon-file.entry.ced5ae64.js} +1 -1
- package/dist/{swirl-icon-filter.entry.81189939.js → swirl-icon-filter.entry.344f9eb6.js} +1 -1
- package/dist/{swirl-icon-folder.entry.06913ad2.js → swirl-icon-folder.entry.54d54f10.js} +1 -1
- package/dist/{swirl-icon-format-h-one.entry.fb69dde1.js → swirl-icon-format-h-one.entry.8315262e.js} +1 -1
- package/dist/{swirl-icon-gif.entry.2c916091.js → swirl-icon-gif.entry.fec78ff7.js} +1 -1
- package/dist/{swirl-icon-group-add.entry.fe9e6d4a.js → swirl-icon-group-add.entry.0af63086.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.51804ec0.js → swirl-icon-group-assign.entry.2325c532.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.49fcaa34.js → swirl-icon-groups-filled.entry.de3c44ab.js} +1 -1
- package/dist/{swirl-icon-groups.entry.9422d884.js → swirl-icon-groups.entry.a8520709.js} +1 -1
- package/dist/{swirl-icon-hamburger-menu.entry.675597e2.js → swirl-icon-hamburger-menu.entry.5dcfeafe.js} +1 -1
- package/dist/{swirl-icon-help.entry.c42f5d66.js → swirl-icon-help.entry.2b047228.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.ff0e88ce.js → swirl-icon-highlight.entry.0db94135.js} +1 -1
- package/dist/{swirl-icon-history.entry.cdcf7d68.js → swirl-icon-history.entry.4f7d17de.js} +1 -1
- package/dist/{swirl-icon-home.entry.b0c68afd.js → swirl-icon-home.entry.d632fe0f.js} +1 -1
- package/dist/{swirl-icon-image.entry.70c6e961.js → swirl-icon-image.entry.d0d4008f.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.39ccd49c.js → swirl-icon-improve-text.entry.3a91c40b.js} +1 -1
- package/dist/{swirl-icon-info.entry.7aeb5f20.js → swirl-icon-info.entry.944dbe0d.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.0d9325c5.js → swirl-icon-insert-below.entry.de416c34.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.f24acb8e.js → swirl-icon-insert-on-top.entry.d9cae379.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.d5e897c8.js → swirl-icon-inventory.entry.0037a0f8.js} +1 -1
- package/dist/{swirl-icon-keyboard-hide.entry.b26f888c.js → swirl-icon-keyboard-hide.entry.24d6329a.js} +1 -1
- package/dist/{swirl-icon-keyboard.entry.49f438f6.js → swirl-icon-keyboard.entry.fec98647.js} +1 -1
- package/dist/{swirl-icon-light-mode.entry.47f210be.js → swirl-icon-light-mode.entry.dbc175ef.js} +1 -1
- package/dist/{swirl-icon-like.entry.f4c00b93.js → swirl-icon-like.entry.605c94be.js} +1 -1
- package/dist/{swirl-icon-link.entry.70f18f59.js → swirl-icon-link.entry.d0c7d3c7.js} +1 -1
- package/dist/{swirl-icon-live.entry.30c05175.js → swirl-icon-live.entry.d9392afe.js} +1 -1
- package/dist/{swirl-icon-load.entry.4a0a799b.js → swirl-icon-load.entry.4180f12d.js} +1 -1
- package/dist/{swirl-icon-lock-open.entry.fbd294ab.js → swirl-icon-lock-open.entry.bf1b9c17.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.e9694c4e.js → swirl-icon-lock-person.entry.f3200f9e.js} +1 -1
- package/dist/{swirl-icon-lock.entry.da8f6e45.js → swirl-icon-lock.entry.ae799aa3.js} +1 -1
- package/dist/{swirl-icon-login.entry.617d992f.js → swirl-icon-login.entry.67a4e775.js} +1 -1
- package/dist/{swirl-icon-logout.entry.f9306b17.js → swirl-icon-logout.entry.154ffafe.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.30a13936.js → swirl-icon-long-text.entry.3b47099f.js} +1 -1
- package/dist/{swirl-icon-mail.entry.682ad7f9.js → swirl-icon-mail.entry.17a1a6b4.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.e8576229.js → swirl-icon-manage-accounts.entry.eead20d8.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.9274da7c.js → swirl-icon-mark-chat-read.entry.4d29c651.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.3d0ab507.js → swirl-icon-mark-chat-unread.entry.e4825e6a.js} +1 -1
- package/dist/{swirl-icon-mention.entry.a69903c9.js → swirl-icon-mention.entry.d8fab680.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.f237182d.js → swirl-icon-menu-filled.entry.7bc73b58.js} +1 -1
- package/dist/{swirl-icon-menu.entry.5b300e6b.js → swirl-icon-menu.entry.87d0b105.js} +1 -1
- package/dist/{swirl-icon-message.entry.948c8c8f.js → swirl-icon-message.entry.949eaf33.js} +1 -1
- package/dist/{swirl-icon-mic-off.entry.b547cc08.js → swirl-icon-mic-off.entry.bed9d6ac.js} +1 -1
- package/dist/{swirl-icon-mic.entry.c6e56e22.js → swirl-icon-mic.entry.170f4039.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.e7008c6d.js → swirl-icon-more-horizontal.entry.ff418e96.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.13123ca7.js → swirl-icon-news-filled.entry.737155ae.js} +1 -1
- package/dist/{swirl-icon-news-off.entry.830aa213.js → swirl-icon-news-off.entry.6c81983b.js} +1 -1
- package/dist/{swirl-icon-news.entry.25c42052.js → swirl-icon-news.entry.b6e2c127.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.e310313b.js → swirl-icon-notifications-active.entry.d1f65ffe.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.d9f76d87.js → swirl-icon-notifications-off.entry.8c378cb1.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.d58430c4.js → swirl-icon-notifications.entry.bcf6d62b.js} +1 -1
- package/dist/{swirl-icon-open-in-full.entry.1a9e13b4.js → swirl-icon-open-in-full.entry.6ede73bb.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.c45f51cf.js → swirl-icon-open-in-new.entry.b2a821b8.js} +1 -1
- package/dist/{swirl-icon-pause-circle.entry.42c27e20.js → swirl-icon-pause-circle.entry.e980eb39.js} +1 -1
- package/dist/{swirl-icon-pause.entry.75c5cc58.js → swirl-icon-pause.entry.e712b80f.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.878d10f0.js → swirl-icon-people-alt.entry.6657fb3d.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.b0fed6e8.js → swirl-icon-person-off.entry.ba253261.js} +1 -1
- package/dist/{swirl-icon-person.entry.8ee3d3d6.js → swirl-icon-person.entry.d895aebd.js} +1 -1
- package/dist/{swirl-icon-phone.entry.febc1ca9.js → swirl-icon-phone.entry.b1d09150.js} +1 -1
- package/dist/{swirl-icon-photo-camera.entry.d70d87df.js → swirl-icon-photo-camera.entry.d8216333.js} +1 -1
- package/dist/{swirl-icon-pin-off.entry.3d8e84d4.js → swirl-icon-pin-off.entry.742c6827.js} +1 -1
- package/dist/{swirl-icon-pin.entry.1c27fd6b.js → swirl-icon-pin.entry.55b6b7c1.js} +1 -1
- package/dist/{swirl-icon-place.entry.25a8f86a.js → swirl-icon-place.entry.ecf615f8.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.94cc4e70.js → swirl-icon-play-arrow.entry.d1560438.js} +1 -1
- package/dist/{swirl-icon-poll.entry.4f76a1e3.js → swirl-icon-poll.entry.ee425138.js} +1 -1
- package/dist/{swirl-icon-present.entry.efc3ba06.js → swirl-icon-present.entry.abba945c.js} +1 -1
- package/dist/{swirl-icon-print.entry.12c51bee.js → swirl-icon-print.entry.8e80a9aa.js} +1 -1
- package/dist/{swirl-icon-public-off.entry.eade8480.js → swirl-icon-public-off.entry.63729629.js} +1 -1
- package/dist/{swirl-icon-public.entry.c6c3098f.js → swirl-icon-public.entry.fe45dcee.js} +1 -1
- package/dist/{swirl-icon-ratio-four-to-three.entry.a8ccd914.js → swirl-icon-ratio-four-to-three.entry.44db1b61.js} +1 -1
- package/dist/{swirl-icon-ratio-freeform.entry.33cebaf2.js → swirl-icon-ratio-freeform.entry.f38731f1.js} +1 -1
- package/dist/{swirl-icon-ratio-sixteen-to-nine.entry.caab32d7.js → swirl-icon-ratio-sixteen-to-nine.entry.b8685dc4.js} +1 -1
- package/dist/{swirl-icon-ratio-square.entry.d5ae516e.js → swirl-icon-ratio-square.entry.7afbe4fc.js} +1 -1
- package/dist/{swirl-icon-ratio-three-to-four.entry.75f6f39c.js → swirl-icon-ratio-three-to-four.entry.efe1a47e.js} +1 -1
- package/dist/{swirl-icon-ratio-three-to-two.entry.6c003e64.js → swirl-icon-ratio-three-to-two.entry.937562cf.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.496fc7cd.js → swirl-icon-recieved.entry.68da2f21.js} +1 -1
- package/dist/{swirl-icon-remove-circle.entry.09dca4a5.js → swirl-icon-remove-circle.entry.2d995f9c.js} +1 -1
- package/dist/{swirl-icon-remove-moderator.entry.58fbc17b.js → swirl-icon-remove-moderator.entry.5083fdd5.js} +1 -1
- package/dist/{swirl-icon-reply.entry.2b4ff44e.js → swirl-icon-reply.entry.0225e097.js} +1 -1
- package/dist/{swirl-icon-report.entry.24422a6e.js → swirl-icon-report.entry.56435b05.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.0e72eb75.js → swirl-icon-roadmap.entry.975fc083.js} +1 -1
- package/dist/{swirl-icon-rotate-left.entry.8585b27a.js → swirl-icon-rotate-left.entry.3b904ede.js} +1 -1
- package/dist/{swirl-icon-rotate-right.entry.cd270865.js → swirl-icon-rotate-right.entry.8a6fa553.js} +1 -1
- package/dist/{swirl-icon-screenshare-off.entry.012dc578.js → swirl-icon-screenshare-off.entry.85c21c30.js} +1 -1
- package/dist/{swirl-icon-screenshare.entry.d53fe747.js → swirl-icon-screenshare.entry.718cf8a6.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.3605e896.js → swirl-icon-search-strong.entry.0ff9aa52.js} +1 -1
- package/dist/{swirl-icon-search.entry.12772858.js → swirl-icon-search.entry.299200d1.js} +1 -1
- package/dist/{swirl-icon-secure.entry.2efaf262.js → swirl-icon-secure.entry.56d22f9d.js} +1 -1
- package/dist/{swirl-icon-send.entry.6408bb8e.js → swirl-icon-send.entry.7a71c7e6.js} +1 -1
- package/dist/{swirl-icon-settings.entry.755a176d.js → swirl-icon-settings.entry.b6df09ef.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.5c2e2736.js → swirl-icon-short-text.entry.4614c662.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.b142927f.js → swirl-icon-simplify.entry.52528707.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.03c961d1.js → swirl-icon-spellcheck.entry.c2732e73.js} +1 -1
- package/dist/{swirl-icon-stop.entry.116c1edf.js → swirl-icon-stop.entry.704881a1.js} +1 -1
- package/dist/{swirl-icon-sync.entry.f088cca7.js → swirl-icon-sync.entry.96b90130.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.d9647376.js → swirl-icon-tasks-filled.entry.c3f34846.js} +1 -1
- package/dist/{swirl-icon-tasks.entry.96cb17b3.js → swirl-icon-tasks.entry.80bd648d.js} +1 -1
- package/dist/{swirl-icon-terminal.entry.7c536c7a.js → swirl-icon-terminal.entry.21d50f46.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.7b8e1cc6.js → swirl-icon-time-filled.entry.0e089156.js} +1 -1
- package/dist/{swirl-icon-time.entry.753d3840.js → swirl-icon-time.entry.fc7d9b06.js} +1 -1
- package/dist/{swirl-icon-today-filled.entry.1544cfe2.js → swirl-icon-today-filled.entry.0ef620c8.js} +1 -1
- package/dist/{swirl-icon-translate.entry.a8fca882.js → swirl-icon-translate.entry.82490c3d.js} +1 -1
- package/dist/{swirl-icon-tree-structure.entry.00569bcb.js → swirl-icon-tree-structure.entry.271c4819.js} +1 -1
- package/dist/{swirl-icon-undo.entry.9835bc5d.js → swirl-icon-undo.entry.79301b9e.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.6bf163c1.js → swirl-icon-unlock-person.entry.8630f9cf.js} +1 -1
- package/dist/{swirl-icon-user-add.entry.ebb7aca5.js → swirl-icon-user-add.entry.ff468e96.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.340f5210.js → swirl-icon-user-assign.entry.aae1a9fb.js} +1 -1
- package/dist/{swirl-icon-video-camera-off.entry.7a7c33e1.js → swirl-icon-video-camera-off.entry.96b6ff6c.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.ca49d076.js → swirl-icon-video-camera.entry.8b5f25b4.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.184096e4.js → swirl-icon-video-library.entry.b5112892.js} +1 -1
- package/dist/{swirl-icon-video-player.entry.2e87243e.js → swirl-icon-video-player.entry.e4dc5957.js} +1 -1
- package/dist/{swirl-icon-voice.entry.4689396b.js → swirl-icon-voice.entry.ab4f8e3d.js} +1 -1
- package/dist/{swirl-icon-web-asset-off.entry.caae4a2d.js → swirl-icon-web-asset-off.entry.57c4b85c.js} +1 -1
- package/dist/{swirl-icon-web-asset.entry.d8f0830e.js → swirl-icon-web-asset.entry.0b41697f.js} +1 -1
- package/dist/{swirl-icon-work.entry.2e0dbbc4.js → swirl-icon-work.entry.e021ed92.js} +1 -1
- package/dist/{swirl-icon.entry.fa7155cc.js → swirl-icon.entry.3d7741e0.js} +1 -1
- package/dist/{swirl-image-grid-item.entry.0e023b46.js → swirl-image-grid-item.entry.3de88afc.js} +1 -1
- package/dist/{swirl-image-grid.entry.3e3be557.js → swirl-image-grid.entry.ed5bed3f.js} +1 -1
- package/dist/{swirl-inline-notification.entry.26a57751.js → swirl-inline-notification.entry.c26533bd.js} +1 -1
- package/dist/{swirl-inline-status.entry.c7a9f1a8.js → swirl-inline-status.entry.a0f0bec5.js} +1 -1
- package/dist/{swirl-lightbox.entry.bee15351.js → swirl-lightbox.entry.8d695cac.js} +1 -1
- package/dist/{swirl-link.entry.bbdb2c20.js → swirl-link.entry.e6060d41.js} +1 -1
- package/dist/{swirl-list.entry.5245886c.js → swirl-list.entry.e1211e1f.js} +1 -1
- package/dist/{swirl-menu-item.entry.246c30a4.js → swirl-menu-item.entry.968a1f1f.js} +1 -1
- package/dist/{swirl-menu.entry.8c033d30.js → swirl-menu.entry.0fb075b7.js} +1 -1
- package/dist/{swirl-modal.entry.005b18dc.js → swirl-modal.entry.20907939.js} +1 -1
- package/dist/{swirl-option-list-section.entry.54517b45.js → swirl-option-list-section.entry.40e0fa5b.js} +1 -1
- package/dist/{swirl-option-list_2.entry.da22cce5.js → swirl-option-list_2.entry.f4ffb4c2.js} +1 -1
- package/dist/{swirl-pagination.entry.d5e7578d.js → swirl-pagination.entry.6a82f7f6.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.c1e31deb.js → swirl-pdf-reader.entry.ebcbe099.js} +1 -1
- package/dist/{swirl-popover_2.entry.a317f8e4.js → swirl-popover_2.entry.3bb407b9.js} +1 -1
- package/dist/{swirl-progress-indicator.entry.2416f7dd.js → swirl-progress-indicator.entry.9968c6e5.js} +1 -1
- package/dist/{swirl-radio-group.entry.1f2667d5.js → swirl-radio-group.entry.49a9f656.js} +1 -1
- package/dist/{swirl-radio.entry.6cc77af0.js → swirl-radio.entry.62034fe3.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.59dc9344.js → swirl-resource-list-file-item.entry.644ff81e.js} +1 -1
- package/dist/{swirl-search.entry.3c247657.js → swirl-search.entry.664a2de8.js} +1 -1
- package/dist/{swirl-select.entry.c2a021b2.js → swirl-select.entry.9499ab41.js} +1 -1
- package/dist/swirl-shell-layout.entry.8792b862.js +143 -0
- package/dist/{swirl-shell-navigation-item.entry.bb945fe4.js → swirl-shell-navigation-item.entry.0f1010b6.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.ce106d9a.js → swirl-skeleton-box.entry.99eb7120.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.1c031577.js → swirl-skeleton-text.entry.5666bd99.js} +1 -1
- package/dist/{swirl-stack.entry.09d3b604.js → swirl-stack.entry.b177b9fe.js} +1 -1
- package/dist/{swirl-status-indicator.entry.88eb3128.js → swirl-status-indicator.entry.66049a4a.js} +1 -1
- package/dist/{swirl-switch.entry.5f96e70e.js → swirl-switch.entry.df012f0c.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.aaf4e06e.js → swirl-symbol-account-circle.entry.5795cf45.js} +1 -1
- package/dist/{swirl-symbol-alternate-email.entry.0e19ea88.js → swirl-symbol-alternate-email.entry.eda250ff.js} +1 -1
- package/dist/{swirl-symbol-android.entry.52cdd9df.js → swirl-symbol-android.entry.4cb4aa97.js} +1 -1
- package/dist/{swirl-symbol-announcement.entry.e104d9ab.js → swirl-symbol-announcement.entry.593dac23.js} +1 -1
- package/dist/{swirl-symbol-backup.entry.29b97117.js → swirl-symbol-backup.entry.3014a0b9.js} +1 -1
- package/dist/{swirl-symbol-beach-access.entry.72d03a8f.js → swirl-symbol-beach-access.entry.6a37ee4a.js} +1 -1
- package/dist/{swirl-symbol-bookmark.entry.1b51d89e.js → swirl-symbol-bookmark.entry.0366426a.js} +1 -1
- package/dist/{swirl-symbol-cloud.entry.a84b4ac7.js → swirl-symbol-cloud.entry.58f39200.js} +1 -1
- package/dist/{swirl-symbol-coronavirus.entry.7fec7457.js → swirl-symbol-coronavirus.entry.a0484674.js} +1 -1
- package/dist/{swirl-symbol-desktop-windows.entry.3bfc1b9b.js → swirl-symbol-desktop-windows.entry.40c2dafe.js} +1 -1
- package/dist/{swirl-symbol-directions-car-filled.entry.574ff858.js → swirl-symbol-directions-car-filled.entry.bd8eb0f9.js} +1 -1
- package/dist/{swirl-symbol-edit-calendar.entry.1b378faf.js → swirl-symbol-edit-calendar.entry.4c0dca4a.js} +1 -1
- package/dist/{swirl-symbol-email.entry.4ce9e56f.js → swirl-symbol-email.entry.9053ce64.js} +1 -1
- package/dist/{swirl-symbol-emoji-food-beverage.entry.c8af00ed.js → swirl-symbol-emoji-food-beverage.entry.dbebb91c.js} +1 -1
- package/dist/{swirl-symbol-event-menu.entry.e0a1e55c.js → swirl-symbol-event-menu.entry.0d7a0829.js} +1 -1
- package/dist/{swirl-symbol-facebook.entry.b8d6ef55.js → swirl-symbol-facebook.entry.f4b9f131.js} +1 -1
- package/dist/{swirl-symbol-favorite.entry.19c202b7.js → swirl-symbol-favorite.entry.1b396c3b.js} +1 -1
- package/dist/{swirl-symbol-fitness-center.entry.6e3357f7.js → swirl-symbol-fitness-center.entry.e99ae619.js} +1 -1
- package/dist/{swirl-symbol-flag.entry.d4b1e4c6.js → swirl-symbol-flag.entry.4b6d52ac.js} +1 -1
- package/dist/{swirl-symbol-folder.entry.3f45af19.js → swirl-symbol-folder.entry.e86ac49e.js} +1 -1
- package/dist/{swirl-symbol-globe.entry.bca24661.js → swirl-symbol-globe.entry.62c3e5ea.js} +1 -1
- package/dist/{swirl-symbol-groups.entry.d9d00f93.js → swirl-symbol-groups.entry.d17d5dc8.js} +1 -1
- package/dist/{swirl-symbol-help.entry.eb93e815.js → swirl-symbol-help.entry.0e406170.js} +1 -1
- package/dist/{swirl-symbol-image.entry.b57cef50.js → swirl-symbol-image.entry.00a12ade.js} +1 -1
- package/dist/{swirl-symbol-info-menu.entry.04504ce4.js → swirl-symbol-info-menu.entry.640a0a98.js} +1 -1
- package/dist/{swirl-symbol-instagram.entry.7161e14a.js → swirl-symbol-instagram.entry.f72fef0e.js} +1 -1
- package/dist/{swirl-symbol-ios.entry.1be1cd7a.js → swirl-symbol-ios.entry.5cd2583d.js} +1 -1
- package/dist/{swirl-symbol-language.entry.9c58df06.js → swirl-symbol-language.entry.a21d9875.js} +1 -1
- package/dist/{swirl-symbol-leaderboard.entry.d398b608.js → swirl-symbol-leaderboard.entry.6ff08dec.js} +1 -1
- package/dist/{swirl-symbol-lightbulb.entry.79397893.js → swirl-symbol-lightbulb.entry.6de31281.js} +1 -1
- package/dist/{swirl-symbol-linkedin.entry.a2705b98.js → swirl-symbol-linkedin.entry.9d4bcc8a.js} +1 -1
- package/dist/{swirl-symbol-location-on.entry.d56ecbd6.js → swirl-symbol-location-on.entry.1cfc2c3f.js} +1 -1
- package/dist/{swirl-symbol-loyalty.entry.89789554.js → swirl-symbol-loyalty.entry.89f7bea0.js} +1 -1
- package/dist/{swirl-symbol-maps-home-work.entry.c0735e9a.js → swirl-symbol-maps-home-work.entry.9ab74715.js} +1 -1
- package/dist/{swirl-symbol-notifications.entry.f6077417.js → swirl-symbol-notifications.entry.9f2036f6.js} +1 -1
- package/dist/{swirl-symbol-open-in-new.entry.6b612add.js → swirl-symbol-open-in-new.entry.222239f5.js} +1 -1
- package/dist/{swirl-symbol-pedal-bike.entry.4f24a6da.js → swirl-symbol-pedal-bike.entry.8e90477b.js} +1 -1
- package/dist/{swirl-symbol-pinterest.entry.aea6b21e.js → swirl-symbol-pinterest.entry.9bea6f7e.js} +1 -1
- package/dist/{swirl-symbol-policy.entry.167aad9d.js → swirl-symbol-policy.entry.2fad751d.js} +1 -1
- package/dist/{swirl-symbol-push-pin.entry.51b903a8.js → swirl-symbol-push-pin.entry.6a974cc0.js} +1 -1
- package/dist/{swirl-symbol-redeem.entry.a52b6ac5.js → swirl-symbol-redeem.entry.dff1903f.js} +1 -1
- package/dist/{swirl-symbol-report-problem.entry.79bab7c9.js → swirl-symbol-report-problem.entry.051c3160.js} +1 -1
- package/dist/{swirl-symbol-restaurant.entry.624ca880.js → swirl-symbol-restaurant.entry.cf0a9cae.js} +1 -1
- package/dist/{swirl-symbol-roadmap.entry.3d413af6.js → swirl-symbol-roadmap.entry.6ce05b7d.js} +1 -1
- package/dist/{swirl-symbol-room.entry.2e200796.js → swirl-symbol-room.entry.a4e7d75f.js} +1 -1
- package/dist/{swirl-symbol-savings.entry.e9b3b72f.js → swirl-symbol-savings.entry.e12ec182.js} +1 -1
- package/dist/{swirl-symbol-settings-voice.entry.ee9c531a.js → swirl-symbol-settings-voice.entry.311b04e1.js} +1 -1
- package/dist/{swirl-symbol-shopping-cart.entry.5d2101b5.js → swirl-symbol-shopping-cart.entry.cf9abbf8.js} +1 -1
- package/dist/{swirl-symbol-smartphone.entry.4470b765.js → swirl-symbol-smartphone.entry.67b858e7.js} +1 -1
- package/dist/{swirl-symbol-star.entry.ca900b6a.js → swirl-symbol-star.entry.f72c7030.js} +1 -1
- package/dist/{swirl-symbol-supervisor-account.entry.1e8f07b0.js → swirl-symbol-supervisor-account.entry.d8d3f813.js} +1 -1
- package/dist/{swirl-symbol-thumbs-up-down.entry.31e4a367.js → swirl-symbol-thumbs-up-down.entry.a7dc1749.js} +1 -1
- package/dist/{swirl-symbol-twitter.entry.547d19b9.js → swirl-symbol-twitter.entry.0d2dfadb.js} +1 -1
- package/dist/{swirl-symbol-wb-sunny.entry.3d1781ef.js → swirl-symbol-wb-sunny.entry.38ab8236.js} +1 -1
- package/dist/{swirl-symbol-wechat.entry.14681681.js → swirl-symbol-wechat.entry.0d039998.js} +1 -1
- package/dist/{swirl-symbol-weibo.entry.6e36c6d9.js → swirl-symbol-weibo.entry.f9a8d73a.js} +1 -1
- package/dist/{swirl-symbol-work.entry.5497f517.js → swirl-symbol-work.entry.5134a587.js} +1 -1
- package/dist/{swirl-symbol-xing.entry.1641c026.js → swirl-symbol-xing.entry.6e804d19.js} +1 -1
- package/dist/{swirl-symbol-youtube.entry.144e39ce.js → swirl-symbol-youtube.entry.c815c15e.js} +1 -1
- package/dist/{swirl-symbol.entry.f9b4a0e7.js → swirl-symbol.entry.591f79b9.js} +1 -1
- package/dist/{swirl-tab-bar.entry.2740f745.js → swirl-tab-bar.entry.c22fd063.js} +1 -1
- package/dist/{swirl-tab.entry.6d824160.js → swirl-tab.entry.501256e0.js} +1 -1
- package/dist/{swirl-table-cell.entry.4ac93fc9.js → swirl-table-cell.entry.d72fe484.js} +1 -1
- package/dist/{swirl-table-column.entry.73fad2ad.js → swirl-table-column.entry.8d24996f.js} +1 -1
- package/dist/{swirl-table-row-group.entry.51735e45.js → swirl-table-row-group.entry.aee99f27.js} +1 -1
- package/dist/{swirl-table-row.entry.f56ca0bd.js → swirl-table-row.entry.2239e060.js} +1 -1
- package/dist/{swirl-table.entry.2ac3235b.js → swirl-table.entry.c9087293.js} +1 -1
- package/dist/{swirl-tabs.entry.757933ec.js → swirl-tabs.entry.7dacc3b5.js} +1 -1
- package/dist/{swirl-text-input.entry.facf34cd.js → swirl-text-input.entry.cb105118.js} +1 -1
- package/dist/{swirl-text.entry.9f2f9aa3.js → swirl-text.entry.fa14a1e4.js} +1 -1
- package/dist/{swirl-theme-provider.entry.17937f5a.js → swirl-theme-provider.entry.48f9c52e.js} +1 -1
- package/dist/{swirl-time-input.entry.843ff43d.js → swirl-time-input.entry.1f22648d.js} +1 -1
- package/dist/{swirl-toast-provider.entry.b5c23f36.js → swirl-toast-provider.entry.cd8de38a.js} +1 -1
- package/dist/{swirl-toast.entry.e230584c.js → swirl-toast.entry.c6e01c97.js} +1 -1
- package/dist/{swirl-toolbar.entry.f5326605.js → swirl-toolbar.entry.85881fc8.js} +1 -1
- package/dist/{swirl-tooltip.entry.bc2ddc83.js → swirl-tooltip.entry.0886df00.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.201de123.js → swirl-tree-navigation-item.entry.3cba9528.js} +1 -1
- package/dist/{swirl-tree-view-item.entry.cebbf2c8.js → swirl-tree-view-item.entry.b8864373.js} +1 -1
- package/dist/{swirl-tree-view.entry.50ce2210.js → swirl-tree-view.entry.6869d250.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.e41c137d.js → swirl-video-thumbnail.entry.41255ba0.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.5c7ac817.js → swirl-visually-hidden.entry.6b459364.js} +1 -1
- package/dist/{wc-datepicker.entry.ce1fe390.js → wc-datepicker.entry.d78511b9.js} +1 -1
- package/package.json +2 -2
- package/dist/swirl-box.entry.49bb21d5.js +0 -69
- package/dist/swirl-shell-layout.entry.884f9720.js +0 -127
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { c as
|
|
3
|
-
import { i as
|
|
4
|
-
import { S } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
1
|
+
import { r as n, c as r, h as a, H as d, g as c, F as h } from "./index.1799f60d.js";
|
|
2
|
+
import { c as p } from "./index-267776a4.6beb4f4b.js";
|
|
3
|
+
import { d as y, i as f, f as v, g as I } from "./utils-c16952ba.529dd544.js";
|
|
4
|
+
import { S as T } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
5
5
|
import { v as _ } from "./v4-23648a96.77c7c20f.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
|
-
const D = `:host{
|
|
8
|
+
const D = `:host{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:3.5625rem 1fr;grid-template-areas:"body"
|
|
9
9
|
"body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
|
|
10
10
|
"navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"
|
|
11
11
|
"navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"
|
|
@@ -18,26 +18,39 @@ const D = `:host{--swirl-app-layout-border-visibility:hidden;position:relative;z
|
|
|
18
18
|
"sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(3.5625rem, auto) auto 1fr auto;grid-template-areas:"app-bar"
|
|
19
19
|
"banner"
|
|
20
20
|
"content"
|
|
21
|
-
"bottom-bar"}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"
|
|
22
|
-
"content"}.app-layout__header{z-index:1;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;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(3.5625rem, auto) auto 1fr;grid-template-areas:"app-bar"
|
|
21
|
+
"bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"
|
|
22
|
+
"content"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;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:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(3.5625rem, auto) auto 1fr;grid-template-areas:"app-bar"
|
|
23
23
|
"banner"
|
|
24
|
-
"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;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:3.5625rem 1fr;grid-template-areas:"sidebar-header"
|
|
25
|
-
"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
|
|
26
|
-
(scroll-timeline: --scroll-timeline y) and
|
|
27
|
-
(animation-timeline: --scroll-timeline)
|
|
28
|
-
){.app-layout__bordered-container-when-scrolled:before,.app-layout__bordered-container-when-scrolled:after{visibility:var(--swirl-app-layout-border-visibility);animation-name:app-layout-border-reveal;animation-fill-mode:both;animation-range:1px 1px;animation-timeline:--scroll-timeline}}.app-layout__bordered-container-when-scrolled:after{display:none;top:auto;bottom:0}.app-layout__bordered-container-when-scrolled--with-bottom:after{display:block;animation-direction:reverse;animation-range:calc(100% - 1px) calc(100% - 1px)}@keyframes app-layout-border-reveal{0%{background-color:transparent}100%{background-color:var(--s-border-default)}}@keyframes app-layout-detect-scroll{from,to{--swirl-app-layout-border-visibility:visible}}@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"
|
|
24
|
+
"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:3.5625rem 1fr;grid-template-areas:"sidebar-header"
|
|
25
|
+
"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}@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"
|
|
29
26
|
"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"
|
|
30
27
|
"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-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 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, M = class {
|
|
31
|
-
constructor(
|
|
32
|
-
|
|
28
|
+
constructor(t) {
|
|
29
|
+
n(this, t), this.ctaClick = r(this, "ctaClick", 7), this.mobileViewChange = r(this, "mobileViewChange", 7), this.navigationBackButtonClick = r(this, "navigationBackButtonClick", 7), this.sidebarToggle = r(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
|
|
33
30
|
this.changeMobileView("navigation");
|
|
34
|
-
}, this.onCtaClick = (
|
|
35
|
-
this.ctaClick.emit(
|
|
36
|
-
}, this.onNavigationBackButtonClick = (
|
|
37
|
-
this.navigationBackButtonClick.emit(
|
|
31
|
+
}, this.onCtaClick = (e) => {
|
|
32
|
+
this.ctaClick.emit(e);
|
|
33
|
+
}, this.onNavigationBackButtonClick = (e) => {
|
|
34
|
+
this.navigationBackButtonClick.emit(e);
|
|
38
35
|
}, this.onSidebarCloseButtonClick = () => {
|
|
39
36
|
this.hideSidebar();
|
|
40
|
-
}, this.
|
|
37
|
+
}, this.onContentScroll = y(() => {
|
|
38
|
+
this.updateContentScrollState();
|
|
39
|
+
}, 16), this.onNavScroll = y(() => {
|
|
40
|
+
this.updateNavScrollState();
|
|
41
|
+
}, 16), this.onSidebarScroll = y(() => {
|
|
42
|
+
this.updateSidebarScrollState();
|
|
43
|
+
}, 16), this.appName = void 0, this.backToNavigationViewButtonLabel = "Back to navigation", this.ctaIcon = void 0, this.ctaLabel = void 0, this.hasNavigation = void 0, this.hideAppBar = void 0, this.navigationBackButtonLabel = "Go back", this.navigationLabel = void 0, this.showNavigationBackButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.sidebarHeading = void 0, this.transitionStyle = "slides", this.contentScrollState = {
|
|
44
|
+
scrollable: !1,
|
|
45
|
+
scrolledToTop: !1,
|
|
46
|
+
scrolledToBottom: !1
|
|
47
|
+
}, this.hasCustomAppBarBackButton = void 0, this.hasSidebar = void 0, this.mobileView = "navigation", this.navScrollState = {
|
|
48
|
+
scrollable: !1,
|
|
49
|
+
scrolledToTop: !1
|
|
50
|
+
}, this.sidebarActive = void 0, this.sidebarClosing = void 0, this.sidebarScrollState = {
|
|
51
|
+
scrollable: !1,
|
|
52
|
+
scrolledToTop: !1
|
|
53
|
+
}, this.transitioningFrom = void 0, this.transitioningTo = void 0;
|
|
41
54
|
}
|
|
42
55
|
componentWillLoad() {
|
|
43
56
|
this.mutationObserver = new MutationObserver(() => {
|
|
@@ -46,9 +59,14 @@ const D = `:host{--swirl-app-layout-border-visibility:hidden;position:relative;z
|
|
|
46
59
|
this.updateCustomAppBarBackButtonStatus(), this.updateSidebarStatus(), this.updateNavigationStatus(), this.checkMobileView();
|
|
47
60
|
});
|
|
48
61
|
}
|
|
62
|
+
componentDidLoad() {
|
|
63
|
+
queueMicrotask(() => {
|
|
64
|
+
this.updateContentScrollState(), this.updateSidebarScrollState(), this.updateNavScrollState();
|
|
65
|
+
});
|
|
66
|
+
}
|
|
49
67
|
disconnectedCallback() {
|
|
50
|
-
var
|
|
51
|
-
(
|
|
68
|
+
var t;
|
|
69
|
+
(t = this.mutationObserver) == null || t.disconnect();
|
|
52
70
|
}
|
|
53
71
|
watchMobileView() {
|
|
54
72
|
this.checkMobileView();
|
|
@@ -60,34 +78,34 @@ const D = `:host{--swirl-app-layout-border-visibility:hidden;position:relative;z
|
|
|
60
78
|
if (!this.sidebarActive || !this.hasSidebar)
|
|
61
79
|
return;
|
|
62
80
|
Boolean(this.sidebarClosingTimeout) && clearTimeout(this.sidebarClosingTimeout), this.sidebarClosing = !0;
|
|
63
|
-
const
|
|
81
|
+
const t = f() || v() ? 0 : 300;
|
|
64
82
|
this.sidebarClosingTimeout = setTimeout(() => {
|
|
65
83
|
this.sidebarActive = !1, this.sidebarClosing = !1, this.changeMobileView("body"), this.sidebarToggle.emit(!1);
|
|
66
|
-
},
|
|
84
|
+
}, t);
|
|
67
85
|
}
|
|
68
86
|
async toggleSidebar() {
|
|
69
87
|
!this.hasSidebar || (this.sidebarActive ? this.hideSidebar() : this.showSidebar());
|
|
70
88
|
}
|
|
71
|
-
async changeMobileView(
|
|
72
|
-
if (this.mobileView ===
|
|
89
|
+
async changeMobileView(t, e = !0) {
|
|
90
|
+
if (this.mobileView === t || t === "navigation" && !this.hasNavigation || t === "sidebar" && !this.hasSidebar)
|
|
73
91
|
return;
|
|
74
|
-
if (!
|
|
75
|
-
this.mobileView =
|
|
92
|
+
if (!f() || !e) {
|
|
93
|
+
this.mobileView = t, this.mobileViewChange.emit(this.mobileView);
|
|
76
94
|
return;
|
|
77
95
|
}
|
|
78
|
-
Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo =
|
|
79
|
-
const
|
|
96
|
+
Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = t;
|
|
97
|
+
const l = v() ? 0 : this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
|
|
80
98
|
this.transitionTimeout = setTimeout(() => {
|
|
81
|
-
this.mobileView =
|
|
82
|
-
},
|
|
99
|
+
this.mobileView = t, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
|
|
100
|
+
}, l);
|
|
83
101
|
}
|
|
84
102
|
checkMobileView() {
|
|
85
103
|
if (this.mobileView === "navigation" && !this.hasNavigation || this.mobileView === "sidebar" && !this.hasSidebar) {
|
|
86
104
|
this.mobileView = "body";
|
|
87
105
|
return;
|
|
88
106
|
}
|
|
89
|
-
const
|
|
90
|
-
|
|
107
|
+
const t = this.mobileView === "sidebar" || this.sidebarActive;
|
|
108
|
+
t !== this.sidebarActive && (t ? this.showSidebar() : this.hideSidebar());
|
|
91
109
|
}
|
|
92
110
|
updateNavigationStatus() {
|
|
93
111
|
this.hasNavigation = Boolean(this.el.querySelector('[slot="navigation"]'));
|
|
@@ -98,26 +116,53 @@ const D = `:host{--swirl-app-layout-border-visibility:hidden;position:relative;z
|
|
|
98
116
|
updateSidebarStatus() {
|
|
99
117
|
this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
|
|
100
118
|
}
|
|
119
|
+
updateContentScrollState() {
|
|
120
|
+
const t = {
|
|
121
|
+
scrollable: this.contentEl.scrollHeight > this.contentEl.clientHeight,
|
|
122
|
+
scrolledToTop: this.contentEl.scrollTop === 0,
|
|
123
|
+
scrolledToBottom: Math.round(this.contentEl.scrollTop + this.contentEl.clientHeight) >= this.contentEl.scrollHeight
|
|
124
|
+
};
|
|
125
|
+
Object.keys(t).some((e) => t[e] !== this.contentScrollState[e]) && (this.contentScrollState = t);
|
|
126
|
+
}
|
|
127
|
+
updateNavScrollState() {
|
|
128
|
+
const t = {
|
|
129
|
+
scrollable: this.navEl.scrollHeight > this.navEl.clientHeight,
|
|
130
|
+
scrolledToTop: this.navEl.scrollTop === 0
|
|
131
|
+
};
|
|
132
|
+
Object.keys(t).some((e) => t[e] !== this.navScrollState[e]) && (this.navScrollState = t, console.log(this.navScrollState));
|
|
133
|
+
}
|
|
134
|
+
updateSidebarScrollState() {
|
|
135
|
+
const t = {
|
|
136
|
+
scrollable: this.sidebarEl.scrollHeight > this.sidebarEl.clientHeight,
|
|
137
|
+
scrolledToTop: this.sidebarEl.scrollTop === 0
|
|
138
|
+
};
|
|
139
|
+
Object.keys(t).some((e) => t[e] !== this.sidebarScrollState[e]) && (this.sidebarScrollState = t);
|
|
140
|
+
}
|
|
101
141
|
render() {
|
|
102
|
-
const
|
|
142
|
+
const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, e = 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"]')), l = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), u = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), b = p("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
|
|
143
|
+
"app-layout--content-scrollable": this.contentScrollState.scrollable,
|
|
144
|
+
"app-layout--content-scrolled-to-top": this.contentScrollState.scrolledToTop,
|
|
145
|
+
"app-layout--content-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
|
|
103
146
|
"app-layout--has-app-bar-mobile-menu-button": o,
|
|
104
|
-
"app-layout--has-app-bar-controls":
|
|
105
|
-
"app-layout--has-bottom-bar":
|
|
147
|
+
"app-layout--has-app-bar-controls": e,
|
|
148
|
+
"app-layout--has-bottom-bar": i,
|
|
106
149
|
"app-layout--has-custom-app-bar-back-button": this.hasCustomAppBarBackButton,
|
|
107
|
-
"app-layout--has-custom-sidebar-header":
|
|
108
|
-
"app-layout--has-floating-action-button":
|
|
150
|
+
"app-layout--has-custom-sidebar-header": l,
|
|
151
|
+
"app-layout--has-floating-action-button": u,
|
|
109
152
|
"app-layout--has-navigation": this.hasNavigation,
|
|
110
153
|
"app-layout--has-sidebar": this.hasSidebar,
|
|
111
154
|
"app-layout--hide-app-bar": this.hideAppBar,
|
|
155
|
+
"app-layout--nav-scrollable": this.navScrollState.scrollable,
|
|
156
|
+
"app-layout--nav-scrolled-to-top": this.navScrollState.scrolledToTop,
|
|
112
157
|
"app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
|
|
113
|
-
"app-layout--sidebar-closing": this.sidebarClosing
|
|
114
|
-
|
|
115
|
-
"app-
|
|
158
|
+
"app-layout--sidebar-closing": this.sidebarClosing,
|
|
159
|
+
"app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
|
|
160
|
+
"app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
|
|
116
161
|
});
|
|
117
|
-
return
|
|
162
|
+
return a(d, { key: "e1c143341fd6969c1c041c8667c1b5e12fce7aa7" }, a("section", { key: "d2f3d3a309e94232a6a52c04a179a72240f6bb21", "aria-labelledby": "app-name", class: b }, a("div", { key: "82a77b84d23df1dda86d2627e6a9457f578a89d0", class: "app-layout__grid" }, a("header", { key: "f837eb5675d9a95ec154a09c30bfc454114a35ac", class: "app-layout__header" }, a("span", { key: "f76efa5dd39576397f5abe701bc4d40d7c6d9af5", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "eb27c59a6865695a44738a1d7211f650e82888ef", name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && a("span", { key: "c90faef21b76cc16486ebe7ffa821736ddef3b49", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "b16105381660b7b82b6d7953d7bf72747533439f", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "7c21b9cd00e4bec6a22cb70a3d8753fa93dac5ba", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && a("span", { key: "2e92cfc7aacdd18234dc7d6e8433beb8ecccd0b6", class: "app-layout__navigation-controls" }, a("slot", { key: "4c30f7f89096cd55f77537d91461a693005a164f", name: "navigation-controls" }))), a("nav", { key: "42cc3847d5f7c4625d76739e421813c2de1e9c13", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s }, a("slot", { key: "429284c750ec28528eb79f3e2939454ac8773c99", name: "navigation" })), a("section", { key: "285f41876c6c8269ab32d5efcadab18e72d72b32", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "9c9fa128d13e801866b795b0f02ae21474c8fe34", class: "app-layout__app-bar" }, a("span", { key: "098969ee820c3f266c043e24c71b23d07203b322", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "dde9756b11f38853fd2e933e5ebeb3cc827f3fd4", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "9d6e8465877307289761645d9cdef16b5b0e7577", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "1587d585995e7460b68f09df9ae09fa1c266ceab", 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 })), a("span", { key: "c1c48d5e9f1216a544fbfe19d6e1541ad58c8022", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "141fc56495d55974f45698b574ccb6aa03cb36ab", name: "custom-app-bar-back-button" })), a("div", { key: "83876ab43ab755de43fa7f0d265fd4c060553ddd", class: "app-layout__app-bar-content" }, a("slot", { key: "d56068856254dce82abf6eacc77b19afabac1bd1", name: "app-bar" })), a("div", { key: "95aca875b629e0bdfba5ca87ed2597c331d9bbaa", class: "app-layout__app-bar-controls" }, a("slot", { key: "46461160969d62537a6f04b20bb40ca44fa5ac3e", name: "app-bar-controls" }))), a("div", { key: "388b20d9d6b51687125477c38edd601c1a1bfe0d", class: "app-layout__banner" }, a("slot", { key: "8bf5886dc50092e8b4e1d9e8b8404b27ed3f09b9", name: "banner" })), a("div", { key: "abec882ab4905d6a372dc10e4d18ce6bb66df3b3", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "46e9b03f9ec3a0d38635d9fe3f35435355edd4a9", name: "content" })), a("div", { key: "34a7df3ed10f150228bc01fee063bed4f746f5a3", class: "app-layout__bottom-bar" }, a("slot", { key: "facff75f429f360dda267e1985f931d0e341d75e", name: "bottom-bar" }))), a("aside", { key: "cac7a6b6c2096bc60a2e5c36fd22ba46c3a19eaa", class: "app-layout__sidebar" }, a("header", { key: "351c7eba83509cec13b15f0aa8e15896d0b07503", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "1434eb1cf6d0bf07117b120c57a5f51a397fedba", name: "custom-sidebar-header" })), a("header", { key: "ff40be3b889ad61df3fa960383c6dc7b34bb1a96", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "57fe1abf43d7eb0becf55660672555079123d533", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "1c6406d5fba477bcaabdc6a354a22a0f9a676f47", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "bc8a084ddf4a13ee9d08eef391a48ce4f2adb7de", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "4b253e9ea5b8a764772fe6df923c9382bac8f8ff", name: "sidebar" }))), a("span", { key: "bf7564a728b954ce0c7415308cfb4bbde8abb847", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "d1821cf6ebabb0c0aa35887aed1b3fd836956966", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "ee95d554c358f25cdebf4c9d348e1816d266e8be", name: "floating-action-button" })))));
|
|
118
163
|
}
|
|
119
164
|
get el() {
|
|
120
|
-
return
|
|
165
|
+
return c(this);
|
|
121
166
|
}
|
|
122
167
|
static get watchers() {
|
|
123
168
|
return {
|
|
@@ -126,68 +171,68 @@ const D = `:host{--swirl-app-layout-border-visibility:hidden;position:relative;z
|
|
|
126
171
|
}
|
|
127
172
|
};
|
|
128
173
|
M.style = A;
|
|
129
|
-
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}",
|
|
130
|
-
constructor(
|
|
131
|
-
|
|
174
|
+
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}", E = L, H = class {
|
|
175
|
+
constructor(t) {
|
|
176
|
+
n(this, t), this.heading = void 0, this.illustration = void 0;
|
|
132
177
|
}
|
|
133
178
|
render() {
|
|
134
|
-
const
|
|
135
|
-
"empty-state--has-controls":
|
|
136
|
-
"empty-state--has-slotted-illustration":
|
|
179
|
+
const t = Boolean(this.el.querySelector('[slot="controls"]')), e = Boolean(this.el.querySelector('[slot="illustration"]')), i = p("empty-state", {
|
|
180
|
+
"empty-state--has-controls": t,
|
|
181
|
+
"empty-state--has-slotted-illustration": e
|
|
137
182
|
});
|
|
138
|
-
return
|
|
183
|
+
return a(d, { key: "910eac8b85ee42dcdcc3e35a417dab64e873f25e" }, a("div", { key: "d2b76b353e4f59eaff40cf304bf511ff903eed31", class: i }, this.illustration && !e && a("img", { key: "26c7ad34d7845a7fe3f72e9d8edd680ec727067b", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "be93399b1b00f790331e04afa4adaf8c7e8ea6c1", class: "empty-state__slotted-illustration" }, a("slot", { key: "3505a06822a7f2e5316f079a029c25e2449b6d2c", name: "illustration" })), a("div", { key: "39f7790097fab3f0ca2008c0cd0638fbabd69c95", class: "empty-state__body" }, a("swirl-stack", { key: "666590ff0460748fe199daaacb8d01242990b573", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "7c1d2d059efb373e0fce2f2ccc7d3ba0987819a2", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "aa98b76c0669f5e1b899bce4969b2d65f152e6d3", class: "empty-state__content" }, a("swirl-text", { key: "7b81e1e942ee767cd1b93d757b44b2958119f2ac", align: "center", color: "subdued" }, a("slot", { key: "ca182287a03f1db96e4eb9d1e46ab268817d5570" })))), a("div", { key: "0e47796c0063949ba56e7f9efff7a0a3622c216c", class: "empty-state__controls" }, a("slot", { key: "7f75b89a83f4475d629a4dc6699de27187330215", name: "controls" })))));
|
|
139
184
|
}
|
|
140
185
|
get el() {
|
|
141
|
-
return
|
|
186
|
+
return c(this);
|
|
142
187
|
}
|
|
143
188
|
};
|
|
144
|
-
|
|
145
|
-
const
|
|
146
|
-
constructor(
|
|
147
|
-
|
|
189
|
+
H.style = E;
|
|
190
|
+
const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", z = V, N = class {
|
|
191
|
+
constructor(t) {
|
|
192
|
+
n(this, t), this.color = void 0, this.size = 24;
|
|
148
193
|
}
|
|
149
194
|
render() {
|
|
150
|
-
const
|
|
195
|
+
const t = this.size === 20 ? 24 : this.size, e = {
|
|
151
196
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
|
|
152
|
-
},
|
|
153
|
-
return
|
|
197
|
+
}, i = p("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
198
|
+
return a("svg", { key: "2358cd477444935f28756e0eb2b7d0bb419d7e01", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "ceccc5037eb89ec0a5bcb9012f04094475a7e9b0" }, a("path", { key: "e2e40323d700e1365fbd05a8ec0e0e59083bd22c", 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) && a(h, { key: "471f86e592f0d44b4c41998b6d09c6a04f62187c" }, a("path", { key: "05e915656c724af2b157d27706e81047c09b5250", 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 && a(h, { key: "4bf41cf45a62e303e401dbbd97ca28e37b49b04b" }, a("path", { key: "8ffee09b9a70d55da280fd9b3285174e926b5b98", 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" })));
|
|
154
199
|
}
|
|
155
200
|
};
|
|
156
|
-
|
|
157
|
-
const
|
|
158
|
-
constructor(
|
|
159
|
-
|
|
160
|
-
const
|
|
161
|
-
Boolean(this.dragging) ? this.stopDrag(
|
|
162
|
-
}, this.startDrag = (
|
|
163
|
-
this.dragging =
|
|
164
|
-
const
|
|
165
|
-
this.focusItemAtIndex(
|
|
166
|
-
}, this.stopDrag = (
|
|
167
|
-
const
|
|
168
|
-
this.dragging = void 0,
|
|
169
|
-
}, this.onKeyDown = (
|
|
170
|
-
if (
|
|
171
|
-
|
|
172
|
-
else if (
|
|
173
|
-
if (
|
|
201
|
+
N.style = z;
|
|
202
|
+
const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", F = q, $ = class {
|
|
203
|
+
constructor(t) {
|
|
204
|
+
n(this, t), this.itemDrop = r(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
|
|
205
|
+
const i = e.detail;
|
|
206
|
+
Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
|
|
207
|
+
}, this.startDrag = (e) => {
|
|
208
|
+
this.dragging = e, this.draggingStartIndex = this.getItemIndex(this.dragging), e.setAttribute("dragging", "true");
|
|
209
|
+
const i = this.getItemIndex(this.dragging);
|
|
210
|
+
this.focusItemAtIndex(i), this.assistiveText = this.assistiveTextItemGrabbed;
|
|
211
|
+
}, this.stopDrag = (e) => {
|
|
212
|
+
const i = this.getItemIndex(this.dragging);
|
|
213
|
+
this.dragging = void 0, e.removeAttribute("dragging"), this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: e, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0;
|
|
214
|
+
}, this.onKeyDown = (e) => {
|
|
215
|
+
if (e.code === "ArrowDown")
|
|
216
|
+
e.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
|
|
217
|
+
else if (e.code === "ArrowUp")
|
|
218
|
+
if (e.preventDefault(), Boolean(this.dragging))
|
|
174
219
|
this.moveDraggedItemUp();
|
|
175
220
|
else {
|
|
176
|
-
const
|
|
177
|
-
this.focusItemAtIndex(
|
|
221
|
+
const i = this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;
|
|
222
|
+
this.focusItemAtIndex(i);
|
|
178
223
|
}
|
|
179
|
-
else if (
|
|
180
|
-
const
|
|
181
|
-
if (Boolean(this.dragging) && !(
|
|
182
|
-
|
|
224
|
+
else if (e.code === "Space" || e.code === "Enter") {
|
|
225
|
+
const i = e.composedPath()[0];
|
|
226
|
+
if (Boolean(this.dragging) && !(i != null && i.classList.contains("resource-list-item__drag-handle")))
|
|
227
|
+
e.preventDefault(), this.stopDrag(this.dragging);
|
|
183
228
|
else if (Boolean(this.controllingElement)) {
|
|
184
229
|
const o = this.items[this.focusedIndex];
|
|
185
230
|
if (!Boolean(o) || !o.isConnected)
|
|
186
231
|
return;
|
|
187
|
-
|
|
232
|
+
e.stopPropagation(), e.preventDefault(), o.click();
|
|
188
233
|
}
|
|
189
234
|
} else
|
|
190
|
-
|
|
235
|
+
e.code === "Home" ? (e.preventDefault(), this.focusItemAtIndex(0)) : e.code === "End" && (e.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
|
|
191
236
|
}, this.allowDrag = void 0, 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.controllingElement = void 0, this.label = void 0, this.spacing = "0", this.assistiveText = void 0, this.listId = _();
|
|
192
237
|
}
|
|
193
238
|
componentDidLoad() {
|
|
@@ -197,8 +242,8 @@ const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
197
242
|
this.setupDragDrop();
|
|
198
243
|
}
|
|
199
244
|
disconnectedCallback() {
|
|
200
|
-
var e, i
|
|
201
|
-
(
|
|
245
|
+
var t, e, i;
|
|
246
|
+
(t = this.sortable) == null || t.destroy(), (e = this.observer) == null || e.disconnect(), (i = this.controllingElement) == null || i.removeEventListener("keydown", this.onKeyDown);
|
|
202
247
|
}
|
|
203
248
|
observeSlotChanges() {
|
|
204
249
|
this.observer = new MutationObserver(() => {
|
|
@@ -213,66 +258,66 @@ const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
213
258
|
this.setItemAllowDragState(), this.setupDragDrop();
|
|
214
259
|
}
|
|
215
260
|
collectItems() {
|
|
216
|
-
var
|
|
217
|
-
this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((
|
|
261
|
+
var t;
|
|
262
|
+
this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((e) => e.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]), Boolean(this.controllingElement) && ((t = this.items[0]) == null || t.setAttribute("aria-selected", "true"));
|
|
218
263
|
}
|
|
219
264
|
setupControllingElement() {
|
|
220
265
|
!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));
|
|
221
266
|
}
|
|
222
|
-
getItemIndex(
|
|
223
|
-
return this.items.map((
|
|
267
|
+
getItemIndex(t) {
|
|
268
|
+
return this.items.map((e) => e).findIndex((e) => e === t);
|
|
224
269
|
}
|
|
225
270
|
removeItemsFromTabOrder() {
|
|
226
|
-
this.items.forEach((
|
|
227
|
-
const
|
|
228
|
-
Boolean(this.controllingElement) &&
|
|
271
|
+
this.items.forEach((t) => {
|
|
272
|
+
const e = 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");
|
|
273
|
+
Boolean(this.controllingElement) && t.setAttribute("aria-selected", "false"), e == null || e.setAttribute("tabIndex", "-1"), i == null || i.setAttribute("tabIndex", "-1");
|
|
229
274
|
});
|
|
230
275
|
}
|
|
231
276
|
setItemAllowDragState() {
|
|
232
|
-
this.allowDrag ? this.items.forEach((
|
|
233
|
-
|
|
234
|
-
}) : this.items.forEach((
|
|
235
|
-
|
|
277
|
+
this.allowDrag ? this.items.forEach((t) => {
|
|
278
|
+
t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
|
|
279
|
+
}) : this.items.forEach((t) => {
|
|
280
|
+
t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
|
|
236
281
|
});
|
|
237
282
|
}
|
|
238
283
|
setupDragDrop() {
|
|
239
|
-
Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable =
|
|
284
|
+
Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = T.create(this.gridEl, {
|
|
240
285
|
animation: 150,
|
|
241
286
|
draggable: "swirl-resource-list-item",
|
|
242
287
|
handle: ".resource-list-item__drag-handle",
|
|
243
|
-
onEnd: (
|
|
288
|
+
onEnd: (t) => {
|
|
244
289
|
this.itemDrop.emit({
|
|
245
|
-
item:
|
|
246
|
-
oldIndex:
|
|
247
|
-
newIndex:
|
|
290
|
+
item: t.item,
|
|
291
|
+
oldIndex: t.oldDraggableIndex,
|
|
292
|
+
newIndex: t.newDraggableIndex
|
|
248
293
|
});
|
|
249
294
|
}
|
|
250
295
|
}));
|
|
251
296
|
}
|
|
252
|
-
enableItemFocus(
|
|
253
|
-
if (!Boolean(
|
|
297
|
+
enableItemFocus(t, e) {
|
|
298
|
+
if (!Boolean(t) || Boolean(this.controllingElement))
|
|
254
299
|
return;
|
|
255
|
-
const
|
|
256
|
-
Boolean(o) && o.setAttribute("tabIndex", "0"), Boolean(
|
|
300
|
+
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");
|
|
301
|
+
Boolean(o) && o.setAttribute("tabIndex", "0"), Boolean(i) && (i.setAttribute("tabIndex", "0"), e && !Boolean(this.controllingElement) && i.focus());
|
|
257
302
|
}
|
|
258
|
-
focusItemAtIndex(
|
|
303
|
+
focusItemAtIndex(t) {
|
|
259
304
|
this.removeItemsFromTabOrder();
|
|
260
|
-
const
|
|
261
|
-
!Boolean(
|
|
305
|
+
const e = this.items[t];
|
|
306
|
+
!Boolean(e) || !e.isConnected || (this.enableItemFocus(e, !Boolean(this.controllingElement)), Boolean(this.controllingElement) && (e.setAttribute("aria-selected", "true"), e.scrollIntoView({ block: "nearest" })), this.focusedIndex = t);
|
|
262
307
|
}
|
|
263
308
|
moveDraggedItemDown() {
|
|
264
|
-
const
|
|
265
|
-
!Boolean(
|
|
309
|
+
const t = this.dragging.nextElementSibling;
|
|
310
|
+
!Boolean(t) || (t.after(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
|
|
266
311
|
}
|
|
267
312
|
moveDraggedItemUp() {
|
|
268
|
-
const
|
|
269
|
-
!Boolean(
|
|
313
|
+
const t = this.dragging.previousElementSibling;
|
|
314
|
+
!Boolean(t) || (t.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
|
|
270
315
|
}
|
|
271
316
|
render() {
|
|
272
|
-
return
|
|
317
|
+
return a(d, { key: "6cc50db2b8c6ab1bd6ea46b6ba1cefbecb853304", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "5e98d1598c4898781285fd8c4d7bb9ee0ff3dbbd", role: "alert" }, this.assistiveText), a("swirl-box", { key: "a3b358edcbc71612f3fa5cea7f459f886340204b", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "0957f9378f9f06a8fdf7c0a64fd4fc8000ec60a2", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "76901b8006fb85ac204b262f79ddcf2ca2df8bab" }))));
|
|
273
318
|
}
|
|
274
319
|
get el() {
|
|
275
|
-
return
|
|
320
|
+
return c(this);
|
|
276
321
|
}
|
|
277
322
|
static get watchers() {
|
|
278
323
|
return {
|
|
@@ -280,26 +325,26 @@ const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
280
325
|
};
|
|
281
326
|
}
|
|
282
327
|
};
|
|
283
|
-
|
|
284
|
-
const
|
|
328
|
+
$.style = F;
|
|
329
|
+
const O = `.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(
|
|
285
330
|
--swirl-resource-list-item-background-hovered
|
|
286
331
|
);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--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),
|
|
287
|
-
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)}.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%)}.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__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 =
|
|
288
|
-
constructor(
|
|
289
|
-
|
|
290
|
-
this.forceIconProps(
|
|
332
|
+
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)}.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%)}.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__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 = O, R = class {
|
|
333
|
+
constructor(t) {
|
|
334
|
+
n(this, t), this.toggleDrag = r(this, "toggleDrag", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = I(), this.elementId = _(), this.desktopMediaQueryHandler = (e) => {
|
|
335
|
+
this.forceIconProps(e.matches), this.updateIconSize(e.matches);
|
|
291
336
|
}, this.onClick = () => {
|
|
292
337
|
!this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
|
|
293
338
|
}, this.onBlur = () => {
|
|
294
339
|
this.makeControlUnfocusable();
|
|
295
340
|
}, this.onFocus = () => {
|
|
296
341
|
this.makeControlFocusable();
|
|
297
|
-
}, this.onMenuTriggerClick = (
|
|
298
|
-
this.disabled && !Boolean(this.href) &&
|
|
299
|
-
}, this.onDragHandleKeyDown = (
|
|
300
|
-
(
|
|
301
|
-
}, this.onControlClick = (
|
|
302
|
-
|
|
342
|
+
}, this.onMenuTriggerClick = (e) => {
|
|
343
|
+
this.disabled && !Boolean(this.href) && e.stopPropagation();
|
|
344
|
+
}, this.onDragHandleKeyDown = (e) => {
|
|
345
|
+
(e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.toggleDrag.emit(this.el));
|
|
346
|
+
}, this.onControlClick = (e) => {
|
|
347
|
+
e.stopPropagation();
|
|
303
348
|
}, this.active = void 0, this.allowDrag = void 0, this.allowHtml = !0, this.checked = !1, this.compact = void 0, this.description = void 0, this.descriptionWrap = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.hideDivider = void 0, this.href = void 0, this.interactive = !0, this.label = void 0, this.labelWeight = "medium", this.labelWrap = void 0, this.menuTriggerId = void 0, this.menuTriggerLabel = "Options", this.meta = void 0, this.selectable = void 0, this.swirlAriaLabel = void 0, this.value = void 0, this.hasMedia = !1, this.iconSize = 24;
|
|
304
349
|
}
|
|
305
350
|
componentWillLoad() {
|
|
@@ -309,63 +354,63 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
309
354
|
this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.makeControlUnfocusable(), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
|
|
310
355
|
}
|
|
311
356
|
disconnectedCallback() {
|
|
312
|
-
var
|
|
313
|
-
(
|
|
357
|
+
var t, e;
|
|
358
|
+
(e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler);
|
|
314
359
|
}
|
|
315
|
-
forceIconProps(
|
|
316
|
-
var
|
|
317
|
-
const
|
|
318
|
-
|
|
360
|
+
forceIconProps(t) {
|
|
361
|
+
var i;
|
|
362
|
+
const e = (i = this.iconEl) == null ? void 0 : i.children[0];
|
|
363
|
+
e == null || e.setAttribute("size", t ? "20" : "24");
|
|
319
364
|
}
|
|
320
|
-
updateIconSize(
|
|
321
|
-
this.iconSize =
|
|
365
|
+
updateIconSize(t) {
|
|
366
|
+
this.iconSize = t ? 20 : 24;
|
|
322
367
|
}
|
|
323
368
|
updateMediaState() {
|
|
324
|
-
const
|
|
325
|
-
|
|
369
|
+
const t = this.el.querySelector('[slot="media"]'), e = Boolean(t);
|
|
370
|
+
e !== this.hasMedia && (this.hasMedia = e);
|
|
326
371
|
}
|
|
327
372
|
getControl() {
|
|
328
373
|
return this.el.querySelector('[slot="control"] button');
|
|
329
374
|
}
|
|
330
375
|
makeControlFocusable() {
|
|
331
|
-
const
|
|
332
|
-
!Boolean(
|
|
376
|
+
const t = this.getControl();
|
|
377
|
+
!Boolean(t) || (t.tabIndex = 0);
|
|
333
378
|
}
|
|
334
379
|
makeControlUnfocusable() {
|
|
335
|
-
const
|
|
336
|
-
!Boolean(
|
|
380
|
+
const t = this.getControl();
|
|
381
|
+
!Boolean(t) || (t.tabIndex = -1);
|
|
337
382
|
}
|
|
338
383
|
render() {
|
|
339
|
-
var
|
|
340
|
-
const
|
|
341
|
-
paddingRight: `calc(${(
|
|
342
|
-
} : void 0, C =
|
|
384
|
+
var g;
|
|
385
|
+
const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), i = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), l = Boolean(this.menuTriggerId) || o, u = this.interactive && Boolean(this.href) ? this.href : void 0, b = o && (Boolean(this.meta) || i), s = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, m = (Boolean(this.meta) || i) && !this.selectable, w = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, k = this.selectable ? String(this.checked) : void 0, x = this.interactive && this.selectable ? "checkbox" : void 0, S = !m && Boolean(this.controlContainer) ? {
|
|
386
|
+
paddingRight: `calc(${(g = this.controlContainer) == null ? void 0 : g.getBoundingClientRect().width}px + var(--s-space-16))`
|
|
387
|
+
} : void 0, C = p("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
|
|
343
388
|
"resource-list-item--active": this.active,
|
|
344
389
|
"resource-list-item--checked": this.checked,
|
|
345
390
|
"resource-list-item--compact": this.compact,
|
|
346
391
|
"resource-list-item--disabled": this.disabled,
|
|
347
392
|
"resource-list-item--draggable": this.allowDrag,
|
|
348
393
|
"resource-list-item--dragging": this.dragging,
|
|
349
|
-
"resource-list-item--has-menu":
|
|
394
|
+
"resource-list-item--has-menu": l,
|
|
350
395
|
"resource-list-item--hide-divider": this.hideDivider,
|
|
351
396
|
"resource-list-item--interactive": this.interactive || this.selectable,
|
|
352
397
|
"resource-list-item--selectable": this.selectable,
|
|
353
|
-
"resource-list-item--show-control-on-focus":
|
|
398
|
+
"resource-list-item--show-control-on-focus": b,
|
|
354
399
|
"resource-list-item--show-meta": m,
|
|
355
400
|
"resource-list-item--wrap-description": this.descriptionWrap,
|
|
356
401
|
"resource-list-item--wrap-label": this.labelWrap
|
|
357
402
|
});
|
|
358
|
-
return
|
|
403
|
+
return a(d, { key: "a10409a38264aedcb984dbb18a3b117ee3a6fbf7", role: "row" }, a("div", { key: "bbb1141f8b853d4a28bfdf40ba4503b45c88947b", class: C, role: "gridcell" }, a(t, { key: "de393bac42fe13a6272aa6f6bfe9b058cd31f0b6", "aria-checked": k, "aria-disabled": e ? "true" : void 0, "aria-label": w, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: x, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "03713ae4710c72010a24a5df6e9e8401d3561fe4", class: "resource-list-item__media" }, a("slot", { key: "8521bc2441764bfe61afab1a9ad84cbf4cbbdf08", name: "media" })), a("span", { key: "55d6c99daf2e57b566c9c07662247ba1937c07bd", class: "resource-list-item__label-container", style: S }, a("span", { key: "64a7f44766a57ad491aa878422fdb08f82dba894", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "fd6d3c4540cd0d085092b992434efd234b68ee84", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), m && a("span", { key: "a5e92893c72ac723333257aa4f6e49c7d9316852", class: "resource-list-item__meta" }, a("span", { key: "4407cc4da70749c2e9abe19cf7058edc98d94e31", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "384d5a72dcd83555047d2c7ef27f9914ee6e33c7", class: "resource-list-item__badges" }, a("slot", { key: "fa000766ce367c8f9545aa8f7457335fd02b7d73", name: "badges" })))), this.selectable && a("span", { key: "0923c527c6044932af7a3c0293134e5bfd1c2eb9", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "d1b1250b6f7471fc0f893966eed15eeef3592af4", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "530934d130a9fba3dd99719cb647f53fa697ab42" }))), a("span", { key: "df5f1782f2126f554b4100420c5b9d45c5b8f793", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "3b0fa99132b3fba416547fb839b00a6ec0d75ed2", name: "control" })), s && a("swirl-popover-trigger", { key: "bfbc36084ae6871f821c437b52517e7f04e868f9", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "4b8f9bd6c5d6c14deccc80200af58378c2cf64e5", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "a9e8e50c27af4c053d814c29701cd8c61bd7f2c2", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "ff8879f00857f4efe09903c5ecc119d5474c1666", size: this.iconSize })));
|
|
359
404
|
}
|
|
360
405
|
get el() {
|
|
361
|
-
return
|
|
406
|
+
return c(this);
|
|
362
407
|
}
|
|
363
408
|
};
|
|
364
409
|
R.style = P;
|
|
365
410
|
export {
|
|
366
411
|
M as swirl_app_layout,
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
412
|
+
H as swirl_empty_state,
|
|
413
|
+
N as swirl_icon_folder_shared,
|
|
414
|
+
$ as swirl_resource_list,
|
|
370
415
|
R as swirl_resource_list_item
|
|
371
416
|
};
|