@getflip/swirl-components-react 0.86.5 → 0.87.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{file-manager.entry.83b34963.js → file-manager.entry.6995a65a.js} +1 -1
- package/dist/{index.4bb10455.js → index.93c32f2a.js} +261 -261
- package/dist/{swirl-action-list-section.entry.6bf0d90c.js → swirl-action-list-section.entry.dd8714b2.js} +1 -1
- package/dist/{swirl-action-list_3.entry.69e1f579.js → swirl-action-list_3.entry.5d7dab92.js} +1 -1
- package/dist/{swirl-app-bar.entry.7f658b1d.js → swirl-app-bar.entry.18c6d5aa.js} +1 -1
- package/dist/{swirl-app-icon.entry.8ccf911d.js → swirl-app-icon.entry.acc4c771.js} +1 -1
- package/dist/{swirl-app-layout_7.entry.7935c004.js → swirl-app-layout_7.entry.9de1ad9b.js} +127 -97
- package/dist/{swirl-autocomplete.entry.6817eaf1.js → swirl-autocomplete.entry.e0cdbf72.js} +1 -1
- package/dist/{swirl-avatar-group.entry.5a860f37.js → swirl-avatar-group.entry.87ef4e0b.js} +1 -1
- package/dist/{swirl-avatar.entry.7c1ee8f1.js → swirl-avatar.entry.e5696cbc.js} +1 -1
- package/dist/{swirl-badge.entry.2637bddc.js → swirl-badge.entry.4e4e755d.js} +1 -1
- package/dist/{swirl-banner.entry.67dc83a0.js → swirl-banner.entry.1d9a356c.js} +1 -1
- package/dist/{swirl-button-group.entry.dc731602.js → swirl-button-group.entry.5209f283.js} +1 -1
- package/dist/swirl-button.entry.e95cd0d8.js +60 -0
- package/dist/{swirl-card.entry.5d91644e.js → swirl-card.entry.d07f37c5.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.58cd07ab.js → swirl-carousel-slide.entry.debf27df.js} +1 -1
- package/dist/{swirl-carousel.entry.1588fa4c.js → swirl-carousel.entry.74ba326d.js} +1 -1
- package/dist/{swirl-checkbox.entry.38347abe.js → swirl-checkbox.entry.7d1bfaf1.js} +1 -1
- package/dist/{swirl-chip.entry.db88c645.js → swirl-chip.entry.286d3673.js} +1 -1
- package/dist/{swirl-columns.entry.284f6532.js → swirl-columns.entry.84c740a5.js} +1 -1
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +51 -50
- package/dist/{swirl-console-layout.entry.1732c301.js → swirl-console-layout.entry.40eb3c6b.js} +1 -1
- package/dist/{swirl-date-input.entry.93d40c50.js → swirl-date-input.entry.7cea32d4.js} +1 -1
- package/dist/{swirl-date-picker_2.entry.0c31b2b6.js → swirl-date-picker_2.entry.0fe30103.js} +1 -1
- package/dist/{swirl-description-list-item.entry.6adeafd3.js → swirl-description-list-item.entry.c8344eb2.js} +5 -5
- package/dist/{swirl-description-list.entry.655f672d.js → swirl-description-list.entry.d90739a7.js} +4 -4
- package/dist/{swirl-dialog.entry.e7f40401.js → swirl-dialog.entry.efa10592.js} +1 -1
- package/dist/{swirl-emoji-clap.entry.5eedf1c5.js → swirl-emoji-clap.entry.1c2a9206.js} +1 -1
- package/dist/{swirl-emoji-happy.entry.7042fc0a.js → swirl-emoji-happy.entry.6987d6ee.js} +1 -1
- package/dist/{swirl-emoji-idea.entry.9bc1740d.js → swirl-emoji-idea.entry.1f47214e.js} +1 -1
- package/dist/{swirl-emoji-love.entry.835aa90b.js → swirl-emoji-love.entry.6965f0a7.js} +1 -1
- package/dist/{swirl-emoji-sad.entry.90311285.js → swirl-emoji-sad.entry.174e7f56.js} +1 -1
- package/dist/{swirl-emoji-thumbs-up.entry.af30ebbe.js → swirl-emoji-thumbs-up.entry.7684dd88.js} +1 -1
- package/dist/{swirl-emoji.entry.e28964dc.js → swirl-emoji.entry.af423439.js} +1 -1
- package/dist/{swirl-file-uploader.entry.ed1ff38f.js → swirl-file-uploader.entry.823f8260.js} +1 -1
- package/dist/{swirl-file-viewer_7.entry.5f642a72.js → swirl-file-viewer_7.entry.0380cc1a.js} +1 -1
- package/dist/swirl-form-control.entry.50c9e7aa.js +78 -0
- package/dist/{swirl-form-group.entry.0ec24742.js → swirl-form-group.entry.9de1a50e.js} +1 -1
- package/dist/{swirl-heading.entry.2653e5c0.js → swirl-heading.entry.b98047cb.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.e53b3d1a.js → swirl-icon-add-photo.entry.6d7d84b4.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.42b746fe.js → swirl-icon-add_6.entry.9ac605ac.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.3b412332.js → swirl-icon-admin-panel-settings.entry.238556ab.js} +1 -1
- package/dist/{swirl-icon-ai.entry.fa2a4a28.js → swirl-icon-ai.entry.39953b72.js} +1 -1
- package/dist/{swirl-icon-arrow-back.entry.b6625daf.js → swirl-icon-arrow-back.entry.fb94414e.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.5e33bd1d.js → swirl-icon-arrow-downward_2.entry.704b618f.js} +1 -1
- package/dist/{swirl-icon-arrow-forward.entry.4d0e9c82.js → swirl-icon-arrow-forward.entry.779dfc61.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.f396ee7a.js → swirl-icon-arrow-left_4.entry.0731927f.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.eda3e9e3.js → swirl-icon-arrow-right-small.entry.08e85938.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.561aa293.js → swirl-icon-attachment.entry.b5bc0c08.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.78a742ea.js → swirl-icon-bar-chart.entry.d0ec5844.js} +1 -1
- package/dist/{swirl-icon-block.entry.2d63c7e4.js → swirl-icon-block.entry.25bf83c8.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.2a5d332c.js → swirl-icon-bookmark.entry.e3d2e797.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.103838dc.js → swirl-icon-cancel_4.entry.2b5d2456.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.78206bec.js → swirl-icon-chat-bubble.entry.9e3497a8.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.407cf10d.js → swirl-icon-chats-filled.entry.3243be61.js} +1 -1
- package/dist/{swirl-icon-chats-outlined.entry.cab0d108.js → swirl-icon-chats-outlined.entry.ce63d99e.js} +1 -1
- package/dist/{swirl-icon-check-circle_3.entry.394813e7.js → swirl-icon-check-circle_3.entry.c6ca5e0a.js} +1 -1
- package/dist/{swirl-icon-check-small_3.entry.e02140cb.js → swirl-icon-check-small_3.entry.eaa5c4ce.js} +1 -1
- package/dist/{swirl-icon-check-strong.entry.5d88336d.js → swirl-icon-check-strong.entry.fc7ffe57.js} +1 -1
- package/dist/{swirl-icon-check.entry.3730e83b.js → swirl-icon-check.entry.7ab9b40b.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.76f4fbba.js → swirl-icon-chevron-left.entry.57f8b766.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.581e09b2.js → swirl-icon-chevron-right.entry.488059dd.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.f32abf9a.js → swirl-icon-close-small.entry.fdc612fa.js} +1 -1
- package/dist/{swirl-icon-close.entry.daa3fe2e.js → swirl-icon-close.entry.a662c77b.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.735977c3.js → swirl-icon-cloud-upload.entry.a254a5c7.js} +1 -1
- package/dist/{swirl-icon-column.entry.5d6e733d.js → swirl-icon-column.entry.726716fa.js} +1 -1
- package/dist/{swirl-icon-comment.entry.9a278c45.js → swirl-icon-comment.entry.61fb2611.js} +1 -1
- package/dist/{swirl-icon-copy.entry.0dd11b6d.js → swirl-icon-copy.entry.b3f45b24.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.5d023a2e.js → swirl-icon-date-range.entry.a195ab05.js} +1 -1
- package/dist/{swirl-icon-delete.entry.c82ff296.js → swirl-icon-delete.entry.8e0c1c6a.js} +1 -1
- package/dist/{swirl-icon-description.entry.a7718645.js → swirl-icon-description.entry.03decb22.js} +1 -1
- package/dist/{swirl-icon-double-arrow-left.entry.9ba240a8.js → swirl-icon-double-arrow-left.entry.13af1e30.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.0692f9f4.js → swirl-icon-double-arrow-right.entry.f88a0279.js} +1 -1
- package/dist/{swirl-icon-download.entry.fbfe1661.js → swirl-icon-download.entry.09db68de.js} +1 -1
- package/dist/{swirl-icon-edit.entry.35a00e02.js → swirl-icon-edit.entry.709a273a.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.2c7d4f8d.js → swirl-icon-emoji-mood.entry.82e99f30.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.3482b52c.js → swirl-icon-emoji-satisfied.entry.bbbc3817.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.87185a50.js → swirl-icon-error_3.entry.da274209.js} +1 -1
- package/dist/{swirl-icon-expand-more.entry.a24f8cdc.js → swirl-icon-expand-more.entry.9d1aefde.js} +1 -1
- package/dist/{swirl-icon-filter.entry.978f2836.js → swirl-icon-filter.entry.66235a36.js} +1 -1
- package/dist/{swirl-icon-folder.entry.e8948012.js → swirl-icon-folder.entry.7969c572.js} +1 -1
- package/dist/{swirl-icon-format-h-one.entry.03b1ce4b.js → swirl-icon-format-h-one.entry.108b1720.js} +1 -1
- package/dist/{swirl-icon-gif.entry.b233bf3a.js → swirl-icon-gif.entry.df939b32.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.1b2cd913.js → swirl-icon-group-assign.entry.84875349.js} +1 -1
- package/dist/{swirl-icon-groups-custom.entry.6581f779.js → swirl-icon-groups-custom.entry.dc920a1f.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.9ad94743.js → swirl-icon-groups-filled.entry.ddc89e75.js} +1 -1
- package/dist/{swirl-icon-groups-outlined.entry.2fc8fcdf.js → swirl-icon-groups-outlined.entry.51c7d303.js} +1 -1
- package/dist/{swirl-icon-groups.entry.f669e84d.js → swirl-icon-groups.entry.374965f8.js} +1 -1
- package/dist/{swirl-icon-help.entry.d170f39b.js → swirl-icon-help.entry.c4710ddc.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.460f0e08.js → swirl-icon-highlight.entry.90d871d8.js} +1 -1
- package/dist/{swirl-icon-home.entry.770de8d8.js → swirl-icon-home.entry.7aaa5ee8.js} +1 -1
- package/dist/{swirl-icon-image.entry.90820931.js → swirl-icon-image.entry.44f12e42.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.b1e53eee.js → swirl-icon-improve-text.entry.cbf7843b.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.dea2e995.js → swirl-icon-insert-below.entry.c0924fbd.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.9fb197c2.js → swirl-icon-insert-on-top.entry.a946bc22.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.1c5eaece.js → swirl-icon-inventory.entry.4df80008.js} +1 -1
- package/dist/{swirl-icon-like.entry.3be465fb.js → swirl-icon-like.entry.b0983778.js} +1 -1
- package/dist/{swirl-icon-link.entry.9d0da9ac.js → swirl-icon-link.entry.296c98c3.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.6d74ed80.js → swirl-icon-lock-person.entry.183f5c5e.js} +1 -1
- package/dist/{swirl-icon-lock.entry.540a47e9.js → swirl-icon-lock.entry.5614c496.js} +1 -1
- package/dist/{swirl-icon-logout.entry.3cee7e3c.js → swirl-icon-logout.entry.e064d52b.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.91cb5977.js → swirl-icon-long-text.entry.46783d5d.js} +1 -1
- package/dist/{swirl-icon-mail.entry.9d479947.js → swirl-icon-mail.entry.2dd9a7fa.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.39e79b32.js → swirl-icon-manage-accounts.entry.e881f17e.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.603fb731.js → swirl-icon-mark-chat-read.entry.6543fb3d.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.8cf0c3a1.js → swirl-icon-mark-chat-unread.entry.9c925bab.js} +1 -1
- package/dist/{swirl-icon-mention.entry.142dff17.js → swirl-icon-mention.entry.08dcaf5b.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.cfc12b90.js → swirl-icon-menu-filled.entry.b517ab74.js} +1 -1
- package/dist/{swirl-icon-menu-outlined.entry.c7fe8e44.js → swirl-icon-menu-outlined.entry.0c22180a.js} +1 -1
- package/dist/{swirl-icon-menu.entry.62cd1820.js → swirl-icon-menu.entry.afe96f17.js} +1 -1
- package/dist/{swirl-icon-message.entry.ad40fbb1.js → swirl-icon-message.entry.acbb7ed4.js} +1 -1
- package/dist/{swirl-icon-mic.entry.5c502e05.js → swirl-icon-mic.entry.7a9d7a85.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.f7400bde.js → swirl-icon-more-horizontal.entry.f78a0129.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.f861e1c8.js → swirl-icon-news-filled.entry.979e66aa.js} +1 -1
- package/dist/{swirl-icon-news-outlined.entry.b9621283.js → swirl-icon-news-outlined.entry.20910b00.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.461a2ce1.js → swirl-icon-notifications-active.entry.8d1ddbb3.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.a0c4f186.js → swirl-icon-notifications-off.entry.024c57df.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.86b81b27.js → swirl-icon-notifications.entry.78194142.js} +1 -1
- package/dist/{swirl-icon-open-in-full.entry.97ca74d8.js → swirl-icon-open-in-full.entry.e5807adf.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.042ed8ab.js → swirl-icon-open-in-new.entry.e408c9f7.js} +1 -1
- package/dist/{swirl-icon-pause-circle.entry.e502ddbd.js → swirl-icon-pause-circle.entry.fb31aa67.js} +1 -1
- package/dist/{swirl-icon-pause.entry.9c46841b.js → swirl-icon-pause.entry.7ca8956c.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.efc9ecd1.js → swirl-icon-people-alt.entry.b13a29cb.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.3260e694.js → swirl-icon-person-off.entry.a1babba2.js} +1 -1
- package/dist/{swirl-icon-person.entry.665766f2.js → swirl-icon-person.entry.c13479a9.js} +1 -1
- package/dist/{swirl-icon-phone.entry.4170e248.js → swirl-icon-phone.entry.421aac20.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.7b6a9dd9.js → swirl-icon-play-arrow.entry.d4786bc3.js} +1 -1
- package/dist/{swirl-icon-poll.entry.70775429.js → swirl-icon-poll.entry.f6f857b4.js} +1 -1
- package/dist/{swirl-icon-print.entry.2734a378.js → swirl-icon-print.entry.9b13d2f8.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.8a8784ed.js → swirl-icon-recieved.entry.04724a33.js} +1 -1
- package/dist/{swirl-icon-reply.entry.ac3bcd8a.js → swirl-icon-reply.entry.59cf69fa.js} +1 -1
- package/dist/{swirl-icon-report.entry.414affee.js → swirl-icon-report.entry.63dc6201.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.6b4ab541.js → swirl-icon-roadmap.entry.c8e1582c.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.41c323bb.js → swirl-icon-search-strong.entry.cc6a8a3f.js} +1 -1
- package/dist/{swirl-icon-search.entry.45317518.js → swirl-icon-search.entry.6ea334aa.js} +1 -1
- package/dist/{swirl-icon-send.entry.ee7694f2.js → swirl-icon-send.entry.6b112f74.js} +1 -1
- package/dist/{swirl-icon-settings.entry.be4f07b3.js → swirl-icon-settings.entry.4a16fead.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.e78e988f.js → swirl-icon-short-text.entry.3f75099b.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.e2ed955f.js → swirl-icon-simplify.entry.9f37494b.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.c66b7af1.js → swirl-icon-spellcheck.entry.149a8dfa.js} +1 -1
- package/dist/{swirl-icon-stop.entry.0f3318af.js → swirl-icon-stop.entry.d5f2a56b.js} +1 -1
- package/dist/{swirl-icon-sync.entry.aa5529c2.js → swirl-icon-sync.entry.c153f81a.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.ff5ee817.js → swirl-icon-tasks-filled.entry.46576355.js} +1 -1
- package/dist/{swirl-icon-tasks-outlined.entry.08201cfe.js → swirl-icon-tasks-outlined.entry.132a8a3c.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.b2739caf.js → swirl-icon-time-filled.entry.bba5141e.js} +1 -1
- package/dist/{swirl-icon-time-outlined.entry.88b7ff97.js → swirl-icon-time-outlined.entry.2b22717b.js} +1 -1
- package/dist/{swirl-icon-translate.entry.eac20ef9.js → swirl-icon-translate.entry.0be8bae7.js} +1 -1
- package/dist/{swirl-icon-undo.entry.891e89cb.js → swirl-icon-undo.entry.1de767c7.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.3b40c3a7.js → swirl-icon-unlock-person.entry.ae670311.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.7951e512.js → swirl-icon-user-assign.entry.f82cd3ee.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.1e03efb5.js → swirl-icon-video-camera.entry.eb585c8d.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.f67a98fb.js → swirl-icon-video-library.entry.553938cd.js} +1 -1
- package/dist/{swirl-icon-voice.entry.39646073.js → swirl-icon-voice.entry.ba8e3938.js} +1 -1
- package/dist/{swirl-icon.entry.cf9b5d3b.js → swirl-icon.entry.efb3da3f.js} +1 -1
- package/dist/{swirl-image-grid-item.entry.6f20a31f.js → swirl-image-grid-item.entry.93c6c83e.js} +1 -1
- package/dist/{swirl-image-grid.entry.325673de.js → swirl-image-grid.entry.9decbe3e.js} +1 -1
- package/dist/{swirl-inline-notification.entry.7352285b.js → swirl-inline-notification.entry.013c1ce9.js} +1 -1
- package/dist/{swirl-inline-status.entry.dbd49920.js → swirl-inline-status.entry.81e16ec5.js} +1 -1
- package/dist/{swirl-lightbox.entry.b0dc27db.js → swirl-lightbox.entry.441bc275.js} +1 -1
- package/dist/{swirl-link.entry.c40b679f.js → swirl-link.entry.f33067b6.js} +1 -1
- package/dist/{swirl-list.entry.85be7b57.js → swirl-list.entry.057e9f35.js} +1 -1
- package/dist/{swirl-menu-item.entry.a52146d6.js → swirl-menu-item.entry.ae998957.js} +1 -1
- package/dist/{swirl-menu.entry.8327fb4c.js → swirl-menu.entry.58f62868.js} +1 -1
- package/dist/{swirl-modal.entry.0bd71d95.js → swirl-modal.entry.f6a4138d.js} +1 -1
- package/dist/{swirl-option-list-section.entry.223c1eae.js → swirl-option-list-section.entry.13e5b1ad.js} +1 -1
- package/dist/{swirl-option-list_2.entry.aef01d32.js → swirl-option-list_2.entry.2672ae6b.js} +1 -1
- package/dist/{swirl-pagination.entry.00e61d35.js → swirl-pagination.entry.60f69620.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.d27a60e7.js → swirl-pdf-reader.entry.6116a073.js} +1 -1
- package/dist/{swirl-popover_2.entry.11d250f6.js → swirl-popover_2.entry.87934d73.js} +1 -1
- package/dist/{swirl-progress-indicator.entry.70535053.js → swirl-progress-indicator.entry.b71b7f1c.js} +1 -1
- package/dist/{swirl-radio-group.entry.8a1e5b78.js → swirl-radio-group.entry.0213c7c5.js} +1 -1
- package/dist/{swirl-radio.entry.3dccf6f9.js → swirl-radio.entry.b4ace3f0.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.7e4ede7e.js → swirl-resource-list-file-item.entry.5278e8ba.js} +1 -1
- package/dist/{swirl-search.entry.c47c6080.js → swirl-search.entry.e4e0a058.js} +1 -1
- package/dist/{swirl-select.entry.ac31a600.js → swirl-select.entry.ab752438.js} +1 -1
- package/dist/{swirl-shell-layout.entry.fb96214c.js → swirl-shell-layout.entry.de52e35e.js} +1 -1
- package/dist/{swirl-shell-navigation-item.entry.84178d18.js → swirl-shell-navigation-item.entry.f38f973b.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.87b78068.js → swirl-skeleton-box.entry.c97b54e9.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.eee98510.js → swirl-skeleton-text.entry.9639b304.js} +1 -1
- package/dist/{swirl-stack.entry.72342e86.js → swirl-stack.entry.cac45373.js} +1 -1
- package/dist/{swirl-status-indicator.entry.c008c753.js → swirl-status-indicator.entry.c507b3d6.js} +1 -1
- package/dist/{swirl-switch.entry.6b1a4272.js → swirl-switch.entry.0a1edef8.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.1324d18c.js → swirl-symbol-account-circle.entry.5040bc38.js} +1 -1
- package/dist/{swirl-symbol-alternate-email.entry.b9558d2f.js → swirl-symbol-alternate-email.entry.251fe7c2.js} +1 -1
- package/dist/{swirl-symbol-android.entry.78c97718.js → swirl-symbol-android.entry.fc943592.js} +1 -1
- package/dist/{swirl-symbol-announcement.entry.0d7a017b.js → swirl-symbol-announcement.entry.553bfeaf.js} +1 -1
- package/dist/{swirl-symbol-backup.entry.fdf71f09.js → swirl-symbol-backup.entry.7b4dcdf3.js} +1 -1
- package/dist/{swirl-symbol-beach-access.entry.bbd3353e.js → swirl-symbol-beach-access.entry.f9bb14be.js} +1 -1
- package/dist/{swirl-symbol-bookmark.entry.0b8556e6.js → swirl-symbol-bookmark.entry.cd2b1693.js} +1 -1
- package/dist/{swirl-symbol-cloud.entry.0bac3a91.js → swirl-symbol-cloud.entry.d0c89cfc.js} +1 -1
- package/dist/{swirl-symbol-coronavirus.entry.e5dad287.js → swirl-symbol-coronavirus.entry.1f3daffc.js} +1 -1
- package/dist/{swirl-symbol-desktop-windows.entry.140f4465.js → swirl-symbol-desktop-windows.entry.3ed97d10.js} +1 -1
- package/dist/{swirl-symbol-directions-car-filled.entry.791c6a4d.js → swirl-symbol-directions-car-filled.entry.6e6e1333.js} +1 -1
- package/dist/{swirl-symbol-edit-calendar.entry.f8955151.js → swirl-symbol-edit-calendar.entry.6cdacf93.js} +1 -1
- package/dist/{swirl-symbol-email.entry.e9c9a2a1.js → swirl-symbol-email.entry.d31c1778.js} +1 -1
- package/dist/{swirl-symbol-emoji-food-beverage.entry.ca0dfb70.js → swirl-symbol-emoji-food-beverage.entry.74ba4d98.js} +1 -1
- package/dist/{swirl-symbol-event-menu.entry.cacccb18.js → swirl-symbol-event-menu.entry.4dff95d2.js} +1 -1
- package/dist/{swirl-symbol-facebook.entry.14878244.js → swirl-symbol-facebook.entry.be4f40b5.js} +1 -1
- package/dist/{swirl-symbol-favorite.entry.20614947.js → swirl-symbol-favorite.entry.45d35452.js} +1 -1
- package/dist/{swirl-symbol-fitness-center.entry.f76d736a.js → swirl-symbol-fitness-center.entry.a020383c.js} +1 -1
- package/dist/{swirl-symbol-flag.entry.4c1a1c18.js → swirl-symbol-flag.entry.9369acff.js} +1 -1
- package/dist/{swirl-symbol-folder.entry.ea9d064d.js → swirl-symbol-folder.entry.175f0d42.js} +1 -1
- package/dist/{swirl-symbol-globe.entry.906ad5d6.js → swirl-symbol-globe.entry.449d0a6d.js} +1 -1
- package/dist/{swirl-symbol-groups.entry.715c90e1.js → swirl-symbol-groups.entry.a6ee74c6.js} +1 -1
- package/dist/{swirl-symbol-help.entry.31dda955.js → swirl-symbol-help.entry.bd7ae0f1.js} +1 -1
- package/dist/{swirl-symbol-image.entry.2ba01855.js → swirl-symbol-image.entry.12dfc254.js} +1 -1
- package/dist/{swirl-symbol-info-menu.entry.2550734e.js → swirl-symbol-info-menu.entry.dcdca217.js} +1 -1
- package/dist/{swirl-symbol-instagram.entry.33f8c3f6.js → swirl-symbol-instagram.entry.e3122a64.js} +1 -1
- package/dist/{swirl-symbol-ios.entry.f8e584dd.js → swirl-symbol-ios.entry.ab682998.js} +1 -1
- package/dist/{swirl-symbol-language.entry.3810308f.js → swirl-symbol-language.entry.ae13b8e6.js} +1 -1
- package/dist/{swirl-symbol-leaderboard.entry.f749916e.js → swirl-symbol-leaderboard.entry.ee2ce199.js} +1 -1
- package/dist/{swirl-symbol-lightbulb.entry.6c691f36.js → swirl-symbol-lightbulb.entry.6ab285f0.js} +1 -1
- package/dist/{swirl-symbol-linkedin.entry.93de138f.js → swirl-symbol-linkedin.entry.62cb11d9.js} +1 -1
- package/dist/{swirl-symbol-location-on.entry.83e4eadf.js → swirl-symbol-location-on.entry.30ffc91a.js} +1 -1
- package/dist/{swirl-symbol-loyalty.entry.33575c29.js → swirl-symbol-loyalty.entry.88670c0c.js} +1 -1
- package/dist/{swirl-symbol-maps-home-work.entry.5ebce9e3.js → swirl-symbol-maps-home-work.entry.3db9a9d3.js} +1 -1
- package/dist/{swirl-symbol-notifications.entry.f71a41bc.js → swirl-symbol-notifications.entry.90e0d62f.js} +1 -1
- package/dist/{swirl-symbol-open-in-new.entry.dabe48dc.js → swirl-symbol-open-in-new.entry.1c616f65.js} +1 -1
- package/dist/{swirl-symbol-pedal-bike.entry.caa43923.js → swirl-symbol-pedal-bike.entry.a5b87962.js} +1 -1
- package/dist/{swirl-symbol-pinterest.entry.a26bf744.js → swirl-symbol-pinterest.entry.bd30636b.js} +1 -1
- package/dist/{swirl-symbol-policy.entry.0c807f18.js → swirl-symbol-policy.entry.e3474135.js} +1 -1
- package/dist/{swirl-symbol-push-pin.entry.eff2fa41.js → swirl-symbol-push-pin.entry.28a5acd8.js} +1 -1
- package/dist/{swirl-symbol-redeem.entry.241a85f1.js → swirl-symbol-redeem.entry.3aaf88bc.js} +1 -1
- package/dist/{swirl-symbol-report-problem.entry.93f4b870.js → swirl-symbol-report-problem.entry.00a3a8c1.js} +1 -1
- package/dist/{swirl-symbol-restaurant.entry.7bc52998.js → swirl-symbol-restaurant.entry.ad9b5c4b.js} +1 -1
- package/dist/{swirl-symbol-roadmap.entry.b85554b7.js → swirl-symbol-roadmap.entry.caecaacc.js} +1 -1
- package/dist/{swirl-symbol-room.entry.92a9f539.js → swirl-symbol-room.entry.e790b997.js} +1 -1
- package/dist/{swirl-symbol-savings.entry.a1abb366.js → swirl-symbol-savings.entry.c6ad01bf.js} +1 -1
- package/dist/{swirl-symbol-settings-voice.entry.ae440173.js → swirl-symbol-settings-voice.entry.251ab03c.js} +1 -1
- package/dist/{swirl-symbol-shopping-cart.entry.e8524146.js → swirl-symbol-shopping-cart.entry.2316e78f.js} +1 -1
- package/dist/{swirl-symbol-smartphone.entry.882a3158.js → swirl-symbol-smartphone.entry.e700fdf0.js} +1 -1
- package/dist/{swirl-symbol-star.entry.30f02aed.js → swirl-symbol-star.entry.027341f5.js} +1 -1
- package/dist/{swirl-symbol-supervisor-account.entry.e782c66c.js → swirl-symbol-supervisor-account.entry.b281dd6d.js} +1 -1
- package/dist/{swirl-symbol-thumbs-up-down.entry.84ee9864.js → swirl-symbol-thumbs-up-down.entry.3a77b11a.js} +1 -1
- package/dist/{swirl-symbol-twitter.entry.1d098eaa.js → swirl-symbol-twitter.entry.0ba70dc0.js} +1 -1
- package/dist/{swirl-symbol-wb-sunny.entry.5405479c.js → swirl-symbol-wb-sunny.entry.cdceb112.js} +1 -1
- package/dist/{swirl-symbol-wechat.entry.8b8c281e.js → swirl-symbol-wechat.entry.4784dc70.js} +1 -1
- package/dist/{swirl-symbol-weibo.entry.f9f6244e.js → swirl-symbol-weibo.entry.163a4532.js} +1 -1
- package/dist/{swirl-symbol-work.entry.10c7c959.js → swirl-symbol-work.entry.8c7a4de0.js} +1 -1
- package/dist/{swirl-symbol-xing.entry.a83d3bf7.js → swirl-symbol-xing.entry.292ae49a.js} +1 -1
- package/dist/{swirl-symbol-youtube.entry.8acdaa41.js → swirl-symbol-youtube.entry.9f372eae.js} +1 -1
- package/dist/{swirl-symbol.entry.708a3a1b.js → swirl-symbol.entry.d0384c4f.js} +1 -1
- package/dist/{swirl-tab-bar.entry.3fd3e72a.js → swirl-tab-bar.entry.8bd4bac7.js} +1 -1
- package/dist/{swirl-tab.entry.a8784d6a.js → swirl-tab.entry.219b2d6e.js} +1 -1
- package/dist/{swirl-table-cell.entry.ce74a331.js → swirl-table-cell.entry.4d7d7d7e.js} +1 -1
- package/dist/{swirl-table-column.entry.18f14f10.js → swirl-table-column.entry.383e71b5.js} +1 -1
- package/dist/{swirl-table-row-group.entry.19285d1e.js → swirl-table-row-group.entry.264ae4a7.js} +1 -1
- package/dist/{swirl-table-row.entry.0a8e0438.js → swirl-table-row.entry.6583ad01.js} +1 -1
- package/dist/{swirl-table.entry.64dc024f.js → swirl-table.entry.517d9c59.js} +1 -1
- package/dist/{swirl-tabs.entry.bd8fe1e0.js → swirl-tabs.entry.7d8d461a.js} +1 -1
- package/dist/{swirl-text-input.entry.bb0753e0.js → swirl-text-input.entry.3cd7319d.js} +1 -1
- package/dist/{swirl-text.entry.ccf9d3fa.js → swirl-text.entry.2d2ed286.js} +1 -1
- package/dist/{swirl-theme-provider.entry.992b54d1.js → swirl-theme-provider.entry.60c58fdd.js} +1 -1
- package/dist/{swirl-time-input.entry.7b127b39.js → swirl-time-input.entry.2c313051.js} +1 -1
- package/dist/{swirl-toast-provider.entry.488641ec.js → swirl-toast-provider.entry.af98d951.js} +1 -1
- package/dist/{swirl-toast.entry.8cb77c1a.js → swirl-toast.entry.893c1901.js} +1 -1
- package/dist/{swirl-tooltip.entry.5e65f89b.js → swirl-tooltip.entry.f88672b1.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.b423de1e.js → swirl-tree-navigation-item.entry.c03605b5.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.0d52b196.js → swirl-video-thumbnail.entry.00a02c8e.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.6576aedd.js → swirl-visually-hidden.entry.ffddac41.js} +1 -1
- package/dist/{wc-datepicker.entry.43db1b90.js → wc-datepicker.entry.57210aad.js} +1 -1
- package/package.json +2 -2
- package/dist/swirl-button.entry.2fdcbe20.js +0 -66
- package/dist/swirl-form-control.entry.ab2923d9.js +0 -77
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, h as t, H as e } from "./index.
|
|
1
|
+
import { r as s, h as t, H as e } from "./index.93c32f2a.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const a = ":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)}}", l = class {
|
package/dist/{swirl-action-list_3.entry.69e1f579.js → swirl-action-list_3.entry.5d7dab92.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as a, h as e, H as n, g as c } from "./index.
|
|
1
|
+
import { r as a, h as e, H as n, g as c } from "./index.93c32f2a.js";
|
|
2
2
|
import { q as d, a as h, g as p } from "./utils-bc84f36e.1fee9865.js";
|
|
3
3
|
import { c as l } from "./index-d280dafb.186cdb0e.js";
|
|
4
4
|
import "react";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { c
|
|
3
|
-
import { i as
|
|
4
|
-
import { S as
|
|
1
|
+
import { r as n, c as r, h as e, H as p, g as h, F as d } from "./index.93c32f2a.js";
|
|
2
|
+
import { c } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
+
import { i as g, g as x } from "./utils-bc84f36e.1fee9865.js";
|
|
4
|
+
import { S as k } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import "react-dom";
|
|
7
|
-
const
|
|
7
|
+
const C = `: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
8
|
"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--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
|
|
9
9
|
"navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"
|
|
10
10
|
"navigation body"}}@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.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"
|
|
@@ -20,14 +20,14 @@ const f = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
20
20
|
"content";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8);--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@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__app-bar-controls{display:none;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);will-change:transform;grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"
|
|
21
21
|
"sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__sidebar-header{padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
|
|
22
22
|
"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"
|
|
23
|
-
"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}.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}.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 (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}.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}.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 (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 (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 (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}}`,
|
|
23
|
+
"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}.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}.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 (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}.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}.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 (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 (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 (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}}`, I = class {
|
|
24
24
|
constructor(i) {
|
|
25
|
-
|
|
25
|
+
n(this, i), this.ctaClick = r(this, "ctaClick", 7), this.mobileViewChange = r(this, "mobileViewChange", 7), this.navigationBackButtonClick = r(this, "navigationBackButtonClick", 7), this.sidebarToggle = r(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
|
|
26
26
|
this.changeMobileView("navigation");
|
|
27
|
-
}, this.onCtaClick = (
|
|
28
|
-
this.ctaClick.emit(
|
|
29
|
-
}, this.onNavigationBackButtonClick = (
|
|
30
|
-
this.navigationBackButtonClick.emit(
|
|
27
|
+
}, this.onCtaClick = (t) => {
|
|
28
|
+
this.ctaClick.emit(t);
|
|
29
|
+
}, this.onNavigationBackButtonClick = (t) => {
|
|
30
|
+
this.navigationBackButtonClick.emit(t);
|
|
31
31
|
}, this.onSidebarCloseButtonClick = () => {
|
|
32
32
|
this.hideSidebar();
|
|
33
33
|
}, this.appName = void 0, this.backToNavigationViewButtonLabel = "Back to navigation", this.ctaIcon = void 0, this.ctaLabel = void 0, this.navigationBackButtonLabel = "Go back", this.navigationLabel = void 0, this.showNavigationBackButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.sidebarHeading = void 0, this.transitionStyle = "slides", this.hasNavigation = void 0, this.hasSidebar = void 0, this.mobileView = "navigation", this.sidebarActive = void 0, this.sidebarClosing = void 0, this.transitioningFrom = void 0, this.transitioningTo = void 0;
|
|
@@ -53,7 +53,7 @@ const f = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
53
53
|
if (!this.sidebarActive || !this.hasSidebar)
|
|
54
54
|
return;
|
|
55
55
|
Boolean(this.sidebarClosingTimeout) && clearTimeout(this.sidebarClosingTimeout), this.sidebarClosing = !0;
|
|
56
|
-
const i =
|
|
56
|
+
const i = g() ? 0 : 300;
|
|
57
57
|
this.sidebarClosingTimeout = setTimeout(() => {
|
|
58
58
|
this.sidebarActive = !1, this.sidebarClosing = !1, this.changeMobileView("body"), this.sidebarToggle.emit(!1);
|
|
59
59
|
}, i);
|
|
@@ -61,18 +61,18 @@ const f = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
61
61
|
async toggleSidebar() {
|
|
62
62
|
!this.hasSidebar || (this.sidebarActive ? this.hideSidebar() : this.showSidebar());
|
|
63
63
|
}
|
|
64
|
-
async changeMobileView(i,
|
|
64
|
+
async changeMobileView(i, t = !0) {
|
|
65
65
|
if (this.mobileView === i || i === "navigation" && !this.hasNavigation || i === "sidebar" && !this.hasSidebar)
|
|
66
66
|
return;
|
|
67
|
-
if (!
|
|
67
|
+
if (!g() || !t) {
|
|
68
68
|
this.mobileView = i, this.mobileViewChange.emit(this.mobileView);
|
|
69
69
|
return;
|
|
70
70
|
}
|
|
71
71
|
Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = i;
|
|
72
|
-
let
|
|
73
|
-
this.transitionStyle === "slides" ?
|
|
72
|
+
let o = 0;
|
|
73
|
+
this.transitionStyle === "slides" ? o = 400 : this.transitionStyle === "dialog" && (o = 300), this.transitionTimeout = setTimeout(() => {
|
|
74
74
|
this.mobileView = i, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
|
|
75
|
-
},
|
|
75
|
+
}, o);
|
|
76
76
|
}
|
|
77
77
|
checkMobileView() {
|
|
78
78
|
if (this.mobileView === "navigation" && !this.hasNavigation || this.mobileView === "sidebar" && !this.hasSidebar) {
|
|
@@ -89,17 +89,17 @@ const f = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
89
89
|
this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
|
|
90
90
|
}
|
|
91
91
|
render() {
|
|
92
|
-
const i = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation,
|
|
93
|
-
"app-layout--has-app-bar-controls":
|
|
92
|
+
const i = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation, t = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), a = c("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}`, {
|
|
93
|
+
"app-layout--has-app-bar-controls": t,
|
|
94
94
|
"app-layout--has-navigation": this.hasNavigation,
|
|
95
95
|
"app-layout--has-sidebar": this.hasSidebar,
|
|
96
96
|
"app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
|
|
97
97
|
"app-layout--sidebar-closing": this.sidebarClosing
|
|
98
98
|
});
|
|
99
|
-
return
|
|
99
|
+
return e(p, null, e("section", { "aria-labelledby": "app-name", class: a, role: "document", tabIndex: 0 }, e("div", { class: "app-layout__grid" }, e("header", { class: "app-layout__header" }, e("span", { class: "app-layout__navigation-mobile-menu-button" }, e("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && e("span", { class: "app-layout__navigation-back-button" }, e("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), e("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && e("span", { class: "app-layout__navigation-controls" }, e("slot", { name: "navigation-controls" }))), e("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, e("slot", { name: "navigation" })), e("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, e("header", { class: "app-layout__app-bar" }, e("span", { class: "app-layout__app-bar-mobile-menu-button" }, e("slot", { name: "app-bar-mobile-menu-button" })), i && e("span", { class: "app-layout__back-to-navigation-button" }, e("swirl-button", { 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 })), e("div", { class: "app-layout__app-bar-content" }, e("slot", { name: "app-bar" })), e("div", { class: "app-layout__app-bar-controls" }, e("slot", { name: "app-bar-controls" }))), e("div", { class: "app-layout__banner" }, e("slot", { name: "banner" })), e("div", { class: "app-layout__content" }, e("slot", { name: "content" }))), e("aside", { class: "app-layout__sidebar" }, e("header", { class: "app-layout__sidebar-header" }, e("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), e("div", { class: "app-layout__sidebar-content" }, e("slot", { name: "sidebar" }))), this.ctaLabel && e("span", { class: "app-layout__floating-cta" }, e("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))));
|
|
100
100
|
}
|
|
101
101
|
get el() {
|
|
102
|
-
return
|
|
102
|
+
return h(this);
|
|
103
103
|
}
|
|
104
104
|
static get watchers() {
|
|
105
105
|
return {
|
|
@@ -107,10 +107,10 @@ const f = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
107
107
|
};
|
|
108
108
|
}
|
|
109
109
|
};
|
|
110
|
-
|
|
111
|
-
const
|
|
110
|
+
I.style = C;
|
|
111
|
+
const S = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}", B = class {
|
|
112
112
|
constructor(i) {
|
|
113
|
-
|
|
113
|
+
n(this, i), this.bordered = void 0, this.centerBlock = void 0, this.centerInline = void 0, this.cover = void 0, this.maxWidth = void 0, this.overflow = "visible", this.padding = "0", this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0;
|
|
114
114
|
}
|
|
115
115
|
render() {
|
|
116
116
|
const i = {
|
|
@@ -127,78 +127,78 @@ const k = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
|
|
|
127
127
|
position: Boolean(this.overflow) ? "relative" : "",
|
|
128
128
|
maxWidth: this.maxWidth,
|
|
129
129
|
width: this.cover ? "100%" : void 0
|
|
130
|
-
},
|
|
130
|
+
}, t = c("box", {
|
|
131
131
|
"box--bordered": this.bordered,
|
|
132
132
|
"box--cover": this.cover
|
|
133
133
|
});
|
|
134
|
-
return
|
|
134
|
+
return e(p, { class: t, style: i }, e("slot", null));
|
|
135
135
|
}
|
|
136
136
|
};
|
|
137
|
-
|
|
138
|
-
const
|
|
137
|
+
B.style = S;
|
|
138
|
+
const D = ":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__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}", M = class {
|
|
139
139
|
constructor(i) {
|
|
140
|
-
|
|
140
|
+
n(this, i), this.heading = void 0, this.illustration = void 0;
|
|
141
141
|
}
|
|
142
142
|
render() {
|
|
143
|
-
return
|
|
143
|
+
return e(p, null, e("div", { class: "empty-state" }, this.illustration && e("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), e("div", { class: "empty-state__body" }, this.heading && e("swirl-heading", { align: "center", as: "p", text: this.heading }), e("div", { class: "empty-state__content" }, e("swirl-text", { align: "center", color: "subdued" }, e("slot", null))))));
|
|
144
144
|
}
|
|
145
145
|
};
|
|
146
|
-
|
|
147
|
-
const
|
|
146
|
+
M.style = D;
|
|
147
|
+
const T = ":host{display:inline-flex}", z = class {
|
|
148
148
|
constructor(i) {
|
|
149
|
-
|
|
149
|
+
n(this, i), this.size = 24;
|
|
150
150
|
}
|
|
151
151
|
render() {
|
|
152
|
-
const i = this.size === 20 ? 24 : this.size,
|
|
153
|
-
return
|
|
152
|
+
const i = this.size === 20 ? 24 : this.size, t = c("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
153
|
+
return e("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(d, null, e("path", { d: "M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(d, null, e("path", { d: "M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z", fill: "currentColor" })), this.size === 28 && e(d, null, e("path", { d: "M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z", fill: "currentColor" })));
|
|
154
154
|
}
|
|
155
155
|
};
|
|
156
|
-
|
|
157
|
-
const
|
|
156
|
+
z.style = T;
|
|
157
|
+
const L = ":host{display:inline-flex}", V = class {
|
|
158
158
|
constructor(i) {
|
|
159
|
-
|
|
159
|
+
n(this, i), this.size = 24;
|
|
160
160
|
}
|
|
161
161
|
render() {
|
|
162
|
-
const i = this.size === 20 ? 24 : this.size,
|
|
163
|
-
return
|
|
162
|
+
const i = this.size === 20 ? 24 : this.size, t = c("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
163
|
+
return e("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(d, null, e("path", { d: "M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(d, null, e("path", { d: "M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z", fill: "currentColor" })), this.size === 28 && e(d, null, e("path", { d: "M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z", fill: "currentColor" })));
|
|
164
164
|
}
|
|
165
165
|
};
|
|
166
|
-
|
|
167
|
-
const
|
|
166
|
+
V.style = L;
|
|
167
|
+
const A = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", H = class {
|
|
168
168
|
constructor(i) {
|
|
169
|
-
|
|
170
|
-
const a =
|
|
169
|
+
n(this, i), this.itemDrop = r(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (t) => {
|
|
170
|
+
const a = t.detail;
|
|
171
171
|
Boolean(this.dragging) ? this.stopDrag(a) : this.startDrag(a);
|
|
172
|
-
}, this.startDrag = (
|
|
173
|
-
this.dragging =
|
|
172
|
+
}, this.startDrag = (t) => {
|
|
173
|
+
this.dragging = t, this.draggingStartIndex = this.getItemIndex(this.dragging), t.setAttribute("dragging", "true");
|
|
174
174
|
const a = this.getItemIndex(this.dragging);
|
|
175
175
|
this.focusItemAtIndex(a), this.assistiveText = this.assistiveTextItemGrabbed;
|
|
176
|
-
}, this.stopDrag = (
|
|
176
|
+
}, this.stopDrag = (t) => {
|
|
177
177
|
const a = this.getItemIndex(this.dragging);
|
|
178
|
-
this.dragging = void 0,
|
|
179
|
-
}, this.onKeyDown = (
|
|
180
|
-
if (
|
|
181
|
-
|
|
182
|
-
else if (
|
|
183
|
-
if (
|
|
178
|
+
this.dragging = void 0, t.removeAttribute("dragging"), this.assistiveText = `${this.assistiveTextItemMoved} ${a + 1}`, this.itemDrop.emit({ item: t, oldIndex: this.draggingStartIndex, newIndex: a }), this.draggingStartIndex = void 0;
|
|
179
|
+
}, this.onKeyDown = (t) => {
|
|
180
|
+
if (t.key === "ArrowDown")
|
|
181
|
+
t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
|
|
182
|
+
else if (t.key === "ArrowUp")
|
|
183
|
+
if (t.preventDefault(), Boolean(this.dragging))
|
|
184
184
|
this.moveDraggedItemUp();
|
|
185
185
|
else {
|
|
186
186
|
const a = this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;
|
|
187
187
|
this.focusItemAtIndex(a);
|
|
188
188
|
}
|
|
189
|
-
else if (
|
|
190
|
-
const a =
|
|
191
|
-
Boolean(this.dragging) && !(a != null && a.classList.contains("resource-list-item__drag-handle")) && (
|
|
189
|
+
else if (t.key === "Space" || t.key === "Enter") {
|
|
190
|
+
const a = t.composedPath()[0];
|
|
191
|
+
Boolean(this.dragging) && !(a != null && a.classList.contains("resource-list-item__drag-handle")) && (t.preventDefault(), this.stopDrag(this.dragging));
|
|
192
192
|
} else
|
|
193
|
-
|
|
193
|
+
t.key === "Home" ? (t.preventDefault(), this.focusItemAtIndex(0)) : t.key === "End" && (t.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
|
|
194
194
|
}, 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.label = void 0, this.assistiveText = void 0;
|
|
195
195
|
}
|
|
196
196
|
componentDidLoad() {
|
|
197
197
|
this.observeSlotChanges(), this.collectItems(), this.setItemAllowDragState(), this.setupDragDrop();
|
|
198
198
|
}
|
|
199
199
|
disconnectedCallback() {
|
|
200
|
-
var i,
|
|
201
|
-
(i = this.sortable) == null || i.destroy(), (
|
|
200
|
+
var i, t;
|
|
201
|
+
(i = this.sortable) == null || i.destroy(), (t = this.observer) == null || t.disconnect();
|
|
202
202
|
}
|
|
203
203
|
observeSlotChanges() {
|
|
204
204
|
this.observer = new MutationObserver(() => {
|
|
@@ -212,12 +212,12 @@ const L = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
212
212
|
this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item")).filter((i) => i.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]);
|
|
213
213
|
}
|
|
214
214
|
getItemIndex(i) {
|
|
215
|
-
return this.items.map((
|
|
215
|
+
return this.items.map((t) => t).findIndex((t) => t === i);
|
|
216
216
|
}
|
|
217
217
|
removeItemsFromTabOrder() {
|
|
218
218
|
this.items.forEach((i) => {
|
|
219
|
-
var
|
|
220
|
-
return (
|
|
219
|
+
var t;
|
|
220
|
+
return (t = i == null ? void 0 : i.querySelector(".resource-list-item__content, .resource-list-file-item")) == null ? void 0 : t.setAttribute("tabIndex", "-1");
|
|
221
221
|
});
|
|
222
222
|
}
|
|
223
223
|
setItemAllowDragState() {
|
|
@@ -228,7 +228,7 @@ const L = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
228
228
|
});
|
|
229
229
|
}
|
|
230
230
|
setupDragDrop() {
|
|
231
|
-
Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable =
|
|
231
|
+
Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = k.create(this.gridEl, {
|
|
232
232
|
animation: 150,
|
|
233
233
|
draggable: "swirl-resource-list-item",
|
|
234
234
|
handle: ".resource-list-item__drag-handle",
|
|
@@ -241,16 +241,16 @@ const L = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
241
241
|
}
|
|
242
242
|
}));
|
|
243
243
|
}
|
|
244
|
-
enableItemFocus(i,
|
|
244
|
+
enableItemFocus(i, t) {
|
|
245
245
|
if (!Boolean(i))
|
|
246
246
|
return;
|
|
247
247
|
const a = i.querySelector(".resource-list-item__content, .resource-list-file-item");
|
|
248
|
-
!Boolean(a) || (a.setAttribute("tabIndex", "0"),
|
|
248
|
+
!Boolean(a) || (a.setAttribute("tabIndex", "0"), t && a.focus());
|
|
249
249
|
}
|
|
250
250
|
focusItemAtIndex(i) {
|
|
251
251
|
this.removeItemsFromTabOrder();
|
|
252
|
-
const
|
|
253
|
-
!Boolean(
|
|
252
|
+
const t = this.items[i];
|
|
253
|
+
!Boolean(t) || !t.isConnected || (this.enableItemFocus(t, !0), this.focusedIndex = i);
|
|
254
254
|
}
|
|
255
255
|
moveDraggedItemDown() {
|
|
256
256
|
const i = this.dragging.nextElementSibling;
|
|
@@ -261,10 +261,10 @@ const L = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
261
261
|
!Boolean(i) || (i.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
|
|
262
262
|
}
|
|
263
263
|
render() {
|
|
264
|
-
return
|
|
264
|
+
return e(p, { onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { role: "alert" }, this.assistiveText), e("swirl-stack", { "aria-label": this.label, class: "resource-list", ref: (i) => this.gridEl = i, role: "grid" }, e("slot", null)));
|
|
265
265
|
}
|
|
266
266
|
get el() {
|
|
267
|
-
return
|
|
267
|
+
return h(this);
|
|
268
268
|
}
|
|
269
269
|
static get watchers() {
|
|
270
270
|
return {
|
|
@@ -272,20 +272,50 @@ const L = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
272
272
|
};
|
|
273
273
|
}
|
|
274
274
|
};
|
|
275
|
-
|
|
276
|
-
|
|
275
|
+
H.style = A;
|
|
276
|
+
var u, E = new Uint8Array(16);
|
|
277
|
+
function N() {
|
|
278
|
+
if (!u && (u = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto < "u" && typeof msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto), !u))
|
|
279
|
+
throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
|
|
280
|
+
return u(E);
|
|
281
|
+
}
|
|
282
|
+
const $ = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
|
|
283
|
+
function F(i) {
|
|
284
|
+
return typeof i == "string" && $.test(i);
|
|
285
|
+
}
|
|
286
|
+
var s = [];
|
|
287
|
+
for (var m = 0; m < 256; ++m)
|
|
288
|
+
s.push((m + 256).toString(16).substr(1));
|
|
289
|
+
function Z(i) {
|
|
290
|
+
var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, a = (s[i[t + 0]] + s[i[t + 1]] + s[i[t + 2]] + s[i[t + 3]] + "-" + s[i[t + 4]] + s[i[t + 5]] + "-" + s[i[t + 6]] + s[i[t + 7]] + "-" + s[i[t + 8]] + s[i[t + 9]] + "-" + s[i[t + 10]] + s[i[t + 11]] + s[i[t + 12]] + s[i[t + 13]] + s[i[t + 14]] + s[i[t + 15]]).toLowerCase();
|
|
291
|
+
if (!F(a))
|
|
292
|
+
throw TypeError("Stringified UUID is invalid");
|
|
293
|
+
return a;
|
|
294
|
+
}
|
|
295
|
+
function R(i, t, a) {
|
|
296
|
+
i = i || {};
|
|
297
|
+
var o = i.random || (i.rng || N)();
|
|
298
|
+
if (o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, t) {
|
|
299
|
+
a = a || 0;
|
|
300
|
+
for (var l = 0; l < 16; ++l)
|
|
301
|
+
t[a + l] = o[l];
|
|
302
|
+
return t;
|
|
303
|
+
}
|
|
304
|
+
return Z(o);
|
|
305
|
+
}
|
|
306
|
+
const q = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
|
|
277
307
|
--swirl-resource-list-item-background-hovered
|
|
278
308
|
);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)}@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--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.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{opacity:1;pointer-events:auto}.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{opacity:0;pointer-events:none}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{opacity:0;pointer-events:none}.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),
|
|
279
|
-
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__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);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);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);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-16);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.25rem;height:1.25rem;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:var(--s-space-16)}}.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}.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)}`,
|
|
309
|
+
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__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);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);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);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-16);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.25rem;height:1.25rem;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:var(--s-space-16)}}.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}.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)}`, O = class {
|
|
280
310
|
constructor(i) {
|
|
281
|
-
|
|
282
|
-
this.forceIconProps(
|
|
311
|
+
n(this, i), this.toggleDrag = r(this, "toggleDrag", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = x(), this.id = R(), this.desktopMediaQueryHandler = (t) => {
|
|
312
|
+
this.forceIconProps(t.matches), this.updateIconSize(t.matches);
|
|
283
313
|
}, this.onClick = () => {
|
|
284
314
|
!this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
|
|
285
|
-
}, this.onMenuTriggerClick = (
|
|
286
|
-
this.disabled && !Boolean(this.href) &&
|
|
287
|
-
}, this.onDragHandleKeyDown = (
|
|
288
|
-
(
|
|
315
|
+
}, this.onMenuTriggerClick = (t) => {
|
|
316
|
+
this.disabled && !Boolean(this.href) && t.stopPropagation();
|
|
317
|
+
}, this.onDragHandleKeyDown = (t) => {
|
|
318
|
+
(t.code === "Space" || t.code === "Enter") && (t.preventDefault(), this.toggleDrag.emit(this.el));
|
|
289
319
|
}, this.active = void 0, this.allowDrag = void 0, this.checked = !1, this.description = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.hideDivider = void 0, this.href = void 0, this.interactive = !0, this.label = void 0, this.labelWeight = "medium", this.menuTriggerId = void 0, this.menuTriggerLabel = "Options", this.meta = void 0, this.selectable = void 0, this.value = void 0, this.hasMedia = !1, this.iconSize = 24;
|
|
290
320
|
}
|
|
291
321
|
async componentWillLoad() {
|
|
@@ -295,47 +325,47 @@ const V = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
295
325
|
this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
|
|
296
326
|
}
|
|
297
327
|
disconnectedCallback() {
|
|
298
|
-
var i,
|
|
299
|
-
(
|
|
328
|
+
var i, t;
|
|
329
|
+
(t = (i = this.desktopMediaQuery).removeEventListener) == null || t.call(i, "change", this.desktopMediaQueryHandler);
|
|
300
330
|
}
|
|
301
331
|
forceIconProps(i) {
|
|
302
332
|
var a;
|
|
303
|
-
const
|
|
304
|
-
|
|
333
|
+
const t = (a = this.iconEl) == null ? void 0 : a.children[0];
|
|
334
|
+
t == null || t.setAttribute("size", i ? "20" : "24");
|
|
305
335
|
}
|
|
306
336
|
updateIconSize(i) {
|
|
307
337
|
this.iconSize = i ? 20 : 24;
|
|
308
338
|
}
|
|
309
339
|
updateMediaState() {
|
|
310
|
-
const i = this.el.querySelector('[slot="media"]'),
|
|
311
|
-
|
|
340
|
+
const i = this.el.querySelector('[slot="media"]'), t = Boolean(i);
|
|
341
|
+
t !== this.hasMedia && (this.hasMedia = t);
|
|
312
342
|
}
|
|
313
343
|
render() {
|
|
314
|
-
const i = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button",
|
|
344
|
+
const i = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", t = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = Boolean(this.menuTriggerId) || this.el.querySelector("[slot='control']"), l = this.interactive && Boolean(this.href) ? this.href : void 0, b = Boolean(this.meta) || a, y = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, v = (Boolean(this.meta) || a) && !this.selectable, w = this.selectable ? String(this.checked) : void 0, f = this.interactive && this.selectable ? "checkbox" : void 0, _ = c("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
|
|
315
345
|
"resource-list-item--active": this.active,
|
|
316
346
|
"resource-list-item--checked": this.checked,
|
|
317
347
|
"resource-list-item--disabled": this.disabled,
|
|
318
348
|
"resource-list-item--draggable": this.allowDrag,
|
|
319
349
|
"resource-list-item--dragging": this.dragging,
|
|
320
|
-
"resource-list-item--has-menu":
|
|
350
|
+
"resource-list-item--has-menu": o,
|
|
321
351
|
"resource-list-item--hide-divider": this.hideDivider,
|
|
322
352
|
"resource-list-item--interactive": this.interactive || this.selectable,
|
|
323
353
|
"resource-list-item--selectable": this.selectable,
|
|
324
|
-
"resource-list-item--show-control-on-focus":
|
|
354
|
+
"resource-list-item--show-control-on-focus": b
|
|
325
355
|
});
|
|
326
|
-
return
|
|
356
|
+
return e(p, { role: "row" }, e("div", { class: _, role: "gridcell" }, e(i, { "aria-checked": w, "aria-disabled": t ? "true" : void 0, "aria-labelledby": this.id, class: "resource-list-item__content", href: l, disabled: t, onClick: this.onClick, part: "resource-list-item__content", role: f, tabIndex: 0 }, this.hasMedia && e("span", { class: "resource-list-item__media" }, e("slot", { name: "media" })), e("span", { class: "resource-list-item__label-container" }, e("span", { class: "resource-list-item__label", id: this.id, innerHTML: this.label }), this.description && e("span", { class: "resource-list-item__description" }, this.description)), v && e("span", { class: "resource-list-item__meta" }, e("span", { class: "resource-list-item__meta-text" }, this.meta), e("span", { class: "resource-list-item__badges" }, e("slot", { name: "badges" })))), this.selectable && e("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", null))), e("span", { class: "resource-list-item__control" }, e("slot", { name: "control" })), y && e("swirl-popover-trigger", { popover: this.menuTriggerId }, e("swirl-button", { "aria-disabled": t ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: t, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { size: this.iconSize })));
|
|
327
357
|
}
|
|
328
358
|
get el() {
|
|
329
|
-
return
|
|
359
|
+
return h(this);
|
|
330
360
|
}
|
|
331
361
|
};
|
|
332
|
-
|
|
362
|
+
O.style = q;
|
|
333
363
|
export {
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
364
|
+
I as swirl_app_layout,
|
|
365
|
+
B as swirl_box,
|
|
366
|
+
M as swirl_empty_state,
|
|
367
|
+
z as swirl_icon_file,
|
|
368
|
+
V as swirl_icon_folder_shared,
|
|
369
|
+
H as swirl_resource_list,
|
|
370
|
+
O as swirl_resource_list_item
|
|
341
371
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as p, c as m, h as a, H as g, g as f } from "./index.
|
|
1
|
+
import { r as p, c as m, h as a, H as g, g as f } from "./index.93c32f2a.js";
|
|
2
2
|
import { a as v, c as b, o as y } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
|
|
3
3
|
import { c as w } from "./index-d280dafb.186cdb0e.js";
|
|
4
4
|
import { d as S } from "./utils-bc84f36e.1fee9865.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, c as r, h as t, H as c, g as l } from "./index.
|
|
1
|
+
import { r as o, c as r, h as t, H as c, g as l } from "./index.93c32f2a.js";
|
|
2
2
|
import { c as b } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { g as d } from "./utils-bc84f36e.1fee9865.js";
|
|
4
4
|
import "react";
|