@getflip/swirl-components 0.263.0 → 0.264.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 +142 -1
- 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-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/assets/pdfjs/pdf.worker.min.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-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-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-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-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.d.ts +17 -0
- package/icons.json +1 -1
- package/package.json +2 -2
- package/vscode-data.json +58 -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 C,h as e,F as s}from"./p-30e99c25.js";import{c}from"./p-a5dce9e6.js";const
|
|
1
|
+
import{r as C,h as e,F as s}from"./p-30e99c25.js";import{c}from"./p-a5dce9e6.js";const i=class{constructor(e){C(this,e),this.size=24}render(){const C=20===this.size?24:this.size,i=c("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"90569aa2835ed345a4d861b7f731fcf0116ccb57",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(s,{key:"7cf88c36299d67a77f9265dfdcf0b6cf996f05bf"},e("g",{key:"cb04d6bde08a7eee8ee80e70e7eee0b583b49843","clip-path":"url(#clip0_1_88)"},e("path",{key:"72f3e1ca770c2140a0917b9b87d04e3392a24ca2",d:"M12 12.75C13.4602 12.7551 14.9036 13.0615 16.24 13.65C16.7657 13.8864 17.2117 14.2701 17.524 14.7545C17.8363 15.239 18.0017 15.8036 18 16.38V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H7C6.73478 18 6.48043 17.8946 6.29289 17.7071C6.10536 17.5196 6 17.2652 6 17V16.39C5.99568 15.813 6.15993 15.2473 6.47258 14.7623C6.78523 14.2774 7.23268 13.8943 7.76 13.66C9.09406 13.0632 10.5386 12.7532 12 12.75ZM4 13C4.39556 13 4.78224 12.8827 5.11114 12.6629C5.44004 12.4432 5.69638 12.1308 5.84776 11.7654C5.99913 11.3999 6.03874 10.9978 5.96157 10.6098C5.8844 10.2219 5.69392 9.86549 5.41421 9.58579C5.13451 9.30608 4.77814 9.1156 4.39018 9.03843C4.00222 8.96126 3.60009 9.00087 3.23463 9.15224C2.86918 9.30362 2.55682 9.55996 2.33706 9.88886C2.1173 10.2178 2 10.6044 2 11C2.00158 11.5299 2.2128 12.0377 2.58754 12.4125C2.96227 12.7872 3.47005 12.9984 4 13ZM5.13 14.1C4.75667 14.0361 4.37876 14.0026 4 14C3.04329 13.9999 2.09687 14.1974 1.22 14.58C0.85779 14.735 0.549073 14.9929 0.332183 15.3218C0.115294 15.6507 -0.000214706 16.036 2.9961e-07 16.43V17C2.9961e-07 17.2652 0.105357 17.5196 0.292894 17.7071C0.48043 17.8946 0.734784 18 1 18H4.5V16.39C4.50113 15.584 4.71871 14.7931 5.13 14.1ZM20 13C20.3956 13 20.7822 12.8827 21.1111 12.6629C21.44 12.4432 21.6964 12.1308 21.8478 11.7654C21.9991 11.3999 22.0387 10.9978 21.9616 10.6098C21.8844 10.2219 21.6939 9.86549 21.4142 9.58579C21.1345 9.30608 20.7781 9.1156 20.3902 9.03843C20.0022 8.96126 19.6001 9.00087 19.2346 9.15224C18.8692 9.30362 18.5568 9.55996 18.3371 9.88886C18.1173 10.2178 18 10.6044 18 11C18.0016 11.5299 18.2128 12.0377 18.5875 12.4125C18.9623 12.7872 19.4701 12.9984 20 13ZM24 16.43C24.0002 16.036 23.8847 15.6507 23.6678 15.3218C23.4509 14.9929 23.1422 14.735 22.78 14.58C21.5526 14.0377 20.1921 13.8707 18.87 14.1C19.2813 14.7931 19.4989 15.584 19.5 16.39V18H23C23.2652 18 23.5196 17.8946 23.7071 17.7071C23.8946 17.5196 24 17.2652 24 17V16.43ZM12 6C12.5933 6 13.1734 6.17595 13.6667 6.50559C14.1601 6.83524 14.5446 7.30377 14.7716 7.85195C14.9987 8.40013 15.0581 9.00333 14.9424 9.58527C14.8266 10.1672 14.5409 10.7018 14.1213 11.1213C13.7018 11.5409 13.1672 11.8266 12.5853 11.9424C12.0033 12.0581 11.4001 11.9987 10.8519 11.7716C10.3038 11.5446 9.83524 11.1601 9.50559 10.6667C9.17595 10.1734 9 9.59334 9 9C9 8.20435 9.31607 7.44129 9.87868 6.87868C10.4413 6.31607 11.2044 6 12 6Z",fill:"currentColor"})),e("defs",{key:"1e30922c71e2216eb2aad7f3785222f268887c39"},e("clipPath",{key:"fb0ae91913c46297b3d0bd1b70e2ae8b89b109f0",id:"clip0_1_88"},e("rect",{key:"b49ffc035d102ddfc83fee7c8ae68daa7697b652",width:"24",height:"24",fill:"currentColor"})))))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_groups}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as e,h as s,F as C}from"./p-30e99c25.js";import{c as i}from"./p-a5dce9e6.js";const l=class{constructor(s){e(this,s),this.size=24}render(){const e=20===this.size?24:this.size,l=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"c2fe71e1c5a93f7ecbb88ba70f4dd14651f4bb0a",class:l,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(C,{key:"e52eebd476062d1e0b9f6857623b5e6e29b667d1"},s("path",{key:"eff057919ea60d284eee7f8be881f056af58a425","fill-rule":"evenodd","clip-rule":"evenodd",d:"M19 12.87C18.9928 12.6415 18.9105 12.4217 18.7659 12.2445C18.6213 12.0674 18.4225 11.9428 18.2 11.89C17.5678 11.7151 17.0103 11.3377 16.6129 10.8158C16.2156 10.2938 16.0003 9.65599 16 9V4H17C17.2652 4 17.5196 3.89464 17.7071 3.70711C17.8946 3.51957 18 3.26522 18 3C18 2.73478 17.8946 2.48043 17.7071 2.29289C17.5196 2.10536 17.2652 2 17 2H7C6.73478 2 6.48043 2.10536 6.29289 2.29289C6.10536 2.48043 6 2.73478 6 3C6 3.26522 6.10536 3.51957 6.29289 3.70711C6.48043 3.89464 6.73478 4 7 4H8V9C7.9997 9.65599 7.7844 10.2938 7.38705 10.8158C6.98971 11.3377 6.43224 11.7151 5.8 11.89C5.57754 11.9428 5.37865 12.0674 5.23406 12.2445C5.08947 12.4217 5.00721 12.6415 5 12.87V13C5 13.2652 5.10536 13.5196 5.29289 13.7071C5.48043 13.8946 5.73478 14 6 14H10.98L11 21C11 21.2652 11.1054 21.5196 11.2929 21.7071C11.4804 21.8946 11.7348 22 12 22C12.2652 22 12.5196 21.8946 12.7071 21.7071C12.8946 21.5196 13 21.2652 13 21L12.98 14H18C18.2652 14 18.5196 13.8946 18.7071 13.7071C18.8946 13.5196 19 13.2652 19 13V12.87Z",fill:"currentColor"})))}};l.style=":host{display:inline-flex}";export{l as swirl_symbol_push_pin}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as C,F as
|
|
1
|
+
import{r as s,h as C,F as e}from"./p-30e99c25.js";import{c as i}from"./p-a5dce9e6.js";const t=class{constructor(C){s(this,C),this.size=24}render(){const s=20===this.size?24:this.size,t=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return C("svg",{key:"220783baf7b3a25c4112cb2eeb6707be99ab535e",class:t,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},C(e,{key:"e1355f0aadb81d4888367ead59798d6bdd2814d7"},C("path",{key:"3271fb79e4185495395251aa3ff6c14c2fed9e16",d:"M18.92 6.01C18.8187 5.71425 18.6272 5.45772 18.3725 5.27653C18.1178 5.09534 17.8126 4.99863 17.5 5H6.5C6.18761 4.99952 5.88286 5.09659 5.6283 5.27765C5.37373 5.45872 5.18205 5.71475 5.08 6.01L3 12V19.5C3 19.8978 3.15804 20.2794 3.43934 20.5607C3.72064 20.842 4.10218 21 4.5 21C4.89782 21 5.27936 20.842 5.56066 20.5607C5.84196 20.2794 6 19.8978 6 19.5V19H18V19.5C18 19.8978 18.158 20.2794 18.4393 20.5607C18.7206 20.842 19.1022 21 19.5 21C19.8978 21 20.2794 20.842 20.5607 20.5607C20.842 20.2794 21 19.8978 21 19.5V12L18.92 6.01ZM7.5 16C7.20333 16 6.91332 15.912 6.66664 15.7472C6.41997 15.5824 6.22771 15.3481 6.11418 15.074C6.00065 14.7999 5.97094 14.4983 6.02882 14.2074C6.0867 13.9164 6.22956 13.6491 6.43934 13.4393C6.64912 13.2296 6.91639 13.0867 7.20736 13.0288C7.49834 12.9709 7.79994 13.0006 8.07403 13.1142C8.34811 13.2277 8.58238 13.42 8.7472 13.6666C8.91203 13.9133 9 14.2033 9 14.5C9 14.8978 8.84196 15.2794 8.56066 15.5607C8.27936 15.842 7.89782 16 7.5 16ZM16.5 16C16.2033 16 15.9133 15.912 15.6666 15.7472C15.42 15.5824 15.2277 15.3481 15.1142 15.074C15.0006 14.7999 14.9709 14.4983 15.0288 14.2074C15.0867 13.9164 15.2296 13.6491 15.4393 13.4393C15.6491 13.2296 15.9164 13.0867 16.2074 13.0288C16.4983 12.9709 16.7999 13.0006 17.074 13.1142C17.3481 13.2277 17.5824 13.42 17.7472 13.6666C17.912 13.9133 18 14.2033 18 14.5C18 14.8978 17.842 15.2794 17.5607 15.5607C17.2794 15.842 16.8978 16 16.5 16ZM5.81 10L6.85 7H17.14L18.18 10H5.81Z",fill:"currentColor"})))}};t.style=":host{display:inline-flex}";export{t as swirl_symbol_directions_car_filled}
|
|
@@ -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 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:"
|
|
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:"337d4a4eb688e5738950beebcbe43cf9bc9ad748",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:"3253149d548a89b64880119195c54aaade433645"},s("path",{key:"37017dbd4b085732728b1701e2ee339f49cf0428",d:"M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_alternate_email}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as t,F as
|
|
1
|
+
import{r as s,h as t,F as e}from"./p-30e99c25.js";import{c}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=c("swirl-symbol",`swirl-symbol--size-${this.size}`);return t("svg",{key:"f1109b8ae9260022639a9eb2c9b92769b92e5ec9",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(e,{key:"7d0ad56a2c651c1a401db2480a446d9a747374d8"},t("path",{key:"37537ca80555dbe3acd5161ccd0257cc866da79c",d:"M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_youtube}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,H as s,g as o}from"./p-30e99c25.js";import{d as a,e as n}from"./p-33c168b3.js";import{c as l}from"./p-a5dce9e6.js";import{c as d}from"./p-878dc806.js";import{q as h}from"./p-0f3e0216.js";const r=class{constructor(e){i(this,e),this.activeSlideChange=t(this,"activeSlideChange",7),this.dragging=!1,this.onKeyDown=i=>{this.isOpen&&("Escape"===i.code?(i.stopImmediatePropagation(),this.close()):"ArrowLeft"===i.code?this.onPreviousSlideClick():"ArrowRight"===i.code&&this.onNextSlideClick())},this.onCloseButtonClick=()=>{this.close()},this.onDownloadButtonClick=()=>{this.slides[this.activeSlideIndex]?.download(),this.menu.close()},this.onNextSlideClick=()=>{this.activateSlide(Math.min(this.slides.length-1,this.activeSlideIndex+1))},this.onPreviousSlideClick=()=>{this.activateSlide(Math.max(0,this.activeSlideIndex-1))},this.registerSlides=()=>{this.slides=Array.from(this.el.children).filter((i=>"SWIRL-FILE-VIEWER"===i.tagName)),this.setSlideAttributes()},this.onPointerDown=i=>{this.slides.length<=1||(this.dragging=!0,this.dragStartPosition=i instanceof MouseEvent?i.clientX:i.touches[0].clientX,this.slides.forEach((i=>{i.style.transition="none"})))},this.onPointerMove=async i=>{if(!this.dragging)return;const t=!(i instanceof MouseEvent)&&i.touches.length>1,e=this.slides[this.activeSlideIndex]?.shadowRoot?.querySelector("swirl-file-viewer-image"),s=!!Boolean(e)&&await e.getZoom()>1;if(t||s)return;i.preventDefault();const o=i instanceof MouseEvent?i.clientX-this.dragStartPosition:i.touches[0].clientX-this.dragStartPosition;this.slides.forEach((i=>{const t=this.activeSlideIndex*i.getBoundingClientRect().width;this.dragDelta=o,i.style.transform=`translate3d(${(-t+this.dragDelta)/16}rem, 0, 0)`}))},this.onPointerUp=()=>{if(!this.dragging)return;this.dragging=!1,this.dragStartPosition=void 0;const i=this.dragDelta/this.slides[this.activeSlideIndex].getBoundingClientRect().width;this.dragDelta=0;const t=i>.2,e=i<-.2;this.slides.forEach((i=>{i.style.transition=""})),t?this.onPreviousSlideClick():e?this.onNextSlideClick():this.resetSlidePositions()},this.onBackdropClick=i=>{i.target===this.slidesContainer&&this.close()},this.onContextMenu=i=>{this.downloadButtonEnabled||i.preventDefault()},this.closeButtonLabel="Close modal",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download",this.hideMenu=void 0,this.label=void 0,this.menuLabel="Slide options",this.menuTriggerLabel="Open slide menu",this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.activeSlideIndex=0,this.closing=!1,this.isOpen=!1,this.slides=void 0}componentWillLoad(){this.registerSlides()}componentDidLoad(){this.activateSlide(0)}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll(),this.containerObserver?.disconnect()}watchActiveSlideIndex(){this.activeSlideChange.emit(this.activeSlideIndex)}async open(){this.isOpen=!0,this.lockBodyScroll(),this.activateSlide(this.activeSlideIndex||0),setTimeout((()=>{this.focusTrap=d(this.modalEl,{allowOutsideClick:!0,checkCanFocusTrap:i=>(this.containerObserver?.disconnect(),new Promise((t=>{const e=i[0];-1===e.tabIndex?(this.containerObserver=new MutationObserver((()=>{-1!==e.tabIndex&&(this.containerObserver.disconnect(),t())})),this.containerObserver.observe(e,{attributes:!0,attributeFilter:["tabindex"]})):t()}))),tabbableOptions:{getShadowRoot:i=>i.shadowRoot}}),this.focusTrap?.activate()}))}async close(){this.closing||(this.closing=!0,this.focusTrap?.deactivate(),this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.resetImageZoom(),this.stopAllMediaPlayers(),this.closing=!1}),150))}async activateSlide(i){this.menu?.close?.(),this.dragging=!1,this.activeSlideIndex=i,this.slides.forEach(((i,t)=>{t===this.activeSlideIndex?(i.removeAttribute("aria-hidden"),i.setAttribute("active","true")):t===this.activeSlideIndex-1||t===this.activeSlideIndex+1?(i.setAttribute("aria-hidden","true"),i.setAttribute("active","true")):i.setAttribute("aria-hidden","true"),i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`})),setTimeout((()=>{this.slides.forEach(((i,t)=>{t!==this.activeSlideIndex&&t!==this.activeSlideIndex-1&&t!==this.activeSlideIndex+1&&i.setAttribute("active","false")}))}),300),this.stopAllMediaPlayers(),this.resetImageZoom()}setSlideAttributes(){this.slides.forEach((i=>{i.setAttribute("active","false"),i.setAttribute("aria-label",i.file),i.setAttribute("aria-roledescription","slide"),i.setAttribute("role","group"),i.addEventListener("dragstart",(i=>i.preventDefault()))}))}resetSlidePositions(){this.slides.forEach((i=>{i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`}))}getCurrentFileName(){return this.slides[this.activeSlideIndex]?.file?.split("/").pop()}getCurrentFileType(){return this.slides[this.activeSlideIndex]?.type}getCurrentThumbnailUrl(){return this.slides[this.activeSlideIndex]?.thumbnailUrl}lockBodyScroll(){a(this.el)}unlockBodyScroll(){n(this.el)}getMediaPlayers(){return h(this.el,"video")}stopAllMediaPlayers(){this.getMediaPlayers().forEach((i=>i.pause()))}resetImageZoom(){this.slides.forEach((i=>{const t=i?.shadowRoot?.querySelector("swirl-file-viewer-image");Boolean(t)&&t.resetZoom()}))}render(){const i=this.slides.length>1,t=this.getCurrentFileName(),o=this.getCurrentFileType(),a=this.getCurrentThumbnailUrl(),n=Boolean(this.el.querySelector("[slot='menu-items']"))||this.downloadButtonEnabled,d=Boolean(this.el.querySelector("[slot='toolbar']")),h=l("lightbox",{"lightbox--closing":this.closing,"lightbox--hide-menu":!n,"lightbox--hide-toolbar":!d});return e(s,{key:"43d872748bfb12b3b6bc79a0e803810081ff9be6",onKeydown:this.onKeyDown},e("section",{key:"80d4fc873d50f2686ddc5ab8976e10771f55f10f","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:h,id:"lightbox",onMouseDown:this.onPointerDown,onMouseMove:this.onPointerMove,onMouseOut:this.onPointerUp,onMouseUp:this.onPointerUp,onTouchEnd:this.onPointerUp,onTouchMove:this.onPointerMove,onTouchStart:this.onPointerDown,ref:i=>this.modalEl=i,role:"dialog",tabIndex:this.isOpen?0:-1},e("div",{key:"3b24c5f15eee1e03af98fb27cccd12f823b0a0db",class:"lightbox__body",role:"document"},e("header",{key:"54ab7d8bb89bd9633b3c83ef9c0b4901e786aad4",class:"lightbox__header"},e("button",{key:"edef88b6fa6a5bac3e6b18ffed05f3a9e5cb4b7a","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick},e("swirl-icon-close",{key:"3b20eafe4b157d4cd467f37432ce3d07f63675d5"})),e("div",{key:"8ad0330e89c7e1c41d1edf5e2f2fb1175755617d",class:"lightbox__toolbar"},e("slot",{key:"dab9ce21408dc0fc27d29ecc210dd24ff07df8e2",name:"toolbar"})),!this.hideMenu&&e("swirl-popover-trigger",{key:"83918c341dc17af9ec4dd27a647111fae8cc8609",swirlPopover:this.menu},e("button",{key:"400097572df800347acf5197e830db463cf0b914","aria-label":this.menuTriggerLabel,class:"lightbox__menu-button"},e("swirl-icon-more-vertikal",{key:"11b2c8430fb285ae27fe05be9bd467aed865e58b"})))),e("div",{key:"f808de5389770f8f3a1d7c8a32ad7f133b9f6705","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},e("div",{key:"cbcba5accd2629d0b0e63131069588a41904f586","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:i=>this.slidesContainer=i},e("slot",{key:"534de59b442514bf66c71b36d5aa7e1d9d946d61",onSlotchange:this.registerSlides}))),e("div",{key:"5652e408ab8b1a756660118da23e4c823d8a0bda",class:"lightbox__controls"},e("button",{key:"d3d773e358ca038b0bd18af2b9752c3cd972b83c","aria-label":this.previousSlideButtonLabel,class:"lightbox__previous-slide-button",disabled:0===this.activeSlideIndex,onClick:this.onPreviousSlideClick},e("swirl-icon-arrow-left",{key:"8eb9e848d4481e710451c717db3651e988870fcc"})),e("button",{key:"27382eb3d774beaef7a15e1dccffdbaf77097a28","aria-label":this.nextSlideButtonLabel,class:"lightbox__next-slide-button",disabled:this.activeSlideIndex===this.slides.length-1,onClick:this.onNextSlideClick},e("swirl-icon-arrow-right",{key:"fe12d5f1dd2b1e4c23638134a7b45dbf351d040f"}))),i&&e("span",{key:"784ac56377241bfaefeda582598cce31ab0c6f7c",class:"lightbox__pagination"},e("span",{key:"64ac2a1a34e773d8d5fae04d785165a91d1597eb","aria-current":"page"},this.activeSlideIndex+1)," /"," ",this.slides.length)),!this.hideMenu&&e("swirl-popover",{key:"a979cb19ee093baae7a6cb76272b8d30f7da5622",animation:"scale-in-y",disableScrollLock:!0,id:"slide-menu",label:this.menuLabel,placement:"bottom-end",ref:i=>this.menu=i},e("swirl-stack",{key:"73afadca6ec29e6a3ac06fdb9fbfa17399ca626d"},e("div",{key:"805ce7c72164702f2aeab8192bfdd4f1ad7929a0",class:"lightbox__meta"},a&&e("div",{key:"49f6179ff984a9188c778e6c93d4dc20294a6065",class:"lightbox__thumbnail"},e("swirl-thumbnail",{key:"d3d3059e7844b2fb7dcbc99da54f4c1cac484b68",alt:"",src:a})),e("div",{key:"4241839f964362bcd5e6dce8febc9ace8ff0a50e",class:"lightbox__file-info"},e("swirl-text",{key:"d72400fc728dbf1bf92dcc657752eb32b54a9b66",truncate:!0,weight:"semibold"},t),e("swirl-text",{key:"c5b6f5b455f4793d64c678ddfa5d821384217563",color:"subdued",size:"sm",truncate:!0},o))),n&&e("swirl-separator",{key:"796b058e9e3862048115364dd16972b099ab4de7"}),e("swirl-action-list",{key:"ad71b8a29429cd0851f35dfddadcb2834e0f7257"},this.downloadButtonEnabled&&e("swirl-action-list-item",{key:"e9b6e1fc19063227f8a979daf95881774bd39975",icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}),e("slot",{key:"e2c8f1684c45f125695a7a10c5e9cf0bf4da4c5f",name:"menu-items"}))))))}get el(){return o(this)}static get watchers(){return{activeSlideIndex:["watchActiveSlideIndex"]}}};r.style=':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}';export{r as swirl_lightbox}
|
|
1
|
+
import{r as i,c as t,h as e,H as s,g as o}from"./p-30e99c25.js";import{d as a,e as n}from"./p-33c168b3.js";import{c as l}from"./p-a5dce9e6.js";import{c as h}from"./p-878dc806.js";import{q as d}from"./p-0f3e0216.js";const r=class{constructor(e){i(this,e),this.activeSlideChange=t(this,"activeSlideChange",7),this.dragging=!1,this.onKeyDown=i=>{this.isOpen&&("Escape"===i.code?(i.stopImmediatePropagation(),this.close()):"ArrowLeft"===i.code?this.onPreviousSlideClick():"ArrowRight"===i.code&&this.onNextSlideClick())},this.onCloseButtonClick=()=>{this.close()},this.onDownloadButtonClick=()=>{this.slides[this.activeSlideIndex]?.download(),this.menu.close()},this.onNextSlideClick=()=>{this.activateSlide(Math.min(this.slides.length-1,this.activeSlideIndex+1))},this.onPreviousSlideClick=()=>{this.activateSlide(Math.max(0,this.activeSlideIndex-1))},this.registerSlides=()=>{this.slides=Array.from(this.el.children).filter((i=>"SWIRL-FILE-VIEWER"===i.tagName)),this.setSlideAttributes()},this.onPointerDown=i=>{this.slides.length<=1||(this.dragging=!0,this.dragStartPosition=i instanceof MouseEvent?i.clientX:i.touches[0].clientX,this.slides.forEach((i=>{i.style.transition="none"})))},this.onPointerMove=async i=>{if(!this.dragging)return;const t=!(i instanceof MouseEvent)&&i.touches.length>1,e=this.slides[this.activeSlideIndex]?.shadowRoot?.querySelector("swirl-file-viewer-image"),s=!!Boolean(e)&&await e.getZoom()>1;if(t||s)return;i.preventDefault();const o=i instanceof MouseEvent?i.clientX-this.dragStartPosition:i.touches[0].clientX-this.dragStartPosition;this.slides.forEach((i=>{const t=this.activeSlideIndex*i.getBoundingClientRect().width;this.dragDelta=o,i.style.transform=`translate3d(${(-t+this.dragDelta)/16}rem, 0, 0)`}))},this.onPointerUp=()=>{if(!this.dragging)return;this.dragging=!1,this.dragStartPosition=void 0;const i=this.dragDelta/this.slides[this.activeSlideIndex].getBoundingClientRect().width;this.dragDelta=0;const t=i>.2,e=i<-.2;this.slides.forEach((i=>{i.style.transition=""})),t?this.onPreviousSlideClick():e?this.onNextSlideClick():this.resetSlidePositions()},this.onBackdropClick=i=>{i.target===this.slidesContainer&&this.close()},this.onContextMenu=i=>{this.downloadButtonEnabled||i.preventDefault()},this.closeButtonLabel="Close modal",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download",this.hideMenu=void 0,this.label=void 0,this.menuLabel="Slide options",this.menuTriggerLabel="Open slide menu",this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.activeSlideIndex=0,this.closing=!1,this.isOpen=!1,this.slides=void 0}componentWillLoad(){this.registerSlides()}componentDidLoad(){this.activateSlide(0)}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll(),this.containerObserver?.disconnect()}watchActiveSlideIndex(){this.activeSlideChange.emit(this.activeSlideIndex)}async open(){this.isOpen=!0,this.lockBodyScroll(),this.activateSlide(this.activeSlideIndex||0),setTimeout((()=>{this.focusTrap=h(this.modalEl,{allowOutsideClick:!0,checkCanFocusTrap:i=>(this.containerObserver?.disconnect(),new Promise((t=>{const e=i[0];-1===e.tabIndex?(this.containerObserver=new MutationObserver((()=>{-1!==e.tabIndex&&(this.containerObserver.disconnect(),t())})),this.containerObserver.observe(e,{attributes:!0,attributeFilter:["tabindex"]})):t()}))),tabbableOptions:{getShadowRoot:i=>i.shadowRoot}}),this.focusTrap?.activate()}))}async close(){this.closing||(this.closing=!0,this.focusTrap?.deactivate(),this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.resetImageZoom(),this.stopAllMediaPlayers(),this.closing=!1}),150))}async activateSlide(i){this.menu?.close?.(),this.dragging=!1,this.activeSlideIndex=i,this.slides.forEach(((i,t)=>{t===this.activeSlideIndex?(i.removeAttribute("aria-hidden"),i.setAttribute("active","true")):t===this.activeSlideIndex-1||t===this.activeSlideIndex+1?(i.setAttribute("aria-hidden","true"),i.setAttribute("active","true")):i.setAttribute("aria-hidden","true"),i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`})),setTimeout((()=>{this.slides.forEach(((i,t)=>{t!==this.activeSlideIndex&&t!==this.activeSlideIndex-1&&t!==this.activeSlideIndex+1&&i.setAttribute("active","false")}))}),300),this.stopAllMediaPlayers(),this.resetImageZoom()}setSlideAttributes(){this.slides.forEach((i=>{i.setAttribute("active","false"),i.setAttribute("aria-label",i.file),i.setAttribute("aria-roledescription","slide"),i.setAttribute("role","group"),i.addEventListener("dragstart",(i=>i.preventDefault()))}))}resetSlidePositions(){this.slides.forEach((i=>{i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`}))}getCurrentFileName(){return this.slides[this.activeSlideIndex]?.file?.split("/").pop()}getCurrentFileType(){return this.slides[this.activeSlideIndex]?.type}getCurrentThumbnailUrl(){return this.slides[this.activeSlideIndex]?.thumbnailUrl}lockBodyScroll(){a(this.el)}unlockBodyScroll(){n(this.el)}getMediaPlayers(){return d(this.el,"video")}stopAllMediaPlayers(){this.getMediaPlayers().forEach((i=>i.pause()))}resetImageZoom(){this.slides.forEach((i=>{const t=i?.shadowRoot?.querySelector("swirl-file-viewer-image");Boolean(t)&&t.resetZoom()}))}render(){const i=this.slides.length>1,t=this.getCurrentFileName(),o=this.getCurrentFileType(),a=this.getCurrentThumbnailUrl(),n=Boolean(this.el.querySelector("[slot='menu-items']"))||this.downloadButtonEnabled,h=Boolean(this.el.querySelector("[slot='toolbar']")),d=l("lightbox",{"lightbox--closing":this.closing,"lightbox--hide-menu":!n,"lightbox--hide-toolbar":!h});return e(s,{key:"332c398aff4fdbd8c244da5bd55bb7383c76902d",onKeydown:this.onKeyDown},e("section",{key:"2d6b3dd70209657f439fea5cf22a47643ab3436f","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:d,id:"lightbox",onMouseDown:this.onPointerDown,onMouseMove:this.onPointerMove,onMouseOut:this.onPointerUp,onMouseUp:this.onPointerUp,onTouchEnd:this.onPointerUp,onTouchMove:this.onPointerMove,onTouchStart:this.onPointerDown,ref:i=>this.modalEl=i,role:"dialog",tabIndex:this.isOpen?0:-1},e("div",{key:"eb6bedbd63719d34112e306b12dac0d89a6b9b67",class:"lightbox__body",role:"document"},e("header",{key:"02dbd9b8d7fb1045f23139bc29945c2b9b3b0852",class:"lightbox__header"},e("button",{key:"bab21af3858e9a57b0a6e2daeb271e935bc601a5","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick},e("swirl-icon-close",{key:"4350d0e6a29bd69d08a9173f43e30c3d37583331"})),e("div",{key:"7a7bb56e7a479941aca99a88b211d2f3e89c085f",class:"lightbox__toolbar"},e("slot",{key:"ecedfe4f94a30bdc46edf84057d398eadbbadc51",name:"toolbar"})),!this.hideMenu&&e("swirl-popover-trigger",{key:"bf30e547f9be0612ff0cec291391ccc407206242",swirlPopover:this.menu},e("button",{key:"224a49e63d91b6b3185acb5e7daf6ee11e81becc","aria-label":this.menuTriggerLabel,class:"lightbox__menu-button"},e("swirl-icon-more-vertikal",{key:"977ee60113446449a28f27de95e3259620fc1c3d"})))),e("div",{key:"bd97dc7241d46ecf9074aa03c81199ff648cb4ab","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},e("div",{key:"31b52c571896338e33f13f32bf24b458063ba3fe","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:i=>this.slidesContainer=i},e("slot",{key:"012b16a20f9dfcb9ba953e2f656b88e649b027f3",onSlotchange:this.registerSlides}))),e("div",{key:"f0645dd73099ede2d78affb2ab4d53b33742c9be",class:"lightbox__controls"},e("button",{key:"acaebbe1e98c92501ec5e36b0cdb3920c32edbaf","aria-label":this.previousSlideButtonLabel,class:"lightbox__previous-slide-button",disabled:0===this.activeSlideIndex,onClick:this.onPreviousSlideClick},e("swirl-icon-arrow-left",{key:"053f0ab1aa3c5ee4cc664d9f82b0087eb9f22316"})),e("button",{key:"7d5471773ba6e41ca84d7e089352ccffa44bc3c2","aria-label":this.nextSlideButtonLabel,class:"lightbox__next-slide-button",disabled:this.activeSlideIndex===this.slides.length-1,onClick:this.onNextSlideClick},e("swirl-icon-arrow-right",{key:"fde14d624621cffe46db4d2f47c107631179b9cb"}))),i&&e("span",{key:"258692285b89db56fe2d1ab07dfbd16ad4b67729",class:"lightbox__pagination"},e("span",{key:"9a21735ad4bb3f58af48de69b64ffc41d0855a64","aria-current":"page"},this.activeSlideIndex+1)," /"," ",this.slides.length)),!this.hideMenu&&e("swirl-popover",{key:"5c45e193c33317e676d4cd5622118fe64eb41c9d",animation:"scale-in-y",disableScrollLock:!0,id:"slide-menu",label:this.menuLabel,placement:"bottom-end",ref:i=>this.menu=i},e("swirl-stack",{key:"47555ba7da857b8024b1da8c74ff0b0c4505bc82"},e("div",{key:"2a40a8fe646bd8f7e6c753f165bc0b32a5a59bf0",class:"lightbox__meta"},a&&e("div",{key:"7a1ce23436a23a96d0e131aa0cf4c579d6709b62",class:"lightbox__thumbnail"},e("swirl-thumbnail",{key:"51b9efd61a1cbb3e485773926a33ccc891bed7c4",alt:"",src:a})),e("div",{key:"b308d9a46435caa603e5ae177431c9034c8e6b0f",class:"lightbox__file-info"},e("swirl-text",{key:"34de6a360909cf7d091b6912002816cafcb6e85b",truncate:!0,weight:"semibold"},t),e("swirl-text",{key:"f138124c40d87ef9cf30fb1f36e5d8db5b6c5a09",color:"subdued",size:"sm",truncate:!0},o))),n&&e("swirl-separator",{key:"c632cca4f52039f2652373dc243c542a775966ff"}),e("swirl-action-list",{key:"b7b7eefc42e44f8db82f70af8eb52326b34fa7b0"},this.downloadButtonEnabled&&e("swirl-action-list-item",{key:"a0c2321e51ce78d811009ebf67d49e43ddd2c4d0",icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}),e("slot",{key:"d859476c3491a90644a7e726540d7f9078042059",name:"menu-items"}))))))}get el(){return o(this)}static get watchers(){return{activeSlideIndex:["watchActiveSlideIndex"]}}};r.style=':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}';export{r as swirl_lightbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as e,h as a,F as i}from"./p-30e99c25.js";import{c as t}from"./p-a5dce9e6.js";const s=class{constructor(a){e(this,a),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},H=t("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{key:"1a8e3b899f2c25e21b7eb0c4304a35a703d85ef7","aria-hidden":"true",class:H,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(i,{key:"a7603f2c41275fa2ec7ec85b65d0df443f14dea6"},a("path",{key:"cf9615c4495b52adca0addfdd3526ad529a9727b",d:"M7.93335 14.6666L10.9667 6.66658H12.3667L15.4 14.6666H14L13.3 12.6333H10.0667L9.33335 14.6666H7.93335ZM10.4667 11.4666H12.8667L11.7 8.16658H11.6334L10.4667 11.4666ZM2.66669 12.6666L1.73335 11.7333L5.10002 8.36658C4.6778 7.89992 4.30835 7.41658 3.99169 6.91658C3.67502 6.41658 3.40002 5.88881 3.16669 5.33325H4.56669C4.76669 5.73325 4.98058 6.09436 5.20835 6.41658C5.43613 6.73881 5.71113 7.0777 6.03335 7.43325C6.52224 6.89992 6.9278 6.3527 7.25002 5.79159C7.57224 5.23047 7.84447 4.63325 8.06669 3.99992H0.666687V2.66659H5.33335V1.33325H6.66669V2.66659H11.3334V3.99992H9.40002C9.16669 4.78881 8.85002 5.55547 8.45002 6.29992C8.05002 7.04436 7.55558 7.74436 6.96669 8.39992L8.56669 10.0333L8.06669 11.3999L6.00002 9.33325L2.66669 12.6666Z",fill:"currentColor"})),(20===this.size||24===this.size)&&a(i,{key:"062e282428b856778330c12d9a8ff69fe8b6f13f"},a("path",{key:"1ff7c7d7f276d41a45e2933ae8106675e86442ad",d:"M11.9 22L16.45 10H18.55L23.1 22H21L19.95 18.95H15.1L14 22H11.9ZM15.7 17.2H19.3L17.55 12.25H17.45L15.7 17.2ZM4 19L2.6 17.6L7.65 12.55C7.01667 11.85 6.4625 11.125 5.9875 10.375C5.5125 9.625 5.1 8.83333 4.75 8H6.85C7.15 8.6 7.47083 9.14167 7.8125 9.625C8.15417 10.1083 8.56667 10.6167 9.05 11.15C9.78333 10.35 10.3917 9.52917 10.875 8.6875C11.3583 7.84583 11.7667 6.95 12.1 6H1V4H8V2H10V4H17V6H14.1C13.75 7.18333 13.275 8.33333 12.675 9.45C12.075 10.5667 11.3333 11.6167 10.45 12.6L12.85 15.05L12.1 17.1L9 14L4 19Z",fill:"currentColor"})),28===this.size&&a(i,{key:"a71eafa476d70328015351da7e4ba54713d618d0"},a("path",{key:"a6143acc5ef76a0c404b6c230574edd83ebe74e5",d:"M13.8834 25.6666L19.1917 11.6666H21.6417L26.95 25.6666H24.5L23.275 22.1083H17.6167L16.3334 25.6666H13.8834ZM18.3167 20.0666H22.5167L20.475 14.2916H20.3584L18.3167 20.0666ZM4.66669 22.1666L3.03335 20.5333L8.92502 14.6416C8.18613 13.8249 7.5396 12.9791 6.98544 12.1041C6.43127 11.2291 5.95002 10.3055 5.54169 9.33325H7.99169C8.34169 10.0333 8.71599 10.6652 9.1146 11.2291C9.51321 11.793 9.99446 12.386 10.5584 13.0083C11.4139 12.0749 12.1236 11.1173 12.6875 10.1353C13.2514 9.15339 13.7278 8.10825 14.1167 6.99992H1.16669V4.66659H9.33335V2.33325H11.6667V4.66659H19.8334V6.99992H16.45C16.0417 8.38047 15.4875 9.72214 14.7875 11.0249C14.0875 12.3277 13.2222 13.5527 12.1917 14.6999L14.9917 17.5583L14.1167 19.9499L10.5 16.3333L4.66669 22.1666Z",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_translate}
|
|
@@ -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}
|