@getflip/swirl-components-react 0.62.1 → 0.63.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{file-manager.entry.a60cff9d.js → file-manager.entry.1ece6d68.js} +1 -1
- package/dist/index.b822624f.js +1458 -0
- package/dist/stencil-generated/index.d.ts +2 -0
- package/dist/{swirl-action-list-section.entry.13b7d736.js → swirl-action-list-section.entry.069c8d70.js} +1 -1
- package/dist/{swirl-action-list_3.entry.5ec66ba2.js → swirl-action-list_3.entry.b46506f9.js} +10 -10
- package/dist/{swirl-app-bar.entry.86bf1eec.js → swirl-app-bar.entry.dec240d7.js} +1 -1
- package/dist/{swirl-app-icon.entry.feb46284.js → swirl-app-icon.entry.2e043587.js} +1 -1
- package/dist/{swirl-app-layout_7.entry.adce91fd.js → swirl-app-layout_7.entry.869a65e5.js} +2 -2
- package/dist/{swirl-autocomplete.entry.2b1de671.js → swirl-autocomplete.entry.c1b7029b.js} +2 -2
- package/dist/{swirl-avatar-group.entry.2509bea8.js → swirl-avatar-group.entry.fc4b5350.js} +1 -1
- package/dist/{swirl-avatar.entry.4e4e5429.js → swirl-avatar.entry.3f224023.js} +1 -1
- package/dist/{swirl-badge.entry.af54c7aa.js → swirl-badge.entry.63d2b782.js} +1 -1
- package/dist/{swirl-banner.entry.884ac879.js → swirl-banner.entry.43fe5582.js} +2 -2
- package/dist/{swirl-button-group.entry.2516852c.js → swirl-button-group.entry.e3155ede.js} +1 -1
- package/dist/{swirl-button.entry.12d8f013.js → swirl-button.entry.d68e8880.js} +3 -3
- package/dist/{swirl-card.entry.9665cb41.js → swirl-card.entry.31a6ab73.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.c4c20c53.js → swirl-carousel-slide.entry.66f7c4c7.js} +1 -1
- package/dist/{swirl-carousel.entry.9640c11e.js → swirl-carousel.entry.540a7a71.js} +2 -2
- package/dist/{swirl-checkbox.entry.ae88fc04.js → swirl-checkbox.entry.606f8c95.js} +1 -1
- package/dist/{swirl-chip.entry.fe4cf26f.js → swirl-chip.entry.d90e8dfc.js} +2 -2
- package/dist/{swirl-columns.entry.cf2cd71a.js → swirl-columns.entry.7dfa012a.js} +1 -1
- package/dist/swirl-components-react.js +67 -65
- package/dist/swirl-components-react.umd.cjs +54 -54
- package/dist/{swirl-console-layout.entry.83c1bd6a.js → swirl-console-layout.entry.89c36a5b.js} +2 -2
- package/dist/{swirl-date-input.entry.b258202c.js → swirl-date-input.entry.ed2014fb.js} +2 -2
- package/dist/{swirl-date-picker_2.entry.99e86336.js → swirl-date-picker_2.entry.0f208ee5.js} +1 -1
- package/dist/{swirl-description-list-item.entry.68100bd2.js → swirl-description-list-item.entry.a80707f4.js} +1 -1
- package/dist/{swirl-description-list.entry.c3ee0de1.js → swirl-description-list.entry.7a255df5.js} +1 -1
- package/dist/{swirl-dialog.entry.ec6e076c.js → swirl-dialog.entry.dfbc5fac.js} +1 -1
- package/dist/swirl-file-uploader.entry.ceae7084.js +31 -0
- package/dist/{swirl-file-viewer_7.entry.918f7abf.js → swirl-file-viewer_7.entry.300918be.js} +2 -2
- package/dist/{swirl-form-control.entry.7293147c.js → swirl-form-control.entry.05a55c6d.js} +2 -2
- package/dist/{swirl-form-group.entry.ad81fe79.js → swirl-form-group.entry.30f7a75d.js} +1 -1
- package/dist/{swirl-heading.entry.5db2f4d8.js → swirl-heading.entry.e54cb28a.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.291978d8.js → swirl-icon-add-photo.entry.80255727.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.cec08421.js → swirl-icon-add_6.entry.89c4a98b.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.b673c4ad.js → swirl-icon-admin-panel-settings.entry.30be4ce8.js} +1 -1
- package/dist/{swirl-icon-ai.entry.d1dfbb0a.js → swirl-icon-ai.entry.a7277d3f.js} +1 -1
- package/dist/{swirl-icon-arrow-back.entry.7e307118.js → swirl-icon-arrow-back.entry.9d67a28f.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.43632f56.js → swirl-icon-arrow-downward_2.entry.afd77f30.js} +1 -1
- package/dist/{swirl-icon-arrow-forward.entry.f64dc52b.js → swirl-icon-arrow-forward.entry.e28bec97.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.0f9bddea.js → swirl-icon-arrow-left_4.entry.c89acd44.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.d9f11d6a.js → swirl-icon-arrow-right-small.entry.ad18213c.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.01b89a53.js → swirl-icon-attachment.entry.db34bc7a.js} +1 -1
- package/dist/{swirl-icon-bar-chart.entry.d47faead.js → swirl-icon-bar-chart.entry.743a4bc9.js} +1 -1
- package/dist/{swirl-icon-block.entry.15aab657.js → swirl-icon-block.entry.f4741ce2.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.cb8ef50a.js → swirl-icon-bookmark.entry.7d93e86c.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.72b0510d.js → swirl-icon-cancel_4.entry.3b60ac2e.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.25045b17.js → swirl-icon-chat-bubble.entry.8908eecb.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.f76fb6d6.js → swirl-icon-chats-filled.entry.f9104a31.js} +1 -1
- package/dist/{swirl-icon-chats-outlined.entry.179c8945.js → swirl-icon-chats-outlined.entry.08c7b1bc.js} +1 -1
- package/dist/{swirl-icon-check-circle_3.entry.7be17e1e.js → swirl-icon-check-circle_3.entry.a2aa6bb4.js} +1 -1
- package/dist/swirl-icon-check-small_3.entry.0fed5bc0.js +69 -0
- package/dist/{swirl-icon-check-strong.entry.36adb37c.js → swirl-icon-check-strong.entry.6bd105c0.js} +1 -1
- package/dist/{swirl-icon-check.entry.17249b6e.js → swirl-icon-check.entry.0c91307f.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.e2d6a4ee.js → swirl-icon-chevron-left.entry.b6f3b828.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.6d687e95.js → swirl-icon-chevron-right.entry.08a08aad.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.5d2eef69.js → swirl-icon-close-small.entry.865b7aff.js} +1 -1
- package/dist/{swirl-icon-close.entry.7517db5f.js → swirl-icon-close.entry.7cd54353.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.8e3e788c.js → swirl-icon-cloud-upload.entry.528aa924.js} +1 -1
- package/dist/{swirl-icon-column.entry.ce9481d7.js → swirl-icon-column.entry.1d79b795.js} +1 -1
- package/dist/{swirl-icon-comment.entry.fa8a2e56.js → swirl-icon-comment.entry.46ba8388.js} +1 -1
- package/dist/{swirl-icon-copy.entry.92524ee6.js → swirl-icon-copy.entry.be44ea46.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.42e56aa6.js → swirl-icon-date-range.entry.4097b297.js} +1 -1
- package/dist/{swirl-icon-delete.entry.ac9fd970.js → swirl-icon-delete.entry.1821cace.js} +1 -1
- package/dist/{swirl-icon-description.entry.9d046194.js → swirl-icon-description.entry.27795aa7.js} +1 -1
- package/dist/{swirl-icon-double-arrow-left.entry.26afa580.js → swirl-icon-double-arrow-left.entry.533a8551.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.c023beaf.js → swirl-icon-double-arrow-right.entry.39266373.js} +1 -1
- package/dist/{swirl-icon-download.entry.4158f58f.js → swirl-icon-download.entry.a8e76de7.js} +1 -1
- package/dist/{swirl-icon-edit.entry.d208dee6.js → swirl-icon-edit.entry.a8d3b41d.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.bd545572.js → swirl-icon-emoji-mood.entry.2cf86084.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.118b5295.js → swirl-icon-emoji-satisfied.entry.544544a7.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.792dd337.js → swirl-icon-error_3.entry.73be32c9.js} +2 -2
- package/dist/{swirl-icon-expand-more.entry.5711c1af.js → swirl-icon-expand-more.entry.88075923.js} +1 -1
- package/dist/{swirl-icon-filter.entry.5aab408c.js → swirl-icon-filter.entry.17272b0d.js} +1 -1
- package/dist/{swirl-icon-folder.entry.1f39a6d5.js → swirl-icon-folder.entry.a32ad857.js} +1 -1
- package/dist/{swirl-icon-gif.entry.7f65f224.js → swirl-icon-gif.entry.ae334563.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.5c385eeb.js → swirl-icon-group-assign.entry.2e9e444a.js} +1 -1
- package/dist/{swirl-icon-groups-custom.entry.8c296674.js → swirl-icon-groups-custom.entry.1524d937.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.c2b02874.js → swirl-icon-groups-filled.entry.55f46ff0.js} +1 -1
- package/dist/{swirl-icon-groups-outlined.entry.5c2e7103.js → swirl-icon-groups-outlined.entry.b47403bd.js} +1 -1
- package/dist/{swirl-icon-groups.entry.68089825.js → swirl-icon-groups.entry.73f6ba7e.js} +1 -1
- package/dist/{swirl-icon-help.entry.1011f392.js → swirl-icon-help.entry.5b993476.js} +1 -1
- package/dist/{swirl-icon-highlight.entry.72803906.js → swirl-icon-highlight.entry.7bd6d001.js} +1 -1
- package/dist/{swirl-icon-home.entry.3b40ec36.js → swirl-icon-home.entry.2c824382.js} +1 -1
- package/dist/{swirl-icon-image.entry.03e667ae.js → swirl-icon-image.entry.5fde9078.js} +1 -1
- package/dist/{swirl-icon-improve-text.entry.9376830b.js → swirl-icon-improve-text.entry.d2bfb207.js} +1 -1
- package/dist/{swirl-icon-insert-below.entry.5e809de3.js → swirl-icon-insert-below.entry.932c6fa4.js} +1 -1
- package/dist/{swirl-icon-insert-on-top.entry.3e7c7111.js → swirl-icon-insert-on-top.entry.43cf428f.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.cac3d7d2.js → swirl-icon-inventory.entry.fb4f2ff3.js} +1 -1
- package/dist/{swirl-icon-like.entry.3128e69e.js → swirl-icon-like.entry.c11f4ff7.js} +1 -1
- package/dist/{swirl-icon-link.entry.e1e5514a.js → swirl-icon-link.entry.d7275592.js} +1 -1
- package/dist/{swirl-icon-lock-person.entry.2e8026a3.js → swirl-icon-lock-person.entry.2fe147c4.js} +1 -1
- package/dist/{swirl-icon-lock.entry.da9fc9ee.js → swirl-icon-lock.entry.debc95c1.js} +1 -1
- package/dist/{swirl-icon-logout.entry.318ca40b.js → swirl-icon-logout.entry.26b637ec.js} +1 -1
- package/dist/{swirl-icon-long-text.entry.cb110c9e.js → swirl-icon-long-text.entry.cbdb5eea.js} +1 -1
- package/dist/{swirl-icon-mail.entry.0585efec.js → swirl-icon-mail.entry.8147697f.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.275c6539.js → swirl-icon-manage-accounts.entry.c2baae43.js} +1 -1
- package/dist/{swirl-icon-mark-chat-read.entry.f169ea00.js → swirl-icon-mark-chat-read.entry.ffafdd8c.js} +1 -1
- package/dist/{swirl-icon-mark-chat-unread.entry.cc249674.js → swirl-icon-mark-chat-unread.entry.50831dfc.js} +1 -1
- package/dist/{swirl-icon-mention.entry.af24c07a.js → swirl-icon-mention.entry.87beb6d2.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.17a04556.js → swirl-icon-menu-filled.entry.b8df6420.js} +1 -1
- package/dist/{swirl-icon-menu-outlined.entry.1e6a4738.js → swirl-icon-menu-outlined.entry.110ef48b.js} +1 -1
- package/dist/{swirl-icon-menu.entry.3fc18410.js → swirl-icon-menu.entry.c35d58df.js} +1 -1
- package/dist/{swirl-icon-message.entry.65299317.js → swirl-icon-message.entry.b481d352.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.227ccfe9.js → swirl-icon-more-horizontal.entry.8aae04f5.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.5fb4ab2e.js → swirl-icon-news-filled.entry.9d56db2d.js} +1 -1
- package/dist/{swirl-icon-news-outlined.entry.cd718175.js → swirl-icon-news-outlined.entry.089c7f3b.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.4abd74b1.js → swirl-icon-notifications-active.entry.2e4ac788.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.2bd81d8c.js → swirl-icon-notifications-off.entry.adf0a6f5.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.783cac78.js → swirl-icon-notifications.entry.ad4f9adf.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.528303c8.js → swirl-icon-open-in-new.entry.edd5e33c.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.1322d639.js → swirl-icon-people-alt.entry.b1ae08d4.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.f8a396e6.js → swirl-icon-person-off.entry.20c481d3.js} +1 -1
- package/dist/{swirl-icon-person.entry.30027d10.js → swirl-icon-person.entry.6be36cf2.js} +1 -1
- package/dist/{swirl-icon-phone.entry.5559aa7c.js → swirl-icon-phone.entry.fe100388.js} +1 -1
- package/dist/{swirl-icon-play-arrow.entry.c1c88e63.js → swirl-icon-play-arrow.entry.f7e2567d.js} +1 -1
- package/dist/{swirl-icon-poll.entry.2a82040b.js → swirl-icon-poll.entry.ddd2f9f7.js} +1 -1
- package/dist/{swirl-icon-print.entry.30da5263.js → swirl-icon-print.entry.fdfe7e97.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.0a714bd9.js → swirl-icon-recieved.entry.86ca5f21.js} +1 -1
- package/dist/{swirl-icon-reply.entry.aaad1917.js → swirl-icon-reply.entry.d3fd806e.js} +1 -1
- package/dist/{swirl-icon-roadmap.entry.9feecc77.js → swirl-icon-roadmap.entry.1cdd4e35.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.287f819f.js → swirl-icon-search-strong.entry.4fc16b00.js} +1 -1
- package/dist/{swirl-icon-search.entry.96c7e369.js → swirl-icon-search.entry.d8931e0d.js} +1 -1
- package/dist/{swirl-icon-send.entry.a1c27584.js → swirl-icon-send.entry.f3babc9d.js} +1 -1
- package/dist/{swirl-icon-settings.entry.36a41fe3.js → swirl-icon-settings.entry.4555a04a.js} +1 -1
- package/dist/{swirl-icon-short-text.entry.b0939622.js → swirl-icon-short-text.entry.58f3704e.js} +1 -1
- package/dist/{swirl-icon-simplify.entry.c69c76ea.js → swirl-icon-simplify.entry.e8321b3d.js} +1 -1
- package/dist/{swirl-icon-spellcheck.entry.fbc30f11.js → swirl-icon-spellcheck.entry.80211c2c.js} +1 -1
- package/dist/{swirl-icon-sync.entry.2b16cf04.js → swirl-icon-sync.entry.3f7d3bbe.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.a414369b.js → swirl-icon-tasks-filled.entry.3f96637f.js} +1 -1
- package/dist/{swirl-icon-tasks-outlined.entry.395ffda2.js → swirl-icon-tasks-outlined.entry.f003f106.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.a1b60eb2.js → swirl-icon-time-filled.entry.ec3fe0a9.js} +1 -1
- package/dist/{swirl-icon-time-outlined.entry.7635eeaa.js → swirl-icon-time-outlined.entry.2ebbfa01.js} +1 -1
- package/dist/{swirl-icon-undo.entry.ffba578a.js → swirl-icon-undo.entry.9d155c43.js} +1 -1
- package/dist/{swirl-icon-unlock-person.entry.68e117be.js → swirl-icon-unlock-person.entry.3f2ad733.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.67573b8e.js → swirl-icon-user-assign.entry.3401946d.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.f2ce0db0.js → swirl-icon-video-camera.entry.4f47caff.js} +1 -1
- package/dist/{swirl-icon-video-library.entry.96fa0034.js → swirl-icon-video-library.entry.fdbce009.js} +1 -1
- package/dist/{swirl-icon-voice.entry.8a6dbc3f.js → swirl-icon-voice.entry.54ece4a7.js} +1 -1
- package/dist/{swirl-icon.entry.e49aa103.js → swirl-icon.entry.1abf7240.js} +1 -1
- package/dist/{swirl-inline-notification.entry.c4efccd6.js → swirl-inline-notification.entry.4bf25b0a.js} +1 -1
- package/dist/{swirl-inline-status.entry.82902f16.js → swirl-inline-status.entry.0e2b031c.js} +2 -2
- package/dist/{swirl-lightbox.entry.5da6c9b6.js → swirl-lightbox.entry.c23bc43d.js} +2 -2
- package/dist/{swirl-link.entry.c9b6351c.js → swirl-link.entry.2e6d6b5b.js} +1 -1
- package/dist/{swirl-list.entry.68ca2eef.js → swirl-list.entry.290268a5.js} +1 -1
- package/dist/swirl-menu-item.entry.941e4ade.js +76 -0
- package/dist/swirl-menu.entry.aa61ad1c.js +167 -0
- package/dist/{swirl-modal.entry.2405c83c.js → swirl-modal.entry.8c57193f.js} +1 -1
- package/dist/{swirl-option-list-section.entry.cf2e90d9.js → swirl-option-list-section.entry.8abc5df0.js} +1 -1
- package/dist/swirl-option-list.entry.236a2810.js +1406 -0
- package/dist/{swirl-pagination.entry.6f07354f.js → swirl-pagination.entry.69d93e18.js} +2 -2
- package/dist/{swirl-pdf-reader.entry.d714559a.js → swirl-pdf-reader.entry.49e3771d.js} +2 -2
- package/dist/{swirl-popover.entry.70fb1e62.js → swirl-popover.entry.4aee97b6.js} +8 -8
- package/dist/{swirl-progress-indicator.entry.6e3ce130.js → swirl-progress-indicator.entry.ee4e137e.js} +1 -1
- package/dist/{swirl-radio-group.entry.b57f48cd.js → swirl-radio-group.entry.70d2730d.js} +1 -1
- package/dist/{swirl-radio.entry.493cc230.js → swirl-radio.entry.0b214fa1.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.5b5c9e19.js → swirl-resource-list-file-item.entry.77b07e01.js} +2 -2
- package/dist/{swirl-search.entry.78fee8ba.js → swirl-search.entry.7ace0136.js} +2 -2
- package/dist/{swirl-select.entry.f1574c80.js → swirl-select.entry.5ba8dcb5.js} +2 -2
- package/dist/{swirl-shell-layout.entry.e49fa5aa.js → swirl-shell-layout.entry.bf02dcab.js} +2 -2
- package/dist/{swirl-shell-navigation-item.entry.d877bd2c.js → swirl-shell-navigation-item.entry.414fb478.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.83168805.js → swirl-skeleton-box.entry.48434db2.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.5df00144.js → swirl-skeleton-text.entry.c995d12e.js} +1 -1
- package/dist/{swirl-stack.entry.dc3e9505.js → swirl-stack.entry.c7073498.js} +1 -1
- package/dist/{swirl-status-indicator.entry.194efbbf.js → swirl-status-indicator.entry.fdd0bbf9.js} +1 -1
- package/dist/{swirl-switch.entry.f5e6b984.js → swirl-switch.entry.cc997f51.js} +1 -1
- package/dist/{swirl-tab-bar.entry.f4fc0b72.js → swirl-tab-bar.entry.7f9a2fc8.js} +1 -1
- package/dist/{swirl-tab.entry.f3e73bba.js → swirl-tab.entry.4ad25076.js} +1 -1
- package/dist/{swirl-table-cell.entry.5ed84bb7.js → swirl-table-cell.entry.8f90fc45.js} +1 -1
- package/dist/{swirl-table-column.entry.061bff85.js → swirl-table-column.entry.9c40ee65.js} +2 -2
- package/dist/{swirl-table-row-group.entry.512bdc89.js → swirl-table-row-group.entry.2a4e146f.js} +1 -1
- package/dist/{swirl-table-row.entry.caf55f97.js → swirl-table-row.entry.faf16c5b.js} +2 -2
- package/dist/{swirl-table.entry.9e592a1e.js → swirl-table.entry.780a75d5.js} +2 -2
- package/dist/{swirl-tabs.entry.f743dada.js → swirl-tabs.entry.384146cc.js} +1 -1
- package/dist/{swirl-tag.entry.317c895a.js → swirl-tag.entry.4ce2c0d7.js} +1 -1
- package/dist/{swirl-text-input.entry.cfd6c14f.js → swirl-text-input.entry.e4167457.js} +3 -3
- package/dist/{swirl-text.entry.fe62e571.js → swirl-text.entry.21644fd2.js} +1 -1
- package/dist/{swirl-theme-provider.entry.b4d53194.js → swirl-theme-provider.entry.a0814899.js} +1 -1
- package/dist/{swirl-toast-provider.entry.32555127.js → swirl-toast-provider.entry.5f5e1d2d.js} +1 -1
- package/dist/{swirl-toast.entry.3f765957.js → swirl-toast.entry.04f7d125.js} +2 -2
- package/dist/{swirl-tooltip.entry.ece97930.js → swirl-tooltip.entry.0eb118b6.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.13a8e501.js → swirl-tree-navigation-item.entry.9fdba6cc.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.1dabdee2.js → swirl-video-thumbnail.entry.36b3d6d0.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.c02169f5.js → swirl-visually-hidden.entry.3e6cef4c.js} +1 -1
- package/dist/utils-bc84f36e.9f3a93b6.js +56 -0
- package/dist/{wc-datepicker.entry.081bbc0e.js → wc-datepicker.entry.5ac48962.js} +1 -1
- package/package.json +2 -2
- package/dist/index.261b59e3.js +0 -1456
- package/dist/swirl-file-uploader.entry.8b506dfa.js +0 -31
- package/dist/swirl-icon-check-small_4.entry.6c37dcb9.js +0 -1469
- package/dist/utils-61f188cc.4a43deab.js +0 -52
package/dist/{swirl-console-layout.entry.83c1bd6a.js → swirl-console-layout.entry.89c36a5b.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as d, c as l, h as e, H as c, g as h } from "./index.
|
|
1
|
+
import { r as d, c as l, h as e, H as c, g as h } from "./index.b822624f.js";
|
|
2
2
|
import { c as u } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
-
import { i as t } from "./utils-
|
|
3
|
+
import { i as t } from "./utils-bc84f36e.9f3a93b6.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
const p = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr auto;grid-template-areas:"header"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as Co, c as No, h as Q, H as Io, g as Uo } from "./index.
|
|
1
|
+
import { r as Co, c as No, h as Q, H as Io, g as Uo } from "./index.b822624f.js";
|
|
2
2
|
import { a as Yo, c as Wo, b as Bo } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
-
import { a as qo } from "./utils-
|
|
3
|
+
import { a as qo } from "./utils-bc84f36e.9f3a93b6.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
function U(t) {
|
package/dist/{swirl-description-list.entry.c3ee0de1.js → swirl-description-list.entry.7a255df5.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, h as s, H as r } from "./index.
|
|
1
|
+
import { r as t, h as s, H as r } from "./index.b822624f.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const o = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", n = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, c as e, h as o, H as n } from "./index.
|
|
1
|
+
import { r as t, c as e, h as o, H as n } from "./index.b822624f.js";
|
|
2
2
|
import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
3
|
import { c as r } from "./index-d280dafb.186cdb0e.js";
|
|
4
4
|
import "react";
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { r, c as o, h as e, H as d } from "./index.b822624f.js";
|
|
2
|
+
import { c as t } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
const p = ".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-4);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);margin-bottom:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}.file-uploader__input.sc-swirl-file-uploader::-webkit-file-upload-button{cursor:pointer}.file-uploader__input.sc-swirl-file-uploader::file-selector-button{cursor:pointer}", n = class {
|
|
6
|
+
constructor(i) {
|
|
7
|
+
r(this, i), this.valueChange = o(this, "valueChange", 7), this.onChange = (l) => {
|
|
8
|
+
const a = l.target.files;
|
|
9
|
+
this.valueChange.emit(a);
|
|
10
|
+
}, this.onUploadButtonClick = () => {
|
|
11
|
+
this.inputEl.click();
|
|
12
|
+
}, this.accept = void 0, this.ctaLabel = "Click to upload", this.description = void 0, this.disabled = void 0, this.dragDropLabel = "or drag and drop.", this.inputId = void 0, this.inputName = void 0, this.label = void 0, this.multiple = void 0, this.showDropzone = !0, this.uploadButtonLabel = "Select file";
|
|
13
|
+
}
|
|
14
|
+
async reset() {
|
|
15
|
+
this.inputEl.value = "";
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
const i = Boolean(this.description) ? `${this.inputId}-description ${this.inputId}-additional-label` : `${this.inputId}-additional-label`, l = this.showDropzone ? 0 : -1, a = t("file-uploader", {
|
|
19
|
+
"file-uploader--disabled": this.disabled,
|
|
20
|
+
"file-uploader--show-dropzone": this.showDropzone
|
|
21
|
+
});
|
|
22
|
+
return e(d, null, e("div", { class: a }, e("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputEl}-label` }, this.label), this.description && e("span", { class: "file-uploader__description", id: `${this.inputId}-description` }, this.description), e("div", { class: "file-uploader__dropzone" }, this.showDropzone ? [
|
|
23
|
+
e("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
|
|
24
|
+
e("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, e("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", e("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel))
|
|
25
|
+
] : e("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, swirlAriaDescribedby: i, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, variant: "flat" }), e("input", { accept: this.accept, "aria-describedby": i, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (s) => this.inputEl = s, tabIndex: l, type: "file" }))));
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
n.style = p;
|
|
29
|
+
export {
|
|
30
|
+
n as swirl_file_uploader
|
|
31
|
+
};
|
package/dist/{swirl-file-viewer_7.entry.918f7abf.js → swirl-file-viewer_7.entry.300918be.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as jt, c as Rt, h as qe, H as $t, g as Qt } from "./index.
|
|
1
|
+
import { r as jt, c as Rt, h as qe, H as $t, g as Qt } from "./index.b822624f.js";
|
|
2
2
|
import { a as cr, c as Qi, b as vt, g as Ji, d as qr, e as Zi } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
-
import { d as ea, b as ta, i as ra } from "./utils-
|
|
3
|
+
import { d as ea, b as ta, i as ra } from "./utils-bc84f36e.9f3a93b6.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
var na = cr(function(De, we) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as c, h as r, H as a, g as m } from "./index.
|
|
1
|
+
import { r as c, h as r, H as a, g as m } from "./index.b822624f.js";
|
|
2
2
|
import { c as f } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
-
import { g as d } from "./utils-
|
|
3
|
+
import { g as d } from "./utils-bc84f36e.9f3a93b6.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
const h = ".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-control-h *.sc-swirl-form-control{box-sizing:border-box}.form-control.sc-swirl-form-control{display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__input.sc-swirl-form-control{overflow:hidden;max-height:0}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .select__label.sc-swirl-form-control{overflow:hidden;max-height:0;pointer-events:none}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control--label-position-outside.sc-swirl-form-control{padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--is-select) .form-control__label.sc-swirl-form-control{cursor:text}.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:calc(100% + var(--s-space-4));left:0;color:var(--s-text-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);transform:none;opacity:1}.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select):not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--label-position-outside.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--invalid.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-swirl-form-control .form-control__description.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--inline.sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control--inline.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--hide-label.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}.form-control__label.sc-swirl-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__label-text.sc-swirl-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__description.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-swirl-form-control{display:block;margin-top:var(--s-space-4)}", p = class {
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { r as l, h as i, F as s, c as h, H as p, g as m } from "./index.b822624f.js";
|
|
2
|
+
import { c as r } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
+
import { a as g } from "./utils-bc84f36e.9f3a93b6.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "react-dom";
|
|
6
|
+
const w = ":host{display:inline-flex}", u = class {
|
|
7
|
+
constructor(e) {
|
|
8
|
+
l(this, e), this.size = 24;
|
|
9
|
+
}
|
|
10
|
+
render() {
|
|
11
|
+
const e = this.size === 20 ? 24 : this.size, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
12
|
+
return i("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(s, null, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(s, null, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" })), this.size === 28 && i(s, null, i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })));
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
u.style = w;
|
|
16
|
+
const x = ":host{display:inline-flex}", b = class {
|
|
17
|
+
constructor(e) {
|
|
18
|
+
l(this, e), this.size = 24;
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
const e = this.size === 20 ? 24 : this.size, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
22
|
+
return i("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(s, null, i("rect", { x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), i("rect", { x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(s, null, i("rect", { x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), i("rect", { x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && i(s, null, i("rect", { x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), i("rect", { x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
b.style = x;
|
|
26
|
+
const v = `.sc-swirl-option-list-item-h{position:relative;display:inline-flex;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
|
|
27
|
+
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item__label.sc-swirl-option-list-item{flex-grow:1;color:var(--s-text-default);font-size:var(--s-font-size-base);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){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, f = class {
|
|
28
|
+
constructor(e) {
|
|
29
|
+
l(this, e), this.toggleDrag = h(this, "toggleDrag", 7), this.desktopMediaQuery = g(), this.desktopMediaQueryHandler = (t) => {
|
|
30
|
+
this.forceIconProps(t.matches), this.updateIconSize(t.matches);
|
|
31
|
+
}, this.onDragHandleKeyDown = (t) => {
|
|
32
|
+
(t.code === "Space" || t.code === "Enter") && (t.preventDefault(), this.toggleDrag.emit(this.el));
|
|
33
|
+
}, this.allowDrag = void 0, this.context = "single-select", this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.icon = void 0, this.label = void 0, this.selected = !1, this.swirlAriaRole = "option", this.value = void 0, this.iconSize = 24;
|
|
34
|
+
}
|
|
35
|
+
componentDidLoad() {
|
|
36
|
+
var e, t;
|
|
37
|
+
this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), (t = (e = this.desktopMediaQuery).addEventListener) === null || t === void 0 || t.call(e, "change", this.desktopMediaQueryHandler);
|
|
38
|
+
}
|
|
39
|
+
disconnectedCallback() {
|
|
40
|
+
var e, t;
|
|
41
|
+
(t = (e = this.desktopMediaQuery).removeEventListener) === null || t === void 0 || t.call(e, "change", this.desktopMediaQueryHandler);
|
|
42
|
+
}
|
|
43
|
+
forceIconProps(e) {
|
|
44
|
+
var t;
|
|
45
|
+
const o = (t = this.iconEl) === null || t === void 0 ? void 0 : t.children[0];
|
|
46
|
+
o == null || o.setAttribute("size", e ? "20" : "24");
|
|
47
|
+
}
|
|
48
|
+
updateIconSize(e) {
|
|
49
|
+
this.iconSize = e ? 20 : 24;
|
|
50
|
+
}
|
|
51
|
+
render() {
|
|
52
|
+
const e = this.disabled ? "true" : void 0, t = String(this.selected), o = this.context === "multi-select", n = Boolean(this.icon) && this.context === "single-select", c = this.selected && this.context === "single-select", a = r("option-list-item", `option-list-item--context-${this.context}`, {
|
|
53
|
+
"option-list-item--disabled": this.disabled,
|
|
54
|
+
"option-list-item--draggable": this.allowDrag,
|
|
55
|
+
"option-list-item--dragging": this.dragging,
|
|
56
|
+
"option-list-item--selected": this.selected
|
|
57
|
+
});
|
|
58
|
+
return i(p, null, i("div", { "aria-checked": this.swirlAriaRole === "menuitemradio" ? t : void 0, "aria-disabled": e, "aria-selected": this.swirlAriaRole === "option" ? t : void 0, class: a, part: "option-list-item", role: this.swirlAriaRole }, n && i("span", { class: "option-list-item__icon", innerHTML: this.icon, ref: (d) => this.iconEl = d }), o && i("span", { class: "option-list-item__checkbox" }, i("span", { class: "option-list-item__checkbox-box" }, this.selected && i("swirl-icon-check-strong", { class: "option-list-item__checkbox-icon", size: 16 }))), i("span", { class: "option-list-item__label", part: "option-list-item__label" }, this.label), c && i("span", { class: "option-list-item__selection-icon" }, i("swirl-icon-check-small", { size: this.iconSize }))), this.allowDrag && i("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, i("swirl-icon-drag-handle", { size: this.iconSize })));
|
|
59
|
+
}
|
|
60
|
+
get el() {
|
|
61
|
+
return m(this);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
f.style = v;
|
|
65
|
+
export {
|
|
66
|
+
u as swirl_icon_check_small,
|
|
67
|
+
b as swirl_icon_drag_handle,
|
|
68
|
+
f as swirl_option_list_item
|
|
69
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as t, h as i, F as n, H as l } from "./index.
|
|
1
|
+
import { r as t, h as i, F as n, H as l } from "./index.b822624f.js";
|
|
2
2
|
import { c as o } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
-
import { a } from "./utils-
|
|
3
|
+
import { a } from "./utils-bc84f36e.9f3a93b6.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
const c = ":host{display:inline-flex}", C = class {
|