@getflip/swirl-components-react 0.190.0 → 0.192.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/file-manager.entry.c3376c83.js +57 -0
- package/dist/index-d280dafb.186cdb0e.js +71 -0
- package/dist/index.646f8b70.js +3012 -0
- package/dist/{maska-c5119b9a.aa658697.js → maska-4866b970.5336f9cb.js} +746 -761
- package/dist/stencil-generated/react-component-lib/utils/attachProps.d.ts +0 -4
- package/dist/{swirl-accordion-item.entry.a5d91839.js → swirl-accordion-item.entry.7642df94.js} +9 -9
- package/dist/{swirl-accordion.entry.b39f742e.js → swirl-accordion.entry.70f7cf07.js} +7 -7
- package/dist/{swirl-action-list-section.entry.7c76c543.js → swirl-action-list-section.entry.15d43f15.js} +6 -6
- package/dist/swirl-action-list_3.entry.795c3c74.js +103 -0
- package/dist/swirl-app-bar.entry.339680f7.js +45 -0
- package/dist/swirl-app-icon.entry.87066e60.js +23 -0
- package/dist/{swirl-app-layout_6.entry.6fd84618.js → swirl-app-layout_6.entry.b0d9ea2f.js} +109 -109
- package/dist/swirl-autocomplete.entry.72c983da.js +115 -0
- package/dist/{swirl-avatar-group.entry.b0b1dd62.js → swirl-avatar-group.entry.4047e3bd.js} +7 -7
- package/dist/{swirl-avatar.entry.d594715d.js → swirl-avatar.entry.ffcd08e3.js} +9 -9
- package/dist/{swirl-badge.entry.b522f992.js → swirl-badge.entry.fa985e6c.js} +6 -6
- package/dist/{swirl-banner.entry.21eae081.js → swirl-banner.entry.f3c1eb8d.js} +13 -13
- package/dist/{swirl-box.entry.316b757d.js → swirl-box.entry.be54a348.js} +6 -6
- package/dist/{swirl-button-group.entry.e4cbd09f.js → swirl-button-group.entry.a161ed66.js} +6 -6
- package/dist/{swirl-button.entry.912843e7.js → swirl-button.entry.6b2c06ea.js} +7 -7
- package/dist/{swirl-card.entry.34ed81bd.js → swirl-card.entry.e9d2c0c4.js} +16 -15
- package/dist/swirl-carousel-slide.entry.7735b59c.js +19 -0
- package/dist/{swirl-carousel.entry.c8de1388.js → swirl-carousel.entry.4db746cb.js} +21 -21
- package/dist/{swirl-checkbox.entry.377852cb.js → swirl-checkbox.entry.beb0aaa1.js} +8 -8
- package/dist/{swirl-chip.entry.73e76fa6.js → swirl-chip.entry.5b3c2620.js} +10 -10
- package/dist/{swirl-color-input.entry.e95bacba.js → swirl-color-input.entry.fa28f37e.js} +32 -32
- package/dist/swirl-columns.entry.fe715d08.js +18 -0
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +52 -52
- package/dist/swirl-console-layout.entry.bb8b69cc.js +68 -0
- package/dist/{swirl-date-input.entry.c8d08cd2.js → swirl-date-input.entry.a0ad3bc3.js} +21 -22
- package/dist/{swirl-date-picker_2.entry.15ce6e94.js → swirl-date-picker_2.entry.af763a2b.js} +11 -11
- package/dist/{swirl-description-list-item.entry.87085342.js → swirl-description-list-item.entry.5096ae84.js} +8 -8
- package/dist/swirl-description-list.entry.432b0113.js +15 -0
- package/dist/{swirl-dialog.entry.e673821f.js → swirl-dialog.entry.dc89c879.js} +15 -15
- package/dist/swirl-emoji-clap.entry.f6bece82.js +17 -0
- package/dist/swirl-emoji-happy.entry.bcefc4d0.js +17 -0
- package/dist/swirl-emoji-idea.entry.491b16b3.js +17 -0
- package/dist/swirl-emoji-love.entry.21d704ae.js +17 -0
- package/dist/swirl-emoji-sad.entry.58e0898b.js +17 -0
- package/dist/swirl-emoji-thumbs-up.entry.38924975.js +17 -0
- package/dist/swirl-emoji.entry.01ae584b.js +16 -0
- package/dist/{swirl-file-uploader.entry.258316c4.js → swirl-file-uploader.entry.7c8be92b.js} +7 -7
- package/dist/{swirl-file-viewer_7.entry.f406b7b5.js → swirl-file-viewer_7.entry.32c7e7b0.js} +908 -914
- package/dist/{swirl-form-control.entry.f849ba67.js → swirl-form-control.entry.f0fb500f.js} +14 -14
- package/dist/swirl-form-group.entry.d6d7dfa9.js +17 -0
- package/dist/{swirl-heading.entry.5ace0a8e.js → swirl-heading.entry.da748b09.js} +5 -5
- package/dist/swirl-icon-add-moderator.entry.a0058762.js +19 -0
- package/dist/swirl-icon-add-photo.entry.790a4fc2.js +19 -0
- package/dist/swirl-icon-add-reaction.entry.29a90d8b.js +19 -0
- package/dist/swirl-icon-add_6.entry.cf28e3a7.js +84 -0
- package/dist/swirl-icon-admin-panel-settings.entry.c85bd53c.js +19 -0
- package/dist/swirl-icon-ai.entry.e2e7af74.js +19 -0
- package/dist/swirl-icon-apps.entry.3b0fed26.js +19 -0
- package/dist/swirl-icon-arrow-back_4.entry.f844e9c5.js +58 -0
- package/dist/swirl-icon-arrow-downward_2.entry.08c74cdd.js +32 -0
- package/dist/swirl-icon-arrow-left_4.entry.06aa2b6f.js +59 -0
- package/dist/swirl-icon-arrow-right-small.entry.f02d0883.js +19 -0
- package/dist/swirl-icon-attachment.entry.0b60ec4e.js +19 -0
- package/dist/swirl-icon-bar-chart.entry.532e2075.js +19 -0
- package/dist/swirl-icon-block.entry.23f1897f.js +19 -0
- package/dist/swirl-icon-bookmark-filled.entry.fa7750c7.js +19 -0
- package/dist/swirl-icon-bookmark.entry.8d3ad349.js +19 -0
- package/dist/swirl-icon-cancel_4.entry.39c1ea4a.js +58 -0
- package/dist/swirl-icon-chat-bubble.entry.977ed569.js +19 -0
- package/dist/swirl-icon-chats-filled.entry.065665c5.js +19 -0
- package/dist/swirl-icon-chats.entry.80b54ccc.js +19 -0
- package/dist/swirl-icon-check-circle_2.entry.743b00a8.js +32 -0
- package/dist/swirl-icon-check-small_3.entry.ba35ff90.js +77 -0
- package/dist/swirl-icon-check-strong.entry.832b9c73.js +19 -0
- package/dist/swirl-icon-check.entry.bf52ab76.js +19 -0
- package/dist/swirl-icon-chevron-left.entry.c39e9c40.js +19 -0
- package/dist/swirl-icon-chevron-right.entry.ca83d518.js +19 -0
- package/dist/swirl-icon-close-small.entry.92cd725d.js +19 -0
- package/dist/swirl-icon-close.entry.e759605f.js +19 -0
- package/dist/swirl-icon-cloud-upload.entry.b03cd35b.js +19 -0
- package/dist/swirl-icon-column.entry.e3b20be1.js +19 -0
- package/dist/swirl-icon-comment.entry.3075d7a1.js +19 -0
- package/dist/swirl-icon-copy.entry.741026ab.js +19 -0
- package/dist/swirl-icon-dark-mode.entry.b93e3c6d.js +19 -0
- package/dist/swirl-icon-date-range.entry.28ff2f65.js +19 -0
- package/dist/swirl-icon-delete.entry.19ae465f.js +19 -0
- package/dist/swirl-icon-description.entry.2734abd8.js +19 -0
- package/dist/swirl-icon-desktop.entry.976d1e81.js +19 -0
- package/dist/swirl-icon-directory-filled.entry.edcecde2.js +19 -0
- package/dist/swirl-icon-directory.entry.ec1bfcee.js +19 -0
- package/dist/swirl-icon-discover.entry.e25a64cf.js +19 -0
- package/dist/swirl-icon-dot.entry.d0d178b8.js +19 -0
- package/dist/swirl-icon-double-arrow-right.entry.d95f3541.js +19 -0
- package/dist/swirl-icon-download.entry.f7d91cb5.js +19 -0
- package/dist/swirl-icon-edit.entry.a44ec82c.js +19 -0
- package/dist/swirl-icon-emoji-mood.entry.affdbca4.js +19 -0
- package/dist/swirl-icon-emoji-satisfied.entry.b7e2953e.js +19 -0
- package/dist/swirl-icon-error_3.entry.7999d68b.js +58 -0
- package/dist/swirl-icon-expand-more.entry.1c6de5a9.js +19 -0
- package/dist/swirl-icon-filter.entry.a97699fb.js +19 -0
- package/dist/swirl-icon-folder.entry.b713e345.js +19 -0
- package/dist/swirl-icon-format-h-one.entry.a1f9c491.js +19 -0
- package/dist/swirl-icon-gif.entry.9dd2aedd.js +19 -0
- package/dist/swirl-icon-group-add.entry.0cc07eb3.js +19 -0
- package/dist/swirl-icon-group-assign.entry.2feee62e.js +19 -0
- package/dist/swirl-icon-groups-filled.entry.21ba1731.js +19 -0
- package/dist/swirl-icon-groups.entry.c2e956fe.js +19 -0
- package/dist/swirl-icon-hamburger-menu.entry.a621d732.js +19 -0
- package/dist/swirl-icon-help.entry.9b555a53.js +19 -0
- package/dist/swirl-icon-highlight.entry.08eb0954.js +19 -0
- package/dist/swirl-icon-home.entry.d7a51b6b.js +19 -0
- package/dist/swirl-icon-image.entry.92315cd0.js +19 -0
- package/dist/swirl-icon-improve-text.entry.bcdeeb96.js +19 -0
- package/dist/swirl-icon-info.entry.850b5c97.js +19 -0
- package/dist/swirl-icon-insert-below.entry.7c3c1bf8.js +19 -0
- package/dist/swirl-icon-insert-on-top.entry.e5bbcbaf.js +19 -0
- package/dist/swirl-icon-inventory.entry.5778865d.js +19 -0
- package/dist/swirl-icon-keyboard-hide.entry.daa12636.js +19 -0
- package/dist/swirl-icon-light-mode.entry.88a2a385.js +19 -0
- package/dist/swirl-icon-like.entry.ffadb9bf.js +19 -0
- package/dist/swirl-icon-link.entry.c9115086.js +19 -0
- package/dist/swirl-icon-load.entry.ac9848ec.js +19 -0
- package/dist/swirl-icon-lock-open.entry.3a137a7d.js +19 -0
- package/dist/swirl-icon-lock-person.entry.27d73600.js +19 -0
- package/dist/swirl-icon-lock.entry.122df0b7.js +19 -0
- package/dist/swirl-icon-login.entry.c27feba8.js +19 -0
- package/dist/swirl-icon-logout.entry.f7dc9f49.js +19 -0
- package/dist/swirl-icon-long-text.entry.0557b367.js +19 -0
- package/dist/swirl-icon-mail.entry.c8f7039c.js +19 -0
- package/dist/swirl-icon-manage-accounts.entry.d3a43717.js +19 -0
- package/dist/swirl-icon-mark-chat-read.entry.ee24f226.js +19 -0
- package/dist/swirl-icon-mark-chat-unread.entry.f3c39ac2.js +19 -0
- package/dist/swirl-icon-mention.entry.833b7086.js +19 -0
- package/dist/swirl-icon-menu-filled.entry.1e95ae86.js +19 -0
- package/dist/swirl-icon-menu.entry.e7f3ff29.js +19 -0
- package/dist/swirl-icon-message.entry.6c6ff00a.js +19 -0
- package/dist/swirl-icon-mic.entry.4da8e81b.js +19 -0
- package/dist/swirl-icon-more-horizontal.entry.08555692.js +19 -0
- package/dist/swirl-icon-news-filled.entry.1640c88c.js +19 -0
- package/dist/swirl-icon-news-off.entry.ab5bbf8f.js +19 -0
- package/dist/swirl-icon-news.entry.ee51d687.js +19 -0
- package/dist/swirl-icon-notifications-active.entry.00cf9c85.js +19 -0
- package/dist/swirl-icon-notifications-off.entry.6142b879.js +19 -0
- package/dist/swirl-icon-notifications.entry.f0208f9d.js +19 -0
- package/dist/swirl-icon-open-in-full.entry.2843d04a.js +19 -0
- package/dist/swirl-icon-open-in-new.entry.c78ffc73.js +19 -0
- package/dist/swirl-icon-pause-circle.entry.0c89b9f2.js +19 -0
- package/dist/swirl-icon-pause.entry.fbab8abf.js +19 -0
- package/dist/swirl-icon-people-alt.entry.00d0bc99.js +19 -0
- package/dist/swirl-icon-person-off.entry.58682648.js +19 -0
- package/dist/swirl-icon-person.entry.3b0330e2.js +19 -0
- package/dist/swirl-icon-phone.entry.4cb36085.js +19 -0
- package/dist/swirl-icon-photo-camera.entry.7df9b1ae.js +19 -0
- package/dist/swirl-icon-place.entry.77e36869.js +19 -0
- package/dist/swirl-icon-play-arrow.entry.76ae5929.js +19 -0
- package/dist/swirl-icon-poll.entry.1a4a607f.js +19 -0
- package/dist/swirl-icon-print.entry.2b04d34f.js +19 -0
- package/dist/swirl-icon-recieved.entry.700fbfdd.js +19 -0
- package/dist/swirl-icon-remove-moderator.entry.46305271.js +19 -0
- package/dist/swirl-icon-reply.entry.b680e291.js +19 -0
- package/dist/swirl-icon-report.entry.05c5e462.js +19 -0
- package/dist/swirl-icon-roadmap.entry.4413d07a.js +19 -0
- package/dist/swirl-icon-search-strong.entry.5aebc26c.js +19 -0
- package/dist/swirl-icon-search.entry.c04cb08c.js +19 -0
- package/dist/swirl-icon-secure.entry.9c94f4bd.js +19 -0
- package/dist/swirl-icon-send.entry.74104fe8.js +19 -0
- package/dist/swirl-icon-settings.entry.50c625f9.js +19 -0
- package/dist/swirl-icon-short-text.entry.e8ac3807.js +19 -0
- package/dist/swirl-icon-simplify.entry.af2be4d9.js +19 -0
- package/dist/swirl-icon-spellcheck.entry.cd95f61f.js +19 -0
- package/dist/swirl-icon-stop.entry.334c7eb3.js +19 -0
- package/dist/swirl-icon-sync.entry.bfeaeebc.js +19 -0
- package/dist/swirl-icon-tasks-filled.entry.a6d8a473.js +19 -0
- package/dist/swirl-icon-tasks.entry.c1f94e60.js +19 -0
- package/dist/swirl-icon-terminal.entry.b0b627cd.js +19 -0
- package/dist/swirl-icon-time-filled.entry.54af15f6.js +19 -0
- package/dist/swirl-icon-time.entry.3d0feb2d.js +19 -0
- package/dist/swirl-icon-today-filled.entry.ba634fd9.js +19 -0
- package/dist/swirl-icon-translate.entry.25cbae77.js +19 -0
- package/dist/swirl-icon-tree-structure.entry.dd65a1d4.js +19 -0
- package/dist/swirl-icon-undo.entry.55e173fe.js +19 -0
- package/dist/swirl-icon-unlock-person.entry.8e497d6a.js +19 -0
- package/dist/swirl-icon-user-add.entry.bf8bf45c.js +19 -0
- package/dist/swirl-icon-user-assign.entry.e606b5ab.js +19 -0
- package/dist/swirl-icon-video-camera.entry.e777a873.js +19 -0
- package/dist/swirl-icon-video-library.entry.5bb5a5ff.js +19 -0
- package/dist/swirl-icon-voice.entry.78de5814.js +19 -0
- package/dist/swirl-icon-work.entry.3b1d4bd0.js +19 -0
- package/dist/swirl-icon.entry.703f8f60.js +16 -0
- package/dist/{swirl-image-grid-item.entry.cbb59e85.js → swirl-image-grid-item.entry.60e4907f.js} +16 -16
- package/dist/{swirl-image-grid.entry.0b1f368f.js → swirl-image-grid.entry.2a0fcc71.js} +6 -6
- package/dist/swirl-inline-notification.entry.7a948d82.js +17 -0
- package/dist/{swirl-inline-status.entry.defadaeb.js → swirl-inline-status.entry.c73b3b9c.js} +10 -10
- package/dist/swirl-lightbox.entry.b244af2f.js +136 -0
- package/dist/{swirl-link.entry.e9747d7e.js → swirl-link.entry.31f69ea0.js} +4 -4
- package/dist/{swirl-list.entry.34c88bce.js → swirl-list.entry.8c0b71f8.js} +8 -8
- package/dist/{swirl-menu-item.entry.cd5f4f83.js → swirl-menu-item.entry.ffa91056.js} +27 -27
- package/dist/{swirl-menu.entry.14f87bbe.js → swirl-menu.entry.67d9e63e.js} +17 -17
- package/dist/{swirl-modal.entry.357b4e60.js → swirl-modal.entry.976f9b37.js} +29 -29
- package/dist/{swirl-option-list-section.entry.4a33119f.js → swirl-option-list-section.entry.02e41c5f.js} +6 -6
- package/dist/{swirl-option-list_2.entry.30d39c81.js → swirl-option-list_2.entry.e1280630.js} +15 -15
- package/dist/swirl-pagination.entry.f3c3d8f6.js +38 -0
- package/dist/swirl-pdf-reader.entry.59123a53.js +109 -0
- package/dist/{swirl-popover_2.entry.67f092ba.js → swirl-popover_2.entry.38eb6026.js} +21 -21
- package/dist/{swirl-progress-indicator.entry.f3e53bfb.js → swirl-progress-indicator.entry.91271890.js} +7 -7
- package/dist/{swirl-radio-group.entry.39d29324.js → swirl-radio-group.entry.c5b7b952.js} +9 -9
- package/dist/{swirl-radio.entry.bc87fc9c.js → swirl-radio.entry.084cfb8a.js} +8 -8
- package/dist/{swirl-resource-list-file-item.entry.e02fad69.js → swirl-resource-list-file-item.entry.eab82697.js} +8 -8
- package/dist/{swirl-search.entry.ef5ec813.js → swirl-search.entry.b6a27913.js} +26 -26
- package/dist/{swirl-select.entry.962867a8.js → swirl-select.entry.d8e4d680.js} +10 -10
- package/dist/{swirl-shell-layout.entry.208151c0.js → swirl-shell-layout.entry.965e04b1.js} +17 -17
- package/dist/{swirl-shell-navigation-item.entry.51674cb2.js → swirl-shell-navigation-item.entry.6b208b04.js} +8 -8
- package/dist/{swirl-skeleton-box.entry.13953112.js → swirl-skeleton-box.entry.4fc97e29.js} +7 -7
- package/dist/{swirl-skeleton-text.entry.26a11634.js → swirl-skeleton-text.entry.452ff5e1.js} +6 -6
- package/dist/{swirl-stack.entry.7943e6ba.js → swirl-stack.entry.b8ce1711.js} +8 -8
- package/dist/{swirl-status-indicator.entry.d249d902.js → swirl-status-indicator.entry.69e70f32.js} +6 -6
- package/dist/{swirl-switch.entry.7f5d250a.js → swirl-switch.entry.c3bf4141.js} +8 -8
- package/dist/swirl-symbol-account-circle.entry.a9e7fc07.js +17 -0
- package/dist/swirl-symbol-alternate-email.entry.8b17822d.js +17 -0
- package/dist/swirl-symbol-android.entry.b59f3bcd.js +17 -0
- package/dist/swirl-symbol-announcement.entry.018dda0f.js +17 -0
- package/dist/swirl-symbol-backup.entry.04dd4bf7.js +17 -0
- package/dist/swirl-symbol-beach-access.entry.362890e3.js +17 -0
- package/dist/swirl-symbol-bookmark.entry.7f2679f1.js +17 -0
- package/dist/swirl-symbol-cloud.entry.32236253.js +17 -0
- package/dist/swirl-symbol-coronavirus.entry.d40cfd0b.js +17 -0
- package/dist/swirl-symbol-desktop-windows.entry.93da171d.js +17 -0
- package/dist/swirl-symbol-directions-car-filled.entry.f30cc503.js +17 -0
- package/dist/swirl-symbol-edit-calendar.entry.56905bf4.js +17 -0
- package/dist/swirl-symbol-email.entry.98433f61.js +17 -0
- package/dist/swirl-symbol-emoji-food-beverage.entry.107178a2.js +17 -0
- package/dist/swirl-symbol-event-menu.entry.1a3c23c9.js +17 -0
- package/dist/swirl-symbol-facebook.entry.1a0e3870.js +17 -0
- package/dist/swirl-symbol-favorite.entry.b1b20e8d.js +17 -0
- package/dist/swirl-symbol-fitness-center.entry.36d55190.js +17 -0
- package/dist/swirl-symbol-flag.entry.760854dc.js +17 -0
- package/dist/swirl-symbol-folder.entry.2779ed4b.js +17 -0
- package/dist/swirl-symbol-globe.entry.7fc449d1.js +17 -0
- package/dist/swirl-symbol-groups.entry.255502a0.js +17 -0
- package/dist/swirl-symbol-help.entry.899143a2.js +17 -0
- package/dist/swirl-symbol-image.entry.29a63901.js +17 -0
- package/dist/swirl-symbol-info-menu.entry.e36f4311.js +17 -0
- package/dist/swirl-symbol-instagram.entry.3afb3786.js +17 -0
- package/dist/swirl-symbol-ios.entry.ceefba8b.js +17 -0
- package/dist/swirl-symbol-language.entry.7fbac543.js +17 -0
- package/dist/swirl-symbol-leaderboard.entry.19525395.js +17 -0
- package/dist/swirl-symbol-lightbulb.entry.344a3157.js +17 -0
- package/dist/swirl-symbol-linkedin.entry.85758da1.js +17 -0
- package/dist/swirl-symbol-location-on.entry.c5d867b5.js +17 -0
- package/dist/swirl-symbol-loyalty.entry.3b9cb2f0.js +17 -0
- package/dist/swirl-symbol-maps-home-work.entry.7c2f1961.js +17 -0
- package/dist/swirl-symbol-notifications.entry.f4a5a133.js +17 -0
- package/dist/swirl-symbol-open-in-new.entry.f4746ce6.js +17 -0
- package/dist/swirl-symbol-pedal-bike.entry.44120e6d.js +17 -0
- package/dist/swirl-symbol-pinterest.entry.91eef437.js +17 -0
- package/dist/swirl-symbol-policy.entry.898c850c.js +17 -0
- package/dist/swirl-symbol-push-pin.entry.fbcd7fcc.js +17 -0
- package/dist/swirl-symbol-redeem.entry.ac524007.js +17 -0
- package/dist/swirl-symbol-report-problem.entry.22962aea.js +17 -0
- package/dist/swirl-symbol-restaurant.entry.ce88050d.js +17 -0
- package/dist/swirl-symbol-roadmap.entry.7f7e5dcc.js +17 -0
- package/dist/swirl-symbol-room.entry.e6928aa9.js +17 -0
- package/dist/swirl-symbol-savings.entry.ec3c287c.js +17 -0
- package/dist/swirl-symbol-settings-voice.entry.4e4352b9.js +17 -0
- package/dist/swirl-symbol-shopping-cart.entry.eed07a87.js +17 -0
- package/dist/swirl-symbol-smartphone.entry.ee43330c.js +17 -0
- package/dist/swirl-symbol-star.entry.03570eec.js +17 -0
- package/dist/swirl-symbol-supervisor-account.entry.037ff569.js +17 -0
- package/dist/swirl-symbol-thumbs-up-down.entry.c987102c.js +17 -0
- package/dist/swirl-symbol-twitter.entry.6a88482f.js +17 -0
- package/dist/swirl-symbol-wb-sunny.entry.a2c3c0a5.js +17 -0
- package/dist/swirl-symbol-wechat.entry.a8762724.js +17 -0
- package/dist/swirl-symbol-weibo.entry.1f24e00d.js +17 -0
- package/dist/swirl-symbol-work.entry.0ea60a2f.js +17 -0
- package/dist/swirl-symbol-xing.entry.275e84b1.js +17 -0
- package/dist/swirl-symbol-youtube.entry.1d5392a3.js +17 -0
- package/dist/swirl-symbol.entry.def02362.js +16 -0
- package/dist/{swirl-tab-bar.entry.a5d34386.js → swirl-tab-bar.entry.6c52422b.js} +6 -6
- package/dist/swirl-tab.entry.d86fa98b.js +17 -0
- package/dist/{swirl-table-cell.entry.d6f16fe6.js → swirl-table-cell.entry.99918d29.js} +7 -7
- package/dist/{swirl-table-column.entry.21cf91ec.js → swirl-table-column.entry.f26386a4.js} +11 -11
- package/dist/{swirl-table-row-group.entry.8eded761.js → swirl-table-row-group.entry.000fd86e.js} +7 -7
- package/dist/swirl-table-row.entry.a26d302b.js +27 -0
- package/dist/{swirl-table.entry.4b8d3844.js → swirl-table.entry.e5de618f.js} +19 -19
- package/dist/{swirl-tabs.entry.2d5dc609.js → swirl-tabs.entry.f211eb86.js} +6 -6
- package/dist/{swirl-text-input.entry.3033e2c1.js → swirl-text-input.entry.765bdf19.js} +9 -9
- package/dist/{swirl-text.entry.7d133592.js → swirl-text.entry.7f3addc1.js} +48 -51
- package/dist/{swirl-theme-provider.entry.ef1b8b87.js → swirl-theme-provider.entry.ba9105c6.js} +5 -5
- package/dist/{swirl-time-input.entry.c78965a9.js → swirl-time-input.entry.bac3d298.js} +27 -28
- package/dist/{swirl-toast-provider.entry.8e11061e.js → swirl-toast-provider.entry.fae201cc.js} +6 -6
- package/dist/{swirl-toast.entry.8b8e779b.js → swirl-toast.entry.27dd5ceb.js} +9 -9
- package/dist/{swirl-toolbar.entry.1ab69e57.js → swirl-toolbar.entry.4cad1ef4.js} +7 -7
- package/dist/{swirl-tooltip.entry.ee4cb966.js → swirl-tooltip.entry.73255a63.js} +11 -11
- package/dist/{swirl-tree-navigation-item.entry.298ab094.js → swirl-tree-navigation-item.entry.074acdc2.js} +5 -5
- package/dist/swirl-video-thumbnail.entry.8cd97531.js +88 -0
- package/dist/swirl-visually-hidden.entry.50dc2a1f.js +15 -0
- package/dist/{wc-datepicker.entry.fed6c9d7.js → wc-datepicker.entry.6d434c91.js} +9 -9
- package/package.json +2 -2
- package/dist/_commonjsHelpers-d20b9603.2d9b8855.js +0 -27
- package/dist/file-manager.entry.6df11d09.js +0 -57
- package/dist/index-267776a4.6beb4f4b.js +0 -38
- package/dist/index.d90adc50.js +0 -3179
- package/dist/swirl-action-list_3.entry.ef982c5d.js +0 -103
- package/dist/swirl-app-bar.entry.2cfd762b.js +0 -45
- package/dist/swirl-app-icon.entry.3025724d.js +0 -23
- package/dist/swirl-autocomplete.entry.9e3e885d.js +0 -115
- package/dist/swirl-carousel-slide.entry.110bbdb4.js +0 -19
- package/dist/swirl-columns.entry.dbed3083.js +0 -18
- package/dist/swirl-console-layout.entry.ce34f32a.js +0 -68
- package/dist/swirl-description-list.entry.8346d2f6.js +0 -15
- package/dist/swirl-emoji-clap.entry.c51e5dd2.js +0 -17
- package/dist/swirl-emoji-happy.entry.ab900e84.js +0 -17
- package/dist/swirl-emoji-idea.entry.39c749d7.js +0 -17
- package/dist/swirl-emoji-love.entry.48574212.js +0 -17
- package/dist/swirl-emoji-sad.entry.71e12957.js +0 -17
- package/dist/swirl-emoji-thumbs-up.entry.2c57a0f1.js +0 -17
- package/dist/swirl-emoji.entry.61e00603.js +0 -16
- package/dist/swirl-form-group.entry.a9fc5de5.js +0 -17
- package/dist/swirl-icon-add-moderator.entry.0b51ccb8.js +0 -19
- package/dist/swirl-icon-add-photo.entry.b9ede402.js +0 -19
- package/dist/swirl-icon-add-reaction.entry.e9eab176.js +0 -19
- package/dist/swirl-icon-add_6.entry.a00fc6c9.js +0 -84
- package/dist/swirl-icon-admin-panel-settings.entry.c6898880.js +0 -19
- package/dist/swirl-icon-ai.entry.40c1feb2.js +0 -19
- package/dist/swirl-icon-apps.entry.7e4baf68.js +0 -19
- package/dist/swirl-icon-arrow-back_4.entry.22e2032f.js +0 -58
- package/dist/swirl-icon-arrow-downward_2.entry.619ff844.js +0 -32
- package/dist/swirl-icon-arrow-left_4.entry.cea83fb4.js +0 -59
- package/dist/swirl-icon-arrow-right-small.entry.9700b93f.js +0 -19
- package/dist/swirl-icon-attachment.entry.ded9dcc7.js +0 -19
- package/dist/swirl-icon-bar-chart.entry.df259ce8.js +0 -19
- package/dist/swirl-icon-block.entry.ff328ff8.js +0 -19
- package/dist/swirl-icon-bookmark-filled.entry.2b3b8bd8.js +0 -19
- package/dist/swirl-icon-bookmark.entry.5fa6a803.js +0 -19
- package/dist/swirl-icon-cancel_4.entry.60ef65d2.js +0 -58
- package/dist/swirl-icon-chat-bubble.entry.d198e2c5.js +0 -19
- package/dist/swirl-icon-chats-filled.entry.70126ead.js +0 -19
- package/dist/swirl-icon-chats.entry.90249dc7.js +0 -19
- package/dist/swirl-icon-check-circle_2.entry.9fb661f5.js +0 -32
- package/dist/swirl-icon-check-small_3.entry.d91801f9.js +0 -77
- package/dist/swirl-icon-check-strong.entry.16ce3538.js +0 -19
- package/dist/swirl-icon-check.entry.34ec6a4c.js +0 -19
- package/dist/swirl-icon-chevron-left.entry.a6765df3.js +0 -19
- package/dist/swirl-icon-chevron-right.entry.f368a456.js +0 -19
- package/dist/swirl-icon-close-small.entry.f1351249.js +0 -19
- package/dist/swirl-icon-close.entry.bc4eb374.js +0 -19
- package/dist/swirl-icon-cloud-upload.entry.b2ee1916.js +0 -19
- package/dist/swirl-icon-column.entry.1fdeb739.js +0 -19
- package/dist/swirl-icon-comment.entry.412bd2e5.js +0 -19
- package/dist/swirl-icon-copy.entry.c5c415cc.js +0 -19
- package/dist/swirl-icon-dark-mode.entry.c22acb72.js +0 -19
- package/dist/swirl-icon-date-range.entry.1ec8047e.js +0 -19
- package/dist/swirl-icon-delete.entry.a3c4154b.js +0 -19
- package/dist/swirl-icon-description.entry.2a4f089c.js +0 -19
- package/dist/swirl-icon-desktop.entry.5eb692a4.js +0 -19
- package/dist/swirl-icon-directory-filled.entry.550fb2b6.js +0 -19
- package/dist/swirl-icon-directory.entry.2511b835.js +0 -19
- package/dist/swirl-icon-discover.entry.0e461f17.js +0 -19
- package/dist/swirl-icon-dot.entry.fdce9253.js +0 -19
- package/dist/swirl-icon-double-arrow-right.entry.57c6dae2.js +0 -19
- package/dist/swirl-icon-download.entry.ebd1bad3.js +0 -19
- package/dist/swirl-icon-edit.entry.5d2f4329.js +0 -19
- package/dist/swirl-icon-emoji-mood.entry.b445ed8e.js +0 -19
- package/dist/swirl-icon-emoji-satisfied.entry.318cc33e.js +0 -19
- package/dist/swirl-icon-error_3.entry.8156f1b9.js +0 -58
- package/dist/swirl-icon-expand-more.entry.a5df0dff.js +0 -19
- package/dist/swirl-icon-filter.entry.2e7d8694.js +0 -19
- package/dist/swirl-icon-folder.entry.b4a2eece.js +0 -19
- package/dist/swirl-icon-format-h-one.entry.178d9f8c.js +0 -19
- package/dist/swirl-icon-gif.entry.ef508d18.js +0 -19
- package/dist/swirl-icon-group-add.entry.288a4663.js +0 -19
- package/dist/swirl-icon-group-assign.entry.4035e1d8.js +0 -19
- package/dist/swirl-icon-groups-filled.entry.c285587a.js +0 -19
- package/dist/swirl-icon-groups.entry.56823a93.js +0 -19
- package/dist/swirl-icon-hamburger-menu.entry.de323443.js +0 -19
- package/dist/swirl-icon-help.entry.368e096d.js +0 -19
- package/dist/swirl-icon-highlight.entry.ff89b4ce.js +0 -19
- package/dist/swirl-icon-home.entry.1e3c3825.js +0 -19
- package/dist/swirl-icon-image.entry.f3bb3bb6.js +0 -19
- package/dist/swirl-icon-improve-text.entry.cca636ba.js +0 -19
- package/dist/swirl-icon-info.entry.41c8be01.js +0 -19
- package/dist/swirl-icon-insert-below.entry.dea18800.js +0 -19
- package/dist/swirl-icon-insert-on-top.entry.7efb2795.js +0 -19
- package/dist/swirl-icon-inventory.entry.d06aa28c.js +0 -19
- package/dist/swirl-icon-keyboard-hide.entry.3afce769.js +0 -19
- package/dist/swirl-icon-light-mode.entry.af5308c8.js +0 -19
- package/dist/swirl-icon-like.entry.e8cdf60a.js +0 -19
- package/dist/swirl-icon-link.entry.43f2756d.js +0 -19
- package/dist/swirl-icon-load.entry.3d790b8f.js +0 -19
- package/dist/swirl-icon-lock-open.entry.ae3db367.js +0 -19
- package/dist/swirl-icon-lock-person.entry.4cea786a.js +0 -19
- package/dist/swirl-icon-lock.entry.45eccf76.js +0 -19
- package/dist/swirl-icon-login.entry.1579dc52.js +0 -19
- package/dist/swirl-icon-logout.entry.c66b3082.js +0 -19
- package/dist/swirl-icon-long-text.entry.aaa0d50c.js +0 -19
- package/dist/swirl-icon-mail.entry.4b7f03f5.js +0 -19
- package/dist/swirl-icon-manage-accounts.entry.a4ed4854.js +0 -19
- package/dist/swirl-icon-mark-chat-read.entry.6078126e.js +0 -19
- package/dist/swirl-icon-mark-chat-unread.entry.f6ee3ffd.js +0 -19
- package/dist/swirl-icon-mention.entry.ba102e64.js +0 -19
- package/dist/swirl-icon-menu-filled.entry.ab0bf98c.js +0 -19
- package/dist/swirl-icon-menu.entry.c9c67658.js +0 -19
- package/dist/swirl-icon-message.entry.54e3a552.js +0 -19
- package/dist/swirl-icon-mic.entry.a5c00b6d.js +0 -19
- package/dist/swirl-icon-more-horizontal.entry.eba630ac.js +0 -19
- package/dist/swirl-icon-news-filled.entry.fa6c54d7.js +0 -19
- package/dist/swirl-icon-news-off.entry.98df2a70.js +0 -19
- package/dist/swirl-icon-news.entry.625d5303.js +0 -19
- package/dist/swirl-icon-notifications-active.entry.df8ae5d1.js +0 -19
- package/dist/swirl-icon-notifications-off.entry.d926ef33.js +0 -19
- package/dist/swirl-icon-notifications.entry.533c02fb.js +0 -19
- package/dist/swirl-icon-open-in-full.entry.109770d4.js +0 -19
- package/dist/swirl-icon-open-in-new.entry.d824c288.js +0 -19
- package/dist/swirl-icon-pause-circle.entry.a5f02e46.js +0 -19
- package/dist/swirl-icon-pause.entry.f20c8b41.js +0 -19
- package/dist/swirl-icon-people-alt.entry.a48ba343.js +0 -19
- package/dist/swirl-icon-person-off.entry.3c26134d.js +0 -19
- package/dist/swirl-icon-person.entry.06218285.js +0 -19
- package/dist/swirl-icon-phone.entry.24485594.js +0 -19
- package/dist/swirl-icon-photo-camera.entry.df8f355b.js +0 -19
- package/dist/swirl-icon-place.entry.f39d3b55.js +0 -19
- package/dist/swirl-icon-play-arrow.entry.d3b0c8fe.js +0 -19
- package/dist/swirl-icon-poll.entry.5c21a4ad.js +0 -19
- package/dist/swirl-icon-print.entry.28726978.js +0 -19
- package/dist/swirl-icon-recieved.entry.bd151dff.js +0 -19
- package/dist/swirl-icon-remove-moderator.entry.9a0f7a75.js +0 -19
- package/dist/swirl-icon-reply.entry.1c4c3da0.js +0 -19
- package/dist/swirl-icon-report.entry.768327ea.js +0 -19
- package/dist/swirl-icon-roadmap.entry.9faf3ea6.js +0 -19
- package/dist/swirl-icon-search-strong.entry.48ac4870.js +0 -19
- package/dist/swirl-icon-search.entry.e398f832.js +0 -19
- package/dist/swirl-icon-secure.entry.52f73b44.js +0 -19
- package/dist/swirl-icon-send.entry.fe116073.js +0 -19
- package/dist/swirl-icon-settings.entry.b8e55621.js +0 -19
- package/dist/swirl-icon-short-text.entry.7d721872.js +0 -19
- package/dist/swirl-icon-simplify.entry.ccef9109.js +0 -19
- package/dist/swirl-icon-spellcheck.entry.189982ef.js +0 -19
- package/dist/swirl-icon-stop.entry.a3bd8024.js +0 -19
- package/dist/swirl-icon-sync.entry.27f8dacb.js +0 -19
- package/dist/swirl-icon-tasks-filled.entry.244bfa33.js +0 -19
- package/dist/swirl-icon-tasks.entry.9e448e4f.js +0 -19
- package/dist/swirl-icon-terminal.entry.85de8034.js +0 -19
- package/dist/swirl-icon-time-filled.entry.a03d1ae1.js +0 -19
- package/dist/swirl-icon-time.entry.2a538c35.js +0 -19
- package/dist/swirl-icon-today-filled.entry.2f3152e6.js +0 -19
- package/dist/swirl-icon-translate.entry.a576fd5b.js +0 -19
- package/dist/swirl-icon-tree-structure.entry.bc0743d3.js +0 -19
- package/dist/swirl-icon-undo.entry.77a31b37.js +0 -19
- package/dist/swirl-icon-unlock-person.entry.b0f3bf71.js +0 -19
- package/dist/swirl-icon-user-add.entry.c55ef1ac.js +0 -19
- package/dist/swirl-icon-user-assign.entry.4a870c48.js +0 -19
- package/dist/swirl-icon-video-camera.entry.954e3cf4.js +0 -19
- package/dist/swirl-icon-video-library.entry.5b0aacca.js +0 -19
- package/dist/swirl-icon-voice.entry.31ff041d.js +0 -19
- package/dist/swirl-icon-work.entry.d662751b.js +0 -19
- package/dist/swirl-icon.entry.3b02acbc.js +0 -16
- package/dist/swirl-inline-notification.entry.5cd09ce8.js +0 -17
- package/dist/swirl-lightbox.entry.1739d020.js +0 -136
- package/dist/swirl-pagination.entry.ef59b274.js +0 -38
- package/dist/swirl-pdf-reader.entry.51f9250b.js +0 -109
- package/dist/swirl-symbol-account-circle.entry.ad72be12.js +0 -17
- package/dist/swirl-symbol-alternate-email.entry.b884d45e.js +0 -17
- package/dist/swirl-symbol-android.entry.c165aa0c.js +0 -17
- package/dist/swirl-symbol-announcement.entry.7e4e83ee.js +0 -17
- package/dist/swirl-symbol-backup.entry.e1f9b25c.js +0 -17
- package/dist/swirl-symbol-beach-access.entry.3f3322db.js +0 -17
- package/dist/swirl-symbol-bookmark.entry.9d67f514.js +0 -17
- package/dist/swirl-symbol-cloud.entry.2811fd9f.js +0 -17
- package/dist/swirl-symbol-coronavirus.entry.0b4ebafb.js +0 -17
- package/dist/swirl-symbol-desktop-windows.entry.a40d4d12.js +0 -17
- package/dist/swirl-symbol-directions-car-filled.entry.99374d4b.js +0 -17
- package/dist/swirl-symbol-edit-calendar.entry.3f71bdf7.js +0 -17
- package/dist/swirl-symbol-email.entry.b60ae480.js +0 -17
- package/dist/swirl-symbol-emoji-food-beverage.entry.77ce8107.js +0 -17
- package/dist/swirl-symbol-event-menu.entry.d44ac1ad.js +0 -17
- package/dist/swirl-symbol-facebook.entry.0f08b60a.js +0 -17
- package/dist/swirl-symbol-favorite.entry.1ea54fed.js +0 -17
- package/dist/swirl-symbol-fitness-center.entry.77c433e8.js +0 -17
- package/dist/swirl-symbol-flag.entry.dbcc3218.js +0 -17
- package/dist/swirl-symbol-folder.entry.f78171a7.js +0 -17
- package/dist/swirl-symbol-globe.entry.c0efad27.js +0 -17
- package/dist/swirl-symbol-groups.entry.3f4a5ef5.js +0 -17
- package/dist/swirl-symbol-help.entry.c9c14686.js +0 -17
- package/dist/swirl-symbol-image.entry.3822f8ce.js +0 -17
- package/dist/swirl-symbol-info-menu.entry.cec181a5.js +0 -17
- package/dist/swirl-symbol-instagram.entry.0895c275.js +0 -17
- package/dist/swirl-symbol-ios.entry.5e04c7a2.js +0 -17
- package/dist/swirl-symbol-language.entry.4bd8b416.js +0 -17
- package/dist/swirl-symbol-leaderboard.entry.b7edee6d.js +0 -17
- package/dist/swirl-symbol-lightbulb.entry.9b2c84a2.js +0 -17
- package/dist/swirl-symbol-linkedin.entry.9c658ee8.js +0 -17
- package/dist/swirl-symbol-location-on.entry.6da90a00.js +0 -17
- package/dist/swirl-symbol-loyalty.entry.92f56d21.js +0 -17
- package/dist/swirl-symbol-maps-home-work.entry.63e8c481.js +0 -17
- package/dist/swirl-symbol-notifications.entry.159a5b8b.js +0 -17
- package/dist/swirl-symbol-open-in-new.entry.3e5db571.js +0 -17
- package/dist/swirl-symbol-pedal-bike.entry.db57aa58.js +0 -17
- package/dist/swirl-symbol-pinterest.entry.105f350a.js +0 -17
- package/dist/swirl-symbol-policy.entry.7dc67eaa.js +0 -17
- package/dist/swirl-symbol-push-pin.entry.47c46972.js +0 -17
- package/dist/swirl-symbol-redeem.entry.314581b8.js +0 -17
- package/dist/swirl-symbol-report-problem.entry.402d879e.js +0 -17
- package/dist/swirl-symbol-restaurant.entry.9e27499f.js +0 -17
- package/dist/swirl-symbol-roadmap.entry.20b4565c.js +0 -17
- package/dist/swirl-symbol-room.entry.5164f68d.js +0 -17
- package/dist/swirl-symbol-savings.entry.746d7c4f.js +0 -17
- package/dist/swirl-symbol-settings-voice.entry.59e854fc.js +0 -17
- package/dist/swirl-symbol-shopping-cart.entry.e1fcdfcb.js +0 -17
- package/dist/swirl-symbol-smartphone.entry.c5b7b503.js +0 -17
- package/dist/swirl-symbol-star.entry.a24d3732.js +0 -17
- package/dist/swirl-symbol-supervisor-account.entry.5fb0244d.js +0 -17
- package/dist/swirl-symbol-thumbs-up-down.entry.5d1176c4.js +0 -17
- package/dist/swirl-symbol-twitter.entry.664f763a.js +0 -17
- package/dist/swirl-symbol-wb-sunny.entry.5eb28a60.js +0 -17
- package/dist/swirl-symbol-wechat.entry.1e66c284.js +0 -17
- package/dist/swirl-symbol-weibo.entry.6b0a0852.js +0 -17
- package/dist/swirl-symbol-work.entry.7589a2e8.js +0 -17
- package/dist/swirl-symbol-xing.entry.4b4932a8.js +0 -17
- package/dist/swirl-symbol-youtube.entry.db39b238.js +0 -17
- package/dist/swirl-symbol.entry.780a1e49.js +0 -16
- package/dist/swirl-tab.entry.cf0eba97.js +0 -17
- package/dist/swirl-table-row.entry.038a2f9c.js +0 -27
- package/dist/swirl-video-thumbnail.entry.5b454862.js +0 -88
- package/dist/swirl-visually-hidden.entry.fa0621d6.js +0 -15
- /package/dist/{floating-ui.dom.esm-bef21834.ec4a9cbf.js → floating-ui.dom.esm-b73e243b.647a7c7e.js} +0 -0
- /package/dist/{utils-aab10c80.240adddc.js → utils-c5f2f98f.af14538a.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 e, H as d, g as p, F as r } from "./index.646f8b70.js";
|
|
2
|
+
import { c as n } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
+
import { i as g, g as C } from "./utils-c5f2f98f.af14538a.js";
|
|
4
4
|
import { S as B } from "./sortable.esm-8c3d5856.57c4f048.js";
|
|
5
|
-
import { v as
|
|
5
|
+
import { v as y } 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 =
|
|
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 = class {
|
|
28
|
+
constructor(t) {
|
|
29
|
+
l(this, t), 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 t;
|
|
48
|
+
(t = this.mutationObserver) == null || t.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 t = g() ? 0 : 300;
|
|
61
61
|
this.sidebarClosingTimeout = setTimeout(() => {
|
|
62
62
|
this.sidebarActive = !1, this.sidebarClosing = !1, this.changeMobileView("body"), this.sidebarToggle.emit(!1);
|
|
63
|
-
},
|
|
63
|
+
}, t);
|
|
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(t, i = !0) {
|
|
69
|
+
if (this.mobileView === t || t === "navigation" && !this.hasNavigation || t === "sidebar" && !this.hasSidebar)
|
|
70
70
|
return;
|
|
71
|
-
if (!
|
|
72
|
-
this.mobileView =
|
|
71
|
+
if (!g() || !i) {
|
|
72
|
+
this.mobileView = t, 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 = t;
|
|
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 = t, 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 t = this.mobileView === "sidebar" || this.sidebarActive;
|
|
87
|
+
t !== this.sidebarActive && (t ? 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 t = (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"]')), c = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), u = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), m = 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": c,
|
|
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 e(d, null, e("section", { "aria-labelledby": "app-name", class: m }, e("div", { class: "app-layout__grid" }, e("header", { class: "app-layout__header" }, e("span", { class: "app-layout__navigation-mobile-menu-button" }, e("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && e("span", { class: "app-layout__navigation-back-button" }, e("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), e("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && e("span", { class: "app-layout__navigation-controls" }, e("slot", { name: "navigation-controls" }))), e("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, e("slot", { name: "navigation" })), e("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && e("header", { class: "app-layout__app-bar" }, e("span", { class: "app-layout__app-bar-mobile-menu-button" }, e("slot", { name: "app-bar-mobile-menu-button" })), t && e("span", { class: "app-layout__back-to-navigation-button" }, e("swirl-button", { hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), e("span", { class: "app-layout__custom-app-bar-back-button" }, e("slot", { name: "custom-app-bar-back-button" })), e("div", { class: "app-layout__app-bar-content" }, e("slot", { name: "app-bar" })), e("div", { class: "app-layout__app-bar-controls" }, e("slot", { name: "app-bar-controls" }))), e("div", { class: "app-layout__banner" }, e("slot", { name: "banner" })), e("div", { class: "app-layout__content" }, e("slot", { name: "content" })), e("div", { class: "app-layout__bottom-bar" }, e("slot", { name: "bottom-bar" }))), e("aside", { class: "app-layout__sidebar" }, e("header", { class: "app-layout__custom-sidebar-header" }, e("slot", { name: "custom-sidebar-header" })), e("header", { class: "app-layout__sidebar-header" }, e("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), e("div", { class: "app-layout__sidebar-content" }, e("slot", { name: "sidebar" }))), e("span", { class: "app-layout__floating-action-button" }, this.ctaLabel && e("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), e("slot", { name: "floating-action-button" })))));
|
|
113
113
|
}
|
|
114
114
|
get el() {
|
|
115
|
-
return
|
|
115
|
+
return p(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
|
+
S.style = I;
|
|
124
|
+
const D = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--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}", M = class {
|
|
125
|
+
constructor(t) {
|
|
126
|
+
l(this, t), this.heading = void 0, this.illustration = void 0;
|
|
127
127
|
}
|
|
128
128
|
render() {
|
|
129
|
-
const
|
|
130
|
-
"empty-state--has-controls":
|
|
129
|
+
const t = Boolean(this.el.querySelector('[slot="controls"]')), i = Boolean(this.el.querySelector('[slot="illustration"]')), a = n("empty-state", {
|
|
130
|
+
"empty-state--has-controls": t,
|
|
131
131
|
"empty-state--has-slotted-illustration": i
|
|
132
132
|
});
|
|
133
|
-
return
|
|
133
|
+
return e(d, null, e("div", { class: a }, this.illustration && !i && e("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), e("div", { class: "empty-state__slotted-illustration" }, e("slot", { name: "illustration" })), e("div", { class: "empty-state__body" }, e("swirl-stack", { align: "stretch", spacing: "8" }, this.heading && e("swirl-heading", { align: "center", as: "p", level: 4, text: this.heading }), e("div", { class: "empty-state__content" }, e("swirl-text", { align: "center", color: "subdued" }, e("slot", null)))), e("div", { class: "empty-state__controls" }, e("slot", { name: "controls" })))));
|
|
134
134
|
}
|
|
135
135
|
get el() {
|
|
136
|
-
return
|
|
136
|
+
return p(this);
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
|
-
|
|
140
|
-
const
|
|
141
|
-
constructor(
|
|
142
|
-
l(this,
|
|
139
|
+
M.style = D;
|
|
140
|
+
const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", A = class {
|
|
141
|
+
constructor(t) {
|
|
142
|
+
l(this, t), this.color = void 0, this.size = 24;
|
|
143
143
|
}
|
|
144
144
|
render() {
|
|
145
|
-
const
|
|
145
|
+
const t = 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 e("svg", { "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(r, null, e("path", { 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) && e(r, null, e("path", { 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 && e(r, null, e("path", { 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
|
+
A.style = V;
|
|
152
|
+
const H = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", z = class {
|
|
153
|
+
constructor(t) {
|
|
154
|
+
l(this, t), this.color = void 0, this.size = 24;
|
|
155
155
|
}
|
|
156
156
|
render() {
|
|
157
|
-
const
|
|
157
|
+
const t = 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 e("svg", { "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(r, null, e("path", { 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) && e(r, null, e("path", { 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 && e(r, null, e("path", { 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
|
+
z.style = H;
|
|
164
|
+
const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", L = class {
|
|
165
|
+
constructor(t) {
|
|
166
|
+
l(this, t), 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 F = ".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 = y();
|
|
199
199
|
}
|
|
200
200
|
componentDidLoad() {
|
|
201
201
|
this.observeSlotChanges(), this.collectItems(), this.setupControllingElement(), this.setItemAllowDragState(), this.setupDragDrop();
|
|
@@ -204,8 +204,8 @@ const F = ".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 t, i, a;
|
|
208
|
+
(t = this.sortable) == null || t.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 F = ".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 t;
|
|
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) && ((t = this.items[0]) == null || t.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(t) {
|
|
230
|
+
return this.items.map((i) => i).findIndex((i) => i === t);
|
|
231
231
|
}
|
|
232
232
|
removeItemsFromTabOrder() {
|
|
233
|
-
this.items.forEach((
|
|
234
|
-
const i =
|
|
235
|
-
Boolean(this.controllingElement) &&
|
|
233
|
+
this.items.forEach((t) => {
|
|
234
|
+
const i = t == null ? void 0 : t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), a = t == null ? void 0 : t.querySelector(".resource-list-item__drag-handle");
|
|
235
|
+
Boolean(this.controllingElement) && t.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((t) => {
|
|
240
|
+
t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
|
|
241
|
+
}) : this.items.forEach((t) => {
|
|
242
|
+
t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
|
|
243
243
|
});
|
|
244
244
|
}
|
|
245
245
|
setupDragDrop() {
|
|
@@ -247,39 +247,39 @@ const F = ".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: (t) => {
|
|
251
251
|
this.itemDrop.emit({
|
|
252
|
-
item:
|
|
253
|
-
oldIndex:
|
|
254
|
-
newIndex:
|
|
252
|
+
item: t.item,
|
|
253
|
+
oldIndex: t.oldDraggableIndex,
|
|
254
|
+
newIndex: t.newDraggableIndex
|
|
255
255
|
});
|
|
256
256
|
}
|
|
257
257
|
}));
|
|
258
258
|
}
|
|
259
|
-
enableItemFocus(
|
|
260
|
-
if (!Boolean(
|
|
259
|
+
enableItemFocus(t, i) {
|
|
260
|
+
if (!Boolean(t) || Boolean(this.controllingElement))
|
|
261
261
|
return;
|
|
262
|
-
const a =
|
|
262
|
+
const a = t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), o = t.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(t) {
|
|
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[t];
|
|
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 = t);
|
|
269
269
|
}
|
|
270
270
|
moveDraggedItemDown() {
|
|
271
|
-
const
|
|
272
|
-
!Boolean(
|
|
271
|
+
const t = this.dragging.nextElementSibling;
|
|
272
|
+
!Boolean(t) || (t.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 t = this.dragging.previousElementSibling;
|
|
276
|
+
!Boolean(t) || (t.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 e(d, { onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { role: "alert" }, this.assistiveText), e("swirl-box", { paddingInlineEnd: "8", paddingInlineStart: "8" }, e("swirl-stack", { "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid" }, e("slot", null))));
|
|
280
280
|
}
|
|
281
281
|
get el() {
|
|
282
|
-
return
|
|
282
|
+
return p(this);
|
|
283
283
|
}
|
|
284
284
|
static get watchers() {
|
|
285
285
|
return {
|
|
@@ -287,13 +287,13 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
|
|
|
287
287
|
};
|
|
288
288
|
}
|
|
289
289
|
};
|
|
290
|
-
|
|
291
|
-
const
|
|
290
|
+
L.style = T;
|
|
291
|
+
const E = `.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}.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}.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)}`, N = class {
|
|
295
|
+
constructor(t) {
|
|
296
|
+
l(this, t), this.toggleDrag = s(this, "toggleDrag", 7), this.valueChange = s(this, "valueChange", 7), this.desktopMediaQuery = C(), this.id = y(), 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));
|
|
@@ -316,64 +316,64 @@ const Z = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
|
|
|
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 t, i;
|
|
320
|
+
(i = (t = this.desktopMediaQuery).removeEventListener) == null || i.call(t, "change", this.desktopMediaQueryHandler);
|
|
321
321
|
}
|
|
322
|
-
forceIconProps(
|
|
322
|
+
forceIconProps(t) {
|
|
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", t ? "20" : "24");
|
|
326
326
|
}
|
|
327
|
-
updateIconSize(
|
|
328
|
-
this.iconSize =
|
|
327
|
+
updateIconSize(t) {
|
|
328
|
+
this.iconSize = t ? 20 : 24;
|
|
329
329
|
}
|
|
330
330
|
updateMediaState() {
|
|
331
|
-
const
|
|
331
|
+
const t = this.el.querySelector('[slot="media"]'), i = Boolean(t);
|
|
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 t = this.getControl();
|
|
339
|
+
!Boolean(t) || (t.tabIndex = 0);
|
|
340
340
|
}
|
|
341
341
|
makeControlUnfocusable() {
|
|
342
|
-
const
|
|
343
|
-
!Boolean(
|
|
342
|
+
const t = this.getControl();
|
|
343
|
+
!Boolean(t) || (t.tabIndex = -1);
|
|
344
344
|
}
|
|
345
345
|
render() {
|
|
346
|
-
var
|
|
347
|
-
const
|
|
348
|
-
paddingRight: `calc(${(
|
|
349
|
-
} : void 0,
|
|
346
|
+
var b;
|
|
347
|
+
const t = !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']"), c = Boolean(this.menuTriggerId) || o, u = this.interactive && Boolean(this.href) ? this.href : void 0, m = o && (Boolean(this.meta) || a), w = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, h = (Boolean(this.meta) || a) && !this.selectable, v = this.selectable ? String(this.checked) : void 0, _ = this.interactive && this.selectable ? "checkbox" : void 0, f = !h && Boolean(this.controlContainer) ? {
|
|
348
|
+
paddingRight: `calc(${(b = this.controlContainer) == null ? void 0 : b.getBoundingClientRect().width}px + var(--s-space-16))`
|
|
349
|
+
} : void 0, x = 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": c,
|
|
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": m,
|
|
361
|
+
"resource-list-item--show-meta": h,
|
|
362
362
|
"resource-list-item--wrap-description": this.descriptionWrap,
|
|
363
363
|
"resource-list-item--wrap-label": this.labelWrap
|
|
364
364
|
});
|
|
365
|
-
return
|
|
365
|
+
return e(d, { role: "row" }, e("div", { class: x, role: "gridcell" }, e(t, { "aria-checked": v, "aria-disabled": i ? "true" : void 0, "aria-labelledby": this.id, class: "resource-list-item__content", href: u, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: _, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { class: "resource-list-item__media" }, e("slot", { name: "media" })), e("span", { class: "resource-list-item__label-container", style: f }, e("span", { class: "resource-list-item__label", id: this.id, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), h && e("span", { class: "resource-list-item__meta" }, e("span", { class: "resource-list-item__meta-text" }, this.meta), e("span", { class: "resource-list-item__badges" }, e("slot", { name: "badges" })))), this.selectable && e("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", null))), e("span", { class: "resource-list-item__control", onClick: this.onControlClick, ref: (k) => this.controlContainer = k }, e("slot", { name: "control" })), w && e("swirl-popover-trigger", { swirlPopover: this.menuTriggerId }, e("swirl-button", { "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 && e("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { size: this.iconSize })));
|
|
366
366
|
}
|
|
367
367
|
get el() {
|
|
368
|
-
return
|
|
368
|
+
return p(this);
|
|
369
369
|
}
|
|
370
370
|
};
|
|
371
|
-
|
|
371
|
+
N.style = E;
|
|
372
372
|
export {
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
373
|
+
S as swirl_app_layout,
|
|
374
|
+
M as swirl_empty_state,
|
|
375
|
+
A as swirl_icon_file,
|
|
376
|
+
z as swirl_icon_folder_shared,
|
|
377
|
+
L as swirl_resource_list,
|
|
378
|
+
N as swirl_resource_list_item
|
|
379
379
|
};
|