@getflip/swirl-components-react 0.208.3 → 0.210.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{file-manager.entry.9408e637.js → file-manager.entry.ce6adb10.js} +3 -3
- package/dist/index.72c526c1.js +3271 -0
- package/dist/stencil-generated/index.d.ts +10 -0
- package/dist/{swirl-accordion-item.entry.d11fb306.js → swirl-accordion-item.entry.18615ba5.js} +3 -3
- package/dist/{swirl-accordion.entry.37a18079.js → swirl-accordion.entry.96e4a115.js} +4 -4
- package/dist/{swirl-action-list-section.entry.03805dc9.js → swirl-action-list-section.entry.aa20d5b8.js} +5 -5
- package/dist/{swirl-action-list_3.entry.688e5946.js → swirl-action-list_3.entry.c9cf6618.js} +2 -2
- package/dist/{swirl-app-bar.entry.18ab0ea3.js → swirl-app-bar.entry.25117ad1.js} +1 -1
- package/dist/{swirl-app-icon.entry.f72280ef.js → swirl-app-icon.entry.3df2ffbd.js} +2 -2
- package/dist/{swirl-app-layout_6.entry.414855a0.js → swirl-app-layout_6.entry.f582f5e6.js} +33 -33
- package/dist/{swirl-autocomplete.entry.cc4c1ed6.js → swirl-autocomplete.entry.7e5f6cd6.js} +1 -1
- package/dist/{swirl-avatar-group.entry.53b8acd4.js → swirl-avatar-group.entry.1db2f801.js} +8 -8
- package/dist/{swirl-avatar.entry.55df15b1.js → swirl-avatar.entry.565c69c1.js} +1 -1
- package/dist/{swirl-badge.entry.baf874f9.js → swirl-badge.entry.7f12f558.js} +1 -1
- package/dist/{swirl-banner.entry.63821988.js → swirl-banner.entry.20a566de.js} +1 -1
- package/dist/{swirl-box.entry.6fbeaad4.js → swirl-box.entry.a30ff1a8.js} +1 -1
- package/dist/{swirl-button-group.entry.2bd3dc36.js → swirl-button-group.entry.a79439f0.js} +1 -1
- package/dist/{swirl-button.entry.278d50da.js → swirl-button.entry.7e4d4ee8.js} +1 -1
- package/dist/{swirl-card.entry.624a9035.js → swirl-card.entry.a9aa2630.js} +1 -1
- package/dist/swirl-carousel-slide.entry.c10be377.js +19 -0
- package/dist/{swirl-carousel.entry.a417ee97.js → swirl-carousel.entry.9148a6a0.js} +3 -3
- package/dist/{swirl-checkbox.entry.e0bb870a.js → swirl-checkbox.entry.a068a7e4.js} +1 -1
- package/dist/{swirl-chip.entry.e60560d0.js → swirl-chip.entry.6df752c3.js} +1 -1
- package/dist/{swirl-color-input.entry.e3c3d96f.js → swirl-color-input.entry.02398965.js} +12 -12
- package/dist/{swirl-columns.entry.14203bca.js → swirl-columns.entry.67bc0373.js} +1 -1
- package/dist/swirl-components-react.js +284 -274
- package/dist/swirl-components-react.umd.cjs +50 -48
- package/dist/{swirl-console-layout.entry.30ce1a0f.js → swirl-console-layout.entry.6ab7533f.js} +5 -5
- package/dist/{swirl-date-input.entry.e7caa320.js → swirl-date-input.entry.a7ddae2c.js} +8 -8
- package/dist/{swirl-date-picker_2.entry.8200ba8c.js → swirl-date-picker_2.entry.cf38a608.js} +7 -7
- package/dist/{swirl-description-list-item.entry.872d5810.js → swirl-description-list-item.entry.04375a76.js} +2 -2
- package/dist/swirl-description-list.entry.b4e8f4f7.js +15 -0
- package/dist/{swirl-dialog.entry.ed32c0f2.js → swirl-dialog.entry.5909277b.js} +1 -1
- package/dist/swirl-emoji-clap.entry.37744527.js +17 -0
- package/dist/{swirl-emoji-happy.entry.9e955326.js → swirl-emoji-happy.entry.c31d865d.js} +2 -2
- package/dist/swirl-emoji-idea.entry.370a3917.js +17 -0
- package/dist/swirl-emoji-love.entry.b6f2aa2b.js +17 -0
- package/dist/swirl-emoji-sad.entry.a2192dfc.js +17 -0
- package/dist/swirl-emoji-thumbs-up.entry.fba8edc0.js +17 -0
- package/dist/swirl-emoji.entry.0082025e.js +16 -0
- package/dist/{swirl-file-uploader.entry.d0a0e9f8.js → swirl-file-uploader.entry.9327a4c5.js} +3 -3
- package/dist/{swirl-file-viewer_7.entry.d5ac2f31.js → swirl-file-viewer_7.entry.d1e83f14.js} +7 -7
- package/dist/{swirl-form-control.entry.b8d5ce9b.js → swirl-form-control.entry.47c55284.js} +3 -3
- package/dist/{swirl-form-group.entry.3841d9ec.js → swirl-form-group.entry.558060d2.js} +1 -1
- package/dist/{swirl-heading.entry.ebcb21c9.js → swirl-heading.entry.14af5cc4.js} +1 -1
- package/dist/{swirl-icon-add-moderator.entry.757fabc6.js → swirl-icon-add-moderator.entry.1af89e08.js} +8 -8
- package/dist/{swirl-icon-add-photo.entry.9f946410.js → swirl-icon-add-photo.entry.8c6db390.js} +10 -10
- package/dist/{swirl-icon-add-reaction.entry.28928f9f.js → swirl-icon-add-reaction.entry.67d2e3ec.js} +6 -6
- package/dist/{swirl-icon-add_6.entry.a84aeca9.js → swirl-icon-add_6.entry.f8e09b20.js} +19 -19
- package/dist/{swirl-icon-admin-panel-settings.entry.7a418f17.js → swirl-icon-admin-panel-settings.entry.d9e6942e.js} +7 -7
- package/dist/{swirl-icon-ai.entry.965257f5.js → swirl-icon-ai.entry.4b964087.js} +10 -10
- package/dist/{swirl-icon-apps.entry.97c064e8.js → swirl-icon-apps.entry.8f20d2bc.js} +10 -10
- package/dist/{swirl-icon-arrow-back_4.entry.36678b81.js → swirl-icon-arrow-back_4.entry.8c5abd2c.js} +16 -16
- package/dist/{swirl-icon-arrow-downward_2.entry.fcc8856b.js → swirl-icon-arrow-downward_2.entry.fb8a4273.js} +12 -12
- package/dist/{swirl-icon-arrow-left_4.entry.a9a64179.js → swirl-icon-arrow-left_4.entry.37a32052.js} +22 -22
- package/dist/swirl-icon-arrow-right-small.entry.fc04a31f.js +19 -0
- package/dist/swirl-icon-aspect-ratio.entry.b07d052a.js +19 -0
- package/dist/{swirl-icon-attachment.entry.3de4e02b.js → swirl-icon-attachment.entry.a7d73d10.js} +8 -8
- package/dist/{swirl-icon-bar-chart.entry.69ea0d78.js → swirl-icon-bar-chart.entry.ab28fe6f.js} +7 -7
- package/dist/{swirl-icon-block.entry.d0c1efd7.js → swirl-icon-block.entry.a99a2ac8.js} +7 -7
- package/dist/{swirl-icon-bookmark-filled.entry.0d8b3f03.js → swirl-icon-bookmark-filled.entry.ef1446e7.js} +10 -10
- package/dist/{swirl-icon-bookmark.entry.80e11266.js → swirl-icon-bookmark.entry.3b543a6f.js} +5 -5
- package/dist/{swirl-icon-cancel_4.entry.dc51ecc2.js → swirl-icon-cancel_4.entry.a5e8389d.js} +26 -26
- package/dist/{swirl-icon-chat-bubble.entry.2516e06f.js → swirl-icon-chat-bubble.entry.539cb23e.js} +4 -4
- package/dist/{swirl-icon-chats-filled.entry.116353a9.js → swirl-icon-chats-filled.entry.e67bd29b.js} +2 -2
- package/dist/{swirl-icon-chats.entry.45c52fb7.js → swirl-icon-chats.entry.66f29b05.js} +2 -2
- package/dist/{swirl-icon-check-circle_2.entry.db0da1b6.js → swirl-icon-check-circle_2.entry.34f23518.js} +11 -11
- package/dist/{swirl-icon-check-small_3.entry.456623f5.js → swirl-icon-check-small_3.entry.aca3c063.js} +5 -5
- package/dist/{swirl-icon-check-strong.entry.a9c47032.js → swirl-icon-check-strong.entry.18c4f00f.js} +9 -9
- package/dist/{swirl-icon-check.entry.c8511c70.js → swirl-icon-check.entry.6d6ce735.js} +7 -7
- package/dist/{swirl-icon-chevron-left.entry.fd1f7b8b.js → swirl-icon-chevron-left.entry.54c7b50b.js} +2 -2
- package/dist/{swirl-icon-chevron-right.entry.8634058c.js → swirl-icon-chevron-right.entry.7d7ce415.js} +7 -7
- package/dist/{swirl-icon-close-small.entry.de03ecc1.js → swirl-icon-close-small.entry.1533bd2f.js} +4 -4
- package/dist/{swirl-icon-close.entry.b5dc40b7.js → swirl-icon-close.entry.f8e72dd2.js} +5 -5
- package/dist/{swirl-icon-cloud-upload.entry.a93c0520.js → swirl-icon-cloud-upload.entry.bf72207a.js} +8 -8
- package/dist/{swirl-icon-column.entry.e12250b6.js → swirl-icon-column.entry.fe23dcf0.js} +7 -7
- package/dist/{swirl-icon-comment.entry.2c6f1e82.js → swirl-icon-comment.entry.b9640761.js} +8 -8
- package/dist/{swirl-icon-copy.entry.e11bcb6b.js → swirl-icon-copy.entry.fcdb3035.js} +4 -4
- package/dist/swirl-icon-crop.entry.df2e010c.js +19 -0
- package/dist/{swirl-icon-dark-mode.entry.0cf39752.js → swirl-icon-dark-mode.entry.0497f18e.js} +8 -8
- package/dist/{swirl-icon-date-range.entry.bbe7e44b.js → swirl-icon-date-range.entry.0136edc6.js} +5 -5
- package/dist/{swirl-icon-delete.entry.acb08cef.js → swirl-icon-delete.entry.eff5293e.js} +2 -2
- package/dist/{swirl-icon-description.entry.ea83c099.js → swirl-icon-description.entry.c2fcbc5e.js} +5 -5
- package/dist/{swirl-icon-desktop.entry.ad0cabca.js → swirl-icon-desktop.entry.4b3b88bd.js} +8 -8
- package/dist/{swirl-icon-directory-filled.entry.38b5814b.js → swirl-icon-directory-filled.entry.2bc4c1f3.js} +2 -2
- package/dist/{swirl-icon-directory.entry.3d7ea942.js → swirl-icon-directory.entry.c4b13a74.js} +6 -6
- package/dist/{swirl-icon-discover.entry.5ca99fa2.js → swirl-icon-discover.entry.9f7d5655.js} +8 -8
- package/dist/{swirl-icon-dot.entry.ca55a705.js → swirl-icon-dot.entry.3e87933b.js} +5 -5
- package/dist/{swirl-icon-double-arrow-right.entry.50c2b170.js → swirl-icon-double-arrow-right.entry.6137ac06.js} +8 -8
- package/dist/{swirl-icon-download.entry.79b9f91e.js → swirl-icon-download.entry.03956db8.js} +5 -5
- package/dist/{swirl-icon-edit.entry.8f8f08ee.js → swirl-icon-edit.entry.d3a5a63d.js} +8 -8
- package/dist/{swirl-icon-emoji-mood.entry.1dc82d0d.js → swirl-icon-emoji-mood.entry.ec8f2008.js} +5 -5
- package/dist/{swirl-icon-emoji-satisfied.entry.dd5d9124.js → swirl-icon-emoji-satisfied.entry.4c2cca8e.js} +10 -10
- package/dist/{swirl-icon-error_3.entry.28b3aaca.js → swirl-icon-error_3.entry.0b0fa170.js} +2 -2
- package/dist/{swirl-icon-expand-more.entry.9c289f12.js → swirl-icon-expand-more.entry.f2be400c.js} +9 -9
- package/dist/{swirl-icon-filter.entry.25b85a80.js → swirl-icon-filter.entry.7d4d8f0a.js} +4 -4
- package/dist/{swirl-icon-folder.entry.9cbb7449.js → swirl-icon-folder.entry.9e6eccbb.js} +9 -9
- package/dist/{swirl-icon-format-h-one.entry.3f2ac487.js → swirl-icon-format-h-one.entry.cb1868ce.js} +7 -7
- package/dist/{swirl-icon-gif.entry.c3f26adb.js → swirl-icon-gif.entry.d1ff97b4.js} +8 -8
- package/dist/{swirl-icon-group-add.entry.864bcf95.js → swirl-icon-group-add.entry.358e6071.js} +5 -5
- package/dist/{swirl-icon-group-assign.entry.3c8402c3.js → swirl-icon-group-assign.entry.d444cddf.js} +6 -6
- package/dist/{swirl-icon-groups-filled.entry.526e2a78.js → swirl-icon-groups-filled.entry.cc69d50e.js} +7 -7
- package/dist/{swirl-icon-groups.entry.a484c9dc.js → swirl-icon-groups.entry.ed434066.js} +6 -6
- package/dist/{swirl-icon-hamburger-menu.entry.b4f31f0c.js → swirl-icon-hamburger-menu.entry.58df4773.js} +6 -6
- package/dist/{swirl-icon-help.entry.3bd223b4.js → swirl-icon-help.entry.146375b3.js} +8 -8
- package/dist/{swirl-icon-highlight.entry.685908d0.js → swirl-icon-highlight.entry.089a6e33.js} +5 -5
- package/dist/{swirl-icon-home.entry.771d5038.js → swirl-icon-home.entry.767605dc.js} +5 -5
- package/dist/{swirl-icon-image.entry.39184811.js → swirl-icon-image.entry.18d43aec.js} +9 -9
- package/dist/{swirl-icon-improve-text.entry.e7c42132.js → swirl-icon-improve-text.entry.ec13f257.js} +5 -5
- package/dist/{swirl-icon-info.entry.bbd8dd77.js → swirl-icon-info.entry.e855bcd3.js} +7 -7
- package/dist/{swirl-icon-insert-below.entry.eac091dc.js → swirl-icon-insert-below.entry.e7ba4f76.js} +6 -6
- package/dist/{swirl-icon-insert-on-top.entry.7feac043.js → swirl-icon-insert-on-top.entry.3a587423.js} +8 -8
- package/dist/{swirl-icon-inventory.entry.91343e80.js → swirl-icon-inventory.entry.82d6a11d.js} +5 -5
- package/dist/{swirl-icon-keyboard-hide.entry.e8d4c5c7.js → swirl-icon-keyboard-hide.entry.5ec9303f.js} +5 -5
- package/dist/{swirl-icon-keyboard.entry.dbc236d2.js → swirl-icon-keyboard.entry.ce2d400a.js} +5 -5
- package/dist/{swirl-icon-light-mode.entry.c7421858.js → swirl-icon-light-mode.entry.a13b23ea.js} +8 -8
- package/dist/{swirl-icon-like.entry.d0ad4234.js → swirl-icon-like.entry.0a17097e.js} +6 -6
- package/dist/{swirl-icon-link.entry.e0f6e69e.js → swirl-icon-link.entry.a2b00ce2.js} +9 -9
- package/dist/{swirl-icon-load.entry.a6dc1437.js → swirl-icon-load.entry.9e4f4fd5.js} +7 -7
- package/dist/{swirl-icon-lock-open.entry.285dcc6e.js → swirl-icon-lock-open.entry.6f9a5a8a.js} +5 -5
- package/dist/{swirl-icon-lock-person.entry.7fa5aeda.js → swirl-icon-lock-person.entry.70a6ad5d.js} +8 -8
- package/dist/{swirl-icon-lock.entry.e5a8b2b9.js → swirl-icon-lock.entry.d2d030b9.js} +7 -7
- package/dist/{swirl-icon-login.entry.5026749a.js → swirl-icon-login.entry.6bbe49fb.js} +2 -2
- package/dist/{swirl-icon-logout.entry.fae38487.js → swirl-icon-logout.entry.ae7c8e09.js} +8 -8
- package/dist/{swirl-icon-long-text.entry.b598c4f8.js → swirl-icon-long-text.entry.17c6e37c.js} +8 -8
- package/dist/{swirl-icon-mail.entry.26f40b8b.js → swirl-icon-mail.entry.3e2be376.js} +8 -8
- package/dist/{swirl-icon-manage-accounts.entry.b9b7a424.js → swirl-icon-manage-accounts.entry.090ddff9.js} +7 -7
- package/dist/{swirl-icon-mark-chat-read.entry.df3b9157.js → swirl-icon-mark-chat-read.entry.532b2bb8.js} +5 -5
- package/dist/{swirl-icon-mark-chat-unread.entry.2ff1e96e.js → swirl-icon-mark-chat-unread.entry.1dc05fe1.js} +5 -5
- package/dist/{swirl-icon-mention.entry.379c82c4.js → swirl-icon-mention.entry.0af58976.js} +8 -8
- package/dist/swirl-icon-menu-filled.entry.76cce9e3.js +19 -0
- package/dist/{swirl-icon-menu.entry.86bd9ee0.js → swirl-icon-menu.entry.949b7dac.js} +7 -7
- package/dist/{swirl-icon-message.entry.72f33ce9.js → swirl-icon-message.entry.ee1078eb.js} +7 -7
- package/dist/{swirl-icon-mic.entry.26db8e28.js → swirl-icon-mic.entry.6547904a.js} +7 -7
- package/dist/{swirl-icon-more-horizontal.entry.b59a436b.js → swirl-icon-more-horizontal.entry.e9008103.js} +5 -5
- package/dist/{swirl-icon-news-filled.entry.d23af5ce.js → swirl-icon-news-filled.entry.3cb6bc34.js} +6 -6
- package/dist/{swirl-icon-news-off.entry.f31d4a50.js → swirl-icon-news-off.entry.9146b1a2.js} +9 -9
- package/dist/{swirl-icon-news.entry.81c518bc.js → swirl-icon-news.entry.a6f02b1d.js} +9 -9
- package/dist/{swirl-icon-notifications-active.entry.ea7d6a43.js → swirl-icon-notifications-active.entry.d5dc0404.js} +5 -5
- package/dist/{swirl-icon-notifications-off.entry.709d0ad1.js → swirl-icon-notifications-off.entry.e421d80e.js} +6 -6
- package/dist/{swirl-icon-notifications.entry.0c1af8bc.js → swirl-icon-notifications.entry.e5cca07a.js} +9 -9
- package/dist/{swirl-icon-open-in-full.entry.2d38f5ca.js → swirl-icon-open-in-full.entry.06b2719e.js} +7 -7
- package/dist/{swirl-icon-open-in-new.entry.eaecc1b6.js → swirl-icon-open-in-new.entry.d2430614.js} +8 -8
- package/dist/{swirl-icon-pause-circle.entry.d53f60be.js → swirl-icon-pause-circle.entry.bc2f8013.js} +4 -4
- package/dist/{swirl-icon-pause.entry.e33bfdf0.js → swirl-icon-pause.entry.2a3371fd.js} +7 -7
- package/dist/{swirl-icon-people-alt.entry.65896578.js → swirl-icon-people-alt.entry.247adb28.js} +7 -7
- package/dist/{swirl-icon-person-off.entry.5fc1fdfd.js → swirl-icon-person-off.entry.ffc3ec65.js} +6 -6
- package/dist/{swirl-icon-person.entry.ab50ea18.js → swirl-icon-person.entry.e44165bb.js} +6 -6
- package/dist/{swirl-icon-phone.entry.08a635be.js → swirl-icon-phone.entry.346873fd.js} +7 -7
- package/dist/{swirl-icon-photo-camera.entry.1d5a0255.js → swirl-icon-photo-camera.entry.8eddca52.js} +2 -2
- package/dist/{swirl-icon-pin-off.entry.1d754842.js → swirl-icon-pin-off.entry.6c1be16f.js} +7 -7
- package/dist/{swirl-icon-pin.entry.e2511809.js → swirl-icon-pin.entry.6f75a218.js} +9 -9
- package/dist/{swirl-icon-place.entry.61c19b4b.js → swirl-icon-place.entry.9f903b62.js} +6 -6
- package/dist/{swirl-icon-play-arrow.entry.46c2e8c8.js → swirl-icon-play-arrow.entry.70f86a88.js} +9 -9
- package/dist/{swirl-icon-poll.entry.d1328798.js → swirl-icon-poll.entry.a6a62cba.js} +6 -6
- package/dist/{swirl-icon-print.entry.6f1bdf6e.js → swirl-icon-print.entry.e6aa260e.js} +6 -6
- package/dist/swirl-icon-ratio-four-to-three.entry.01fa4b88.js +19 -0
- package/dist/swirl-icon-ratio-freeform.entry.86c126f7.js +19 -0
- package/dist/swirl-icon-ratio-sixteen-to-nine.entry.821b1d68.js +19 -0
- package/dist/swirl-icon-ratio-square.entry.fd6fb271.js +19 -0
- package/dist/swirl-icon-ratio-three-to-four.entry.00db5cc5.js +19 -0
- package/dist/swirl-icon-ratio-three-to-two.entry.1fd21a8e.js +19 -0
- package/dist/{swirl-icon-recieved.entry.d615b67c.js → swirl-icon-recieved.entry.c646b048.js} +9 -9
- package/dist/{swirl-icon-remove-moderator.entry.88ed7d1f.js → swirl-icon-remove-moderator.entry.f7f058ad.js} +8 -8
- package/dist/{swirl-icon-reply.entry.8ecff05c.js → swirl-icon-reply.entry.5d7a5565.js} +7 -7
- package/dist/{swirl-icon-report.entry.03fd32e2.js → swirl-icon-report.entry.9c7d4324.js} +8 -8
- package/dist/{swirl-icon-roadmap.entry.6108e729.js → swirl-icon-roadmap.entry.a9f1fd91.js} +7 -7
- package/dist/swirl-icon-rotate-left.entry.cbf0c8dc.js +19 -0
- package/dist/swirl-icon-rotate-right.entry.56732b2f.js +19 -0
- package/dist/{swirl-icon-search-strong.entry.cc422075.js → swirl-icon-search-strong.entry.f8e2b7ac.js} +9 -9
- package/dist/{swirl-icon-search.entry.07ed38e6.js → swirl-icon-search.entry.7f1d3d85.js} +8 -8
- package/dist/{swirl-icon-secure.entry.6ab8eae7.js → swirl-icon-secure.entry.0bc526b6.js} +2 -2
- package/dist/{swirl-icon-send.entry.58018312.js → swirl-icon-send.entry.ff5a02ad.js} +4 -4
- package/dist/{swirl-icon-settings.entry.75fe7111.js → swirl-icon-settings.entry.854be390.js} +7 -7
- package/dist/{swirl-icon-short-text.entry.92835bd0.js → swirl-icon-short-text.entry.32a9fa26.js} +7 -7
- package/dist/{swirl-icon-simplify.entry.7b1285f8.js → swirl-icon-simplify.entry.d1f85cb0.js} +9 -9
- package/dist/{swirl-icon-spellcheck.entry.f4ebd223.js → swirl-icon-spellcheck.entry.e6ec01a2.js} +8 -8
- package/dist/{swirl-icon-stop.entry.f2a880f8.js → swirl-icon-stop.entry.59e86f09.js} +4 -4
- package/dist/{swirl-icon-sync.entry.28234b72.js → swirl-icon-sync.entry.f219dc72.js} +2 -2
- package/dist/{swirl-icon-tasks-filled.entry.9efd047d.js → swirl-icon-tasks-filled.entry.e2261fd3.js} +8 -8
- package/dist/{swirl-icon-tasks.entry.58611a43.js → swirl-icon-tasks.entry.dd7d5301.js} +6 -6
- package/dist/{swirl-icon-terminal.entry.a90cf31b.js → swirl-icon-terminal.entry.2cabe5f7.js} +6 -6
- package/dist/{swirl-icon-time-filled.entry.87e36185.js → swirl-icon-time-filled.entry.fe3c7a3e.js} +5 -5
- package/dist/{swirl-icon-time.entry.21fcb4fd.js → swirl-icon-time.entry.df716cd3.js} +10 -10
- package/dist/{swirl-icon-today-filled.entry.41ab0926.js → swirl-icon-today-filled.entry.9241348d.js} +8 -8
- package/dist/{swirl-icon-translate.entry.11a4a4b5.js → swirl-icon-translate.entry.7d430f34.js} +7 -7
- package/dist/{swirl-icon-tree-structure.entry.190fdb12.js → swirl-icon-tree-structure.entry.3b291d7d.js} +10 -10
- package/dist/{swirl-icon-undo.entry.cc0cc889.js → swirl-icon-undo.entry.ed36c2a6.js} +10 -10
- package/dist/{swirl-icon-unlock-person.entry.5263ae5b.js → swirl-icon-unlock-person.entry.bce18967.js} +7 -7
- package/dist/{swirl-icon-user-add.entry.5ad2231d.js → swirl-icon-user-add.entry.0590a9e5.js} +8 -8
- package/dist/{swirl-icon-user-assign.entry.311f0cdf.js → swirl-icon-user-assign.entry.eefd52d0.js} +7 -7
- package/dist/{swirl-icon-video-camera.entry.fd7204b1.js → swirl-icon-video-camera.entry.e4d0a0ea.js} +5 -5
- package/dist/{swirl-icon-video-library.entry.c65a6ac1.js → swirl-icon-video-library.entry.365e2b9f.js} +2 -2
- package/dist/{swirl-icon-voice.entry.4f591601.js → swirl-icon-voice.entry.0a063cf9.js} +4 -4
- package/dist/{swirl-icon-work.entry.0544a426.js → swirl-icon-work.entry.bd159d7b.js} +7 -7
- package/dist/{swirl-icon.entry.e7dce698.js → swirl-icon.entry.b5e82476.js} +1 -1
- package/dist/swirl-image-grid-item.entry.4d6c64b5.js +49 -0
- package/dist/swirl-image-grid.entry.75944ec5.js +27 -0
- package/dist/{swirl-inline-notification.entry.1f1a8655.js → swirl-inline-notification.entry.750f0ea0.js} +1 -1
- package/dist/{swirl-inline-status.entry.b8a55830.js → swirl-inline-status.entry.174c3c47.js} +1 -1
- package/dist/{swirl-lightbox.entry.4676f885.js → swirl-lightbox.entry.c7f026a1.js} +7 -7
- package/dist/{swirl-link.entry.28d4a9ee.js → swirl-link.entry.8499052d.js} +1 -1
- package/dist/{swirl-list.entry.71ffc3b1.js → swirl-list.entry.17ced444.js} +4 -4
- package/dist/{swirl-menu-item.entry.ae15b43d.js → swirl-menu-item.entry.e6cfd3ff.js} +3 -3
- package/dist/{swirl-menu.entry.dd413cfb.js → swirl-menu.entry.978ae7bb.js} +1 -1
- package/dist/{swirl-modal.entry.caf62f29.js → swirl-modal.entry.74301860.js} +1 -1
- package/dist/{swirl-option-list-section.entry.c935465f.js → swirl-option-list-section.entry.8f951f58.js} +2 -2
- package/dist/{swirl-option-list_2.entry.c0f0494e.js → swirl-option-list_2.entry.de0d086b.js} +2 -2
- package/dist/{swirl-pagination.entry.d4ec78f7.js → swirl-pagination.entry.74468d4d.js} +1 -1
- package/dist/{swirl-pdf-reader.entry.08aa4e71.js → swirl-pdf-reader.entry.81144383.js} +7 -7
- package/dist/{swirl-popover_2.entry.4c529689.js → swirl-popover_2.entry.74be010f.js} +7 -7
- package/dist/{swirl-progress-indicator.entry.239af96a.js → swirl-progress-indicator.entry.8408c3ff.js} +1 -1
- package/dist/{swirl-radio-group.entry.e7513202.js → swirl-radio-group.entry.67a953f1.js} +4 -4
- package/dist/{swirl-radio.entry.c225dea7.js → swirl-radio.entry.9905cf2f.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.305aa3fe.js → swirl-resource-list-file-item.entry.ca430770.js} +6 -6
- package/dist/{swirl-search.entry.3e0f4e42.js → swirl-search.entry.0aa20395.js} +1 -1
- package/dist/{swirl-select.entry.f113029e.js → swirl-select.entry.3810e04a.js} +5 -5
- package/dist/{swirl-shell-layout.entry.c5cddfc9.js → swirl-shell-layout.entry.8a32b6cf.js} +6 -6
- package/dist/{swirl-shell-navigation-item.entry.faddaa68.js → swirl-shell-navigation-item.entry.a394cb0c.js} +2 -2
- package/dist/{swirl-skeleton-box.entry.7b0066f5.js → swirl-skeleton-box.entry.98cf6281.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.525e78c8.js → swirl-skeleton-text.entry.311efbba.js} +1 -1
- package/dist/{swirl-stack.entry.a2c6b555.js → swirl-stack.entry.22e0b1ca.js} +1 -1
- package/dist/{swirl-status-indicator.entry.cc6997ae.js → swirl-status-indicator.entry.456823f2.js} +1 -1
- package/dist/{swirl-switch.entry.ac9cbec8.js → swirl-switch.entry.f827f8eb.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.9cada25e.js → swirl-symbol-account-circle.entry.02ba560a.js} +4 -4
- package/dist/{swirl-symbol-alternate-email.entry.4dd6ea45.js → swirl-symbol-alternate-email.entry.9d5d551e.js} +2 -2
- package/dist/{swirl-symbol-android.entry.aa6e2d0b.js → swirl-symbol-android.entry.228f6625.js} +4 -4
- package/dist/{swirl-symbol-announcement.entry.025da409.js → swirl-symbol-announcement.entry.78edaca5.js} +5 -5
- package/dist/{swirl-symbol-backup.entry.bd11c09e.js → swirl-symbol-backup.entry.200ca931.js} +2 -2
- package/dist/{swirl-symbol-beach-access.entry.d9a16255.js → swirl-symbol-beach-access.entry.06434fc4.js} +7 -7
- package/dist/swirl-symbol-bookmark.entry.b1f8b768.js +17 -0
- package/dist/{swirl-symbol-cloud.entry.5f1f921e.js → swirl-symbol-cloud.entry.9aefc4fe.js} +2 -2
- package/dist/{swirl-symbol-coronavirus.entry.6cf67a39.js → swirl-symbol-coronavirus.entry.0c2a80d9.js} +4 -4
- package/dist/{swirl-symbol-desktop-windows.entry.50581e0d.js → swirl-symbol-desktop-windows.entry.12dea4da.js} +2 -2
- package/dist/{swirl-symbol-directions-car-filled.entry.40dc6fe9.js → swirl-symbol-directions-car-filled.entry.d60543a3.js} +2 -2
- package/dist/{swirl-symbol-edit-calendar.entry.441513ef.js → swirl-symbol-edit-calendar.entry.f2846b53.js} +7 -7
- package/dist/{swirl-symbol-email.entry.b501f6e8.js → swirl-symbol-email.entry.189ea746.js} +6 -6
- package/dist/{swirl-symbol-emoji-food-beverage.entry.8fda06b4.js → swirl-symbol-emoji-food-beverage.entry.4e8f67f0.js} +5 -5
- package/dist/{swirl-symbol-event-menu.entry.39478741.js → swirl-symbol-event-menu.entry.be1663cc.js} +5 -5
- package/dist/{swirl-symbol-facebook.entry.ba02e4d1.js → swirl-symbol-facebook.entry.cc5515d6.js} +5 -5
- package/dist/{swirl-symbol-favorite.entry.6ed74e76.js → swirl-symbol-favorite.entry.f2b256cd.js} +6 -6
- package/dist/{swirl-symbol-fitness-center.entry.b61ec7b6.js → swirl-symbol-fitness-center.entry.344a9883.js} +5 -5
- package/dist/{swirl-symbol-flag.entry.101d0f93.js → swirl-symbol-flag.entry.f7b43d22.js} +4 -4
- package/dist/{swirl-symbol-folder.entry.4715998a.js → swirl-symbol-folder.entry.e523af9c.js} +5 -5
- package/dist/{swirl-symbol-globe.entry.e06de577.js → swirl-symbol-globe.entry.5e72d582.js} +5 -5
- package/dist/{swirl-symbol-groups.entry.4a7fcb35.js → swirl-symbol-groups.entry.b9bb3302.js} +7 -7
- package/dist/{swirl-symbol-help.entry.3e977ca6.js → swirl-symbol-help.entry.de0334f9.js} +5 -5
- package/dist/{swirl-symbol-image.entry.7cd42475.js → swirl-symbol-image.entry.a963d31d.js} +6 -6
- package/dist/{swirl-symbol-info-menu.entry.6fed06f6.js → swirl-symbol-info-menu.entry.6018b77d.js} +5 -5
- package/dist/{swirl-symbol-instagram.entry.c0754765.js → swirl-symbol-instagram.entry.82003717.js} +2 -2
- package/dist/{swirl-symbol-ios.entry.1f9c68c0.js → swirl-symbol-ios.entry.f8b0a9ab.js} +2 -2
- package/dist/{swirl-symbol-language.entry.54256a96.js → swirl-symbol-language.entry.ae82492f.js} +2 -2
- package/dist/{swirl-symbol-leaderboard.entry.bf380f4e.js → swirl-symbol-leaderboard.entry.4aebc4a4.js} +6 -6
- package/dist/{swirl-symbol-lightbulb.entry.37031929.js → swirl-symbol-lightbulb.entry.c9ebc031.js} +8 -8
- package/dist/{swirl-symbol-linkedin.entry.edf01705.js → swirl-symbol-linkedin.entry.21947c32.js} +6 -6
- package/dist/{swirl-symbol-location-on.entry.da8fd2d6.js → swirl-symbol-location-on.entry.fe3d96c8.js} +8 -8
- package/dist/{swirl-symbol-loyalty.entry.24f5f5ca.js → swirl-symbol-loyalty.entry.61f6a452.js} +2 -2
- package/dist/{swirl-symbol-maps-home-work.entry.2d5bc3a6.js → swirl-symbol-maps-home-work.entry.9a7b3381.js} +5 -5
- package/dist/{swirl-symbol-notifications.entry.815f1681.js → swirl-symbol-notifications.entry.aa749d5b.js} +8 -8
- package/dist/{swirl-symbol-open-in-new.entry.efdc5b19.js → swirl-symbol-open-in-new.entry.450cf205.js} +5 -5
- package/dist/{swirl-symbol-pedal-bike.entry.ff4fbadf.js → swirl-symbol-pedal-bike.entry.1a1a2137.js} +9 -9
- package/dist/{swirl-symbol-pinterest.entry.de878059.js → swirl-symbol-pinterest.entry.e55ec54b.js} +7 -7
- package/dist/{swirl-symbol-policy.entry.76e688b4.js → swirl-symbol-policy.entry.de706463.js} +5 -5
- package/dist/{swirl-symbol-push-pin.entry.f151d542.js → swirl-symbol-push-pin.entry.8f6ce40e.js} +2 -2
- package/dist/{swirl-symbol-redeem.entry.02d7a766.js → swirl-symbol-redeem.entry.4a6bfd9c.js} +2 -2
- package/dist/{swirl-symbol-report-problem.entry.5a84a78b.js → swirl-symbol-report-problem.entry.045bdde8.js} +5 -5
- package/dist/{swirl-symbol-restaurant.entry.3e6037f1.js → swirl-symbol-restaurant.entry.dc814fe6.js} +6 -6
- package/dist/{swirl-symbol-roadmap.entry.12b710c5.js → swirl-symbol-roadmap.entry.171fdb08.js} +4 -4
- package/dist/{swirl-symbol-room.entry.d22df09b.js → swirl-symbol-room.entry.dc5104ca.js} +6 -6
- package/dist/{swirl-symbol-savings.entry.a516c7ee.js → swirl-symbol-savings.entry.7137cf18.js} +7 -7
- package/dist/{swirl-symbol-settings-voice.entry.335273a8.js → swirl-symbol-settings-voice.entry.72086b8c.js} +4 -4
- package/dist/{swirl-symbol-shopping-cart.entry.eee7d7ac.js → swirl-symbol-shopping-cart.entry.1e56364e.js} +8 -8
- package/dist/{swirl-symbol-smartphone.entry.79b5ac75.js → swirl-symbol-smartphone.entry.2635bb42.js} +4 -4
- package/dist/{swirl-symbol-star.entry.d7cd011a.js → swirl-symbol-star.entry.e1a8e470.js} +2 -2
- package/dist/{swirl-symbol-supervisor-account.entry.d5b50696.js → swirl-symbol-supervisor-account.entry.a3341e52.js} +5 -5
- package/dist/{swirl-symbol-thumbs-up-down.entry.24eedb14.js → swirl-symbol-thumbs-up-down.entry.4f8633dc.js} +9 -9
- package/dist/{swirl-symbol-twitter.entry.7d2bf6c0.js → swirl-symbol-twitter.entry.5f0805ba.js} +5 -5
- package/dist/{swirl-symbol-wb-sunny.entry.c2ccdd7a.js → swirl-symbol-wb-sunny.entry.afde3345.js} +5 -5
- package/dist/{swirl-symbol-wechat.entry.364c64f0.js → swirl-symbol-wechat.entry.9dd98d6c.js} +7 -7
- package/dist/{swirl-symbol-weibo.entry.4c7cc36a.js → swirl-symbol-weibo.entry.869ff26b.js} +2 -2
- package/dist/{swirl-symbol-work.entry.6bf84ff4.js → swirl-symbol-work.entry.2e03d8dd.js} +2 -2
- package/dist/{swirl-symbol-xing.entry.9b4f792b.js → swirl-symbol-xing.entry.379cc59d.js} +6 -6
- package/dist/{swirl-symbol-youtube.entry.9653ddfe.js → swirl-symbol-youtube.entry.bd130ca8.js} +5 -5
- package/dist/{swirl-symbol.entry.8e51cb50.js → swirl-symbol.entry.00f1e95f.js} +3 -3
- package/dist/{swirl-tab-bar.entry.957d2a74.js → swirl-tab-bar.entry.4315589a.js} +1 -1
- package/dist/{swirl-tab.entry.ce07e207.js → swirl-tab.entry.2885fc66.js} +1 -1
- package/dist/{swirl-table-cell.entry.2cbb522d.js → swirl-table-cell.entry.8839d621.js} +4 -4
- package/dist/{swirl-table-column.entry.ae092b04.js → swirl-table-column.entry.4cc2adbd.js} +1 -1
- package/dist/{swirl-table-row-group.entry.9d6b3a8e.js → swirl-table-row-group.entry.0f007a32.js} +7 -7
- package/dist/{swirl-table-row.entry.b2b5fa72.js → swirl-table-row.entry.3cb72f25.js} +7 -7
- package/dist/{swirl-table.entry.071bb1a7.js → swirl-table.entry.804fc415.js} +18 -18
- package/dist/{swirl-tabs.entry.0f6fce95.js → swirl-tabs.entry.bb89b1e5.js} +2 -2
- package/dist/{swirl-text-input.entry.fe34c68a.js → swirl-text-input.entry.497189c3.js} +1 -1
- package/dist/{swirl-text.entry.fc14a17f.js → swirl-text.entry.abc3f21c.js} +1 -1
- package/dist/{swirl-theme-provider.entry.33627312.js → swirl-theme-provider.entry.079f3c49.js} +2 -2
- package/dist/{swirl-time-input.entry.c5b40988.js → swirl-time-input.entry.e57226d2.js} +2 -2
- package/dist/{swirl-toast-provider.entry.9f9faeb5.js → swirl-toast-provider.entry.0648a64a.js} +4 -4
- package/dist/{swirl-toast.entry.075ab1ec.js → swirl-toast.entry.749d79b7.js} +4 -4
- package/dist/{swirl-toolbar.entry.f39f4b79.js → swirl-toolbar.entry.2a8277cc.js} +5 -5
- package/dist/{swirl-tooltip.entry.288b2bc7.js → swirl-tooltip.entry.e8d6e37c.js} +5 -5
- package/dist/{swirl-tree-navigation-item.entry.78f7db20.js → swirl-tree-navigation-item.entry.3d8adf67.js} +3 -3
- package/dist/{swirl-video-thumbnail.entry.88f5eaa9.js → swirl-video-thumbnail.entry.cee790aa.js} +2 -2
- package/dist/swirl-visually-hidden.entry.755fe9b2.js +15 -0
- package/dist/{wc-datepicker.entry.e91a92ad.js → wc-datepicker.entry.047fb606.js} +1 -1
- package/package.json +2 -2
- package/dist/index.552aa8bc.js +0 -3211
- package/dist/swirl-carousel-slide.entry.b0feaf5d.js +0 -19
- package/dist/swirl-description-list.entry.8853067e.js +0 -15
- package/dist/swirl-emoji-clap.entry.669485f0.js +0 -17
- package/dist/swirl-emoji-idea.entry.08e57144.js +0 -17
- package/dist/swirl-emoji-love.entry.b1db0c67.js +0 -17
- package/dist/swirl-emoji-sad.entry.64603ab3.js +0 -17
- package/dist/swirl-emoji-thumbs-up.entry.1ac561b9.js +0 -17
- package/dist/swirl-emoji.entry.4d250a87.js +0 -16
- package/dist/swirl-icon-arrow-right-small.entry.dbe825d8.js +0 -19
- package/dist/swirl-icon-menu-filled.entry.8e3a75f6.js +0 -19
- package/dist/swirl-image-grid-item.entry.e3c43e53.js +0 -49
- package/dist/swirl-image-grid.entry.e3c327ce.js +0 -25
- package/dist/swirl-symbol-bookmark.entry.01b12585.js +0 -17
- package/dist/swirl-visually-hidden.entry.67b195a7.js +0 -15
|
@@ -63,6 +63,7 @@ export declare const SwirlIconArrowLeft: import("react").ForwardRefExoticCompone
|
|
|
63
63
|
export declare const SwirlIconArrowRight: import("react").ForwardRefExoticComponent<JSX.SwirlIconArrowRight & Omit<import("react").HTMLAttributes<HTMLSwirlIconArrowRightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconArrowRightElement>>;
|
|
64
64
|
export declare const SwirlIconArrowRightSmall: import("react").ForwardRefExoticComponent<JSX.SwirlIconArrowRightSmall & Omit<import("react").HTMLAttributes<HTMLSwirlIconArrowRightSmallElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconArrowRightSmallElement>>;
|
|
65
65
|
export declare const SwirlIconArrowUpward: import("react").ForwardRefExoticComponent<JSX.SwirlIconArrowUpward & Omit<import("react").HTMLAttributes<HTMLSwirlIconArrowUpwardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconArrowUpwardElement>>;
|
|
66
|
+
export declare const SwirlIconAspectRatio: import("react").ForwardRefExoticComponent<JSX.SwirlIconAspectRatio & Omit<import("react").HTMLAttributes<HTMLSwirlIconAspectRatioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAspectRatioElement>>;
|
|
66
67
|
export declare const SwirlIconAttachment: import("react").ForwardRefExoticComponent<JSX.SwirlIconAttachment & Omit<import("react").HTMLAttributes<HTMLSwirlIconAttachmentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAttachmentElement>>;
|
|
67
68
|
export declare const SwirlIconBarChart: import("react").ForwardRefExoticComponent<JSX.SwirlIconBarChart & Omit<import("react").HTMLAttributes<HTMLSwirlIconBarChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBarChartElement>>;
|
|
68
69
|
export declare const SwirlIconBlock: import("react").ForwardRefExoticComponent<JSX.SwirlIconBlock & Omit<import("react").HTMLAttributes<HTMLSwirlIconBlockElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBlockElement>>;
|
|
@@ -84,6 +85,7 @@ export declare const SwirlIconCloudUpload: import("react").ForwardRefExoticCompo
|
|
|
84
85
|
export declare const SwirlIconColumn: import("react").ForwardRefExoticComponent<JSX.SwirlIconColumn & Omit<import("react").HTMLAttributes<HTMLSwirlIconColumnElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconColumnElement>>;
|
|
85
86
|
export declare const SwirlIconComment: import("react").ForwardRefExoticComponent<JSX.SwirlIconComment & Omit<import("react").HTMLAttributes<HTMLSwirlIconCommentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCommentElement>>;
|
|
86
87
|
export declare const SwirlIconCopy: import("react").ForwardRefExoticComponent<JSX.SwirlIconCopy & Omit<import("react").HTMLAttributes<HTMLSwirlIconCopyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCopyElement>>;
|
|
88
|
+
export declare const SwirlIconCrop: import("react").ForwardRefExoticComponent<JSX.SwirlIconCrop & Omit<import("react").HTMLAttributes<HTMLSwirlIconCropElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCropElement>>;
|
|
87
89
|
export declare const SwirlIconDarkMode: import("react").ForwardRefExoticComponent<JSX.SwirlIconDarkMode & Omit<import("react").HTMLAttributes<HTMLSwirlIconDarkModeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDarkModeElement>>;
|
|
88
90
|
export declare const SwirlIconDateRange: import("react").ForwardRefExoticComponent<JSX.SwirlIconDateRange & Omit<import("react").HTMLAttributes<HTMLSwirlIconDateRangeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDateRangeElement>>;
|
|
89
91
|
export declare const SwirlIconDelete: import("react").ForwardRefExoticComponent<JSX.SwirlIconDelete & Omit<import("react").HTMLAttributes<HTMLSwirlIconDeleteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDeleteElement>>;
|
|
@@ -172,12 +174,20 @@ export declare const SwirlIconPlace: import("react").ForwardRefExoticComponent<J
|
|
|
172
174
|
export declare const SwirlIconPlayArrow: import("react").ForwardRefExoticComponent<JSX.SwirlIconPlayArrow & Omit<import("react").HTMLAttributes<HTMLSwirlIconPlayArrowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPlayArrowElement>>;
|
|
173
175
|
export declare const SwirlIconPoll: import("react").ForwardRefExoticComponent<JSX.SwirlIconPoll & Omit<import("react").HTMLAttributes<HTMLSwirlIconPollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPollElement>>;
|
|
174
176
|
export declare const SwirlIconPrint: import("react").ForwardRefExoticComponent<JSX.SwirlIconPrint & Omit<import("react").HTMLAttributes<HTMLSwirlIconPrintElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPrintElement>>;
|
|
177
|
+
export declare const SwirlIconRatioFourToThree: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioFourToThree & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioFourToThreeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioFourToThreeElement>>;
|
|
178
|
+
export declare const SwirlIconRatioFreeform: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioFreeform & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioFreeformElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioFreeformElement>>;
|
|
179
|
+
export declare const SwirlIconRatioSixteenToNine: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioSixteenToNine & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioSixteenToNineElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioSixteenToNineElement>>;
|
|
180
|
+
export declare const SwirlIconRatioSquare: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioSquare & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioSquareElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioSquareElement>>;
|
|
181
|
+
export declare const SwirlIconRatioThreeToFour: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioThreeToFour & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioThreeToFourElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioThreeToFourElement>>;
|
|
182
|
+
export declare const SwirlIconRatioThreeToTwo: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioThreeToTwo & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioThreeToTwoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioThreeToTwoElement>>;
|
|
175
183
|
export declare const SwirlIconRecieved: import("react").ForwardRefExoticComponent<JSX.SwirlIconRecieved & Omit<import("react").HTMLAttributes<HTMLSwirlIconRecievedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRecievedElement>>;
|
|
176
184
|
export declare const SwirlIconRemove: import("react").ForwardRefExoticComponent<JSX.SwirlIconRemove & Omit<import("react").HTMLAttributes<HTMLSwirlIconRemoveElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRemoveElement>>;
|
|
177
185
|
export declare const SwirlIconRemoveModerator: import("react").ForwardRefExoticComponent<JSX.SwirlIconRemoveModerator & Omit<import("react").HTMLAttributes<HTMLSwirlIconRemoveModeratorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRemoveModeratorElement>>;
|
|
178
186
|
export declare const SwirlIconReply: import("react").ForwardRefExoticComponent<JSX.SwirlIconReply & Omit<import("react").HTMLAttributes<HTMLSwirlIconReplyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconReplyElement>>;
|
|
179
187
|
export declare const SwirlIconReport: import("react").ForwardRefExoticComponent<JSX.SwirlIconReport & Omit<import("react").HTMLAttributes<HTMLSwirlIconReportElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconReportElement>>;
|
|
180
188
|
export declare const SwirlIconRoadmap: import("react").ForwardRefExoticComponent<JSX.SwirlIconRoadmap & Omit<import("react").HTMLAttributes<HTMLSwirlIconRoadmapElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRoadmapElement>>;
|
|
189
|
+
export declare const SwirlIconRotateLeft: import("react").ForwardRefExoticComponent<JSX.SwirlIconRotateLeft & Omit<import("react").HTMLAttributes<HTMLSwirlIconRotateLeftElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRotateLeftElement>>;
|
|
190
|
+
export declare const SwirlIconRotateRight: import("react").ForwardRefExoticComponent<JSX.SwirlIconRotateRight & Omit<import("react").HTMLAttributes<HTMLSwirlIconRotateRightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRotateRightElement>>;
|
|
181
191
|
export declare const SwirlIconSearch: import("react").ForwardRefExoticComponent<JSX.SwirlIconSearch & Omit<import("react").HTMLAttributes<HTMLSwirlIconSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSearchElement>>;
|
|
182
192
|
export declare const SwirlIconSearchStrong: import("react").ForwardRefExoticComponent<JSX.SwirlIconSearchStrong & Omit<import("react").HTMLAttributes<HTMLSwirlIconSearchStrongElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSearchStrongElement>>;
|
|
183
193
|
export declare const SwirlIconSecure: import("react").ForwardRefExoticComponent<JSX.SwirlIconSecure & Omit<import("react").HTMLAttributes<HTMLSwirlIconSecureElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSecureElement>>;
|
package/dist/{swirl-accordion-item.entry.d11fb306.js → swirl-accordion-item.entry.18615ba5.js}
RENAMED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as
|
|
1
|
+
import { r as d, c as t, h as e, H as n, g as s } from "./index.72c526c1.js";
|
|
2
2
|
import { c as r } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { v as o } from "./v4-23648a96.77c7c20f.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}", l = c, h = class {
|
|
7
7
|
constructor(i) {
|
|
8
|
-
|
|
8
|
+
d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
|
|
9
9
|
this.toggle();
|
|
10
10
|
}, this.description = void 0, this.disabled = void 0, this.heading = void 0, this.headingLevel = 2, this.initiallyOpen = void 0, this.itemId = o(), this.expanded = !1;
|
|
11
11
|
}
|
|
@@ -26,7 +26,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
|
|
|
26
26
|
const i = `h${this.headingLevel}`, a = r("accordion-item", {
|
|
27
27
|
"accordion-item--expanded": this.expanded
|
|
28
28
|
});
|
|
29
|
-
return e(n, { key: "
|
|
29
|
+
return e(n, { key: "67ec056db282f6271b840b625c1710210527407c" }, e("div", { key: "7ed31ee324bbe4ef5a0e33d06ffb823078f03456", class: a }, e(i, { key: "fbd251c20be3819cfa5532dda293dacd27289ef5", class: "accordion-item__heading" }, e("button", { key: "2cd388db9d9d03c3a4329d03805b251789f0d263", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "f6be5d604bcfb7e0c227c0c0d5d562f10b2869ff", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "96059f88e3cfcde327da3d3293d4c9b94abf5ab4", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "6b03e01c94eea37b12c7a284745557d3f5e37c35", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "611c58f03dceee0c25043454cc2c01074465edb0", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "f9f69e536d1d7dfa57f2dd32a836395696e260c9", glyph: "expand-more", size: 20 })))), e("div", { key: "f74e1f5c467e3d7c7da0fa60bf9e253709f42710", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "81ad5306146b4666340fa22fb8f7ad47eb7f42c3" }))));
|
|
30
30
|
}
|
|
31
31
|
get el() {
|
|
32
32
|
return s(this);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as s, c as i, h as o, H as a, g as
|
|
1
|
+
import { r as s, c as i, h as o, H as a, g as l } from "./index.72c526c1.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
|
-
const
|
|
4
|
+
const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = c, d = class {
|
|
5
5
|
constructor(e) {
|
|
6
6
|
s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
|
|
7
7
|
}
|
|
@@ -24,10 +24,10 @@ const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
|
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return o(a, { key: "
|
|
27
|
+
return o(a, { key: "c8f62fc637bf9d0dbf43b2560e43967d3cee76a8" }, o("slot", { key: "c6bf9415b0a9669ab64badb00751f6afa58195ed" }));
|
|
28
28
|
}
|
|
29
29
|
get el() {
|
|
30
|
-
return
|
|
30
|
+
return l(this);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
d.style = n;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { r as i, h as e, H as
|
|
1
|
+
import { r as i, h as e, H as s } from "./index.72c526c1.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
|
-
const
|
|
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)}}", o = a, c = class {
|
|
5
5
|
constructor(t) {
|
|
6
6
|
i(this, t), this.label = void 0;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return e(
|
|
9
|
+
return e(s, { key: "cc51f08813f1a651387d90c76620808a3392bc1d" }, e("div", { key: "c64e5ac3c2c5d0c5f0637cbd09e5b3a91afa5abd", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "fecd8e137eba04498c10806f12325ba102f54632", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "69c0c64930287f25d6f62b8893ed0d887bbcd166", class: "action-list-section__items" }, e("slot", { key: "b6333e430fd01f0833256dcc179695bc13a25ea9" }))));
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
c.style = o;
|
|
13
13
|
export {
|
|
14
|
-
|
|
14
|
+
c as swirl_action_list_section
|
|
15
15
|
};
|
package/dist/{swirl-action-list_3.entry.688e5946.js → swirl-action-list_3.entry.c9cf6618.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, h as o, H as r, g as c } from "./index.
|
|
1
|
+
import { r as n, h as o, H as r, g as c } from "./index.72c526c1.js";
|
|
2
2
|
import { q as h, b as f, g as p } from "./utils-9b747dd7.4c4c7dc0.js";
|
|
3
3
|
import { c as d } from "./index-267776a4.6beb4f4b.js";
|
|
4
4
|
import "react";
|
|
@@ -43,7 +43,7 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
|
|
|
43
43
|
return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
return o(r, { key: "
|
|
46
|
+
return o(r, { key: "129448aa006c30c958b1b64fd47bf40f2c7c5f41" }, o("div", { key: "235c654c64873bc178006ed0c087ee356fb9f524", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (t) => this.container = t, role: "menu" }, o("slot", { key: "8d8c5bb1f457d5621efce8107aeec46a6516bfa6" })));
|
|
47
47
|
}
|
|
48
48
|
get el() {
|
|
49
49
|
return c(this);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, h as e, H as o } from "./index.
|
|
1
|
+
import { r as n, h as e, H as o } from "./index.72c526c1.js";
|
|
2
2
|
import { c as t } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
@@ -14,7 +14,7 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
|
|
|
14
14
|
const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !i && Boolean(this.icon), s = t("app-icon", {
|
|
15
15
|
"app-icon--has-icon": a || !i && !a
|
|
16
16
|
});
|
|
17
|
-
return e(o, { key: "
|
|
17
|
+
return e(o, { key: "6c27f777f760870cef358329017e125385567d6f" }, e("span", { key: "baf94388b228a868887a4c99b856fd990f3dea5e", class: s }, i && e("img", { key: "ade0de82ead5b2138e3e4bfc8bda79020f64df04", alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" }), a && e("span", { key: "91c804d057676aeb86f5012875d7ab5248661ebf", class: "app-icon__icon", innerHTML: this.icon })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
r.style = l;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as n, c as s, h as t, H as c, g as p, F as r } from "./index.
|
|
1
|
+
import { r as n, c as s, h as t, H as c, g as p, F as r } from "./index.72c526c1.js";
|
|
2
2
|
import { c as d } from "./index-267776a4.6beb4f4b.js";
|
|
3
|
-
import { i as y, e as g, g as
|
|
4
|
-
import { S
|
|
3
|
+
import { i as y, e as g, g as I } from "./utils-9b747dd7.4c4c7dc0.js";
|
|
4
|
+
import { S } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
5
5
|
import { v as f } from "./v4-23648a96.77c7c20f.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
|
-
const
|
|
8
|
+
const D = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"
|
|
9
9
|
"body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
|
|
10
10
|
"navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"
|
|
11
11
|
"navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"
|
|
@@ -24,7 +24,7 @@ const S = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
24
24
|
"content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"
|
|
25
25
|
"sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;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: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
|
|
26
26
|
"navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
|
|
27
|
-
"body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, D = S, M = class {
|
|
27
|
+
"body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, M = D, A = class {
|
|
28
28
|
constructor(e) {
|
|
29
29
|
n(this, e), this.ctaClick = s(this, "ctaClick", 7), this.mobileViewChange = s(this, "mobileViewChange", 7), this.navigationBackButtonClick = s(this, "navigationBackButtonClick", 7), this.sidebarToggle = s(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
|
|
30
30
|
this.changeMobileView("navigation");
|
|
@@ -120,8 +120,8 @@ const S = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
120
120
|
};
|
|
121
121
|
}
|
|
122
122
|
};
|
|
123
|
-
|
|
124
|
-
const V = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}",
|
|
123
|
+
A.style = M;
|
|
124
|
+
const V = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", H = V, L = class {
|
|
125
125
|
constructor(e) {
|
|
126
126
|
n(this, e), this.heading = void 0, this.illustration = void 0;
|
|
127
127
|
}
|
|
@@ -130,14 +130,14 @@ const V = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
|
|
|
130
130
|
"empty-state--has-controls": e,
|
|
131
131
|
"empty-state--has-slotted-illustration": i
|
|
132
132
|
});
|
|
133
|
-
return t(c, { key: "
|
|
133
|
+
return t(c, { key: "68a098ca5f8a8d5efbfe7c3f1df7134bb9e1f8af" }, t("div", { key: "823f99dfff3e893833cc4962e659f5971c0ebf1f", class: a }, this.illustration && !i && t("img", { key: "d6edeeaf702e9b5985196e1694d7e438eedbef6f", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "2cfeb471fd429c6b7e378851cac58ec302a71e29", class: "empty-state__slotted-illustration" }, t("slot", { key: "6a7523d49b9c328f7970e77da778a3c2ef2b0f98", name: "illustration" })), t("div", { key: "c6d46fccb5610ffd6fa2446b6431795850f67168", class: "empty-state__body" }, t("swirl-stack", { key: "e046e467d5f3fc992f85893714431e4c92360c38", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "015a0ba1cf47ca2ef8793f24bfc83e5f148e59c6", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "9a6865d7fa3674c0195bb505392bf15f1fef0467", class: "empty-state__content" }, t("swirl-text", { key: "3189f7dc6b51f547c59a00787647daafd13da472", align: "center", color: "subdued" }, t("slot", { key: "e8d997f7077cd52fb194625a85774c810a52fbe4" })))), t("div", { key: "d140ead53f9ebec2ae857f0a790be0ba6e817792", class: "empty-state__controls" }, t("slot", { key: "9e35832b03583c0533e56e6b1150beab74f3df43", name: "controls" })))));
|
|
134
134
|
}
|
|
135
135
|
get el() {
|
|
136
136
|
return p(this);
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
|
-
|
|
140
|
-
const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}",
|
|
139
|
+
L.style = H;
|
|
140
|
+
const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", T = z, E = class {
|
|
141
141
|
constructor(e) {
|
|
142
142
|
n(this, e), this.color = void 0, this.size = 24;
|
|
143
143
|
}
|
|
@@ -145,11 +145,11 @@ const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
|
|
|
145
145
|
const e = this.size === 20 ? 24 : this.size, i = {
|
|
146
146
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
|
|
147
147
|
}, a = d("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
148
|
-
return t("svg", { key: "
|
|
148
|
+
return t("svg", { key: "f877cb160088c34216a69b054969235800272b22", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "11514dda55d6573c1eef9302634913bca5d70685" }, t("path", { key: "4a374e1ab73afb038d0a885988446bdfda18f2d2", d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "4535712cc1df13dc89663661308dde626585725a" }, t("path", { key: "376e4c8790a4ecf4034e9bdad0ee72f94b98cd40", d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "94805d11410b1a011e80afeef7ebca536bdd5157" }, t("path", { key: "069ddff64a6b6d080f499ba18d68fcc072a078a2", d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })));
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
|
-
|
|
152
|
-
const
|
|
151
|
+
E.style = T;
|
|
152
|
+
const N = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", F = N, $ = class {
|
|
153
153
|
constructor(e) {
|
|
154
154
|
n(this, e), this.color = void 0, this.size = 24;
|
|
155
155
|
}
|
|
@@ -157,11 +157,11 @@ const E = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
|
|
|
157
157
|
const e = this.size === 20 ? 24 : this.size, i = {
|
|
158
158
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
|
|
159
159
|
}, a = d("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
160
|
-
return t("svg", { key: "
|
|
160
|
+
return t("svg", { key: "5e9f43a99f0b2e10eb90d120d4f3871208439aac", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "c7b29b2e15ad60e1d9806b12e73d0843e665367b" }, t("path", { key: "1a67b52c47803a744c782462c9d1734fe5acb881", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "90ed2c0f4b450777461fdf0dacb8dcc8ed532dd2" }, t("path", { key: "4a3015c20e06e129324be2722f4a24fe59b6428c", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "65f62c48f53d4b9d08351a5eae1e7ba08d9daee6" }, t("path", { key: "fa98fa418c71f115ffd654c1615704415140dc21", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
|
|
161
161
|
}
|
|
162
162
|
};
|
|
163
|
-
|
|
164
|
-
const
|
|
163
|
+
$.style = F;
|
|
164
|
+
const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", Z = q, P = class {
|
|
165
165
|
constructor(e) {
|
|
166
166
|
n(this, e), this.itemDrop = s(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (i) => {
|
|
167
167
|
const a = i.detail;
|
|
@@ -243,7 +243,7 @@ const $ = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
243
243
|
});
|
|
244
244
|
}
|
|
245
245
|
setupDragDrop() {
|
|
246
|
-
Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable =
|
|
246
|
+
Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = S.create(this.gridEl, {
|
|
247
247
|
animation: 150,
|
|
248
248
|
draggable: "swirl-resource-list-item",
|
|
249
249
|
handle: ".resource-list-item__drag-handle",
|
|
@@ -276,7 +276,7 @@ const $ = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
276
276
|
!Boolean(e) || (e.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
|
|
277
277
|
}
|
|
278
278
|
render() {
|
|
279
|
-
return t(c, { key: "
|
|
279
|
+
return t(c, { key: "a1f46fe1780e03b87bf797c6112b1f0be822acdf", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "83329afd9a8507b98c6de4d3e59969ef8312121d", role: "alert" }, this.assistiveText), t("swirl-box", { key: "c84207f63d3c29f9bd4142a4899481a48734c7c0", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "d90b3f450ecf2b4a1c8523ac2937afaba84ec9af", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid" }, t("slot", { key: "23e4179a42022c899bdf772d4ee3ed21f6690a77" }))));
|
|
280
280
|
}
|
|
281
281
|
get el() {
|
|
282
282
|
return p(this);
|
|
@@ -287,13 +287,13 @@ const $ = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
287
287
|
};
|
|
288
288
|
}
|
|
289
289
|
};
|
|
290
|
-
|
|
291
|
-
const
|
|
290
|
+
P.style = Z;
|
|
291
|
+
const R = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
|
|
292
292
|
--swirl-resource-list-item-background-hovered
|
|
293
293
|
);background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
|
|
294
|
-
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`,
|
|
294
|
+
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, O = R, Q = class {
|
|
295
295
|
constructor(e) {
|
|
296
|
-
n(this, e), this.toggleDrag = s(this, "toggleDrag", 7), this.valueChange = s(this, "valueChange", 7), this.desktopMediaQuery =
|
|
296
|
+
n(this, e), this.toggleDrag = s(this, "toggleDrag", 7), this.valueChange = s(this, "valueChange", 7), this.desktopMediaQuery = I(), this.elementId = f(), this.desktopMediaQueryHandler = (i) => {
|
|
297
297
|
this.forceIconProps(i.matches), this.updateIconSize(i.matches);
|
|
298
298
|
}, this.onClick = () => {
|
|
299
299
|
!this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
|
|
@@ -307,7 +307,7 @@ const P = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
307
307
|
(i.code === "Space" || i.code === "Enter") && (i.preventDefault(), this.toggleDrag.emit(this.el));
|
|
308
308
|
}, this.onControlClick = (i) => {
|
|
309
309
|
i.stopPropagation();
|
|
310
|
-
}, this.active = void 0, this.allowDrag = void 0, this.allowHtml = !0, this.checked = !1, this.compact = void 0, this.description = void 0, this.descriptionWrap = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.hideDivider = void 0, this.href = void 0, this.interactive = !0, this.label = void 0, this.labelWeight = "medium", this.labelWrap = void 0, this.menuTriggerId = void 0, this.menuTriggerLabel = "Options", this.meta = void 0, this.selectable = void 0, this.value = void 0, this.hasMedia = !1, this.iconSize = 24;
|
|
310
|
+
}, this.active = void 0, this.allowDrag = void 0, this.allowHtml = !0, this.checked = !1, this.compact = void 0, this.description = void 0, this.descriptionWrap = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.hideDivider = void 0, this.href = void 0, this.interactive = !0, this.label = void 0, this.labelWeight = "medium", this.labelWrap = void 0, this.menuTriggerId = void 0, this.menuTriggerLabel = "Options", this.meta = void 0, this.selectable = void 0, this.swirlAriaLabel = void 0, this.value = void 0, this.hasMedia = !1, this.iconSize = 24;
|
|
311
311
|
}
|
|
312
312
|
componentWillLoad() {
|
|
313
313
|
this.updateMediaState();
|
|
@@ -344,9 +344,9 @@ const P = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
344
344
|
}
|
|
345
345
|
render() {
|
|
346
346
|
var h;
|
|
347
|
-
const e = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), l = Boolean(this.menuTriggerId) || o, u = this.interactive && Boolean(this.href) ? this.href : void 0, b = o && (Boolean(this.meta) || a), v = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, m = (Boolean(this.meta) || a) && !this.selectable, w = this.selectable ? String(this.checked) : void 0,
|
|
347
|
+
const e = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), l = Boolean(this.menuTriggerId) || o, u = this.interactive && Boolean(this.href) ? this.href : void 0, b = o && (Boolean(this.meta) || a), v = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, m = (Boolean(this.meta) || a) && !this.selectable, w = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, _ = this.selectable ? String(this.checked) : void 0, k = this.interactive && this.selectable ? "checkbox" : void 0, x = !m && Boolean(this.controlContainer) ? {
|
|
348
348
|
paddingRight: `calc(${(h = this.controlContainer) == null ? void 0 : h.getBoundingClientRect().width}px + var(--s-space-16))`
|
|
349
|
-
} : void 0,
|
|
349
|
+
} : void 0, C = d("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
|
|
350
350
|
"resource-list-item--active": this.active,
|
|
351
351
|
"resource-list-item--checked": this.checked,
|
|
352
352
|
"resource-list-item--compact": this.compact,
|
|
@@ -362,18 +362,18 @@ const P = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
362
362
|
"resource-list-item--wrap-description": this.descriptionWrap,
|
|
363
363
|
"resource-list-item--wrap-label": this.labelWrap
|
|
364
364
|
});
|
|
365
|
-
return t(c, { key: "
|
|
365
|
+
return t(c, { key: "a10409a38264aedcb984dbb18a3b117ee3a6fbf7", role: "row" }, t("div", { key: "bbb1141f8b853d4a28bfdf40ba4503b45c88947b", class: C, role: "gridcell" }, t(e, { key: "de393bac42fe13a6272aa6f6bfe9b058cd31f0b6", "aria-checked": _, "aria-disabled": i ? "true" : void 0, "aria-label": w, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: k, tabIndex: 0, type: e === "button" ? "button" : void 0 }, this.hasMedia && t("span", { key: "03713ae4710c72010a24a5df6e9e8401d3561fe4", class: "resource-list-item__media" }, t("slot", { key: "8521bc2441764bfe61afab1a9ad84cbf4cbbdf08", name: "media" })), t("span", { key: "55d6c99daf2e57b566c9c07662247ba1937c07bd", class: "resource-list-item__label-container", style: x }, t("span", { key: "64a7f44766a57ad491aa878422fdb08f82dba894", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && t("span", { key: "fd6d3c4540cd0d085092b992434efd234b68ee84", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), m && t("span", { key: "a5e92893c72ac723333257aa4f6e49c7d9316852", class: "resource-list-item__meta" }, t("span", { key: "4407cc4da70749c2e9abe19cf7058edc98d94e31", class: "resource-list-item__meta-text" }, this.meta), t("span", { key: "384d5a72dcd83555047d2c7ef27f9914ee6e33c7", class: "resource-list-item__badges" }, t("slot", { key: "fa000766ce367c8f9545aa8f7457335fd02b7d73", name: "badges" })))), this.selectable && t("span", { key: "0923c527c6044932af7a3c0293134e5bfd1c2eb9", "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { key: "d1b1250b6f7471fc0f893966eed15eeef3592af4", class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", { key: "530934d130a9fba3dd99719cb647f53fa697ab42" }))), t("span", { key: "df5f1782f2126f554b4100420c5b9d45c5b8f793", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, t("slot", { key: "3b0fa99132b3fba416547fb839b00a6ec0d75ed2", name: "control" })), v && t("swirl-popover-trigger", { key: "bfbc36084ae6871f821c437b52517e7f04e868f9", swirlPopover: this.menuTriggerId }, t("swirl-button", { key: "4b8f9bd6c5d6c14deccc80200af58378c2cf64e5", "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && t("button", { key: "a9e8e50c27af4c053d814c29701cd8c61bd7f2c2", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { key: "ff8879f00857f4efe09903c5ecc119d5474c1666", size: this.iconSize })));
|
|
366
366
|
}
|
|
367
367
|
get el() {
|
|
368
368
|
return p(this);
|
|
369
369
|
}
|
|
370
370
|
};
|
|
371
|
-
|
|
371
|
+
Q.style = O;
|
|
372
372
|
export {
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
373
|
+
A as swirl_app_layout,
|
|
374
|
+
L as swirl_empty_state,
|
|
375
|
+
E as swirl_icon_file,
|
|
376
|
+
$ as swirl_icon_folder_shared,
|
|
377
|
+
P as swirl_resource_list,
|
|
378
|
+
Q as swirl_resource_list_item
|
|
379
379
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as p, c as m, h as o, H as f, g as b } from "./index.
|
|
1
|
+
import { r as p, c as m, h as o, H as f, g as b } from "./index.72c526c1.js";
|
|
2
2
|
import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
|
|
3
3
|
import { c as w } from "./index-267776a4.6beb4f4b.js";
|
|
4
4
|
import { d as S } from "./utils-9b747dd7.4c4c7dc0.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { r as s, h as
|
|
1
|
+
import { r as s, h as r, H as i } from "./index.72c526c1.js";
|
|
2
2
|
import { c as e } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
const
|
|
6
|
-
constructor(
|
|
7
|
-
s(this,
|
|
5
|
+
const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", l = d, n = class {
|
|
6
|
+
constructor(a) {
|
|
7
|
+
s(this, a), this.badge = void 0;
|
|
8
8
|
}
|
|
9
9
|
componentDidLoad() {
|
|
10
10
|
this.forceBadgeProps();
|
|
@@ -12,14 +12,14 @@ const i = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
|
|
|
12
12
|
forceBadgeProps() {
|
|
13
13
|
if (!Boolean(this.badge))
|
|
14
14
|
return;
|
|
15
|
-
const
|
|
16
|
-
|
|
15
|
+
const a = this.badgeEl.querySelector("swirl-badge");
|
|
16
|
+
a == null || a.setAttribute("size", "s");
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
const
|
|
19
|
+
const a = e("avatar-group", {
|
|
20
20
|
"avatar-group--has-badge": Boolean(this.badge)
|
|
21
21
|
}), t = e("avatar-group__badge");
|
|
22
|
-
return
|
|
22
|
+
return r(i, { key: "8f6ebaa19ae5d93ace284fd60a37d0df0cfcce4d" }, r("div", { key: "873a1087e21a0a920a40a0c71a1a5454adfd3a1b", class: a, role: "group" }, r("slot", { key: "931817a6b8c18d44df5084ffc5d05898cff58206" }), this.badge && r("span", { key: "b05b79bc1d1386b851afe0aaee8d0c13951f5494", class: t, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
n.style = l;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, c as r, h as t, H as c, g as d } from "./index.
|
|
1
|
+
import { r as o, c as r, h as t, H as c, g as d } from "./index.72c526c1.js";
|
|
2
2
|
import { c as b } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { g as l } from "./utils-9b747dd7.4c4c7dc0.js";
|
|
4
4
|
import "react";
|