@getflip/swirl-components-react 0.197.1 → 0.199.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/_commonjsHelpers-d20b9603.2d9b8855.js +27 -0
- package/dist/file-manager.entry.d3c12b33.js +57 -0
- package/dist/index-267776a4.6beb4f4b.js +38 -0
- package/dist/index.9d32bf5e.js +3193 -0
- package/dist/{maska-4866b970.5336f9cb.js → maska-c5119b9a.aa658697.js} +761 -746
- package/dist/stencil-generated/react-component-lib/utils/attachProps.d.ts +4 -0
- package/dist/{swirl-accordion-item.entry.0b17e302.js → swirl-accordion-item.entry.c8f141b1.js} +11 -11
- package/dist/{swirl-accordion.entry.e8a4eeac.js → swirl-accordion.entry.2399c4e3.js} +6 -6
- package/dist/{swirl-action-list-section.entry.ce233fc7.js → swirl-action-list-section.entry.dc550e33.js} +6 -6
- package/dist/swirl-action-list_3.entry.f3f22abb.js +103 -0
- package/dist/swirl-app-bar.entry.42f8e516.js +45 -0
- package/dist/swirl-app-icon.entry.86b42a2e.js +23 -0
- package/dist/{swirl-app-layout_6.entry.92644ce6.js → swirl-app-layout_6.entry.12a55696.js} +110 -110
- package/dist/swirl-autocomplete.entry.8ae10ce4.js +115 -0
- package/dist/{swirl-avatar-group.entry.bf8bacf2.js → swirl-avatar-group.entry.c8022fb7.js} +12 -12
- package/dist/{swirl-avatar.entry.ae7e7eab.js → swirl-avatar.entry.5a8a2c9b.js} +9 -9
- package/dist/{swirl-badge.entry.b81abbe0.js → swirl-badge.entry.c4492a4e.js} +6 -6
- package/dist/{swirl-banner.entry.3b6f8acb.js → swirl-banner.entry.98bc99ca.js} +14 -14
- package/dist/{swirl-box.entry.6a7d4dd7.js → swirl-box.entry.89cbee8e.js} +7 -7
- package/dist/{swirl-button-group.entry.1a980301.js → swirl-button-group.entry.a6db0795.js} +6 -6
- package/dist/{swirl-button.entry.57ce96b2.js → swirl-button.entry.ac49771a.js} +7 -7
- package/dist/{swirl-card.entry.a7ff44c0.js → swirl-card.entry.2f2c085f.js} +15 -15
- package/dist/swirl-carousel-slide.entry.ab4ebbd5.js +19 -0
- package/dist/{swirl-carousel.entry.77844e1a.js → swirl-carousel.entry.6f3152a5.js} +21 -21
- package/dist/{swirl-checkbox.entry.b9896603.js → swirl-checkbox.entry.c5a5cf73.js} +8 -8
- package/dist/{swirl-chip.entry.bd2dad7b.js → swirl-chip.entry.52ca695f.js} +7 -7
- package/dist/{swirl-color-input.entry.225483fa.js → swirl-color-input.entry.ed1ac963.js} +32 -32
- package/dist/swirl-columns.entry.97902107.js +18 -0
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +53 -53
- package/dist/swirl-console-layout.entry.db6e498a.js +68 -0
- package/dist/{swirl-date-input.entry.5e7de1c5.js → swirl-date-input.entry.d3b7c4c0.js} +22 -21
- package/dist/{swirl-date-picker_2.entry.c9e67424.js → swirl-date-picker_2.entry.6cced33e.js} +11 -11
- package/dist/{swirl-description-list-item.entry.b4c7fe29.js → swirl-description-list-item.entry.a6500e2a.js} +8 -8
- package/dist/swirl-description-list.entry.f9ff364b.js +15 -0
- package/dist/{swirl-dialog.entry.3458f6e1.js → swirl-dialog.entry.072a5427.js} +15 -15
- package/dist/swirl-emoji-clap.entry.dc23d17d.js +17 -0
- package/dist/swirl-emoji-happy.entry.14a5592f.js +17 -0
- package/dist/swirl-emoji-idea.entry.da819fac.js +17 -0
- package/dist/swirl-emoji-love.entry.8ed16949.js +17 -0
- package/dist/swirl-emoji-sad.entry.cec0b5e7.js +17 -0
- package/dist/swirl-emoji-thumbs-up.entry.7c756562.js +17 -0
- package/dist/swirl-emoji.entry.b651e1d3.js +16 -0
- package/dist/{swirl-file-uploader.entry.07cfeabb.js → swirl-file-uploader.entry.4176faec.js} +7 -7
- package/dist/{swirl-file-viewer_7.entry.9ca90d82.js → swirl-file-viewer_7.entry.9644cbfc.js} +915 -909
- package/dist/{swirl-form-control.entry.baddfb77.js → swirl-form-control.entry.1ecb8cdc.js} +13 -13
- package/dist/swirl-form-group.entry.8693e5e5.js +17 -0
- package/dist/{swirl-heading.entry.62b2d5fc.js → swirl-heading.entry.67fe7a4f.js} +5 -5
- package/dist/swirl-icon-add-moderator.entry.6ae31584.js +19 -0
- package/dist/swirl-icon-add-photo.entry.a4d3f548.js +19 -0
- package/dist/swirl-icon-add-reaction.entry.5ec9d2b9.js +19 -0
- package/dist/swirl-icon-add_6.entry.426deeac.js +84 -0
- package/dist/swirl-icon-admin-panel-settings.entry.3b3de734.js +19 -0
- package/dist/swirl-icon-ai.entry.8df7e049.js +19 -0
- package/dist/swirl-icon-apps.entry.687c2c46.js +19 -0
- package/dist/swirl-icon-arrow-back_4.entry.75f1ecf4.js +58 -0
- package/dist/swirl-icon-arrow-downward_2.entry.6792addb.js +32 -0
- package/dist/swirl-icon-arrow-left_4.entry.d9291b2e.js +59 -0
- package/dist/swirl-icon-arrow-right-small.entry.1f49da93.js +19 -0
- package/dist/swirl-icon-attachment.entry.c0ac5dc4.js +19 -0
- package/dist/swirl-icon-bar-chart.entry.68381083.js +19 -0
- package/dist/swirl-icon-block.entry.538b4905.js +19 -0
- package/dist/swirl-icon-bookmark-filled.entry.b2719e4a.js +19 -0
- package/dist/swirl-icon-bookmark.entry.80a8ea59.js +19 -0
- package/dist/swirl-icon-cancel_4.entry.2619ffec.js +58 -0
- package/dist/swirl-icon-chat-bubble.entry.72931f1b.js +19 -0
- package/dist/swirl-icon-chats-filled.entry.2d029d98.js +19 -0
- package/dist/swirl-icon-chats.entry.072b5584.js +19 -0
- package/dist/swirl-icon-check-circle_2.entry.86d7238e.js +32 -0
- package/dist/swirl-icon-check-small_3.entry.312053ec.js +77 -0
- package/dist/swirl-icon-check-strong.entry.57f2fa67.js +19 -0
- package/dist/swirl-icon-check.entry.8c5fcd81.js +19 -0
- package/dist/swirl-icon-chevron-left.entry.1960b6c4.js +19 -0
- package/dist/swirl-icon-chevron-right.entry.1c012dde.js +19 -0
- package/dist/swirl-icon-close-small.entry.433a462f.js +19 -0
- package/dist/swirl-icon-close.entry.1f6722c2.js +19 -0
- package/dist/swirl-icon-cloud-upload.entry.68880676.js +19 -0
- package/dist/swirl-icon-column.entry.881e271b.js +19 -0
- package/dist/swirl-icon-comment.entry.14c15189.js +19 -0
- package/dist/swirl-icon-copy.entry.daec8224.js +19 -0
- package/dist/swirl-icon-dark-mode.entry.afe78540.js +19 -0
- package/dist/swirl-icon-date-range.entry.0cc6888a.js +19 -0
- package/dist/swirl-icon-delete.entry.85b1301a.js +19 -0
- package/dist/swirl-icon-description.entry.36e42571.js +19 -0
- package/dist/swirl-icon-desktop.entry.0355491e.js +19 -0
- package/dist/swirl-icon-directory-filled.entry.8933e396.js +19 -0
- package/dist/swirl-icon-directory.entry.6b5303d1.js +19 -0
- package/dist/swirl-icon-discover.entry.8cd4c98c.js +19 -0
- package/dist/swirl-icon-dot.entry.ab6f3b63.js +19 -0
- package/dist/swirl-icon-double-arrow-right.entry.10f6a50a.js +19 -0
- package/dist/swirl-icon-download.entry.c94ffa38.js +19 -0
- package/dist/swirl-icon-edit.entry.7f1fea0b.js +19 -0
- package/dist/swirl-icon-emoji-mood.entry.5ca7e8ff.js +19 -0
- package/dist/swirl-icon-emoji-satisfied.entry.d64ca422.js +19 -0
- package/dist/swirl-icon-error_3.entry.be0466d2.js +58 -0
- package/dist/swirl-icon-expand-more.entry.2d9db49c.js +19 -0
- package/dist/swirl-icon-filter.entry.ca392652.js +19 -0
- package/dist/swirl-icon-folder.entry.ca267617.js +19 -0
- package/dist/swirl-icon-format-h-one.entry.511abddc.js +19 -0
- package/dist/swirl-icon-gif.entry.15232aa1.js +19 -0
- package/dist/swirl-icon-group-add.entry.7c17aa06.js +19 -0
- package/dist/swirl-icon-group-assign.entry.a5f23902.js +19 -0
- package/dist/swirl-icon-groups-filled.entry.8b39a921.js +19 -0
- package/dist/swirl-icon-groups.entry.2ffc0e38.js +19 -0
- package/dist/swirl-icon-hamburger-menu.entry.b62cec4e.js +19 -0
- package/dist/swirl-icon-help.entry.6f034719.js +19 -0
- package/dist/swirl-icon-highlight.entry.87de0131.js +19 -0
- package/dist/swirl-icon-home.entry.8de9d3c6.js +19 -0
- package/dist/swirl-icon-image.entry.b6654da7.js +19 -0
- package/dist/swirl-icon-improve-text.entry.78219a9d.js +19 -0
- package/dist/swirl-icon-info.entry.bb5be418.js +19 -0
- package/dist/swirl-icon-insert-below.entry.fe0a1efd.js +19 -0
- package/dist/swirl-icon-insert-on-top.entry.3c47fc05.js +19 -0
- package/dist/swirl-icon-inventory.entry.f0038549.js +19 -0
- package/dist/swirl-icon-keyboard-hide.entry.e346968a.js +19 -0
- package/dist/swirl-icon-light-mode.entry.17d421cd.js +19 -0
- package/dist/swirl-icon-like.entry.d1e547e9.js +19 -0
- package/dist/swirl-icon-link.entry.40e9e4be.js +19 -0
- package/dist/swirl-icon-load.entry.0d4f1591.js +19 -0
- package/dist/swirl-icon-lock-open.entry.6f13e5f8.js +19 -0
- package/dist/swirl-icon-lock-person.entry.7e9e5b40.js +19 -0
- package/dist/swirl-icon-lock.entry.2c5aacac.js +19 -0
- package/dist/swirl-icon-login.entry.ba26a031.js +19 -0
- package/dist/swirl-icon-logout.entry.ccd3c4ef.js +19 -0
- package/dist/swirl-icon-long-text.entry.bb2817d8.js +19 -0
- package/dist/swirl-icon-mail.entry.d8bf61e9.js +19 -0
- package/dist/swirl-icon-manage-accounts.entry.d2d1a670.js +19 -0
- package/dist/swirl-icon-mark-chat-read.entry.b2fada16.js +19 -0
- package/dist/swirl-icon-mark-chat-unread.entry.62c2addb.js +19 -0
- package/dist/swirl-icon-mention.entry.91ea15c9.js +19 -0
- package/dist/swirl-icon-menu-filled.entry.f82f5ba4.js +19 -0
- package/dist/swirl-icon-menu.entry.ba608fde.js +19 -0
- package/dist/swirl-icon-message.entry.0d223cca.js +19 -0
- package/dist/swirl-icon-mic.entry.c43483cf.js +19 -0
- package/dist/swirl-icon-more-horizontal.entry.03d2279b.js +19 -0
- package/dist/swirl-icon-news-filled.entry.54e10a7e.js +19 -0
- package/dist/swirl-icon-news-off.entry.600a4cda.js +19 -0
- package/dist/swirl-icon-news.entry.f35c91d6.js +19 -0
- package/dist/swirl-icon-notifications-active.entry.edd779a8.js +19 -0
- package/dist/swirl-icon-notifications-off.entry.a568c56e.js +19 -0
- package/dist/swirl-icon-notifications.entry.0fc05b70.js +19 -0
- package/dist/swirl-icon-open-in-full.entry.c09a4e67.js +19 -0
- package/dist/swirl-icon-open-in-new.entry.3ce6cb8e.js +19 -0
- package/dist/swirl-icon-pause-circle.entry.b846ee86.js +19 -0
- package/dist/swirl-icon-pause.entry.ade87623.js +19 -0
- package/dist/swirl-icon-people-alt.entry.1cda415a.js +19 -0
- package/dist/swirl-icon-person-off.entry.94d86ab7.js +19 -0
- package/dist/swirl-icon-person.entry.971e830b.js +19 -0
- package/dist/swirl-icon-phone.entry.b9bc7db4.js +19 -0
- package/dist/swirl-icon-photo-camera.entry.33ee05bb.js +19 -0
- package/dist/swirl-icon-place.entry.d47519ee.js +19 -0
- package/dist/swirl-icon-play-arrow.entry.bfdfecf6.js +19 -0
- package/dist/swirl-icon-poll.entry.56d65c83.js +19 -0
- package/dist/swirl-icon-print.entry.d1cdb3b6.js +19 -0
- package/dist/swirl-icon-recieved.entry.b61f4ab7.js +19 -0
- package/dist/swirl-icon-remove-moderator.entry.ee801f6a.js +19 -0
- package/dist/swirl-icon-reply.entry.abdc6f12.js +19 -0
- package/dist/swirl-icon-report.entry.2e0fda12.js +19 -0
- package/dist/swirl-icon-roadmap.entry.4f9a7341.js +19 -0
- package/dist/swirl-icon-search-strong.entry.f8532211.js +19 -0
- package/dist/swirl-icon-search.entry.3107623a.js +19 -0
- package/dist/swirl-icon-secure.entry.d665acb8.js +19 -0
- package/dist/swirl-icon-send.entry.f294b36e.js +19 -0
- package/dist/swirl-icon-settings.entry.2b1bce73.js +19 -0
- package/dist/swirl-icon-short-text.entry.67e6d936.js +19 -0
- package/dist/swirl-icon-simplify.entry.b87af70e.js +19 -0
- package/dist/swirl-icon-spellcheck.entry.85157c08.js +19 -0
- package/dist/swirl-icon-stop.entry.94db8502.js +19 -0
- package/dist/swirl-icon-sync.entry.a6467341.js +19 -0
- package/dist/swirl-icon-tasks-filled.entry.973365d3.js +19 -0
- package/dist/swirl-icon-tasks.entry.af8fba70.js +19 -0
- package/dist/swirl-icon-terminal.entry.ab566585.js +19 -0
- package/dist/swirl-icon-time-filled.entry.406a0464.js +19 -0
- package/dist/swirl-icon-time.entry.2b292b5e.js +19 -0
- package/dist/swirl-icon-today-filled.entry.7b19747a.js +19 -0
- package/dist/swirl-icon-translate.entry.ade34b24.js +19 -0
- package/dist/swirl-icon-tree-structure.entry.94dd5aa9.js +19 -0
- package/dist/swirl-icon-undo.entry.4fa62caf.js +19 -0
- package/dist/swirl-icon-unlock-person.entry.a7eb3aea.js +19 -0
- package/dist/swirl-icon-user-add.entry.6bdb10c4.js +19 -0
- package/dist/swirl-icon-user-assign.entry.d570fee6.js +19 -0
- package/dist/swirl-icon-video-camera.entry.d1b06b18.js +19 -0
- package/dist/swirl-icon-video-library.entry.38394b67.js +19 -0
- package/dist/swirl-icon-voice.entry.25039314.js +19 -0
- package/dist/swirl-icon-work.entry.2f905d86.js +19 -0
- package/dist/swirl-icon.entry.11912a15.js +16 -0
- package/dist/{swirl-image-grid-item.entry.2b392144.js → swirl-image-grid-item.entry.76199d6a.js} +18 -18
- package/dist/{swirl-image-grid.entry.0fb079c9.js → swirl-image-grid.entry.3d000272.js} +6 -6
- package/dist/swirl-inline-notification.entry.a7ff9f2d.js +17 -0
- package/dist/{swirl-inline-status.entry.751e2fb2.js → swirl-inline-status.entry.66b8edc1.js} +10 -10
- package/dist/swirl-lightbox.entry.eb0bbb32.js +136 -0
- package/dist/{swirl-link.entry.092e494f.js → swirl-link.entry.7c07d678.js} +4 -4
- package/dist/{swirl-list.entry.e13e8ff6.js → swirl-list.entry.06d3efe0.js} +8 -8
- package/dist/{swirl-menu-item.entry.5458af28.js → swirl-menu-item.entry.61a05216.js} +25 -25
- package/dist/{swirl-menu.entry.5f3db857.js → swirl-menu.entry.669ba100.js} +34 -34
- package/dist/{swirl-modal.entry.ca31555f.js → swirl-modal.entry.09d31bdf.js} +29 -29
- package/dist/{swirl-option-list-section.entry.695b5045.js → swirl-option-list-section.entry.91aa5d6c.js} +6 -6
- package/dist/{swirl-option-list_2.entry.b18f8ef8.js → swirl-option-list_2.entry.c115ea15.js} +14 -14
- package/dist/swirl-pagination.entry.d1f1a371.js +38 -0
- package/dist/swirl-pdf-reader.entry.5949465e.js +109 -0
- package/dist/{swirl-popover_2.entry.45581ec5.js → swirl-popover_2.entry.c8d438c9.js} +21 -21
- package/dist/{swirl-progress-indicator.entry.6a82180f.js → swirl-progress-indicator.entry.ffb3986f.js} +9 -9
- package/dist/{swirl-radio-group.entry.c7768181.js → swirl-radio-group.entry.77dc50d1.js} +6 -6
- package/dist/{swirl-radio.entry.4caa8465.js → swirl-radio.entry.c7e60f42.js} +8 -8
- package/dist/{swirl-resource-list-file-item.entry.f7b2e3c1.js → swirl-resource-list-file-item.entry.270cbc23.js} +8 -8
- package/dist/{swirl-search.entry.a54ed8d6.js → swirl-search.entry.1f3cbbe5.js} +26 -26
- package/dist/{swirl-select.entry.c29e7068.js → swirl-select.entry.18719f2a.js} +13 -13
- package/dist/{swirl-shell-layout.entry.cb685206.js → swirl-shell-layout.entry.2136a431.js} +9 -9
- package/dist/{swirl-shell-navigation-item.entry.e2b59ab7.js → swirl-shell-navigation-item.entry.4385374f.js} +10 -10
- package/dist/{swirl-skeleton-box.entry.81920663.js → swirl-skeleton-box.entry.18f6cd45.js} +7 -7
- package/dist/{swirl-skeleton-text.entry.63c4c8d2.js → swirl-skeleton-text.entry.857b03ca.js} +6 -6
- package/dist/{swirl-stack.entry.0f6b5394.js → swirl-stack.entry.447b9f47.js} +8 -8
- package/dist/{swirl-status-indicator.entry.63176767.js → swirl-status-indicator.entry.afeeeb18.js} +5 -5
- package/dist/{swirl-switch.entry.d8e76e70.js → swirl-switch.entry.2243e6e8.js} +8 -8
- package/dist/swirl-symbol-account-circle.entry.8d0ce905.js +17 -0
- package/dist/swirl-symbol-alternate-email.entry.ca4e22b1.js +17 -0
- package/dist/swirl-symbol-android.entry.45059350.js +17 -0
- package/dist/swirl-symbol-announcement.entry.b4c45002.js +17 -0
- package/dist/swirl-symbol-backup.entry.77de6485.js +17 -0
- package/dist/swirl-symbol-beach-access.entry.a3d981c5.js +17 -0
- package/dist/swirl-symbol-bookmark.entry.e95fb37f.js +17 -0
- package/dist/swirl-symbol-cloud.entry.9b7139cf.js +17 -0
- package/dist/swirl-symbol-coronavirus.entry.e639c99c.js +17 -0
- package/dist/swirl-symbol-desktop-windows.entry.2c439200.js +17 -0
- package/dist/swirl-symbol-directions-car-filled.entry.ad52ef9f.js +17 -0
- package/dist/swirl-symbol-edit-calendar.entry.430a5220.js +17 -0
- package/dist/swirl-symbol-email.entry.031bf07a.js +17 -0
- package/dist/swirl-symbol-emoji-food-beverage.entry.a0e9a717.js +17 -0
- package/dist/swirl-symbol-event-menu.entry.9bd76aef.js +17 -0
- package/dist/swirl-symbol-facebook.entry.d613596e.js +17 -0
- package/dist/swirl-symbol-favorite.entry.b7933a92.js +17 -0
- package/dist/swirl-symbol-fitness-center.entry.f385d18b.js +17 -0
- package/dist/swirl-symbol-flag.entry.41391366.js +17 -0
- package/dist/swirl-symbol-folder.entry.da596713.js +17 -0
- package/dist/swirl-symbol-globe.entry.6e5a417c.js +17 -0
- package/dist/swirl-symbol-groups.entry.1e395f7e.js +17 -0
- package/dist/swirl-symbol-help.entry.e5c02b72.js +17 -0
- package/dist/swirl-symbol-image.entry.43947aaa.js +17 -0
- package/dist/swirl-symbol-info-menu.entry.cc69848d.js +17 -0
- package/dist/swirl-symbol-instagram.entry.9c824e70.js +17 -0
- package/dist/swirl-symbol-ios.entry.2775c07e.js +17 -0
- package/dist/swirl-symbol-language.entry.ae21d588.js +17 -0
- package/dist/swirl-symbol-leaderboard.entry.bd7d1e6f.js +17 -0
- package/dist/swirl-symbol-lightbulb.entry.d67d74ac.js +17 -0
- package/dist/swirl-symbol-linkedin.entry.f8a49932.js +17 -0
- package/dist/swirl-symbol-location-on.entry.5fcbb4ae.js +17 -0
- package/dist/swirl-symbol-loyalty.entry.d5355c7f.js +17 -0
- package/dist/swirl-symbol-maps-home-work.entry.e2809eed.js +17 -0
- package/dist/swirl-symbol-notifications.entry.2d8257c4.js +17 -0
- package/dist/swirl-symbol-open-in-new.entry.7655d2b4.js +17 -0
- package/dist/swirl-symbol-pedal-bike.entry.74cf4e9a.js +17 -0
- package/dist/swirl-symbol-pinterest.entry.784a5e08.js +17 -0
- package/dist/swirl-symbol-policy.entry.10e4dc97.js +17 -0
- package/dist/swirl-symbol-push-pin.entry.6d7fc6f1.js +17 -0
- package/dist/swirl-symbol-redeem.entry.462507a6.js +17 -0
- package/dist/swirl-symbol-report-problem.entry.202e6b49.js +17 -0
- package/dist/swirl-symbol-restaurant.entry.aabada17.js +17 -0
- package/dist/swirl-symbol-roadmap.entry.eb15af8c.js +17 -0
- package/dist/swirl-symbol-room.entry.cad721df.js +17 -0
- package/dist/swirl-symbol-savings.entry.3b6ed577.js +17 -0
- package/dist/swirl-symbol-settings-voice.entry.a036a0a5.js +17 -0
- package/dist/swirl-symbol-shopping-cart.entry.34c0362c.js +17 -0
- package/dist/swirl-symbol-smartphone.entry.5a96be64.js +17 -0
- package/dist/swirl-symbol-star.entry.f1489b4d.js +17 -0
- package/dist/swirl-symbol-supervisor-account.entry.b1faf760.js +17 -0
- package/dist/swirl-symbol-thumbs-up-down.entry.a862886d.js +17 -0
- package/dist/swirl-symbol-twitter.entry.dfdf82e7.js +17 -0
- package/dist/swirl-symbol-wb-sunny.entry.90b74c5d.js +17 -0
- package/dist/swirl-symbol-wechat.entry.5ec8c230.js +17 -0
- package/dist/swirl-symbol-weibo.entry.fc24826b.js +17 -0
- package/dist/swirl-symbol-work.entry.7d10a4b8.js +17 -0
- package/dist/swirl-symbol-xing.entry.d8b4a973.js +17 -0
- package/dist/swirl-symbol-youtube.entry.8139ff9e.js +17 -0
- package/dist/swirl-symbol.entry.81586c5b.js +16 -0
- package/dist/{swirl-tab-bar.entry.6930cd0b.js → swirl-tab-bar.entry.2d274422.js} +6 -6
- package/dist/swirl-tab.entry.c8b9e55d.js +17 -0
- package/dist/{swirl-table-cell.entry.f20d1892.js → swirl-table-cell.entry.8849e8b8.js} +6 -6
- package/dist/{swirl-table-column.entry.d3d4d5fe.js → swirl-table-column.entry.2587d97d.js} +11 -11
- package/dist/{swirl-table-row-group.entry.2f840945.js → swirl-table-row-group.entry.d096161b.js} +7 -7
- package/dist/{swirl-table-row.entry.0102c137.js → swirl-table-row.entry.e5defa5d.js} +8 -8
- package/dist/{swirl-table.entry.43916b1a.js → swirl-table.entry.17b52ae9.js} +12 -12
- package/dist/{swirl-tabs.entry.5de16dc3.js → swirl-tabs.entry.b553d7d9.js} +16 -16
- package/dist/{swirl-text-input.entry.4c770aec.js → swirl-text-input.entry.64782d9b.js} +9 -9
- package/dist/{swirl-text.entry.288783ea.js → swirl-text.entry.4e26a561.js} +76 -73
- package/dist/{swirl-theme-provider.entry.5df1648b.js → swirl-theme-provider.entry.3d90bebb.js} +5 -5
- package/dist/{swirl-time-input.entry.f8ee0a10.js → swirl-time-input.entry.1737929f.js} +29 -28
- package/dist/{swirl-toast-provider.entry.8636d80c.js → swirl-toast-provider.entry.b620950e.js} +6 -6
- package/dist/{swirl-toast.entry.6fcc09d0.js → swirl-toast.entry.0ab29ff5.js} +7 -7
- package/dist/{swirl-toolbar.entry.23264142.js → swirl-toolbar.entry.a391b399.js} +6 -6
- package/dist/{swirl-tooltip.entry.319754fd.js → swirl-tooltip.entry.e05390b0.js} +16 -16
- package/dist/{swirl-tree-navigation-item.entry.c8254019.js → swirl-tree-navigation-item.entry.12ae87f7.js} +6 -6
- package/dist/swirl-video-thumbnail.entry.bd212717.js +88 -0
- package/dist/swirl-visually-hidden.entry.1dc8f32e.js +15 -0
- package/dist/{wc-datepicker.entry.d923f766.js → wc-datepicker.entry.d2330d44.js} +9 -9
- package/package.json +2 -2
- package/dist/file-manager.entry.859063e0.js +0 -57
- package/dist/index-d280dafb.186cdb0e.js +0 -71
- package/dist/index.a5290183.js +0 -3012
- package/dist/swirl-action-list_3.entry.97592733.js +0 -103
- package/dist/swirl-app-bar.entry.15eee13f.js +0 -45
- package/dist/swirl-app-icon.entry.5ee9663c.js +0 -23
- package/dist/swirl-autocomplete.entry.74a458c1.js +0 -115
- package/dist/swirl-carousel-slide.entry.4b355199.js +0 -19
- package/dist/swirl-columns.entry.0bc8c0de.js +0 -18
- package/dist/swirl-console-layout.entry.b4fb4388.js +0 -68
- package/dist/swirl-description-list.entry.e3b921a9.js +0 -15
- package/dist/swirl-emoji-clap.entry.bb740b44.js +0 -17
- package/dist/swirl-emoji-happy.entry.df0b3f10.js +0 -17
- package/dist/swirl-emoji-idea.entry.a1e5c8b5.js +0 -17
- package/dist/swirl-emoji-love.entry.5ee9851f.js +0 -17
- package/dist/swirl-emoji-sad.entry.a8aa1837.js +0 -17
- package/dist/swirl-emoji-thumbs-up.entry.063aca10.js +0 -17
- package/dist/swirl-emoji.entry.aa81a4d8.js +0 -16
- package/dist/swirl-form-group.entry.8ec0ebb1.js +0 -17
- package/dist/swirl-icon-add-moderator.entry.fe274051.js +0 -19
- package/dist/swirl-icon-add-photo.entry.28b99034.js +0 -19
- package/dist/swirl-icon-add-reaction.entry.da7c7275.js +0 -19
- package/dist/swirl-icon-add_6.entry.799d739d.js +0 -84
- package/dist/swirl-icon-admin-panel-settings.entry.1602d7ad.js +0 -19
- package/dist/swirl-icon-ai.entry.754076d3.js +0 -19
- package/dist/swirl-icon-apps.entry.c9ce96a8.js +0 -19
- package/dist/swirl-icon-arrow-back_4.entry.fc54accf.js +0 -58
- package/dist/swirl-icon-arrow-downward_2.entry.3aa397be.js +0 -32
- package/dist/swirl-icon-arrow-left_4.entry.cf45f612.js +0 -59
- package/dist/swirl-icon-arrow-right-small.entry.311a8150.js +0 -19
- package/dist/swirl-icon-attachment.entry.3fa14211.js +0 -19
- package/dist/swirl-icon-bar-chart.entry.1163297d.js +0 -19
- package/dist/swirl-icon-block.entry.15c18fad.js +0 -19
- package/dist/swirl-icon-bookmark-filled.entry.cbace9db.js +0 -19
- package/dist/swirl-icon-bookmark.entry.2e22aa18.js +0 -19
- package/dist/swirl-icon-cancel_4.entry.2ddd1662.js +0 -58
- package/dist/swirl-icon-chat-bubble.entry.be49c58f.js +0 -19
- package/dist/swirl-icon-chats-filled.entry.ca5cccf0.js +0 -19
- package/dist/swirl-icon-chats.entry.99572e2f.js +0 -19
- package/dist/swirl-icon-check-circle_2.entry.ef23105e.js +0 -32
- package/dist/swirl-icon-check-small_3.entry.ff487841.js +0 -77
- package/dist/swirl-icon-check-strong.entry.13bf7aa5.js +0 -19
- package/dist/swirl-icon-check.entry.2ac2f84f.js +0 -19
- package/dist/swirl-icon-chevron-left.entry.0394010c.js +0 -19
- package/dist/swirl-icon-chevron-right.entry.e9e91ff3.js +0 -19
- package/dist/swirl-icon-close-small.entry.1695969a.js +0 -19
- package/dist/swirl-icon-close.entry.23e74ba0.js +0 -19
- package/dist/swirl-icon-cloud-upload.entry.e30cc58a.js +0 -19
- package/dist/swirl-icon-column.entry.8f99fecc.js +0 -19
- package/dist/swirl-icon-comment.entry.2956175d.js +0 -19
- package/dist/swirl-icon-copy.entry.d12042e8.js +0 -19
- package/dist/swirl-icon-dark-mode.entry.8e80f6d5.js +0 -19
- package/dist/swirl-icon-date-range.entry.145e2233.js +0 -19
- package/dist/swirl-icon-delete.entry.7275d800.js +0 -19
- package/dist/swirl-icon-description.entry.7ae73a8c.js +0 -19
- package/dist/swirl-icon-desktop.entry.8c06dbc3.js +0 -19
- package/dist/swirl-icon-directory-filled.entry.d8cf4da6.js +0 -19
- package/dist/swirl-icon-directory.entry.288619ff.js +0 -19
- package/dist/swirl-icon-discover.entry.16030103.js +0 -19
- package/dist/swirl-icon-dot.entry.50213b3a.js +0 -19
- package/dist/swirl-icon-double-arrow-right.entry.d2057ff9.js +0 -19
- package/dist/swirl-icon-download.entry.08d170fb.js +0 -19
- package/dist/swirl-icon-edit.entry.83be11d7.js +0 -19
- package/dist/swirl-icon-emoji-mood.entry.82c984a5.js +0 -19
- package/dist/swirl-icon-emoji-satisfied.entry.9de3ad8a.js +0 -19
- package/dist/swirl-icon-error_3.entry.c95eea00.js +0 -58
- package/dist/swirl-icon-expand-more.entry.e2c61b25.js +0 -19
- package/dist/swirl-icon-filter.entry.8160ead6.js +0 -19
- package/dist/swirl-icon-folder.entry.b5cd743e.js +0 -19
- package/dist/swirl-icon-format-h-one.entry.2e40ee85.js +0 -19
- package/dist/swirl-icon-gif.entry.4ba7c828.js +0 -19
- package/dist/swirl-icon-group-add.entry.2980a132.js +0 -19
- package/dist/swirl-icon-group-assign.entry.b21a3dfe.js +0 -19
- package/dist/swirl-icon-groups-filled.entry.3df1b3fb.js +0 -19
- package/dist/swirl-icon-groups.entry.97741051.js +0 -19
- package/dist/swirl-icon-hamburger-menu.entry.98f2c0b7.js +0 -19
- package/dist/swirl-icon-help.entry.dee5dcd0.js +0 -19
- package/dist/swirl-icon-highlight.entry.8eb2db71.js +0 -19
- package/dist/swirl-icon-home.entry.4414a607.js +0 -19
- package/dist/swirl-icon-image.entry.928730f8.js +0 -19
- package/dist/swirl-icon-improve-text.entry.27d14a0e.js +0 -19
- package/dist/swirl-icon-info.entry.602f7958.js +0 -19
- package/dist/swirl-icon-insert-below.entry.cfd518aa.js +0 -19
- package/dist/swirl-icon-insert-on-top.entry.49c94e3a.js +0 -19
- package/dist/swirl-icon-inventory.entry.a798fca4.js +0 -19
- package/dist/swirl-icon-keyboard-hide.entry.88b17074.js +0 -19
- package/dist/swirl-icon-light-mode.entry.c7affc35.js +0 -19
- package/dist/swirl-icon-like.entry.e660a93c.js +0 -19
- package/dist/swirl-icon-link.entry.57fcfd60.js +0 -19
- package/dist/swirl-icon-load.entry.2969b1e8.js +0 -19
- package/dist/swirl-icon-lock-open.entry.62e61a24.js +0 -19
- package/dist/swirl-icon-lock-person.entry.859977ac.js +0 -19
- package/dist/swirl-icon-lock.entry.40284e49.js +0 -19
- package/dist/swirl-icon-login.entry.86483e7a.js +0 -19
- package/dist/swirl-icon-logout.entry.c70e6dac.js +0 -19
- package/dist/swirl-icon-long-text.entry.9e14fe94.js +0 -19
- package/dist/swirl-icon-mail.entry.334d799c.js +0 -19
- package/dist/swirl-icon-manage-accounts.entry.c4ffd308.js +0 -19
- package/dist/swirl-icon-mark-chat-read.entry.0fdb894d.js +0 -19
- package/dist/swirl-icon-mark-chat-unread.entry.8a8d0b58.js +0 -19
- package/dist/swirl-icon-mention.entry.51c24ace.js +0 -19
- package/dist/swirl-icon-menu-filled.entry.495a3e1f.js +0 -19
- package/dist/swirl-icon-menu.entry.9ee0de2b.js +0 -19
- package/dist/swirl-icon-message.entry.ea7419d2.js +0 -19
- package/dist/swirl-icon-mic.entry.3757259f.js +0 -19
- package/dist/swirl-icon-more-horizontal.entry.061e4ecc.js +0 -19
- package/dist/swirl-icon-news-filled.entry.cef687a1.js +0 -19
- package/dist/swirl-icon-news-off.entry.64cb7d1b.js +0 -19
- package/dist/swirl-icon-news.entry.7c2068c8.js +0 -19
- package/dist/swirl-icon-notifications-active.entry.a2a9a096.js +0 -19
- package/dist/swirl-icon-notifications-off.entry.d4902e55.js +0 -19
- package/dist/swirl-icon-notifications.entry.b5d388d7.js +0 -19
- package/dist/swirl-icon-open-in-full.entry.120028d4.js +0 -19
- package/dist/swirl-icon-open-in-new.entry.577ac753.js +0 -19
- package/dist/swirl-icon-pause-circle.entry.84ece357.js +0 -19
- package/dist/swirl-icon-pause.entry.8fb2e7ec.js +0 -19
- package/dist/swirl-icon-people-alt.entry.d57e4768.js +0 -19
- package/dist/swirl-icon-person-off.entry.5f7a00e0.js +0 -19
- package/dist/swirl-icon-person.entry.bb48f038.js +0 -19
- package/dist/swirl-icon-phone.entry.88a86a03.js +0 -19
- package/dist/swirl-icon-photo-camera.entry.f1434c21.js +0 -19
- package/dist/swirl-icon-place.entry.85f42096.js +0 -19
- package/dist/swirl-icon-play-arrow.entry.7cb4a17f.js +0 -19
- package/dist/swirl-icon-poll.entry.95225071.js +0 -19
- package/dist/swirl-icon-print.entry.15861637.js +0 -19
- package/dist/swirl-icon-recieved.entry.b0bfe205.js +0 -19
- package/dist/swirl-icon-remove-moderator.entry.f01c3704.js +0 -19
- package/dist/swirl-icon-reply.entry.701f05a4.js +0 -19
- package/dist/swirl-icon-report.entry.96df68b5.js +0 -19
- package/dist/swirl-icon-roadmap.entry.2bf00de9.js +0 -19
- package/dist/swirl-icon-search-strong.entry.6e219a57.js +0 -19
- package/dist/swirl-icon-search.entry.424df49c.js +0 -19
- package/dist/swirl-icon-secure.entry.9f80831f.js +0 -19
- package/dist/swirl-icon-send.entry.ce58a0a1.js +0 -19
- package/dist/swirl-icon-settings.entry.9dad2168.js +0 -19
- package/dist/swirl-icon-short-text.entry.18fee1f0.js +0 -19
- package/dist/swirl-icon-simplify.entry.f9c82b3d.js +0 -19
- package/dist/swirl-icon-spellcheck.entry.664bed56.js +0 -19
- package/dist/swirl-icon-stop.entry.cdcbcb1a.js +0 -19
- package/dist/swirl-icon-sync.entry.93116a94.js +0 -19
- package/dist/swirl-icon-tasks-filled.entry.13f67654.js +0 -19
- package/dist/swirl-icon-tasks.entry.254c7e2d.js +0 -19
- package/dist/swirl-icon-terminal.entry.e064fd08.js +0 -19
- package/dist/swirl-icon-time-filled.entry.160f7cac.js +0 -19
- package/dist/swirl-icon-time.entry.a1413215.js +0 -19
- package/dist/swirl-icon-today-filled.entry.6a0728ee.js +0 -19
- package/dist/swirl-icon-translate.entry.b1dfb124.js +0 -19
- package/dist/swirl-icon-tree-structure.entry.c3ef5980.js +0 -19
- package/dist/swirl-icon-undo.entry.31c00da3.js +0 -19
- package/dist/swirl-icon-unlock-person.entry.3556d7b1.js +0 -19
- package/dist/swirl-icon-user-add.entry.997bf29a.js +0 -19
- package/dist/swirl-icon-user-assign.entry.70430851.js +0 -19
- package/dist/swirl-icon-video-camera.entry.040aa77c.js +0 -19
- package/dist/swirl-icon-video-library.entry.62e735bc.js +0 -19
- package/dist/swirl-icon-voice.entry.5f5b853b.js +0 -19
- package/dist/swirl-icon-work.entry.a4414670.js +0 -19
- package/dist/swirl-icon.entry.802f1b73.js +0 -16
- package/dist/swirl-inline-notification.entry.949eec2a.js +0 -17
- package/dist/swirl-lightbox.entry.0068e44e.js +0 -136
- package/dist/swirl-pagination.entry.fcb196ee.js +0 -38
- package/dist/swirl-pdf-reader.entry.a0bfe4f3.js +0 -109
- package/dist/swirl-symbol-account-circle.entry.90300909.js +0 -17
- package/dist/swirl-symbol-alternate-email.entry.160ef4a8.js +0 -17
- package/dist/swirl-symbol-android.entry.98038a6b.js +0 -17
- package/dist/swirl-symbol-announcement.entry.3fe4c253.js +0 -17
- package/dist/swirl-symbol-backup.entry.fd32cb79.js +0 -17
- package/dist/swirl-symbol-beach-access.entry.8df72c80.js +0 -17
- package/dist/swirl-symbol-bookmark.entry.4ac153af.js +0 -17
- package/dist/swirl-symbol-cloud.entry.0c1a52df.js +0 -17
- package/dist/swirl-symbol-coronavirus.entry.0acc9c5b.js +0 -17
- package/dist/swirl-symbol-desktop-windows.entry.c1fce311.js +0 -17
- package/dist/swirl-symbol-directions-car-filled.entry.ebcfbbe9.js +0 -17
- package/dist/swirl-symbol-edit-calendar.entry.1dfb7b4f.js +0 -17
- package/dist/swirl-symbol-email.entry.c4d92368.js +0 -17
- package/dist/swirl-symbol-emoji-food-beverage.entry.4007dfa7.js +0 -17
- package/dist/swirl-symbol-event-menu.entry.2adfbec3.js +0 -17
- package/dist/swirl-symbol-facebook.entry.04c5e929.js +0 -17
- package/dist/swirl-symbol-favorite.entry.abd09d45.js +0 -17
- package/dist/swirl-symbol-fitness-center.entry.d11b5a58.js +0 -17
- package/dist/swirl-symbol-flag.entry.aed8fdbd.js +0 -17
- package/dist/swirl-symbol-folder.entry.a8fe88aa.js +0 -17
- package/dist/swirl-symbol-globe.entry.670339d0.js +0 -17
- package/dist/swirl-symbol-groups.entry.24584a5d.js +0 -17
- package/dist/swirl-symbol-help.entry.0e52fff2.js +0 -17
- package/dist/swirl-symbol-image.entry.c7c0f341.js +0 -17
- package/dist/swirl-symbol-info-menu.entry.be592909.js +0 -17
- package/dist/swirl-symbol-instagram.entry.3f9c7629.js +0 -17
- package/dist/swirl-symbol-ios.entry.fc3b933e.js +0 -17
- package/dist/swirl-symbol-language.entry.ab86ab07.js +0 -17
- package/dist/swirl-symbol-leaderboard.entry.c7b1efed.js +0 -17
- package/dist/swirl-symbol-lightbulb.entry.405d9d29.js +0 -17
- package/dist/swirl-symbol-linkedin.entry.0b47aa95.js +0 -17
- package/dist/swirl-symbol-location-on.entry.f7ff8a70.js +0 -17
- package/dist/swirl-symbol-loyalty.entry.d017e5b9.js +0 -17
- package/dist/swirl-symbol-maps-home-work.entry.61b8356e.js +0 -17
- package/dist/swirl-symbol-notifications.entry.58c0c832.js +0 -17
- package/dist/swirl-symbol-open-in-new.entry.f8c7f57e.js +0 -17
- package/dist/swirl-symbol-pedal-bike.entry.43a1a6c2.js +0 -17
- package/dist/swirl-symbol-pinterest.entry.0b9c6688.js +0 -17
- package/dist/swirl-symbol-policy.entry.872a13a7.js +0 -17
- package/dist/swirl-symbol-push-pin.entry.79a23d86.js +0 -17
- package/dist/swirl-symbol-redeem.entry.bd8ee402.js +0 -17
- package/dist/swirl-symbol-report-problem.entry.777faf5b.js +0 -17
- package/dist/swirl-symbol-restaurant.entry.62ae9d34.js +0 -17
- package/dist/swirl-symbol-roadmap.entry.f15b1582.js +0 -17
- package/dist/swirl-symbol-room.entry.3543e354.js +0 -17
- package/dist/swirl-symbol-savings.entry.00b4a492.js +0 -17
- package/dist/swirl-symbol-settings-voice.entry.c653a6c3.js +0 -17
- package/dist/swirl-symbol-shopping-cart.entry.264feb48.js +0 -17
- package/dist/swirl-symbol-smartphone.entry.356e8452.js +0 -17
- package/dist/swirl-symbol-star.entry.f84c3a93.js +0 -17
- package/dist/swirl-symbol-supervisor-account.entry.0d511faa.js +0 -17
- package/dist/swirl-symbol-thumbs-up-down.entry.89371d56.js +0 -17
- package/dist/swirl-symbol-twitter.entry.592111c5.js +0 -17
- package/dist/swirl-symbol-wb-sunny.entry.def5a83a.js +0 -17
- package/dist/swirl-symbol-wechat.entry.b8b97654.js +0 -17
- package/dist/swirl-symbol-weibo.entry.ceca9f72.js +0 -17
- package/dist/swirl-symbol-work.entry.06c63930.js +0 -17
- package/dist/swirl-symbol-xing.entry.c12c92d5.js +0 -17
- package/dist/swirl-symbol-youtube.entry.99003d63.js +0 -17
- package/dist/swirl-symbol.entry.d8a40b21.js +0 -16
- package/dist/swirl-tab.entry.bdedf943.js +0 -17
- package/dist/swirl-video-thumbnail.entry.e96b11ae.js +0 -88
- package/dist/swirl-visually-hidden.entry.259640c3.js +0 -15
- /package/dist/{floating-ui.dom.esm-b73e243b.647a7c7e.js → floating-ui.dom.esm-bef21834.ec4a9cbf.js} +0 -0
- /package/dist/{utils-c5f2f98f.af14538a.js → utils-aab10c80.240adddc.js} +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as l, c as s, h as
|
|
2
|
-
import { c as n } from "./index-
|
|
3
|
-
import { i as
|
|
1
|
+
import { r as l, c as s, h as t, H as d, g as c, F as r } from "./index.9d32bf5e.js";
|
|
2
|
+
import { c as n } from "./index-267776a4.6beb4f4b.js";
|
|
3
|
+
import { i as y, g as C } from "./utils-aab10c80.240adddc.js";
|
|
4
4
|
import { S as B } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
5
|
-
import { v as
|
|
5
|
+
import { v as g } from "./v4-23648a96.77c7c20f.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
8
|
const I = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"
|
|
@@ -24,9 +24,9 @@ const I = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
24
24
|
"content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"
|
|
25
25
|
"sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
|
|
26
26
|
"navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
|
|
27
|
-
"body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, S = class {
|
|
28
|
-
constructor(
|
|
29
|
-
l(this,
|
|
27
|
+
"body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, S = I, D = class {
|
|
28
|
+
constructor(e) {
|
|
29
|
+
l(this, e), this.ctaClick = s(this, "ctaClick", 7), this.mobileViewChange = s(this, "mobileViewChange", 7), this.navigationBackButtonClick = s(this, "navigationBackButtonClick", 7), this.sidebarToggle = s(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
|
|
30
30
|
this.changeMobileView("navigation");
|
|
31
31
|
}, this.onCtaClick = (i) => {
|
|
32
32
|
this.ctaClick.emit(i);
|
|
@@ -44,8 +44,8 @@ const I = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
disconnectedCallback() {
|
|
47
|
-
var
|
|
48
|
-
(
|
|
47
|
+
var e;
|
|
48
|
+
(e = this.mutationObserver) == null || e.disconnect();
|
|
49
49
|
}
|
|
50
50
|
watchMobileView() {
|
|
51
51
|
this.checkMobileView();
|
|
@@ -57,25 +57,25 @@ const I = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
57
57
|
if (!this.sidebarActive || !this.hasSidebar)
|
|
58
58
|
return;
|
|
59
59
|
Boolean(this.sidebarClosingTimeout) && clearTimeout(this.sidebarClosingTimeout), this.sidebarClosing = !0;
|
|
60
|
-
const
|
|
60
|
+
const e = y() ? 0 : 300;
|
|
61
61
|
this.sidebarClosingTimeout = setTimeout(() => {
|
|
62
62
|
this.sidebarActive = !1, this.sidebarClosing = !1, this.changeMobileView("body"), this.sidebarToggle.emit(!1);
|
|
63
|
-
},
|
|
63
|
+
}, e);
|
|
64
64
|
}
|
|
65
65
|
async toggleSidebar() {
|
|
66
66
|
!this.hasSidebar || (this.sidebarActive ? this.hideSidebar() : this.showSidebar());
|
|
67
67
|
}
|
|
68
|
-
async changeMobileView(
|
|
69
|
-
if (this.mobileView ===
|
|
68
|
+
async changeMobileView(e, i = !0) {
|
|
69
|
+
if (this.mobileView === e || e === "navigation" && !this.hasNavigation || e === "sidebar" && !this.hasSidebar)
|
|
70
70
|
return;
|
|
71
|
-
if (!
|
|
72
|
-
this.mobileView =
|
|
71
|
+
if (!y() || !i) {
|
|
72
|
+
this.mobileView = e, this.mobileViewChange.emit(this.mobileView);
|
|
73
73
|
return;
|
|
74
74
|
}
|
|
75
|
-
Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo =
|
|
75
|
+
Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = e;
|
|
76
76
|
let o = 0;
|
|
77
77
|
this.transitionStyle === "slides" ? o = 400 : this.transitionStyle === "dialog" && (o = 300), this.transitionTimeout = setTimeout(() => {
|
|
78
|
-
this.mobileView =
|
|
78
|
+
this.mobileView = e, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
|
|
79
79
|
}, o);
|
|
80
80
|
}
|
|
81
81
|
checkMobileView() {
|
|
@@ -83,8 +83,8 @@ const I = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
83
83
|
this.mobileView = "body";
|
|
84
84
|
return;
|
|
85
85
|
}
|
|
86
|
-
const
|
|
87
|
-
|
|
86
|
+
const e = this.mobileView === "sidebar" || this.sidebarActive;
|
|
87
|
+
e !== this.sidebarActive && (e ? this.showSidebar() : this.hideSidebar());
|
|
88
88
|
}
|
|
89
89
|
updateNavigationStatus() {
|
|
90
90
|
this.hasNavigation = Boolean(this.el.querySelector('[slot="navigation"]'));
|
|
@@ -96,12 +96,12 @@ const I = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
96
96
|
this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
|
|
97
97
|
}
|
|
98
98
|
render() {
|
|
99
|
-
const
|
|
99
|
+
const e = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, i = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), a = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), p = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), u = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), b = n("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
|
|
100
100
|
"app-layout--has-app-bar-mobile-menu-button": o,
|
|
101
101
|
"app-layout--has-app-bar-controls": i,
|
|
102
102
|
"app-layout--has-bottom-bar": a,
|
|
103
103
|
"app-layout--has-custom-app-bar-back-button": this.hasCustomAppBarBackButton,
|
|
104
|
-
"app-layout--has-custom-sidebar-header":
|
|
104
|
+
"app-layout--has-custom-sidebar-header": p,
|
|
105
105
|
"app-layout--has-floating-action-button": u,
|
|
106
106
|
"app-layout--has-navigation": this.hasNavigation,
|
|
107
107
|
"app-layout--has-sidebar": this.hasSidebar,
|
|
@@ -109,10 +109,10 @@ const I = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
109
109
|
"app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
|
|
110
110
|
"app-layout--sidebar-closing": this.sidebarClosing
|
|
111
111
|
});
|
|
112
|
-
return
|
|
112
|
+
return t(d, { key: "6669b2c98406333feee455553fe0d5d03d3244b8" }, t("section", { key: "1ee92631037025987491babda4e78ea63d35377b", "aria-labelledby": "app-name", class: b }, t("div", { key: "63ae4a87fbe7e728c81183def7afdf108588f83e", class: "app-layout__grid" }, t("header", { key: "6182b13fd6f4031aa0581c286cc4b517d3c5f66d", class: "app-layout__header" }, t("span", { key: "f4932b66237cbdcab317641027ef62428b98dfff", class: "app-layout__navigation-mobile-menu-button" }, t("slot", { key: "684aa1471fd24535b36e75408a45f41bc03345e1", name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && t("span", { key: "8f0d872fb075ef91f0f62a514dfe25a0124f252c", class: "app-layout__navigation-back-button" }, t("swirl-button", { key: "7f6025c9f07eecb118fc6939ee0b0b78c4aee6d7", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), t("swirl-heading", { key: "d635de3c9562eac9b4bce1c70baa8b90ae277b69", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && t("span", { key: "87fc56959a7f02183166ad6b356c4ac06316ccbb", class: "app-layout__navigation-controls" }, t("slot", { key: "8b091346c443dfe4383ac1a2e1500fbd2379b9b3", name: "navigation-controls" }))), t("nav", { key: "f204ad5f648228d9a47e1fb47eab5e5b69631f02", "aria-label": this.navigationLabel, class: "app-layout__navigation" }, t("slot", { key: "02c4eef4f8b62ab328a370045174c245402f662a", name: "navigation" })), t("section", { key: "37bc6fa312a75e60f0a6702e41de1f5036efb008", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && t("header", { key: "c43967cff5d5cb3283707b063b0cb8fb14dcfec4", class: "app-layout__app-bar" }, t("span", { key: "410c2ebe8d9e737706cc307af7447c3b8ea0d75d", class: "app-layout__app-bar-mobile-menu-button" }, t("slot", { key: "d9a962e75a42b2d4f333d5f12a42e1ea1a12951b", name: "app-bar-mobile-menu-button" })), e && t("span", { key: "4ed9a8d4868bc5ceaf311b132f8f325144fa707c", class: "app-layout__back-to-navigation-button" }, t("swirl-button", { key: "442aa8979bc5c95ce973d41bbe7c28f2a991d11d", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), t("span", { key: "e98e6c634278149c73b9b064e7364aaa25eb97fd", class: "app-layout__custom-app-bar-back-button" }, t("slot", { key: "f06666455e54a7dfcfa9b94aa47fc24db9281675", name: "custom-app-bar-back-button" })), t("div", { key: "c7f9906b22f61219203162cd3dceb21afb807ecf", class: "app-layout__app-bar-content" }, t("slot", { key: "1ec7cb2569a93ad414b57f2da951aa4036592d57", name: "app-bar" })), t("div", { key: "f951fa2be8b2a92175a0bd5b007e2fe131b79c35", class: "app-layout__app-bar-controls" }, t("slot", { key: "95bc12dd1a1695d05d972de033979231752fa0eb", name: "app-bar-controls" }))), t("div", { key: "73f3e5b01666ad0b8744d557d8ac620296de069e", class: "app-layout__banner" }, t("slot", { key: "4b3041a0fd7f6e4e4457b0868832e33cc76852a4", name: "banner" })), t("div", { key: "7143b730f21f69330a2d35081ed9fe8553757879", class: "app-layout__content" }, t("slot", { key: "88922dd8cb925df0e8905954c7740969c09c74d2", name: "content" })), t("div", { key: "d28078f915fd03d80031749d7c46f45a43405b7f", class: "app-layout__bottom-bar" }, t("slot", { key: "5290d8ed20d1528c11c7389c64b8c89e3d9220e3", name: "bottom-bar" }))), t("aside", { key: "4fa7b0476c3ce9f0644de3a3bb91de47e13e2333", class: "app-layout__sidebar" }, t("header", { key: "5cc37ad993a66e0c5b452656877b026daedf2a22", class: "app-layout__custom-sidebar-header" }, t("slot", { key: "85e16e72ca427e58b477b999b33f6eb8309b050d", name: "custom-sidebar-header" })), t("header", { key: "99bd578231f336f0e518556fa431c87570b06db8", class: "app-layout__sidebar-header" }, t("swirl-button", { key: "17b6c0dfc018646775b7f21647a4fc5d71e32991", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), t("swirl-heading", { key: "6c94f955b7792ea20dbaea185697c976532b0880", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), t("div", { key: "d582f3a4988013796c0130e7e9de2ae376bdd88e", class: "app-layout__sidebar-content" }, t("slot", { key: "8a22cc1a9d2fc54d860407685b7f1f00d72fcc40", name: "sidebar" }))), t("span", { key: "41d05516195ef0b8a39d0307bdd63b3686fb18d9", class: "app-layout__floating-action-button" }, this.ctaLabel && t("swirl-button", { key: "020fed78f1d6741cdf85113a370851596f826f80", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), t("slot", { key: "7e4f9fb98d67d7befddec8a62b66659ddd22d232", name: "floating-action-button" })))));
|
|
113
113
|
}
|
|
114
114
|
get el() {
|
|
115
|
-
return
|
|
115
|
+
return c(this);
|
|
116
116
|
}
|
|
117
117
|
static get watchers() {
|
|
118
118
|
return {
|
|
@@ -120,50 +120,50 @@ const I = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
120
120
|
};
|
|
121
121
|
}
|
|
122
122
|
};
|
|
123
|
-
|
|
124
|
-
const
|
|
125
|
-
constructor(
|
|
126
|
-
l(this,
|
|
123
|
+
D.style = S;
|
|
124
|
+
const M = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", V = M, A = class {
|
|
125
|
+
constructor(e) {
|
|
126
|
+
l(this, e), this.heading = void 0, this.illustration = void 0;
|
|
127
127
|
}
|
|
128
128
|
render() {
|
|
129
|
-
const
|
|
130
|
-
"empty-state--has-controls":
|
|
129
|
+
const e = Boolean(this.el.querySelector('[slot="controls"]')), i = Boolean(this.el.querySelector('[slot="illustration"]')), a = n("empty-state", {
|
|
130
|
+
"empty-state--has-controls": e,
|
|
131
131
|
"empty-state--has-slotted-illustration": i
|
|
132
132
|
});
|
|
133
|
-
return
|
|
133
|
+
return t(d, { key: "fe1c90661fd1b8b5c642b36a872cbcd6ea8d821e" }, t("div", { key: "19174f2dcee9e0916d3706f09a0e588fd63361fa", class: a }, this.illustration && !i && t("img", { key: "9b0b0138b85b70e0aa580308354df899a1289c10", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "ddf5bc32b4c8f6934ef43c426d2231253cf1d4e1", class: "empty-state__slotted-illustration" }, t("slot", { key: "b690cb71b84c0a6011c2686ed772439d07b0a47b", name: "illustration" })), t("div", { key: "499f33947a36531adc068885a8f2c0c887a11443", class: "empty-state__body" }, t("swirl-stack", { key: "cb0ef3e31d96361ea5778be2788b0c16c916b7e6", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "ef6f3651651b0585dc6960b9372ec47e4e191fc3", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "6a776a29cac1643070a6b4ac2689e60988ca5857", class: "empty-state__content" }, t("swirl-text", { key: "d5f6d329054f74a2d6a946a5cb0a70a4ce6d014b", align: "center", color: "subdued" }, t("slot", { key: "424f20d460a33d1ca53a5d0e4fb52d405be87680" })))), t("div", { key: "1481c2c12add6ffeed3c2a26ec8a05852b342892", class: "empty-state__controls" }, t("slot", { key: "4c9fa99a8013287dac7c52e197d6b2fb1ef7e79e", name: "controls" })))));
|
|
134
134
|
}
|
|
135
135
|
get el() {
|
|
136
|
-
return
|
|
136
|
+
return c(this);
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
|
-
|
|
140
|
-
const
|
|
141
|
-
constructor(
|
|
142
|
-
l(this,
|
|
139
|
+
A.style = V;
|
|
140
|
+
const H = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", z = H, L = class {
|
|
141
|
+
constructor(e) {
|
|
142
|
+
l(this, e), this.color = void 0, this.size = 24;
|
|
143
143
|
}
|
|
144
144
|
render() {
|
|
145
|
-
const
|
|
145
|
+
const e = this.size === 20 ? 24 : this.size, i = {
|
|
146
146
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
|
|
147
147
|
}, a = n("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
148
|
-
return
|
|
148
|
+
return t("svg", { key: "97f642df51d225b1c725a1a17ce298954219b651", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "dc5f39be5b25b6df813e96d196da58f5c85e8ea9" }, t("path", { key: "5e5a952eea3506e04aef16fc0cdd14e66c0723d7", d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "e4f0a5f00276b3d1cc08244e58086088af8f81e1" }, t("path", { key: "c4f716896f8469ddd37279bde523da658c313ef7", d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "0c9d828b46ca90cd4616ce1fa702a2aac04b8c8c" }, t("path", { key: "cdfc84aec90e2c1f6aaa6590bb779e98b68acc38", d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })));
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
|
-
|
|
152
|
-
const
|
|
153
|
-
constructor(
|
|
154
|
-
l(this,
|
|
151
|
+
L.style = z;
|
|
152
|
+
const T = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", E = T, N = class {
|
|
153
|
+
constructor(e) {
|
|
154
|
+
l(this, e), this.color = void 0, this.size = 24;
|
|
155
155
|
}
|
|
156
156
|
render() {
|
|
157
|
-
const
|
|
157
|
+
const e = this.size === 20 ? 24 : this.size, i = {
|
|
158
158
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
|
|
159
159
|
}, a = n("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
160
|
-
return
|
|
160
|
+
return t("svg", { key: "af9f943efa25f68c0f2854862d5d79e98817d593", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "5f98e3639b6c2210127ee851d69dcaaf868820d3" }, t("path", { key: "ca31a6a30011ec8161e5e4abbfebc7ba18738b85", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "57fd19e3d3bc24b0266b6a20f7997d6e82937e55" }, t("path", { key: "1aabcb3e41dcef7c9c30939a9ae3129548a240a5", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "79dc127413d34b5a597c7857710168bcc76da71b" }, t("path", { key: "a45b4b00abff200b43e2f5e5e8db569cd0f6d4aa", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
|
|
161
161
|
}
|
|
162
162
|
};
|
|
163
|
-
|
|
164
|
-
const
|
|
165
|
-
constructor(
|
|
166
|
-
l(this,
|
|
163
|
+
N.style = E;
|
|
164
|
+
const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", $ = F, q = class {
|
|
165
|
+
constructor(e) {
|
|
166
|
+
l(this, e), this.itemDrop = s(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (i) => {
|
|
167
167
|
const a = i.detail;
|
|
168
168
|
Boolean(this.dragging) ? this.stopDrag(a) : this.startDrag(a);
|
|
169
169
|
}, this.startDrag = (i) => {
|
|
@@ -195,7 +195,7 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
195
195
|
}
|
|
196
196
|
} else
|
|
197
197
|
i.code === "Home" ? (i.preventDefault(), this.focusItemAtIndex(0)) : i.code === "End" && (i.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
|
|
198
|
-
}, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.controllingElement = void 0, this.label = void 0, this.assistiveText = void 0, this.listId =
|
|
198
|
+
}, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.controllingElement = void 0, this.label = void 0, this.assistiveText = void 0, this.listId = g();
|
|
199
199
|
}
|
|
200
200
|
componentDidLoad() {
|
|
201
201
|
this.observeSlotChanges(), this.collectItems(), this.setupControllingElement(), this.setItemAllowDragState(), this.setupDragDrop();
|
|
@@ -204,8 +204,8 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
204
204
|
this.setupDragDrop();
|
|
205
205
|
}
|
|
206
206
|
disconnectedCallback() {
|
|
207
|
-
var
|
|
208
|
-
(
|
|
207
|
+
var e, i, a;
|
|
208
|
+
(e = this.sortable) == null || e.destroy(), (i = this.observer) == null || i.disconnect(), (a = this.controllingElement) == null || a.removeEventListener("keydown", this.onKeyDown);
|
|
209
209
|
}
|
|
210
210
|
observeSlotChanges() {
|
|
211
211
|
this.observer = new MutationObserver(() => {
|
|
@@ -220,26 +220,26 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
220
220
|
this.setItemAllowDragState(), this.setupDragDrop();
|
|
221
221
|
}
|
|
222
222
|
collectItems() {
|
|
223
|
-
var
|
|
224
|
-
this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((i) => i.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]), Boolean(this.controllingElement) && ((
|
|
223
|
+
var e;
|
|
224
|
+
this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((i) => i.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]), Boolean(this.controllingElement) && ((e = this.items[0]) == null || e.setAttribute("aria-selected", "true"));
|
|
225
225
|
}
|
|
226
226
|
setupControllingElement() {
|
|
227
227
|
!Boolean(this.controllingElement) || (this.controllingElement.setAttribute("aria-controls", this.listId), this.controllingElement.setAttribute("role", "combobox"), this.controllingElement.setAttribute("aria-autocomplete", "list"), this.controllingElement.addEventListener("keydown", this.onKeyDown));
|
|
228
228
|
}
|
|
229
|
-
getItemIndex(
|
|
230
|
-
return this.items.map((i) => i).findIndex((i) => i ===
|
|
229
|
+
getItemIndex(e) {
|
|
230
|
+
return this.items.map((i) => i).findIndex((i) => i === e);
|
|
231
231
|
}
|
|
232
232
|
removeItemsFromTabOrder() {
|
|
233
|
-
this.items.forEach((
|
|
234
|
-
const i =
|
|
235
|
-
Boolean(this.controllingElement) &&
|
|
233
|
+
this.items.forEach((e) => {
|
|
234
|
+
const i = e == null ? void 0 : e.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), a = e == null ? void 0 : e.querySelector(".resource-list-item__drag-handle");
|
|
235
|
+
Boolean(this.controllingElement) && e.setAttribute("aria-selected", "false"), i == null || i.setAttribute("tabIndex", "-1"), a == null || a.setAttribute("tabIndex", "-1");
|
|
236
236
|
});
|
|
237
237
|
}
|
|
238
238
|
setItemAllowDragState() {
|
|
239
|
-
this.allowDrag ? this.items.forEach((
|
|
240
|
-
|
|
241
|
-
}) : this.items.forEach((
|
|
242
|
-
|
|
239
|
+
this.allowDrag ? this.items.forEach((e) => {
|
|
240
|
+
e.setAttribute("allow-drag", "true"), e.addEventListener("toggleDrag", this.toggleDrag);
|
|
241
|
+
}) : this.items.forEach((e) => {
|
|
242
|
+
e.removeAttribute("allow-drag"), e.removeEventListener("toggleDrag", this.toggleDrag);
|
|
243
243
|
});
|
|
244
244
|
}
|
|
245
245
|
setupDragDrop() {
|
|
@@ -247,39 +247,39 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
247
247
|
animation: 150,
|
|
248
248
|
draggable: "swirl-resource-list-item",
|
|
249
249
|
handle: ".resource-list-item__drag-handle",
|
|
250
|
-
onEnd: (
|
|
250
|
+
onEnd: (e) => {
|
|
251
251
|
this.itemDrop.emit({
|
|
252
|
-
item:
|
|
253
|
-
oldIndex:
|
|
254
|
-
newIndex:
|
|
252
|
+
item: e.item,
|
|
253
|
+
oldIndex: e.oldDraggableIndex,
|
|
254
|
+
newIndex: e.newDraggableIndex
|
|
255
255
|
});
|
|
256
256
|
}
|
|
257
257
|
}));
|
|
258
258
|
}
|
|
259
|
-
enableItemFocus(
|
|
260
|
-
if (!Boolean(
|
|
259
|
+
enableItemFocus(e, i) {
|
|
260
|
+
if (!Boolean(e) || Boolean(this.controllingElement))
|
|
261
261
|
return;
|
|
262
|
-
const a =
|
|
262
|
+
const a = e.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), o = e.querySelector(".resource-list-item__drag-handle");
|
|
263
263
|
Boolean(o) && o.setAttribute("tabIndex", "0"), Boolean(a) && (a.setAttribute("tabIndex", "0"), i && !Boolean(this.controllingElement) && a.focus());
|
|
264
264
|
}
|
|
265
|
-
focusItemAtIndex(
|
|
265
|
+
focusItemAtIndex(e) {
|
|
266
266
|
this.removeItemsFromTabOrder();
|
|
267
|
-
const i = this.items[
|
|
268
|
-
!Boolean(i) || !i.isConnected || (this.enableItemFocus(i, !Boolean(this.controllingElement)), Boolean(this.controllingElement) && (i.setAttribute("aria-selected", "true"), i.scrollIntoView({ block: "nearest" })), this.focusedIndex =
|
|
267
|
+
const i = this.items[e];
|
|
268
|
+
!Boolean(i) || !i.isConnected || (this.enableItemFocus(i, !Boolean(this.controllingElement)), Boolean(this.controllingElement) && (i.setAttribute("aria-selected", "true"), i.scrollIntoView({ block: "nearest" })), this.focusedIndex = e);
|
|
269
269
|
}
|
|
270
270
|
moveDraggedItemDown() {
|
|
271
|
-
const
|
|
272
|
-
!Boolean(
|
|
271
|
+
const e = this.dragging.nextElementSibling;
|
|
272
|
+
!Boolean(e) || (e.after(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
|
|
273
273
|
}
|
|
274
274
|
moveDraggedItemUp() {
|
|
275
|
-
const
|
|
276
|
-
!Boolean(
|
|
275
|
+
const e = this.dragging.previousElementSibling;
|
|
276
|
+
!Boolean(e) || (e.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
|
|
277
277
|
}
|
|
278
278
|
render() {
|
|
279
|
-
return
|
|
279
|
+
return t(d, { key: "fc3163c000bd9f410ef52cbbb8ab06566ea5c05b", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "b77a19c3a5a43a82462c200af4a9fba573e0ffe7", role: "alert" }, this.assistiveText), t("swirl-box", { key: "7021a26de34bab70cb08c98055cc3edf97e231b2", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "dc2f5801f5a3f19a83bf1c9bb4bc908f62e193d4", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid" }, t("slot", { key: "47552efe0ae252d5aabc5d3e2247807a1feda6ac" }))));
|
|
280
280
|
}
|
|
281
281
|
get el() {
|
|
282
|
-
return
|
|
282
|
+
return c(this);
|
|
283
283
|
}
|
|
284
284
|
static get watchers() {
|
|
285
285
|
return {
|
|
@@ -287,13 +287,13 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
287
287
|
};
|
|
288
288
|
}
|
|
289
289
|
};
|
|
290
|
-
|
|
291
|
-
const
|
|
290
|
+
q.style = $;
|
|
291
|
+
const Z = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
|
|
292
292
|
--swirl-resource-list-item-background-hovered
|
|
293
293
|
);background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
|
|
294
|
-
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`,
|
|
295
|
-
constructor(
|
|
296
|
-
l(this,
|
|
294
|
+
0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, O = Z, P = class {
|
|
295
|
+
constructor(e) {
|
|
296
|
+
l(this, e), this.toggleDrag = s(this, "toggleDrag", 7), this.valueChange = s(this, "valueChange", 7), this.desktopMediaQuery = C(), this.elementId = g(), this.desktopMediaQueryHandler = (i) => {
|
|
297
297
|
this.forceIconProps(i.matches), this.updateIconSize(i.matches);
|
|
298
298
|
}, this.onClick = () => {
|
|
299
299
|
!this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
|
|
@@ -309,71 +309,71 @@ const E = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
309
309
|
i.stopPropagation();
|
|
310
310
|
}, this.active = void 0, this.allowDrag = void 0, this.allowHtml = !0, this.checked = !1, this.compact = void 0, this.description = void 0, this.descriptionWrap = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.hideDivider = void 0, this.href = void 0, this.interactive = !0, this.label = void 0, this.labelWeight = "medium", this.labelWrap = void 0, this.menuTriggerId = void 0, this.menuTriggerLabel = "Options", this.meta = void 0, this.selectable = void 0, this.value = void 0, this.hasMedia = !1, this.iconSize = 24;
|
|
311
311
|
}
|
|
312
|
-
|
|
312
|
+
componentWillLoad() {
|
|
313
313
|
this.updateMediaState();
|
|
314
314
|
}
|
|
315
315
|
componentDidLoad() {
|
|
316
316
|
this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.makeControlUnfocusable(), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
|
|
317
317
|
}
|
|
318
318
|
disconnectedCallback() {
|
|
319
|
-
var
|
|
320
|
-
(i = (
|
|
319
|
+
var e, i;
|
|
320
|
+
(i = (e = this.desktopMediaQuery).removeEventListener) == null || i.call(e, "change", this.desktopMediaQueryHandler);
|
|
321
321
|
}
|
|
322
|
-
forceIconProps(
|
|
322
|
+
forceIconProps(e) {
|
|
323
323
|
var a;
|
|
324
324
|
const i = (a = this.iconEl) == null ? void 0 : a.children[0];
|
|
325
|
-
i == null || i.setAttribute("size",
|
|
325
|
+
i == null || i.setAttribute("size", e ? "20" : "24");
|
|
326
326
|
}
|
|
327
|
-
updateIconSize(
|
|
328
|
-
this.iconSize =
|
|
327
|
+
updateIconSize(e) {
|
|
328
|
+
this.iconSize = e ? 20 : 24;
|
|
329
329
|
}
|
|
330
330
|
updateMediaState() {
|
|
331
|
-
const
|
|
331
|
+
const e = this.el.querySelector('[slot="media"]'), i = Boolean(e);
|
|
332
332
|
i !== this.hasMedia && (this.hasMedia = i);
|
|
333
333
|
}
|
|
334
334
|
getControl() {
|
|
335
335
|
return this.el.querySelector('[slot="control"] button');
|
|
336
336
|
}
|
|
337
337
|
makeControlFocusable() {
|
|
338
|
-
const
|
|
339
|
-
!Boolean(
|
|
338
|
+
const e = this.getControl();
|
|
339
|
+
!Boolean(e) || (e.tabIndex = 0);
|
|
340
340
|
}
|
|
341
341
|
makeControlUnfocusable() {
|
|
342
|
-
const
|
|
343
|
-
!Boolean(
|
|
342
|
+
const e = this.getControl();
|
|
343
|
+
!Boolean(e) || (e.tabIndex = -1);
|
|
344
344
|
}
|
|
345
345
|
render() {
|
|
346
|
-
var
|
|
347
|
-
const
|
|
348
|
-
paddingRight: `calc(${(
|
|
349
|
-
} : void 0,
|
|
346
|
+
var h;
|
|
347
|
+
const e = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), p = Boolean(this.menuTriggerId) || o, u = this.interactive && Boolean(this.href) ? this.href : void 0, b = o && (Boolean(this.meta) || a), f = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, m = (Boolean(this.meta) || a) && !this.selectable, w = this.selectable ? String(this.checked) : void 0, v = this.interactive && this.selectable ? "checkbox" : void 0, _ = !m && Boolean(this.controlContainer) ? {
|
|
348
|
+
paddingRight: `calc(${(h = this.controlContainer) == null ? void 0 : h.getBoundingClientRect().width}px + var(--s-space-16))`
|
|
349
|
+
} : void 0, k = n("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
|
|
350
350
|
"resource-list-item--active": this.active,
|
|
351
351
|
"resource-list-item--checked": this.checked,
|
|
352
352
|
"resource-list-item--compact": this.compact,
|
|
353
353
|
"resource-list-item--disabled": this.disabled,
|
|
354
354
|
"resource-list-item--draggable": this.allowDrag,
|
|
355
355
|
"resource-list-item--dragging": this.dragging,
|
|
356
|
-
"resource-list-item--has-menu":
|
|
356
|
+
"resource-list-item--has-menu": p,
|
|
357
357
|
"resource-list-item--hide-divider": this.hideDivider,
|
|
358
358
|
"resource-list-item--interactive": this.interactive || this.selectable,
|
|
359
359
|
"resource-list-item--selectable": this.selectable,
|
|
360
|
-
"resource-list-item--show-control-on-focus":
|
|
361
|
-
"resource-list-item--show-meta":
|
|
360
|
+
"resource-list-item--show-control-on-focus": b,
|
|
361
|
+
"resource-list-item--show-meta": m,
|
|
362
362
|
"resource-list-item--wrap-description": this.descriptionWrap,
|
|
363
363
|
"resource-list-item--wrap-label": this.labelWrap
|
|
364
364
|
});
|
|
365
|
-
return
|
|
365
|
+
return t(d, { key: "65de45c6f1b2e814c181d14c7718ce9facdba2b4", role: "row" }, t("div", { key: "27b7975b8c9d3f829f9b876a258e01a728010de7", class: k, role: "gridcell" }, t(e, { key: "4d0dd035d55fd777b89592ccc4313e6a39b2811b", "aria-checked": w, "aria-disabled": i ? "true" : void 0, "aria-labelledby": this.elementId, class: "resource-list-item__content", href: u, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: v, tabIndex: 0, type: e === "button" ? "button" : void 0 }, this.hasMedia && t("span", { key: "623184a8bf39d95d55daf1c0c73f5b84e9d507c9", class: "resource-list-item__media" }, t("slot", { key: "cfc8ed03ae602566822d2c93b7ea2029b3ffb440", name: "media" })), t("span", { key: "d5d0d1e29135742ce8a6b48570b3d3ea628083fb", class: "resource-list-item__label-container", style: _ }, t("span", { key: "59280c630d28f56312b317389d8421ac83a3e97a", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && t("span", { key: "7cd4a798340b46c1c5e428b3f6b61346a8a59700", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), m && t("span", { key: "545a8080d2266ae7ccf37aafdc01dd227a364bc9", class: "resource-list-item__meta" }, t("span", { key: "eb0059c448afbfe23f4da04eccf9667b70a4123d", class: "resource-list-item__meta-text" }, this.meta), t("span", { key: "52c77f4fa84d8b464cac63298d1cbd205d8389d0", class: "resource-list-item__badges" }, t("slot", { key: "943ca2932df39769826c385824416cfc6221cbea", name: "badges" })))), this.selectable && t("span", { key: "d6ba61f5818ad98e378b04adde3e0ec823ae75dd", "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { key: "631d841cefde94f598a5ea0d088282ae805e216a", class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", { key: "9889d6b6ba4c4439c33001700a62586ce9f0b083" }))), t("span", { key: "36e0b65120eb325e0a6691fb2120a8237d5ce868", class: "resource-list-item__control", onClick: this.onControlClick, ref: (x) => this.controlContainer = x }, t("slot", { key: "82a1b86901c6eac56b6e57c37b7972541480e426", name: "control" })), f && t("swirl-popover-trigger", { key: "68063b35294b8ffa12ea673c434d38113121d35f", swirlPopover: this.menuTriggerId }, t("swirl-button", { key: "cb00660ea3fb9fdebc4f28c2623e4c9f2afc4877", "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && t("button", { key: "9cca689ba73576abfebcb163b2b6af0306b98d2d", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { key: "6dd9f13b0fb45dff00b689564f2360eb573923d7", size: this.iconSize })));
|
|
366
366
|
}
|
|
367
367
|
get el() {
|
|
368
|
-
return
|
|
368
|
+
return c(this);
|
|
369
369
|
}
|
|
370
370
|
};
|
|
371
|
-
|
|
371
|
+
P.style = O;
|
|
372
372
|
export {
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
373
|
+
D as swirl_app_layout,
|
|
374
|
+
A as swirl_empty_state,
|
|
375
|
+
L as swirl_icon_file,
|
|
376
|
+
N as swirl_icon_folder_shared,
|
|
377
|
+
q as swirl_resource_list,
|
|
378
|
+
P as swirl_resource_list_item
|
|
379
379
|
};
|