@getflip/swirl-components-react 0.290.0 → 0.291.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.01a91da4.js → file-manager.entry.7eb093e7.js} +5 -5
- package/dist/{index.832d0b3f.js → index.f9651324.js} +335 -335
- package/dist/{swirl-accordion-item.entry.5c14c5eb.js → swirl-accordion-item.entry.3b7cf9ab.js} +1 -1
- package/dist/{swirl-accordion.entry.e983ed1e.js → swirl-accordion.entry.74de0881.js} +1 -1
- package/dist/swirl-action-list-section.entry.62c97eed.js +15 -0
- package/dist/{swirl-action-list_2.entry.11a09efe.js → swirl-action-list_2.entry.fbec59d0.js} +19 -13
- package/dist/{swirl-app-bar.entry.0f8331ff.js → swirl-app-bar.entry.41018e6d.js} +5 -5
- package/dist/{swirl-app-icon.entry.d80d95ef.js → swirl-app-icon.entry.df01e9d0.js} +2 -2
- package/dist/{swirl-app-layout_5.entry.e596f8dc.js → swirl-app-layout_5.entry.8aa8e6d7.js} +6 -6
- package/dist/{swirl-autocomplete.entry.3649be44.js → swirl-autocomplete.entry.a69a790b.js} +4 -4
- package/dist/{swirl-avatar-group.entry.a5d22862.js → swirl-avatar-group.entry.bf9c6b14.js} +5 -5
- package/dist/{swirl-avatar.entry.15c49d1d.js → swirl-avatar.entry.ba567c4a.js} +13 -13
- package/dist/{swirl-badge.entry.f32aadc1.js → swirl-badge.entry.5e6750d2.js} +4 -4
- package/dist/{swirl-banner.entry.f9b8a2d6.js → swirl-banner.entry.8110674d.js} +10 -10
- package/dist/{swirl-box.entry.5fcc5313.js → swirl-box.entry.f60c929c.js} +2 -2
- package/dist/{swirl-button-group.entry.01f7b5ad.js → swirl-button-group.entry.03345b58.js} +2 -2
- package/dist/{swirl-button.entry.9ad0e7e0.js → swirl-button.entry.9e6d6a0d.js} +4 -4
- package/dist/{swirl-card.entry.6da0a0f9.js → swirl-card.entry.80fd800f.js} +2 -2
- package/dist/{swirl-carousel-slide.entry.a42cd2a0.js → swirl-carousel-slide.entry.20359e08.js} +2 -2
- package/dist/{swirl-carousel.entry.592b9a1f.js → swirl-carousel.entry.705dc4b0.js} +2 -2
- package/dist/{swirl-checkbox.entry.d358481e.js → swirl-checkbox.entry.5b9abad3.js} +4 -4
- package/dist/{swirl-chip.entry.eff9c2f8.js → swirl-chip.entry.1f11faa0.js} +6 -6
- package/dist/{swirl-color-input.entry.87f2c63d.js → swirl-color-input.entry.97f241c0.js} +3 -3
- package/dist/swirl-columns.entry.e8a85307.js +18 -0
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +23 -23
- package/dist/{swirl-console-layout.entry.0b78ea2f.js → swirl-console-layout.entry.20c9f146.js} +2 -2
- package/dist/{swirl-date-input.entry.a281903b.js → swirl-date-input.entry.542f9e8e.js} +2 -2
- package/dist/{swirl-date-picker_2.entry.2759c761.js → swirl-date-picker_2.entry.3f6e7cbb.js} +3 -3
- package/dist/{swirl-description-list-item.entry.0e1481a1.js → swirl-description-list-item.entry.69905d18.js} +3 -3
- package/dist/{swirl-description-list.entry.6f160de8.js → swirl-description-list.entry.8e5f5505.js} +3 -3
- package/dist/{swirl-dialog.entry.08c9f40e.js → swirl-dialog.entry.559cfe1d.js} +2 -2
- package/dist/swirl-emoji-clap.entry.b94a66c0.js +17 -0
- package/dist/swirl-emoji-happy.entry.22971399.js +17 -0
- package/dist/swirl-emoji-idea.entry.11177cf0.js +17 -0
- package/dist/swirl-emoji-love.entry.661a8a20.js +17 -0
- package/dist/swirl-emoji-sad.entry.ea9f304e.js +17 -0
- package/dist/swirl-emoji-thumbs-up.entry.b99b37c1.js +17 -0
- package/dist/swirl-emoji.entry.d29ef6e7.js +16 -0
- package/dist/{swirl-file-uploader.entry.b2a82400.js → swirl-file-uploader.entry.9a2041ec.js} +3 -3
- package/dist/{swirl-file-viewer_8.entry.1fc44d3a.js → swirl-file-viewer_8.entry.dba91faa.js} +10 -10
- package/dist/{swirl-form-control.entry.405c14bf.js → swirl-form-control.entry.6ab93ddf.js} +6 -6
- package/dist/{swirl-form-group.entry.0d830e4f.js → swirl-form-group.entry.063fb68e.js} +6 -6
- package/dist/{swirl-heading.entry.b55ed78b.js → swirl-heading.entry.4d52e116.js} +1 -1
- package/dist/{swirl-icon-add-moderator.entry.a47401cf.js → swirl-icon-add-moderator.entry.ae9d253b.js} +8 -8
- package/dist/{swirl-icon-add-photo.entry.1cd927ea.js → swirl-icon-add-photo.entry.4383340a.js} +5 -5
- package/dist/{swirl-icon-add-reaction.entry.0f1bfe48.js → swirl-icon-add-reaction.entry.61ba1504.js} +5 -5
- package/dist/{swirl-icon-add_6.entry.b21ee174.js → swirl-icon-add_6.entry.6e0956b7.js} +23 -23
- package/dist/{swirl-icon-admin-panel-settings.entry.3db716df.js → swirl-icon-admin-panel-settings.entry.eb2fe8da.js} +5 -5
- package/dist/{swirl-icon-ai-filled.entry.9af7cf4f.js → swirl-icon-ai-filled.entry.67bacda8.js} +7 -7
- package/dist/{swirl-icon-ai.entry.0937edcc.js → swirl-icon-ai.entry.5668bda8.js} +10 -10
- package/dist/{swirl-icon-apps.entry.34662c36.js → swirl-icon-apps.entry.7c555e66.js} +9 -9
- package/dist/{swirl-icon-arrow-back_5.entry.b6703fd5.js → swirl-icon-arrow-back_5.entry.a331df2a.js} +22 -22
- package/dist/{swirl-icon-arrow-downward_2.entry.6742ac87.js → swirl-icon-arrow-downward_2.entry.c20c101a.js} +13 -13
- package/dist/{swirl-icon-arrow-left_4.entry.be88a2d0.js → swirl-icon-arrow-left_4.entry.10b7c6e6.js} +4 -4
- package/dist/swirl-icon-arrow-right-small.entry.e674d29d.js +19 -0
- package/dist/{swirl-icon-aspect-ratio.entry.2167750f.js → swirl-icon-aspect-ratio.entry.e9b45791.js} +7 -7
- package/dist/{swirl-icon-attachment.entry.0bb68a8f.js → swirl-icon-attachment.entry.1f5e0d7e.js} +6 -6
- package/dist/{swirl-icon-bar-chart.entry.feaa54ba.js → swirl-icon-bar-chart.entry.9fe08f9c.js} +8 -8
- package/dist/{swirl-icon-block.entry.4bd8bd7a.js → swirl-icon-block.entry.d135c7a1.js} +8 -8
- package/dist/{swirl-icon-bookmark-filled.entry.4943377f.js → swirl-icon-bookmark-filled.entry.1b2d722f.js} +6 -6
- package/dist/{swirl-icon-bookmark.entry.12b3b27f.js → swirl-icon-bookmark.entry.3cb65a73.js} +6 -6
- package/dist/{swirl-icon-cancel_4.entry.028a195d.js → swirl-icon-cancel_4.entry.c2afe0d6.js} +23 -23
- package/dist/{swirl-icon-chat-bubble.entry.5ef7595e.js → swirl-icon-chat-bubble.entry.c079b0f3.js} +4 -4
- package/dist/{swirl-icon-chats-filled.entry.0d68fa8a.js → swirl-icon-chats-filled.entry.5e8d82a0.js} +7 -7
- package/dist/{swirl-icon-chats.entry.2d6de3e6.js → swirl-icon-chats.entry.ecfb1fb1.js} +6 -6
- package/dist/{swirl-icon-check-circle_2.entry.5406be25.js → swirl-icon-check-circle_2.entry.e076e670.js} +9 -9
- package/dist/{swirl-icon-check-small_3.entry.d0a6299e.js → swirl-icon-check-small_3.entry.c2109d66.js} +5 -5
- package/dist/{swirl-icon-check-strong.entry.c1809591.js → swirl-icon-check-strong.entry.e8212f95.js} +5 -5
- package/dist/{swirl-icon-check.entry.824482c5.js → swirl-icon-check.entry.2047f229.js} +4 -4
- package/dist/{swirl-icon-chevron-left.entry.0c94fafc.js → swirl-icon-chevron-left.entry.edb96843.js} +5 -5
- package/dist/{swirl-icon-chevron-right.entry.391da9e2.js → swirl-icon-chevron-right.entry.28598115.js} +2 -2
- package/dist/{swirl-icon-close-small.entry.4a346ba4.js → swirl-icon-close-small.entry.e8ef6b80.js} +8 -8
- package/dist/{swirl-icon-close.entry.98b816ac.js → swirl-icon-close.entry.8d9bfa00.js} +5 -5
- package/dist/{swirl-icon-cloud-upload.entry.0443639c.js → swirl-icon-cloud-upload.entry.20b4b6a1.js} +8 -8
- package/dist/{swirl-icon-column.entry.47715b7c.js → swirl-icon-column.entry.a7084a50.js} +6 -6
- package/dist/{swirl-icon-comment.entry.f3b4e072.js → swirl-icon-comment.entry.23200ec7.js} +4 -4
- package/dist/{swirl-icon-contrast.entry.7b26331b.js → swirl-icon-contrast.entry.4cb33cbb.js} +8 -8
- package/dist/{swirl-icon-copy.entry.82d28bcf.js → swirl-icon-copy.entry.af32c1a7.js} +8 -8
- package/dist/{swirl-icon-crop.entry.e0b70daa.js → swirl-icon-crop.entry.5b16fd52.js} +3 -3
- package/dist/{swirl-icon-dark-mode.entry.df3e45dc.js → swirl-icon-dark-mode.entry.b31f28a5.js} +5 -5
- package/dist/{swirl-icon-date-range.entry.e426368c.js → swirl-icon-date-range.entry.b73257c0.js} +2 -2
- package/dist/{swirl-icon-delete.entry.21f76f04.js → swirl-icon-delete.entry.e400e5c5.js} +8 -8
- package/dist/{swirl-icon-deployed-code.entry.eae144ba.js → swirl-icon-deployed-code.entry.3d5aa47d.js} +7 -7
- package/dist/{swirl-icon-description.entry.36feab12.js → swirl-icon-description.entry.6a79fe5c.js} +6 -6
- package/dist/{swirl-icon-desktop.entry.c93b59f3.js → swirl-icon-desktop.entry.6e55b06d.js} +9 -9
- package/dist/{swirl-icon-directory-filled.entry.89b93e62.js → swirl-icon-directory-filled.entry.96331f4f.js} +8 -8
- package/dist/{swirl-icon-directory.entry.1c00c295.js → swirl-icon-directory.entry.50d8bd79.js} +7 -7
- package/dist/{swirl-icon-discover.entry.afd5ec72.js → swirl-icon-discover.entry.c4e86784.js} +4 -4
- package/dist/{swirl-icon-dock-left.entry.a2a7bef5.js → swirl-icon-dock-left.entry.545df330.js} +5 -5
- package/dist/swirl-icon-dot.entry.b3e7af10.js +19 -0
- package/dist/{swirl-icon-double-arrow-right.entry.310b6d5e.js → swirl-icon-double-arrow-right.entry.8c2acec7.js} +9 -9
- package/dist/{swirl-icon-download.entry.e3af95bb.js → swirl-icon-download.entry.473a920d.js} +2 -2
- package/dist/{swirl-icon-edit.entry.0861731e.js → swirl-icon-edit.entry.718cf9eb.js} +2 -2
- package/dist/{swirl-icon-emoji-mood.entry.8706bf09.js → swirl-icon-emoji-mood.entry.55e4488c.js} +7 -7
- package/dist/{swirl-icon-emoji-satisfied.entry.249644fe.js → swirl-icon-emoji-satisfied.entry.1d19a0d8.js} +5 -5
- package/dist/{swirl-icon-error_3.entry.131c364c.js → swirl-icon-error_3.entry.18b5d3e6.js} +5 -5
- package/dist/{swirl-icon-expand-more.entry.b92cdc96.js → swirl-icon-expand-more.entry.58406d85.js} +7 -7
- package/dist/{swirl-icon-experiment.entry.aacc73ee.js → swirl-icon-experiment.entry.4d9e30b0.js} +6 -6
- package/dist/{swirl-icon-file.entry.aaa70762.js → swirl-icon-file.entry.18929f7a.js} +5 -5
- package/dist/{swirl-icon-filter.entry.ba06e50e.js → swirl-icon-filter.entry.f8f8ed99.js} +7 -7
- package/dist/{swirl-icon-folder.entry.f945b66a.js → swirl-icon-folder.entry.8d2875d7.js} +8 -8
- package/dist/{swirl-icon-format-h-one.entry.c95541cd.js → swirl-icon-format-h-one.entry.ee1ca828.js} +7 -7
- package/dist/{swirl-icon-gif_3.entry.5ac6d2b9.js → swirl-icon-gif_3.entry.df37dbc0.js} +21 -21
- package/dist/{swirl-icon-group-add.entry.3da6841b.js → swirl-icon-group-add.entry.f99dbcd2.js} +8 -8
- package/dist/{swirl-icon-group-assign.entry.f47ae900.js → swirl-icon-group-assign.entry.04956ca1.js} +8 -8
- package/dist/{swirl-icon-groups-filled.entry.06d5e5aa.js → swirl-icon-groups-filled.entry.a878adac.js} +8 -8
- package/dist/{swirl-icon-groups.entry.aa0415e0.js → swirl-icon-groups.entry.36d8d26b.js} +2 -2
- package/dist/{swirl-icon-hamburger-menu.entry.e8f5668c.js → swirl-icon-hamburger-menu.entry.90cd7a58.js} +9 -9
- package/dist/{swirl-icon-help.entry.14e0be1d.js → swirl-icon-help.entry.fffc6e4b.js} +6 -6
- package/dist/{swirl-icon-highlight.entry.76e8059f.js → swirl-icon-highlight.entry.d4b9a3cb.js} +7 -7
- package/dist/{swirl-icon-history.entry.4dd34bf3.js → swirl-icon-history.entry.4c1eaf23.js} +6 -6
- package/dist/{swirl-icon-home.entry.3536107a.js → swirl-icon-home.entry.7da2ca45.js} +8 -8
- package/dist/{swirl-icon-image.entry.e7bc7e9d.js → swirl-icon-image.entry.b570588f.js} +8 -8
- package/dist/{swirl-icon-improve-text.entry.541c3d73.js → swirl-icon-improve-text.entry.8b6c45cb.js} +6 -6
- package/dist/{swirl-icon-info.entry.1ce60879.js → swirl-icon-info.entry.9f22df99.js} +2 -2
- package/dist/{swirl-icon-insert-below.entry.0ebb90ef.js → swirl-icon-insert-below.entry.625d1e8a.js} +5 -5
- package/dist/{swirl-icon-insert-on-top.entry.038ad9e6.js → swirl-icon-insert-on-top.entry.f34bb5fb.js} +8 -8
- package/dist/{swirl-icon-inventory-off.entry.08fd00e1.js → swirl-icon-inventory-off.entry.b3586c88.js} +6 -6
- package/dist/{swirl-icon-inventory.entry.97a7f2bd.js → swirl-icon-inventory.entry.777a180f.js} +5 -5
- package/dist/{swirl-icon-key.entry.1a7d182b.js → swirl-icon-key.entry.ac12cb93.js} +7 -7
- package/dist/{swirl-icon-keyboard-hide.entry.b4b32778.js → swirl-icon-keyboard-hide.entry.e57520b9.js} +5 -5
- package/dist/{swirl-icon-keyboard.entry.9ba815c5.js → swirl-icon-keyboard.entry.ec2ff3cf.js} +6 -6
- package/dist/{swirl-icon-light-mode.entry.b0ca5779.js → swirl-icon-light-mode.entry.a1fb9d3f.js} +7 -7
- package/dist/{swirl-icon-like.entry.c06cec50.js → swirl-icon-like.entry.ff5ebcdd.js} +5 -5
- package/dist/{swirl-icon-link.entry.16d79425.js → swirl-icon-link.entry.1cd431b4.js} +5 -5
- package/dist/{swirl-icon-live.entry.ac0c066c.js → swirl-icon-live.entry.1b423204.js} +5 -5
- package/dist/{swirl-icon-load.entry.683210b1.js → swirl-icon-load.entry.1021d8a1.js} +6 -6
- package/dist/{swirl-icon-lock-open.entry.62d86032.js → swirl-icon-lock-open.entry.648f82c1.js} +4 -4
- package/dist/{swirl-icon-lock-person.entry.0c6423d4.js → swirl-icon-lock-person.entry.7ad871b9.js} +4 -4
- package/dist/{swirl-icon-lock.entry.ab4bddb0.js → swirl-icon-lock.entry.6de4af86.js} +2 -2
- package/dist/{swirl-icon-login.entry.af0c2048.js → swirl-icon-login.entry.ed9c56b4.js} +2 -2
- package/dist/{swirl-icon-logout.entry.692adbdd.js → swirl-icon-logout.entry.65985fc3.js} +6 -6
- package/dist/{swirl-icon-long-text.entry.0eafccef.js → swirl-icon-long-text.entry.585eeb5d.js} +4 -4
- package/dist/{swirl-icon-mail.entry.1fb2e958.js → swirl-icon-mail.entry.d7e6e26d.js} +10 -10
- package/dist/{swirl-icon-manage-accounts.entry.2e29c9ca.js → swirl-icon-manage-accounts.entry.570d4882.js} +6 -6
- package/dist/{swirl-icon-mark-chat-read.entry.2cd5bd4e.js → swirl-icon-mark-chat-read.entry.fe652f0c.js} +5 -5
- package/dist/{swirl-icon-mark-chat-unread.entry.45c0dc46.js → swirl-icon-mark-chat-unread.entry.0bdfefd2.js} +8 -8
- package/dist/{swirl-icon-mention.entry.93edb862.js → swirl-icon-mention.entry.2adff9f7.js} +2 -2
- package/dist/{swirl-icon-menu-book-filled.entry.34521c13.js → swirl-icon-menu-book-filled.entry.57c3a1c1.js} +6 -6
- package/dist/swirl-icon-menu-filled.entry.24bd5976.js +19 -0
- package/dist/{swirl-icon-menu.entry.232e0cda.js → swirl-icon-menu.entry.78cd2930.js} +10 -10
- package/dist/{swirl-icon-message.entry.7eb10318.js → swirl-icon-message.entry.5ce3a441.js} +7 -7
- package/dist/{swirl-icon-mic-off.entry.3594ceea.js → swirl-icon-mic-off.entry.8954ec76.js} +8 -8
- package/dist/{swirl-icon-mic.entry.42ca0db2.js → swirl-icon-mic.entry.9939be40.js} +6 -6
- package/dist/{swirl-icon-more-horizontal.entry.914d1d91.js → swirl-icon-more-horizontal.entry.bb96036f.js} +2 -2
- package/dist/{swirl-icon-news-filled.entry.88c1c91d.js → swirl-icon-news-filled.entry.a3084fc8.js} +8 -8
- package/dist/{swirl-icon-news-off.entry.62f9f401.js → swirl-icon-news-off.entry.4fd95d12.js} +8 -8
- package/dist/{swirl-icon-news.entry.2e4dfb1f.js → swirl-icon-news.entry.45835ff8.js} +9 -9
- package/dist/{swirl-icon-notifications-active.entry.4369b90d.js → swirl-icon-notifications-active.entry.d51ac5db.js} +5 -5
- package/dist/{swirl-icon-notifications-off.entry.253275de.js → swirl-icon-notifications-off.entry.403c8cfa.js} +6 -6
- package/dist/{swirl-icon-notifications.entry.b123ec0c.js → swirl-icon-notifications.entry.43c0d158.js} +5 -5
- package/dist/{swirl-icon-open-in-full.entry.b6b9e3d8.js → swirl-icon-open-in-full.entry.16fe0af3.js} +4 -4
- package/dist/{swirl-icon-open-in-new.entry.05587fde.js → swirl-icon-open-in-new.entry.73fb4667.js} +8 -8
- package/dist/{swirl-icon-pause-circle.entry.6156f811.js → swirl-icon-pause-circle.entry.076b4a05.js} +9 -9
- package/dist/{swirl-icon-people-alt.entry.f258615c.js → swirl-icon-people-alt.entry.0080fdd4.js} +8 -8
- package/dist/{swirl-icon-person-off.entry.773b43a4.js → swirl-icon-person-off.entry.4eb9b302.js} +10 -10
- package/dist/{swirl-icon-person.entry.41af5b6c.js → swirl-icon-person.entry.a6aa2350.js} +8 -8
- package/dist/{swirl-icon-phone.entry.e7349c2b.js → swirl-icon-phone.entry.afd958f8.js} +4 -4
- package/dist/{swirl-icon-photo-camera.entry.1a16d4fb.js → swirl-icon-photo-camera.entry.b9efbd64.js} +7 -7
- package/dist/{swirl-icon-pin-off.entry.9427dd70.js → swirl-icon-pin-off.entry.3ef4358c.js} +7 -7
- package/dist/{swirl-icon-pin.entry.59311cde.js → swirl-icon-pin.entry.a7f44a6a.js} +7 -7
- package/dist/{swirl-icon-place.entry.d21aa3c2.js → swirl-icon-place.entry.7e8af7ea.js} +8 -8
- package/dist/{swirl-icon-poll.entry.7be10124.js → swirl-icon-poll.entry.ed52376f.js} +10 -10
- package/dist/{swirl-icon-post-approval.entry.3714ce26.js → swirl-icon-post-approval.entry.9a10ae2d.js} +8 -8
- package/dist/{swirl-icon-present.entry.d47a790f.js → swirl-icon-present.entry.cf33a3b5.js} +8 -8
- package/dist/{swirl-icon-print.entry.6b527070.js → swirl-icon-print.entry.73f1216b.js} +2 -2
- package/dist/{swirl-icon-public-off.entry.a3d140e7.js → swirl-icon-public-off.entry.201eb78b.js} +9 -9
- package/dist/{swirl-icon-public.entry.91f15450.js → swirl-icon-public.entry.7034df3d.js} +6 -6
- package/dist/{swirl-icon-ratio-four-to-three.entry.2d122b89.js → swirl-icon-ratio-four-to-three.entry.301075e2.js} +5 -5
- package/dist/{swirl-icon-ratio-freeform.entry.0193fcaa.js → swirl-icon-ratio-freeform.entry.c63b42b3.js} +8 -8
- package/dist/{swirl-icon-ratio-sixteen-to-nine.entry.7a3288f3.js → swirl-icon-ratio-sixteen-to-nine.entry.0125b0b2.js} +8 -8
- package/dist/{swirl-icon-ratio-square.entry.c6a41dd6.js → swirl-icon-ratio-square.entry.a966ade4.js} +8 -8
- package/dist/{swirl-icon-ratio-three-to-four.entry.55f06e28.js → swirl-icon-ratio-three-to-four.entry.c4ce14ce.js} +2 -2
- package/dist/{swirl-icon-ratio-three-to-two.entry.8496ae75.js → swirl-icon-ratio-three-to-two.entry.429e2a15.js} +4 -4
- package/dist/{swirl-icon-recieved.entry.ff3f9a61.js → swirl-icon-recieved.entry.e1c30b96.js} +3 -3
- package/dist/{swirl-icon-remove-circle.entry.a922067a.js → swirl-icon-remove-circle.entry.4688b818.js} +5 -5
- package/dist/{swirl-icon-remove-moderator.entry.036a9c5f.js → swirl-icon-remove-moderator.entry.f00300a5.js} +6 -6
- package/dist/{swirl-icon-reply.entry.ab422a7e.js → swirl-icon-reply.entry.f823fb21.js} +10 -10
- package/dist/{swirl-icon-report.entry.6bb32279.js → swirl-icon-report.entry.6117cd9d.js} +6 -6
- package/dist/{swirl-icon-roadmap.entry.050eb51c.js → swirl-icon-roadmap.entry.ab2917c9.js} +10 -10
- package/dist/{swirl-icon-rotate-left.entry.47043aca.js → swirl-icon-rotate-left.entry.ffc94caf.js} +7 -7
- package/dist/{swirl-icon-rotate-right.entry.97e4198c.js → swirl-icon-rotate-right.entry.80a74e49.js} +6 -6
- package/dist/{swirl-icon-screenshare-off.entry.cedcbdd2.js → swirl-icon-screenshare-off.entry.bc42f8fa.js} +2 -2
- package/dist/{swirl-icon-screenshare.entry.12d04193.js → swirl-icon-screenshare.entry.5ca826a3.js} +9 -9
- package/dist/{swirl-icon-search-strong.entry.e950f46a.js → swirl-icon-search-strong.entry.427a8b28.js} +7 -7
- package/dist/{swirl-icon-search.entry.9a13c483.js → swirl-icon-search.entry.f917aff7.js} +8 -8
- package/dist/{swirl-icon-secure.entry.981534df.js → swirl-icon-secure.entry.ac9b4dc6.js} +4 -4
- package/dist/{swirl-icon-send.entry.dc63886b.js → swirl-icon-send.entry.a6767446.js} +6 -6
- package/dist/{swirl-icon-settings.entry.3597ab14.js → swirl-icon-settings.entry.2646e8f0.js} +6 -6
- package/dist/{swirl-icon-short-text.entry.ac177462.js → swirl-icon-short-text.entry.cf2923fe.js} +5 -5
- package/dist/{swirl-icon-simplify.entry.d8382b4f.js → swirl-icon-simplify.entry.e199e57b.js} +5 -5
- package/dist/{swirl-icon-spellcheck.entry.44188d68.js → swirl-icon-spellcheck.entry.11f10bc4.js} +8 -8
- package/dist/{swirl-icon-stars.entry.0caeaf04.js → swirl-icon-stars.entry.902a69fd.js} +8 -8
- package/dist/{swirl-icon-stop.entry.1bfeb066.js → swirl-icon-stop.entry.efb0c917.js} +10 -10
- package/dist/{swirl-icon-sync.entry.6f31b564.js → swirl-icon-sync.entry.ded8e262.js} +6 -6
- package/dist/{swirl-icon-tasks-filled.entry.05663f87.js → swirl-icon-tasks-filled.entry.bc863971.js} +6 -6
- package/dist/{swirl-icon-tasks.entry.6b0ab733.js → swirl-icon-tasks.entry.e3152a27.js} +8 -8
- package/dist/{swirl-icon-terminal.entry.627a3d3a.js → swirl-icon-terminal.entry.167be50b.js} +6 -6
- package/dist/{swirl-icon-time-filled.entry.2621a3fb.js → swirl-icon-time-filled.entry.2a067278.js} +8 -8
- package/dist/{swirl-icon-time.entry.3a05e83d.js → swirl-icon-time.entry.88da651f.js} +2 -2
- package/dist/{swirl-icon-today-filled.entry.b7bd08df.js → swirl-icon-today-filled.entry.8678cebb.js} +6 -6
- package/dist/{swirl-icon-translate.entry.75eea199.js → swirl-icon-translate.entry.fc4dbe03.js} +6 -6
- package/dist/{swirl-icon-tree-structure.entry.901d3f8c.js → swirl-icon-tree-structure.entry.efb6a5a0.js} +7 -7
- package/dist/{swirl-icon-undo.entry.ed4b034b.js → swirl-icon-undo.entry.97f4495d.js} +5 -5
- package/dist/{swirl-icon-unlock-person.entry.779d7147.js → swirl-icon-unlock-person.entry.4bbfa719.js} +9 -9
- package/dist/{swirl-icon-user-add.entry.a90e8956.js → swirl-icon-user-add.entry.a342730a.js} +8 -8
- package/dist/{swirl-icon-user-assign.entry.d9a01720.js → swirl-icon-user-assign.entry.f6155b80.js} +5 -5
- package/dist/{swirl-icon-video-camera-off.entry.29d848f6.js → swirl-icon-video-camera-off.entry.12bc018c.js} +7 -7
- package/dist/{swirl-icon-video-camera.entry.8f5dbc5d.js → swirl-icon-video-camera.entry.489fd43f.js} +8 -8
- package/dist/{swirl-icon-video-library.entry.663d8d22.js → swirl-icon-video-library.entry.28cb5979.js} +8 -8
- package/dist/{swirl-icon-video-player.entry.b78108ab.js → swirl-icon-video-player.entry.c1ca145c.js} +7 -7
- package/dist/{swirl-icon-voice.entry.0d538644.js → swirl-icon-voice.entry.05d58caf.js} +8 -8
- package/dist/{swirl-icon-web-asset-off.entry.12dc2351.js → swirl-icon-web-asset-off.entry.a7657598.js} +10 -10
- package/dist/{swirl-icon-web-asset.entry.7e60fe87.js → swirl-icon-web-asset.entry.4bd00529.js} +6 -6
- package/dist/{swirl-icon-work.entry.e16daa43.js → swirl-icon-work.entry.48b982a8.js} +6 -6
- package/dist/swirl-icon.entry.89a00395.js +16 -0
- package/dist/{swirl-image-grid-item.entry.488978af.js → swirl-image-grid-item.entry.d0f58618.js} +3 -3
- package/dist/{swirl-image-grid.entry.71ec5439.js → swirl-image-grid.entry.53bff0d8.js} +2 -2
- package/dist/{swirl-inline-notification.entry.81ba52b7.js → swirl-inline-notification.entry.4f85a6eb.js} +3 -3
- package/dist/{swirl-inline-status.entry.509caea0.js → swirl-inline-status.entry.91c95612.js} +2 -2
- package/dist/{swirl-lightbox.entry.3eea8804.js → swirl-lightbox.entry.f206f147.js} +5 -5
- package/dist/{swirl-link.entry.a6556d13.js → swirl-link.entry.48f9bd01.js} +4 -4
- package/dist/{swirl-list.entry.58e98dbd.js → swirl-list.entry.058437d5.js} +4 -4
- package/dist/{swirl-menu-item.entry.b79230cb.js → swirl-menu-item.entry.af55f2d2.js} +2 -2
- package/dist/{swirl-menu.entry.f3412027.js → swirl-menu.entry.ff6679b7.js} +4 -4
- package/dist/{swirl-modal.entry.b05ef36e.js → swirl-modal.entry.2dae84ae.js} +18 -18
- package/dist/swirl-option-list-section.entry.24c6776c.js +15 -0
- package/dist/{swirl-option-list_2.entry.838a6c53.js → swirl-option-list_2.entry.eb7ae205.js} +16 -10
- package/dist/{swirl-pagination.entry.b2c0dae5.js → swirl-pagination.entry.506c9348.js} +2 -2
- package/dist/{swirl-pdf-reader.entry.dfa93a60.js → swirl-pdf-reader.entry.c85390e6.js} +3 -3
- package/dist/{swirl-popover_2.entry.d11451da.js → swirl-popover_2.entry.d4839db8.js} +8 -8
- package/dist/{swirl-progress-indicator.entry.7c3e4b66.js → swirl-progress-indicator.entry.5e9a7550.js} +8 -8
- package/dist/{swirl-radio-group.entry.f2ab633f.js → swirl-radio-group.entry.0dbb1dc3.js} +2 -2
- package/dist/{swirl-radio.entry.099975b8.js → swirl-radio.entry.826b4cbe.js} +2 -2
- package/dist/{swirl-resource-list-file-item.entry.99631597.js → swirl-resource-list-file-item.entry.ce431455.js} +5 -5
- package/dist/{swirl-resource-list-section.entry.fa50f86e.js → swirl-resource-list-section.entry.01f55d73.js} +2 -2
- package/dist/{swirl-search.entry.200f9cbb.js → swirl-search.entry.168d375e.js} +1 -1
- package/dist/{swirl-select.entry.3cbccc75.js → swirl-select.entry.19c678c7.js} +8 -8
- package/dist/{swirl-separator.entry.d3e9a93a.js → swirl-separator.entry.888fff80.js} +9 -9
- package/dist/{swirl-shell-layout.entry.221cf825.js → swirl-shell-layout.entry.03a0e537.js} +3 -3
- package/dist/{swirl-shell-navigation-item.entry.03a06f7e.js → swirl-shell-navigation-item.entry.fc84b995.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.93859666.js → swirl-skeleton-box.entry.98af476b.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.bbd16b35.js → swirl-skeleton-text.entry.dca7efb7.js} +1 -1
- package/dist/{swirl-stack.entry.657f0919.js → swirl-stack.entry.9892dfe3.js} +5 -5
- package/dist/{swirl-status-indicator.entry.8be89d94.js → swirl-status-indicator.entry.3faa0c8c.js} +1 -1
- package/dist/{swirl-switch.entry.b6309d5b.js → swirl-switch.entry.b0cee720.js} +1 -1
- package/dist/{swirl-symbol-account-circle.entry.f66de424.js → swirl-symbol-account-circle.entry.f44e29ce.js} +7 -7
- package/dist/{swirl-symbol-alternate-email.entry.7a898516.js → swirl-symbol-alternate-email.entry.95231701.js} +2 -2
- package/dist/{swirl-symbol-android.entry.0bc61eb7.js → swirl-symbol-android.entry.4f274d3d.js} +5 -5
- package/dist/{swirl-symbol-announcement.entry.f6862ebe.js → swirl-symbol-announcement.entry.0a1384b1.js} +5 -5
- package/dist/{swirl-symbol-backup.entry.fd57eb4e.js → swirl-symbol-backup.entry.4d021478.js} +7 -7
- package/dist/{swirl-symbol-beach-access.entry.c959aa8b.js → swirl-symbol-beach-access.entry.862a3e8e.js} +3 -3
- package/dist/{swirl-symbol-bookmark.entry.9685ae20.js → swirl-symbol-bookmark.entry.cb04f47e.js} +2 -2
- package/dist/{swirl-symbol-cloud.entry.8171a8d9.js → swirl-symbol-cloud.entry.2708805d.js} +5 -5
- package/dist/{swirl-symbol-coronavirus.entry.820fcfc1.js → swirl-symbol-coronavirus.entry.c9a3d191.js} +7 -7
- package/dist/{swirl-symbol-desktop-windows.entry.8b03d72b.js → swirl-symbol-desktop-windows.entry.913d3447.js} +5 -5
- package/dist/{swirl-symbol-directions-car-filled.entry.86018c18.js → swirl-symbol-directions-car-filled.entry.367d2797.js} +6 -6
- package/dist/{swirl-symbol-edit-calendar.entry.f8ac3a01.js → swirl-symbol-edit-calendar.entry.e92e1a82.js} +5 -5
- package/dist/{swirl-symbol-email.entry.80aaba68.js → swirl-symbol-email.entry.d8380732.js} +7 -7
- package/dist/{swirl-symbol-emoji-food-beverage.entry.5eea9654.js → swirl-symbol-emoji-food-beverage.entry.bf4b8f8d.js} +5 -5
- package/dist/{swirl-symbol-event-menu.entry.188c7643.js → swirl-symbol-event-menu.entry.8d5a7ca2.js} +7 -7
- package/dist/{swirl-symbol-facebook.entry.269fb0b1.js → swirl-symbol-facebook.entry.890c2bd1.js} +5 -5
- package/dist/{swirl-symbol-favorite.entry.0ec65e84.js → swirl-symbol-favorite.entry.1fa15c1a.js} +5 -5
- package/dist/{swirl-symbol-fitness-center.entry.c47aa82d.js → swirl-symbol-fitness-center.entry.37de583d.js} +5 -5
- package/dist/{swirl-symbol-flag.entry.5e3272b7.js → swirl-symbol-flag.entry.3c82b41a.js} +5 -5
- package/dist/{swirl-symbol-folder.entry.3c729f5b.js → swirl-symbol-folder.entry.7bad0f1e.js} +2 -2
- package/dist/{swirl-symbol-globe.entry.009a4f6f.js → swirl-symbol-globe.entry.c92aa6f9.js} +2 -2
- package/dist/{swirl-symbol-groups.entry.e9af87ba.js → swirl-symbol-groups.entry.ec7368ea.js} +8 -8
- package/dist/{swirl-symbol-help.entry.c6581813.js → swirl-symbol-help.entry.867bae98.js} +2 -2
- package/dist/{swirl-symbol-image.entry.be771ba8.js → swirl-symbol-image.entry.86b82b61.js} +2 -2
- package/dist/{swirl-symbol-info-menu.entry.7d5e8b67.js → swirl-symbol-info-menu.entry.14ca5787.js} +2 -2
- package/dist/{swirl-symbol-instagram.entry.c13031e2.js → swirl-symbol-instagram.entry.d7880a6f.js} +7 -7
- package/dist/{swirl-symbol-ios.entry.79a31d23.js → swirl-symbol-ios.entry.8a9fe26d.js} +5 -5
- package/dist/{swirl-symbol-language.entry.6a6f4285.js → swirl-symbol-language.entry.01254c04.js} +5 -5
- package/dist/{swirl-symbol-leaderboard.entry.3960652d.js → swirl-symbol-leaderboard.entry.d063fe01.js} +7 -7
- package/dist/{swirl-symbol-lightbulb.entry.627af28e.js → swirl-symbol-lightbulb.entry.c660d3b2.js} +5 -5
- package/dist/{swirl-symbol-linkedin.entry.bc1c0082.js → swirl-symbol-linkedin.entry.a783dffb.js} +6 -6
- package/dist/{swirl-symbol-location-on.entry.29ba83ec.js → swirl-symbol-location-on.entry.5ba9e9a2.js} +6 -6
- package/dist/{swirl-symbol-loyalty.entry.a75c294c.js → swirl-symbol-loyalty.entry.db601e41.js} +4 -4
- package/dist/{swirl-symbol-maps-home-work.entry.ed6817c9.js → swirl-symbol-maps-home-work.entry.7f46079f.js} +5 -5
- package/dist/{swirl-symbol-notifications.entry.e681d116.js → swirl-symbol-notifications.entry.424003a6.js} +6 -6
- package/dist/{swirl-symbol-open-in-new.entry.27902397.js → swirl-symbol-open-in-new.entry.16faf570.js} +2 -2
- package/dist/{swirl-symbol-pedal-bike.entry.56ae4c0a.js → swirl-symbol-pedal-bike.entry.59217fb5.js} +7 -7
- package/dist/{swirl-symbol-pinterest.entry.9dc71dcc.js → swirl-symbol-pinterest.entry.14af8acd.js} +5 -5
- package/dist/{swirl-symbol-policy.entry.0f9f16e0.js → swirl-symbol-policy.entry.efdc692e.js} +5 -5
- package/dist/{swirl-symbol-push-pin.entry.d5e0c5d0.js → swirl-symbol-push-pin.entry.04b24c00.js} +6 -6
- package/dist/{swirl-symbol-redeem.entry.46a53899.js → swirl-symbol-redeem.entry.0359f11f.js} +7 -7
- package/dist/{swirl-symbol-report-problem.entry.8e93c810.js → swirl-symbol-report-problem.entry.3cab78ab.js} +4 -4
- package/dist/{swirl-symbol-restaurant.entry.161d328f.js → swirl-symbol-restaurant.entry.69ad314a.js} +5 -5
- package/dist/swirl-symbol-roadmap.entry.a9a17bc4.js +17 -0
- package/dist/{swirl-symbol-room.entry.1a8b7e16.js → swirl-symbol-room.entry.cf788038.js} +5 -5
- package/dist/{swirl-symbol-savings.entry.35f383a5.js → swirl-symbol-savings.entry.ea8023ad.js} +3 -3
- package/dist/{swirl-symbol-settings-voice.entry.7544eed1.js → swirl-symbol-settings-voice.entry.baef0be4.js} +2 -2
- package/dist/{swirl-symbol-shopping-cart.entry.72b4aa5c.js → swirl-symbol-shopping-cart.entry.1217fcfb.js} +5 -5
- package/dist/swirl-symbol-smartphone.entry.fb3b9b4b.js +17 -0
- package/dist/{swirl-symbol-star.entry.da85336b.js → swirl-symbol-star.entry.d6a6ff6c.js} +2 -2
- package/dist/{swirl-symbol-supervisor-account.entry.a1e16fd3.js → swirl-symbol-supervisor-account.entry.b40a71be.js} +2 -2
- package/dist/{swirl-symbol-thumbs-up-down.entry.3a66ba42.js → swirl-symbol-thumbs-up-down.entry.fb65690b.js} +8 -8
- package/dist/{swirl-symbol-twitter.entry.997bb7e8.js → swirl-symbol-twitter.entry.280e6e01.js} +2 -2
- package/dist/{swirl-symbol-wb-sunny.entry.c9e1bc85.js → swirl-symbol-wb-sunny.entry.e6879acf.js} +2 -2
- package/dist/{swirl-symbol-wechat.entry.577e451c.js → swirl-symbol-wechat.entry.dbceb28c.js} +7 -7
- package/dist/{swirl-symbol-weibo.entry.9a94097c.js → swirl-symbol-weibo.entry.0f647b56.js} +2 -2
- package/dist/{swirl-symbol-work.entry.6ddaeafb.js → swirl-symbol-work.entry.9c61fd3d.js} +5 -5
- package/dist/{swirl-symbol-xing.entry.c1234091.js → swirl-symbol-xing.entry.682e4769.js} +2 -2
- package/dist/{swirl-symbol-youtube.entry.17edcd65.js → swirl-symbol-youtube.entry.14c0ad1f.js} +6 -6
- package/dist/swirl-symbol.entry.07d2d1ad.js +16 -0
- package/dist/{swirl-tab-bar.entry.bb315fea.js → swirl-tab-bar.entry.99ab332d.js} +1 -1
- package/dist/{swirl-tab.entry.d4c7765c.js → swirl-tab.entry.5d619e54.js} +1 -1
- package/dist/{swirl-table-cell.entry.6868fb40.js → swirl-table-cell.entry.dfbf0ead.js} +2 -2
- package/dist/{swirl-table-column.entry.e7ad5867.js → swirl-table-column.entry.ee489a57.js} +1 -1
- package/dist/{swirl-table-row-group.entry.eba50171.js → swirl-table-row-group.entry.a64d46db.js} +3 -3
- package/dist/{swirl-table-row.entry.3238c2f3.js → swirl-table-row.entry.9a5070f6.js} +2 -2
- package/dist/{swirl-table.entry.6ad2a085.js → swirl-table.entry.c5398d67.js} +5 -5
- package/dist/{swirl-tabs.entry.5940f204.js → swirl-tabs.entry.884249ac.js} +3 -3
- package/dist/{swirl-text-input.entry.a0381e37.js → swirl-text-input.entry.962fd73c.js} +2 -2
- package/dist/{swirl-text.entry.20815813.js → swirl-text.entry.74893b3d.js} +1 -1
- package/dist/{swirl-theme-provider.entry.69c8e30c.js → swirl-theme-provider.entry.ebc3e5a3.js} +2 -2
- package/dist/{swirl-time-input.entry.a658ae3c.js → swirl-time-input.entry.dadaf521.js} +9 -9
- package/dist/{swirl-toast-provider.entry.4bf2fe24.js → swirl-toast-provider.entry.914ffa6c.js} +1 -1
- package/dist/{swirl-toast.entry.8e79b22d.js → swirl-toast.entry.e6558bdd.js} +1 -1
- package/dist/{swirl-toggle-button.entry.5ba40847.js → swirl-toggle-button.entry.42775042.js} +2 -2
- package/dist/{swirl-toggle-group.entry.2b6ddee3.js → swirl-toggle-group.entry.fece79b0.js} +2 -2
- package/dist/{swirl-toolbar.entry.4cf8f3c6.js → swirl-toolbar.entry.f8ae5f09.js} +1 -1
- package/dist/{swirl-tooltip.entry.c881929e.js → swirl-tooltip.entry.d16498f6.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.a404213b.js → swirl-tree-navigation-item.entry.70012ed8.js} +5 -5
- package/dist/{swirl-tree-navigation.entry.a0d30009.js → swirl-tree-navigation.entry.028e893c.js} +2 -2
- package/dist/{swirl-tree-view-item.entry.a3b604cf.js → swirl-tree-view-item.entry.fbc0787a.js} +5 -5
- package/dist/{swirl-tree-view.entry.a93a75f7.js → swirl-tree-view.entry.2316bf07.js} +2 -2
- package/dist/{swirl-video-thumbnail.entry.2e6fb520.js → swirl-video-thumbnail.entry.3bd69afc.js} +2 -2
- package/dist/swirl-visually-hidden.entry.0e09d2a1.js +15 -0
- package/dist/{wc-datepicker.entry.de4405b7.js → wc-datepicker.entry.3a26b2cb.js} +1 -1
- package/package.json +2 -2
- package/dist/swirl-action-list-section.entry.ecd16d65.js +0 -15
- package/dist/swirl-columns.entry.c938c54d.js +0 -18
- package/dist/swirl-emoji-clap.entry.f92b93de.js +0 -17
- package/dist/swirl-emoji-happy.entry.aa43acfa.js +0 -17
- package/dist/swirl-emoji-idea.entry.841c48a4.js +0 -17
- package/dist/swirl-emoji-love.entry.6a44298c.js +0 -17
- package/dist/swirl-emoji-sad.entry.7bc0e3b8.js +0 -17
- package/dist/swirl-emoji-thumbs-up.entry.d36c3337.js +0 -17
- package/dist/swirl-emoji.entry.a9e46b9f.js +0 -16
- package/dist/swirl-icon-arrow-right-small.entry.816233ee.js +0 -19
- package/dist/swirl-icon-dot.entry.e52a4602.js +0 -19
- package/dist/swirl-icon-menu-filled.entry.b4d64071.js +0 -19
- package/dist/swirl-icon.entry.df30495c.js +0 -16
- package/dist/swirl-option-list-section.entry.f1b800ad.js +0 -15
- package/dist/swirl-symbol-roadmap.entry.a3bd21cf.js +0 -17
- package/dist/swirl-symbol-smartphone.entry.74e0ed8e.js +0 -17
- package/dist/swirl-symbol.entry.d4446b5d.js +0 -16
- package/dist/swirl-visually-hidden.entry.3b27ae38.js +0 -15
package/dist/{swirl-accordion-item.entry.5c14c5eb.js → swirl-accordion-item.entry.3b7cf9ab.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, c as d, h as e, H as n, g as s } from "./index.
|
|
1
|
+
import { r as t, c as d, h as e, H as n, g as s } from "./index.f9651324.js";
|
|
2
2
|
import { c as r } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { v as o } from "./v4-23648a96.77c7c20f.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, c as i, h as o, H as a, g as l } from "./index.
|
|
1
|
+
import { r as s, c as i, h as o, H as a, g as l } from "./index.f9651324.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", c = n, d = class {
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as i, h as a, H as t } from "./index.f9651324.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
const e = ":host{display:block;width:100%}: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);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 = e, c = class {
|
|
5
|
+
constructor(s) {
|
|
6
|
+
i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
|
|
7
|
+
}
|
|
8
|
+
render() {
|
|
9
|
+
return a(t, { key: "dfafe6bc3d74e22fbf60f07d0179bf71455bf48b" }, this.hasSeparator && a("swirl-separator", { key: "fd93a18adf97d0fb37f6f76e14992915e095ae92", spacing: this.separatorSpacing }), a("div", { key: "099c87cdb2e411546228fb28863a27c0e541caa3", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "7f73b8d374df2e68576320ea2276fcb1322a4780", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "d2b9872ca56dc628d83f41472603563f6f3e35b4", spacing: this.spacing, align: "stretch" }, a("slot", { key: "d9f3b4d084938db64a49975a56397b13db610ba8" }))));
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
c.style = o;
|
|
13
|
+
export {
|
|
14
|
+
c as swirl_action_list_section
|
|
15
|
+
};
|
package/dist/{swirl-action-list_2.entry.11a09efe.js → swirl-action-list_2.entry.fbec59d0.js}
RENAMED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r, h as o, H as
|
|
1
|
+
import { r as c, h as o, H as l, g as d } from "./index.f9651324.js";
|
|
2
2
|
import { q as h, b as f, g as m } from "./utils-877a768f.c277f897.js";
|
|
3
3
|
import { c as u } from "./index-267776a4.6beb4f4b.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", b = p, g = class {
|
|
7
7
|
constructor(i) {
|
|
8
|
-
|
|
8
|
+
c(this, i), this.onKeyDown = (e) => {
|
|
9
9
|
e.code === "ArrowDown" || e.code === "ArrowRight" ? (e.preventDefault(), this.focusNextItem()) : (e.code === "ArrowUp" || e.code === "ArrowLeft") && (e.preventDefault(), this.focusPreviousItem());
|
|
10
10
|
}, this.onFocusOut = (e) => {
|
|
11
11
|
if (this.isInsidePopover)
|
|
@@ -24,7 +24,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
|
|
|
24
24
|
componentDidLoad() {
|
|
25
25
|
queueMicrotask(() => {
|
|
26
26
|
this.isInsidePopover = this.el.closest("swirl-popover") !== null, this.isInsidePopover || this.container.setAttribute("tabindex", "0");
|
|
27
|
-
});
|
|
27
|
+
}), this.setSectionSeparator();
|
|
28
28
|
}
|
|
29
29
|
getItems() {
|
|
30
30
|
return h(this.el, '[role="menuitem"]');
|
|
@@ -42,17 +42,23 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
|
|
|
42
42
|
const i = this.getItems(), e = f();
|
|
43
43
|
return i.findIndex((t) => t === e || t === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
|
|
44
44
|
}
|
|
45
|
+
setSectionSeparator() {
|
|
46
|
+
Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((e) => e.isConnected).forEach((e, t) => {
|
|
47
|
+
var s;
|
|
48
|
+
t === 0 && ((s = e.previousElementSibling) == null ? void 0 : s.tagName) !== "SWIRL-ACTION-LIST-ITEM" && (e.hasSeparator = !1);
|
|
49
|
+
});
|
|
50
|
+
}
|
|
45
51
|
render() {
|
|
46
|
-
return o(
|
|
52
|
+
return o(l, { key: "5c5f8ce4ba462a70714635174966150d7c77e01b" }, o("div", { key: "e31ab96f743bccedf0f6269cb87847d1451a9e2f", "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: (i) => this.container = i, role: "menu" }, o("slot", { key: "faa491abcbabe70308c60b06e32f08c392e93d21", onSlotchange: this.setSectionSeparator })));
|
|
47
53
|
}
|
|
48
54
|
get el() {
|
|
49
|
-
return
|
|
55
|
+
return d(this);
|
|
50
56
|
}
|
|
51
57
|
};
|
|
52
58
|
g.style = b;
|
|
53
|
-
const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}", x = v,
|
|
59
|
+
const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}", x = v, I = class {
|
|
54
60
|
constructor(i) {
|
|
55
|
-
|
|
61
|
+
c(this, i), this.desktopMediaQuery = m(), this.desktopMediaQueryHandler = (e) => {
|
|
56
62
|
this.forceIconProps(e.matches);
|
|
57
63
|
}, this.badge = void 0, this.disabled = void 0, this.description = void 0, this.icon = void 0, this.iconBadge = void 0, this.intent = "default", this.label = void 0, this.size = "m", this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.suffix = void 0;
|
|
58
64
|
}
|
|
@@ -67,22 +73,22 @@ const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
|
|
|
67
73
|
(e = (i = this.desktopMediaQuery).removeEventListener) == null || e.call(i, "change", this.desktopMediaQueryHandler);
|
|
68
74
|
}
|
|
69
75
|
forceIconProps(i) {
|
|
70
|
-
var a, n,
|
|
76
|
+
var a, n, r;
|
|
71
77
|
const e = (a = this.iconEl) == null ? void 0 : a.children[0], t = (n = this.suffixEl) == null ? void 0 : n.children[0];
|
|
72
78
|
e == null || e.setAttribute("size", i ? "20" : "24");
|
|
73
|
-
const s = (
|
|
79
|
+
const s = (r = this.iconBadgeEl) == null ? void 0 : r.children[0];
|
|
74
80
|
s == null || s.setAttribute("size", "xs"), s == null || s.setAttribute("variant", "dot"), (t == null ? void 0 : t.tagName) !== "SWIRL-TAG" && (t == null || t.setAttribute("size", i ? "20" : "24"));
|
|
75
81
|
}
|
|
76
82
|
render() {
|
|
77
83
|
const i = Boolean(this.badge), e = Boolean(this.iconBadge), t = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || t) && !this.disabled, a = u("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
|
|
78
|
-
return o(
|
|
84
|
+
return o(l, { key: "7b4f52c16da4f4f5c2c9a51856c9aae7e9c04f23" }, o("button", { key: "a74a9c60edc2a183c04f93e9030554c551ceba67", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: a, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, o("slot", { key: "9bb61a72d80c55a35e0dc3c809d8bebb7ff30437", name: "avatar" }), this.icon && o("span", { key: "ba49170992a1dc9e6d8b68e64af781273bf4b7e8", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, e && o("span", { key: "3284724f84d3d6e018f244cde0a7ddc233f7459d", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), o("span", { key: "2084ba440fee7881921d10781ab0100c8aef26d6", class: "action-list-item__label-container" }, o("span", { key: "81d4f0652172c6e468b7a6d5c2381d05905d5e22", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "f09d273290bfc00630c592ed45013b565845eb5a", class: "action-list-item__description" }, this.description)), i && o("span", { key: "06cfa9c3a1af2b53a472b472529267549b4926de", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "7ab7dd54bb3f1e2c9cac00dbf98775e18f66ab98", class: "action-list-item__suffix", innerHTML: t ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { key: "f2bd1ae7bf49c5e22757dbdb23fada915ab13e2a", name: "suffix" }))));
|
|
79
85
|
}
|
|
80
86
|
get el() {
|
|
81
|
-
return
|
|
87
|
+
return d(this);
|
|
82
88
|
}
|
|
83
89
|
};
|
|
84
|
-
|
|
90
|
+
I.style = x;
|
|
85
91
|
export {
|
|
86
92
|
g as swirl_action_list,
|
|
87
|
-
|
|
93
|
+
I as swirl_action_list_item
|
|
88
94
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as n, c as s, h as t, H as
|
|
2
|
-
import { c } from "./index-267776a4.6beb4f4b.js";
|
|
1
|
+
import { r as n, c as s, h as t, H as c, g as r } from "./index.f9651324.js";
|
|
2
|
+
import { c as l } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
5
|
const p = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:0;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}', d = p, h = class {
|
|
@@ -29,17 +29,17 @@ const p = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:bor
|
|
|
29
29
|
this.hasCta = Boolean(this.el.querySelector('[slot="cta"]'));
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
const a = this.showBackButton || this.showCloseButton || this.showStepperControls, e = Boolean(this.el.querySelector('[slot="right-controls"]')), i =
|
|
32
|
+
const a = this.showBackButton || this.showCloseButton || this.showStepperControls, e = Boolean(this.el.querySelector('[slot="right-controls"]')), i = l("app-bar", {
|
|
33
33
|
"app-bar--has-cta": this.hasCta,
|
|
34
34
|
"app-bar--has-right-controls": e
|
|
35
35
|
}), o = {
|
|
36
36
|
paddingInlineEnd: `var(--s-space-${this.paddingInlineEnd})`,
|
|
37
37
|
paddingInlineStart: `var(--s-space-${this.paddingInlineStart})`
|
|
38
38
|
};
|
|
39
|
-
return t(
|
|
39
|
+
return t(c, { key: "d600deeb8a687bb4845149bcf2bad842f5ecf1f3" }, t("div", { key: "1c662e5e543ccec7fa1aa92721e7e3c43fbf6e4f", class: i, style: o }, a && t("div", { key: "1360ad530e65281d1756d3857020dc745d103695", class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && t("div", { key: "d1abed9606942b05ca70dc6a334b81050c4c1fe6", class: "app-bar__main-navigation-control" }, this.showBackButton && t("swirl-button", { key: "fe72d1498779c96c01893eb7befdbccaa537b947", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick }), this.showCloseButton && t("swirl-button", { key: "8dcb78f5b58bf6bc641c456cc8a58f9fb001bf09", hideLabel: !0, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showStepperControls && t("div", { key: "70d556ed3057812ba3bae94a3137f50475971b5d", class: "app-bar__stepper-controls" }, t("swirl-button", { key: "ff0f84da0dc691e84d549c269efab64ad4052c58", hideLabel: !0, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), t("swirl-button", { key: "ba47ee06389bd22569408c48b6bdcfc6fdd1d039", hideLabel: !0, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))), t("div", { key: "48ec84b6d54b8a2bc480467ae6b7556f8d2f6756", class: "app-bar__cta" }, t("slot", { key: "2303f169c07f38410740fd75ef788944ee23cdd1", name: "cta" })), t("div", { key: "a03346495a15b78da499f5e5dc584e140ddb3a85", class: "app-bar__heading" }, t("slot", { key: "dedbfa247ba4d1c31f04aa670f11499218fe9b4e", name: "heading" })), t("div", { key: "cae7eea7759c04cffc983d4dd525b6bf87b8ee8e", class: "app-bar__center-controls" }, t("slot", { key: "fd94d148cbedad08013203e9aba179165c7afedb", name: "center-controls" })), t("div", { key: "16e9c5e550774658b7b6ea93ff695564f6d7e65e", class: "app-bar__right-controls" }, t("slot", { key: "218d119f1d046ceff9a243c155a00dd730b76508", name: "right-controls" }))));
|
|
40
40
|
}
|
|
41
41
|
get el() {
|
|
42
|
-
return
|
|
42
|
+
return r(this);
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
h.style = d;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, h as e, H as n } from "./index.
|
|
1
|
+
import { r as o, h as e, H as n } from "./index.f9651324.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(n, { key: "
|
|
17
|
+
return e(n, { key: "c56866be8b89817bc577b7081e3b2b0a859cd5d2" }, e("span", { key: "10581d1d8ae34c10133e0d8d911fc22a49625af6", class: s }, i && e("img", { key: "5542d09f4e9afcead0d94d51208d8ab7fe3f1bdf", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && e("span", { key: "a6b5827035d9f8337232d00f2bc9bd7491ee6584", class: "app-icon__icon", innerHTML: this.icon })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
r.style = l;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.
|
|
1
|
+
import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.f9651324.js";
|
|
2
2
|
import { c } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { g as _, d as y, i as g, h as f } from "./utils-877a768f.c277f897.js";
|
|
4
4
|
import { S as T } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
@@ -202,7 +202,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
|
|
|
202
202
|
"app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
|
|
203
203
|
"app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
|
|
204
204
|
});
|
|
205
|
-
return a(d, { key: "
|
|
205
|
+
return a(d, { key: "bd1757d198f8e629b2e9754b47c30ebe5dc419a9" }, a("section", { key: "28b25940f98881967f1b39fabec35a839751159c", "aria-labelledby": "app-name", class: m }, a("div", { key: "52a19dc00ab90f4d0b774f84501e3eece9b4f42e", class: "app-layout__grid" }, a("header", { key: "820a3e03ad0c622e73df292141e78ffc5196f968", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "b3706641288a68f18319f0e4e5ba3ef47d6f398c", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "e5cacf0ebf353dd1760ef0b7dc124b0160554b12", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "1e5e367858b4ae2ff731d96c9274c2dc580f47aa", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "50d53650575d35d0fa744371e4b1b66b8c34632f", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && a("span", { key: "c7ee551266b168aac662963dba75667cf201a48e", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "448cbde3919cdd986b7b49933d6afa8e96646db6", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "3c467742d3c0f80fe5aa56987c868a3b4e253988", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "80c04d971369df12490ae87d86664622aeb601b7", class: "app-layout__navigation-controls" }, a("slot", { key: "8e732928e682abe5eef49fc22614907f0fec0a91", name: "navigation-controls" }))), a("nav", { key: "71c3dc8235d56ce5c9cbfa5b701e020a735d6a22", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "f6a8b3b5bf48ca9a00017f907c7e1e4c245a129e", name: "navigation" })), a("section", { key: "e44e1e6b08465e000378c80339b11680a1a8e725", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "3e0019dd933bc095980a871010a8723ebf95c89d", class: "app-layout__app-bar" }, a("span", { key: "1d2437a685cbba57563aa942c6dea4f5dc7ad728", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "a6f8147d45b2cc9aa877cb549f2e52e47a02975b", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "7678ad0057afab1ec8845940271a5e19d659c976", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "920ad1ff5b75f93179c4bf07ab56f3d042dd58ba", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && a("span", { key: "4356a054ba73b43ab719983f5e28f08618187c87", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "0dcc0b5175f72e651e9ba8fc54343bb8b10f044b", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "c409377d66e5d9653c3a4edacd00a7d1c36d41d8", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "19f1249cca6eb3d297c1bfb5c1237adf0563615d", name: "custom-app-bar-back-button" })), a("div", { key: "4d8ffb803fd1d60aeedc3abb27c2b587126b0809", class: "app-layout__app-bar-content" }, a("slot", { key: "aa9769d6902c0dcea2873ed874d9efd39bcfdccb", name: "app-bar" })), a("div", { key: "87956c0906c878a60ba38a32ddd84b62e64c341d", class: "app-layout__app-bar-controls" }, a("slot", { key: "de90973e95f87d557659269036fe3ba2ff841514", name: "app-bar-controls" }))), a("div", { key: "9092cbe26316ae42d16271d12ca0e22dba5f1d2d", class: "app-layout__banner" }, a("slot", { key: "442bba275cb42942e1f0910d9c02dda2a9af682f", name: "banner" })), a("div", { key: "924a188b2bbe99a0e75c70f1c7f5625995f1a099", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "94d6c1a191484f78595cc39eab5ff8229603d75d", name: "content" })), a("div", { key: "7c6aea10fad5a2852e7dd7c1faf2537e561ca7f7", class: "app-layout__bottom-bar" }, a("slot", { key: "425f8d91ec4c6970224cb8384ffa40c5f3242bec", name: "bottom-bar" }))), a("aside", { key: "7849759ec39060fa137dba9b466211568cd0746a", class: "app-layout__sidebar" }, a("header", { key: "aaa9d7aaf245afee95d5b10bbe6cdd0fc3b0467f", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "9d215a803a91fe07e6f819a19ee44ff87e279fe4", name: "custom-sidebar-header" })), a("header", { key: "4c148f600be258693004721d74cfeacce295a54b", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "f4b0155f52a24d448fe3215d765bd5c6984f100e", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "69992a92cd4ec148de847b7235ec35b50d28beae", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "efba1faaebfc7fe100b0d53a1c5a5de79f5b7a29", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "f297a2f2db5bdafd7a88d7fea6fec50b8bac8e75", name: "sidebar" }))), a("span", { key: "4e87773e33eacaa27710a018e9f07803dc267ae9", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "704b7695fd2ece0c20f971f158e04cec95ffdb4f", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "a4c4bcfb8f498c7c6b878016ca84a29c7443c3d1", name: "floating-action-button" })))));
|
|
206
206
|
}
|
|
207
207
|
get el() {
|
|
208
208
|
return p(this);
|
|
@@ -223,7 +223,7 @@ const L = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
|
|
|
223
223
|
"empty-state--has-controls": t,
|
|
224
224
|
"empty-state--has-slotted-illustration": e
|
|
225
225
|
});
|
|
226
|
-
return a(d, { key: "
|
|
226
|
+
return a(d, { key: "2d08744e37b4b88ca9e26aab4cdb8fb2bbc1180e" }, a("div", { key: "ea04c59e605482c692544d1cc0d4aef067b8f6a3", class: i }, this.illustration && !e && a("img", { key: "8962c0b15ea5feebe37b8fa95bbfcc97b0694021", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "3664c87b27a5f478296d340ab42770ad5ed2393a", class: "empty-state__slotted-illustration" }, a("slot", { key: "228289165b52b299a36fd2b344148d45b7a58ef9", name: "illustration" })), a("div", { key: "0a8127b3e40384a3e48c8c1c2d871d88b3da34a0", class: "empty-state__body" }, a("swirl-stack", { key: "f6b79940f462b2f624d2d8aea1c8d68218552b07", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "c344a88a43b5d9790410d7a2d43ee478b3ad9bd5", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "f9acf0f57a4920f711ffdc8fcf29dff01a9d6e93", class: "empty-state__content" }, a("swirl-text", { key: "450e250246304af3c6ddc65c5727281139ee899e", align: "center", color: "subdued" }, a("slot", { key: "9022393031eb9f02cd14738036055e6d3fb377b5" })))), a("div", { key: "11fc901a1a058aaaaed091bf389a7acdd7fa718d", class: "empty-state__controls" }, a("slot", { key: "3b7c38bcba36202e7400b14fd1b319956fd47b7f", name: "controls" })))));
|
|
227
227
|
}
|
|
228
228
|
get el() {
|
|
229
229
|
return p(this);
|
|
@@ -238,7 +238,7 @@ const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
|
|
|
238
238
|
const t = this.size === 20 ? 24 : this.size, e = {
|
|
239
239
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
|
|
240
240
|
}, i = c("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
241
|
-
return a("svg", { key: "
|
|
241
|
+
return a("svg", { key: "55bb51106a680b343d6dd45305a65077f35eaad5", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "bc0cfa02c18d0ff6ca6bd71cec4ded391e36de19" }, a("path", { key: "8446d56b115041e9cfb41b6a280706f6f51d8258", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "29595a04114b2df00149cee5cb0f905a5adeafb4" }, a("path", { key: "5ba598d54f55097927a52cc96e4d9a16b0f7a286", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "7a9442c4ae09c9cb0346d37ec30868f412a259e2" }, a("path", { key: "07e22603f84370604daeca70fdf95b27f630cc97", 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" })));
|
|
242
242
|
}
|
|
243
243
|
};
|
|
244
244
|
O.style = z;
|
|
@@ -363,7 +363,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
363
363
|
});
|
|
364
364
|
}
|
|
365
365
|
render() {
|
|
366
|
-
return a(d, { key: "
|
|
366
|
+
return a(d, { key: "4cd41feaa0fab2a69c43de32881533f520359a7b", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "55538c459210bb9281152f6fa8e21d6cba62c9cd", role: "alert" }, this.assistiveText), a("swirl-box", { key: "f3d95f5490135a8f7193de152e47b26b388b18cb", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "b93bde4df8eb4ef510ade10f79ab4d889a76c869", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "6541da553614f9bef63defa80bac7f1c09634a8f" }))));
|
|
367
367
|
}
|
|
368
368
|
get el() {
|
|
369
369
|
return p(this);
|
|
@@ -449,7 +449,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
449
449
|
"resource-list-item--wrap-description": this.descriptionWrap,
|
|
450
450
|
"resource-list-item--wrap-label": this.labelWrap
|
|
451
451
|
});
|
|
452
|
-
return a(d, { key: "
|
|
452
|
+
return a(d, { key: "7c3727e575c439016f3e6314fb5d79d0bd7d2dda", role: "row" }, a("div", { key: "4486d6577fa788bb8f671759420ff12e77b24f66", class: I, role: "gridcell" }, a(t, { key: "a3bf05f7fa4fe509146837d05f400bc17daa5bdd", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "af870be611f49c6e348a1b430151f95c19f8c496", class: "resource-list-item__media" }, a("slot", { key: "ea3c6b5f11a250048b6c8ea52c9c2bb6ede3b29f", name: "media" })), a("span", { key: "7bd7d1a99cd3a5f80a1c929c259a2e126703fc95", class: "resource-list-item__label-container", style: C }, a("span", { key: "038c5455274425f9575acbf60404f4db4818b3df", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "55614a1622ff9842ca5f86039d934e5d53c56013", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "4dc92b028c90e063ec496df92fbbf80cb719c9ca", class: "resource-list-item__meta" }, a("span", { key: "b46d417de54c42f75242073536589639ae1b9ac6", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "b854fc14310a71e8cb5c3963e86931102bf8fa7a", class: "resource-list-item__badges" }, a("slot", { key: "aef0eeb8e22d8ec2c0542bc64ea77d297c0b2d3d", name: "badges" })))), this.selectable && a("span", { key: "ac5354735f79e8666dc0ba4df9833c89e648e8ca", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "cb4bbe9e59b1c90511be462c677da77413fc5deb", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "226a415d0952bcb312b0a55dd2273384647bf0a2" }))), a("span", { key: "6846d89e7117d20b5da76a00a580e8cc8f36aad9", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "7a80dded933aa50df431edfbc637cd3a182d3555", name: "control" })), m && a("swirl-popover-trigger", { key: "c579ff5be6c2b87d1ea8529677e4d057093789ed", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "c22194969bc25e2fff3659df00a2febaefaf3beb", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "f71d67b4ad6cde17a65aa74799ac7a1a86dae838", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "33690fcb9458b98b8879eeb7a724fd72a002d35a", size: this.iconSize })));
|
|
453
453
|
}
|
|
454
454
|
get el() {
|
|
455
455
|
return p(this);
|
|
@@ -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.f9651324.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-877a768f.c277f897.js";
|
|
@@ -86,16 +86,16 @@ const x = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-
|
|
|
86
86
|
const i = `${this.id}-suggestions`, e = this.clearable && !this.multiSelect, s = this.multiSelect ? this.value.map((t) => t.id) : Boolean(this.value) ? [this.value.id] : [], n = this.multiSelect ? void 0 : ((l = this.value) == null ? void 0 : l.label) || "", a = w("autocomplete", {
|
|
87
87
|
"autocomplete--inactive": !this.active
|
|
88
88
|
});
|
|
89
|
-
return o(f, { key: "
|
|
89
|
+
return o(f, { key: "58eeefcb57a5715a133f49b6cc147862402fda63" }, o("div", { key: "7dc51102fd166c185a5f6927b13e001eba0399d8", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "cdf129384b1551bf4a5dab9a95fb2a62c4f2538d", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "4cf38354d4c4a5cea92f37bfaa6a6f9adc81834f", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((t) => o("swirl-tag", {
|
|
90
90
|
key: t.id,
|
|
91
91
|
label: t.label,
|
|
92
92
|
onRemove: () => this.onRemoveValue(t.id),
|
|
93
93
|
removable: !this.disabled
|
|
94
|
-
})))), o("swirl-text-input", { key: "
|
|
94
|
+
})))), o("swirl-text-input", { key: "615bcb83a20ddf04af8e452a6f0c5bbccc957c0a", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: e, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (t) => this.inputEl = t, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: n }), o("div", { key: "a7b788178aa3d66047833cd8b349d3c402901b7f", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (t) => this.listboxContainerEl = t, style: {
|
|
95
95
|
top: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.y}px` : "",
|
|
96
96
|
left: Boolean(this.position) ? `${(c = this.position) == null ? void 0 : c.x}px` : "",
|
|
97
97
|
width: `${((r = this.inputEl) == null ? void 0 : r.getBoundingClientRect().width) + 32}px`
|
|
98
|
-
} }, this.loading && o("div", { key: "
|
|
98
|
+
} }, this.loading && o("div", { key: "d4c81fd79ce26e5929ab0cf9f271d855c96c0b41", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "3931c2a99a601c738dbb33112a70a62183e1a455" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "acf7cfc83b7ed1f3900196e35b8b3e7e533fc029", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (t) => this.listboxEl = t, value: s }, this.suggestions.map((t) => {
|
|
99
99
|
var h;
|
|
100
100
|
return o("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((d) => d.id === t.id) : ((h = this.value) == null ? void 0 : h.id) === t.id, key: t.id, disabled: t.disabled, label: t.label, value: t.id });
|
|
101
101
|
})))));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, h as
|
|
1
|
+
import { r as s, h as a, H as i } from "./index.f9651324.js";
|
|
2
2
|
import { c as t } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
@@ -12,14 +12,14 @@ const d = ":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 r = this.badgeEl.querySelector("swirl-badge"),
|
|
16
|
-
Boolean(
|
|
15
|
+
const r = this.badgeEl.querySelector("swirl-badge"), e = r == null ? void 0 : r.getAttribute("size");
|
|
16
|
+
Boolean(e) || r == null || r.setAttribute("size", "s");
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
19
|
const r = t("avatar-group", {
|
|
20
20
|
"avatar-group--has-badge": Boolean(this.badge)
|
|
21
|
-
}),
|
|
22
|
-
return
|
|
21
|
+
}), e = t("avatar-group__badge");
|
|
22
|
+
return a(i, { key: "78018239a1c8f9278ef5a8abfd2dbc311b76c825" }, a("div", { key: "94ade5b8ac0c59495932de68c674a168574d1d18", class: r, role: "group" }, a("slot", { key: "935d17128ed1a22965d69cd3ce08f5a2b672c5f7" }), this.badge && a("span", { key: "622c34ba05bb395f49c21406c7652e678c49189c", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
n.style = l;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as
|
|
1
|
+
import { r as b, c as n, h as i, H as f, g } from "./index.f9651324.js";
|
|
2
2
|
import { c as r } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
const
|
|
5
|
+
const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem;font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem;font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--size-2xl .avatar__tool{transform:none}.avatar--size-2xl .avatar__tool--position-top{transform:none}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}", u = m, o = {
|
|
6
6
|
"3xs": 20,
|
|
7
7
|
"2xs": 24,
|
|
8
8
|
xs: 28,
|
|
@@ -12,8 +12,8 @@ const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
|
|
|
12
12
|
xl: 64,
|
|
13
13
|
"2xl": 144
|
|
14
14
|
}, p = class {
|
|
15
|
-
constructor(
|
|
16
|
-
|
|
15
|
+
constructor(t) {
|
|
16
|
+
b(this, t), this.imageError = n(this, "imageError", 7), this.imageLoad = n(this, "imageLoad", 7), this.setImageAvailable = () => {
|
|
17
17
|
this.imageAvailable = !0, this.loadingError = !1, this.loaded = !0, this.imageLoad.emit();
|
|
18
18
|
}, this.setImageUnavailable = () => {
|
|
19
19
|
this.imageAvailable = !1, this.loaded = !0, this.loadingError = !0, this.imageError.emit();
|
|
@@ -27,8 +27,8 @@ const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
|
|
|
27
27
|
this.setupIntersectionObserver();
|
|
28
28
|
}
|
|
29
29
|
disconnectedCallback() {
|
|
30
|
-
var
|
|
31
|
-
(
|
|
30
|
+
var t;
|
|
31
|
+
(t = this.intersectionObserver) == null || t.disconnect();
|
|
32
32
|
}
|
|
33
33
|
watchSrcProp() {
|
|
34
34
|
this.imageAvailable = void 0;
|
|
@@ -38,19 +38,19 @@ const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
|
|
|
38
38
|
threshold: 0
|
|
39
39
|
}), this.intersectionObserver.observe(this.element));
|
|
40
40
|
}
|
|
41
|
-
onVisibilityChange(
|
|
42
|
-
this.inViewport =
|
|
41
|
+
onVisibilityChange(t) {
|
|
42
|
+
this.inViewport = t.some((a) => a.isIntersecting);
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
const
|
|
46
|
-
"avatar--has-icon":
|
|
45
|
+
const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!t || !this.loaded && !this.loadingError) && Boolean(this.initials), e = !t && !a && Boolean(this.icon), s = !t && !a && !e, v = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : void 0, d = r("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
|
|
46
|
+
"avatar--has-icon": e || s,
|
|
47
47
|
"avatar--has-initials": a,
|
|
48
48
|
"avatar--interactive": this.interactive
|
|
49
49
|
}), c = r("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = r("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
|
|
50
|
-
return
|
|
50
|
+
return i(f, { key: "728b1c63a1b2a83f38a22c7aabc7281cf87181cc", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: l, tabIndex: this.interactive ? 0 : void 0 }, i("span", { key: "4653cdc720fbfa7e04ff92b204c266c46c9d1f09", class: d, part: "avatar" }, t && i("span", { key: "6a742f467537cb5098ea514ec57f766afea784cc", class: "avatar__image" }, i("img", { key: "3d42bc8cd849bafbd523536e5a9daf36194416cb", alt: "", height: o[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: o[this.size] })), a && i("span", { key: "ba8b221b627b68d0104cdb9e9aeaa7efcddbb8bc", class: "avatar__initials" }, i("span", { key: "ed96f4a5f63fe453aef0d9833955404bd80930b5" }, this.initials)), e && i("span", { key: "61952863d9cac6fcd3246cacacab6fa56c18ea8c", class: "avatar__icon", innerHTML: this.icon }), s && i("span", { key: "e827fc7897548ff5231e27d1687cec451b260ec8", class: "avatar__icon" }, i("swirl-icon-person", { key: "f32fbe68cd752e18c9805ce58f55401db0b52bf8" })), v && i("span", { key: "39452f2011d57ee16ed2fda13e851ecd1246cdc4", class: c, innerHTML: this.badge }), i("span", { key: "54bfc129b7161a8a46fe70dc85dd2567946e5b51", class: h }, i("slot", { key: "31097c526f73b003862fcb01196b2675c5b2fb9a", name: "tool" }))), this.showLabel && i("span", { key: "08ee5038dd0a5df32c0f5e3cb36b6853f26618d5", "aria-hidden": !0, class: "avatar__label" }, this.label));
|
|
51
51
|
}
|
|
52
52
|
get element() {
|
|
53
|
-
return
|
|
53
|
+
return g(this);
|
|
54
54
|
}
|
|
55
55
|
static get watchers() {
|
|
56
56
|
return {
|
|
@@ -58,7 +58,7 @@ const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
|
|
|
58
58
|
};
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
|
-
p.style =
|
|
61
|
+
p.style = u;
|
|
62
62
|
export {
|
|
63
63
|
p as swirl_avatar
|
|
64
64
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as i, h as e, F as t, H as r } from "./index.
|
|
1
|
+
import { r as i, h as e, F as t, H as r } from "./index.f9651324.js";
|
|
2
2
|
import { c as s } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
const
|
|
5
|
+
const n = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", d = n, o = class {
|
|
6
6
|
constructor(a) {
|
|
7
7
|
i(this, a), this.icon = void 0, this.intent = "critical", this.label = void 0, this.size = "m", this.variant = "default";
|
|
8
8
|
}
|
|
@@ -10,10 +10,10 @@ const d = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:
|
|
|
10
10
|
const a = s("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
|
|
11
11
|
"badge--has-icon": this.icon
|
|
12
12
|
});
|
|
13
|
-
return e(r, { key: "
|
|
13
|
+
return e(r, { key: "c938981e31370bb4416c224c132ac00fe4b60f45", role: "status" }, e("span", { key: "16cdacb8ab5e87a5258899f963640ab788e4a4e3", class: a, part: "badge" }, this.icon && e("span", { key: "69281f42c7ce44c57619886b2796b6bcd01f5267", class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && this.variant !== "dot" ? e("span", { class: "badge__label" }, this.label) : e(t, null, this.icon === void 0 && e("span", { class: "badge__label" }, "\xA0"), e("swirl-visually-hidden", null, this.label))));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
o.style =
|
|
16
|
+
o.style = d;
|
|
17
17
|
export {
|
|
18
18
|
o as swirl_badge
|
|
19
19
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { r as o, c as r, h as t, H as c, g as b } from "./index.
|
|
1
|
+
import { r as o, c as r, h as t, H as c, g as b } from "./index.f9651324.js";
|
|
2
2
|
import { c as d } from "./index-267776a4.6beb4f4b.js";
|
|
3
3
|
import { g as l } from "./utils-877a768f.c277f897.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}", m = h,
|
|
6
|
+
const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}", m = h, _ = {
|
|
7
7
|
default: void 0,
|
|
8
8
|
critical: "<swirl-icon-error></swirl-icon-error>",
|
|
9
9
|
success: "<swirl-icon-check-circle></swirl-icon-check-circle>",
|
|
10
10
|
warning: "<swirl-icon-warning></swirl-icon-warning>",
|
|
11
11
|
info: "<swirl-icon-info></swirl-icon-info>"
|
|
12
|
-
},
|
|
12
|
+
}, f = class {
|
|
13
13
|
constructor(e) {
|
|
14
14
|
o(this, e), this.action = r(this, "action", 7), this.dismiss = r(this, "dismiss", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (n) => {
|
|
15
15
|
this.forceIconProps(n.matches);
|
|
@@ -27,24 +27,24 @@ const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:fle
|
|
|
27
27
|
(n = (e = this.desktopMediaQuery).removeEventListener) == null || n.call(e, "change", this.desktopMediaQueryHandler);
|
|
28
28
|
}
|
|
29
29
|
forceIconProps(e) {
|
|
30
|
-
var
|
|
31
|
-
const n = (
|
|
30
|
+
var s, a;
|
|
31
|
+
const n = (s = this.iconEl) == null ? void 0 : s.children[0], i = (a = this.dismissButtonEl) == null ? void 0 : a.children[0];
|
|
32
32
|
n == null || n.setAttribute("size", e ? "20" : "24"), i == null || i.setAttribute("size", e ? "20" : "24");
|
|
33
33
|
}
|
|
34
34
|
determineIcon() {
|
|
35
|
-
return this.icon ? this.icon :
|
|
35
|
+
return this.icon ? this.icon : _[this.intent];
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e),
|
|
38
|
+
const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), s = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
|
|
39
39
|
"banner--has-icon": i
|
|
40
40
|
});
|
|
41
|
-
return t(c, { key: "
|
|
41
|
+
return t(c, { key: "2b926334556876ce750c890243dac923d8ae5b75" }, t("div", { key: "f7aefa810673bd5e18a5c14aac01a078298df404", "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, t("div", { key: "9712a2db49d78fc6228e91f696e442c316b62231", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "5632af1834cd2ffd0918628e53dcbc766fc0c29c", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (a) => this.iconEl = a }), t("span", { key: "f5bfc1bf786936873522b8c42763166b9bb4b22a", class: "banner__text" }, this.content)), n && t("div", { key: "18b8931ee8cfdbecca4ac7330049321023f3f1fb", class: "banner__controls" }, this.actionLabel && t("button", { key: "b6c7913a77b3872a74ba8c2770803379d268e5c3", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "9119dad3a6d3526e5aebbd0ede243373b7072252", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (a) => this.dismissButtonEl = a, type: "button" }, t("swirl-icon-close", { key: "b0a59c1a5104ee71bc31be6c2f5648afbf1748f1" })))));
|
|
42
42
|
}
|
|
43
43
|
get element() {
|
|
44
44
|
return b(this);
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
-
|
|
47
|
+
f.style = m;
|
|
48
48
|
export {
|
|
49
|
-
|
|
49
|
+
f as swirl_banner
|
|
50
50
|
};
|