@getflip/swirl-components 0.365.1 → 0.367.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 +69 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/swirl-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/swirl-accordion.cjs.entry.js +1 -1
- package/dist/cjs/swirl-action-list-section.cjs.entry.js +1 -1
- package/dist/cjs/swirl-action-list_2.cjs.entry.js +1 -1
- package/dist/cjs/swirl-app-icon.cjs.entry.js +1 -1
- package/dist/cjs/swirl-app-layout_5.cjs.entry.js +2 -2
- package/dist/cjs/swirl-avatar-group.cjs.entry.js +23 -3
- package/dist/cjs/swirl-badge.cjs.entry.js +1 -1
- package/dist/cjs/swirl-banner.cjs.entry.js +1 -1
- package/dist/cjs/swirl-box.cjs.entry.js +1 -1
- package/dist/cjs/swirl-button-group.cjs.entry.js +2 -2
- package/dist/cjs/swirl-button.cjs.entry.js +2 -2
- package/dist/cjs/swirl-card.cjs.entry.js +2 -2
- package/dist/cjs/swirl-carousel.cjs.entry.js +1 -1
- package/dist/cjs/swirl-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/swirl-chip.cjs.entry.js +1 -1
- package/dist/cjs/swirl-columns.cjs.entry.js +2 -2
- package/dist/cjs/swirl-components.cjs.js +1 -1
- package/dist/cjs/swirl-dialog.cjs.entry.js +1 -1
- package/dist/cjs/swirl-file-viewer_8.cjs.entry.js +2 -2
- package/dist/cjs/swirl-form-control.cjs.entry.js +1 -1
- package/dist/cjs/swirl-form-group.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-arrow-left_4.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-error_3.cjs.entry.js +2 -2
- package/dist/cjs/swirl-icon-gif_4.cjs.entry.js +2 -2
- package/dist/cjs/swirl-icon.cjs.entry.js +1 -1
- package/dist/cjs/swirl-image-grid-item.cjs.entry.js +3 -3
- package/dist/cjs/swirl-image-grid.cjs.entry.js +1 -1
- package/dist/cjs/swirl-inline-notification.cjs.entry.js +1 -1
- package/dist/cjs/swirl-inline-status.cjs.entry.js +1 -1
- package/dist/cjs/swirl-link.cjs.entry.js +1 -1
- package/dist/cjs/swirl-menu.cjs.entry.js +2 -2
- package/dist/cjs/swirl-modal.cjs.entry.js +8 -8
- package/dist/cjs/swirl-option-list_2.cjs.entry.js +2 -2
- package/dist/cjs/swirl-pagination.cjs.entry.js +1 -1
- package/dist/cjs/swirl-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/swirl-progress-indicator.cjs.entry.js +1 -1
- package/dist/cjs/swirl-radio.cjs.entry.js +1 -1
- package/dist/cjs/swirl-search.cjs.entry.js +1 -1
- package/dist/cjs/swirl-shell-layout.cjs.entry.js +7 -7
- package/dist/cjs/swirl-shell-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/swirl-skeleton-text.cjs.entry.js +1 -1
- package/dist/cjs/swirl-status-indicator.cjs.entry.js +1 -1
- package/dist/cjs/swirl-switch.cjs.entry.js +2 -2
- package/dist/cjs/swirl-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tab.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table-column.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tag.cjs.entry.js +1 -1
- package/dist/cjs/swirl-text.cjs.entry.js +1 -1
- package/dist/cjs/swirl-toast-provider.cjs.entry.js +1 -1
- package/dist/cjs/swirl-toast.cjs.entry.js +1 -1
- package/dist/cjs/swirl-toggle-group.cjs.entry.js +1 -1
- package/dist/cjs/swirl-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tooltip.cjs.entry.js +2 -2
- 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/collection/collection-manifest.json +1 -1
- package/dist/collection/components/swirl-accordion/swirl-accordion.js +1 -1
- package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.js +1 -1
- package/dist/collection/components/swirl-action-list/swirl-action-list.js +1 -1
- package/dist/collection/components/swirl-action-list-section/swirl-action-list-section.js +1 -1
- package/dist/collection/components/swirl-app-icon/swirl-app-icon.js +1 -1
- package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.css +36 -7
- package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.js +74 -2
- package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.stories.js +13 -0
- package/dist/collection/components/swirl-badge/swirl-badge.js +1 -1
- package/dist/collection/components/swirl-banner/swirl-banner.js +1 -1
- package/dist/collection/components/swirl-box/swirl-box.js +1 -1
- package/dist/collection/components/swirl-button/swirl-button.js +2 -2
- package/dist/collection/components/swirl-button-group/swirl-button-group.js +2 -2
- package/dist/collection/components/swirl-card/swirl-card.js +2 -2
- package/dist/collection/components/swirl-carousel/swirl-carousel.js +1 -1
- package/dist/collection/components/swirl-checkbox/swirl-checkbox.js +1 -1
- package/dist/collection/components/swirl-chip/swirl-chip.js +1 -1
- package/dist/collection/components/swirl-columns/swirl-columns.js +2 -2
- package/dist/collection/components/swirl-dialog/swirl-dialog.js +1 -1
- package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf.js +2 -2
- package/dist/collection/components/swirl-form-control/swirl-form-control.js +1 -1
- package/dist/collection/components/swirl-form-group/swirl-form-group.js +1 -1
- package/dist/collection/components/swirl-icon/swirl-icon.js +1 -1
- package/dist/collection/components/swirl-image-grid/swirl-image-grid.js +1 -1
- package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.js +3 -3
- package/dist/collection/components/swirl-inline-error/swirl-inline-error.js +1 -1
- package/dist/collection/components/swirl-inline-notification/swirl-inline-notification.js +1 -1
- package/dist/collection/components/swirl-inline-status/swirl-inline-status.js +1 -1
- package/dist/collection/components/swirl-link/swirl-link.js +1 -1
- package/dist/collection/components/swirl-menu/swirl-menu.js +2 -2
- package/dist/collection/components/swirl-modal/swirl-modal.js +8 -8
- package/dist/collection/components/swirl-option-list-item/swirl-option-list-item.js +2 -2
- package/dist/collection/components/swirl-pagination/swirl-pagination.js +1 -1
- package/dist/collection/components/swirl-popover/swirl-popover.js +3 -3
- package/dist/collection/components/swirl-progress-indicator/swirl-progress-indicator.js +1 -1
- package/dist/collection/components/swirl-radio/swirl-radio.js +1 -1
- package/dist/collection/components/swirl-resource-list/swirl-resource-list.js +1 -1
- package/dist/collection/components/swirl-resource-list-item/swirl-resource-list-item.js +1 -1
- package/dist/collection/components/swirl-search/swirl-search.js +1 -1
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.js +7 -7
- package/dist/collection/components/swirl-shell-navigation-item/swirl-shell-navigation-item.js +2 -2
- package/dist/collection/components/swirl-skeleton-box/swirl-skeleton-box.js +2 -2
- package/dist/collection/components/swirl-skeleton-text/swirl-skeleton-text.js +1 -1
- package/dist/collection/components/swirl-spinner/swirl-spinner.js +1 -1
- package/dist/collection/components/swirl-status-indicator/swirl-status-indicator.js +1 -1
- package/dist/collection/components/swirl-switch/swirl-switch.js +2 -2
- package/dist/collection/components/swirl-tab/swirl-tab.js +1 -1
- package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js +1 -1
- package/dist/collection/components/swirl-table/swirl-table.js +1 -1
- package/dist/collection/components/swirl-table-column/swirl-table-column.js +1 -1
- package/dist/collection/components/swirl-tag/swirl-tag.js +1 -1
- package/dist/collection/components/swirl-text/swirl-text.js +1 -1
- package/dist/collection/components/swirl-thumbnail/swirl-thumbnail.js +1 -1
- package/dist/collection/components/swirl-toast/swirl-toast.js +1 -1
- package/dist/collection/components/swirl-toast-provider/swirl-toast-provider.js +1 -1
- package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.js +1 -1
- package/dist/collection/components/swirl-toolbar/swirl-toolbar.js +1 -1
- package/dist/collection/components/swirl-tooltip/swirl-tooltip.js +2 -2
- 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/components/assets/pdfjs/pdf.worker.min.mjs +1 -1
- package/dist/components/swirl-accordion-item.js +1 -1
- package/dist/components/swirl-accordion.js +1 -1
- package/dist/components/swirl-action-list-section.js +1 -1
- package/dist/components/swirl-action-list2.js +1 -1
- package/dist/components/swirl-app-icon.js +1 -1
- package/dist/components/swirl-avatar-group.js +27 -4
- package/dist/components/swirl-badge2.js +1 -1
- package/dist/components/swirl-banner.js +1 -1
- package/dist/components/swirl-box2.js +1 -1
- package/dist/components/swirl-button-group2.js +2 -2
- package/dist/components/swirl-button2.js +2 -2
- package/dist/components/swirl-card.js +2 -2
- package/dist/components/swirl-carousel.js +1 -1
- package/dist/components/swirl-checkbox.js +1 -1
- package/dist/components/swirl-chip.js +1 -1
- package/dist/components/swirl-columns.js +2 -2
- package/dist/components/swirl-dialog.js +1 -1
- package/dist/components/swirl-file-viewer-pdf2.js +2 -2
- package/dist/components/swirl-form-control.js +1 -1
- package/dist/components/swirl-form-group.js +1 -1
- package/dist/components/swirl-icon2.js +1 -1
- package/dist/components/swirl-image-grid-item.js +3 -3
- package/dist/components/swirl-image-grid.js +1 -1
- package/dist/components/swirl-inline-error2.js +1 -1
- package/dist/components/swirl-inline-notification.js +1 -1
- package/dist/components/swirl-inline-status.js +1 -1
- package/dist/components/swirl-link.js +1 -1
- package/dist/components/swirl-menu.js +2 -2
- package/dist/components/swirl-modal.js +8 -8
- package/dist/components/swirl-option-list-item2.js +2 -2
- package/dist/components/swirl-pagination.js +1 -1
- package/dist/components/swirl-popover2.js +3 -3
- package/dist/components/swirl-progress-indicator2.js +1 -1
- package/dist/components/swirl-radio.js +1 -1
- package/dist/components/swirl-resource-list-item2.js +1 -1
- package/dist/components/swirl-resource-list2.js +1 -1
- package/dist/components/swirl-search.js +1 -1
- package/dist/components/swirl-shell-layout.js +7 -7
- package/dist/components/swirl-shell-navigation-item.js +2 -2
- package/dist/components/swirl-skeleton-box2.js +2 -2
- package/dist/components/swirl-skeleton-text.js +1 -1
- package/dist/components/swirl-spinner2.js +1 -1
- package/dist/components/swirl-status-indicator.js +1 -1
- package/dist/components/swirl-switch.js +2 -2
- package/dist/components/swirl-tab-bar2.js +1 -1
- package/dist/components/swirl-tab.js +1 -1
- package/dist/components/swirl-table-column.js +1 -1
- package/dist/components/swirl-table.js +1 -1
- package/dist/components/swirl-tag2.js +1 -1
- package/dist/components/swirl-text2.js +1 -1
- package/dist/components/swirl-thumbnail2.js +1 -1
- package/dist/components/swirl-toast-provider.js +1 -1
- package/dist/components/swirl-toast2.js +1 -1
- package/dist/components/swirl-toggle-group.js +1 -1
- package/dist/components/swirl-toolbar.js +1 -1
- package/dist/components/swirl-tooltip2.js +2 -2
- package/dist/components/swirl-tree-view-item.js +3 -3
- package/dist/components/swirl-tree-view.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/swirl-accordion-item.entry.js +1 -1
- package/dist/esm/swirl-accordion.entry.js +1 -1
- package/dist/esm/swirl-action-list-section.entry.js +1 -1
- package/dist/esm/swirl-action-list_2.entry.js +1 -1
- package/dist/esm/swirl-app-icon.entry.js +1 -1
- package/dist/esm/swirl-app-layout_5.entry.js +2 -2
- package/dist/esm/swirl-avatar-group.entry.js +23 -3
- package/dist/esm/swirl-badge.entry.js +1 -1
- package/dist/esm/swirl-banner.entry.js +1 -1
- package/dist/esm/swirl-box.entry.js +1 -1
- package/dist/esm/swirl-button-group.entry.js +2 -2
- package/dist/esm/swirl-button.entry.js +2 -2
- package/dist/esm/swirl-card.entry.js +2 -2
- package/dist/esm/swirl-carousel.entry.js +1 -1
- package/dist/esm/swirl-checkbox.entry.js +1 -1
- package/dist/esm/swirl-chip.entry.js +1 -1
- package/dist/esm/swirl-columns.entry.js +2 -2
- package/dist/esm/swirl-components.js +1 -1
- package/dist/esm/swirl-dialog.entry.js +1 -1
- package/dist/esm/swirl-file-viewer_8.entry.js +2 -2
- package/dist/esm/swirl-form-control.entry.js +1 -1
- package/dist/esm/swirl-form-group.entry.js +1 -1
- package/dist/esm/swirl-icon-arrow-left_4.entry.js +1 -1
- package/dist/esm/swirl-icon-error_3.entry.js +2 -2
- package/dist/esm/swirl-icon-gif_4.entry.js +2 -2
- package/dist/esm/swirl-icon.entry.js +1 -1
- package/dist/esm/swirl-image-grid-item.entry.js +3 -3
- package/dist/esm/swirl-image-grid.entry.js +1 -1
- package/dist/esm/swirl-inline-notification.entry.js +1 -1
- package/dist/esm/swirl-inline-status.entry.js +1 -1
- package/dist/esm/swirl-link.entry.js +1 -1
- package/dist/esm/swirl-menu.entry.js +2 -2
- package/dist/esm/swirl-modal.entry.js +8 -8
- package/dist/esm/swirl-option-list_2.entry.js +2 -2
- package/dist/esm/swirl-pagination.entry.js +1 -1
- package/dist/esm/swirl-popover_2.entry.js +3 -3
- package/dist/esm/swirl-progress-indicator.entry.js +1 -1
- package/dist/esm/swirl-radio.entry.js +1 -1
- package/dist/esm/swirl-search.entry.js +1 -1
- package/dist/esm/swirl-shell-layout.entry.js +7 -7
- package/dist/esm/swirl-shell-navigation-item.entry.js +2 -2
- package/dist/esm/swirl-skeleton-text.entry.js +1 -1
- package/dist/esm/swirl-status-indicator.entry.js +1 -1
- package/dist/esm/swirl-switch.entry.js +2 -2
- package/dist/esm/swirl-tab-bar.entry.js +1 -1
- package/dist/esm/swirl-tab.entry.js +1 -1
- package/dist/esm/swirl-table-column.entry.js +1 -1
- package/dist/esm/swirl-table.entry.js +1 -1
- package/dist/esm/swirl-tag.entry.js +1 -1
- package/dist/esm/swirl-text.entry.js +1 -1
- package/dist/esm/swirl-toast-provider.entry.js +1 -1
- package/dist/esm/swirl-toast.entry.js +1 -1
- package/dist/esm/swirl-toggle-group.entry.js +1 -1
- package/dist/esm/swirl-toolbar.entry.js +1 -1
- package/dist/esm/swirl-tooltip.entry.js +2 -2
- package/dist/esm/swirl-tree-view-item.entry.js +3 -3
- package/dist/esm/swirl-tree-view.entry.js +1 -1
- package/dist/swirl-components/{p-d737cdb8.entry.js → p-01d382ce.entry.js} +1 -1
- package/dist/swirl-components/{p-8cfb4c27.entry.js → p-05b3e8f4.entry.js} +1 -1
- package/dist/swirl-components/{p-8ae94cdf.entry.js → p-0942b645.entry.js} +1 -1
- package/dist/swirl-components/{p-e4a3107b.entry.js → p-09601aee.entry.js} +1 -1
- package/dist/swirl-components/{p-c94f245b.entry.js → p-0e45f7e7.entry.js} +1 -1
- package/dist/swirl-components/{p-8c455ed5.entry.js → p-12f3e759.entry.js} +1 -1
- package/dist/swirl-components/p-142a294d.entry.js +1 -0
- package/dist/swirl-components/{p-dc526133.entry.js → p-1535f26e.entry.js} +1 -1
- package/dist/swirl-components/{p-e3f980f4.entry.js → p-1ad21b37.entry.js} +1 -1
- package/dist/swirl-components/{p-231b51fb.entry.js → p-1fe53061.entry.js} +1 -1
- package/dist/swirl-components/{p-27d01838.entry.js → p-27c68d76.entry.js} +1 -1
- package/dist/swirl-components/p-286e9bf0.entry.js +1 -0
- package/dist/swirl-components/{p-90a325fd.entry.js → p-2f6c0ee1.entry.js} +1 -1
- package/dist/swirl-components/{p-a05ff2d2.entry.js → p-318588e3.entry.js} +1 -1
- package/dist/swirl-components/{p-c4c5132f.entry.js → p-3213a20b.entry.js} +1 -1
- package/dist/swirl-components/p-33cf8621.entry.js +1 -0
- package/dist/swirl-components/{p-ebd25bed.entry.js → p-372d17fc.entry.js} +1 -1
- package/dist/swirl-components/{p-461606eb.entry.js → p-38e65d07.entry.js} +1 -1
- package/dist/swirl-components/{p-d30cf443.entry.js → p-3cea314d.entry.js} +1 -1
- package/dist/swirl-components/p-48f115cf.entry.js +1 -0
- package/dist/swirl-components/{p-dd027257.entry.js → p-4bc65832.entry.js} +1 -1
- package/dist/swirl-components/{p-e9960b72.entry.js → p-4dd68258.entry.js} +1 -1
- package/dist/swirl-components/{p-8f10796c.entry.js → p-4e070fd9.entry.js} +1 -1
- package/dist/swirl-components/{p-9993ccc7.entry.js → p-4fe86f8d.entry.js} +1 -1
- package/dist/swirl-components/{p-3586bb5d.entry.js → p-50b266f4.entry.js} +1 -1
- package/dist/swirl-components/{p-4d26f701.entry.js → p-512fd09e.entry.js} +1 -1
- package/dist/swirl-components/{p-99c7a887.entry.js → p-568a408c.entry.js} +1 -1
- package/dist/swirl-components/{p-0195eb62.entry.js → p-589cf8e1.entry.js} +1 -1
- package/dist/swirl-components/{p-0e9566ce.entry.js → p-61db9ac1.entry.js} +1 -1
- package/dist/swirl-components/{p-23de03bf.entry.js → p-6324baae.entry.js} +1 -1
- package/dist/swirl-components/{p-bcb447f6.entry.js → p-69a5b26e.entry.js} +1 -1
- package/dist/swirl-components/{p-d6a034a4.entry.js → p-77687b1b.entry.js} +1 -1
- package/dist/swirl-components/{p-d73ae256.entry.js → p-7a02f00c.entry.js} +1 -1
- package/dist/swirl-components/p-7dd15164.entry.js +1 -0
- package/dist/swirl-components/{p-64e1eae5.entry.js → p-8731153c.entry.js} +1 -1
- package/dist/swirl-components/{p-0fd91f04.entry.js → p-9c85ce12.entry.js} +1 -1
- package/dist/swirl-components/{p-66f1fe8f.entry.js → p-a1130d02.entry.js} +1 -1
- package/dist/swirl-components/{p-07a15bf5.entry.js → p-a9c611fd.entry.js} +1 -1
- package/dist/swirl-components/{p-6fc2be1a.entry.js → p-aa358eea.entry.js} +1 -1
- package/dist/swirl-components/{p-2a5bf88c.entry.js → p-b26c3e30.entry.js} +1 -1
- package/dist/swirl-components/{p-0fea2a77.entry.js → p-b693db83.entry.js} +1 -1
- package/dist/swirl-components/{p-cb91ba7b.entry.js → p-b89157d2.entry.js} +1 -1
- package/dist/swirl-components/{p-2815d571.entry.js → p-ba85be6a.entry.js} +1 -1
- package/dist/swirl-components/p-c600b2e9.entry.js +1 -0
- package/dist/swirl-components/{p-6d27d8c5.entry.js → p-c97c7469.entry.js} +1 -1
- package/dist/swirl-components/{p-7ad5e8c9.entry.js → p-d7a40a25.entry.js} +1 -1
- package/dist/swirl-components/{p-22549f63.entry.js → p-da776a4e.entry.js} +1 -1
- package/dist/swirl-components/{p-5973f367.entry.js → p-e0702af4.entry.js} +1 -1
- package/dist/swirl-components/{p-e8b776d4.entry.js → p-e1007989.entry.js} +1 -1
- package/dist/swirl-components/p-e27b3585.entry.js +1 -0
- package/dist/swirl-components/p-e5d66dde.entry.js +1 -0
- package/dist/swirl-components/{p-8b5ac132.entry.js → p-ee1e9028.entry.js} +1 -1
- package/dist/swirl-components/{p-c4d35951.entry.js → p-efd6668a.entry.js} +1 -1
- package/dist/swirl-components/{p-c8de8af2.entry.js → p-f0374033.entry.js} +1 -1
- package/dist/swirl-components/{p-259dc573.entry.js → p-f507bc1c.entry.js} +1 -1
- package/dist/swirl-components/{p-c36f68ed.entry.js → p-fb4cf305.entry.js} +1 -1
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-avatar-group/swirl-avatar-group.d.ts +6 -0
- package/dist/types/components/swirl-avatar-group/swirl-avatar-group.stories.d.ts +1 -0
- package/dist/types/components.d.ts +12 -0
- package/package.json +1 -1
- package/vscode-data.json +16 -0
- package/dist/swirl-components/p-070f920f.entry.js +0 -1
- package/dist/swirl-components/p-20a82be3.entry.js +0 -1
- package/dist/swirl-components/p-3ae0724a.entry.js +0 -1
- package/dist/swirl-components/p-9916ad75.entry.js +0 -1
- package/dist/swirl-components/p-a571dcb2.entry.js +0 -1
- package/dist/swirl-components/p-b328d762.entry.js +0 -1
- package/dist/swirl-components/p-e3a2d152.entry.js +0 -1
- package/dist/swirl-components/p-e464a124.entry.js +0 -1
|
@@ -111,7 +111,7 @@ const SwirlTooltip = class {
|
|
|
111
111
|
"tooltip--active": this.active,
|
|
112
112
|
"tooltip--visible": this.visible,
|
|
113
113
|
});
|
|
114
|
-
return (h(Host, { key: '
|
|
114
|
+
return (h(Host, { key: '1ab6f241602a99b2de2cb8028b5dd8a05d37ed3f', onKeydown: this.onKeydown }, h("span", { key: '9529d1fca5ce68aa7d9981f1c003d4e9654c90c7', class: className }, h("span", { key: '07606dd0778d20d989f695356de71ab4c94550ce', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'd8145e425e2ec5630accb88ee7e660a2e63269cc' })), h("span", { key: 'aa10860e427cba38873101a7222173e4e323d7e0', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
|
|
115
115
|
top: Boolean(this.actualPosition)
|
|
116
116
|
? `${this.actualPosition?.y}px`
|
|
117
117
|
: "",
|
|
@@ -119,7 +119,7 @@ const SwirlTooltip = class {
|
|
|
119
119
|
? `${this.actualPosition?.x}px`
|
|
120
120
|
: "",
|
|
121
121
|
position: this.positioning,
|
|
122
|
-
} }, this.visible && (h("span", { key: '
|
|
122
|
+
} }, this.visible && (h("span", { key: '79b2d4e54133935e433f28f6c00848ea36206179', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '53c0eb8a14932a811900e58534824f231209e672', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '7391938a87a02650214bafa226892261ddf4e1e0', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
|
|
123
123
|
...this.arrowStyles,
|
|
124
124
|
visibility: this.visible ? "visible" : "hidden",
|
|
125
125
|
} })))));
|
|
@@ -335,17 +335,17 @@ const SwirlTreeViewItem = class {
|
|
|
335
335
|
"tree-view-item--disable-drag": this.disableDrag,
|
|
336
336
|
"tree-view-item--has-tags": hasTags,
|
|
337
337
|
});
|
|
338
|
-
return (h(Host, { key: '
|
|
338
|
+
return (h(Host, { key: 'f571e0aa5fab77a62b4b6a63e1226011b61202ce', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'a13caedc50c5df33f7674c93696a141c019a0be4', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'e9a32fadc3d8d07e757d42f54f8e9e44976e2b4a', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
|
|
339
339
|
? undefined
|
|
340
340
|
: String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
|
|
341
341
|
? `${this.itemId}-children`
|
|
342
|
-
: undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '
|
|
342
|
+
: undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '943ebb467ca02496363deccd1757eaa4878680ab', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '00c15f06df99116176b9759abb86794a5306aa1d', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: 'dbdd4b084c23f48caee3245a3a2f414cba1fcce1', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '48b76c4675d392b25ad97d9e73f0911f43fc6918' }, expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'd98c931c4f9db219e70fd31365304808c53808da' }, h("span", { key: 'c041476e9a1940dcc3c2c4edccde824e0d6f9c81', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '92c600e90332b236742f47ca8ba190e2be704a00', class: "tree-view-item__label" }, this.label), h("span", { key: '143e4df9520c3be93508e1e63c5cdad62f26dc90', class: "tree-view-item__tags" }, h("slot", { key: 'e8a16506b1c9fa9bdc2a0dab23c042efee9373dc', name: "tags" }))), h("ul", { key: '95d6d7047fa12c5a0fc51848457db871f5ec7abe', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
|
|
343
343
|
? "tree-view-item__children--drop-zone"
|
|
344
344
|
: ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
|
|
345
345
|
display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
|
|
346
346
|
? "none"
|
|
347
347
|
: undefined,
|
|
348
|
-
} }, h("slot", { key: '
|
|
348
|
+
} }, h("slot", { key: '556e0b1487930406f6179a0d50d2ef0c832e2e45' })))));
|
|
349
349
|
}
|
|
350
350
|
get el() { return getElement(this); }
|
|
351
351
|
};
|
|
@@ -330,7 +330,7 @@ const SwirlTreeView = class {
|
|
|
330
330
|
}
|
|
331
331
|
}
|
|
332
332
|
render() {
|
|
333
|
-
return (h(Host, { key: '
|
|
333
|
+
return (h(Host, { key: '7b4136fd912ca7990b5e55f1575421ec3672dc8f' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '2196f8f992789a4fda56d48e236d602db85035f7' }, h("span", { key: 'd49c50de8d0c0db64ee5a97c1ccdcd67f8d9ad84', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '8835b6dccdf5550788c877c9f8795c440420e540', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'ac46b0399f32189de2372e3fd7c6c108b28a46b1', onSlotchange: this.onSlotChange }))));
|
|
334
334
|
}
|
|
335
335
|
get el() { return getElement(this); }
|
|
336
336
|
static get watchers() { return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as
|
|
1
|
+
import{r as t,h as e,H as i,d as s}from"./p-CWOhMVtL.js";import{c as r}from"./p-orsBiyT_.js";const a=["xs","sm","base","l","xl"],d=class{constructor(e){t(this,e),this.borderRadius="sm",this.items=[],this.updateItems=()=>{this.items=Array.from(this.el.children),this.items.forEach((t=>{t.overlay=void 0})),this.items.length>4&&(this.items[3].overlay="+"+(this.items.length-3))},this.caculateAspectRatio=()=>{if(this.aspectRatio)return this.aspectRatio;switch(this.items.length){case 1:case 4:default:return"1";case 2:return"2/1";case 3:return"3/2"}}}componentWillLoad(){this.updateItems()}render(){const t=r("image-grid",`image-grid--item-count-${Math.min(4,this.items.length)}`),s={aspectRatio:this.caculateAspectRatio(),borderRadius:a.includes(this.borderRadius)?`var(--s-border-radius-${this.borderRadius})`:this.borderRadius};return e(i,{key:"90bb7f66862a60ec727b5ebf4e7a28395e12de99"},e("div",{key:"855f747b8ba3c678c6d4bf5c2a8dda87e51477d6","aria-label":this.label,class:t,role:"list",style:s},e("slot",{key:"56a605da09875d68e2850ff528b7ddae2a121c96",onSlotchange:this.updateItems})))}get el(){return s(this)}};d.style=":host{display:block}:host *{box-sizing:border-box}.image-grid{display:grid;overflow:hidden;width:100%;min-height:0;border-radius:var(--s-border-radius-sm);gap:var(--s-space-2)}.image-grid--item-count-1{grid-template-columns:100%;grid-template-rows:100%}.image-grid--item-count-2{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2))}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(\n 100% / 3 - var(--s-space-2) / 2\n );grid-template-rows:calc(50% - var(--s-space-2) / 2)}.image-grid--item-count-3 ::slotted(*:nth-child(1)){grid-column-start:1;grid-row-start:1;grid-row-end:3}.image-grid--item-count-3 ::slotted(*:nth-child(3)){grid-column-start:2}.image-grid--item-count-4{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2));grid-template-rows:repeat(2, calc(50% - var(--s-space-2) / 2))}";export{d as swirl_image_grid}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,f as t,h as r,F as s,H as o,d as a}from"./p-CWOhMVtL.js";import{c as n}from"./p-orsBiyT_.js";import{S as h}from"./p-CMrz6687.js";import{t as d}from"./p-BkSXzL50.js";const l=class{constructor(t){e(this,t),this.dropTreeViewItem=i(this,"dropTreeViewItem",7),this.expandedChange=i(this,"expandedChange",7),this.itemSelected=i(this,"itemSelected",7),this.startKeyboardMoveEvent=i(this,"startKeyboardMove",7),this.endKeyboardMoveEvent=i(this,"endKeyboardMove",7),this.keyboardMoveEvent=i(this,"keyboardMove",7),this.expandable=!0,this.cannotKeyboardDropInCurrentPosition=!1,this.dragDropItemSelector="swirl-tree-view-item",this.enableDragDrop=!1,this.expanded=!1,this.level=0,this.movingViaKeyboard=!1,this.selected=!1,this.onFocus=()=>{this.selected||"tree"!==this.getSemantics()||this.select()},this.onKeyDown=e=>{if("Space"===e.code)return e.preventDefault(),void this.toggleKeyboardMove();this.movingViaKeyboard&&("ArrowDown"===e.code?(e.preventDefault(),e.stopPropagation(),this.moveItem("down")):"ArrowUp"===e.code&&(e.preventDefault(),e.stopPropagation(),this.moveItem("up")))},this.onClickCollapse=e=>{e.preventDefault(),e.stopPropagation(),this.collapse()},this.onClickExpand=e=>{e.preventDefault(),e.stopPropagation(),this.expand()}}componentWillLoad(){this.updateLevel();const e=this.el.closest("swirl-tree-view");this.enableDragDrop=e?.enableDragDrop,this.canDrop=e?.canDrop,this.dragDropItemSelector=e?.dragDropItemSelector}componentDidLoad(){this.setUpDragDrop()}async expand(){!this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!0,this.expandedChange.emit(this.expanded))}async collapse(){this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!1,this.expandedChange.emit(this.expanded))}async select(e){"tree"===this.getSemantics()&&(this.selected=!0,e&&this.link?.focus(),this.itemSelected.emit(this.el))}async unselect(){"tree"===this.getSemantics()&&(this.selected=!1)}setUpDragDrop(){this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop&&this.childList&&(this.sortable=new h(this.childList,{...d,draggable:this.dragDropItemSelector,onMove:e=>"function"!=typeof this.canDrop||this.canDrop({parentId:e.to.closest("swirl-tree-view-item")?.itemId,position:Math.max(Array.from(e.to.children).indexOf(e.related),0)}),onStart:e=>{d.onStart?.(e)},onEnd:e=>{e.stopPropagation(),d.onEnd?.(e);const{from:i,to:t,newIndex:r,oldIndex:s,item:o}=e,a=i.closest("swirl-tree-view-item")?.itemId,n=t.closest("swirl-tree-view-item")?.itemId;this.dropTreeViewItem.emit({newIndex:r,oldIndex:s,item:o,itemId:o.id??o.querySelector(":scope > swirl-tree-view-item").id,newNextSiblingItemId:r<t.children.length-1?t.children[r+1].id:void 0,newPrevSiblingItemId:r>0?t.children[r-1].id:void 0,sourceParentItemId:a,targetParentItemId:n})}}))}updateLevel(){let e=this.el.parentElement?.closest("swirl-tree-view-item");for(;Boolean(e);)this.level+=1,e=e.parentElement?.closest("swirl-tree-view-item")}getItemContext(){const e=this.getParentTreeViewItem()??this.el.closest("swirl-tree-view"),i=Array.from(e.querySelectorAll(`\n :scope > .tree-view-item > .tree-view-item__children > ${this.dragDropItemSelector},\n :scope > .tree-view > ${this.dragDropItemSelector}\n `));return{canDrop:!this.cannotKeyboardDropInCurrentPosition,parent:e,position:i.indexOf(this.el),siblingCount:i.length}}getParentItem(){return this.getElementToMove().parentElement.closest(this.dragDropItemSelector)}getParentTreeViewItem(){return this.el.parentElement.closest("swirl-tree-view-item")}getElementToMove(){return this.dragDropItemSelector?this.el.closest(this.dragDropItemSelector):this.el}getKeyboardMoveEventData(){const{canDrop:e,parent:i,position:t,siblingCount:r}=this.getItemContext();if(i)return{canDrop:e,parentLabel:i.label,childrenCount:r,itemLabel:this.label,position:t}}toggleKeyboardMove(){this.movingViaKeyboard?this.endKeyboardMove():this.startKeyboardMove()}endKeyboardMove(){const{parent:e,position:i}=this.getItemContext();if("function"==typeof this.canDrop&&!this.canDrop({parentId:e.id,position:i}))return;this.movingViaKeyboard=!1;const t=this.getKeyboardMoveEventData();t&&(this.endKeyboardMoveEvent.emit(t),this.dropTreeViewItem.emit({item:this.getElementToMove(),itemId:this.itemId,newIndex:i,oldIndex:this.positionBeforeKeyboardMove.position,newNextSiblingItemId:t.position<t.childrenCount-1?this.getElementToMove().nextElementSibling?.id:void 0,newPrevSiblingItemId:t.position>0?this.getElementToMove().previousElementSibling?.id:void 0,sourceParentItemId:this.positionBeforeKeyboardMove.parent.id??void 0,targetParentItemId:this.getParentItem()?.id}))}startKeyboardMove(){if(this.disableDrag)return;const{parent:e,position:i}=this.getItemContext();this.positionBeforeKeyboardMove={parent:e,position:i},this.movingViaKeyboard=!0;const t=this.getKeyboardMoveEventData();t&&this.startKeyboardMoveEvent.emit(t)}moveItem(e){const i=this.getElementToMove(),r=this.getParentItem(),s=this.getParentTreeViewItem();if("down"===e){const e=i.nextElementSibling;if(e){e.querySelector(".tree-view-item__children").prepend(i),s&&t(s);const r="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");t(r),r.expand()}else r&&(r.parentElement.insertBefore(i,r.nextElementSibling),s&&t(s))}else if("up"===e){const e=i.previousElementSibling;if(e){e.querySelector(".tree-view-item__children").appendChild(i),s&&t(s);const r="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");t(r),r.expand()}else r&&(r.parentElement.insertBefore(i,r),s&&t(s))}requestAnimationFrame((()=>{this.link.focus()})),this.checkKeyboardDropStatus();const o=this.getKeyboardMoveEventData();o&&this.keyboardMoveEvent.emit(o)}checkKeyboardDropStatus(){const{parent:e,position:i}=this.getItemContext();if("function"!=typeof this.canDrop)this.cannotKeyboardDropInCurrentPosition=!1;else{const t=this.canDrop({parentId:e.id,position:i});this.cannotKeyboardDropInCurrentPosition=!t}}getSemantics(){return this.el.closest('[role="tree"]')?"tree":"list"}render(){const e=Boolean(this.el.querySelector("swirl-tree-view-item")),i=Boolean(this.el.querySelector('[slot="tags"]')),t=Boolean(this.icon)&&/\p{Extended_Pictographic}/u.test(this.icon),a=this.enableDragDrop&&!e,h=this.getSemantics(),d=this.expanded||"tree"!==h,l="tree"===h?this.selected?0:-1:void 0,c="tree"===h?"li":"div",v=n("tree-view-item",{"tree-view-item--active":this.active,"tree-view-item--cannot-keyboard-drop":this.cannotKeyboardDropInCurrentPosition,"tree-view-item--moving-via-keyboard":this.movingViaKeyboard,"tree-view-item--disable-drag":this.disableDrag,"tree-view-item--has-tags":i});return r(o,{key:"d085c2b88c107c203ce428a67712da04323f8e24",id:this.itemId,role:"tree"===h?"none":"listitem"},r(c,{key:"b0ad24c16fcf8e64fac7f76720ad474f34a25aab",class:v,role:"tree"===h?"none":void 0},r("a",{key:"1df2bdeb1171dd86c2439d0e475ccd5f9b3d8ca5","aria-current":this.active?"page":void 0,"aria-expanded":e&&"tree"===h?String(d):void 0,"aria-level":"tree"===h?this.level+1:void 0,"aria-owns":e&&"tree"===h?`${this.itemId}-children`:void 0,"aria-selected":"tree"===h?String(this.selected):void 0,class:"tree-view-item__link",href:this.href,onFocus:this.onFocus,onKeyDown:this.onKeyDown,ref:e=>this.link=e,role:"tree"===h?"treeitem":void 0,tabIndex:l},!this.disableDrag&&this.enableDragDrop&&r("span",{key:"c1a7d0fd676447956630dcc37569fb0830c2099a",class:"tree-view-item__drag-handle"},r("swirl-icon-drag-handle",{key:"44d0850b2d47787d97d405a554f518a1428290fd",size:20})),this.expandable&&"tree"===h&&r("span",{key:"0f52b403d04a371971c985900e18c7bd6f5f1f5e",class:"tree-view-item__toggle-icon"},e&&r(s,{key:"ed7c79bbedfddcd631404f6b910b7a3b0320a829"},d?r("swirl-icon-expand-more",{onClick:this.onClickCollapse,size:24}):r("swirl-icon-chevron-right",{onClick:this.onClickExpand,size:24}))),Boolean(this.icon)&&r(s,{key:"95353c0276d3629919a19952490b50c4f79674bf"},r("span",{key:"4c73f3ecef5022087a72874912003a2abad5d221",class:"tree-view-item__icon"},t?this.icon:r("swirl-icon",{glyph:this.icon,size:24,color:this.iconColor}))),r("span",{key:"061dc160720af1c7e22339a10297e42c7c241007",class:"tree-view-item__label"},this.label),r("span",{key:"4bacb2b0968245f5c4a9e84a010653bf6513efdf",class:"tree-view-item__tags"},r("slot",{key:"f3cc5dda408a78092033ecc1bf305e8a55241870",name:"tags"}))),r("ul",{key:"c845651262d91941a9748d2b0412104c75485874","aria-label":this.label,class:"tree-view-item__children "+(a?"tree-view-item__children--drop-zone":""),id:`${this.itemId}-children`,ref:e=>this.childList=e,role:"tree"===h?"group":void 0,style:{display:d&&e||a?void 0:"none"}},r("slot",{key:"dfffc7c21716f9c00da9c2e6224daced78ba3ad2"}))))}get el(){return a(this)}};l.style="swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}";export{l as swirl_tree_view_item}
|
|
1
|
+
import{r as e,c as i,f as t,h as r,F as s,H as o,d as a}from"./p-CWOhMVtL.js";import{c as n}from"./p-orsBiyT_.js";import{S as h}from"./p-CMrz6687.js";import{t as d}from"./p-BkSXzL50.js";const c=class{constructor(t){e(this,t),this.dropTreeViewItem=i(this,"dropTreeViewItem",7),this.expandedChange=i(this,"expandedChange",7),this.itemSelected=i(this,"itemSelected",7),this.startKeyboardMoveEvent=i(this,"startKeyboardMove",7),this.endKeyboardMoveEvent=i(this,"endKeyboardMove",7),this.keyboardMoveEvent=i(this,"keyboardMove",7),this.expandable=!0,this.cannotKeyboardDropInCurrentPosition=!1,this.dragDropItemSelector="swirl-tree-view-item",this.enableDragDrop=!1,this.expanded=!1,this.level=0,this.movingViaKeyboard=!1,this.selected=!1,this.onFocus=()=>{this.selected||"tree"!==this.getSemantics()||this.select()},this.onKeyDown=e=>{if("Space"===e.code)return e.preventDefault(),void this.toggleKeyboardMove();this.movingViaKeyboard&&("ArrowDown"===e.code?(e.preventDefault(),e.stopPropagation(),this.moveItem("down")):"ArrowUp"===e.code&&(e.preventDefault(),e.stopPropagation(),this.moveItem("up")))},this.onClickCollapse=e=>{e.preventDefault(),e.stopPropagation(),this.collapse()},this.onClickExpand=e=>{e.preventDefault(),e.stopPropagation(),this.expand()}}componentWillLoad(){this.updateLevel();const e=this.el.closest("swirl-tree-view");this.enableDragDrop=e?.enableDragDrop,this.canDrop=e?.canDrop,this.dragDropItemSelector=e?.dragDropItemSelector}componentDidLoad(){this.setUpDragDrop()}async expand(){!this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!0,this.expandedChange.emit(this.expanded))}async collapse(){this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!1,this.expandedChange.emit(this.expanded))}async select(e){"tree"===this.getSemantics()&&(this.selected=!0,e&&this.link?.focus(),this.itemSelected.emit(this.el))}async unselect(){"tree"===this.getSemantics()&&(this.selected=!1)}setUpDragDrop(){this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop&&this.childList&&(this.sortable=new h(this.childList,{...d,draggable:this.dragDropItemSelector,onMove:e=>"function"!=typeof this.canDrop||this.canDrop({parentId:e.to.closest("swirl-tree-view-item")?.itemId,position:Math.max(Array.from(e.to.children).indexOf(e.related),0)}),onStart:e=>{d.onStart?.(e)},onEnd:e=>{e.stopPropagation(),d.onEnd?.(e);const{from:i,to:t,newIndex:r,oldIndex:s,item:o}=e,a=i.closest("swirl-tree-view-item")?.itemId,n=t.closest("swirl-tree-view-item")?.itemId;this.dropTreeViewItem.emit({newIndex:r,oldIndex:s,item:o,itemId:o.id??o.querySelector(":scope > swirl-tree-view-item").id,newNextSiblingItemId:r<t.children.length-1?t.children[r+1].id:void 0,newPrevSiblingItemId:r>0?t.children[r-1].id:void 0,sourceParentItemId:a,targetParentItemId:n})}}))}updateLevel(){let e=this.el.parentElement?.closest("swirl-tree-view-item");for(;Boolean(e);)this.level+=1,e=e.parentElement?.closest("swirl-tree-view-item")}getItemContext(){const e=this.getParentTreeViewItem()??this.el.closest("swirl-tree-view"),i=Array.from(e.querySelectorAll(`\n :scope > .tree-view-item > .tree-view-item__children > ${this.dragDropItemSelector},\n :scope > .tree-view > ${this.dragDropItemSelector}\n `));return{canDrop:!this.cannotKeyboardDropInCurrentPosition,parent:e,position:i.indexOf(this.el),siblingCount:i.length}}getParentItem(){return this.getElementToMove().parentElement.closest(this.dragDropItemSelector)}getParentTreeViewItem(){return this.el.parentElement.closest("swirl-tree-view-item")}getElementToMove(){return this.dragDropItemSelector?this.el.closest(this.dragDropItemSelector):this.el}getKeyboardMoveEventData(){const{canDrop:e,parent:i,position:t,siblingCount:r}=this.getItemContext();if(i)return{canDrop:e,parentLabel:i.label,childrenCount:r,itemLabel:this.label,position:t}}toggleKeyboardMove(){this.movingViaKeyboard?this.endKeyboardMove():this.startKeyboardMove()}endKeyboardMove(){const{parent:e,position:i}=this.getItemContext();if("function"==typeof this.canDrop&&!this.canDrop({parentId:e.id,position:i}))return;this.movingViaKeyboard=!1;const t=this.getKeyboardMoveEventData();t&&(this.endKeyboardMoveEvent.emit(t),this.dropTreeViewItem.emit({item:this.getElementToMove(),itemId:this.itemId,newIndex:i,oldIndex:this.positionBeforeKeyboardMove.position,newNextSiblingItemId:t.position<t.childrenCount-1?this.getElementToMove().nextElementSibling?.id:void 0,newPrevSiblingItemId:t.position>0?this.getElementToMove().previousElementSibling?.id:void 0,sourceParentItemId:this.positionBeforeKeyboardMove.parent.id??void 0,targetParentItemId:this.getParentItem()?.id}))}startKeyboardMove(){if(this.disableDrag)return;const{parent:e,position:i}=this.getItemContext();this.positionBeforeKeyboardMove={parent:e,position:i},this.movingViaKeyboard=!0;const t=this.getKeyboardMoveEventData();t&&this.startKeyboardMoveEvent.emit(t)}moveItem(e){const i=this.getElementToMove(),r=this.getParentItem(),s=this.getParentTreeViewItem();if("down"===e){const e=i.nextElementSibling;if(e){e.querySelector(".tree-view-item__children").prepend(i),s&&t(s);const r="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");t(r),r.expand()}else r&&(r.parentElement.insertBefore(i,r.nextElementSibling),s&&t(s))}else if("up"===e){const e=i.previousElementSibling;if(e){e.querySelector(".tree-view-item__children").appendChild(i),s&&t(s);const r="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");t(r),r.expand()}else r&&(r.parentElement.insertBefore(i,r),s&&t(s))}requestAnimationFrame((()=>{this.link.focus()})),this.checkKeyboardDropStatus();const o=this.getKeyboardMoveEventData();o&&this.keyboardMoveEvent.emit(o)}checkKeyboardDropStatus(){const{parent:e,position:i}=this.getItemContext();if("function"!=typeof this.canDrop)this.cannotKeyboardDropInCurrentPosition=!1;else{const t=this.canDrop({parentId:e.id,position:i});this.cannotKeyboardDropInCurrentPosition=!t}}getSemantics(){return this.el.closest('[role="tree"]')?"tree":"list"}render(){const e=Boolean(this.el.querySelector("swirl-tree-view-item")),i=Boolean(this.el.querySelector('[slot="tags"]')),t=Boolean(this.icon)&&/\p{Extended_Pictographic}/u.test(this.icon),a=this.enableDragDrop&&!e,h=this.getSemantics(),d=this.expanded||"tree"!==h,c="tree"===h?this.selected?0:-1:void 0,l="tree"===h?"li":"div",v=n("tree-view-item",{"tree-view-item--active":this.active,"tree-view-item--cannot-keyboard-drop":this.cannotKeyboardDropInCurrentPosition,"tree-view-item--moving-via-keyboard":this.movingViaKeyboard,"tree-view-item--disable-drag":this.disableDrag,"tree-view-item--has-tags":i});return r(o,{key:"f571e0aa5fab77a62b4b6a63e1226011b61202ce",id:this.itemId,role:"tree"===h?"none":"listitem"},r(l,{key:"a13caedc50c5df33f7674c93696a141c019a0be4",class:v,role:"tree"===h?"none":void 0},r("a",{key:"e9a32fadc3d8d07e757d42f54f8e9e44976e2b4a","aria-current":this.active?"page":void 0,"aria-expanded":e&&"tree"===h?String(d):void 0,"aria-level":"tree"===h?this.level+1:void 0,"aria-owns":e&&"tree"===h?`${this.itemId}-children`:void 0,"aria-selected":"tree"===h?String(this.selected):void 0,class:"tree-view-item__link",href:this.href,onFocus:this.onFocus,onKeyDown:this.onKeyDown,ref:e=>this.link=e,role:"tree"===h?"treeitem":void 0,tabIndex:c},!this.disableDrag&&this.enableDragDrop&&r("span",{key:"943ebb467ca02496363deccd1757eaa4878680ab",class:"tree-view-item__drag-handle"},r("swirl-icon-drag-handle",{key:"00c15f06df99116176b9759abb86794a5306aa1d",size:20})),this.expandable&&"tree"===h&&r("span",{key:"dbdd4b084c23f48caee3245a3a2f414cba1fcce1",class:"tree-view-item__toggle-icon"},e&&r(s,{key:"48b76c4675d392b25ad97d9e73f0911f43fc6918"},d?r("swirl-icon-expand-more",{onClick:this.onClickCollapse,size:24}):r("swirl-icon-chevron-right",{onClick:this.onClickExpand,size:24}))),Boolean(this.icon)&&r(s,{key:"d98c931c4f9db219e70fd31365304808c53808da"},r("span",{key:"c041476e9a1940dcc3c2c4edccde824e0d6f9c81",class:"tree-view-item__icon"},t?this.icon:r("swirl-icon",{glyph:this.icon,size:24,color:this.iconColor}))),r("span",{key:"92c600e90332b236742f47ca8ba190e2be704a00",class:"tree-view-item__label"},this.label),r("span",{key:"143e4df9520c3be93508e1e63c5cdad62f26dc90",class:"tree-view-item__tags"},r("slot",{key:"e8a16506b1c9fa9bdc2a0dab23c042efee9373dc",name:"tags"}))),r("ul",{key:"95d6d7047fa12c5a0fc51848457db871f5ec7abe","aria-label":this.label,class:"tree-view-item__children "+(a?"tree-view-item__children--drop-zone":""),id:`${this.itemId}-children`,ref:e=>this.childList=e,role:"tree"===h?"group":void 0,style:{display:d&&e||a?void 0:"none"}},r("slot",{key:"556e0b1487930406f6179a0d50d2ef0c832e2e45"}))))}get el(){return a(this)}};c.style="swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}";export{c as swirl_tree_view_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as a,h as e,H as t}from"./p-CWOhMVtL.js";import{c as s}from"./p-orsBiyT_.js";import{d as n}from"./p-D_MUFqkF.js";const o=class{constructor(e){i(this,e),this.setPage=a(this,"setPage",7),this.setPageSize=a(this,"setPageSize",7),this.firstPageButtonLabel="First page",this.lastPageButtonLabel="Last page",this.nextButtonLabel="Next page",this.pageLabel="out of",this.pageSelectLabel="Select a page",this.pageSize=10,this.pageSizeOptions=[10,25,50],this.pageSizeSelectLabel="Items per page:",this.prevButtonLabel="Previous page",this.variant="default",this.onFocusPageInput=i=>{i.target.select()},this.onFirstPageButtonClick=()=>{1!==this.page&&this.setPage.emit(1)},this.onLastPageButtonClick=()=>{this.page!==this.pages&&this.setPage.emit(this.pages)},this.onPrevButtonClick=()=>{const i=Math.max(this.page-1,1);this.page!==i&&this.setPage.emit(i)},this.onNextButtonClick=()=>{const i=Math.min(this.page+1,this.pages);this.page!==i&&this.setPage.emit(i)},this.onPageInput=()=>{let i=+this.pageInput.value;isNaN(i)?(i=this.page,this.pageInput.value=String(i)):i>this.pages?(i=this.pages,this.pageInput.value=String(i)):i<1&&(i=1,this.pageInput.value=String(i)),this.page!==i&&this.onPageUpdate(i)},this.onPageUpdate=n((i=>{this.setPage.emit(i)}),500),this.onPageSizeSelect=i=>{const a=+i.target.value;this.pageSize!==a&&this.setPageSize.emit(a)}}render(){const i="simple"!==this.variant,a="advanced"===this.variant,n=`${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`,o=s("pagination",`pagination--variant-${this.variant}`);return e(t,{key:"
|
|
1
|
+
import{r as i,c as a,h as e,H as t}from"./p-CWOhMVtL.js";import{c as s}from"./p-orsBiyT_.js";import{d as n}from"./p-D_MUFqkF.js";const o=class{constructor(e){i(this,e),this.setPage=a(this,"setPage",7),this.setPageSize=a(this,"setPageSize",7),this.firstPageButtonLabel="First page",this.lastPageButtonLabel="Last page",this.nextButtonLabel="Next page",this.pageLabel="out of",this.pageSelectLabel="Select a page",this.pageSize=10,this.pageSizeOptions=[10,25,50],this.pageSizeSelectLabel="Items per page:",this.prevButtonLabel="Previous page",this.variant="default",this.onFocusPageInput=i=>{i.target.select()},this.onFirstPageButtonClick=()=>{1!==this.page&&this.setPage.emit(1)},this.onLastPageButtonClick=()=>{this.page!==this.pages&&this.setPage.emit(this.pages)},this.onPrevButtonClick=()=>{const i=Math.max(this.page-1,1);this.page!==i&&this.setPage.emit(i)},this.onNextButtonClick=()=>{const i=Math.min(this.page+1,this.pages);this.page!==i&&this.setPage.emit(i)},this.onPageInput=()=>{let i=+this.pageInput.value;isNaN(i)?(i=this.page,this.pageInput.value=String(i)):i>this.pages?(i=this.pages,this.pageInput.value=String(i)):i<1&&(i=1,this.pageInput.value=String(i)),this.page!==i&&this.onPageUpdate(i)},this.onPageUpdate=n((i=>{this.setPage.emit(i)}),500),this.onPageSizeSelect=i=>{const a=+i.target.value;this.pageSize!==a&&this.setPageSize.emit(a)}}render(){const i="simple"!==this.variant,a="advanced"===this.variant,n=`${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`,o=s("pagination",`pagination--variant-${this.variant}`);return e(t,{key:"5978254ac1068ac5d9bb80acdbaa1d2d269fe259"},e("nav",{key:"ddee3c4e0bfa79039db7a177730a03345217ca06","aria-label":this.label,class:o},e("ul",{key:"de432ce32d9381ac1a377798f386d3e154207cee",class:"pagination__list",part:"pagination__list"},this.showPageSizeSelect&&e("li",{key:"dfef29a58b81121911cd39fe137e95ff096f0d7a",class:"pagination__list-item"},e("label",{key:"ebaf0677e82400be67a27d49e1eb329d8f2dd864",class:"pagination__page-size-selection"},e("swirl-text",{key:"2c4e1f89edb6f96b97cf95f239fc50cae1014901",whiteSpace:"inherit"},this.pageSizeSelectLabel),e("swirl-stack",{key:"a578e88a8daef0b4d4248a7d2ddab56b8e706633",align:"center",class:"pagination__page-size-select-container",orientation:"horizontal"},e("select",{key:"dc82dcd8582694ea2b849e3216e44790f0f755d5",class:"pagination__page-size-select",onChange:this.onPageSizeSelect},this.pageSizeOptions.map((i=>e("option",{key:i,selected:i===this.pageSize,value:i},i)))),e("swirl-icon-expand-more",{key:"4422749d60a84f23170ebfb1ec25156a9af1a581","aria-hidden":"true",class:"pagination__page-size-select-icon",size:16})))),e("li",{key:"8aa9a178991e2ad41d96599ef357ec4ed6f0aae7",class:"pagination__list-item"},e("swirl-button",{key:"6d25223a8059b941b4c28ee6b0234abfbce72716",class:"pagination__first-page-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>",intent:"primary",label:this.firstPageButtonLabel,onClick:this.onFirstPageButtonClick})),e("li",{key:"6fe4250cd3b3ec4115b921b47688897375d6197b",class:"pagination__list-item"},e("swirl-button",{key:"5b334333689e838715a4349b147acc2717df28ba",class:"pagination__prev-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-chevron-left></swirl-icon-chevron-left>",intent:"primary",label:this.prevButtonLabel,onClick:this.onPrevButtonClick})),i?e("li",{class:"pagination__list-item pagination__page-label"},e("span",null,a?e("span",{"aria-current":"page",class:"pagination__advanced-label"},e("input",{"aria-label":this.pageSelectLabel,class:"pagination__page-input",onFocus:this.onFocusPageInput,onInput:this.onPageInput,ref:i=>this.pageInput=i,type:"text",value:this.page}),e("span",{"aria-hidden":"true"},this.pageLabel," ",this.pages.toLocaleString())):e("span",{"aria-current":"page"},n))):e("li",{class:"pagination__list-item"},e("swirl-visually-hidden",null,e("span",{"aria-current":"page"},n))),e("li",{key:"f55b7c393a7f545718bd227bbb08aa0dcf77034d",class:"pagination__list-item"},e("swirl-button",{key:"172a349725254224da6d746314cdf697e515851f",class:"pagination__next-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-chevron-right></swirl-icon-chevron-right>",iconPosition:"end",intent:"primary",label:this.nextButtonLabel,onClick:this.onNextButtonClick})),e("li",{key:"c4cfd270b79e299af2c8e659ffa33c4523ee5681",class:"pagination__list-item"},e("swirl-button",{key:"1178ab1fe0d0204d57c0eff231cac3d489fbc940",class:"pagination__last-page-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",intent:"primary",label:this.lastPageButtonLabel,onClick:this.onLastPageButtonClick})))))}};o.style=":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";export{o as swirl_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c as i,h as t,H as e,d as c}from"./p-CWOhMVtL.js";import{c as r}from"./p-orsBiyT_.js";const
|
|
1
|
+
import{r as s,c as i,h as t,H as e,d as c}from"./p-CWOhMVtL.js";import{c as r}from"./p-orsBiyT_.js";const h=class{constructor(t){s(this,t),this.valueChange=i(this,"valueChange",7),this.checked=!1,this.disabled=!1,this.labelPosition="end",this.onChange=()=>{this.checked=!this.checked,this.valueChange.emit(this.checked)}}async toggle(){this.inputEl.dispatchEvent(new Event("change"))}render(){const s=this.checked,i=s?"true":"false",c=r("switch",`switch--label-position-${this.labelPosition}`,{"switch--off":!this.checked,"switch--on":s,"switch--disabled":this.disabled});return t(e,{key:"0184a03f354d0a1dde8ef2e4314d1466aa45fa7c"},t("label",{key:"264a92b849b655fd7ad2d51529efb619c5ce40a3",class:c,htmlFor:this.inputId},t("span",{key:"437681fc1072c4431ae0dcde683fe2db142e1103",class:"switch__control"},t("swirl-visually-hidden",{key:"34503aec9107d0dbe82c1172048aa1a83396dc1e"},t("input",{key:"b2d078664d35e3f037642c8865478707fdf3e7f6","aria-checked":i,"aria-label":!this.hideLabel&&this.swirlAriaLabel?this.swirlAriaLabel:void 0,checked:s,class:"switch__input",disabled:this.disabled,id:this.inputId,name:this.inputName,onChange:this.onChange,ref:s=>this.inputEl=s,role:"switch",type:"checkbox",value:this.value})),t("span",{key:"988d10b07dfbe72e6b7c2cf55dd841544e7c6e16","aria-hidden":"true",class:"switch__thumb"})),t("swirl-stack",{key:"cd6001d80e63b1e84fadfdba8719fd8d205027d0",class:"switch__content"},this.label&&!this.hideLabel&&t("span",{key:"d6d776add33f4092571b33b48353eb8a7459983c",class:"switch__label"},this.label),this.hideLabel&&t("swirl-visually-hidden",{key:"d648c431437ebc0167c56065dc4e0ea7fb96c4db"},this.swirlAriaLabel||this.label),this.description&&t("span",{key:"83d3537d6cf33cc92419f9e117fea4eb7cc2a878",class:"switch__description"},this.description))))}get el(){return c(this)}};h.style=".sc-swirl-switch-h{display:inline-flex;max-width:100%}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none;width:100%}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n 0 0 0 0.1875rem var(--s-focus-default)}.switch--label-position-start.sc-swirl-switch{flex-direction:row-reverse}.switch--label-position-start.sc-swirl-switch .switch__content.sc-swirl-switch{margin-right:var(--s-space-12);margin-left:0}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch__control.sc-swirl-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:calc(1.5rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__control.sc-swirl-switch{width:1.875rem;height:1.125rem;border-radius:calc(1.125rem / 2)}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__thumb.sc-swirl-switch{width:0.875rem;height:0.875rem}}.switch__content.sc-swirl-switch{margin-left:var(--s-space-12);position:relative;z-index:1}.switch__label.sc-swirl-switch{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.switch__description.sc-swirl-switch{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-normal);line-height:var(--s-line-height-sm);color:var(--s-text-subdued)}";export{h as swirl_switch}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as e,h as d,H as o,d as t}from"./p-CWOhMVtL.js";import{d as s,e as r}from"./p-B0kNlhKL.js";import{c as i}from"./p-orsBiyT_.js";import{c as l}from"./p-DIdMBZfn.js";import{k as n}from"./p-D_MUFqkF.js";const m=class{constructor(d){a(this,d),this.toggleFullscreen=e(this,"toggleFullscreen",7),this.modalClose=e(this,"modalClose",7),this.modalOpen=e(this,"modalOpen",7),this.primaryAction=e(this,"primaryAction",7),this.requestModalClose=e(this,"requestModalClose",7),this.secondaryAction=e(this,"secondaryAction",7),this.sidebarClose=e(this,"sidebarClose",7),this.closable=!0,this.closeButtonLabel="Close modal",this.fullscreenEnableButtonLabel="Full screen",this.fullscreenDisableButtonLabel="Exit full screen",this.padded=!0,this.variant="default",this.sidebarPadded=!0,this.sidebarFooterPadded=!0,this.sidebarCloseButtonLabel="Close sidebar",this.isOpen=!1,this.isFullscreen=!1,this.isFullscreenTransitioning=!1,this.closing=!1,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1,this.sidebarScrolled=!1,this.sidebarScrolledDown=!1,this.sidebarScrollable=!1,this.onKeyDown=a=>{"Escape"===a.code&&(a.stopImmediatePropagation(),this.close())},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onFullscreenButtonClick=()=>{this.setFullscreen(!this.isFullscreen)},this.onSidebarCloseButtonClick=()=>{this.hideSidebarContent=!0,this.sidebarClose.emit()},this.onPrimaryAction=a=>{this.primaryAction.emit(a)},this.onSecondaryAction=a=>{this.secondaryAction.emit(a)},this.determineScrollStatus=()=>{this.determineMainScrollStatus(),this.determineSidebarScrollStatus()},this.determineMainScrollStatus=()=>{const a=this.scrollContainer?.scrollTop>0,e=Math.ceil(this.scrollContainer?.scrollTop+this.scrollContainer?.offsetHeight)>=this.scrollContainer?.scrollHeight,d=this.scrollContainer?.scrollHeight>this.scrollContainer?.offsetHeight;a!==this.scrolled&&(this.scrolled=a),e!==this.scrolledDown&&(this.scrolledDown=e),d!==this.scrollable&&(this.scrollable=d)},this.determineSidebarScrollStatus=()=>{const a=this.sidebarScrollContainer?.scrollTop>0,e=Math.ceil(this.sidebarScrollContainer?.scrollTop+this.sidebarScrollContainer?.offsetHeight)>=this.sidebarScrollContainer?.scrollHeight,d=this.sidebarScrollContainer?.scrollHeight>this.sidebarScrollContainer?.offsetHeight;a!==this.sidebarScrolled&&(this.sidebarScrolled=a),e!==this.sidebarScrolledDown&&(this.sidebarScrolledDown=e),d!==this.sidebarScrollable&&(this.sidebarScrollable=d)}}componentDidLoad(){this.determineScrollStatus(),this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus(),this.updateSecondaryContentStatus(),this.updateSidebarContentStatus(),this.updateSidebarFooterStatus()}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.setupFocusTrap(),setTimeout((()=>{this.lockBodyScroll(),this.determineScrollStatus()})),setTimeout((()=>{this.focusTrap?.activate(),this.handleAutoFocus()}),200)}async close(a){this.closing||(this.requestModalClose.emit(),(this.closable||a)&&(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.focusTrap?.deactivate(),this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150)))}async setFullscreen(a){this.isFullscreen!==a&&(this.isFullscreenTransitioning=!0,this.isFullscreen=a,this.toggleFullscreen.emit(this.isFullscreen),setTimeout((()=>this.isFullscreenTransitioning=!1),150))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}updateHeaderToolsStatus(){this.hasHeaderTools=Boolean(this.el.querySelector('[slot="header-tools"]'))}updateSecondaryContentStatus(){this.hasSecondaryContent=Boolean(this.el.querySelector('[slot="secondary-content"]'))}updateSidebarContentStatus(){this.hasSidebarContent=Boolean(this.el.querySelector('[slot="sidebar-content"]'))}updateSidebarFooterStatus(){this.hasSidebarFooter=Boolean(this.el.querySelector('[slot="sidebar-footer"]'))}handleAutoFocus(){this.modalEl.querySelector("input[autofocus]")?.focus()}lockBodyScroll(){s(this.scrollContainer),s(this.sidebarScrollContainer)}setupFocusTrap(){this.focusTrap=l(this.modalEl,{allowOutsideClick:!0,setReturnFocus:n(),escapeDeactivates:!1,tabbableOptions:{getShadowRoot:a=>a.shadowRoot}})}unlockBodyScroll(){this.scrollContainer&&r(this.scrollContainer),this.sidebarScrollContainer&&r(this.sidebarScrollContainer)}render(){const a=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),e=i("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--fullscreen":this.isFullscreen,"modal--fullscreen-transitioning":this.isFullscreenTransitioning,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--has-secondary-content":this.hasSecondaryContent&&!this.hideSecondaryContent,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--hide-scrolled-header-border":this.hideScrolledHeaderBorder,"modal--scrolled-down":this.scrolledDown,"modal--hide-secondary-content-borders":this.hideSecondaryContentBorders,"modal--has-sidebar-content":this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-padded":this.sidebarPadded,"modal--has-sidebar-footer":this.hasSidebarFooter&&this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-footer-padded":this.sidebarFooterPadded,"modal--sidebar-scrolled":this.sidebarScrolled,"modal--sidebar-scrolled-down":this.sidebarScrolledDown,"modal--sidebar-scrollable":this.sidebarScrollable});return d(o,{key:"7c24fee5323e2df19dabcb9a5a91655f0f28d4a1"},d("section",{key:"4c30f0c893b6dbff9583c739793c877db7776d13","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:e,onKeyDown:this.onKeyDown,role:"dialog",ref:a=>this.modalEl=a},d("div",{key:"9c54e0b2b50d584c7e1ee97f2228d3d7d9b3cdf8",class:"modal__backdrop",onClick:this.onBackdropClick}),d("div",{key:"ac2f5576bfbf714ba3a6bf1eda46c25d30237737",class:"modal__body",style:this.isFullscreen?{}:{"--swirl-modal-max-height":this.maxHeight,"--swirl-modal-height":this.height,minHeight:this.minHeight,maxWidth:this.maxWidth}},d("aside",{key:"8ef849f9a5e17ccceb7cff955e39bc28892dd28c",class:"modal__sidebar"},this.sidebarLabel&&d("header",{key:"2352dc5cb17e549f064dcd5ed0abfb7d99fec9e3",class:i("modal__sidebar-header",{"modal__sidebar-header--has-close-button":this.hasSidebarCloseButton})},this.hasSidebarCloseButton&&d("swirl-button",{key:"004b9da5c81869306984a3aa87519ae452800fd1",hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),d("swirl-heading",{key:"69bde9ad0b480e9969e56c089c29117bf1f28d10",as:"h3",class:"modal__sidebar-heading",level:5,text:this.sidebarLabel})),d("div",{key:"a6346c2c7fde58212c6f5097d5d70606c3183e1b",class:"modal__sidebar-content",onScroll:this.determineSidebarScrollStatus,ref:a=>this.sidebarScrollContainer=a},d("slot",{key:"02bcee4978aa640ecbb3b4417cdb3e50291445cb",name:"sidebar-content"})),d("div",{key:"136c44311e48b3b88db6c642f245915656e59233",class:"modal__sidebar-footer"},d("slot",{key:"a5e8df9f9147b7da7fd96a7efb9b3f71d4075d45",name:"sidebar-footer"}))),d("div",{key:"bb0170d8b569589cb559fedadfb3a0723c618934",class:"modal__main-content"},d("header",{key:"ee87585b97d37bd9521a3efb97af9c24fea9d83e",class:"modal__custom-header"},d("slot",{key:"5ee6d3e095940d24906edb710a574a13d82566ec",name:"custom-header"})),(!this.hideLabel||!this.hideCloseButton)&&d("header",{key:"387bfdb294a2da6dca9126e19127548770d7e323",class:"modal__header"},d("div",{key:"4a54700cd7a2824447892206073af4f5dbec9451",class:"modal__header-bar"},!this.hideCloseButton&&d("swirl-button",{key:"d6c3c80fb0c2cdee570e987bcc290e6581246f74",class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),this.showFullscreenButton&&d("swirl-button",{key:"c3879455946bd91bf57c33fd8693fe0601933ead",class:"modal__fullscreen-button",hideLabel:!0,icon:this.isFullscreen?"<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>":"<swirl-icon-open-in-full></swirl-icon-open-in-full>",label:this.isFullscreen?this.fullscreenDisableButtonLabel:this.fullscreenEnableButtonLabel,onClick:this.onFullscreenButtonClick}),!this.hideLabel&&d("swirl-heading",{key:"d3b7a16db9e4feae042a90ae3d2d8505757205ff",as:"h2",class:"modal__heading",level:3,text:this.label}))),d("div",{key:"3b55bc21765c6d3ed98cd7c8787fe69906164aeb",class:"modal__content-container",style:{gap:this.contentGap?`var(--s-space-${this.contentGap})`:void 0}},d("div",{key:"d417c7f1e060b64bc7be2b98bffd5a1d1d460c0a",class:"modal__primary-content",style:{maxWidth:this.primaryContentMaxWidth,flex:this.primaryContentFlex}},d("div",{key:"36fc3cce5333dec26141a19ed94e16d0e536bd32",class:"modal__header-tools"},d("slot",{key:"36df33eb9c484e602ed9c5d245f50e4ebcbff514",name:"header-tools"})),d("div",{key:"3a1fd477b1d5b70291d163f3e0c2759fde8dd34c",class:"modal__content",onScroll:this.determineMainScrollStatus,ref:a=>this.scrollContainer=a},d("slot",{key:"cdd147f7e0320742091611b92ef5318065d6bd2f"}))),d("div",{key:"bafcb6677a0da44e76e56ca189a8dbf4afa1f573",class:"modal__secondary-content",style:{maxWidth:this.secondaryContentMaxWidth,flex:this.secondaryContentFlex,padding:Boolean(this.secondaryContentPadding)?`var(--s-space-${this.secondaryContentPadding})`:void 0,paddingBlockEnd:Boolean(this.secondaryContentPaddingBlockEnd)?`var(--s-space-${this.secondaryContentPaddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.secondaryContentPaddingBlockStart)?`var(--s-space-${this.secondaryContentPaddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.secondaryContentPaddingInlineEnd)?`var(--s-space-${this.secondaryContentPaddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.secondaryContentPaddingInlineStart)?`var(--s-space-${this.secondaryContentPaddingInlineStart})`:void 0}},d("slot",{key:"c6061a71b7d66b3e204ff7c4f075ae4908c4cfae",name:"secondary-content"}))),d("div",{key:"d1501d2c4431b43d053a67e3fb99922dea905dcb",class:"modal__custom-footer"},d("slot",{key:"404cb5ab7559754b1944fbb675518afcfffcadfd",name:"custom-footer"})),a&&d("footer",{key:"f2cadd2076b5c180494935945894fd468e0c46ba",class:"modal__controls"},d("swirl-button-group",{key:"d24df43e386d5431f5df152c5840bd290dbb38fd",wrap:!0},this.secondaryActionLabel&&d("swirl-button",{key:"1cb65ccd7d85057820d2afb79e647f078d70a9c7",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&d("swirl-button",{key:"705ca5cf78b9d0f0c576288cf94f6d9208e66def",intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"})))))))}get el(){return t(this)}};m.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n --s-surface-overlay-default\n );--swirl-resource-list-item-background-hovered:var(\n --s-surface-overlay-hovered\n );--swirl-resource-list-item-background-pressed:var(\n --s-surface-overlay-pressed\n );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)\n var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)\n var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal--has-secondary-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(\n var(--swirl-modal-max-width) +\n var(--swirl-modal-max-secondary-content-width)\n )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal.modal--has-sidebar-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal.modal--has-sidebar-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(\n var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)\n )}@media (min-width: 768px){.modal.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--hide-scrolled-header-border):not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border).modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border) .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out,\n max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;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-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(\n var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +\n var(--swirl-modal-max-secondary-content-width)\n )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{m as swirl_modal}
|
|
1
|
+
import{r as a,c as o,h as e,H as d,d as t}from"./p-CWOhMVtL.js";import{d as s,e as r}from"./p-B0kNlhKL.js";import{c as i}from"./p-orsBiyT_.js";import{c as l}from"./p-DIdMBZfn.js";import{k as n}from"./p-D_MUFqkF.js";const m=class{constructor(e){a(this,e),this.toggleFullscreen=o(this,"toggleFullscreen",7),this.modalClose=o(this,"modalClose",7),this.modalOpen=o(this,"modalOpen",7),this.primaryAction=o(this,"primaryAction",7),this.requestModalClose=o(this,"requestModalClose",7),this.secondaryAction=o(this,"secondaryAction",7),this.sidebarClose=o(this,"sidebarClose",7),this.closable=!0,this.closeButtonLabel="Close modal",this.fullscreenEnableButtonLabel="Full screen",this.fullscreenDisableButtonLabel="Exit full screen",this.padded=!0,this.variant="default",this.sidebarPadded=!0,this.sidebarFooterPadded=!0,this.sidebarCloseButtonLabel="Close sidebar",this.isOpen=!1,this.isFullscreen=!1,this.isFullscreenTransitioning=!1,this.closing=!1,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1,this.sidebarScrolled=!1,this.sidebarScrolledDown=!1,this.sidebarScrollable=!1,this.onKeyDown=a=>{"Escape"===a.code&&(a.stopImmediatePropagation(),this.close())},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onFullscreenButtonClick=()=>{this.setFullscreen(!this.isFullscreen)},this.onSidebarCloseButtonClick=()=>{this.hideSidebarContent=!0,this.sidebarClose.emit()},this.onPrimaryAction=a=>{this.primaryAction.emit(a)},this.onSecondaryAction=a=>{this.secondaryAction.emit(a)},this.determineScrollStatus=()=>{this.determineMainScrollStatus(),this.determineSidebarScrollStatus()},this.determineMainScrollStatus=()=>{const a=this.scrollContainer?.scrollTop>0,o=Math.ceil(this.scrollContainer?.scrollTop+this.scrollContainer?.offsetHeight)>=this.scrollContainer?.scrollHeight,e=this.scrollContainer?.scrollHeight>this.scrollContainer?.offsetHeight;a!==this.scrolled&&(this.scrolled=a),o!==this.scrolledDown&&(this.scrolledDown=o),e!==this.scrollable&&(this.scrollable=e)},this.determineSidebarScrollStatus=()=>{const a=this.sidebarScrollContainer?.scrollTop>0,o=Math.ceil(this.sidebarScrollContainer?.scrollTop+this.sidebarScrollContainer?.offsetHeight)>=this.sidebarScrollContainer?.scrollHeight,e=this.sidebarScrollContainer?.scrollHeight>this.sidebarScrollContainer?.offsetHeight;a!==this.sidebarScrolled&&(this.sidebarScrolled=a),o!==this.sidebarScrolledDown&&(this.sidebarScrolledDown=o),e!==this.sidebarScrollable&&(this.sidebarScrollable=e)}}componentDidLoad(){this.determineScrollStatus(),this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus(),this.updateSecondaryContentStatus(),this.updateSidebarContentStatus(),this.updateSidebarFooterStatus()}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.setupFocusTrap(),setTimeout((()=>{this.lockBodyScroll(),this.determineScrollStatus()})),setTimeout((()=>{this.focusTrap?.activate(),this.handleAutoFocus()}),200)}async close(a){this.closing||(this.requestModalClose.emit(),(this.closable||a)&&(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.focusTrap?.deactivate(),this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150)))}async setFullscreen(a){this.isFullscreen!==a&&(this.isFullscreenTransitioning=!0,this.isFullscreen=a,this.toggleFullscreen.emit(this.isFullscreen),setTimeout((()=>this.isFullscreenTransitioning=!1),150))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}updateHeaderToolsStatus(){this.hasHeaderTools=Boolean(this.el.querySelector('[slot="header-tools"]'))}updateSecondaryContentStatus(){this.hasSecondaryContent=Boolean(this.el.querySelector('[slot="secondary-content"]'))}updateSidebarContentStatus(){this.hasSidebarContent=Boolean(this.el.querySelector('[slot="sidebar-content"]'))}updateSidebarFooterStatus(){this.hasSidebarFooter=Boolean(this.el.querySelector('[slot="sidebar-footer"]'))}handleAutoFocus(){this.modalEl.querySelector("input[autofocus]")?.focus()}lockBodyScroll(){s(this.scrollContainer),s(this.sidebarScrollContainer)}setupFocusTrap(){this.focusTrap=l(this.modalEl,{allowOutsideClick:!0,setReturnFocus:n(),escapeDeactivates:!1,tabbableOptions:{getShadowRoot:a=>a.shadowRoot}})}unlockBodyScroll(){this.scrollContainer&&r(this.scrollContainer),this.sidebarScrollContainer&&r(this.sidebarScrollContainer)}render(){const a=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),o=i("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--fullscreen":this.isFullscreen,"modal--fullscreen-transitioning":this.isFullscreenTransitioning,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--has-secondary-content":this.hasSecondaryContent&&!this.hideSecondaryContent,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--hide-scrolled-header-border":this.hideScrolledHeaderBorder,"modal--scrolled-down":this.scrolledDown,"modal--hide-secondary-content-borders":this.hideSecondaryContentBorders,"modal--has-sidebar-content":this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-padded":this.sidebarPadded,"modal--has-sidebar-footer":this.hasSidebarFooter&&this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-footer-padded":this.sidebarFooterPadded,"modal--sidebar-scrolled":this.sidebarScrolled,"modal--sidebar-scrolled-down":this.sidebarScrolledDown,"modal--sidebar-scrollable":this.sidebarScrollable});return e(d,{key:"b8d138b1ad7e273791814f5f9abd8a4a073636fb"},e("section",{key:"0f63acbb187ff9d46dbff9da73144931e7ad33bd","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:o,onKeyDown:this.onKeyDown,role:"dialog",ref:a=>this.modalEl=a},e("div",{key:"bfb8b3f9745e9cdd99fa7ce688dce57f01258706",class:"modal__backdrop",onClick:this.onBackdropClick}),e("div",{key:"3a8014ffc0972052d9bd2fa1462c4447e09fdea3",class:"modal__body",style:this.isFullscreen?{}:{"--swirl-modal-max-height":this.maxHeight,"--swirl-modal-height":this.height,minHeight:this.minHeight,maxWidth:this.maxWidth}},e("aside",{key:"f4fc452be1ab849dd5f5af6cc22b9605603d18d4",class:"modal__sidebar"},this.sidebarLabel&&e("header",{key:"863e9f2aa8b7392afc7a8d20f451c35a4757b5c1",class:i("modal__sidebar-header",{"modal__sidebar-header--has-close-button":this.hasSidebarCloseButton})},this.hasSidebarCloseButton&&e("swirl-button",{key:"2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158",hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),e("swirl-heading",{key:"ec003d97f67b728c91efb729f03bcfec00604bc9",as:"h3",class:"modal__sidebar-heading",level:5,text:this.sidebarLabel})),e("div",{key:"55619573e3665d119f5930f795dbeb1e7b144415",class:"modal__sidebar-content",onScroll:this.determineSidebarScrollStatus,ref:a=>this.sidebarScrollContainer=a},e("slot",{key:"6ff1a840c83cd9aeb34c55e9767f8e6736c197d8",name:"sidebar-content"})),e("div",{key:"da90299494ae5252611f30e64ddf08db5b01ef68",class:"modal__sidebar-footer"},e("slot",{key:"817a965706aef995da46009b0a76d4c7afd2567d",name:"sidebar-footer"}))),e("div",{key:"4e967937d11b2dfc8552da0b308f2a3446a87e2d",class:"modal__main-content"},e("header",{key:"be7b866f8d7bd844e0cc2284e804e278fa62c62b",class:"modal__custom-header"},e("slot",{key:"26022718ce0fb8817ca1914db3f4c21bbe6a262e",name:"custom-header"})),(!this.hideLabel||!this.hideCloseButton)&&e("header",{key:"b8796448ff81d69ba74b7465c2bad02df39c0ba3",class:"modal__header"},e("div",{key:"07b7a25aa64aec3222f4c9130d64be79222a2c97",class:"modal__header-bar"},!this.hideCloseButton&&e("swirl-button",{key:"7c9e22203d8ce17fa30fcf8df5ec28dd0367a065",class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),this.showFullscreenButton&&e("swirl-button",{key:"028f409536d401093fd71e6fbf123b504a54b2c1",class:"modal__fullscreen-button",hideLabel:!0,icon:this.isFullscreen?"<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>":"<swirl-icon-open-in-full></swirl-icon-open-in-full>",label:this.isFullscreen?this.fullscreenDisableButtonLabel:this.fullscreenEnableButtonLabel,onClick:this.onFullscreenButtonClick}),!this.hideLabel&&e("swirl-heading",{key:"ed614d4b5331946c67d18f729052c0661ea3a8bb",as:"h2",class:"modal__heading",level:3,text:this.label}))),e("div",{key:"0cebbb9377307b03900bf8f623af2bbd0767ae5f",class:"modal__content-container",style:{gap:this.contentGap?`var(--s-space-${this.contentGap})`:void 0}},e("div",{key:"ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8",class:"modal__primary-content",style:{maxWidth:this.primaryContentMaxWidth,flex:this.primaryContentFlex}},e("div",{key:"7341038d7ff292544afa94d225b117cea82d95bf",class:"modal__header-tools"},e("slot",{key:"ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1",name:"header-tools"})),e("div",{key:"441577d1d7a0fe02736dca8e1027b52114b7312e",class:"modal__content",onScroll:this.determineMainScrollStatus,ref:a=>this.scrollContainer=a},e("slot",{key:"6b3bcaaca92d5238f72f374d925c0b2b37f33763"}))),e("div",{key:"4ec04527481b4166525537d1c9c513f7216c5fbf",class:"modal__secondary-content",style:{maxWidth:this.secondaryContentMaxWidth,flex:this.secondaryContentFlex,padding:Boolean(this.secondaryContentPadding)?`var(--s-space-${this.secondaryContentPadding})`:void 0,paddingBlockEnd:Boolean(this.secondaryContentPaddingBlockEnd)?`var(--s-space-${this.secondaryContentPaddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.secondaryContentPaddingBlockStart)?`var(--s-space-${this.secondaryContentPaddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.secondaryContentPaddingInlineEnd)?`var(--s-space-${this.secondaryContentPaddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.secondaryContentPaddingInlineStart)?`var(--s-space-${this.secondaryContentPaddingInlineStart})`:void 0}},e("slot",{key:"09caff111a5c6696984582a40b3d98423cf9b0dd",name:"secondary-content"}))),e("div",{key:"255f12ffb46f68fc0452d6e8f0585ee017f485e9",class:"modal__custom-footer"},e("slot",{key:"0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186",name:"custom-footer"})),a&&e("footer",{key:"97e723de4d48fa5883223a5665c419842412ab09",class:"modal__controls"},e("swirl-button-group",{key:"ce6a1115e391d17314d33cf8ef5795c7f64164d3",wrap:!0},this.secondaryActionLabel&&e("swirl-button",{key:"df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&e("swirl-button",{key:"dca61b968580d1025a8e7fb08f7483fe20f3f232",intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"})))))))}get el(){return t(this)}};m.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n --s-surface-overlay-default\n );--swirl-resource-list-item-background-hovered:var(\n --s-surface-overlay-hovered\n );--swirl-resource-list-item-background-pressed:var(\n --s-surface-overlay-pressed\n );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)\n var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)\n var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal--has-secondary-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(\n var(--swirl-modal-max-width) +\n var(--swirl-modal-max-secondary-content-width)\n )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal.modal--has-sidebar-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal.modal--has-sidebar-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(\n var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)\n )}@media (min-width: 768px){.modal.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--hide-scrolled-header-border):not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border).modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border) .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out,\n max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;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-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(\n var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +\n var(--swirl-modal-max-secondary-content-width)\n )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{m as swirl_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as C,F as i,H as s}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const a=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"a390ea4f1b48f1c1ed507e0afe313182bbe334db","aria-hidden":"true",class:a,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&&C(i,{key:"7c226efadece4838fbb08a71925c3a244a743ac8"},C("path",{key:"51c2ee3d02be6363bc77436035a33f27eb1d0393",d:"M2.66665 11.3333C2.29998 11.3333 1.98609 11.2028 1.72498 10.9417C1.46387 10.6806 1.33331 10.3667 1.33331 10V6.00001C1.33331 5.63334 1.46387 5.31945 1.72498 5.05834C1.98609 4.79723 2.29998 4.66667 2.66665 4.66667H5.99998C6.18887 4.66667 6.3472 4.73056 6.47498 4.85834C6.60276 4.98612 6.66665 5.14445 6.66665 5.33334C6.66665 5.52223 6.60276 5.68056 6.47498 5.80834C6.3472 5.93612 6.18887 6.00001 5.99998 6.00001H2.66665V10H5.33331V8.66667H4.66665C4.47776 8.66667 4.31942 8.60278 4.19165 8.47501C4.06387 8.34723 3.99998 8.18889 3.99998 8.00001C3.99998 7.81112 4.06387 7.65278 4.19165 7.52501C4.31942 7.39723 4.47776 7.33334 4.66665 7.33334H5.99998C6.18887 7.33334 6.3472 7.39723 6.47498 7.52501C6.60276 7.65278 6.66665 7.81112 6.66665 8.00001V10C6.66665 10.3667 6.53609 10.6806 6.27498 10.9417C6.01387 11.2028 5.69998 11.3333 5.33331 11.3333H2.66665ZM7.99998 10.6667V5.33334C7.99998 5.14445 8.06387 4.98612 8.19165 4.85834C8.31942 4.73056 8.47776 4.66667 8.66665 4.66667C8.85554 4.66667 9.01387 4.73056 9.14165 4.85834C9.26942 4.98612 9.33331 5.14445 9.33331 5.33334V10.6667C9.33331 10.8556 9.26942 11.0139 9.14165 11.1417C9.01387 11.2695 8.85554 11.3333 8.66665 11.3333C8.47776 11.3333 8.31942 11.2695 8.19165 11.1417C8.06387 11.0139 7.99998 10.8556 7.99998 10.6667ZM10.6666 10.6667V5.33334C10.6666 5.14445 10.7305 4.98612 10.8583 4.85834C10.9861 4.73056 11.1444 4.66667 11.3333 4.66667H14.6666C14.8555 4.66667 15.0139 4.73056 15.1416 4.85834C15.2694 4.98612 15.3333 5.14445 15.3333 5.33334C15.3333 5.52223 15.2694 5.68056 15.1416 5.80834C15.0139 5.93612 14.8555 6.00001 14.6666 6.00001H12V7.33334H14C14.1889 7.33334 14.3472 7.39723 14.475 7.52501C14.6028 7.65278 14.6666 7.81112 14.6666 8.00001C14.6666 8.18889 14.6028 8.34723 14.475 8.47501C14.3472 8.60278 14.1889 8.66667 14 8.66667H12V10.6667C12 10.8556 11.9361 11.0139 11.8083 11.1417C11.6805 11.2695 11.5222 11.3333 11.3333 11.3333C11.1444 11.3333 10.9861 11.2695 10.8583 11.1417C10.7305 11.0139 10.6666 10.8556 10.6666 10.6667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"d5563a52bb81160ebe51ba859a019e928d12ab49"},C("path",{key:"aa3493ebb44e0f1daa8bbc084b151ce3b1ce3673",d:"M4 17C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V9C2 8.45 2.19583 7.97917 2.5875 7.5875C2.97917 7.19583 3.45 7 4 7H9C9.28333 7 9.52083 7.09583 9.7125 7.2875C9.90417 7.47917 10 7.71667 10 8C10 8.28333 9.90417 8.52083 9.7125 8.7125C9.52083 8.90417 9.28333 9 9 9H4V15H8V13H7C6.71667 13 6.47917 12.9042 6.2875 12.7125C6.09583 12.5208 6 12.2833 6 12C6 11.7167 6.09583 11.4792 6.2875 11.2875C6.47917 11.0958 6.71667 11 7 11H9C9.28333 11 9.52083 11.0958 9.7125 11.2875C9.90417 11.4792 10 11.7167 10 12V15C10 15.55 9.80417 16.0208 9.4125 16.4125C9.02083 16.8042 8.55 17 8 17H4ZM12 16V8C12 7.71667 12.0958 7.47917 12.2875 7.2875C12.4792 7.09583 12.7167 7 13 7C13.2833 7 13.5208 7.09583 13.7125 7.2875C13.9042 7.47917 14 7.71667 14 8V16C14 16.2833 13.9042 16.5208 13.7125 16.7125C13.5208 16.9042 13.2833 17 13 17C12.7167 17 12.4792 16.9042 12.2875 16.7125C12.0958 16.5208 12 16.2833 12 16ZM16 16V8C16 7.71667 16.0958 7.47917 16.2875 7.2875C16.4792 7.09583 16.7167 7 17 7H22C22.2833 7 22.5208 7.09583 22.7125 7.2875C22.9042 7.47917 23 7.71667 23 8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18V11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H18V16C18 16.2833 17.9042 16.5208 17.7125 16.7125C17.5208 16.9042 17.2833 17 17 17C16.7167 17 16.4792 16.9042 16.2875 16.7125C16.0958 16.5208 16 16.2833 16 16Z",fill:"currentColor"})),28===this.size&&C(i,{key:"2f2b6cbb33dad35e171944d95263321c12ebf893"},C("path",{key:"47315f1650173aa008cc5a6392243fced85ad1e8",d:"M4.66665 19.8333C4.02498 19.8333 3.47567 19.6049 3.01873 19.1479C2.56179 18.691 2.33331 18.1417 2.33331 17.5V10.5C2.33331 9.85834 2.56179 9.30903 3.01873 8.85209C3.47567 8.39514 4.02498 8.16667 4.66665 8.16667H10.5C10.8305 8.16667 11.1076 8.27848 11.3312 8.50209C11.5548 8.7257 11.6666 9.00278 11.6666 9.33334C11.6666 9.66389 11.5548 9.94098 11.3312 10.1646C11.1076 10.3882 10.8305 10.5 10.5 10.5H4.66665V17.5H9.33331V15.1667H8.16665C7.83609 15.1667 7.55901 15.0549 7.3354 14.8313C7.11178 14.6076 6.99998 14.3306 6.99998 14C6.99998 13.6694 7.11178 13.3924 7.3354 13.1688C7.55901 12.9451 7.83609 12.8333 8.16665 12.8333H10.5C10.8305 12.8333 11.1076 12.9451 11.3312 13.1688C11.5548 13.3924 11.6666 13.6694 11.6666 14V17.5C11.6666 18.1417 11.4382 18.691 10.9812 19.1479C10.5243 19.6049 9.97498 19.8333 9.33331 19.8333H4.66665ZM14 18.6667V9.33334C14 9.00278 14.1118 8.7257 14.3354 8.50209C14.559 8.27848 14.8361 8.16667 15.1666 8.16667C15.4972 8.16667 15.7743 8.27848 15.9979 8.50209C16.2215 8.7257 16.3333 9.00278 16.3333 9.33334V18.6667C16.3333 18.9972 16.2215 19.2743 15.9979 19.4979C15.7743 19.7215 15.4972 19.8333 15.1666 19.8333C14.8361 19.8333 14.559 19.7215 14.3354 19.4979C14.1118 19.2743 14 18.9972 14 18.6667ZM18.6666 18.6667V9.33334C18.6666 9.00278 18.7785 8.7257 19.0021 8.50209C19.2257 8.27848 19.5028 8.16667 19.8333 8.16667H25.6666C25.9972 8.16667 26.2743 8.27848 26.4979 8.50209C26.7215 8.7257 26.8333 9.00278 26.8333 9.33334C26.8333 9.66389 26.7215 9.94098 26.4979 10.1646C26.2743 10.3882 25.9972 10.5 25.6666 10.5H21V12.8333H24.5C24.8305 12.8333 25.1076 12.9451 25.3312 13.1688C25.5548 13.3924 25.6666 13.6694 25.6666 14C25.6666 14.3306 25.5548 14.6076 25.3312 14.8313C25.1076 15.0549 24.8305 15.1667 24.5 15.1667H21V18.6667C21 18.9972 20.8882 19.2743 20.6646 19.4979C20.441 19.7215 20.1639 19.8333 19.8333 19.8333C19.5028 19.8333 19.2257 19.7215 19.0021 19.4979C18.7785 19.2743 18.6666 18.9972 18.6666 18.6667Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const o=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"2829d62b4e98f4c4f0ceb238c148aea250dd6477","aria-hidden":"true",class:a,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&&C(i,{key:"11a67debaf37cb3cfbdd493e0071398b5dfb5022"},C("path",{key:"8dbb784124830e0fe71220efdb9db12d8af49c59",d:"M9.99998 12.6667C9.63331 12.6667 9.31942 12.5362 9.05831 12.275C8.7972 12.0139 8.66665 11.7 8.66665 11.3334V4.66671C8.66665 4.30004 8.7972 3.98615 9.05831 3.72504C9.31942 3.46393 9.63331 3.33337 9.99998 3.33337H11.3333C11.7 3.33337 12.0139 3.46393 12.275 3.72504C12.5361 3.98615 12.6666 4.30004 12.6666 4.66671V11.3334C12.6666 11.7 12.5361 12.0139 12.275 12.275C12.0139 12.5362 11.7 12.6667 11.3333 12.6667H9.99998ZM4.66665 12.6667C4.29998 12.6667 3.98609 12.5362 3.72498 12.275C3.46387 12.0139 3.33331 11.7 3.33331 11.3334V4.66671C3.33331 4.30004 3.46387 3.98615 3.72498 3.72504C3.98609 3.46393 4.29998 3.33337 4.66665 3.33337H5.99998C6.36665 3.33337 6.68054 3.46393 6.94165 3.72504C7.20276 3.98615 7.33331 4.30004 7.33331 4.66671V11.3334C7.33331 11.7 7.20276 12.0139 6.94165 12.275C6.68054 12.5362 6.36665 12.6667 5.99998 12.6667H4.66665ZM9.99998 11.3334H11.3333V4.66671H9.99998V11.3334ZM4.66665 11.3334H5.99998V4.66671H4.66665V11.3334Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"e186f632e2a1a4c340d97c126767ff660f42c040"},C("path",{key:"2500091c65d4c48a6b2c08733fca03fe81bf91db",d:"M15 19C14.45 19 13.9792 18.8042 13.5875 18.4125C13.1958 18.0208 13 17.55 13 17V7C13 6.45 13.1958 5.97917 13.5875 5.5875C13.9792 5.19583 14.45 5 15 5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V17C19 17.55 18.8042 18.0208 18.4125 18.4125C18.0208 18.8042 17.55 19 17 19H15ZM7 19C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7C5 6.45 5.19583 5.97917 5.5875 5.5875C5.97917 5.19583 6.45 5 7 5H9C9.55 5 10.0208 5.19583 10.4125 5.5875C10.8042 5.97917 11 6.45 11 7V17C11 17.55 10.8042 18.0208 10.4125 18.4125C10.0208 18.8042 9.55 19 9 19H7ZM15 17H17V7H15V17ZM7 17H9V7H7V17Z",fill:"currentColor"})),28===this.size&&C(i,{key:"1a1d9aa8dc2137a9ad009695208a61746fadcb00"},C("path",{key:"35bb0717e90a43d930c4f4e055ed3cbb55de03dc",d:"M17.5 22.1667C16.8583 22.1667 16.309 21.9382 15.8521 21.4813C15.3951 21.0243 15.1666 20.475 15.1666 19.8334V8.16671C15.1666 7.52504 15.3951 6.97574 15.8521 6.51879C16.309 6.06185 16.8583 5.83337 17.5 5.83337H19.8333C20.475 5.83337 21.0243 6.06185 21.4812 6.51879C21.9382 6.97574 22.1666 7.52504 22.1666 8.16671V19.8334C22.1666 20.475 21.9382 21.0243 21.4812 21.4813C21.0243 21.9382 20.475 22.1667 19.8333 22.1667H17.5ZM8.16665 22.1667C7.52498 22.1667 6.97567 21.9382 6.51873 21.4813C6.06179 21.0243 5.83331 20.475 5.83331 19.8334V8.16671C5.83331 7.52504 6.06179 6.97574 6.51873 6.51879C6.97567 6.06185 7.52498 5.83337 8.16665 5.83337H10.5C11.1416 5.83337 11.691 6.06185 12.1479 6.51879C12.6048 6.97574 12.8333 7.52504 12.8333 8.16671V19.8334C12.8333 20.475 12.6048 21.0243 12.1479 21.4813C11.691 21.9382 11.1416 22.1667 10.5 22.1667H8.16665ZM17.5 19.8334H19.8333V8.16671H17.5V19.8334ZM8.16665 19.8334H10.5V8.16671H8.16665V19.8334Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const r=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"aea62106fba437925f1a60f16c4622e289b7d182","aria-hidden":"true",class:a,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&&C(i,{key:"4843d3fea40b990b866bb0462db5dd94402271d1"},C("path",{key:"9ecd2b484196b4110c31b76eda46ce5dbd889a76",d:"M6.34998 12.0167C6.12776 12.1611 5.90265 12.1693 5.67465 12.0413C5.44709 11.9138 5.33331 11.7167 5.33331 11.45V4.55001C5.33331 4.28335 5.44709 4.08601 5.67465 3.95801C5.90265 3.83046 6.12776 3.8389 6.34998 3.98335L11.7833 7.43335C11.9833 7.56668 12.0833 7.75557 12.0833 8.00001C12.0833 8.24446 11.9833 8.43335 11.7833 8.56668L6.34998 12.0167ZM6.66665 10.2333L10.1666 8.00001L6.66665 5.76668V10.2333Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"0de311022dc81dabe3c8f79129ad3c06b06dad6e"},C("path",{key:"f6ab96484719a6926d21f8d77f245dda86525aa1",d:"M9.525 18.025C9.19167 18.2416 8.854 18.254 8.512 18.062C8.17067 17.8706 8 17.575 8 17.175V6.82496C8 6.42496 8.17067 6.12896 8.512 5.93696C8.854 5.74562 9.19167 5.75829 9.525 5.97496L17.675 11.15C17.975 11.35 18.125 11.6333 18.125 12C18.125 12.3666 17.975 12.65 17.675 12.85L9.525 18.025ZM10 15.35L15.25 12L10 8.64996V15.35Z",fill:"currentColor"})),28===this.size&&C(i,{key:"390a538dd5a064bdc4d840c46be12c2778e3a755"},C("path",{key:"a10f07bb31075fafdd3e25613cbb41f2cc63b487",d:"M11.1125 21.0292C10.7236 21.282 10.3297 21.2964 9.93068 21.0724C9.53245 20.8492 9.33334 20.5042 9.33334 20.0376V7.96255C9.33334 7.49589 9.53245 7.15055 9.93068 6.92655C10.3297 6.70333 10.7236 6.71811 11.1125 6.97089L20.6208 13.0084C20.9708 13.2417 21.1458 13.5723 21.1458 14.0001C21.1458 14.4278 20.9708 14.7584 20.6208 14.9917L11.1125 21.0292ZM11.6667 17.9084L17.7917 14.0001L11.6667 10.0917V17.9084Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const d=class{constructor(C){e(this,C),this.animated=!0,this.borderRadius="base"}render(){const e=t("skeleton-box",`skeleton-box--border-radius-${this.borderRadius}`,{"skeleton-box--static":!this.animated});return C(s,{key:"5493575e41b47cad7fa586147a19261c1e859c0f",style:{width:Boolean(this.width)||Boolean(this.aspectRatio)?void 0:"100%"}},C("div",{key:"432dba06162add0a28fc02c25983f1f027a47023",class:e,style:{aspectRatio:this.aspectRatio,borderRadius:"pill"!==this.borderRadius&&"none"!==this.borderRadius?`var(--s-border-radius-${this.borderRadius})`:void 0,height:this.height,width:this.width}}))}};d.style=':host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 0,\n rgba(255, 255, 255, 0) 12%,\n var(--s-surface-raised-default) 50%,\n rgba(255, 255, 255, 0) 88%,\n rgba(255, 255, 255, 0) 100%\n );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}.skeleton-box--border-radius-none{border-radius:0}';export{a as swirl_icon_gif,o as swirl_icon_pause,r as swirl_icon_play_arrow,d as swirl_skeleton_box}
|
|
1
|
+
import{r as e,h as C,F as i,H as s}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const a=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"a390ea4f1b48f1c1ed507e0afe313182bbe334db","aria-hidden":"true",class:a,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&&C(i,{key:"7c226efadece4838fbb08a71925c3a244a743ac8"},C("path",{key:"51c2ee3d02be6363bc77436035a33f27eb1d0393",d:"M2.66665 11.3333C2.29998 11.3333 1.98609 11.2028 1.72498 10.9417C1.46387 10.6806 1.33331 10.3667 1.33331 10V6.00001C1.33331 5.63334 1.46387 5.31945 1.72498 5.05834C1.98609 4.79723 2.29998 4.66667 2.66665 4.66667H5.99998C6.18887 4.66667 6.3472 4.73056 6.47498 4.85834C6.60276 4.98612 6.66665 5.14445 6.66665 5.33334C6.66665 5.52223 6.60276 5.68056 6.47498 5.80834C6.3472 5.93612 6.18887 6.00001 5.99998 6.00001H2.66665V10H5.33331V8.66667H4.66665C4.47776 8.66667 4.31942 8.60278 4.19165 8.47501C4.06387 8.34723 3.99998 8.18889 3.99998 8.00001C3.99998 7.81112 4.06387 7.65278 4.19165 7.52501C4.31942 7.39723 4.47776 7.33334 4.66665 7.33334H5.99998C6.18887 7.33334 6.3472 7.39723 6.47498 7.52501C6.60276 7.65278 6.66665 7.81112 6.66665 8.00001V10C6.66665 10.3667 6.53609 10.6806 6.27498 10.9417C6.01387 11.2028 5.69998 11.3333 5.33331 11.3333H2.66665ZM7.99998 10.6667V5.33334C7.99998 5.14445 8.06387 4.98612 8.19165 4.85834C8.31942 4.73056 8.47776 4.66667 8.66665 4.66667C8.85554 4.66667 9.01387 4.73056 9.14165 4.85834C9.26942 4.98612 9.33331 5.14445 9.33331 5.33334V10.6667C9.33331 10.8556 9.26942 11.0139 9.14165 11.1417C9.01387 11.2695 8.85554 11.3333 8.66665 11.3333C8.47776 11.3333 8.31942 11.2695 8.19165 11.1417C8.06387 11.0139 7.99998 10.8556 7.99998 10.6667ZM10.6666 10.6667V5.33334C10.6666 5.14445 10.7305 4.98612 10.8583 4.85834C10.9861 4.73056 11.1444 4.66667 11.3333 4.66667H14.6666C14.8555 4.66667 15.0139 4.73056 15.1416 4.85834C15.2694 4.98612 15.3333 5.14445 15.3333 5.33334C15.3333 5.52223 15.2694 5.68056 15.1416 5.80834C15.0139 5.93612 14.8555 6.00001 14.6666 6.00001H12V7.33334H14C14.1889 7.33334 14.3472 7.39723 14.475 7.52501C14.6028 7.65278 14.6666 7.81112 14.6666 8.00001C14.6666 8.18889 14.6028 8.34723 14.475 8.47501C14.3472 8.60278 14.1889 8.66667 14 8.66667H12V10.6667C12 10.8556 11.9361 11.0139 11.8083 11.1417C11.6805 11.2695 11.5222 11.3333 11.3333 11.3333C11.1444 11.3333 10.9861 11.2695 10.8583 11.1417C10.7305 11.0139 10.6666 10.8556 10.6666 10.6667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"d5563a52bb81160ebe51ba859a019e928d12ab49"},C("path",{key:"aa3493ebb44e0f1daa8bbc084b151ce3b1ce3673",d:"M4 17C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V9C2 8.45 2.19583 7.97917 2.5875 7.5875C2.97917 7.19583 3.45 7 4 7H9C9.28333 7 9.52083 7.09583 9.7125 7.2875C9.90417 7.47917 10 7.71667 10 8C10 8.28333 9.90417 8.52083 9.7125 8.7125C9.52083 8.90417 9.28333 9 9 9H4V15H8V13H7C6.71667 13 6.47917 12.9042 6.2875 12.7125C6.09583 12.5208 6 12.2833 6 12C6 11.7167 6.09583 11.4792 6.2875 11.2875C6.47917 11.0958 6.71667 11 7 11H9C9.28333 11 9.52083 11.0958 9.7125 11.2875C9.90417 11.4792 10 11.7167 10 12V15C10 15.55 9.80417 16.0208 9.4125 16.4125C9.02083 16.8042 8.55 17 8 17H4ZM12 16V8C12 7.71667 12.0958 7.47917 12.2875 7.2875C12.4792 7.09583 12.7167 7 13 7C13.2833 7 13.5208 7.09583 13.7125 7.2875C13.9042 7.47917 14 7.71667 14 8V16C14 16.2833 13.9042 16.5208 13.7125 16.7125C13.5208 16.9042 13.2833 17 13 17C12.7167 17 12.4792 16.9042 12.2875 16.7125C12.0958 16.5208 12 16.2833 12 16ZM16 16V8C16 7.71667 16.0958 7.47917 16.2875 7.2875C16.4792 7.09583 16.7167 7 17 7H22C22.2833 7 22.5208 7.09583 22.7125 7.2875C22.9042 7.47917 23 7.71667 23 8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18V11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H18V16C18 16.2833 17.9042 16.5208 17.7125 16.7125C17.5208 16.9042 17.2833 17 17 17C16.7167 17 16.4792 16.9042 16.2875 16.7125C16.0958 16.5208 16 16.2833 16 16Z",fill:"currentColor"})),28===this.size&&C(i,{key:"2f2b6cbb33dad35e171944d95263321c12ebf893"},C("path",{key:"47315f1650173aa008cc5a6392243fced85ad1e8",d:"M4.66665 19.8333C4.02498 19.8333 3.47567 19.6049 3.01873 19.1479C2.56179 18.691 2.33331 18.1417 2.33331 17.5V10.5C2.33331 9.85834 2.56179 9.30903 3.01873 8.85209C3.47567 8.39514 4.02498 8.16667 4.66665 8.16667H10.5C10.8305 8.16667 11.1076 8.27848 11.3312 8.50209C11.5548 8.7257 11.6666 9.00278 11.6666 9.33334C11.6666 9.66389 11.5548 9.94098 11.3312 10.1646C11.1076 10.3882 10.8305 10.5 10.5 10.5H4.66665V17.5H9.33331V15.1667H8.16665C7.83609 15.1667 7.55901 15.0549 7.3354 14.8313C7.11178 14.6076 6.99998 14.3306 6.99998 14C6.99998 13.6694 7.11178 13.3924 7.3354 13.1688C7.55901 12.9451 7.83609 12.8333 8.16665 12.8333H10.5C10.8305 12.8333 11.1076 12.9451 11.3312 13.1688C11.5548 13.3924 11.6666 13.6694 11.6666 14V17.5C11.6666 18.1417 11.4382 18.691 10.9812 19.1479C10.5243 19.6049 9.97498 19.8333 9.33331 19.8333H4.66665ZM14 18.6667V9.33334C14 9.00278 14.1118 8.7257 14.3354 8.50209C14.559 8.27848 14.8361 8.16667 15.1666 8.16667C15.4972 8.16667 15.7743 8.27848 15.9979 8.50209C16.2215 8.7257 16.3333 9.00278 16.3333 9.33334V18.6667C16.3333 18.9972 16.2215 19.2743 15.9979 19.4979C15.7743 19.7215 15.4972 19.8333 15.1666 19.8333C14.8361 19.8333 14.559 19.7215 14.3354 19.4979C14.1118 19.2743 14 18.9972 14 18.6667ZM18.6666 18.6667V9.33334C18.6666 9.00278 18.7785 8.7257 19.0021 8.50209C19.2257 8.27848 19.5028 8.16667 19.8333 8.16667H25.6666C25.9972 8.16667 26.2743 8.27848 26.4979 8.50209C26.7215 8.7257 26.8333 9.00278 26.8333 9.33334C26.8333 9.66389 26.7215 9.94098 26.4979 10.1646C26.2743 10.3882 25.9972 10.5 25.6666 10.5H21V12.8333H24.5C24.8305 12.8333 25.1076 12.9451 25.3312 13.1688C25.5548 13.3924 25.6666 13.6694 25.6666 14C25.6666 14.3306 25.5548 14.6076 25.3312 14.8313C25.1076 15.0549 24.8305 15.1667 24.5 15.1667H21V18.6667C21 18.9972 20.8882 19.2743 20.6646 19.4979C20.441 19.7215 20.1639 19.8333 19.8333 19.8333C19.5028 19.8333 19.2257 19.7215 19.0021 19.4979C18.7785 19.2743 18.6666 18.9972 18.6666 18.6667Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const o=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"2829d62b4e98f4c4f0ceb238c148aea250dd6477","aria-hidden":"true",class:a,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&&C(i,{key:"11a67debaf37cb3cfbdd493e0071398b5dfb5022"},C("path",{key:"8dbb784124830e0fe71220efdb9db12d8af49c59",d:"M9.99998 12.6667C9.63331 12.6667 9.31942 12.5362 9.05831 12.275C8.7972 12.0139 8.66665 11.7 8.66665 11.3334V4.66671C8.66665 4.30004 8.7972 3.98615 9.05831 3.72504C9.31942 3.46393 9.63331 3.33337 9.99998 3.33337H11.3333C11.7 3.33337 12.0139 3.46393 12.275 3.72504C12.5361 3.98615 12.6666 4.30004 12.6666 4.66671V11.3334C12.6666 11.7 12.5361 12.0139 12.275 12.275C12.0139 12.5362 11.7 12.6667 11.3333 12.6667H9.99998ZM4.66665 12.6667C4.29998 12.6667 3.98609 12.5362 3.72498 12.275C3.46387 12.0139 3.33331 11.7 3.33331 11.3334V4.66671C3.33331 4.30004 3.46387 3.98615 3.72498 3.72504C3.98609 3.46393 4.29998 3.33337 4.66665 3.33337H5.99998C6.36665 3.33337 6.68054 3.46393 6.94165 3.72504C7.20276 3.98615 7.33331 4.30004 7.33331 4.66671V11.3334C7.33331 11.7 7.20276 12.0139 6.94165 12.275C6.68054 12.5362 6.36665 12.6667 5.99998 12.6667H4.66665ZM9.99998 11.3334H11.3333V4.66671H9.99998V11.3334ZM4.66665 11.3334H5.99998V4.66671H4.66665V11.3334Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"e186f632e2a1a4c340d97c126767ff660f42c040"},C("path",{key:"2500091c65d4c48a6b2c08733fca03fe81bf91db",d:"M15 19C14.45 19 13.9792 18.8042 13.5875 18.4125C13.1958 18.0208 13 17.55 13 17V7C13 6.45 13.1958 5.97917 13.5875 5.5875C13.9792 5.19583 14.45 5 15 5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V17C19 17.55 18.8042 18.0208 18.4125 18.4125C18.0208 18.8042 17.55 19 17 19H15ZM7 19C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7C5 6.45 5.19583 5.97917 5.5875 5.5875C5.97917 5.19583 6.45 5 7 5H9C9.55 5 10.0208 5.19583 10.4125 5.5875C10.8042 5.97917 11 6.45 11 7V17C11 17.55 10.8042 18.0208 10.4125 18.4125C10.0208 18.8042 9.55 19 9 19H7ZM15 17H17V7H15V17ZM7 17H9V7H7V17Z",fill:"currentColor"})),28===this.size&&C(i,{key:"1a1d9aa8dc2137a9ad009695208a61746fadcb00"},C("path",{key:"35bb0717e90a43d930c4f4e055ed3cbb55de03dc",d:"M17.5 22.1667C16.8583 22.1667 16.309 21.9382 15.8521 21.4813C15.3951 21.0243 15.1666 20.475 15.1666 19.8334V8.16671C15.1666 7.52504 15.3951 6.97574 15.8521 6.51879C16.309 6.06185 16.8583 5.83337 17.5 5.83337H19.8333C20.475 5.83337 21.0243 6.06185 21.4812 6.51879C21.9382 6.97574 22.1666 7.52504 22.1666 8.16671V19.8334C22.1666 20.475 21.9382 21.0243 21.4812 21.4813C21.0243 21.9382 20.475 22.1667 19.8333 22.1667H17.5ZM8.16665 22.1667C7.52498 22.1667 6.97567 21.9382 6.51873 21.4813C6.06179 21.0243 5.83331 20.475 5.83331 19.8334V8.16671C5.83331 7.52504 6.06179 6.97574 6.51873 6.51879C6.97567 6.06185 7.52498 5.83337 8.16665 5.83337H10.5C11.1416 5.83337 11.691 6.06185 12.1479 6.51879C12.6048 6.97574 12.8333 7.52504 12.8333 8.16671V19.8334C12.8333 20.475 12.6048 21.0243 12.1479 21.4813C11.691 21.9382 11.1416 22.1667 10.5 22.1667H8.16665ZM17.5 19.8334H19.8333V8.16671H17.5V19.8334ZM8.16665 19.8334H10.5V8.16671H8.16665V19.8334Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const r=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"aea62106fba437925f1a60f16c4622e289b7d182","aria-hidden":"true",class:a,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&&C(i,{key:"4843d3fea40b990b866bb0462db5dd94402271d1"},C("path",{key:"9ecd2b484196b4110c31b76eda46ce5dbd889a76",d:"M6.34998 12.0167C6.12776 12.1611 5.90265 12.1693 5.67465 12.0413C5.44709 11.9138 5.33331 11.7167 5.33331 11.45V4.55001C5.33331 4.28335 5.44709 4.08601 5.67465 3.95801C5.90265 3.83046 6.12776 3.8389 6.34998 3.98335L11.7833 7.43335C11.9833 7.56668 12.0833 7.75557 12.0833 8.00001C12.0833 8.24446 11.9833 8.43335 11.7833 8.56668L6.34998 12.0167ZM6.66665 10.2333L10.1666 8.00001L6.66665 5.76668V10.2333Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"0de311022dc81dabe3c8f79129ad3c06b06dad6e"},C("path",{key:"f6ab96484719a6926d21f8d77f245dda86525aa1",d:"M9.525 18.025C9.19167 18.2416 8.854 18.254 8.512 18.062C8.17067 17.8706 8 17.575 8 17.175V6.82496C8 6.42496 8.17067 6.12896 8.512 5.93696C8.854 5.74562 9.19167 5.75829 9.525 5.97496L17.675 11.15C17.975 11.35 18.125 11.6333 18.125 12C18.125 12.3666 17.975 12.65 17.675 12.85L9.525 18.025ZM10 15.35L15.25 12L10 8.64996V15.35Z",fill:"currentColor"})),28===this.size&&C(i,{key:"390a538dd5a064bdc4d840c46be12c2778e3a755"},C("path",{key:"a10f07bb31075fafdd3e25613cbb41f2cc63b487",d:"M11.1125 21.0292C10.7236 21.282 10.3297 21.2964 9.93068 21.0724C9.53245 20.8492 9.33334 20.5042 9.33334 20.0376V7.96255C9.33334 7.49589 9.53245 7.15055 9.93068 6.92655C10.3297 6.70333 10.7236 6.71811 11.1125 6.97089L20.6208 13.0084C20.9708 13.2417 21.1458 13.5723 21.1458 14.0001C21.1458 14.4278 20.9708 14.7584 20.6208 14.9917L11.1125 21.0292ZM11.6667 17.9084L17.7917 14.0001L11.6667 10.0917V17.9084Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const d=class{constructor(C){e(this,C),this.animated=!0,this.borderRadius="base"}render(){const e=t("skeleton-box",`skeleton-box--border-radius-${this.borderRadius}`,{"skeleton-box--static":!this.animated});return C(s,{key:"cb73a8cf5d39e87787a30ad07b17977c1ce94d0e",style:{width:Boolean(this.width)||Boolean(this.aspectRatio)?void 0:"100%"}},C("div",{key:"90c9d6c83f477540e8e0901421bec5fd73b976bd",class:e,style:{aspectRatio:this.aspectRatio,borderRadius:"pill"!==this.borderRadius&&"none"!==this.borderRadius?`var(--s-border-radius-${this.borderRadius})`:void 0,height:this.height,width:this.width}}))}};d.style=':host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 0,\n rgba(255, 255, 255, 0) 12%,\n var(--s-surface-raised-default) 50%,\n rgba(255, 255, 255, 0) 88%,\n rgba(255, 255, 255, 0) 100%\n );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}.skeleton-box--border-radius-none{border-radius:0}';export{a as swirl_icon_gif,o as swirl_icon_pause,r as swirl_icon_play_arrow,d as swirl_skeleton_box}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as o,h as t,H as e,d as a}from"./p-CWOhMVtL.js";const r=class{constructor(t){s(this,t),this.expandedItemChange=o(this,"expandedItemChange",7)}componentDidLoad(){this.el.addEventListener("expansionChange",(s=>{s.detail&&(this.expandedItemChange.emit(s.target.itemId),this.collapseInactiveItems(s.target))}))}async collapseItem(s){const o=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((o=>o.itemId===s));Boolean(o)&&o.collapse()}async expandItem(s){const o=Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((o=>o.itemId===s));Boolean(o)&&o.expand()}collapseInactiveItems(s){Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((o=>{o!==s&&o.collapse()}))}render(){return t(e,{key:"7f8aac6430364eac4124b89ac4fecdc73e82c8a3"},t("slot",{key:"374b1d722218716869143060496ace17fd84b46d"}))}get el(){return a(this)}};r.style=":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}";export{r as swirl_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as e,h as s,H as t,d as a}from"./p-CWOhMVtL.js";import{l as i}from"./p-D_MUFqkF.js";const o=class{constructor(s){e(this,s),this.minWidth="fit-content"}componentDidRender(){const e=i(this.el,"swirl-table");e?.rerender()}render(){const e={flex:Boolean(this.width)?`0 0 ${this.width}`:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""};return s(t,{key:"148b9cd30b22f970e01be32b926323cab0565520","aria-sort":this.sort,class:"table-column",role:"columnheader",style:e},s("span",{key:"4b410cd2f6afc41b296678fbce8e820c3e2ea93e"},s("slot",{key:"68d5575912abab56c1268aca6e4e251702772a1b"})),this.sortable&&s("span",{key:"621301715f82384c874519ea73d3c1d5c97f6d85",class:"table-column__sort-indicator"},"ascending"===this.sort&&s("swirl-icon-arrow-upward",{key:"1615c073f5bf7e6a4531534edc40b39d52901163","aria-hidden":"true",size:20}),"descending"===this.sort&&s("swirl-icon-arrow-downward",{key:"e60037d0b7cee9a885700126b52ef49cb3707c09","aria-hidden":"true",size:20}),!Boolean(this.sort)&&" "))}get el(){return a(this)}};o.style=":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";export{o as swirl_table_column}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as i}from"./p-CWOhMVtL.js";import{c as s}from"./p-orsBiyT_.js";const n=class{constructor(t){e(this,t),this.animated=!0,this.lines=1,this.size="base"}render(){const e=s("skeleton-text",`skeleton-text--size-${this.size}`,{"skeleton-text--static":!this.animated}),n=s("skeleton-text__line",`skeleton-text__line--size-${this.size}`);return t(i,{key:"
|
|
1
|
+
import{r as e,h as t,H as i}from"./p-CWOhMVtL.js";import{c as s}from"./p-orsBiyT_.js";const n=class{constructor(t){e(this,t),this.animated=!0,this.lines=1,this.size="base"}render(){const e=s("skeleton-text",`skeleton-text--size-${this.size}`,{"skeleton-text--static":!this.animated}),n=s("skeleton-text__line",`skeleton-text__line--size-${this.size}`);return t(i,{key:"a10a92b4f8df24f44fdb0e3bcd88c79d87fbcbff"},t("div",{key:"93f93336f2260262b7035e3bfe727a1365ae16f1",class:e,part:e},new Array(this.lines).fill(void 0).map(((e,i)=>t("div",{class:n,key:i,part:n})))))}};n.style=':host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc(\n (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n )}.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm);border-radius:calc(var(--s-font-size-sm) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm{--skeleton-text-line-padding:calc(\n (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n )}}.skeleton-text--size-base{--skeleton-text-line-padding:calc(\n (var(--s-line-height-base) - var(--s-font-size-base)) / 2\n )}.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-base);border-radius:calc(var(--s-font-size-base) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base{--skeleton-text-line-padding:calc(\n (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n )}}.skeleton-text--size-lg{--skeleton-text-line-padding:calc(\n (var(--s-line-height-lg) - var(--s-font-size-lg)) / 2\n )}.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-lg);border-radius:calc(var(--s-font-size-lg) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg{--skeleton-text-line-padding:calc(\n (var(--s-line-height-base) - var(--s-font-size-base)) / 2\n )}}.skeleton-text--size-xl{--skeleton-text-line-padding:calc(\n (var(--s-line-height-xl) - var(--s-font-size-xl)) / 2\n )}.skeleton-text--size-xl .skeleton-text__line{height:var(--s-line-height-xl);border-radius:calc(var(--s-font-size-xl) / 2)}.skeleton-text--size-2xl{--skeleton-text-line-padding:calc(\n (var(--s-line-height-2xl) - var(--s-font-size-2xl)) / 2\n )}.skeleton-text--size-2xl .skeleton-text__line{height:var(--s-line-height-2xl);border-radius:calc(var(--s-font-size-2xl) / 2)}.skeleton-text__line{overflow:hidden;width:100%;padding-top:var(--skeleton-text-line-padding);padding-bottom:var(--skeleton-text-line-padding)}.skeleton-text__line:before{display:block;width:100%;height:100%;border-radius:10rem;background-color:var(--s-surface-raised-hovered);content:""}.skeleton-text__line:after{position:relative;z-index:1;top:-100%;display:block;width:100%;height:100%;background-image:linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 0,\n var(--s-surface-raised-default) 33%,\n rgba(255, 255, 255, 0) 66%\n );content:"";transform:translateX(-100%);animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}';export{n as swirl_skeleton_text}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as
|
|
1
|
+
import{r as i,c as o,h as e,H as a,d as t}from"./p-CWOhMVtL.js";import{c as d}from"./p-orsBiyT_.js";import{v as s}from"./p-DD3477fe.js";const r=class{constructor(e){i(this,e),this.expansionChange=o(this,"expansionChange",7),this.headingLevel=2,this.itemId=s(),this.expanded=!1,this.headingId=`${s()}-heading`,this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled||!1,!Boolean(this.accordion))throw new Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){this.expanded&&!this.disabled&&(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded||this.disabled||(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const i=`h${this.headingLevel}`,o=d("accordion-item",{"accordion-item--expanded":this.expanded});return e(a,{key:"abba07ec2f943c86ff88aed65ea1c10d170e3a55"},e("div",{key:"4cd9a307c2d01266220cbd3df1b27afa401fdefa",class:o},e(i,{key:"2271f5ee54750532baecbbc34da135fa278461d8",class:"accordion-item__heading"},e("button",{key:"ab13edffd0c9bb073473d16a0e3838ee04678a15","aria-controls":this.itemId,"aria-expanded":String(this.expanded),class:"accordion-item__toggle",disabled:this.disabled,id:this.headingId,onClick:this.onHeadingClick,type:"button"},e("span",{key:"3fa93043d6b8c929b37ced1d779957ec40ff3e02",class:"accordion-item__toggle-text"},this.heading,this.description&&e("swirl-text",{key:"1470c3ce33a835bb53fd8759b82c26608d018281",as:"span",color:"subdued",size:"sm"},this.description)),e("span",{key:"a292fa27389bf972b2b9b7d5d4f6e1d9962f4919",class:"accordion-item__icon"},!this.expanded&&e("swirl-icon",{key:"e9903a0728bcd15896d9586a107ea88f1197f1df",glyph:"chevron-right",size:20}),this.expanded&&e("swirl-icon",{key:"8cb634c1bcf0c65daaabad79394183ac040237aa",glyph:"expand-more",size:20})))),e("div",{key:"b0693a31cf7d608b542ca10a13cf6a6b36a6774b","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},e("slot",{key:"95c3a5da8e122291bf06f2fa691b38a1dd53bfb6"}))))}get el(){return t(this)}};r.style=":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}";export{r as swirl_accordion_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as o,H as s}from"./p-CWOhMVtL.js";import{c as i}from"./p-orsBiyT_.js";const
|
|
1
|
+
import{r,h as o,H as s}from"./p-CWOhMVtL.js";import{c as i}from"./p-orsBiyT_.js";const a=class{constructor(o){r(this,o),this.orientation="vertical"}render(){const r=i("form-group",`form-group--orientation-${this.orientation}`);return o(s,{key:"5b14e0132c0975013caced41c3d42765900b0301"},o("div",{key:"5a3f2d09416ebaeac67e310c658445d56dfea2c8",class:r},o("slot",{key:"56a1bda07c9042e0e81696c64b0789a54154915b"})))}};a.style=".sc-swirl-form-group-h{display:block;width:100%}.sc-swirl-form-group-h *.sc-swirl-form-group{box-sizing:border-box}.form-group.sc-swirl-form-group{display:flex;flex-direction:column;gap:var(--s-space-16)}@media (min-width: 768px){.form-group.sc-swirl-form-group{gap:var(--s-space-24)}}.form-group--orientation-horizontal.sc-swirl-form-group{gap:var(--s-space-16)}@media (min-width: 768px){.form-group--orientation-horizontal.sc-swirl-form-group{flex-direction:row}}";export{a as swirl_form_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as t,H as a}from"./p-CWOhMVtL.js";import{c as i}from"./p-orsBiyT_.js";const e=class{constructor(t){s(this,t),this.padding="8"}render(){const s=i("tab",{"tab--active":this.active});return t(a,{key:"af05477db147d507a7837e803a4753bd1372e3d6","aria-labelledby":`tab-${this.tabId}`,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1,class:s,style:{padding:`var(--s-space-${this.padding})`}},t("slot",{key:"b34433957cf644494b0db7ff9572970b03e6356a"}))}};e.style=":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}";export{e as swirl_tab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c as t,h as i,H as e,d as o}from"./p-CWOhMVtL.js";import{c as a}from"./p-orsBiyT_.js";import{d as r}from"./p-D_MUFqkF.js";const l=class{constructor(i){s(this,i),this.activeSlidesChange=t(this,"activeSlidesChange",7),this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.fade=!1,this.fadeColor="default",this.loopAround=!1,this.padding="16",this.spacing="16",this.activeSlides=[],this.carouselFadeColorMap={default:"var(--s-background-default)","on-surface-overlay":"var(--s-surface-overlay-default)"},this.updateActiveSlideReferences=r((()=>{const s=this.getActiveSlides();s.some(((s,t)=>this.activeSlides[t]!==s))&&(this.activeSlides=s,this.activeSlidesChange.emit(this.activeSlides))}),100),this.onPreviousSlideButtonClick=()=>{this.previousSlide()},this.onNextSlideButtonClick=()=>{this.nextSlide()},this.onSlotChange=()=>{this.activeSlides.length&&this.scrollToElement(this.activeSlides[0]),this.checkScrollStatus(),this.checkScrollPosition()},this.onScroll=()=>{this.updateActiveSlideReferences(),this.checkScrollPosition()}}onWindowResize(){this.checkScrollStatus(),this.checkScrollPosition()}componentDidLoad(){queueMicrotask((()=>{this.el.isConnected&&(this.checkScrollStatus(),this.checkScrollPosition())}))}async scrollToSlide(s){const t=this.getSlides().find((t=>t.id===s));Boolean(t)&&this.scrollToElement(t)}scrollToElement(s){this.slidesContainer&&s&&this.slidesContainer?.scroll({left:s.offsetLeft,behavior:"smooth"})}previousSlide(){const s=this.getSlides(),t=this.getActiveSlides();this.scrollToElement(t[0].previousElementSibling||(this.loopAround?s[s.length-1]:t[0]))}nextSlide(){const s=this.getSlides(),t=this.getActiveSlides(),i=!Boolean(t[t.length-1].nextElementSibling);this.scrollToElement(i&&this.loopAround?s[0]:t[0].nextElementSibling)}getSlides(){return Array.from(this.el.querySelectorAll("swirl-carousel-slide"))}getActiveSlides(){return this.getSlides().filter((s=>this.checkInView(s)))}checkScrollStatus(){this.isScrollable=this.slidesContainer.scrollWidth>this.slidesContainer.offsetWidth}checkScrollPosition(){const s=this.getSlides(),t=this.getActiveSlides(),i=t[0]===s[0],e=t[t.length-1]===s[s.length-1];i!==this.isAtStart&&(this.isAtStart=i),e!==this.isAtEnd&&(this.isAtEnd=e)}checkInView(s){let t=this.slidesContainer.scrollLeft,i=s.offsetLeft;return i>=t&&i+s.clientWidth<=t+this.slidesContainer.clientWidth}render(){this.el.style.setProperty("--swirl-carousel-spacing",`${this.spacing}px`),this.el.style.setProperty("--swirl-carousel-fade-color",this.carouselFadeColorMap[this.fadeColor]);const s={padding:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,scrollPadding:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0},t=a("carousel",{"carousel--fade":this.fade,"carousel--is-at-start":this.isAtStart,"carousel--is-at-end":this.isAtEnd});return i(e,{key:"
|
|
1
|
+
import{r as s,c as t,h as i,H as e,d as o}from"./p-CWOhMVtL.js";import{c as a}from"./p-orsBiyT_.js";import{d as r}from"./p-D_MUFqkF.js";const l=class{constructor(i){s(this,i),this.activeSlidesChange=t(this,"activeSlidesChange",7),this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.fade=!1,this.fadeColor="default",this.loopAround=!1,this.padding="16",this.spacing="16",this.activeSlides=[],this.carouselFadeColorMap={default:"var(--s-background-default)","on-surface-overlay":"var(--s-surface-overlay-default)"},this.updateActiveSlideReferences=r((()=>{const s=this.getActiveSlides();s.some(((s,t)=>this.activeSlides[t]!==s))&&(this.activeSlides=s,this.activeSlidesChange.emit(this.activeSlides))}),100),this.onPreviousSlideButtonClick=()=>{this.previousSlide()},this.onNextSlideButtonClick=()=>{this.nextSlide()},this.onSlotChange=()=>{this.activeSlides.length&&this.scrollToElement(this.activeSlides[0]),this.checkScrollStatus(),this.checkScrollPosition()},this.onScroll=()=>{this.updateActiveSlideReferences(),this.checkScrollPosition()}}onWindowResize(){this.checkScrollStatus(),this.checkScrollPosition()}componentDidLoad(){queueMicrotask((()=>{this.el.isConnected&&(this.checkScrollStatus(),this.checkScrollPosition())}))}async scrollToSlide(s){const t=this.getSlides().find((t=>t.id===s));Boolean(t)&&this.scrollToElement(t)}scrollToElement(s){this.slidesContainer&&s&&this.slidesContainer?.scroll({left:s.offsetLeft,behavior:"smooth"})}previousSlide(){const s=this.getSlides(),t=this.getActiveSlides();this.scrollToElement(t[0].previousElementSibling||(this.loopAround?s[s.length-1]:t[0]))}nextSlide(){const s=this.getSlides(),t=this.getActiveSlides(),i=!Boolean(t[t.length-1].nextElementSibling);this.scrollToElement(i&&this.loopAround?s[0]:t[0].nextElementSibling)}getSlides(){return Array.from(this.el.querySelectorAll("swirl-carousel-slide"))}getActiveSlides(){return this.getSlides().filter((s=>this.checkInView(s)))}checkScrollStatus(){this.isScrollable=this.slidesContainer.scrollWidth>this.slidesContainer.offsetWidth}checkScrollPosition(){const s=this.getSlides(),t=this.getActiveSlides(),i=t[0]===s[0],e=t[t.length-1]===s[s.length-1];i!==this.isAtStart&&(this.isAtStart=i),e!==this.isAtEnd&&(this.isAtEnd=e)}checkInView(s){let t=this.slidesContainer.scrollLeft,i=s.offsetLeft;return i>=t&&i+s.clientWidth<=t+this.slidesContainer.clientWidth}render(){this.el.style.setProperty("--swirl-carousel-spacing",`${this.spacing}px`),this.el.style.setProperty("--swirl-carousel-fade-color",this.carouselFadeColorMap[this.fadeColor]);const s={padding:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,scrollPadding:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0},t=a("carousel",{"carousel--fade":this.fade,"carousel--is-at-start":this.isAtStart,"carousel--is-at-end":this.isAtEnd});return i(e,{key:"c5903f0c46a1eaa6129e2a1b73abee0db5bcd9ed","aria-label":this.label,"aria-roledescription":"carousel",role:"group"},i("div",{key:"a1dfb1a45c399559d25df72add7723b231b5e6b8",class:t},this.isScrollable&&!this.isAtStart&&i("swirl-button",{key:"f9e9dd3bb8162550accfcd6b653a3737355f93d4",class:"carousel__previous-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.previousSlideButtonLabel,onClick:this.onPreviousSlideButtonClick,pill:!0,variant:"floating"}),this.isScrollable&&!this.isAtEnd&&i("swirl-button",{key:"bc30a83c74273b4b5832338422a95d91e3e67321",class:"carousel__next-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-forward></swirl-icon-arrow-forward>",label:this.nextSlideButtonLabel,onClick:this.onNextSlideButtonClick,pill:!0,variant:"floating"}),i("div",{key:"cb596e62b8517b2d6ff791032b41608c6a5b25be","aria-live":"polite",class:"carousel__slides",style:s,onScroll:this.onScroll,ref:s=>this.slidesContainer=s},i("slot",{key:"0fab582bd3650e63d512e934d03183b3ae9b5901",onSlotchange:this.onSlotChange}))))}get el(){return o(this)}};l.style=':host{--swirl-carousel-spacing:var(--s-space-16);--swirl-carousel-fade-color:var(--s-background-default);position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button,:host(:hover) .carousel__next-slide-button{pointer-events:auto}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel:before,.carousel:after{position:absolute;z-index:1;top:0;width:var(--s-space-32);height:100%;content:"";transition:opacity 0.2s;pointer-events:none;opacity:0}.carousel:before{left:0;background:linear-gradient(\n 90deg,\n var(--swirl-carousel-fade-color) 0%,\n transparent 100%\n )}.carousel:after{right:0;background:linear-gradient(\n 270deg,\n var(--swirl-carousel-fade-color) 0%,\n transparent 100%\n )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}';export{l as swirl_carousel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c as e,h as r,H as a}from"./p-CWOhMVtL.js";import{c as i}from"./p-orsBiyT_.js";import{D as c}from"./p-LU4x678Z.js";import"./p-D_MUFqkF.js";const t=class{constructor(r){s(this,r),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.inputInput=e(this,"inputInput",7),this.valueChange=e(this,"valueChange",7),this.clearButtonLabel="Clear search term",this.placeholder="Search …",this.variant="filled",this.mediaQueryUnsubscribe=()=>{},this.clear=()=>{this.input.value="",this.input.focus(),this.valueChange.emit("")},this.onBlur=s=>{this.inputBlur.emit(s)},this.onChange=s=>{this.valueChange.emit(s.target.value)},this.onFocus=s=>{this.inputFocus.emit(s)},this.onInput=s=>{this.inputInput.emit(s.target.value)}}componentDidLoad(){this.mediaQueryUnsubscribe=c.subscribe((s=>{this.forceIconProps(s)})),this.autoFocus&&setTimeout((()=>{this.input.focus()}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(s){if(!Boolean(this.iconEl))return;const e=this.iconEl.children[0];e?.setAttribute("size",s?"20":"24")}onKeyDown(s){"KeyK"!==s.code&&"Slash"!==s.code||!s.ctrlKey&&!s.metaKey||this.input.focus()}render(){const s=i("search",`search--variant-${this.variant}`,{"search--disabled":this.disabled});return r(a,{key:"
|
|
1
|
+
import{r as s,c as e,h as r,H as a}from"./p-CWOhMVtL.js";import{c as i}from"./p-orsBiyT_.js";import{D as c}from"./p-LU4x678Z.js";import"./p-D_MUFqkF.js";const t=class{constructor(r){s(this,r),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.inputInput=e(this,"inputInput",7),this.valueChange=e(this,"valueChange",7),this.clearButtonLabel="Clear search term",this.placeholder="Search …",this.variant="filled",this.mediaQueryUnsubscribe=()=>{},this.clear=()=>{this.input.value="",this.input.focus(),this.valueChange.emit("")},this.onBlur=s=>{this.inputBlur.emit(s)},this.onChange=s=>{this.valueChange.emit(s.target.value)},this.onFocus=s=>{this.inputFocus.emit(s)},this.onInput=s=>{this.inputInput.emit(s.target.value)}}componentDidLoad(){this.mediaQueryUnsubscribe=c.subscribe((s=>{this.forceIconProps(s)})),this.autoFocus&&setTimeout((()=>{this.input.focus()}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(s){if(!Boolean(this.iconEl))return;const e=this.iconEl.children[0];e?.setAttribute("size",s?"20":"24")}onKeyDown(s){"KeyK"!==s.code&&"Slash"!==s.code||!s.ctrlKey&&!s.metaKey||this.input.focus()}render(){const s=i("search",`search--variant-${this.variant}`,{"search--disabled":this.disabled});return r(a,{key:"e216f1ceab91479ead82c16cfff98bf770283eaa"},r("span",{key:"1c3c59890559b3bd793535e750d62949f546b95d",class:s,ref:s=>this.iconEl=s},r("swirl-icon-search",{key:"bff7944f1495e354e76592c3edc6fb141818e8bf","aria-hidden":"true",class:"search__icon"}),r("input",{key:"b458db07bd80550509955b3d0a0b86be3605057b","aria-disabled":this.disabled?"true":void 0,"aria-label":this.label,autoComplete:"off",autoFocus:this.autoFocus,class:"search__input",disabled:this.disabled,id:this.inputId,inputMode:"search",name:this.inputName,onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:s=>this.input=s,type:"search",value:this.value}),!this.disabled&&r("button",{key:"9935ca91fdc1e011f041bb6c6e21c20e22770ab2","aria-label":this.clearButtonLabel,class:"search__clear-button",onClick:this.clear,type:"button"},r("swirl-icon-cancel",{key:"d5cdb40cf9ca592f5143df0dccad99b16368aa01"}))))}};t.style=".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";export{t as swirl_search}
|