@getflip/swirl-components 0.263.0 → 0.265.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/components.json +149 -4
- package/dist/cjs/file-manager.cjs.entry.js +1 -1
- package/dist/cjs/index-2ab5d772.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/swirl-action-list_3.cjs.entry.js +2 -2
- package/dist/cjs/swirl-app-layout_5.cjs.entry.js +1 -1
- package/dist/cjs/swirl-components.cjs.js +1 -1
- package/dist/cjs/swirl-date-picker_2.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-cancel_4.cjs.entry.js +2 -2
- package/dist/cjs/swirl-icon-check-circle_2.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-stars.cjs.entry.js +28 -0
- package/dist/cjs/swirl-icon-stop.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-sync.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-tasks-filled.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-tasks.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-terminal.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-time-filled.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-time.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-today-filled.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-translate.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-tree-structure.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-undo.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-unlock-person.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-user-add.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-user-assign.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-video-camera-off.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-video-camera.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-video-library.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-video-player.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-voice.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-web-asset-off.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-web-asset.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-work.cjs.entry.js +1 -1
- package/dist/cjs/swirl-image-grid.cjs.entry.js +1 -1
- package/dist/cjs/swirl-lightbox.cjs.entry.js +1 -1
- package/dist/cjs/swirl-list.cjs.entry.js +1 -1
- package/dist/cjs/swirl-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/swirl-option-list-section.cjs.entry.js +1 -1
- package/dist/cjs/swirl-option-list_2.cjs.entry.js +1 -1
- package/dist/cjs/swirl-pdf-reader.cjs.entry.js +3 -3
- package/dist/cjs/swirl-popover_2.cjs.entry.js +1 -1
- package/dist/cjs/swirl-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/swirl-resource-list-file-item.cjs.entry.js +1 -1
- package/dist/cjs/swirl-select.cjs.entry.js +2 -2
- package/dist/cjs/swirl-shell-layout.cjs.entry.js +7 -7
- package/dist/cjs/swirl-symbol-account-circle.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-alternate-email.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-android.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-announcement.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-backup.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-beach-access.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-bookmark.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-cloud.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-coronavirus.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-desktop-windows.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-directions-car-filled.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-edit-calendar.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-email.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-emoji-food-beverage.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-event-menu.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-facebook.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-favorite.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-fitness-center.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-flag.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-folder.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-globe.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-groups.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-help.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-image.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-info-menu.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-instagram.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-ios.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-language.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-leaderboard.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-lightbulb.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-linkedin.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-location-on.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-loyalty.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-maps-home-work.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-notifications.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-open-in-new.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-pedal-bike.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-pinterest.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-policy.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-push-pin.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-redeem.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-report-problem.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-restaurant.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-roadmap.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-room.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-savings.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-settings-voice.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-shopping-cart.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-smartphone.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-star.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-supervisor-account.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-thumbs-up-down.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-twitter.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-wb-sunny.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-wechat.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-weibo.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-work.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-xing.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol-youtube.cjs.entry.js +1 -1
- package/dist/cjs/swirl-symbol.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table-row-group.cjs.entry.js +2 -2
- package/dist/cjs/swirl-table-row.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tabs.cjs.entry.js +1 -1
- package/dist/cjs/swirl-theme-provider.cjs.entry.js +1 -1
- package/dist/cjs/swirl-time-input.cjs.entry.js +1 -1
- package/dist/cjs/swirl-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/swirl-toggle-group.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/swirl-tree-navigation.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tree-view-item.cjs.entry.js +3 -3
- package/dist/cjs/swirl-tree-view.cjs.entry.js +1 -1
- package/dist/cjs/swirl-video-thumbnail.cjs.entry.js +1 -1
- package/dist/cjs/swirl-visually-hidden.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/swirl-icon/icons/swirl-icon-stars.js +80 -0
- package/dist/collection/components/swirl-icon/icons/swirl-icon-stop.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-sync.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-tasks-filled.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-tasks.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-terminal.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-time-filled.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-time.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-today-filled.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-today.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-translate.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-tree-structure.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-undo.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-unlock-person.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-user-add.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-user-assign.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-video-camera-off.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-video-camera.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-video-library.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-video-player.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-visibility-off.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-visibility.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-voice.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-warning.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-web-asset-off.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-web-asset.js +1 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-work.js +1 -1
- package/dist/collection/components/swirl-image-grid/swirl-image-grid.js +1 -1
- package/dist/collection/components/swirl-lightbox/swirl-lightbox.js +1 -1
- package/dist/collection/components/swirl-list/swirl-list.js +1 -1
- package/dist/collection/components/swirl-menu-item/swirl-menu-item.js +2 -2
- package/dist/collection/components/swirl-option-list/swirl-option-list.js +1 -1
- package/dist/collection/components/swirl-option-list-section/swirl-option-list-section.js +1 -1
- package/dist/collection/components/swirl-pdf-reader/swirl-pdf-reader.js +3 -3
- package/dist/collection/components/swirl-popover-trigger/swirl-popover-trigger.js +1 -1
- package/dist/collection/components/swirl-radio-group/swirl-radio-group.js +1 -1
- package/dist/collection/components/swirl-resource-list/swirl-resource-list.js +1 -1
- package/dist/collection/components/swirl-resource-list-file-item/swirl-resource-list-file-item.js +1 -1
- package/dist/collection/components/swirl-select/swirl-select.js +2 -2
- package/dist/collection/components/swirl-separator/swirl-separator.css +4 -0
- package/dist/collection/components/swirl-separator/swirl-separator.js +2 -2
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.js +7 -7
- package/dist/collection/components/swirl-symbol/swirl-symbol.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-account-circle.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-alternate-email.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-android.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-announcement.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-backup.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-beach-access.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-bookmark.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-cloud.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-coronavirus.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-desktop-windows.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-directions-car-filled.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-edit-calendar.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-email.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-emoji-food-beverage.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-event-menu.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-facebook.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-favorite.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-fitness-center.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-flag.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-folder.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-globe.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-groups.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-help.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-image.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-info-menu.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-instagram.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-ios.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-language.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-leaderboard.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-lightbulb.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-linkedin.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-location-on.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-loyalty.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-maps-home-work.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-notifications.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-open-in-new.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-pedal-bike.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-pinterest.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-policy.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-push-pin.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-redeem.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-report-problem.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-restaurant.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-roadmap.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-room.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-savings.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-settings-voice.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-shopping-cart.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-smartphone.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-star.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-supervisor-account.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-thumbs-up-down.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-twitter.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-wb-sunny.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-wechat.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-weibo.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-work.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-xing.js +1 -1
- package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-youtube.js +1 -1
- package/dist/collection/components/swirl-table/swirl-table.js +1 -1
- package/dist/collection/components/swirl-table-cell/swirl-table-cell.js +1 -1
- package/dist/collection/components/swirl-table-row/swirl-table-row.js +1 -1
- package/dist/collection/components/swirl-table-row-group/swirl-table-row-group.js +2 -2
- package/dist/collection/components/swirl-tabs/swirl-tabs.js +1 -1
- package/dist/collection/components/swirl-theme-provider/swirl-theme-provider.js +1 -1
- package/dist/collection/components/swirl-time-input/swirl-time-input.js +1 -1
- package/dist/collection/components/swirl-toggle-button/swirl-toggle-button.js +1 -1
- package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.js +1 -1
- package/dist/collection/components/swirl-tree-navigation/swirl-tree-navigation.js +1 -1
- package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.js +3 -3
- package/dist/collection/components/swirl-tree-view/swirl-tree-view.js +1 -1
- package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js +3 -3
- package/dist/collection/components/swirl-video-thumbnail/swirl-video-thumbnail.js +1 -1
- package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js +1 -1
- package/dist/collection/prototypes/file-manager/file-manager.js +1 -1
- package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/components/file-manager.js +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/swirl-icon-stars.d.ts +11 -0
- package/dist/components/swirl-icon-stars.js +45 -0
- package/dist/components/swirl-icon-stop.js +1 -1
- package/dist/components/swirl-icon-sync.js +1 -1
- package/dist/components/swirl-icon-tasks-filled.js +1 -1
- package/dist/components/swirl-icon-tasks.js +1 -1
- package/dist/components/swirl-icon-terminal.js +1 -1
- package/dist/components/swirl-icon-time-filled.js +1 -1
- package/dist/components/swirl-icon-time.js +1 -1
- package/dist/components/swirl-icon-today-filled.js +1 -1
- package/dist/components/swirl-icon-today2.js +1 -1
- package/dist/components/swirl-icon-translate.js +1 -1
- package/dist/components/swirl-icon-tree-structure.js +1 -1
- package/dist/components/swirl-icon-undo.js +1 -1
- package/dist/components/swirl-icon-unlock-person.js +1 -1
- package/dist/components/swirl-icon-user-add.js +1 -1
- package/dist/components/swirl-icon-user-assign.js +1 -1
- package/dist/components/swirl-icon-video-camera-off.js +1 -1
- package/dist/components/swirl-icon-video-camera.js +1 -1
- package/dist/components/swirl-icon-video-library.js +1 -1
- package/dist/components/swirl-icon-video-player.js +1 -1
- package/dist/components/swirl-icon-visibility-off2.js +1 -1
- package/dist/components/swirl-icon-visibility2.js +1 -1
- package/dist/components/swirl-icon-voice.js +1 -1
- package/dist/components/swirl-icon-warning2.js +1 -1
- package/dist/components/swirl-icon-web-asset-off.js +1 -1
- package/dist/components/swirl-icon-web-asset.js +1 -1
- package/dist/components/swirl-icon-work.js +1 -1
- package/dist/components/swirl-image-grid.js +1 -1
- package/dist/components/swirl-lightbox.js +1 -1
- package/dist/components/swirl-list.js +1 -1
- package/dist/components/swirl-menu-item.js +2 -2
- package/dist/components/swirl-option-list-section.js +1 -1
- package/dist/components/swirl-option-list2.js +1 -1
- package/dist/components/swirl-pdf-reader.js +3 -3
- package/dist/components/swirl-popover-trigger2.js +1 -1
- package/dist/components/swirl-radio-group.js +1 -1
- package/dist/components/swirl-resource-list-file-item.js +1 -1
- package/dist/components/swirl-resource-list2.js +1 -1
- package/dist/components/swirl-select.js +2 -2
- package/dist/components/swirl-separator2.js +2 -2
- package/dist/components/swirl-shell-layout.js +7 -7
- package/dist/components/swirl-symbol-account-circle.js +1 -1
- package/dist/components/swirl-symbol-alternate-email.js +1 -1
- package/dist/components/swirl-symbol-android.js +1 -1
- package/dist/components/swirl-symbol-announcement.js +1 -1
- package/dist/components/swirl-symbol-backup.js +1 -1
- package/dist/components/swirl-symbol-beach-access.js +1 -1
- package/dist/components/swirl-symbol-bookmark.js +1 -1
- package/dist/components/swirl-symbol-cloud.js +1 -1
- package/dist/components/swirl-symbol-coronavirus.js +1 -1
- package/dist/components/swirl-symbol-desktop-windows.js +1 -1
- package/dist/components/swirl-symbol-directions-car-filled.js +1 -1
- package/dist/components/swirl-symbol-edit-calendar.js +1 -1
- package/dist/components/swirl-symbol-email.js +1 -1
- package/dist/components/swirl-symbol-emoji-food-beverage.js +1 -1
- package/dist/components/swirl-symbol-event-menu.js +1 -1
- package/dist/components/swirl-symbol-facebook.js +1 -1
- package/dist/components/swirl-symbol-favorite.js +1 -1
- package/dist/components/swirl-symbol-fitness-center.js +1 -1
- package/dist/components/swirl-symbol-flag.js +1 -1
- package/dist/components/swirl-symbol-folder.js +1 -1
- package/dist/components/swirl-symbol-globe.js +1 -1
- package/dist/components/swirl-symbol-groups.js +1 -1
- package/dist/components/swirl-symbol-help.js +1 -1
- package/dist/components/swirl-symbol-image.js +1 -1
- package/dist/components/swirl-symbol-info-menu.js +1 -1
- package/dist/components/swirl-symbol-instagram.js +1 -1
- package/dist/components/swirl-symbol-ios.js +1 -1
- package/dist/components/swirl-symbol-language.js +1 -1
- package/dist/components/swirl-symbol-leaderboard.js +1 -1
- package/dist/components/swirl-symbol-lightbulb.js +1 -1
- package/dist/components/swirl-symbol-linkedin.js +1 -1
- package/dist/components/swirl-symbol-location-on.js +1 -1
- package/dist/components/swirl-symbol-loyalty.js +1 -1
- package/dist/components/swirl-symbol-maps-home-work.js +1 -1
- package/dist/components/swirl-symbol-notifications.js +1 -1
- package/dist/components/swirl-symbol-open-in-new.js +1 -1
- package/dist/components/swirl-symbol-pedal-bike.js +1 -1
- package/dist/components/swirl-symbol-pinterest.js +1 -1
- package/dist/components/swirl-symbol-policy.js +1 -1
- package/dist/components/swirl-symbol-push-pin.js +1 -1
- package/dist/components/swirl-symbol-redeem.js +1 -1
- package/dist/components/swirl-symbol-report-problem.js +1 -1
- package/dist/components/swirl-symbol-restaurant.js +1 -1
- package/dist/components/swirl-symbol-roadmap.js +1 -1
- package/dist/components/swirl-symbol-room.js +1 -1
- package/dist/components/swirl-symbol-savings.js +1 -1
- package/dist/components/swirl-symbol-settings-voice.js +1 -1
- package/dist/components/swirl-symbol-shopping-cart.js +1 -1
- package/dist/components/swirl-symbol-smartphone.js +1 -1
- package/dist/components/swirl-symbol-star.js +1 -1
- package/dist/components/swirl-symbol-supervisor-account.js +1 -1
- package/dist/components/swirl-symbol-thumbs-up-down.js +1 -1
- package/dist/components/swirl-symbol-twitter.js +1 -1
- package/dist/components/swirl-symbol-wb-sunny.js +1 -1
- package/dist/components/swirl-symbol-wechat.js +1 -1
- package/dist/components/swirl-symbol-weibo.js +1 -1
- package/dist/components/swirl-symbol-work.js +1 -1
- package/dist/components/swirl-symbol-xing.js +1 -1
- package/dist/components/swirl-symbol-youtube.js +1 -1
- package/dist/components/swirl-symbol.js +1 -1
- package/dist/components/swirl-table-cell.js +1 -1
- package/dist/components/swirl-table-row-group.js +2 -2
- package/dist/components/swirl-table-row.js +1 -1
- package/dist/components/swirl-table.js +1 -1
- package/dist/components/swirl-tabs.js +1 -1
- package/dist/components/swirl-theme-provider.js +1 -1
- package/dist/components/swirl-time-input.js +1 -1
- package/dist/components/swirl-toggle-button.js +1 -1
- package/dist/components/swirl-toggle-group.js +1 -1
- package/dist/components/swirl-tree-navigation-item.js +3 -3
- package/dist/components/swirl-tree-navigation.js +1 -1
- package/dist/components/swirl-tree-view-item.js +3 -3
- package/dist/components/swirl-tree-view.js +1 -1
- package/dist/components/swirl-video-thumbnail.js +1 -1
- package/dist/components/swirl-visually-hidden2.js +1 -1
- package/dist/esm/file-manager.entry.js +1 -1
- package/dist/esm/index-1878a8d8.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/swirl-action-list_3.entry.js +2 -2
- package/dist/esm/swirl-app-layout_5.entry.js +1 -1
- package/dist/esm/swirl-components.js +1 -1
- package/dist/esm/swirl-date-picker_2.entry.js +1 -1
- package/dist/esm/swirl-icon-cancel_4.entry.js +2 -2
- package/dist/esm/swirl-icon-check-circle_2.entry.js +1 -1
- package/dist/esm/swirl-icon-stars.entry.js +24 -0
- package/dist/esm/swirl-icon-stop.entry.js +1 -1
- package/dist/esm/swirl-icon-sync.entry.js +1 -1
- package/dist/esm/swirl-icon-tasks-filled.entry.js +1 -1
- package/dist/esm/swirl-icon-tasks.entry.js +1 -1
- package/dist/esm/swirl-icon-terminal.entry.js +1 -1
- package/dist/esm/swirl-icon-time-filled.entry.js +1 -1
- package/dist/esm/swirl-icon-time.entry.js +1 -1
- package/dist/esm/swirl-icon-today-filled.entry.js +1 -1
- package/dist/esm/swirl-icon-translate.entry.js +1 -1
- package/dist/esm/swirl-icon-tree-structure.entry.js +1 -1
- package/dist/esm/swirl-icon-undo.entry.js +1 -1
- package/dist/esm/swirl-icon-unlock-person.entry.js +1 -1
- package/dist/esm/swirl-icon-user-add.entry.js +1 -1
- package/dist/esm/swirl-icon-user-assign.entry.js +1 -1
- package/dist/esm/swirl-icon-video-camera-off.entry.js +1 -1
- package/dist/esm/swirl-icon-video-camera.entry.js +1 -1
- package/dist/esm/swirl-icon-video-library.entry.js +1 -1
- package/dist/esm/swirl-icon-video-player.entry.js +1 -1
- package/dist/esm/swirl-icon-voice.entry.js +1 -1
- package/dist/esm/swirl-icon-web-asset-off.entry.js +1 -1
- package/dist/esm/swirl-icon-web-asset.entry.js +1 -1
- package/dist/esm/swirl-icon-work.entry.js +1 -1
- package/dist/esm/swirl-image-grid.entry.js +1 -1
- package/dist/esm/swirl-lightbox.entry.js +1 -1
- package/dist/esm/swirl-list.entry.js +1 -1
- package/dist/esm/swirl-menu-item.entry.js +2 -2
- package/dist/esm/swirl-option-list-section.entry.js +1 -1
- package/dist/esm/swirl-option-list_2.entry.js +1 -1
- package/dist/esm/swirl-pdf-reader.entry.js +3 -3
- package/dist/esm/swirl-popover_2.entry.js +1 -1
- package/dist/esm/swirl-radio-group.entry.js +1 -1
- package/dist/esm/swirl-resource-list-file-item.entry.js +1 -1
- package/dist/esm/swirl-select.entry.js +2 -2
- package/dist/esm/swirl-shell-layout.entry.js +7 -7
- package/dist/esm/swirl-symbol-account-circle.entry.js +1 -1
- package/dist/esm/swirl-symbol-alternate-email.entry.js +1 -1
- package/dist/esm/swirl-symbol-android.entry.js +1 -1
- package/dist/esm/swirl-symbol-announcement.entry.js +1 -1
- package/dist/esm/swirl-symbol-backup.entry.js +1 -1
- package/dist/esm/swirl-symbol-beach-access.entry.js +1 -1
- package/dist/esm/swirl-symbol-bookmark.entry.js +1 -1
- package/dist/esm/swirl-symbol-cloud.entry.js +1 -1
- package/dist/esm/swirl-symbol-coronavirus.entry.js +1 -1
- package/dist/esm/swirl-symbol-desktop-windows.entry.js +1 -1
- package/dist/esm/swirl-symbol-directions-car-filled.entry.js +1 -1
- package/dist/esm/swirl-symbol-edit-calendar.entry.js +1 -1
- package/dist/esm/swirl-symbol-email.entry.js +1 -1
- package/dist/esm/swirl-symbol-emoji-food-beverage.entry.js +1 -1
- package/dist/esm/swirl-symbol-event-menu.entry.js +1 -1
- package/dist/esm/swirl-symbol-facebook.entry.js +1 -1
- package/dist/esm/swirl-symbol-favorite.entry.js +1 -1
- package/dist/esm/swirl-symbol-fitness-center.entry.js +1 -1
- package/dist/esm/swirl-symbol-flag.entry.js +1 -1
- package/dist/esm/swirl-symbol-folder.entry.js +1 -1
- package/dist/esm/swirl-symbol-globe.entry.js +1 -1
- package/dist/esm/swirl-symbol-groups.entry.js +1 -1
- package/dist/esm/swirl-symbol-help.entry.js +1 -1
- package/dist/esm/swirl-symbol-image.entry.js +1 -1
- package/dist/esm/swirl-symbol-info-menu.entry.js +1 -1
- package/dist/esm/swirl-symbol-instagram.entry.js +1 -1
- package/dist/esm/swirl-symbol-ios.entry.js +1 -1
- package/dist/esm/swirl-symbol-language.entry.js +1 -1
- package/dist/esm/swirl-symbol-leaderboard.entry.js +1 -1
- package/dist/esm/swirl-symbol-lightbulb.entry.js +1 -1
- package/dist/esm/swirl-symbol-linkedin.entry.js +1 -1
- package/dist/esm/swirl-symbol-location-on.entry.js +1 -1
- package/dist/esm/swirl-symbol-loyalty.entry.js +1 -1
- package/dist/esm/swirl-symbol-maps-home-work.entry.js +1 -1
- package/dist/esm/swirl-symbol-notifications.entry.js +1 -1
- package/dist/esm/swirl-symbol-open-in-new.entry.js +1 -1
- package/dist/esm/swirl-symbol-pedal-bike.entry.js +1 -1
- package/dist/esm/swirl-symbol-pinterest.entry.js +1 -1
- package/dist/esm/swirl-symbol-policy.entry.js +1 -1
- package/dist/esm/swirl-symbol-push-pin.entry.js +1 -1
- package/dist/esm/swirl-symbol-redeem.entry.js +1 -1
- package/dist/esm/swirl-symbol-report-problem.entry.js +1 -1
- package/dist/esm/swirl-symbol-restaurant.entry.js +1 -1
- package/dist/esm/swirl-symbol-roadmap.entry.js +1 -1
- package/dist/esm/swirl-symbol-room.entry.js +1 -1
- package/dist/esm/swirl-symbol-savings.entry.js +1 -1
- package/dist/esm/swirl-symbol-settings-voice.entry.js +1 -1
- package/dist/esm/swirl-symbol-shopping-cart.entry.js +1 -1
- package/dist/esm/swirl-symbol-smartphone.entry.js +1 -1
- package/dist/esm/swirl-symbol-star.entry.js +1 -1
- package/dist/esm/swirl-symbol-supervisor-account.entry.js +1 -1
- package/dist/esm/swirl-symbol-thumbs-up-down.entry.js +1 -1
- package/dist/esm/swirl-symbol-twitter.entry.js +1 -1
- package/dist/esm/swirl-symbol-wb-sunny.entry.js +1 -1
- package/dist/esm/swirl-symbol-wechat.entry.js +1 -1
- package/dist/esm/swirl-symbol-weibo.entry.js +1 -1
- package/dist/esm/swirl-symbol-work.entry.js +1 -1
- package/dist/esm/swirl-symbol-xing.entry.js +1 -1
- package/dist/esm/swirl-symbol-youtube.entry.js +1 -1
- package/dist/esm/swirl-symbol.entry.js +1 -1
- package/dist/esm/swirl-table-cell.entry.js +1 -1
- package/dist/esm/swirl-table-row-group.entry.js +2 -2
- package/dist/esm/swirl-table-row.entry.js +1 -1
- package/dist/esm/swirl-table.entry.js +1 -1
- package/dist/esm/swirl-tabs.entry.js +1 -1
- package/dist/esm/swirl-theme-provider.entry.js +1 -1
- package/dist/esm/swirl-time-input.entry.js +1 -1
- package/dist/esm/swirl-toggle-button.entry.js +1 -1
- package/dist/esm/swirl-toggle-group.entry.js +1 -1
- package/dist/esm/swirl-tree-navigation-item.entry.js +3 -3
- package/dist/esm/swirl-tree-navigation.entry.js +1 -1
- package/dist/esm/swirl-tree-view-item.entry.js +3 -3
- package/dist/esm/swirl-tree-view.entry.js +1 -1
- package/dist/esm/swirl-video-thumbnail.entry.js +1 -1
- package/dist/esm/swirl-visually-hidden.entry.js +1 -1
- package/dist/swirl-components/{p-1bc72127.entry.js → p-002feda9.entry.js} +1 -1
- package/dist/swirl-components/p-02edbb00.entry.js +1 -0
- package/dist/swirl-components/{p-724e645b.entry.js → p-0441f68d.entry.js} +1 -1
- package/dist/swirl-components/{p-8d8007ff.entry.js → p-06c293f8.entry.js} +1 -1
- package/dist/swirl-components/{p-7802931b.entry.js → p-09b485ae.entry.js} +1 -1
- package/dist/swirl-components/{p-17546843.entry.js → p-0b25da08.entry.js} +1 -1
- package/dist/swirl-components/p-0f1b06f8.entry.js +1 -0
- package/dist/swirl-components/{p-8df09596.entry.js → p-0f7f2203.entry.js} +1 -1
- package/dist/swirl-components/{p-66db09b4.entry.js → p-1016e36f.entry.js} +1 -1
- package/dist/swirl-components/{p-2be9a329.entry.js → p-10192db5.entry.js} +1 -1
- package/dist/swirl-components/{p-cdab0555.entry.js → p-12c04b57.entry.js} +1 -1
- package/dist/swirl-components/{p-8fdeb619.entry.js → p-13de7602.entry.js} +1 -1
- package/dist/swirl-components/p-149c656e.entry.js +1 -0
- package/dist/swirl-components/{p-54aef093.entry.js → p-17c016e2.entry.js} +1 -1
- package/dist/swirl-components/{p-27864794.entry.js → p-1b2c1bf4.entry.js} +1 -1
- package/dist/swirl-components/{p-1cca356d.entry.js → p-1fed442e.entry.js} +1 -1
- package/dist/swirl-components/{p-998ec696.entry.js → p-22168d29.entry.js} +1 -1
- package/dist/swirl-components/{p-3cd107da.entry.js → p-257d14e8.entry.js} +1 -1
- package/dist/swirl-components/{p-101eef09.entry.js → p-285864e5.entry.js} +1 -1
- package/dist/swirl-components/{p-32cdbe79.entry.js → p-286cff55.entry.js} +1 -1
- package/dist/swirl-components/p-29e839e9.entry.js +1 -0
- package/dist/swirl-components/{p-f8477126.entry.js → p-2a0f70ba.entry.js} +1 -1
- package/dist/swirl-components/{p-26627027.entry.js → p-2cb10cbb.entry.js} +1 -1
- package/dist/swirl-components/{p-33033ab9.entry.js → p-2cca547f.entry.js} +1 -1
- package/dist/swirl-components/{p-d19acfc7.entry.js → p-309e3607.entry.js} +1 -1
- package/dist/swirl-components/{p-c55400ef.entry.js → p-30e9b31b.entry.js} +1 -1
- package/dist/swirl-components/{p-f44d6259.entry.js → p-3617a79b.entry.js} +1 -1
- package/dist/swirl-components/{p-c922ffa4.entry.js → p-3730612f.entry.js} +1 -1
- package/dist/swirl-components/{p-43cca07a.entry.js → p-383662d2.entry.js} +1 -1
- package/dist/swirl-components/{p-34643d1a.entry.js → p-3907a70b.entry.js} +1 -1
- package/dist/swirl-components/{p-a73b267c.entry.js → p-3a312b18.entry.js} +1 -1
- package/dist/swirl-components/{p-f1cb5485.entry.js → p-3e99a471.entry.js} +1 -1
- package/dist/swirl-components/{p-2e21092e.entry.js → p-41da5d01.entry.js} +1 -1
- package/dist/swirl-components/p-42522451.entry.js +1 -0
- package/dist/swirl-components/p-493d5b6b.entry.js +1 -0
- package/dist/swirl-components/{p-e9b12412.entry.js → p-4971ed22.entry.js} +1 -1
- package/dist/swirl-components/{p-770247ff.entry.js → p-4c4aca1c.entry.js} +1 -1
- package/dist/swirl-components/{p-4ba3c55c.entry.js → p-511cafc1.entry.js} +1 -1
- package/dist/swirl-components/{p-5c3ed207.entry.js → p-515a5893.entry.js} +1 -1
- package/dist/swirl-components/{p-f015d0fe.entry.js → p-5588bdb4.entry.js} +1 -1
- package/dist/swirl-components/{p-dab65b68.entry.js → p-5962620e.entry.js} +1 -1
- package/dist/swirl-components/p-5c7899d8.entry.js +1 -0
- package/dist/swirl-components/p-5d53c13e.entry.js +1 -0
- package/dist/swirl-components/{p-98acfbf6.entry.js → p-5e088bdf.entry.js} +1 -1
- package/dist/swirl-components/{p-5544dc0a.entry.js → p-625c891f.entry.js} +1 -1
- package/dist/swirl-components/{p-562ce3a0.entry.js → p-67f78270.entry.js} +1 -1
- package/dist/swirl-components/{p-f40e5d19.entry.js → p-680df31b.entry.js} +1 -1
- package/dist/swirl-components/p-6c72dde4.entry.js +1 -0
- package/dist/swirl-components/{p-ba063a5f.entry.js → p-78ea7963.entry.js} +1 -1
- package/dist/swirl-components/{p-c0a43a4e.entry.js → p-7a85349a.entry.js} +1 -1
- package/dist/swirl-components/{p-b4da2e81.entry.js → p-7af62e84.entry.js} +1 -1
- package/dist/swirl-components/{p-f8e253e9.entry.js → p-7c681261.entry.js} +1 -1
- package/dist/swirl-components/{p-0a45baf0.entry.js → p-7f7abc1f.entry.js} +1 -1
- package/dist/swirl-components/{p-9d47819b.entry.js → p-802a426e.entry.js} +1 -1
- package/dist/swirl-components/p-818f77cb.entry.js +1 -0
- package/dist/swirl-components/{p-1bc7695e.entry.js → p-82210425.entry.js} +1 -1
- package/dist/swirl-components/{p-73be5670.entry.js → p-8273c208.entry.js} +1 -1
- package/dist/swirl-components/{p-e70e5b17.entry.js → p-86051192.entry.js} +1 -1
- package/dist/swirl-components/p-8728d04f.entry.js +1 -0
- package/dist/swirl-components/p-89747649.entry.js +1 -0
- package/dist/swirl-components/{p-baabfbb4.entry.js → p-8a918e53.entry.js} +1 -1
- package/dist/swirl-components/{p-48f10c0e.entry.js → p-8e1941d9.entry.js} +1 -1
- package/dist/swirl-components/{p-c2a7175d.entry.js → p-8e4e80f1.entry.js} +1 -1
- package/dist/swirl-components/{p-df6fd698.entry.js → p-9654ed61.entry.js} +1 -1
- package/dist/swirl-components/{p-26b5fcfc.entry.js → p-9af807bc.entry.js} +1 -1
- package/dist/swirl-components/p-9d9a8142.entry.js +1 -0
- package/dist/swirl-components/{p-cac9cace.entry.js → p-9fc9e970.entry.js} +1 -1
- package/dist/swirl-components/{p-12afaad0.entry.js → p-a287315a.entry.js} +1 -1
- package/dist/swirl-components/{p-36ac64e8.entry.js → p-a2bbe798.entry.js} +1 -1
- package/dist/swirl-components/{p-67e2146e.entry.js → p-a47f4102.entry.js} +1 -1
- package/dist/swirl-components/{p-cf939f46.entry.js → p-a586b89c.entry.js} +1 -1
- package/dist/swirl-components/{p-7a633d57.entry.js → p-a5dc8e97.entry.js} +1 -1
- package/dist/swirl-components/{p-0c68f934.entry.js → p-aca067ff.entry.js} +1 -1
- package/dist/swirl-components/{p-a11dca0b.entry.js → p-b0ab0067.entry.js} +1 -1
- package/dist/swirl-components/{p-6bb6a391.entry.js → p-b0fe8ff8.entry.js} +1 -1
- package/dist/swirl-components/{p-2cf7ebb8.entry.js → p-b41ba4b6.entry.js} +1 -1
- package/dist/swirl-components/{p-eb73f54b.entry.js → p-b56ad2c0.entry.js} +1 -1
- package/dist/swirl-components/{p-217a42d2.entry.js → p-b7e88a6b.entry.js} +1 -1
- package/dist/swirl-components/{p-6a68fa1a.entry.js → p-ba8fcfd4.entry.js} +1 -1
- package/dist/swirl-components/{p-291b1212.entry.js → p-bf3cbbeb.entry.js} +1 -1
- package/dist/swirl-components/{p-0a2f9f2f.entry.js → p-bf59f3e9.entry.js} +1 -1
- package/dist/swirl-components/{p-217fbd0a.entry.js → p-c081e9ab.entry.js} +1 -1
- package/dist/swirl-components/{p-0c2a1fd4.entry.js → p-c6eb446d.entry.js} +1 -1
- package/dist/swirl-components/{p-068635c0.entry.js → p-c771a885.entry.js} +1 -1
- package/dist/swirl-components/{p-3a13459b.entry.js → p-c78c4e35.entry.js} +1 -1
- package/dist/swirl-components/{p-9f2ab286.entry.js → p-c8fec7f9.entry.js} +1 -1
- package/dist/swirl-components/{p-c712b474.entry.js → p-cf9fb9da.entry.js} +1 -1
- package/dist/swirl-components/{p-fd1b639e.entry.js → p-d0c8216e.entry.js} +1 -1
- package/dist/swirl-components/{p-54b52457.entry.js → p-d12dc250.entry.js} +1 -1
- package/dist/swirl-components/{p-97fb26f5.entry.js → p-d22181bc.entry.js} +1 -1
- package/dist/swirl-components/{p-bd466082.entry.js → p-d359a901.entry.js} +1 -1
- package/dist/swirl-components/{p-04c6d667.entry.js → p-dc21a595.entry.js} +1 -1
- package/dist/swirl-components/p-de75c9c6.entry.js +1 -0
- package/dist/swirl-components/p-e080f8b4.entry.js +1 -0
- package/dist/swirl-components/{p-8aef1c44.entry.js → p-e0cbf963.entry.js} +1 -1
- package/dist/swirl-components/{p-7844db11.entry.js → p-e277f86f.entry.js} +1 -1
- package/dist/swirl-components/{p-246d47ef.entry.js → p-e3cc2aa4.entry.js} +1 -1
- package/dist/swirl-components/{p-ae6a1ef8.entry.js → p-e7895b81.entry.js} +1 -1
- package/dist/swirl-components/{p-5c8a4ebd.entry.js → p-e9180849.entry.js} +1 -1
- package/dist/swirl-components/{p-7c672a46.entry.js → p-e92e0b66.entry.js} +1 -1
- package/dist/swirl-components/{p-3235a1ab.entry.js → p-e9c9be28.entry.js} +1 -1
- package/dist/swirl-components/{p-ea8b9b0b.entry.js → p-ea0abcae.entry.js} +1 -1
- package/dist/swirl-components/{p-3d849ff3.entry.js → p-ece77ae0.entry.js} +1 -1
- package/dist/swirl-components/p-f1902f2d.entry.js +1 -0
- package/dist/swirl-components/{p-391e3bdc.entry.js → p-f1c484ab.entry.js} +1 -1
- package/dist/swirl-components/{p-52433cf4.entry.js → p-f2d43490.entry.js} +1 -1
- package/dist/swirl-components/{p-29c7246b.entry.js → p-f4d9a996.entry.js} +1 -1
- package/dist/swirl-components/{p-c245e48e.entry.js → p-f5116509.entry.js} +1 -1
- package/dist/swirl-components/{p-cabff409.entry.js → p-f8312d05.entry.js} +1 -1
- package/dist/swirl-components/p-fa51f419.entry.js +1 -0
- package/dist/swirl-components/p-fa9cb5bd.entry.js +1 -0
- package/dist/swirl-components/p-fb3c2e4d.entry.js +1 -0
- package/dist/swirl-components/p-fb7e8217.entry.js +1 -0
- package/dist/swirl-components/{p-913bd2c1.entry.js → p-fbd96e73.entry.js} +1 -1
- package/dist/swirl-components/{p-357e537c.entry.js → p-feca2605.entry.js} +1 -1
- package/dist/swirl-components/p-ff0445a2.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-icon/icons/swirl-icon-stars.d.ts +7 -0
- package/dist/types/components/swirl-separator/swirl-separator.d.ts +1 -1
- package/dist/types/components.d.ts +17 -0
- package/icons.json +1 -1
- package/package.json +2 -2
- package/vscode-data.json +61 -0
- package/dist/swirl-components/p-02c66780.entry.js +0 -1
- package/dist/swirl-components/p-03fc7fb9.entry.js +0 -1
- package/dist/swirl-components/p-0abec0a5.entry.js +0 -1
- package/dist/swirl-components/p-0bfd5063.entry.js +0 -1
- package/dist/swirl-components/p-0d652721.entry.js +0 -1
- package/dist/swirl-components/p-3c6b6056.entry.js +0 -1
- package/dist/swirl-components/p-4dfa9af4.entry.js +0 -1
- package/dist/swirl-components/p-5c2c0c3b.entry.js +0 -1
- package/dist/swirl-components/p-5c76a55f.entry.js +0 -1
- package/dist/swirl-components/p-640b2881.entry.js +0 -1
- package/dist/swirl-components/p-66ad37aa.entry.js +0 -1
- package/dist/swirl-components/p-97627bb9.entry.js +0 -1
- package/dist/swirl-components/p-9e7fb15f.entry.js +0 -1
- package/dist/swirl-components/p-acaf726f.entry.js +0 -1
- package/dist/swirl-components/p-b097e4f5.entry.js +0 -1
- package/dist/swirl-components/p-cc322420.entry.js +0 -1
- package/dist/swirl-components/p-d98cc8b8.entry.js +0 -1
- package/dist/swirl-components/p-e60728f5.entry.js +0 -1
- package/dist/swirl-components/p-eabccad1.entry.js +0 -1
- package/dist/swirl-components/p-fdd5ebe2.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as t,h as i,H as e,g as o,F as s}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";import{g as l,d as n,i as p,f as d}from"./p-0f3e0216.js";import{S as c}from"./p-1486d7ea.js";import{v as u}from"./p-14616bce.js";const b=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=t(this,"navigationExpansionStateChange",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=a=>{this.isDesktop=a.matches},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=n((()=>{this.updateContentScrollState()}),16),this.onNavScroll=n((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=n((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.collapsibleNavigation=void 0,this.ctaIcon=void 0,this.ctaLabel=void 0,this.hasNavigation=void 0,this.hideAppBar=void 0,this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.hasCustomAppBarBackButton=void 0,this.hasSidebar=void 0,this.isDesktop=void 0,this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.sidebarOpening=void 0,this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,queueMicrotask((()=>{this.isDesktop=this.desktopMediaQuery.matches,this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarOpeningTimeout)&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=p()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=p()||d()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!p()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(a)&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="bottom-bar"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')),n=Boolean(this.el.querySelector('[slot="floating-action-button"]'))||Boolean(this.ctaLabel),p=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),d=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--nav-${this.isDesktop?this.navExpansionState:"expanded"}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-bar":o,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":l,"app-layout--has-floating-action-button":n,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"3b1c6dfbd70f1e73595152063eb0f19214061a0b"},i("section",{key:"66b24882d23244130b99d018d154819924a238a8","aria-labelledby":"app-name",class:d},i("div",{key:"4ba4430a6ff528e1f5c7739a49bb1718acfff76c",class:"app-layout__grid"},i("header",{key:"2557b4f52f4d63b8e3bd0d79b97d12dff3e35ebf",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"db4942252a5b23067a186188a2de09e231b33fc2",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"d34fefe46a8116f28df00c3d2b00611d2e5c977f",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"f199cb947888c1ae726108c398f1b0a0ccd459e1",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"801cb2ec74f780fd9f5a2114e4ef9c5fa11bc844",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"09cc96fc608719f6f03c124765362c9203ae624a",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"c48e18559fef928f25f0fee06b3d1e3202ef624a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"5b0c2f2b4183636415d2c605f2921f4513f87d9e",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"1c17004783909c533522e645bcde641efe20af38",class:"app-layout__navigation-controls"},i("slot",{key:"6194344af515533f48c12719578d355d538fe132",name:"navigation-controls"}))),i("nav",{key:"49f8bed05da5f7ea4d8ca731e8ac6640f6efba1d","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"7bb84dd7374be5df9caaea8bd04545512ee68ec0",name:"navigation"})),i("section",{key:"a19ab7ca766bf445427ccbd80ca20c8493435e83","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"8325293845b85f72b7f3df2662559e2ab4074bb9",class:"app-layout__app-bar"},i("span",{key:"5237b62f03cd7c1373549a2a30ccf446ba0372f9",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"f18bde70731b9351e63b21ad7f1a9c647abf416f",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"215d23179fc51dd075864c265ea9b7f364319a95",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"ea3be8edd9002a61f20c0a12da9aa1b578947c6a",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"60fa359b9bd61b0e1f6be352436999b2cf17f4fc",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"05e09fb3a58dc2ab2e88ee49c585eecc60c7954d",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"f47a36036537b26f772e3bda24b2aa6469e2cf3c",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"136b0f6cb5f49fd2748ff359ee12320adc70e564",name:"custom-app-bar-back-button"})),i("div",{key:"b8a00b16415b1ec1e860c1d5d57e0490d48e4401",class:"app-layout__app-bar-content"},i("slot",{key:"62cc509a362d5f194182499071b1756c146d26dc",name:"app-bar"})),i("div",{key:"effb581b5c5e33f5ff2438b4b41376d88d232fe9",class:"app-layout__app-bar-controls"},i("slot",{key:"f87b7467b069faaa2efa0cbc68e7ec22c041ff8b",name:"app-bar-controls"}))),i("div",{key:"818823f7c90a8f1fb905a225b5d10b4828805769",class:"app-layout__banner"},i("slot",{key:"fd1f5c35df19fffe35abdd5096f85c32fc1bba22",name:"banner"})),i("div",{key:"572494fb3c5f3b59bdb55d87feb44b59842eb1a6",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"b83fb9b173afa0b60976565aded1449afd680955",name:"content"})),i("div",{key:"3150822e788bf1af515f1e55c42b25851feaef27",class:"app-layout__bottom-bar"},i("slot",{key:"35a21d973b8f54a8aac80f3744c500f501fa5aa1",name:"bottom-bar"}))),i("aside",{key:"d32a56c28adc6a57c15b750a02575093b80a58f6",class:"app-layout__sidebar"},i("header",{key:"7b60c1d2b4dc8ddd384dde58d4e822e34732f37d",class:"app-layout__custom-sidebar-header"},i("slot",{key:"a10e07f95f94b4fd3863c60e0689997fcc7af569",name:"custom-sidebar-header"})),i("header",{key:"18bfcf429fcbfb1ef138a7723a8b9e0752ced246",class:"app-layout__sidebar-header"},i("swirl-button",{key:"ea311add99e5adb33b8bbed78f7d88fc7d6bf28f",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"54a13c7f1f0b362cb196a59c5622d2e246cadec0",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"6920f3562d625be0f9e16c090eeed8d17eea49b7",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"9807fec2801d84a5ae517765ff7b0f08e4c3f3c5",name:"sidebar"}))),i("span",{key:"9a5b7f6098d8f24f6df6ba7d84bf0276c043effa",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"77e960a30d95129160f0ebec29d419a8572f67ab",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"8f8942d7df62a364c2e9216d08aa0cbe765a9093",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};b.style=':host{--header-height:3.5625rem;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:var(--header-height) 1fr;grid-template-areas:"body"\n "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n to right,\n rgba(0, 0, 0, 0.05) 0,\n rgba(0, 0, 0, 0) 80%,\n rgba(0, 0, 0, 0) 100%\n );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"\n "banner"\n "content"\n "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n "content"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);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 transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"\n "banner"\n "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 transparent;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;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:var(--header-height) 1fr;grid-template-areas:"sidebar-header"\n "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;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 transparent;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}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@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"\n "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"\n "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 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-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 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}}';const h=class{constructor(t){a(this,t),this.heading=void 0,this.illustration=void 0}render(){const a=Boolean(this.el.querySelector('[slot="controls"]')),t=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":a,"empty-state--has-slotted-illustration":t});return i(e,{key:"54b579115aeba928aba14cfa789f81eadf19621e"},i("div",{key:"bb0d6bac2319179d9b43ab5469070381c4712946",class:o},this.illustration&&!t&&i("img",{key:"733fadb95e8458568c9ddee523007a9371ca8a84",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"5b610e75de57a6707c3364e98daa6753b225951f",class:"empty-state__slotted-illustration"},i("slot",{key:"275f7e216aaef0ae125e3a14ec59eda421edd9cd",name:"illustration"})),i("div",{key:"7e74bb0f0ed09837a5c5e6ed0436500db01b2665",class:"empty-state__body"},i("swirl-stack",{key:"41693a74c9c846ca6dc9ed442a4ac0a713e363e2",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"6b0d9fcf395ab3f60eef3e720560b0798a54e6c6",align:"center",as:"p",level:4,text:this.heading}),i("div",{key:"b0fc78406d23677dc98af4693fd12cd6c660f9d4",class:"empty-state__content"},i("swirl-text",{key:"aa9758dac037121b31f74dab447f5bba1fcce722",align:"center",color:"subdued"},i("slot",{key:"667812460bcb12a6b9f36f6108e06c0f697100ef"})))),i("div",{key:"0955fc5e757fd56dec7a373525c49437ce433169",class:"empty-state__controls"},i("slot",{key:"b7fd277568939ab5bac06987945a15a2a1f2e125",name:"controls"})))))}get el(){return o(this)}};h.style=":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}";const y=class{constructor(t){a(this,t),this.color=void 0,this.size=24}render(){const a=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"1b86ea8c071c3040e70580a496b96c7dc826df29","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"75bf011900f56ca23a6696f1a0fa0a21e92528e8"},i("path",{key:"6073aba6dbeefd458e486bd447be08d8634e0adb",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"})),(20===this.size||24===this.size)&&i(s,{key:"3a37e490935663f9da24fb8ebf366c160b3ab86b"},i("path",{key:"bbbbc438cfa261f256af42bcff8d53b0d880b8bd",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"})),28===this.size&&i(s,{key:"c1fecf321a75d263863cb0cbf36f88cf61f330c3"},i("path",{key:"08df30e71892bb5277ea9297bb2ed8a2be46fa76",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"})))}};y.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=a=>{const t=a.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=a=>{this.dragging=a,this.draggingStartIndex=this.getItemIndex(this.dragging),a.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=a=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,a.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:a,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=a=>{if("ArrowDown"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===a.code||"Enter"===a.code){const t=a.composedPath()[0];if(Boolean(this.dragging)&&!t?.classList.contains("resource-list-item__drag-handle"))a.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)){const t=this.items[this.focusedIndex];if(!Boolean(t)||!t.isConnected)return;a.stopPropagation(),a.preventDefault(),t.click()}}else"Home"===a.code?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.code&&(a.preventDefault(),this.focusItemAtIndex(this.items.length-1))},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.spacing="0",this.assistiveText=void 0,this.listId=u()}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setupControllingElement(),this.setItemAllowDragState(),this.setupDragDrop()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.sortable?.destroy(),this.observer?.disconnect(),this.controllingElement?.removeEventListener("keydown",this.onKeyDown)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.collectItems(),this.setItemAllowDragState()})),this.observer.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((a=>a.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex]),Boolean(this.controllingElement)&&this.items[0]?.setAttribute("aria-selected","true")}setupControllingElement(){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))}getItemIndex(a){return this.items.map((a=>a)).findIndex((t=>t===a))}removeItemsFromTabOrder(){this.items.forEach((a=>{const t=a?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=a?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&a.setAttribute("aria-selected","false"),t?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?a=>{a.setAttribute("allow-drag","true"),a.addEventListener("toggleDrag",this.toggleDrag)}:a=>{a.removeAttribute("allow-drag"),a.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=c.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:a=>{this.itemDrop.emit({item:a.item,oldIndex:a.oldDraggableIndex,newIndex:a.newDraggableIndex})}}))}enableItemFocus(a,t){if(!Boolean(a)||Boolean(this.controllingElement))return;const i=a.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=a.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),t&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(t.setAttribute("aria-selected","true"),t.scrollIntoView({block:"nearest"})),this.focusedIndex=a)}moveDraggedItemDown(){const a=this.dragging.nextElementSibling;Boolean(a)&&(a.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const a=this.dragging.previousElementSibling;Boolean(a)&&(a.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return i(e,{key:"05ed31676b220f9d172dab49cb97e60a455e94dd",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"8fd68beed1b6213ca9ca76489411c62dc15b8a3c",role:"alert"},this.assistiveText),i("swirl-box",{key:"f368a8ad30374ce7fd30c99e5cd294831346399d",paddingInlineEnd:"8",paddingInlineStart:"8"},i("swirl-stack",{key:"571484ef283eaee0cc204002bc75e0b68e05277c","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:"grid",spacing:this.spacing},i("slot",{key:"03d393e85ce900630132c1ac26a9b09dbab179b4"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};m.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const g=class{constructor(i){a(this,i),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=l(),this.elementId=u(),this.desktopMediaQueryHandler=a=>{this.forceIconProps(a.matches),this.updateIconSize(a.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()},this.onDragHandleKeyDown=a=>{"Space"!==a.code&&"Enter"!==a.code||(a.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=a=>{a.stopPropagation()},this.active=void 0,this.allowDrag=void 0,this.allowHtml=!0,this.checked=!1,this.compact=void 0,this.description=void 0,this.descriptionWrap=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.interactive=!0,this.label=void 0,this.labelWeight="medium",this.labelWrap=void 0,this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.swirlAriaLabel=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}componentWillLoad(){this.updateMediaState()}componentDidLoad(){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')}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(a){const t=this.iconEl?.children[0];t?.setAttribute("size",a?"20":"24")}updateIconSize(a){this.iconSize=a?20:24}updateMediaState(){const a=this.el.querySelector('[slot="media"]'),t=Boolean(a);t!==this.hasMedia&&(this.hasMedia=t)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=0)}makeControlUnfocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=-1)}render(){const a=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=this.el.querySelector("[slot='control']"),l=Boolean(this.menuTriggerId)||s,n=this.interactive&&Boolean(this.href)?this.href:void 0,p=s&&(Boolean(this.meta)||o),d=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,c=(Boolean(this.meta)||o)&&!this.selectable,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,h=this.interactive&&this.selectable?"checkbox":void 0,y=!c&&Boolean(this.controlContainer)?{paddingRight:`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`}:void 0,m=r("resource-list-item",`resource-list-item--label-weight-${this.labelWeight}`,{"resource-list-item--active":this.active,"resource-list-item--checked":this.checked,"resource-list-item--compact":this.compact,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":l,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--interactive":this.interactive||this.selectable,"resource-list-item--selectable":this.selectable,"resource-list-item--show-control-on-focus":p,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return i(e,{key:"9d3f00a891dd64db9190384e0bd0d0a66212c043",role:"row"},i("div",{key:"17dc1ce060507171ac56405c152b965649ca824a",class:m,role:"gridcell"},i(a,{key:"66db22dfe41fe388c5fef5e7613af01678668567","aria-checked":b,"aria-disabled":t?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:h,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"28a231f4240f1bebc41fe1dc0c7a6635acd6a5c5",class:"resource-list-item__media"},i("slot",{key:"5e429b942ffc407bfd0def18105a9763749839be",name:"media"})),i("span",{key:"8860b4ea5cdcf48ca8d60e7f00e44c5520fc3543",class:"resource-list-item__label-container",style:y},i("span",{key:"7f6d29fa03a84bc73121347de095e225cfaa67a3",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"2c8f11cbe53cebcf8b2ef7dcd239c75b280c877e",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"4a93cd38d83aed70e10705893745630f1c182b01",class:"resource-list-item__meta"},i("span",{key:"938797adda1df01675bf4c1f73f95d94f1cebab8",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"322967c698ef51806e8ab2f7fb51786c965870a3",class:"resource-list-item__badges"},i("slot",{key:"370ef8342ad9f50f16d61b3169350e4ee4fd7a54",name:"badges"})))),this.selectable&&i("span",{key:"2548d83426c1b6f9849cfd471668dd36d9aa3f42","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"1cc5a80ee2fde009aefdd7cae9e8dde67c6a1c60",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"c296d875f7a8f8c33b711247dddab5aebec79810"}))),i("span",{key:"31674fb2618242528fe1238505fab07a797e40a3",class:"resource-list-item__control",onClick:this.onControlClick,ref:a=>this.controlContainer=a},i("slot",{key:"3cd15acdf0d12ccaeebfab15d1b90b55dcbb1624",name:"control"})),d&&i("swirl-popover-trigger",{key:"9f5b7b04ca5db7115018e3ea596162fbe9e9a5b3",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"413de0e828f48b1c2c689e5fadd0d8fa709609ee","aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"c9fb6ac5196dfc9f9dd274bb8cdb2dbd426c941f","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},i("swirl-icon-drag-handle",{key:"34bc0c7016bd2d38323d26b91a9b517360bebcc4",size:this.iconSize})))}get el(){return o(this)}};g.style='.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(\n --swirl-resource-list-item-background-hovered\n );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),\n 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}';export{b as swirl_app_layout,h as swirl_empty_state,y as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}
|
|
1
|
+
import{r as a,c as t,h as i,H as e,g as o,F as s}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";import{g as l,d as n,i as p,f as d}from"./p-0f3e0216.js";import{S as c}from"./p-1486d7ea.js";import{v as u}from"./p-14616bce.js";const b=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=t(this,"navigationExpansionStateChange",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=a=>{this.isDesktop=a.matches},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=n((()=>{this.updateContentScrollState()}),16),this.onNavScroll=n((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=n((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.collapsibleNavigation=void 0,this.ctaIcon=void 0,this.ctaLabel=void 0,this.hasNavigation=void 0,this.hideAppBar=void 0,this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.hasCustomAppBarBackButton=void 0,this.hasSidebar=void 0,this.isDesktop=void 0,this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.sidebarOpening=void 0,this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,queueMicrotask((()=>{this.isDesktop=this.desktopMediaQuery.matches,this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarOpeningTimeout)&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=p()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=p()||d()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!p()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(a)&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="bottom-bar"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')),n=Boolean(this.el.querySelector('[slot="floating-action-button"]'))||Boolean(this.ctaLabel),p=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),d=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--nav-${this.isDesktop?this.navExpansionState:"expanded"}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-bar":o,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":l,"app-layout--has-floating-action-button":n,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"3b1c6dfbd70f1e73595152063eb0f19214061a0b"},i("section",{key:"66b24882d23244130b99d018d154819924a238a8","aria-labelledby":"app-name",class:d},i("div",{key:"4ba4430a6ff528e1f5c7739a49bb1718acfff76c",class:"app-layout__grid"},i("header",{key:"2557b4f52f4d63b8e3bd0d79b97d12dff3e35ebf",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"db4942252a5b23067a186188a2de09e231b33fc2",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"d34fefe46a8116f28df00c3d2b00611d2e5c977f",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"f199cb947888c1ae726108c398f1b0a0ccd459e1",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"801cb2ec74f780fd9f5a2114e4ef9c5fa11bc844",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"09cc96fc608719f6f03c124765362c9203ae624a",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"c48e18559fef928f25f0fee06b3d1e3202ef624a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"5b0c2f2b4183636415d2c605f2921f4513f87d9e",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"1c17004783909c533522e645bcde641efe20af38",class:"app-layout__navigation-controls"},i("slot",{key:"6194344af515533f48c12719578d355d538fe132",name:"navigation-controls"}))),i("nav",{key:"49f8bed05da5f7ea4d8ca731e8ac6640f6efba1d","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"7bb84dd7374be5df9caaea8bd04545512ee68ec0",name:"navigation"})),i("section",{key:"a19ab7ca766bf445427ccbd80ca20c8493435e83","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"8325293845b85f72b7f3df2662559e2ab4074bb9",class:"app-layout__app-bar"},i("span",{key:"5237b62f03cd7c1373549a2a30ccf446ba0372f9",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"f18bde70731b9351e63b21ad7f1a9c647abf416f",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"215d23179fc51dd075864c265ea9b7f364319a95",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"ea3be8edd9002a61f20c0a12da9aa1b578947c6a",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"60fa359b9bd61b0e1f6be352436999b2cf17f4fc",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"05e09fb3a58dc2ab2e88ee49c585eecc60c7954d",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"f47a36036537b26f772e3bda24b2aa6469e2cf3c",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"136b0f6cb5f49fd2748ff359ee12320adc70e564",name:"custom-app-bar-back-button"})),i("div",{key:"b8a00b16415b1ec1e860c1d5d57e0490d48e4401",class:"app-layout__app-bar-content"},i("slot",{key:"62cc509a362d5f194182499071b1756c146d26dc",name:"app-bar"})),i("div",{key:"effb581b5c5e33f5ff2438b4b41376d88d232fe9",class:"app-layout__app-bar-controls"},i("slot",{key:"f87b7467b069faaa2efa0cbc68e7ec22c041ff8b",name:"app-bar-controls"}))),i("div",{key:"818823f7c90a8f1fb905a225b5d10b4828805769",class:"app-layout__banner"},i("slot",{key:"fd1f5c35df19fffe35abdd5096f85c32fc1bba22",name:"banner"})),i("div",{key:"572494fb3c5f3b59bdb55d87feb44b59842eb1a6",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"b83fb9b173afa0b60976565aded1449afd680955",name:"content"})),i("div",{key:"3150822e788bf1af515f1e55c42b25851feaef27",class:"app-layout__bottom-bar"},i("slot",{key:"35a21d973b8f54a8aac80f3744c500f501fa5aa1",name:"bottom-bar"}))),i("aside",{key:"d32a56c28adc6a57c15b750a02575093b80a58f6",class:"app-layout__sidebar"},i("header",{key:"7b60c1d2b4dc8ddd384dde58d4e822e34732f37d",class:"app-layout__custom-sidebar-header"},i("slot",{key:"a10e07f95f94b4fd3863c60e0689997fcc7af569",name:"custom-sidebar-header"})),i("header",{key:"18bfcf429fcbfb1ef138a7723a8b9e0752ced246",class:"app-layout__sidebar-header"},i("swirl-button",{key:"ea311add99e5adb33b8bbed78f7d88fc7d6bf28f",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"54a13c7f1f0b362cb196a59c5622d2e246cadec0",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"6920f3562d625be0f9e16c090eeed8d17eea49b7",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"9807fec2801d84a5ae517765ff7b0f08e4c3f3c5",name:"sidebar"}))),i("span",{key:"9a5b7f6098d8f24f6df6ba7d84bf0276c043effa",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"77e960a30d95129160f0ebec29d419a8572f67ab",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"8f8942d7df62a364c2e9216d08aa0cbe765a9093",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};b.style=':host{--header-height:3.5625rem;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:var(--header-height) 1fr;grid-template-areas:"body"\n "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n to right,\n rgba(0, 0, 0, 0.05) 0,\n rgba(0, 0, 0, 0) 80%,\n rgba(0, 0, 0, 0) 100%\n );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"\n "banner"\n "content"\n "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n "content"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);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 transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"\n "banner"\n "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 transparent;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;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:var(--header-height) 1fr;grid-template-areas:"sidebar-header"\n "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;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 transparent;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}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@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"\n "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"\n "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 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-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 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}}';const h=class{constructor(t){a(this,t),this.heading=void 0,this.illustration=void 0}render(){const a=Boolean(this.el.querySelector('[slot="controls"]')),t=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":a,"empty-state--has-slotted-illustration":t});return i(e,{key:"54b579115aeba928aba14cfa789f81eadf19621e"},i("div",{key:"bb0d6bac2319179d9b43ab5469070381c4712946",class:o},this.illustration&&!t&&i("img",{key:"733fadb95e8458568c9ddee523007a9371ca8a84",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"5b610e75de57a6707c3364e98daa6753b225951f",class:"empty-state__slotted-illustration"},i("slot",{key:"275f7e216aaef0ae125e3a14ec59eda421edd9cd",name:"illustration"})),i("div",{key:"7e74bb0f0ed09837a5c5e6ed0436500db01b2665",class:"empty-state__body"},i("swirl-stack",{key:"41693a74c9c846ca6dc9ed442a4ac0a713e363e2",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"6b0d9fcf395ab3f60eef3e720560b0798a54e6c6",align:"center",as:"p",level:4,text:this.heading}),i("div",{key:"b0fc78406d23677dc98af4693fd12cd6c660f9d4",class:"empty-state__content"},i("swirl-text",{key:"aa9758dac037121b31f74dab447f5bba1fcce722",align:"center",color:"subdued"},i("slot",{key:"667812460bcb12a6b9f36f6108e06c0f697100ef"})))),i("div",{key:"0955fc5e757fd56dec7a373525c49437ce433169",class:"empty-state__controls"},i("slot",{key:"b7fd277568939ab5bac06987945a15a2a1f2e125",name:"controls"})))))}get el(){return o(this)}};h.style=":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}";const y=class{constructor(t){a(this,t),this.color=void 0,this.size=24}render(){const a=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"1b86ea8c071c3040e70580a496b96c7dc826df29","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"75bf011900f56ca23a6696f1a0fa0a21e92528e8"},i("path",{key:"6073aba6dbeefd458e486bd447be08d8634e0adb",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"})),(20===this.size||24===this.size)&&i(s,{key:"3a37e490935663f9da24fb8ebf366c160b3ab86b"},i("path",{key:"bbbbc438cfa261f256af42bcff8d53b0d880b8bd",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"})),28===this.size&&i(s,{key:"c1fecf321a75d263863cb0cbf36f88cf61f330c3"},i("path",{key:"08df30e71892bb5277ea9297bb2ed8a2be46fa76",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"})))}};y.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=a=>{const t=a.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=a=>{this.dragging=a,this.draggingStartIndex=this.getItemIndex(this.dragging),a.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=a=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,a.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:a,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=a=>{if("ArrowDown"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===a.code||"Enter"===a.code){const t=a.composedPath()[0];if(Boolean(this.dragging)&&!t?.classList.contains("resource-list-item__drag-handle"))a.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)){const t=this.items[this.focusedIndex];if(!Boolean(t)||!t.isConnected)return;a.stopPropagation(),a.preventDefault(),t.click()}}else"Home"===a.code?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.code&&(a.preventDefault(),this.focusItemAtIndex(this.items.length-1))},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.spacing="0",this.assistiveText=void 0,this.listId=u()}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setupControllingElement(),this.setItemAllowDragState(),this.setupDragDrop()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.sortable?.destroy(),this.observer?.disconnect(),this.controllingElement?.removeEventListener("keydown",this.onKeyDown)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.collectItems(),this.setItemAllowDragState()})),this.observer.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((a=>a.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex]),Boolean(this.controllingElement)&&this.items[0]?.setAttribute("aria-selected","true")}setupControllingElement(){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))}getItemIndex(a){return this.items.map((a=>a)).findIndex((t=>t===a))}removeItemsFromTabOrder(){this.items.forEach((a=>{const t=a?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=a?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&a.setAttribute("aria-selected","false"),t?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?a=>{a.setAttribute("allow-drag","true"),a.addEventListener("toggleDrag",this.toggleDrag)}:a=>{a.removeAttribute("allow-drag"),a.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=c.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:a=>{this.itemDrop.emit({item:a.item,oldIndex:a.oldDraggableIndex,newIndex:a.newDraggableIndex})}}))}enableItemFocus(a,t){if(!Boolean(a)||Boolean(this.controllingElement))return;const i=a.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=a.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),t&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(t.setAttribute("aria-selected","true"),t.scrollIntoView({block:"nearest"})),this.focusedIndex=a)}moveDraggedItemDown(){const a=this.dragging.nextElementSibling;Boolean(a)&&(a.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const a=this.dragging.previousElementSibling;Boolean(a)&&(a.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return i(e,{key:"079e30800db2243fed032dd0f9c323b7e1d21560",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"48c29549f92ac758fd15f6556aa4ea73fa755865",role:"alert"},this.assistiveText),i("swirl-box",{key:"efae3a5cc330c088a725b65c9d93cd0f623c6866",paddingInlineEnd:"8",paddingInlineStart:"8"},i("swirl-stack",{key:"df9098071b6df63e29e713a0f373cdf51e294755","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:"grid",spacing:this.spacing},i("slot",{key:"546455066afecef76f19fa229d9a0741a0ac2b12"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};m.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const g=class{constructor(i){a(this,i),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=l(),this.elementId=u(),this.desktopMediaQueryHandler=a=>{this.forceIconProps(a.matches),this.updateIconSize(a.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()},this.onDragHandleKeyDown=a=>{"Space"!==a.code&&"Enter"!==a.code||(a.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=a=>{a.stopPropagation()},this.active=void 0,this.allowDrag=void 0,this.allowHtml=!0,this.checked=!1,this.compact=void 0,this.description=void 0,this.descriptionWrap=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.interactive=!0,this.label=void 0,this.labelWeight="medium",this.labelWrap=void 0,this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.swirlAriaLabel=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}componentWillLoad(){this.updateMediaState()}componentDidLoad(){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')}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(a){const t=this.iconEl?.children[0];t?.setAttribute("size",a?"20":"24")}updateIconSize(a){this.iconSize=a?20:24}updateMediaState(){const a=this.el.querySelector('[slot="media"]'),t=Boolean(a);t!==this.hasMedia&&(this.hasMedia=t)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=0)}makeControlUnfocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=-1)}render(){const a=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=this.el.querySelector("[slot='control']"),l=Boolean(this.menuTriggerId)||s,n=this.interactive&&Boolean(this.href)?this.href:void 0,p=s&&(Boolean(this.meta)||o),d=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,c=(Boolean(this.meta)||o)&&!this.selectable,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,h=this.interactive&&this.selectable?"checkbox":void 0,y=!c&&Boolean(this.controlContainer)?{paddingRight:`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`}:void 0,m=r("resource-list-item",`resource-list-item--label-weight-${this.labelWeight}`,{"resource-list-item--active":this.active,"resource-list-item--checked":this.checked,"resource-list-item--compact":this.compact,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":l,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--interactive":this.interactive||this.selectable,"resource-list-item--selectable":this.selectable,"resource-list-item--show-control-on-focus":p,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return i(e,{key:"9d3f00a891dd64db9190384e0bd0d0a66212c043",role:"row"},i("div",{key:"17dc1ce060507171ac56405c152b965649ca824a",class:m,role:"gridcell"},i(a,{key:"66db22dfe41fe388c5fef5e7613af01678668567","aria-checked":b,"aria-disabled":t?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:h,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"28a231f4240f1bebc41fe1dc0c7a6635acd6a5c5",class:"resource-list-item__media"},i("slot",{key:"5e429b942ffc407bfd0def18105a9763749839be",name:"media"})),i("span",{key:"8860b4ea5cdcf48ca8d60e7f00e44c5520fc3543",class:"resource-list-item__label-container",style:y},i("span",{key:"7f6d29fa03a84bc73121347de095e225cfaa67a3",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"2c8f11cbe53cebcf8b2ef7dcd239c75b280c877e",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"4a93cd38d83aed70e10705893745630f1c182b01",class:"resource-list-item__meta"},i("span",{key:"938797adda1df01675bf4c1f73f95d94f1cebab8",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"322967c698ef51806e8ab2f7fb51786c965870a3",class:"resource-list-item__badges"},i("slot",{key:"370ef8342ad9f50f16d61b3169350e4ee4fd7a54",name:"badges"})))),this.selectable&&i("span",{key:"2548d83426c1b6f9849cfd471668dd36d9aa3f42","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"1cc5a80ee2fde009aefdd7cae9e8dde67c6a1c60",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"c296d875f7a8f8c33b711247dddab5aebec79810"}))),i("span",{key:"31674fb2618242528fe1238505fab07a797e40a3",class:"resource-list-item__control",onClick:this.onControlClick,ref:a=>this.controlContainer=a},i("slot",{key:"3cd15acdf0d12ccaeebfab15d1b90b55dcbb1624",name:"control"})),d&&i("swirl-popover-trigger",{key:"9f5b7b04ca5db7115018e3ea596162fbe9e9a5b3",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"413de0e828f48b1c2c689e5fadd0d8fa709609ee","aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"c9fb6ac5196dfc9f9dd274bb8cdb2dbd426c941f","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},i("swirl-icon-drag-handle",{key:"34bc0c7016bd2d38323d26b91a9b517360bebcc4",size:this.iconSize})))}get el(){return o(this)}};g.style='.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(\n --swirl-resource-list-item-background-hovered\n );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),\n 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}';export{b as swirl_app_layout,h as swirl_empty_state,y as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as C,h as
|
|
1
|
+
import{r as C,h as e,F as c}from"./p-30e99c25.js";import{c as i}from"./p-a5dce9e6.js";const s=class{constructor(e){C(this,e),this.color=void 0,this.size=24}render(){const C=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},t=i("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"dcbe9976f7eb829b56f0cdc443616d3557eca6bb","aria-hidden":"true",class:t,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(c,{key:"5b23a8199d50cdd937912b126878b25d1de4fc90"},e("path",{key:"c99c3e7f6e5abbe63c29e1f8a851d3687e649e4f",d:"M7.82754 10.5882C7.94754 10.4682 8.09014 10.4082 8.25534 10.4082C8.42014 10.4082 8.55753 10.4632 8.66753 10.5732L9.80752 11.7132V3.20818C9.80752 3.03818 9.86512 2.89578 9.98032 2.78098C10.0951 2.66578 10.2375 2.60818 10.4075 2.60818C10.5775 2.60818 10.7201 2.66578 10.8353 2.78098C10.9501 2.89578 11.0075 3.03818 11.0075 3.20818V11.7132L12.1475 10.5732C12.2575 10.4632 12.3951 10.4082 12.5603 10.4082C12.7251 10.4082 12.8675 10.4682 12.9875 10.5882C13.0975 10.6982 13.1525 10.8382 13.1525 11.0082C13.1525 11.1782 13.0975 11.3182 12.9875 11.4282L10.8275 13.5882C10.7675 13.6482 10.7025 13.6908 10.6325 13.716C10.5625 13.7408 10.4875 13.7532 10.4075 13.7532C10.3275 13.7532 10.2525 13.7408 10.1825 13.716C10.1125 13.6908 10.0475 13.6482 9.98752 13.5882L7.82754 11.4282C7.70754 11.3082 7.65015 11.1658 7.65534 11.001C7.66014 10.8358 7.71754 10.6982 7.82754 10.5882ZM3.0276 4.58819L5.18757 2.42818C5.24757 2.36818 5.31257 2.32578 5.38257 2.30098C5.45257 2.27578 5.52757 2.26318 5.60757 2.26318C5.68757 2.26318 5.76257 2.27578 5.83257 2.30098C5.90257 2.32578 5.96756 2.36818 6.02756 2.42818L8.18754 4.58819C8.29754 4.69819 8.35514 4.83579 8.36034 5.00099C8.36514 5.16579 8.30754 5.30819 8.18754 5.42819C8.07754 5.54819 7.94014 5.61059 7.77534 5.61539C7.61015 5.62059 7.46755 5.56319 7.34755 5.44319L6.20756 4.30319V12.8082C6.20756 12.9782 6.15016 13.1206 6.03536 13.2354C5.92017 13.3506 5.77757 13.4082 5.60757 13.4082C5.43757 13.4082 5.29517 13.3506 5.18037 13.2354C5.06518 13.1206 5.00758 12.9782 5.00758 12.8082V4.30319L3.86759 5.44319C3.75759 5.55319 3.61759 5.61059 3.44759 5.61539C3.27759 5.62059 3.1376 5.56319 3.0276 5.44319C2.9076 5.33319 2.8476 5.19319 2.8476 5.02319C2.8476 4.85319 2.9076 4.70819 3.0276 4.58819Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(c,{key:"ca95c732cbf2ca6c51ce25eb744aacd448f68328"},e("path",{key:"3ccf503fc834f8cc413e4e1428cb73af9d4df2a6",d:"M11.7413 15.882C11.9213 15.702 12.1352 15.612 12.383 15.612C12.6302 15.612 12.8363 15.6945 13.0013 15.8595L14.7113 17.5695V4.81203C14.7113 4.55703 14.7977 4.34343 14.9705 4.17123C15.1427 3.99843 15.3563 3.91203 15.6113 3.91203C15.8663 3.91203 16.0802 3.99843 16.253 4.17123C16.4252 4.34343 16.5113 4.55703 16.5113 4.81203V17.5695L18.2212 15.8595C18.3862 15.6945 18.5926 15.612 18.8404 15.612C19.0876 15.612 19.3012 15.702 19.4812 15.882C19.6462 16.047 19.7287 16.257 19.7287 16.512C19.7287 16.767 19.6462 16.977 19.4812 17.142L16.2413 20.3821C16.1513 20.4721 16.0538 20.536 15.9488 20.5738C15.8438 20.611 15.7313 20.6296 15.6113 20.6296C15.4913 20.6296 15.3788 20.611 15.2738 20.5738C15.1688 20.536 15.0713 20.4721 14.9813 20.3821L11.7413 17.142C11.5613 16.962 11.4752 16.7484 11.483 16.5012C11.4902 16.2534 11.5763 16.047 11.7413 15.882ZM4.5414 6.88204L7.78136 3.64203C7.87136 3.55203 7.96886 3.48843 8.07386 3.45123C8.17885 3.41343 8.29135 3.39453 8.41135 3.39453C8.53135 3.39453 8.64385 3.41343 8.74885 3.45123C8.85385 3.48843 8.95135 3.55203 9.04134 3.64203L12.2813 6.88204C12.4463 7.04704 12.5327 7.25344 12.5405 7.50124C12.5477 7.74844 12.4613 7.96204 12.2813 8.14204C12.1163 8.32204 11.9102 8.41564 11.663 8.42284C11.4152 8.43064 11.2013 8.34454 11.0213 8.16454L9.31134 6.45453V19.2121C9.31134 19.4671 9.22524 19.6807 9.05305 19.8529C8.88025 20.0257 8.66635 20.1121 8.41135 20.1121C8.15636 20.1121 7.94276 20.0257 7.77056 19.8529C7.59776 19.6807 7.51136 19.4671 7.51136 19.2121V6.45453L5.80138 8.16454C5.63638 8.32954 5.42639 8.41564 5.17139 8.42284C4.91639 8.43064 4.7064 8.34454 4.5414 8.16454C4.3614 7.99954 4.2714 7.78954 4.2714 7.53454C4.2714 7.27954 4.3614 7.06204 4.5414 6.88204Z",fill:"currentColor"})),28===this.size&&e(c,{key:"247a00dc2cab3be7cb0c0e540967f7a31930b790"},e("path",{key:"916a07e21e2a2fc3bbff0e82da882fbf62b5230b",d:"M13.6982 18.5292C13.9082 18.3192 14.1577 18.2142 14.4468 18.2142C14.7352 18.2142 14.9757 18.3105 15.1682 18.503L17.1632 20.498V5.6142C17.1632 5.3167 17.264 5.0675 17.4656 4.8666C17.6665 4.665 17.9157 4.5642 18.2132 4.5642C18.5106 4.5642 18.7602 4.665 18.9618 4.8666C19.1627 5.0675 19.2631 5.3167 19.2631 5.6142V20.498L21.2581 18.503C21.4506 18.3105 21.6914 18.2142 21.9805 18.2142C22.2689 18.2142 22.5181 18.3192 22.7281 18.5292C22.9206 18.7217 23.0168 18.9667 23.0168 19.2642C23.0168 19.5617 22.9206 19.8067 22.7281 19.9992L18.9481 23.7792C18.8431 23.8842 18.7294 23.9588 18.6069 24.0029C18.4844 24.0463 18.3531 24.068 18.2132 24.068C18.0732 24.068 17.9419 24.0463 17.8194 24.0029C17.6969 23.9588 17.5832 23.8842 17.4782 23.7792L13.6982 19.9992C13.4882 19.7892 13.3878 19.54 13.3969 19.2516C13.4053 18.9625 13.5057 18.7217 13.6982 18.5292ZM5.2983 8.0292L9.07826 4.2492C9.18325 4.1442 9.297 4.07 9.4195 4.0266C9.542 3.9825 9.67325 3.96045 9.81325 3.96045C9.95325 3.96045 10.0845 3.9825 10.207 4.0266C10.3295 4.07 10.4432 4.1442 10.5482 4.2492L14.3282 8.0292C14.5207 8.2217 14.6215 8.4625 14.6306 8.7516C14.639 9.04001 14.5382 9.28921 14.3282 9.49921C14.1357 9.70921 13.8953 9.81841 13.6069 9.82681C13.3178 9.83591 13.0682 9.73546 12.8582 9.52546L10.8632 7.53045V22.4142C10.8632 22.7117 10.7628 22.9609 10.5619 23.1618C10.3603 23.3634 10.1107 23.4642 9.81325 23.4642C9.51575 23.4642 9.26655 23.3634 9.06566 23.1618C8.86406 22.9609 8.76326 22.7117 8.76326 22.4142V7.53045L6.76828 9.52546C6.57578 9.71796 6.33079 9.81841 6.03329 9.82681C5.73579 9.83591 5.4908 9.73546 5.2983 9.52546C5.0883 9.33296 4.9833 9.08796 4.9833 8.79046C4.9833 8.49296 5.0883 8.2392 5.2983 8.0292Z",fill:"currentColor"})))}};s.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{s as swirl_icon_sync}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as
|
|
1
|
+
import{r as s,h as e,H as a}from"./p-30e99c25.js";const t=class{constructor(e){s(this,e)}render(){return e(a,{key:"12ef72fd3d0611dc519fdcf5ceeaa7310ccd79ea",class:"table-cell",role:"cell"},e("slot",{key:"6ae7c80123adf373930ab6ef7db4642e8db54601"}))}};t.style=":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}";export{t as swirl_table_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as C,h as s,F as e}from"./p-30e99c25.js";import{c as t}from"./p-a5dce9e6.js";const
|
|
1
|
+
import{r as C,h as s,F as e}from"./p-30e99c25.js";import{c as t}from"./p-a5dce9e6.js";const i=class{constructor(s){C(this,s),this.size=24}render(){const C=20===this.size?24:this.size,i=t("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"097de77118900061b87d50ff98a7d1e9b2b379a0",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(e,{key:"4a2449243015c08033cd4200ccda3b3309a4c961"},s("path",{key:"b5aea7b449b3e3e48145471d530f3f9960212d44",d:"M20 6H17.82C18.0661 5.31049 18.051 4.55468 17.7775 3.87557C17.504 3.19647 16.991 2.64116 16.3357 2.31473C15.6804 1.9883 14.9281 1.91339 14.2213 2.10417C13.5145 2.29494 12.9021 2.73817 12.5 3.35L12 4.02L11.5 3.34C11.098 2.72563 10.4843 2.28038 9.77554 2.08888C9.06677 1.89738 8.31234 1.97298 7.65566 2.30132C6.99898 2.62966 6.48584 3.18784 6.21377 3.86976C5.94171 4.55168 5.92969 5.3098 6.18 6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15108C2.99296 6.25147 2.77287 6.39893 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.23461C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.7371 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76963 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15036C20.5234 6.05017 20.2629 5.99907 20 6ZM15 4C15.1978 4 15.3911 4.05865 15.5556 4.16853C15.72 4.27841 15.8482 4.43459 15.9239 4.61732C15.9996 4.80004 16.0194 5.00111 15.9808 5.19509C15.9422 5.38907 15.847 5.56725 15.7071 5.70711C15.5673 5.84696 15.3891 5.9422 15.1951 5.98079C15.0011 6.01937 14.8 5.99957 14.6173 5.92388C14.4346 5.84819 14.2784 5.72002 14.1685 5.55557C14.0586 5.39112 14 5.19778 14 5C14 4.73478 14.1054 4.48043 14.2929 4.29289C14.4804 4.10536 14.7348 4 15 4ZM9 4C9.19778 4 9.39112 4.05865 9.55557 4.16853C9.72002 4.27841 9.84819 4.43459 9.92388 4.61732C9.99956 4.80004 10.0194 5.00111 9.98078 5.19509C9.9422 5.38907 9.84696 5.56725 9.7071 5.70711C9.56725 5.84696 9.38907 5.9422 9.19509 5.98079C9.00111 6.01937 8.80004 5.99957 8.61731 5.92388C8.43459 5.84819 8.27841 5.72002 8.16853 5.55557C8.05865 5.39112 8 5.19778 8 5C8 4.73478 8.10535 4.48043 8.29289 4.29289C8.48043 4.10536 8.73478 4 9 4ZM19 19H5C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10535 18.5196 4 18.2652 4 18V17H20V18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19ZM20 14H4V9C4 8.73478 4.10535 8.48043 4.29289 8.29289C4.48043 8.10536 4.73478 8 5 8H9.08L7.6 10.02C7.51257 10.1249 7.44755 10.2466 7.40896 10.3776C7.37037 10.5086 7.35901 10.6461 7.3756 10.7817C7.39219 10.9172 7.43637 11.048 7.50541 11.1658C7.57446 11.2836 7.6669 11.386 7.77705 11.4668C7.8872 11.5475 8.01272 11.6048 8.14586 11.6352C8.27901 11.6655 8.41697 11.6683 8.55122 11.6433C8.68548 11.6183 8.8132 11.5661 8.9265 11.4898C9.0398 11.4136 9.13628 11.315 9.21 11.2L12 7.4L14.79 11.2C14.8637 11.315 14.9602 11.4136 15.0735 11.4898C15.1868 11.5661 15.3145 11.6183 15.4488 11.6433C15.583 11.6683 15.721 11.6655 15.8541 11.6352C15.9873 11.6048 16.1128 11.5475 16.2229 11.4668C16.3331 11.386 16.4255 11.2836 16.4946 11.1658C16.5636 11.048 16.6078 10.9172 16.6244 10.7817C16.641 10.6461 16.6296 10.5086 16.591 10.3776C16.5524 10.2466 16.4874 10.1249 16.4 10.02L14.92 8H19C19.2652 8 19.5196 8.10536 19.7071 8.29289C19.8946 8.48043 20 8.73478 20 9V14Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_redeem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as
|
|
1
|
+
import{r as s,h as e,F as C}from"./p-30e99c25.js";import{c as t}from"./p-a5dce9e6.js";const i=class{constructor(e){s(this,e),this.size=24}render(){const s=20===this.size?24:this.size,i=t("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"c900ee9f6578d96222a8c5e14c09657e18f4168d",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(C,{key:"f4f481063eb19bcc495c63d45bc201ab1d12a383"},e("path",{key:"6ecb4ceba9b402a36d7a873909de15edabb8cfa1",d:"M20 4H4C3.4713 4.00264 2.96516 4.21452 2.59225 4.58931C2.21933 4.9641 2.00999 5.4713 2.01 6L2 18C2.00158 18.5299 2.2128 19.0377 2.58753 19.4125C2.96227 19.7872 3.47005 19.9984 4 20H20C20.5299 19.9984 21.0377 19.7872 21.4125 19.4125C21.7872 19.0377 21.9984 18.5299 22 18V6C21.9984 5.47005 21.7872 4.96227 21.4125 4.58753C21.0377 4.2128 20.5299 4.00158 20 4ZM19.6 8.25L12.53 12.67C12.3706 12.7681 12.1872 12.8201 12 12.8201C11.8128 12.8201 11.6294 12.7681 11.47 12.67L4.4 8.25C4.30545 8.19091 4.22346 8.11377 4.15872 8.02299C4.09398 7.93221 4.04776 7.82956 4.02269 7.72092C3.99761 7.61227 3.99419 7.49976 4.0126 7.38979C4.03101 7.27982 4.07091 7.17455 4.13 7.08C4.18909 6.98545 4.26623 6.90346 4.35701 6.83872C4.44779 6.77398 4.55044 6.72776 4.65908 6.70268C4.76773 6.67761 4.88024 6.67419 4.99021 6.6926C5.10018 6.71101 5.20545 6.75091 5.3 6.81L12 11L18.7 6.81C18.7946 6.75091 18.8998 6.71101 19.0098 6.6926C19.1198 6.67419 19.2323 6.67761 19.3409 6.70268C19.4496 6.72776 19.5522 6.77398 19.643 6.83872C19.7338 6.90346 19.8109 6.98545 19.87 7.08C19.9291 7.17455 19.969 7.27982 19.9874 7.38979C20.0058 7.49976 20.0024 7.61227 19.9773 7.72092C19.9522 7.82956 19.906 7.93221 19.8413 8.02299C19.7765 8.11377 19.6946 8.19091 19.6 8.25Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_email}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,h as i,H as
|
|
1
|
+
import{r as n,h as i,H as a}from"./p-30e99c25.js";const e=class{constructor(i){n(this,i),this.durationLabel="Duration",this.duration=void 0,this.label=void 0,this.src=void 0}render(){return i(a,{key:"d0bea75a46371ce3259246720ef5e5e4174b6053"},i("button",{key:"c58cd2f54b71f92b54d9557d33c78c7a3991ac05","aria-describedby":void 0!==this.duration?"duration":void 0,"aria-label":this.label,class:"video-thumbnail",type:"button"},i("img",{key:"790ddb68d1e747f5193af6554af36b5b3228934e",alt:"",class:"video-thumbnail__image",loading:"lazy",src:this.src}),this.duration&&i("span",{key:"83879acdd74dc39578fcc024617f0d1593a4cea0",class:"video-thumbnail__duration",id:"duration"},i("swirl-visually-hidden",{key:"1cca6643d3ad6ba8963aca8115da66d2230b7afa"},this.durationLabel),this.duration),i("svg",{key:"717fd9a88cd0c25fa2d1998974bd8dd19b7debfd",class:"video-thumbnail__play-icon",fill:"none",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"7e24ff8a99893f3a548b96e4b6da46060cee64ef",d:"M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z",fill:"white","fill-opacity":"0.95"}))))}};e.style=':host {\n display: flex;\n width: 100%;\n}\n\n :host * {\n box-sizing: border-box;\n }\n\n.video-thumbnail {\n position: relative;\n display: inline-flex;\n width: 100%;\n margin: 0;\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n container-type: inline-size;\n container-name: video-thumbnail;\n}\n\n.video-thumbnail:after {\n position: absolute;\n background-color: rgba(0, 0, 0, 0.05);\n content: "";\n inset: 0;\n }\n\n.video-thumbnail:focus:not(:focus-visible) {\n outline: none;\n }\n\n.video-thumbnail:focus-visible {\n outline-color: var(--s-focus-default);\n outline-offset: var(--s-space-4);\n }\n\n.video-thumbnail__image {\n width: 100%;\n}\n\n.video-thumbnail__duration {\n position: absolute;\n bottom: var(--s-space-8);\n left: var(--s-space-8);\n padding: var(--s-space-2) var(--s-space-8);\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-on-image);\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n rgba(255, 255, 255, 0.1);\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n letter-spacing: var(--s-letter-spacing-tighter);\n}\n\n.video-thumbnail__play-icon {\n position: absolute;\n z-index: 1;\n top: 50%;\n left: 50%;\n width: 2.5rem;\n height: 2.5rem;\n transform: translate3d(-50%, -50%, 0);\n}\n\n@container video-thumbnail (min-width: 448px) {\n .video-thumbnail__play-icon {\n width: 3.5rem;\n height: 4.5rem;\n }\n}\n';export{e as swirl_video_thumbnail}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as C,h as s,F as
|
|
1
|
+
import{r as C,h as s,F as t}from"./p-30e99c25.js";import{c as e}from"./p-a5dce9e6.js";const a=class{constructor(s){C(this,s),this.size=24}render(){const C=20===this.size?24:this.size,a=e("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"1aaa3d57a19f757fa5132bc5100b51bcfc85fdb0",class:a,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(t,{key:"597f4dbd85c004a4499e9a4187982cab11019654"},s("path",{key:"69db4212c21fa74a016129d63e2330ae88ed4e51",d:"M18.363 19.934C17.7635 19.9876 17.1704 20.0984 16.592 20.265C15.726 20.3736 14.8466 20.2895 14.0169 20.0188C13.1871 19.7481 12.4274 19.2974 11.792 18.699C11.1968 18.1904 10.733 17.5458 10.4399 16.8198C10.1469 16.0938 10.0332 15.3078 10.1086 14.5285C10.1839 13.7493 10.4461 12.9997 10.8729 12.3433C11.2996 11.6869 11.8783 11.1431 12.56 10.758C13.8696 9.92811 15.434 9.59712 16.9675 9.82553C18.501 10.0539 19.9011 10.8265 20.912 12.002C21.7049 12.9565 22.0918 14.184 21.9895 15.4207C21.8873 16.6574 21.304 17.8047 20.365 18.616C19.793 19.125 19.586 19.544 19.953 20.216C20.011 20.3561 20.0496 20.5035 20.068 20.654C19.5389 20.33 18.9642 20.0873 18.363 19.934ZM12.677 13.501C12.6857 13.6807 12.7633 13.8501 12.8937 13.9741C13.024 14.0981 13.1971 14.1672 13.377 14.167C13.5566 14.1695 13.7301 14.102 13.8607 13.9788C13.9914 13.8556 14.069 13.6864 14.077 13.507C14.0801 13.4141 14.0646 13.3215 14.0315 13.2346C13.9984 13.1477 13.9483 13.0683 13.8841 13.001C13.82 12.9337 13.7431 12.8798 13.6579 12.8426C13.5727 12.8053 13.481 12.7854 13.388 12.784H13.382C13.2882 12.7834 13.1952 12.8017 13.1087 12.8378C13.0221 12.8738 12.9436 12.9269 12.8779 12.9939C12.8123 13.0609 12.7607 13.1404 12.7264 13.2277C12.692 13.3149 12.6756 13.4082 12.678 13.502L12.677 13.501ZM16.999 13.448C16.9945 13.5402 17.0088 13.6324 17.0409 13.719C17.073 13.8055 17.1224 13.8847 17.1859 13.9517C17.2494 14.0187 17.3259 14.0721 17.4106 14.1088C17.4954 14.1454 17.5867 14.1646 17.679 14.165C17.8567 14.1674 18.0281 14.0997 18.1562 13.9765C18.2842 13.8533 18.3585 13.6846 18.363 13.507C18.3674 13.415 18.3533 13.323 18.3215 13.2365C18.2896 13.15 18.2407 13.0709 18.1776 13.0037C18.1146 12.9365 18.0386 12.8827 17.9543 12.8455C17.87 12.8083 17.7791 12.7884 17.687 12.787H17.681C17.5041 12.7891 17.3348 12.8589 17.2077 12.982C17.0807 13.1052 17.0057 13.2723 16.998 13.449L16.999 13.448ZM4.978 15.267C5.0495 15.1184 5.05969 14.9476 5.00637 14.7916C4.95305 14.6356 4.84049 14.5068 4.693 14.433C3.64719 13.7866 2.8407 12.8168 2.39586 11.6707C1.95101 10.5246 1.89208 9.26464 2.228 8.082C2.53159 7.04387 3.09763 6.10152 3.8715 5.34587C4.64537 4.59022 5.60093 4.04678 6.646 3.768C8.07569 3.29375 9.616 3.26673 11.0614 3.69054C12.5069 4.11434 13.7887 4.96883 14.736 6.14C15.3977 6.9846 15.8 8.00316 15.894 9.072C14.1145 9.09406 12.4082 9.78358 11.113 11.004C10.4624 11.6115 9.96373 12.3634 9.65731 13.1991C9.35088 14.0349 9.24527 14.9309 9.349 15.815C8.62 15.724 7.96 15.626 7.296 15.57C7.0563 15.5424 6.81369 15.583 6.596 15.687C5.948 16.052 5.33 16.462 4.596 16.92C4.736 16.313 4.824 15.78 4.978 15.267ZM11.806 7.459C11.5842 7.46414 11.3729 7.55504 11.2167 7.7126C11.0604 7.87015 10.9713 8.08212 10.968 8.304C10.9708 8.4141 10.9954 8.52255 11.0402 8.62315C11.0851 8.72374 11.1493 8.8145 11.2293 8.89021C11.3093 8.96592 11.4035 9.02511 11.5064 9.06437C11.6093 9.10363 11.7189 9.12219 11.829 9.119C11.9388 9.11956 12.0476 9.09811 12.149 9.05592C12.2504 9.01372 12.3423 8.95164 12.4193 8.87334C12.4963 8.79504 12.5568 8.70211 12.5973 8.60002C12.6378 8.49794 12.6574 8.38879 12.655 8.279C12.6526 8.05948 12.5633 7.84986 12.4065 7.69614C12.2498 7.54241 12.0385 7.45713 11.819 7.459H11.806ZM5.66 8.259C5.65599 8.36873 5.67398 8.47817 5.71291 8.58085C5.75185 8.68352 5.81094 8.77737 5.8867 8.85686C5.96246 8.93635 6.05337 8.99988 6.15406 9.04369C6.25475 9.08751 6.36319 9.11074 6.473 9.112C6.69465 9.12018 6.91064 9.04088 7.07434 8.89121C7.23805 8.74153 7.33633 8.5335 7.348 8.312C7.34893 8.09042 7.26371 7.87715 7.11033 7.71724C6.95695 7.55733 6.74742 7.4633 6.526 7.455H6.501C6.28247 7.4523 6.07167 7.53579 5.91426 7.6874C5.75685 7.83901 5.6655 8.04652 5.66 8.265V8.259Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex}";export{a as swirl_symbol_wechat}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as
|
|
1
|
+
import{r as s,h as e,F as t}from"./p-30e99c25.js";import{c as C}from"./p-a5dce9e6.js";const i=class{constructor(e){s(this,e),this.size=24}render(){const s=20===this.size?24:this.size,i=C("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"50f0eb053759aa26ada6dccefa414210eef3f7ab",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(t,{key:"37bc2ca3701b9dcdef32e3f9d76497cd5129ad17"},e("path",{key:"46d2ff3cafd044bb7a258de9e4d92bb5d118d711",d:"M12 2C10.9306 1.99344 9.87088 2.20257 8.88415 2.61488C7.89743 3.02719 7.00396 3.63422 6.25717 4.39968C5.51038 5.16515 4.92559 6.07332 4.53777 7.06993C4.14994 8.06653 3.96704 9.1311 3.99999 10.2C3.99999 13.38 6.44666 17.1233 11.34 21.43C11.5248 21.5897 11.7608 21.6775 12.005 21.6775C12.2492 21.6775 12.4852 21.5897 12.67 21.43C17.55 17.12 19.9933 13.3767 20 10.2C20.033 9.1311 19.85 8.06653 19.4622 7.06993C19.0744 6.07332 18.4896 5.16515 17.7428 4.39968C16.996 3.63422 16.1026 3.02719 15.1158 2.61488C14.1291 2.20257 13.0694 1.99344 12 2ZM12 12C11.6044 12 11.2178 11.8827 10.8889 11.6629C10.56 11.4432 10.3036 11.1308 10.1522 10.7654C10.0009 10.3999 9.96125 9.99778 10.0384 9.60982C10.1156 9.22186 10.3061 8.86549 10.5858 8.58579C10.8655 8.30608 11.2219 8.1156 11.6098 8.03843C11.9978 7.96126 12.3999 8.00087 12.7654 8.15224C13.1308 8.30362 13.4432 8.55996 13.6629 8.88886C13.8827 9.21776 14 9.60444 14 10C13.9984 10.5299 13.7872 11.0377 13.4125 11.4125C13.0377 11.7872 12.5299 11.9984 12 12Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_location_on}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as s,h as t,F as r}from"./p-30e99c25.js";import{c as e}from"./p-a5dce9e6.js";const i=class{constructor(t){s(this,t),this.size=24}render(){const s=20===this.size?24:this.size,i=e("swirl-symbol",`swirl-symbol--size-${this.size}`);return t("svg",{key:"bff161bc91e3f20ff1489998a47f26dd50cea32a",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(r,{key:"0680b83a8180d2b2af95d720f5af11bd5360abb3"},t("path",{key:"69b3cbfd927819a499804bf2431658ae77a7178d",d:"M2.73 21H21.26C21.4359 21.0007 21.6088 20.955 21.7614 20.8675C21.914 20.78 22.0408 20.6539 22.129 20.5017C22.2173 20.3496 22.2638 20.1769 22.264 20.001C22.2642 19.8251 22.2179 19.6523 22.13 19.5L12.86 3.5C12.7721 3.34846 12.6459 3.22267 12.4941 3.13523C12.3423 3.04779 12.1702 3.00177 11.995 3.00177C11.8198 3.00177 11.6477 3.04779 11.4959 3.13523C11.3441 3.22267 11.2179 3.34846 11.13 3.5L1.86 19.5C1.77206 19.6523 1.72585 19.8251 1.72602 20.001C1.7262 20.1769 1.77275 20.3496 1.86099 20.5017C1.94923 20.6539 2.07603 20.78 2.22861 20.8675C2.38118 20.955 2.55413 21.0007 2.73 21ZM13 18H11V16H13V18ZM12 14C11.7348 14 11.4804 13.8946 11.2929 13.7071C11.1054 13.5196 11 13.2652 11 13V11C11 10.7348 11.1054 10.4804 11.2929 10.2929C11.4804 10.1054 11.7348 10 12 10C12.2652 10 12.5196 10.1054 12.7071 10.2929C12.8946 10.4804 13 10.7348 13 11V13C13 13.2652 12.8946 13.5196 12.7071 13.7071C12.5196 13.8946 12.2652 14 12 14Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_report_problem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as C,h as i,F as
|
|
1
|
+
import{r as C,h as i,F as e}from"./p-30e99c25.js";import{c as t}from"./p-a5dce9e6.js";const a=class{constructor(i){C(this,i),this.color=void 0,this.size=24}render(){const C=20===this.size?24:this.size,a={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=t("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"7f13bd399c2951f8543da704ecbd1553b689d0aa","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:a,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(e,{key:"4afa0a47ac2e168fd21c011f1aa3b650cd88d2f7"},i("path",{key:"471b12ae8711080a7bf6b74c52f461815432584a",d:"M5.33335 12.6664C5.14446 12.6664 4.98612 12.6025 4.85835 12.4747C4.73057 12.3469 4.66668 12.1886 4.66668 11.9997C4.66668 11.8108 4.73057 11.6525 4.85835 11.5247C4.98612 11.3969 5.14446 11.333 5.33335 11.333H9.40001C10.1 11.333 10.7083 11.1108 11.225 10.6664C11.7417 10.2219 12 9.66637 12 8.99971C12 8.33304 11.7417 7.77748 11.225 7.33304C10.7083 6.8886 10.1 6.66637 9.40001 6.66637H5.20001L6.46668 7.93304C6.5889 8.05526 6.65001 8.21082 6.65001 8.39971C6.65001 8.5886 6.5889 8.74415 6.46668 8.86637C6.34446 8.9886 6.1889 9.04971 6.00001 9.04971C5.81112 9.04971 5.65557 8.9886 5.53335 8.86637L3.13335 6.46637C3.06668 6.39971 3.01946 6.32748 2.99168 6.24971C2.9639 6.17193 2.95001 6.0886 2.95001 5.99971C2.95001 5.91082 2.9639 5.82748 2.99168 5.74971C3.01946 5.67193 3.06668 5.59971 3.13335 5.53304L5.53335 3.13304C5.65557 3.01082 5.81112 2.94971 6.00001 2.94971C6.1889 2.94971 6.34446 3.01082 6.46668 3.13304C6.5889 3.25526 6.65001 3.41082 6.65001 3.59971C6.65001 3.7886 6.5889 3.94415 6.46668 4.06637L5.20001 5.33304H9.40001C10.4778 5.33304 11.4028 5.68304 12.175 6.38304C12.9472 7.08304 13.3333 7.95526 13.3333 8.99971C13.3333 10.0442 12.9472 10.9164 12.175 11.6164C11.4028 12.3164 10.4778 12.6664 9.40001 12.6664H5.33335Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(e,{key:"d38c7d45c981bba1f30f5cda315c9f27b9d51880"},i("path",{key:"0ca621f497666d095d6f6d91472f2322f2e13364",d:"M7.99999 18.9998C7.71665 18.9998 7.47915 18.904 7.28749 18.7123C7.09582 18.5206 6.99999 18.2831 6.99999 17.9998C6.99999 17.7165 7.09582 17.479 7.28749 17.2873C7.47915 17.0956 7.71665 16.9998 7.99999 16.9998H14.1C15.15 16.9998 16.0625 16.6665 16.8375 15.9998C17.6125 15.3331 18 14.4998 18 13.4998C18 12.4998 17.6125 11.6665 16.8375 10.9998C16.0625 10.3331 15.15 9.9998 14.1 9.9998H7.79999L9.69999 11.8998C9.88332 12.0831 9.97499 12.3165 9.97499 12.5998C9.97499 12.8831 9.88332 13.1165 9.69999 13.2998C9.51665 13.4831 9.28332 13.5748 8.99999 13.5748C8.71665 13.5748 8.48332 13.4831 8.29999 13.2998L4.69999 9.6998C4.59999 9.5998 4.52915 9.49147 4.48749 9.3748C4.44582 9.25814 4.42499 9.13314 4.42499 8.9998C4.42499 8.86647 4.44582 8.74147 4.48749 8.6248C4.52915 8.50814 4.59999 8.3998 4.69999 8.2998L8.29999 4.6998C8.48332 4.51647 8.71665 4.4248 8.99999 4.4248C9.28332 4.4248 9.51665 4.51647 9.69999 4.6998C9.88332 4.88314 9.97499 5.11647 9.97499 5.3998C9.97499 5.68314 9.88332 5.91647 9.69999 6.0998L7.79999 7.9998H14.1C15.7167 7.9998 17.1042 8.5248 18.2625 9.5748C19.4208 10.6248 20 11.9331 20 13.4998C20 15.0665 19.4208 16.3748 18.2625 17.4248C17.1042 18.4748 15.7167 18.9998 14.1 18.9998H7.99999Z",fill:"currentColor"})),28===this.size&&i(e,{key:"2748724e400b3fd9e43f7345fe773ab84f0fd3e5"},i("path",{key:"fc1fcd1a89cba5985c22527eeb07ac790c7df0e7",d:"M9.33334 22.1663C9.00278 22.1663 8.7257 22.0545 8.50209 21.8309C8.27848 21.6072 8.16667 21.3302 8.16667 20.9996C8.16667 20.6691 8.27848 20.392 8.50209 20.1684C8.7257 19.9447 9.00278 19.8329 9.33334 19.8329H16.45C17.675 19.8329 18.7396 19.4441 19.6438 18.6663C20.5479 17.8885 21 16.9163 21 15.7496C21 14.5829 20.5479 13.6107 19.6438 12.8329C18.7396 12.0552 17.675 11.6663 16.45 11.6663H9.10001L11.3167 13.8829C11.5306 14.0968 11.6375 14.3691 11.6375 14.6996C11.6375 15.0302 11.5306 15.3024 11.3167 15.5163C11.1028 15.7302 10.8306 15.8371 10.5 15.8371C10.1695 15.8371 9.89723 15.7302 9.68334 15.5163L5.48334 11.3163C5.36667 11.1996 5.28403 11.0732 5.23542 10.9371C5.18681 10.801 5.16251 10.6552 5.16251 10.4996C5.16251 10.3441 5.18681 10.1982 5.23542 10.0621C5.28403 9.926 5.36667 9.79961 5.48334 9.68294L9.68334 5.48294C9.89723 5.26905 10.1695 5.16211 10.5 5.16211C10.8306 5.16211 11.1028 5.26905 11.3167 5.48294C11.5306 5.69683 11.6375 5.96905 11.6375 6.29961C11.6375 6.63017 11.5306 6.90239 11.3167 7.11628L9.10001 9.33294H16.45C18.3361 9.33294 19.9549 9.94544 21.3063 11.1704C22.6576 12.3954 23.3333 13.9218 23.3333 15.7496C23.3333 17.5774 22.6576 19.1038 21.3063 20.3288C19.9549 21.5538 18.3361 22.1663 16.45 22.1663H9.33334Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{a as swirl_icon_undo}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as s,g as o}from"./p-30e99c25.js";const t=class{constructor(i){e(this,i),this.toggleShowItems=()=>{if(this.headerRowElement.focus(),!this.tableRowElements)return;const e=this.tableRowElements.scrollHeight+"px";this.isVisible?requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.setAttribute("aria-hidden","true"),requestAnimationFrame((()=>{this.tableRowElements.style.height="0"}))})):requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.removeAttribute("aria-hidden"),setTimeout((()=>{this.tableRowElements.style.height="auto"}),300)})),this.isVisible=!this.isVisible},this.label=void 0,this.tooltip=void 0,this.collapsible=!1,this.collapseButtonLabel="Previous slide",this.isVisible=!0}render(){const e=this.el.querySelectorAll("swirl-table-row").length;return i(s,{key:"
|
|
1
|
+
import{r as e,h as i,H as s,g as o}from"./p-30e99c25.js";const t=class{constructor(i){e(this,i),this.toggleShowItems=()=>{if(this.headerRowElement.focus(),!this.tableRowElements)return;const e=this.tableRowElements.scrollHeight+"px";this.isVisible?requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.setAttribute("aria-hidden","true"),requestAnimationFrame((()=>{this.tableRowElements.style.height="0"}))})):requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.removeAttribute("aria-hidden"),setTimeout((()=>{this.tableRowElements.style.height="auto"}),300)})),this.isVisible=!this.isVisible},this.label=void 0,this.tooltip=void 0,this.collapsible=!1,this.collapseButtonLabel="Previous slide",this.isVisible=!0}render(){const e=this.el.querySelectorAll("swirl-table-row").length;return i(s,{key:"da80d48b8afc03e6791327fbf5c2efbe52d711ea",class:"table-row-group",role:"rowgroup"},i("div",{key:"5183c7f2a342fb38b61133b42dd0c70f1a0ad778",class:"table-row-group__header-row",role:"row",ref:e=>this.headerRowElement=e},this.collapsible&&i("swirl-button",{key:"43166a5078ecf34981b2de19ec201fe2de683673",class:"table-row-group__collapse-icon",icon:this.isVisible?"<swirl-icon-expand-less></swirl-icon-expand-less":"<swirl-icon-expand-more></swirl-icon-expand-more",label:this.collapseButtonLabel,onClick:this.toggleShowItems,swirlAriaExpanded:String(this.isVisible),variant:"plain",hideLabel:!0}),i("span",{key:"d98d96586418c727e544eb23247ce51b8f8c061d","aria-rowspan":e,class:"table-row-group__label",role:"rowheader"},this.label,this.tooltip&&i("span",{key:"fa74034ad5dd767f2f7367c66fb6b3fbfdfdbdd5",class:"table-row-group__tooltip"},i("swirl-tooltip",{key:"6a1f1c5a339f043331b8d3abb95091c2b0f130cd",content:this.tooltip,position:"top",positioning:"fixed"},i("swirl-icon-info",{key:"2d1020908befe6aa08f88d19238a64906bd877aa",size:16,tabIndex:0,class:"table-row-group__tooltip-icon"}))))),i("div",{key:"941a97c4b9cd7474db0c015013d2955c2510bceb",class:{"table-row-group__rows-container":!0,"table-row-group__rows-container--is-hidden":this.isVisible},"aria-hidden":!this.isVisible,ref:e=>this.tableRowElements=e},i("slot",{key:"3ecadf8a6ca263fcb083d02bf4f62f9f71fc2d25"})))}get el(){return o(this)}};t.style=":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}";export{t as swirl_table_row_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,g as o}from"./p-30e99c25.js";const i=class{constructor(e){t(this,e),this.selectedToggleChange=s(this,"selectedToggleChange",7),this.toggleButtons=[],this.onSlotChange=()=>{this.toggleButtons=Array.from(this.el.querySelectorAll("swirl-toggle-button")),this.setTogglePressedStates()},this.selectedToggleId=void 0}watchSelectedToggleId(t,s){t!==s&&(this.selectedToggleChange.emit(t),this.setTogglePressedStates())}onClick(t){const s=t.target;"SWIRL-TOGGLE-BUTTON"===s?.tagName&&(t.stopPropagation(),this.selectedToggleId=s.identifier)}setTogglePressedStates(){this.toggleButtons?.length&&(this.selectedToggleId&&this.toggleButtons.some((t=>t.identifier===this.selectedToggleId))?this.toggleButtonWithId(this.selectedToggleId):this.toggleButtonWithId(this.toggleButtons[0].identifier))}toggleButtonWithId(t){this.toggleButtons?.length&&this.toggleButtons.forEach((s=>{s.isPressed=s.identifier===t}))}render(){return e("swirl-stack",{key:"
|
|
1
|
+
import{r as t,c as s,h as e,g as o}from"./p-30e99c25.js";const i=class{constructor(e){t(this,e),this.selectedToggleChange=s(this,"selectedToggleChange",7),this.toggleButtons=[],this.onSlotChange=()=>{this.toggleButtons=Array.from(this.el.querySelectorAll("swirl-toggle-button")),this.setTogglePressedStates()},this.selectedToggleId=void 0}watchSelectedToggleId(t,s){t!==s&&(this.selectedToggleChange.emit(t),this.setTogglePressedStates())}onClick(t){const s=t.target;"SWIRL-TOGGLE-BUTTON"===s?.tagName&&(t.stopPropagation(),this.selectedToggleId=s.identifier)}setTogglePressedStates(){this.toggleButtons?.length&&(this.selectedToggleId&&this.toggleButtons.some((t=>t.identifier===this.selectedToggleId))?this.toggleButtonWithId(this.selectedToggleId):this.toggleButtonWithId(this.toggleButtons[0].identifier))}toggleButtonWithId(t){this.toggleButtons?.length&&this.toggleButtons.forEach((s=>{s.isPressed=s.identifier===t}))}render(){return e("swirl-stack",{key:"2100aca58762a18b2c441d045b0259d95b903f75",class:"toggle-group",spacing:"4",orientation:"horizontal",align:"center",role:"group"},e("slot",{key:"a2604d10937e9c496579dfc27daeada2681407e0",onSlotchange:this.onSlotChange}))}get el(){return o(this)}static get watchers(){return{selectedToggleId:["watchSelectedToggleId"]}}};i.style=":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1)}";export{i as swirl_toggle_group}
|