@getflip/swirl-components-react 0.235.0 → 0.236.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{file-manager.entry.5c0e073e.js → file-manager.entry.145a9775.js} +1 -1
- package/dist/{index.043aa423.js → index.fff64e3e.js} +441 -441
- package/dist/{swirl-accordion-item.entry.ca8f3fe0.js → swirl-accordion-item.entry.c00468fa.js} +1 -1
- package/dist/{swirl-accordion.entry.f0fa11ae.js → swirl-accordion.entry.ed609a49.js} +1 -1
- package/dist/{swirl-action-list-section.entry.7c9287cc.js → swirl-action-list-section.entry.70de231a.js} +1 -1
- package/dist/{swirl-action-list_3.entry.16282ead.js → swirl-action-list_3.entry.4dc34927.js} +1 -1
- package/dist/{swirl-app-bar.entry.d0ceb2cd.js → swirl-app-bar.entry.e49145d0.js} +1 -1
- package/dist/{swirl-app-icon.entry.70aa31c0.js → swirl-app-icon.entry.8b88ece3.js} +1 -1
- package/dist/{swirl-app-layout_5.entry.4ad2fccb.js → swirl-app-layout_5.entry.6181f108.js} +40 -35
- package/dist/{swirl-autocomplete.entry.b047def3.js → swirl-autocomplete.entry.c6accf9c.js} +1 -1
- package/dist/{swirl-avatar-group.entry.9ac634fd.js → swirl-avatar-group.entry.4d3e1b1b.js} +1 -1
- package/dist/{swirl-avatar.entry.731b71e2.js → swirl-avatar.entry.01ad439e.js} +1 -1
- package/dist/{swirl-badge.entry.6c8c597f.js → swirl-badge.entry.e1307ccb.js} +1 -1
- package/dist/{swirl-banner.entry.753ac404.js → swirl-banner.entry.e0992286.js} +1 -1
- package/dist/swirl-box.entry.49bb21d5.js +69 -0
- package/dist/{swirl-button-group.entry.582849fd.js → swirl-button-group.entry.cdbc4fea.js} +1 -1
- package/dist/{swirl-button.entry.1db68c13.js → swirl-button.entry.fbc5f491.js} +1 -1
- package/dist/{swirl-card.entry.5671c4ff.js → swirl-card.entry.308695bf.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.955d3b3c.js → swirl-carousel-slide.entry.4eaf9cb3.js} +1 -1
- package/dist/{swirl-carousel.entry.edbb6441.js → swirl-carousel.entry.49781ac9.js} +1 -1
- package/dist/{swirl-checkbox.entry.2868b7a8.js → swirl-checkbox.entry.3c549349.js} +1 -1
- package/dist/{swirl-chip.entry.435f1ab4.js → swirl-chip.entry.d5cd9ab6.js} +1 -1
- package/dist/{swirl-color-input.entry.02110ca4.js → swirl-color-input.entry.ed6e389e.js} +1 -1
- package/dist/{swirl-columns.entry.37c0861d.js → swirl-columns.entry.46607e11.js} +1 -1
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +41 -27
- package/dist/{swirl-console-layout.entry.792b8671.js → swirl-console-layout.entry.8bbfc2f6.js} +1 -1
- package/dist/{swirl-date-input.entry.65843450.js → swirl-date-input.entry.4a52060b.js} +1 -1
- package/dist/{swirl-date-picker_2.entry.4241e720.js → swirl-date-picker_2.entry.8a4e374f.js} +1 -1
- package/dist/{swirl-description-list-item.entry.f83a80e8.js → swirl-description-list-item.entry.d8c7d01d.js} +1 -1
- package/dist/{swirl-description-list.entry.93e58ffc.js → swirl-description-list.entry.c18b416a.js} +1 -1
- package/dist/{swirl-dialog.entry.af4c1b77.js → swirl-dialog.entry.66e90098.js} +1 -1
- package/dist/{swirl-emoji-clap.entry.bd255e5e.js → swirl-emoji-clap.entry.c41307e6.js} +1 -1
- package/dist/{swirl-emoji-happy.entry.603724e9.js → swirl-emoji-happy.entry.7bbd2cbd.js} +1 -1
- package/dist/{swirl-emoji-idea.entry.051a3a6d.js → swirl-emoji-idea.entry.d4561b6f.js} +1 -1
- package/dist/{swirl-emoji-love.entry.bf249dfa.js → swirl-emoji-love.entry.e5a8bacc.js} +1 -1
- package/dist/{swirl-emoji-sad.entry.0bb19aaf.js → swirl-emoji-sad.entry.f9aadaed.js} +1 -1
- package/dist/{swirl-emoji-thumbs-up.entry.14fde36b.js → swirl-emoji-thumbs-up.entry.0ed865f8.js} +1 -1
- package/dist/{swirl-emoji.entry.0980a9d0.js → swirl-emoji.entry.8d5c74a8.js} +1 -1
- package/dist/{swirl-file-uploader.entry.ba5c46cf.js → swirl-file-uploader.entry.66707465.js} +1 -1
- package/dist/{swirl-file-viewer_8.entry.2f74e3f7.js → swirl-file-viewer_8.entry.330ba6e0.js} +1 -1
- package/dist/{swirl-form-control.entry.ef16a5c8.js → swirl-form-control.entry.ce23b8e4.js} +1 -1
- package/dist/{swirl-form-group.entry.3531c339.js → swirl-form-group.entry.5dbca942.js} +1 -1
- package/dist/{swirl-heading.entry.90b2022e.js → swirl-heading.entry.e3ee315e.js} +1 -1
- package/dist/{swirl-icon-add-moderator.entry.24a05d69.js → swirl-icon-add-moderator.entry.99351d59.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.222a01d7.js → swirl-icon-add-photo.entry.5b6d394c.js} +1 -1
- package/dist/{swirl-icon-add-reaction.entry.dc5a7f97.js → swirl-icon-add-reaction.entry.83dc9b16.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.1204cf73.js → swirl-icon-add_6.entry.886dc921.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.39f92703.js → swirl-icon-admin-panel-settings.entry.34c5278c.js} +1 -1
- package/dist/{swirl-icon-ai.entry.0ea4d0e2.js → swirl-icon-ai.entry.b9525476.js} +1 -1
- package/dist/{swirl-icon-apps.entry.2587422a.js → swirl-icon-apps.entry.92cb59f9.js} +1 -1
- package/dist/{swirl-icon-arrow-back_5.entry.510f8749.js → swirl-icon-arrow-back_5.entry.893b8e8e.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.e24b2cd4.js → swirl-icon-arrow-downward_2.entry.0d66a2b6.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.79126f8b.js → swirl-icon-arrow-left_4.entry.741e77e5.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.4d5d65e1.js → swirl-icon-arrow-right-small.entry.2c560279.js} +1 -1
- package/dist/{swirl-icon-aspect-ratio.entry.41c02f26.js → swirl-icon-aspect-ratio.entry.616833fb.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.37f95713.js → swirl-icon-attachment.entry.8312557d.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.575edfb7.js → swirl-icon-bar-chart.entry.f42a764f.js} +1 -1
- package/dist/{swirl-icon-block.entry.e1937394.js → swirl-icon-block.entry.141368f9.js} +1 -1
- package/dist/{swirl-icon-bookmark-filled.entry.8fe74fe2.js → swirl-icon-bookmark-filled.entry.a4f98e8d.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.b70d294e.js → swirl-icon-bookmark.entry.f8616ee9.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.bba5dbac.js → swirl-icon-cancel_4.entry.cc6a219f.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.1329ce8b.js → swirl-icon-chat-bubble.entry.97c6f5b2.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.5bd6416f.js → swirl-icon-chats-filled.entry.b6202c2b.js} +1 -1
- package/dist/{swirl-icon-chats.entry.cb486d7c.js → swirl-icon-chats.entry.eb80822f.js} +1 -1
- package/dist/{swirl-icon-check-circle_2.entry.406a28a9.js → swirl-icon-check-circle_2.entry.79fe8363.js} +1 -1
- package/dist/{swirl-icon-check-small_3.entry.cbaa92ca.js → swirl-icon-check-small_3.entry.e5cd1cd6.js} +1 -1
- package/dist/{swirl-icon-check-strong.entry.5b552c8c.js → swirl-icon-check-strong.entry.c147a289.js} +1 -1
- package/dist/{swirl-icon-check.entry.1241b433.js → swirl-icon-check.entry.87e1ee47.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.8e43af57.js → swirl-icon-chevron-left.entry.258ad1b8.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.72fba0e2.js → swirl-icon-chevron-right.entry.e03cd25c.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.5406aa03.js → swirl-icon-close-small.entry.7981ebcf.js} +1 -1
- package/dist/{swirl-icon-close.entry.4ecfdf9d.js → swirl-icon-close.entry.647865c6.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.1a6b8b01.js → swirl-icon-cloud-upload.entry.46705109.js} +1 -1
- package/dist/{swirl-icon-column.entry.05c00d49.js → swirl-icon-column.entry.6acbb2c6.js} +1 -1
- package/dist/{swirl-icon-comment.entry.71b73976.js → swirl-icon-comment.entry.28d409f1.js} +1 -1
- package/dist/{swirl-icon-copy.entry.dac6fe75.js → swirl-icon-copy.entry.28b6c197.js} +1 -1
- package/dist/{swirl-icon-crop.entry.77c5ccc4.js → swirl-icon-crop.entry.ea45f21c.js} +1 -1
- package/dist/{swirl-icon-dark-mode.entry.ef156b20.js → swirl-icon-dark-mode.entry.8d3081b7.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.e6097cca.js → swirl-icon-date-range.entry.56ef69b3.js} +1 -1
- package/dist/{swirl-icon-delete.entry.483506cd.js → swirl-icon-delete.entry.84f36e77.js} +1 -1
- package/dist/{swirl-icon-description.entry.43f449c9.js → swirl-icon-description.entry.2583ad7f.js} +1 -1
- package/dist/{swirl-icon-desktop.entry.d0ce1545.js → swirl-icon-desktop.entry.9f516096.js} +1 -1
- package/dist/{swirl-icon-directory-filled.entry.d869916b.js → swirl-icon-directory-filled.entry.243243d6.js} +1 -1
- package/dist/{swirl-icon-directory.entry.e18477bf.js → swirl-icon-directory.entry.d0b41605.js} +1 -1
- package/dist/{swirl-icon-discover.entry.cb350c1f.js → swirl-icon-discover.entry.0c6edafe.js} +1 -1
- package/dist/{swirl-icon-dock-left.entry.49d25783.js → swirl-icon-dock-left.entry.7a737800.js} +1 -1
- package/dist/{swirl-icon-dot.entry.f9dbf5f2.js → swirl-icon-dot.entry.563ece3f.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.2f58fe3e.js → swirl-icon-double-arrow-right.entry.39a1e3d8.js} +1 -1
- package/dist/{swirl-icon-download.entry.180869b2.js → swirl-icon-download.entry.4dbaa9dc.js} +1 -1
- package/dist/{swirl-icon-edit.entry.9a3a748c.js → swirl-icon-edit.entry.371c0bd5.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.310338cf.js → swirl-icon-emoji-mood.entry.022ee987.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.bf15347b.js → swirl-icon-emoji-satisfied.entry.ec8c7f25.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.a7ecec9c.js → swirl-icon-error_3.entry.88e4c508.js} +1 -1
- package/dist/{swirl-icon-expand-more.entry.dfed8947.js → swirl-icon-expand-more.entry.dd7fdd41.js} +1 -1
- package/dist/{swirl-icon-experiment.entry.ae93a14c.js → swirl-icon-experiment.entry.35bbd819.js} +1 -1
- package/dist/{swirl-icon-file.entry.f4e3d58b.js → swirl-icon-file.entry.b9988749.js} +1 -1
- package/dist/{swirl-icon-filter.entry.4f9ec00c.js → swirl-icon-filter.entry.81189939.js} +1 -1
- package/dist/{swirl-icon-folder.entry.66bfdc81.js → swirl-icon-folder.entry.06913ad2.js} +1 -1
- package/dist/{swirl-icon-format-h-one.entry.95acdf87.js → swirl-icon-format-h-one.entry.fb69dde1.js} +1 -1
- package/dist/{swirl-icon-gif.entry.1268ed3b.js → swirl-icon-gif.entry.2c916091.js} +1 -1
- package/dist/{swirl-icon-group-add.entry.22ae3f15.js → swirl-icon-group-add.entry.fe9e6d4a.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.b986c6d6.js → swirl-icon-group-assign.entry.51804ec0.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.17f6592a.js → swirl-icon-groups-filled.entry.49fcaa34.js} +1 -1
- package/dist/{swirl-icon-groups.entry.613f876c.js → swirl-icon-groups.entry.9422d884.js} +1 -1
- package/dist/{swirl-icon-hamburger-menu.entry.7726df29.js → swirl-icon-hamburger-menu.entry.675597e2.js} +1 -1
- package/dist/{swirl-icon-help.entry.1b4e6668.js → swirl-icon-help.entry.c42f5d66.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.b0af303b.js → swirl-icon-highlight.entry.ff0e88ce.js} +1 -1
- package/dist/{swirl-icon-history.entry.63b6fc51.js → swirl-icon-history.entry.cdcf7d68.js} +1 -1
- package/dist/{swirl-icon-home.entry.85439e43.js → swirl-icon-home.entry.b0c68afd.js} +1 -1
- package/dist/{swirl-icon-image.entry.d48ccea1.js → swirl-icon-image.entry.70c6e961.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.3d8f0952.js → swirl-icon-improve-text.entry.39ccd49c.js} +1 -1
- package/dist/{swirl-icon-info.entry.c0c03805.js → swirl-icon-info.entry.7aeb5f20.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.7aba6979.js → swirl-icon-insert-below.entry.0d9325c5.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.b7154d48.js → swirl-icon-insert-on-top.entry.f24acb8e.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.d012d2c9.js → swirl-icon-inventory.entry.d5e897c8.js} +1 -1
- package/dist/{swirl-icon-keyboard-hide.entry.5ca74fd1.js → swirl-icon-keyboard-hide.entry.b26f888c.js} +1 -1
- package/dist/{swirl-icon-keyboard.entry.802bcd32.js → swirl-icon-keyboard.entry.49f438f6.js} +1 -1
- package/dist/{swirl-icon-light-mode.entry.584fc22b.js → swirl-icon-light-mode.entry.47f210be.js} +1 -1
- package/dist/{swirl-icon-like.entry.8ef7ff0d.js → swirl-icon-like.entry.f4c00b93.js} +1 -1
- package/dist/{swirl-icon-link.entry.b7a4ee01.js → swirl-icon-link.entry.70f18f59.js} +1 -1
- package/dist/{swirl-icon-live.entry.8ba3a21b.js → swirl-icon-live.entry.30c05175.js} +1 -1
- package/dist/{swirl-icon-load.entry.9cd83cd1.js → swirl-icon-load.entry.4a0a799b.js} +1 -1
- package/dist/{swirl-icon-lock-open.entry.e9a8a72e.js → swirl-icon-lock-open.entry.fbd294ab.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.0eb7e50f.js → swirl-icon-lock-person.entry.e9694c4e.js} +1 -1
- package/dist/{swirl-icon-lock.entry.657d7932.js → swirl-icon-lock.entry.da8f6e45.js} +1 -1
- package/dist/{swirl-icon-login.entry.a576ec4e.js → swirl-icon-login.entry.617d992f.js} +1 -1
- package/dist/{swirl-icon-logout.entry.4cc88156.js → swirl-icon-logout.entry.f9306b17.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.e6ea2b49.js → swirl-icon-long-text.entry.30a13936.js} +1 -1
- package/dist/{swirl-icon-mail.entry.38b87f7c.js → swirl-icon-mail.entry.682ad7f9.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.1c8e9154.js → swirl-icon-manage-accounts.entry.e8576229.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.940f010b.js → swirl-icon-mark-chat-read.entry.9274da7c.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.6ec10b1e.js → swirl-icon-mark-chat-unread.entry.3d0ab507.js} +1 -1
- package/dist/{swirl-icon-mention.entry.ba765fda.js → swirl-icon-mention.entry.a69903c9.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.9f161178.js → swirl-icon-menu-filled.entry.f237182d.js} +1 -1
- package/dist/{swirl-icon-menu.entry.9fc4b4f9.js → swirl-icon-menu.entry.5b300e6b.js} +1 -1
- package/dist/{swirl-icon-message.entry.d90c986a.js → swirl-icon-message.entry.948c8c8f.js} +1 -1
- package/dist/{swirl-icon-mic-off.entry.4a20a1b0.js → swirl-icon-mic-off.entry.b547cc08.js} +1 -1
- package/dist/{swirl-icon-mic.entry.2b723941.js → swirl-icon-mic.entry.c6e56e22.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.fac28414.js → swirl-icon-more-horizontal.entry.e7008c6d.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.c254c7da.js → swirl-icon-news-filled.entry.13123ca7.js} +1 -1
- package/dist/{swirl-icon-news-off.entry.06a34715.js → swirl-icon-news-off.entry.830aa213.js} +1 -1
- package/dist/{swirl-icon-news.entry.08c4ce9d.js → swirl-icon-news.entry.25c42052.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.75f9c09e.js → swirl-icon-notifications-active.entry.e310313b.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.727f0258.js → swirl-icon-notifications-off.entry.d9f76d87.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.f1cbc053.js → swirl-icon-notifications.entry.d58430c4.js} +1 -1
- package/dist/{swirl-icon-open-in-full.entry.6f3c6abf.js → swirl-icon-open-in-full.entry.1a9e13b4.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.9c642be6.js → swirl-icon-open-in-new.entry.c45f51cf.js} +1 -1
- package/dist/{swirl-icon-pause-circle.entry.8b7f2a28.js → swirl-icon-pause-circle.entry.42c27e20.js} +1 -1
- package/dist/{swirl-icon-pause.entry.6e1c2c1e.js → swirl-icon-pause.entry.75c5cc58.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.9e508044.js → swirl-icon-people-alt.entry.878d10f0.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.b12cdbd4.js → swirl-icon-person-off.entry.b0fed6e8.js} +1 -1
- package/dist/{swirl-icon-person.entry.846044bf.js → swirl-icon-person.entry.8ee3d3d6.js} +1 -1
- package/dist/{swirl-icon-phone.entry.0969adba.js → swirl-icon-phone.entry.febc1ca9.js} +1 -1
- package/dist/{swirl-icon-photo-camera.entry.a2c08e5e.js → swirl-icon-photo-camera.entry.d70d87df.js} +1 -1
- package/dist/{swirl-icon-pin-off.entry.51757377.js → swirl-icon-pin-off.entry.3d8e84d4.js} +1 -1
- package/dist/{swirl-icon-pin.entry.6a82800b.js → swirl-icon-pin.entry.1c27fd6b.js} +1 -1
- package/dist/{swirl-icon-place.entry.4bf66e64.js → swirl-icon-place.entry.25a8f86a.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.3d3b0afb.js → swirl-icon-play-arrow.entry.94cc4e70.js} +1 -1
- package/dist/{swirl-icon-poll.entry.3b5025f6.js → swirl-icon-poll.entry.4f76a1e3.js} +1 -1
- package/dist/{swirl-icon-present.entry.b6d4c972.js → swirl-icon-present.entry.efc3ba06.js} +1 -1
- package/dist/{swirl-icon-print.entry.048eb647.js → swirl-icon-print.entry.12c51bee.js} +1 -1
- package/dist/{swirl-icon-public-off.entry.10a063b6.js → swirl-icon-public-off.entry.eade8480.js} +1 -1
- package/dist/{swirl-icon-public.entry.fc9abf66.js → swirl-icon-public.entry.c6c3098f.js} +1 -1
- package/dist/{swirl-icon-ratio-four-to-three.entry.f23344c5.js → swirl-icon-ratio-four-to-three.entry.a8ccd914.js} +1 -1
- package/dist/{swirl-icon-ratio-freeform.entry.df1d83f8.js → swirl-icon-ratio-freeform.entry.33cebaf2.js} +1 -1
- package/dist/{swirl-icon-ratio-sixteen-to-nine.entry.b3a179ae.js → swirl-icon-ratio-sixteen-to-nine.entry.caab32d7.js} +1 -1
- package/dist/{swirl-icon-ratio-square.entry.761afb54.js → swirl-icon-ratio-square.entry.d5ae516e.js} +1 -1
- package/dist/{swirl-icon-ratio-three-to-four.entry.9f7a1958.js → swirl-icon-ratio-three-to-four.entry.75f6f39c.js} +1 -1
- package/dist/{swirl-icon-ratio-three-to-two.entry.f2d355bb.js → swirl-icon-ratio-three-to-two.entry.6c003e64.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.732919cb.js → swirl-icon-recieved.entry.496fc7cd.js} +1 -1
- package/dist/{swirl-icon-remove-circle.entry.cb219cc5.js → swirl-icon-remove-circle.entry.09dca4a5.js} +1 -1
- package/dist/{swirl-icon-remove-moderator.entry.f5170906.js → swirl-icon-remove-moderator.entry.58fbc17b.js} +1 -1
- package/dist/{swirl-icon-reply.entry.2ca3e94c.js → swirl-icon-reply.entry.2b4ff44e.js} +1 -1
- package/dist/{swirl-icon-report.entry.c147c10e.js → swirl-icon-report.entry.24422a6e.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.ea883f17.js → swirl-icon-roadmap.entry.0e72eb75.js} +1 -1
- package/dist/{swirl-icon-rotate-left.entry.569c3e4d.js → swirl-icon-rotate-left.entry.8585b27a.js} +1 -1
- package/dist/{swirl-icon-rotate-right.entry.57b3f35b.js → swirl-icon-rotate-right.entry.cd270865.js} +1 -1
- package/dist/{swirl-icon-screenshare-off.entry.458cd61e.js → swirl-icon-screenshare-off.entry.012dc578.js} +1 -1
- package/dist/{swirl-icon-screenshare.entry.55277f82.js → swirl-icon-screenshare.entry.d53fe747.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.97d29ed4.js → swirl-icon-search-strong.entry.3605e896.js} +1 -1
- package/dist/{swirl-icon-search.entry.183e63c5.js → swirl-icon-search.entry.12772858.js} +1 -1
- package/dist/{swirl-icon-secure.entry.d3b29fcb.js → swirl-icon-secure.entry.2efaf262.js} +1 -1
- package/dist/{swirl-icon-send.entry.919d583e.js → swirl-icon-send.entry.6408bb8e.js} +1 -1
- package/dist/{swirl-icon-settings.entry.6cae8739.js → swirl-icon-settings.entry.755a176d.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.404f4dfc.js → swirl-icon-short-text.entry.5c2e2736.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.5850dca3.js → swirl-icon-simplify.entry.b142927f.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.7058ac55.js → swirl-icon-spellcheck.entry.03c961d1.js} +1 -1
- package/dist/{swirl-icon-stop.entry.af5873c9.js → swirl-icon-stop.entry.116c1edf.js} +1 -1
- package/dist/{swirl-icon-sync.entry.268f0efb.js → swirl-icon-sync.entry.f088cca7.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.9b54c461.js → swirl-icon-tasks-filled.entry.d9647376.js} +1 -1
- package/dist/{swirl-icon-tasks.entry.898b7114.js → swirl-icon-tasks.entry.96cb17b3.js} +1 -1
- package/dist/{swirl-icon-terminal.entry.9e4feb65.js → swirl-icon-terminal.entry.7c536c7a.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.f60fc103.js → swirl-icon-time-filled.entry.7b8e1cc6.js} +1 -1
- package/dist/{swirl-icon-time.entry.c0dc01aa.js → swirl-icon-time.entry.753d3840.js} +1 -1
- package/dist/{swirl-icon-today-filled.entry.f5e1400a.js → swirl-icon-today-filled.entry.1544cfe2.js} +1 -1
- package/dist/{swirl-icon-translate.entry.ac467d88.js → swirl-icon-translate.entry.a8fca882.js} +1 -1
- package/dist/{swirl-icon-tree-structure.entry.f7b107f0.js → swirl-icon-tree-structure.entry.00569bcb.js} +1 -1
- package/dist/{swirl-icon-undo.entry.7e4728ea.js → swirl-icon-undo.entry.9835bc5d.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.acd0355d.js → swirl-icon-unlock-person.entry.6bf163c1.js} +1 -1
- package/dist/{swirl-icon-user-add.entry.b2b805ba.js → swirl-icon-user-add.entry.ebb7aca5.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.3c1abd79.js → swirl-icon-user-assign.entry.340f5210.js} +1 -1
- package/dist/{swirl-icon-video-camera-off.entry.de3e263a.js → swirl-icon-video-camera-off.entry.7a7c33e1.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.0926b4d4.js → swirl-icon-video-camera.entry.ca49d076.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.03ce4b2d.js → swirl-icon-video-library.entry.184096e4.js} +1 -1
- package/dist/{swirl-icon-video-player.entry.3ab16c76.js → swirl-icon-video-player.entry.2e87243e.js} +1 -1
- package/dist/{swirl-icon-voice.entry.1cfcf3cf.js → swirl-icon-voice.entry.4689396b.js} +1 -1
- package/dist/{swirl-icon-web-asset-off.entry.3825d699.js → swirl-icon-web-asset-off.entry.caae4a2d.js} +1 -1
- package/dist/{swirl-icon-web-asset.entry.b1bf75fc.js → swirl-icon-web-asset.entry.d8f0830e.js} +1 -1
- package/dist/{swirl-icon-work.entry.0e0487df.js → swirl-icon-work.entry.2e0dbbc4.js} +1 -1
- package/dist/{swirl-icon.entry.2d4183c3.js → swirl-icon.entry.fa7155cc.js} +1 -1
- package/dist/{swirl-image-grid-item.entry.469c83d3.js → swirl-image-grid-item.entry.0e023b46.js} +1 -1
- package/dist/{swirl-image-grid.entry.e9caf533.js → swirl-image-grid.entry.3e3be557.js} +1 -1
- package/dist/{swirl-inline-notification.entry.cabeae08.js → swirl-inline-notification.entry.26a57751.js} +1 -1
- package/dist/{swirl-inline-status.entry.e96f8a31.js → swirl-inline-status.entry.c7a9f1a8.js} +1 -1
- package/dist/{swirl-lightbox.entry.0c4b17cf.js → swirl-lightbox.entry.bee15351.js} +1 -1
- package/dist/{swirl-link.entry.6e837b51.js → swirl-link.entry.bbdb2c20.js} +1 -1
- package/dist/{swirl-list.entry.7ee5b064.js → swirl-list.entry.5245886c.js} +1 -1
- package/dist/{swirl-menu-item.entry.fbf7b6b8.js → swirl-menu-item.entry.246c30a4.js} +1 -1
- package/dist/{swirl-menu.entry.98a296f2.js → swirl-menu.entry.8c033d30.js} +1 -1
- package/dist/{swirl-modal.entry.80dd3646.js → swirl-modal.entry.005b18dc.js} +1 -1
- package/dist/{swirl-option-list-section.entry.00196e89.js → swirl-option-list-section.entry.54517b45.js} +1 -1
- package/dist/{swirl-option-list_2.entry.416ec7c1.js → swirl-option-list_2.entry.da22cce5.js} +1 -1
- package/dist/{swirl-pagination.entry.83fe606b.js → swirl-pagination.entry.d5e7578d.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.2477c9c8.js → swirl-pdf-reader.entry.c1e31deb.js} +1 -1
- package/dist/{swirl-popover_2.entry.1047b5c0.js → swirl-popover_2.entry.a317f8e4.js} +1 -1
- package/dist/{swirl-progress-indicator.entry.e7947d21.js → swirl-progress-indicator.entry.2416f7dd.js} +1 -1
- package/dist/{swirl-radio-group.entry.d96d7b5a.js → swirl-radio-group.entry.1f2667d5.js} +1 -1
- package/dist/{swirl-radio.entry.4f3f46f5.js → swirl-radio.entry.6cc77af0.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.dba6bedf.js → swirl-resource-list-file-item.entry.59dc9344.js} +1 -1
- package/dist/{swirl-search.entry.bb07015e.js → swirl-search.entry.3c247657.js} +1 -1
- package/dist/{swirl-select.entry.d1d76ffc.js → swirl-select.entry.c2a021b2.js} +7 -7
- package/dist/{swirl-shell-layout.entry.ab9b0256.js → swirl-shell-layout.entry.884f9720.js} +33 -33
- package/dist/{swirl-shell-navigation-item.entry.91385261.js → swirl-shell-navigation-item.entry.bb945fe4.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.498fe31e.js → swirl-skeleton-box.entry.ce106d9a.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.c379534c.js → swirl-skeleton-text.entry.1c031577.js} +1 -1
- package/dist/{swirl-stack.entry.1ce84994.js → swirl-stack.entry.09d3b604.js} +1 -1
- package/dist/{swirl-status-indicator.entry.d5dd6398.js → swirl-status-indicator.entry.88eb3128.js} +1 -1
- package/dist/{swirl-switch.entry.87f70096.js → swirl-switch.entry.5f96e70e.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.2564181f.js → swirl-symbol-account-circle.entry.aaf4e06e.js} +1 -1
- package/dist/{swirl-symbol-alternate-email.entry.6bd2ef43.js → swirl-symbol-alternate-email.entry.0e19ea88.js} +1 -1
- package/dist/{swirl-symbol-android.entry.ec3954d1.js → swirl-symbol-android.entry.52cdd9df.js} +1 -1
- package/dist/{swirl-symbol-announcement.entry.9fa1143c.js → swirl-symbol-announcement.entry.e104d9ab.js} +1 -1
- package/dist/{swirl-symbol-backup.entry.07e71272.js → swirl-symbol-backup.entry.29b97117.js} +1 -1
- package/dist/{swirl-symbol-beach-access.entry.3fb36fb2.js → swirl-symbol-beach-access.entry.72d03a8f.js} +1 -1
- package/dist/{swirl-symbol-bookmark.entry.8cf5dae8.js → swirl-symbol-bookmark.entry.1b51d89e.js} +1 -1
- package/dist/{swirl-symbol-cloud.entry.559faca9.js → swirl-symbol-cloud.entry.a84b4ac7.js} +1 -1
- package/dist/{swirl-symbol-coronavirus.entry.dd21eb03.js → swirl-symbol-coronavirus.entry.7fec7457.js} +1 -1
- package/dist/{swirl-symbol-desktop-windows.entry.cb6b6ca1.js → swirl-symbol-desktop-windows.entry.3bfc1b9b.js} +1 -1
- package/dist/{swirl-symbol-directions-car-filled.entry.ed7322a2.js → swirl-symbol-directions-car-filled.entry.574ff858.js} +1 -1
- package/dist/{swirl-symbol-edit-calendar.entry.507c474a.js → swirl-symbol-edit-calendar.entry.1b378faf.js} +1 -1
- package/dist/{swirl-symbol-email.entry.602098a5.js → swirl-symbol-email.entry.4ce9e56f.js} +1 -1
- package/dist/{swirl-symbol-emoji-food-beverage.entry.55f66bd7.js → swirl-symbol-emoji-food-beverage.entry.c8af00ed.js} +1 -1
- package/dist/{swirl-symbol-event-menu.entry.1c86fdc4.js → swirl-symbol-event-menu.entry.e0a1e55c.js} +1 -1
- package/dist/{swirl-symbol-facebook.entry.28d0afd1.js → swirl-symbol-facebook.entry.b8d6ef55.js} +1 -1
- package/dist/{swirl-symbol-favorite.entry.618b8a57.js → swirl-symbol-favorite.entry.19c202b7.js} +1 -1
- package/dist/{swirl-symbol-fitness-center.entry.e61d129b.js → swirl-symbol-fitness-center.entry.6e3357f7.js} +1 -1
- package/dist/{swirl-symbol-flag.entry.66d167cc.js → swirl-symbol-flag.entry.d4b1e4c6.js} +1 -1
- package/dist/{swirl-symbol-folder.entry.af0b0b28.js → swirl-symbol-folder.entry.3f45af19.js} +1 -1
- package/dist/{swirl-symbol-globe.entry.63c9cf76.js → swirl-symbol-globe.entry.bca24661.js} +1 -1
- package/dist/{swirl-symbol-groups.entry.9d97830c.js → swirl-symbol-groups.entry.d9d00f93.js} +1 -1
- package/dist/{swirl-symbol-help.entry.f5edb3c7.js → swirl-symbol-help.entry.eb93e815.js} +1 -1
- package/dist/{swirl-symbol-image.entry.9b6ea4b7.js → swirl-symbol-image.entry.b57cef50.js} +1 -1
- package/dist/{swirl-symbol-info-menu.entry.8481868d.js → swirl-symbol-info-menu.entry.04504ce4.js} +1 -1
- package/dist/{swirl-symbol-instagram.entry.9425cc8d.js → swirl-symbol-instagram.entry.7161e14a.js} +1 -1
- package/dist/{swirl-symbol-ios.entry.7693d21a.js → swirl-symbol-ios.entry.1be1cd7a.js} +1 -1
- package/dist/{swirl-symbol-language.entry.c316a701.js → swirl-symbol-language.entry.9c58df06.js} +1 -1
- package/dist/{swirl-symbol-leaderboard.entry.f95ddceb.js → swirl-symbol-leaderboard.entry.d398b608.js} +1 -1
- package/dist/{swirl-symbol-lightbulb.entry.d1bd230a.js → swirl-symbol-lightbulb.entry.79397893.js} +1 -1
- package/dist/{swirl-symbol-linkedin.entry.593f6385.js → swirl-symbol-linkedin.entry.a2705b98.js} +1 -1
- package/dist/{swirl-symbol-location-on.entry.88d441ab.js → swirl-symbol-location-on.entry.d56ecbd6.js} +1 -1
- package/dist/{swirl-symbol-loyalty.entry.680d0a60.js → swirl-symbol-loyalty.entry.89789554.js} +1 -1
- package/dist/{swirl-symbol-maps-home-work.entry.bd294f43.js → swirl-symbol-maps-home-work.entry.c0735e9a.js} +1 -1
- package/dist/{swirl-symbol-notifications.entry.7a849946.js → swirl-symbol-notifications.entry.f6077417.js} +1 -1
- package/dist/{swirl-symbol-open-in-new.entry.1ac0fa61.js → swirl-symbol-open-in-new.entry.6b612add.js} +1 -1
- package/dist/{swirl-symbol-pedal-bike.entry.4c7c1136.js → swirl-symbol-pedal-bike.entry.4f24a6da.js} +1 -1
- package/dist/{swirl-symbol-pinterest.entry.5218a81e.js → swirl-symbol-pinterest.entry.aea6b21e.js} +1 -1
- package/dist/{swirl-symbol-policy.entry.9dc6d365.js → swirl-symbol-policy.entry.167aad9d.js} +1 -1
- package/dist/{swirl-symbol-push-pin.entry.bc0903c1.js → swirl-symbol-push-pin.entry.51b903a8.js} +1 -1
- package/dist/{swirl-symbol-redeem.entry.46ad87c9.js → swirl-symbol-redeem.entry.a52b6ac5.js} +1 -1
- package/dist/{swirl-symbol-report-problem.entry.6eb33216.js → swirl-symbol-report-problem.entry.79bab7c9.js} +1 -1
- package/dist/{swirl-symbol-restaurant.entry.030ca04f.js → swirl-symbol-restaurant.entry.624ca880.js} +1 -1
- package/dist/{swirl-symbol-roadmap.entry.49ec4a7b.js → swirl-symbol-roadmap.entry.3d413af6.js} +1 -1
- package/dist/{swirl-symbol-room.entry.21d08496.js → swirl-symbol-room.entry.2e200796.js} +1 -1
- package/dist/{swirl-symbol-savings.entry.bf35ba7a.js → swirl-symbol-savings.entry.e9b3b72f.js} +1 -1
- package/dist/{swirl-symbol-settings-voice.entry.f664a319.js → swirl-symbol-settings-voice.entry.ee9c531a.js} +1 -1
- package/dist/{swirl-symbol-shopping-cart.entry.b151c805.js → swirl-symbol-shopping-cart.entry.5d2101b5.js} +1 -1
- package/dist/{swirl-symbol-smartphone.entry.40febd83.js → swirl-symbol-smartphone.entry.4470b765.js} +1 -1
- package/dist/{swirl-symbol-star.entry.60f17a53.js → swirl-symbol-star.entry.ca900b6a.js} +1 -1
- package/dist/{swirl-symbol-supervisor-account.entry.bc055055.js → swirl-symbol-supervisor-account.entry.1e8f07b0.js} +1 -1
- package/dist/{swirl-symbol-thumbs-up-down.entry.90343d82.js → swirl-symbol-thumbs-up-down.entry.31e4a367.js} +1 -1
- package/dist/{swirl-symbol-twitter.entry.dfb74e2f.js → swirl-symbol-twitter.entry.547d19b9.js} +1 -1
- package/dist/{swirl-symbol-wb-sunny.entry.c07a99c2.js → swirl-symbol-wb-sunny.entry.3d1781ef.js} +1 -1
- package/dist/{swirl-symbol-wechat.entry.87d7c219.js → swirl-symbol-wechat.entry.14681681.js} +1 -1
- package/dist/{swirl-symbol-weibo.entry.f9e504f0.js → swirl-symbol-weibo.entry.6e36c6d9.js} +1 -1
- package/dist/{swirl-symbol-work.entry.6d6d8380.js → swirl-symbol-work.entry.5497f517.js} +1 -1
- package/dist/{swirl-symbol-xing.entry.1c0e862f.js → swirl-symbol-xing.entry.1641c026.js} +1 -1
- package/dist/{swirl-symbol-youtube.entry.2329d632.js → swirl-symbol-youtube.entry.144e39ce.js} +1 -1
- package/dist/{swirl-symbol.entry.05da8c2a.js → swirl-symbol.entry.f9b4a0e7.js} +1 -1
- package/dist/{swirl-tab-bar.entry.104496b7.js → swirl-tab-bar.entry.2740f745.js} +1 -1
- package/dist/{swirl-tab.entry.8380f462.js → swirl-tab.entry.6d824160.js} +1 -1
- package/dist/{swirl-table-cell.entry.4aa102ca.js → swirl-table-cell.entry.4ac93fc9.js} +1 -1
- package/dist/{swirl-table-column.entry.e6ded876.js → swirl-table-column.entry.73fad2ad.js} +1 -1
- package/dist/{swirl-table-row-group.entry.e9498e24.js → swirl-table-row-group.entry.51735e45.js} +1 -1
- package/dist/{swirl-table-row.entry.81c7fc0f.js → swirl-table-row.entry.f56ca0bd.js} +1 -1
- package/dist/{swirl-table.entry.9cd9bb38.js → swirl-table.entry.2ac3235b.js} +1 -1
- package/dist/{swirl-tabs.entry.5ea281a3.js → swirl-tabs.entry.757933ec.js} +1 -1
- package/dist/{swirl-text-input.entry.f17c93ea.js → swirl-text-input.entry.facf34cd.js} +1 -1
- package/dist/{swirl-text.entry.9af0410f.js → swirl-text.entry.9f2f9aa3.js} +1 -1
- package/dist/{swirl-theme-provider.entry.2063526f.js → swirl-theme-provider.entry.17937f5a.js} +1 -1
- package/dist/{swirl-time-input.entry.ee7ae2ce.js → swirl-time-input.entry.843ff43d.js} +1 -1
- package/dist/{swirl-toast-provider.entry.2c031b23.js → swirl-toast-provider.entry.b5c23f36.js} +1 -1
- package/dist/{swirl-toast.entry.f1a3634c.js → swirl-toast.entry.e230584c.js} +1 -1
- package/dist/{swirl-toolbar.entry.c782da37.js → swirl-toolbar.entry.f5326605.js} +1 -1
- package/dist/{swirl-tooltip.entry.5125ccf6.js → swirl-tooltip.entry.bc2ddc83.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.22967473.js → swirl-tree-navigation-item.entry.201de123.js} +1 -1
- package/dist/{swirl-tree-view-item.entry.a0ddbbe6.js → swirl-tree-view-item.entry.cebbf2c8.js} +1 -1
- package/dist/{swirl-tree-view.entry.f8587594.js → swirl-tree-view.entry.50ce2210.js} +8 -8
- package/dist/{swirl-video-thumbnail.entry.1385a158.js → swirl-video-thumbnail.entry.e41c137d.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.bb02b457.js → swirl-visually-hidden.entry.5c7ac817.js} +1 -1
- package/dist/{wc-datepicker.entry.f55cc54a.js → wc-datepicker.entry.ce1fe390.js} +1 -1
- package/package.json +2 -2
- package/dist/swirl-box.entry.e631154e.js +0 -54
package/dist/{swirl-accordion-item.entry.ca8f3fe0.js → swirl-accordion-item.entry.c00468fa.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, c as d, h as e, H as n, g as s } from "./index.
|
|
1
|
+
import { r as t, c as d, h as e, H as n, g as s } from "./index.fff64e3e.js";
|
|
2
2
|
import { c as r } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { v as o } from "./v4-23648a96.77c7c20f.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, c as i, h as o, H as a, g as c } from "./index.
|
|
1
|
+
import { r as s, c as i, h as o, H as a, g as c } from "./index.fff64e3e.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = l, d = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as i, h as e, H as a } from "./index.
|
|
1
|
+
import { r as i, h as e, H as a } from "./index.fff64e3e.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const s = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = s, c = class {
|
package/dist/{swirl-action-list_3.entry.16282ead.js → swirl-action-list_3.entry.4dc34927.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, h as o, H as r, g as c } from "./index.
|
|
1
|
+
import { r as n, h as o, H as r, g as c } from "./index.fff64e3e.js";
|
|
2
2
|
import { q as h, b as f, g as p } from "./utils-c16952ba.529dd544.js";
|
|
3
3
|
import { c as d } from "./index-267776a4.6beb4f4b.js";
|
|
4
4
|
import "react";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { c as
|
|
3
|
-
import { i as
|
|
1
|
+
import { r as l, c as s, h as t, H as d, g as p, F as y } from "./index.fff64e3e.js";
|
|
2
|
+
import { c as n } from "./index-267776a4.6beb4f4b.js";
|
|
3
|
+
import { i as g, f, g as I } from "./utils-c16952ba.529dd544.js";
|
|
4
4
|
import { S } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
5
|
-
import { v as
|
|
5
|
+
import { v as _ } from "./v4-23648a96.77c7c20f.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
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"
|
|
8
|
+
const D = `:host{--swirl-app-layout-border-visibility:hidden;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"
|
|
@@ -15,18 +15,21 @@ const D = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
15
15
|
"navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"
|
|
16
16
|
"navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"
|
|
17
17
|
"body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"
|
|
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.
|
|
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
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;
|
|
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"
|
|
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;
|
|
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 var(--s-border-default);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;
|
|
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 var(--s-border-default);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;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}.app-layout__bordered-container-when-scrolled{animation:app-layout-detect-scroll;animation-fill-mode:none;scroll-timeline:--scroll-timeline y;animation-timeline:--scroll-timeline}.app-layout__bordered-container-when-scrolled:before,.app-layout__bordered-container-when-scrolled:after{position:sticky;z-index:1;top:0;display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default);content:""}@supports (
|
|
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"
|
|
26
29
|
"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"
|
|
27
30
|
"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 {
|
|
28
31
|
constructor(e) {
|
|
29
|
-
|
|
32
|
+
l(this, e), this.ctaClick = s(this, "ctaClick", 7), this.mobileViewChange = s(this, "mobileViewChange", 7), this.navigationBackButtonClick = s(this, "navigationBackButtonClick", 7), this.sidebarToggle = s(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
|
|
30
33
|
this.changeMobileView("navigation");
|
|
31
34
|
}, this.onCtaClick = (i) => {
|
|
32
35
|
this.ctaClick.emit(i);
|
|
@@ -57,7 +60,7 @@ const D = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
57
60
|
if (!this.sidebarActive || !this.hasSidebar)
|
|
58
61
|
return;
|
|
59
62
|
Boolean(this.sidebarClosingTimeout) && clearTimeout(this.sidebarClosingTimeout), this.sidebarClosing = !0;
|
|
60
|
-
const e =
|
|
63
|
+
const e = g() || f() ? 0 : 300;
|
|
61
64
|
this.sidebarClosingTimeout = setTimeout(() => {
|
|
62
65
|
this.sidebarActive = !1, this.sidebarClosing = !1, this.changeMobileView("body"), this.sidebarToggle.emit(!1);
|
|
63
66
|
}, e);
|
|
@@ -68,12 +71,12 @@ const D = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
68
71
|
async changeMobileView(e, i = !0) {
|
|
69
72
|
if (this.mobileView === e || e === "navigation" && !this.hasNavigation || e === "sidebar" && !this.hasSidebar)
|
|
70
73
|
return;
|
|
71
|
-
if (!
|
|
74
|
+
if (!g() || !i) {
|
|
72
75
|
this.mobileView = e, this.mobileViewChange.emit(this.mobileView);
|
|
73
76
|
return;
|
|
74
77
|
}
|
|
75
78
|
Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = e;
|
|
76
|
-
const r =
|
|
79
|
+
const r = f() ? 0 : this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
|
|
77
80
|
this.transitionTimeout = setTimeout(() => {
|
|
78
81
|
this.mobileView = e, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
|
|
79
82
|
}, r);
|
|
@@ -96,7 +99,7 @@ const D = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
96
99
|
this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
|
|
97
100
|
}
|
|
98
101
|
render() {
|
|
99
|
-
const e = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, i = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), a = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), r = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), c = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), u =
|
|
102
|
+
const e = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, i = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), a = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), r = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), c = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), u = n("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}`, {
|
|
100
103
|
"app-layout--has-app-bar-mobile-menu-button": o,
|
|
101
104
|
"app-layout--has-app-bar-controls": i,
|
|
102
105
|
"app-layout--has-bottom-bar": a,
|
|
@@ -108,11 +111,13 @@ const D = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
108
111
|
"app-layout--hide-app-bar": this.hideAppBar,
|
|
109
112
|
"app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
|
|
110
113
|
"app-layout--sidebar-closing": this.sidebarClosing
|
|
114
|
+
}), b = n("app-layout__content", "app-layout__bordered-container-when-scrolled", {
|
|
115
|
+
"app-layout__bordered-container-when-scrolled--with-bottom": a
|
|
111
116
|
});
|
|
112
|
-
return t(
|
|
117
|
+
return t(d, { key: "668d6353288ed339c914dfd5853975fb14e7eb50" }, t("section", { key: "eb60a8b74569daaa31a3b561beceb9cb6de96649", "aria-labelledby": "app-name", class: u }, t("div", { key: "278cb332b22b52e8d477abd6e12b3e3d6e66d88c", class: "app-layout__grid" }, t("header", { key: "c201859201a575607dd64850772b2f3fde85cd6c", class: "app-layout__header" }, t("span", { key: "a4f07edc51b55a5b8de8d0fe5e7cae00c50971b1", class: "app-layout__navigation-mobile-menu-button" }, t("slot", { key: "c7132539b8899aa78321215debf3f8f958eabfe1", name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && t("span", { key: "0085e3f23bfc356330e7914f22d28f5121554b8f", class: "app-layout__navigation-back-button" }, t("swirl-button", { key: "8f4746e36051e3e07bb61e9dcb5cc74c15ef9615", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), t("swirl-heading", { key: "ba764530fc0119e01a58439d7e89350dc8a7ea6c", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && t("span", { key: "562fea0575de96f9037e57d2ac6c3ba2dc4849c7", class: "app-layout__navigation-controls" }, t("slot", { key: "54a9280f257960f2a3311bb88f053788a7fac321", name: "navigation-controls" }))), t("nav", { key: "cd5caefbcbb95dbd8e847c928bed97e96536b1ec", "aria-label": this.navigationLabel, class: "app-layout__navigation app-layout__bordered-container-when-scrolled" }, t("slot", { key: "b73e0c0b38797fea7afb32996801cd85fae959ad", name: "navigation" })), t("section", { key: "23d2fed9e1daaf350e6b2151ee2e82cb7deef866", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && t("header", { key: "c41fd7da8d79d2e898bd5e685108d160eb0d1d1f", class: "app-layout__app-bar" }, t("span", { key: "1b7b24c2ce491bf9f232680963e3692215d51ccb", class: "app-layout__app-bar-mobile-menu-button" }, t("slot", { key: "7574d98216d1d82ab2ad44f6f2a22f82ff0aceba", name: "app-bar-mobile-menu-button" })), e && t("span", { key: "aec64303b2e4537ba9205f0b781e6356cae5dbe1", class: "app-layout__back-to-navigation-button" }, t("swirl-button", { key: "c4c270bd35e21070b72f989d2ce475b7253b4223", 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 })), t("span", { key: "356d7c4284eeae942a6811d6fea0241191175337", class: "app-layout__custom-app-bar-back-button" }, t("slot", { key: "79788dd68f4ae2a028da6cf7ff3ac7e262715967", name: "custom-app-bar-back-button" })), t("div", { key: "36a5fa2cf6332ace68e16dc6f07e9747026dff16", class: "app-layout__app-bar-content" }, t("slot", { key: "87a4b45a9f1bbd0f1bac950de9c474dde0e1eeea", name: "app-bar" })), t("div", { key: "e1e88faee364e6ed1d037430cea66f9b8b525767", class: "app-layout__app-bar-controls" }, t("slot", { key: "a4a34540141eb9bd80d814d3c9f997cfa577d719", name: "app-bar-controls" }))), t("div", { key: "03e1f2308e69240f139dadf083a35e38ed4e89c0", class: "app-layout__banner" }, t("slot", { key: "49328b1bd2d1b1d95b00c6d04834c4b531d828c9", name: "banner" })), t("div", { key: "d3d2930acde0f4a6e3e99543204a6f9ebb675378", class: b }, t("slot", { key: "61beae6ed3c23dafd7bce03aacd3b866aec961c2", name: "content" })), t("div", { key: "e8ddc4a5e1f425ad098f2e686c95967dadc75827", class: "app-layout__bottom-bar" }, t("slot", { key: "832b0defae07c9431c37db76ee644bb420ff2ea9", name: "bottom-bar" }))), t("aside", { key: "7a67e63158072a38346683620c3e7768aa50a4fe", class: "app-layout__sidebar" }, t("header", { key: "0584333a694175763334d5cd0e3fb31353174bda", class: "app-layout__custom-sidebar-header" }, t("slot", { key: "8aefe18443c725e677961d93d6fb5f4e22c9da6a", name: "custom-sidebar-header" })), t("header", { key: "4a3eb74052be148fc37c8ed190dca193118c2365", class: "app-layout__sidebar-header" }, t("swirl-button", { key: "47003639b2b5112f430c600e10802ed33f729c99", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), t("swirl-heading", { key: "06a6a8e036efbe47d4aa25e1699136179c245df6", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), t("div", { key: "122d16d2f387670e4cfc3f88312e1c528c9c7a0a", class: "app-layout__sidebar-content app-layout__bordered-container-when-scrolled" }, t("slot", { key: "077305e0b1896dfa427697e10d23993387c73dbf", name: "sidebar" }))), t("span", { key: "538942cd069dc1c29b0725d0cdf913bee78a7ce3", class: "app-layout__floating-action-button" }, this.ctaLabel && t("swirl-button", { key: "d4b4bff102d90e073b9f3822ff155ae7c52bec44", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), t("slot", { key: "b2b549076c93497a07c69bc25456522b5a3cfcfe", name: "floating-action-button" })))));
|
|
113
118
|
}
|
|
114
119
|
get el() {
|
|
115
|
-
return
|
|
120
|
+
return p(this);
|
|
116
121
|
}
|
|
117
122
|
static get watchers() {
|
|
118
123
|
return {
|
|
@@ -123,35 +128,35 @@ const D = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
123
128
|
M.style = A;
|
|
124
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}", T = L, V = class {
|
|
125
130
|
constructor(e) {
|
|
126
|
-
|
|
131
|
+
l(this, e), this.heading = void 0, this.illustration = void 0;
|
|
127
132
|
}
|
|
128
133
|
render() {
|
|
129
|
-
const e = Boolean(this.el.querySelector('[slot="controls"]')), i = Boolean(this.el.querySelector('[slot="illustration"]')), a =
|
|
134
|
+
const e = Boolean(this.el.querySelector('[slot="controls"]')), i = Boolean(this.el.querySelector('[slot="illustration"]')), a = n("empty-state", {
|
|
130
135
|
"empty-state--has-controls": e,
|
|
131
136
|
"empty-state--has-slotted-illustration": i
|
|
132
137
|
});
|
|
133
|
-
return t(
|
|
138
|
+
return t(d, { key: "910eac8b85ee42dcdcc3e35a417dab64e873f25e" }, t("div", { key: "d2b76b353e4f59eaff40cf304bf511ff903eed31", class: a }, this.illustration && !i && t("img", { key: "26c7ad34d7845a7fe3f72e9d8edd680ec727067b", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "be93399b1b00f790331e04afa4adaf8c7e8ea6c1", class: "empty-state__slotted-illustration" }, t("slot", { key: "3505a06822a7f2e5316f079a029c25e2449b6d2c", name: "illustration" })), t("div", { key: "39f7790097fab3f0ca2008c0cd0638fbabd69c95", class: "empty-state__body" }, t("swirl-stack", { key: "666590ff0460748fe199daaacb8d01242990b573", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "7c1d2d059efb373e0fce2f2ccc7d3ba0987819a2", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "aa98b76c0669f5e1b899bce4969b2d65f152e6d3", class: "empty-state__content" }, t("swirl-text", { key: "7b81e1e942ee767cd1b93d757b44b2958119f2ac", align: "center", color: "subdued" }, t("slot", { key: "ca182287a03f1db96e4eb9d1e46ab268817d5570" })))), t("div", { key: "0e47796c0063949ba56e7f9efff7a0a3622c216c", class: "empty-state__controls" }, t("slot", { key: "7f75b89a83f4475d629a4dc6699de27187330215", name: "controls" })))));
|
|
134
139
|
}
|
|
135
140
|
get el() {
|
|
136
|
-
return
|
|
141
|
+
return p(this);
|
|
137
142
|
}
|
|
138
143
|
};
|
|
139
144
|
V.style = T;
|
|
140
145
|
const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", H = z, E = class {
|
|
141
146
|
constructor(e) {
|
|
142
|
-
|
|
147
|
+
l(this, e), this.color = void 0, this.size = 24;
|
|
143
148
|
}
|
|
144
149
|
render() {
|
|
145
150
|
const e = this.size === 20 ? 24 : this.size, i = {
|
|
146
151
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
|
|
147
|
-
}, a =
|
|
148
|
-
return t("svg", { key: "2358cd477444935f28756e0eb2b7d0bb419d7e01", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(
|
|
152
|
+
}, a = n("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
153
|
+
return t("svg", { key: "2358cd477444935f28756e0eb2b7d0bb419d7e01", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(y, { key: "ceccc5037eb89ec0a5bcb9012f04094475a7e9b0" }, t("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) && t(y, { key: "471f86e592f0d44b4c41998b6d09c6a04f62187c" }, t("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 && t(y, { key: "4bf41cf45a62e303e401dbbd97ca28e37b49b04b" }, t("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" })));
|
|
149
154
|
}
|
|
150
155
|
};
|
|
151
156
|
E.style = H;
|
|
152
157
|
const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", F = N, q = class {
|
|
153
158
|
constructor(e) {
|
|
154
|
-
|
|
159
|
+
l(this, e), this.itemDrop = s(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (i) => {
|
|
155
160
|
const a = i.detail;
|
|
156
161
|
Boolean(this.dragging) ? this.stopDrag(a) : this.startDrag(a);
|
|
157
162
|
}, this.startDrag = (i) => {
|
|
@@ -183,7 +188,7 @@ const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
183
188
|
}
|
|
184
189
|
} else
|
|
185
190
|
i.code === "Home" ? (i.preventDefault(), this.focusItemAtIndex(0)) : i.code === "End" && (i.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
|
|
186
|
-
}, 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 =
|
|
191
|
+
}, 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 = _();
|
|
187
192
|
}
|
|
188
193
|
componentDidLoad() {
|
|
189
194
|
this.observeSlotChanges(), this.collectItems(), this.setupControllingElement(), this.setItemAllowDragState(), this.setupDragDrop();
|
|
@@ -264,10 +269,10 @@ const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
264
269
|
!Boolean(e) || (e.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
|
|
265
270
|
}
|
|
266
271
|
render() {
|
|
267
|
-
return t(
|
|
272
|
+
return t(d, { key: "6cc50db2b8c6ab1bd6ea46b6ba1cefbecb853304", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "5e98d1598c4898781285fd8c4d7bb9ee0ff3dbbd", role: "alert" }, this.assistiveText), t("swirl-box", { key: "a3b358edcbc71612f3fa5cea7f459f886340204b", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "0957f9378f9f06a8fdf7c0a64fd4fc8000ec60a2", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid", spacing: this.spacing }, t("slot", { key: "76901b8006fb85ac204b262f79ddcf2ca2df8bab" }))));
|
|
268
273
|
}
|
|
269
274
|
get el() {
|
|
270
|
-
return
|
|
275
|
+
return p(this);
|
|
271
276
|
}
|
|
272
277
|
static get watchers() {
|
|
273
278
|
return {
|
|
@@ -281,7 +286,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
281
286
|
);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),
|
|
282
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 = $, R = class {
|
|
283
288
|
constructor(e) {
|
|
284
|
-
|
|
289
|
+
l(this, e), this.toggleDrag = s(this, "toggleDrag", 7), this.valueChange = s(this, "valueChange", 7), this.desktopMediaQuery = I(), this.elementId = _(), this.desktopMediaQueryHandler = (i) => {
|
|
285
290
|
this.forceIconProps(i.matches), this.updateIconSize(i.matches);
|
|
286
291
|
}, this.onClick = () => {
|
|
287
292
|
!this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
|
|
@@ -331,10 +336,10 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
331
336
|
!Boolean(e) || (e.tabIndex = -1);
|
|
332
337
|
}
|
|
333
338
|
render() {
|
|
334
|
-
var
|
|
335
|
-
const e = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), r = Boolean(this.menuTriggerId) || o, c = this.interactive && Boolean(this.href) ? this.href : void 0, u = o && (Boolean(this.meta) || a),
|
|
336
|
-
paddingRight: `calc(${(
|
|
337
|
-
} : void 0, C =
|
|
339
|
+
var h;
|
|
340
|
+
const e = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), r = Boolean(this.menuTriggerId) || o, c = this.interactive && Boolean(this.href) ? this.href : void 0, u = o && (Boolean(this.meta) || a), b = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, m = (Boolean(this.meta) || a) && !this.selectable, v = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, w = this.selectable ? String(this.checked) : void 0, k = this.interactive && this.selectable ? "checkbox" : void 0, x = !m && Boolean(this.controlContainer) ? {
|
|
341
|
+
paddingRight: `calc(${(h = this.controlContainer) == null ? void 0 : h.getBoundingClientRect().width}px + var(--s-space-16))`
|
|
342
|
+
} : void 0, C = n("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
|
|
338
343
|
"resource-list-item--active": this.active,
|
|
339
344
|
"resource-list-item--checked": this.checked,
|
|
340
345
|
"resource-list-item--compact": this.compact,
|
|
@@ -346,14 +351,14 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
346
351
|
"resource-list-item--interactive": this.interactive || this.selectable,
|
|
347
352
|
"resource-list-item--selectable": this.selectable,
|
|
348
353
|
"resource-list-item--show-control-on-focus": u,
|
|
349
|
-
"resource-list-item--show-meta":
|
|
354
|
+
"resource-list-item--show-meta": m,
|
|
350
355
|
"resource-list-item--wrap-description": this.descriptionWrap,
|
|
351
356
|
"resource-list-item--wrap-label": this.labelWrap
|
|
352
357
|
});
|
|
353
|
-
return t(
|
|
358
|
+
return t(d, { key: "a10409a38264aedcb984dbb18a3b117ee3a6fbf7", role: "row" }, t("div", { key: "bbb1141f8b853d4a28bfdf40ba4503b45c88947b", class: C, role: "gridcell" }, t(e, { key: "de393bac42fe13a6272aa6f6bfe9b058cd31f0b6", "aria-checked": w, "aria-disabled": i ? "true" : void 0, "aria-label": v, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: c, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: k, tabIndex: 0, type: e === "button" ? "button" : void 0 }, this.hasMedia && t("span", { key: "03713ae4710c72010a24a5df6e9e8401d3561fe4", class: "resource-list-item__media" }, t("slot", { key: "8521bc2441764bfe61afab1a9ad84cbf4cbbdf08", name: "media" })), t("span", { key: "55d6c99daf2e57b566c9c07662247ba1937c07bd", class: "resource-list-item__label-container", style: x }, t("span", { key: "64a7f44766a57ad491aa878422fdb08f82dba894", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && t("span", { key: "fd6d3c4540cd0d085092b992434efd234b68ee84", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), m && t("span", { key: "a5e92893c72ac723333257aa4f6e49c7d9316852", class: "resource-list-item__meta" }, t("span", { key: "4407cc4da70749c2e9abe19cf7058edc98d94e31", class: "resource-list-item__meta-text" }, this.meta), t("span", { key: "384d5a72dcd83555047d2c7ef27f9914ee6e33c7", class: "resource-list-item__badges" }, t("slot", { key: "fa000766ce367c8f9545aa8f7457335fd02b7d73", name: "badges" })))), this.selectable && t("span", { key: "0923c527c6044932af7a3c0293134e5bfd1c2eb9", "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { key: "d1b1250b6f7471fc0f893966eed15eeef3592af4", class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", { key: "530934d130a9fba3dd99719cb647f53fa697ab42" }))), t("span", { key: "df5f1782f2126f554b4100420c5b9d45c5b8f793", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, t("slot", { key: "3b0fa99132b3fba416547fb839b00a6ec0d75ed2", name: "control" })), b && t("swirl-popover-trigger", { key: "bfbc36084ae6871f821c437b52517e7f04e868f9", swirlPopover: this.menuTriggerId }, t("swirl-button", { key: "4b8f9bd6c5d6c14deccc80200af58378c2cf64e5", "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && t("button", { key: "a9e8e50c27af4c053d814c29701cd8c61bd7f2c2", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { key: "ff8879f00857f4efe09903c5ecc119d5474c1666", size: this.iconSize })));
|
|
354
359
|
}
|
|
355
360
|
get el() {
|
|
356
|
-
return
|
|
361
|
+
return p(this);
|
|
357
362
|
}
|
|
358
363
|
};
|
|
359
364
|
R.style = P;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as p, c as m, h as o, H as f, g as b } from "./index.
|
|
1
|
+
import { r as p, c as m, h as o, H as f, g as b } from "./index.fff64e3e.js";
|
|
2
2
|
import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
|
|
3
3
|
import { c as w } from "./index-267776a4.6beb4f4b.js";
|
|
4
4
|
import { d as S } from "./utils-c16952ba.529dd544.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, c as r, h as t, H as c, g as d } from "./index.
|
|
1
|
+
import { r as o, c as r, h as t, H as c, g as d } from "./index.fff64e3e.js";
|
|
2
2
|
import { c as b } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { g as l } from "./utils-c16952ba.529dd544.js";
|
|
4
4
|
import "react";
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { r as o, h as d, H as t } from "./index.fff64e3e.js";
|
|
2
|
+
import { c as i } from "./index-267776a4.6beb4f4b.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
const n = `:host{--swirl-box-scroll-border-top-width:var(--s-border-width-default);--swirl-box-scroll-border-bottom-width:var(--s-border-width-default);display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--bordered-block-end){border-block-end:var(--s-border-width-default) solid
|
|
6
|
+
var(--s-border-default)}:host(.box--bordered-block-start){border-block-start:var(--s-border-width-default) solid
|
|
7
|
+
var(--s-border-default)}:host(.box--bordered-inline-end){border-inline-end:var(--s-border-width-default) solid
|
|
8
|
+
var(--s-border-default)}:host(.box--bordered-inline-start){border-inline-start:var(--s-border-width-default) solid
|
|
9
|
+
var(--s-border-default)}@supports (
|
|
10
|
+
(scroll-timeline: --scroll-timeline y) and
|
|
11
|
+
(animation-timeline: --scroll-timeline)
|
|
12
|
+
){:host(.box--bordered-block-start-when-scrolled),:host(.box--bordered-block-end-when-scrolled){animation:box-border-reveal both, box-detect-scroll none;scroll-timeline:--scroll-timeline y;animation-timeline:--scroll-timeline}}@supports (
|
|
13
|
+
(scroll-timeline: --scroll-timeline y) and
|
|
14
|
+
(animation-timeline: --scroll-timeline)
|
|
15
|
+
){:host(.box--bordered-block-start-when-scrolled){border-top:var(--swirl-box-scroll-border-top-width) solid
|
|
16
|
+
var(--s-border-default);animation-range:1px 1px}}@supports (
|
|
17
|
+
(scroll-timeline: --scroll-timeline y) and
|
|
18
|
+
(animation-timeline: --scroll-timeline)
|
|
19
|
+
){:host(.box--bordered-block-end-when-scrolled){border-bottom:var(--swirl-box-scroll-border-bottom-width) solid
|
|
20
|
+
var(--s-border-default);animation-range:calc(100% - 1px) calc(100% - 1px);animation-direction:reverse}}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}@keyframes box-border-reveal{0%{border-color:transparent}100%{border-color:var(--s-border-default)}}@keyframes box-detect-scroll{from,to{--swirl-box-scroll-border-top-width:var(--s-border-width-default);--swirl-box-scroll-border-bottom-width:var(--s-border-width-default)}}`, s = n, l = class {
|
|
21
|
+
constructor(e) {
|
|
22
|
+
o(this, e), this.borderColor = "default", this.bordered = void 0, this.borderedBlockEnd = void 0, this.borderedBlockEndWhenScrolled = void 0, this.borderedBlockStart = void 0, this.borderedBlockStartWhenScrolled = void 0, this.borderedInlineEnd = void 0, this.borderedInlineStart = void 0, this.bottom = void 0, this.centerBlock = void 0, this.centerInline = void 0, this.cover = void 0, this.height = void 0, this.left = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.minWidth = void 0, this.overflow = "visible", this.padding = "0", this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.position = void 0, this.right = void 0, this.basis = void 0, this.shrink = void 0, this.grow = void 0, this.top = void 0, this.width = void 0, this.zIndex = void 0;
|
|
23
|
+
}
|
|
24
|
+
render() {
|
|
25
|
+
const e = {
|
|
26
|
+
alignItems: this.centerBlock ? "center" : void 0,
|
|
27
|
+
borderColor: this.borderColor === "default" ? "var(--s-border-default)" : "var(--s-border-strong)",
|
|
28
|
+
bottom: this.bottom,
|
|
29
|
+
display: this.centerBlock || this.centerInline ? "flex" : void 0,
|
|
30
|
+
flexBasis: this.basis,
|
|
31
|
+
flexShrink: this.shrink,
|
|
32
|
+
flexGrow: this.grow,
|
|
33
|
+
height: this.cover ? "100%" : this.height,
|
|
34
|
+
justifyContent: this.centerInline ? "center" : void 0,
|
|
35
|
+
left: this.left,
|
|
36
|
+
maxHeight: this.maxHeight,
|
|
37
|
+
minHeight: this.minHeight,
|
|
38
|
+
maxWidth: this.maxWidth,
|
|
39
|
+
minWidth: this.minWidth,
|
|
40
|
+
overflow: this.overflow,
|
|
41
|
+
padding: `var(--s-space-${this.padding})`,
|
|
42
|
+
paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
|
|
43
|
+
paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
|
|
44
|
+
paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
|
|
45
|
+
paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
|
|
46
|
+
position: Boolean(this.overflow) ? this.position || "relative" : this.position,
|
|
47
|
+
right: this.right,
|
|
48
|
+
top: this.top,
|
|
49
|
+
width: this.cover ? "100%" : this.width,
|
|
50
|
+
zIndex: this.zIndex
|
|
51
|
+
};
|
|
52
|
+
this.borderedBlockEndWhenScrolled && this.borderedBlockStartWhenScrolled && console.warn("[Swirl] swirl-box does not support both borderedBlockEndWhenScrolled and borderedBlockStartWhenScrolled properties to be active at the same time. Please use only one of them.");
|
|
53
|
+
const r = i("box", {
|
|
54
|
+
"box--bordered": this.bordered,
|
|
55
|
+
"box--bordered-block-end": this.borderedBlockEnd,
|
|
56
|
+
"box--bordered-block-end-when-scrolled": this.borderedBlockEndWhenScrolled,
|
|
57
|
+
"box--bordered-block-start": this.borderedBlockStart,
|
|
58
|
+
"box--bordered-block-start-when-scrolled": this.borderedBlockStartWhenScrolled && !this.borderedBlockEndWhenScrolled,
|
|
59
|
+
"box--bordered-inline-end": this.borderedInlineEnd,
|
|
60
|
+
"box--bordered-inline-start": this.borderedInlineStart,
|
|
61
|
+
"box--cover": this.cover
|
|
62
|
+
});
|
|
63
|
+
return d(t, { key: "28418675b679475c4f4260b4d8d59d0cf0ee71a6", class: r, style: e }, d("slot", { key: "fe4e622d5163b941d2932e7090d946e0f6234d75" }));
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
l.style = s;
|
|
67
|
+
export {
|
|
68
|
+
l as swirl_box
|
|
69
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as b, h as n, H as u, g as c } from "./index.
|
|
1
|
+
import { r as b, h as n, H as u, g as c } from "./index.fff64e3e.js";
|
|
2
2
|
import { c as d } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { g as v } from "./utils-c16952ba.529dd544.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, c as s, h as r, H as h, g as n } from "./index.
|
|
1
|
+
import { r as o, c as s, h as r, H as h, g as n } from "./index.fff64e3e.js";
|
|
2
2
|
import { c as p } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { g as l } from "./utils-c16952ba.529dd544.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, h as s, H as t } from "./index.
|
|
1
|
+
import { r as o, h as s, H as t } from "./index.fff64e3e.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const e = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", a = e, i = class {
|