@getflip/swirl-components 0.365.0 → 0.366.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 +46 -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-avatar.cjs.entry.js +1 -1
- 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/swirl-avatar.css +35 -11
- package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.css +36 -7
- package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.js +55 -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 +26 -4
- package/dist/components/swirl-avatar.js +1 -1
- 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-avatar.entry.js +1 -1
- 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-5ddd8784.entry.js +1 -0
- 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-e5d66dde.entry.js +1 -0
- package/dist/swirl-components/p-e7744a13.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 +5 -0
- package/dist/types/components/swirl-avatar-group/swirl-avatar-group.stories.d.ts +1 -0
- package/dist/types/components.d.ts +10 -0
- package/package.json +1 -1
- package/vscode-data.json +12 -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-abda2e7e.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
|
@@ -238,29 +238,29 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
|
|
|
238
238
|
"modal--sidebar-scrolled-down": this.sidebarScrolledDown,
|
|
239
239
|
"modal--sidebar-scrollable": this.sidebarScrollable,
|
|
240
240
|
});
|
|
241
|
-
return (h(Host, { key: '
|
|
241
|
+
return (h(Host, { key: 'b8d138b1ad7e273791814f5f9abd8a4a073636fb' }, h("section", { key: '0f63acbb187ff9d46dbff9da73144931e7ad33bd', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'bfb8b3f9745e9cdd99fa7ce688dce57f01258706', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3a8014ffc0972052d9bd2fa1462c4447e09fdea3', class: "modal__body", style: !this.isFullscreen
|
|
242
242
|
? {
|
|
243
243
|
"--swirl-modal-max-height": this.maxHeight,
|
|
244
244
|
"--swirl-modal-height": this.height,
|
|
245
245
|
minHeight: this.minHeight,
|
|
246
246
|
maxWidth: this.maxWidth,
|
|
247
247
|
}
|
|
248
|
-
: {} }, h("aside", { key: '
|
|
248
|
+
: {} }, h("aside", { key: 'f4fc452be1ab849dd5f5af6cc22b9605603d18d4', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '863e9f2aa8b7392afc7a8d20f451c35a4757b5c1', class: classNames("modal__sidebar-header", {
|
|
249
249
|
"modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
|
|
250
|
-
}) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '
|
|
250
|
+
}) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'ec003d97f67b728c91efb729f03bcfec00604bc9', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '55619573e3665d119f5930f795dbeb1e7b144415', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '6ff1a840c83cd9aeb34c55e9767f8e6736c197d8', name: "sidebar-content" })), h("div", { key: 'da90299494ae5252611f30e64ddf08db5b01ef68', class: "modal__sidebar-footer" }, h("slot", { key: '817a965706aef995da46009b0a76d4c7afd2567d', name: "sidebar-footer" }))), h("div", { key: '4e967937d11b2dfc8552da0b308f2a3446a87e2d', class: "modal__main-content" }, h("header", { key: 'be7b866f8d7bd844e0cc2284e804e278fa62c62b', class: "modal__custom-header" }, h("slot", { key: '26022718ce0fb8817ca1914db3f4c21bbe6a262e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'b8796448ff81d69ba74b7465c2bad02df39c0ba3', class: "modal__header" }, h("div", { key: '07b7a25aa64aec3222f4c9130d64be79222a2c97', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7c9e22203d8ce17fa30fcf8df5ec28dd0367a065', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
|
|
251
251
|
? "<swirl-icon-close></swirl-icon-close>"
|
|
252
|
-
: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '
|
|
252
|
+
: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '028f409536d401093fd71e6fbf123b504a54b2c1', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
|
|
253
253
|
? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
|
|
254
254
|
: "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
|
|
255
255
|
? this.fullscreenDisableButtonLabel
|
|
256
|
-
: this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '
|
|
256
|
+
: this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ed614d4b5331946c67d18f729052c0661ea3a8bb', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '0cebbb9377307b03900bf8f623af2bbd0767ae5f', class: "modal__content-container", style: {
|
|
257
257
|
gap: this.contentGap
|
|
258
258
|
? `var(--s-space-${this.contentGap})`
|
|
259
259
|
: undefined,
|
|
260
|
-
} }, h("div", { key: '
|
|
260
|
+
} }, h("div", { key: 'ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8', class: "modal__primary-content", style: {
|
|
261
261
|
maxWidth: this.primaryContentMaxWidth,
|
|
262
262
|
flex: this.primaryContentFlex,
|
|
263
|
-
} }, h("div", { key: '
|
|
263
|
+
} }, h("div", { key: '7341038d7ff292544afa94d225b117cea82d95bf', class: "modal__header-tools" }, h("slot", { key: 'ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1', name: "header-tools" })), h("div", { key: '441577d1d7a0fe02736dca8e1027b52114b7312e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '6b3bcaaca92d5238f72f374d925c0b2b37f33763' }))), h("div", { key: '4ec04527481b4166525537d1c9c513f7216c5fbf', class: "modal__secondary-content", style: {
|
|
264
264
|
maxWidth: this.secondaryContentMaxWidth,
|
|
265
265
|
flex: this.secondaryContentFlex,
|
|
266
266
|
padding: Boolean(this.secondaryContentPadding)
|
|
@@ -278,7 +278,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
|
|
|
278
278
|
paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
|
|
279
279
|
? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
|
|
280
280
|
: undefined,
|
|
281
|
-
} }, h("slot", { key: '
|
|
281
|
+
} }, h("slot", { key: '09caff111a5c6696984582a40b3d98423cf9b0dd', name: "secondary-content" }))), h("div", { key: '255f12ffb46f68fc0452d6e8f0585ee017f485e9', class: "modal__custom-footer" }, h("slot", { key: '0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186', name: "custom-footer" })), showControls && (h("footer", { key: '97e723de4d48fa5883223a5665c419842412ab09', class: "modal__controls" }, h("swirl-button-group", { key: 'ce6a1115e391d17314d33cf8ef5795c7f64164d3', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'dca61b968580d1025a8e7fb08f7483fe20f3f232', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
|
|
282
282
|
}
|
|
283
283
|
get el() { return this; }
|
|
284
284
|
static get style() { return swirlModalCss; }
|
|
@@ -67,9 +67,9 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
|
|
|
67
67
|
"option-list-item--indeterminate": this.indeterminate && !this.selected,
|
|
68
68
|
"option-list-item--show-avatar": showAvatar,
|
|
69
69
|
});
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
return (h(Host, { key: 'cb0a26f23613bf21ee88a290a00dc327a0c85ada' }, h("div", { key: '9b1eb4e08c1d0004bce09578ce0905eb197ac907', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
|
|
71
71
|
? `option-list-item-${this.elementId}-description`
|
|
72
|
-
: undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '
|
|
72
|
+
: undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '073d9b17a9c748016f928217a6bf4ea39ce48fe2', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'fb32a363286fee7a306e8962c5dc095907621ace', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '18f0ff0915f85a6121515161576e421b50f03fb4', class: "option-list-item__checkbox" }, h("span", { key: '64713379726da9413536fe3cb18c3e00677c7d4b', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'add2a2890262d78d62ac9e8cb007999334dc37bd', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: 'd648e60de087f0836aa4732a0632ddba411872fe', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'd2708ea06f8e89f8ff05df9f70a50761bb631e1c', class: "option-list-item__avatar" }, h("slot", { key: '80abff4b366ca84e2f69efb9700f78c234c759c6', name: "avatar" })), h("span", { key: '275d204467223cf209f22d530becc7c94fbcf6cc', class: "option-list-item__label-container" }, h("span", { key: '78ffc616b55023dcb952c20a20261c62c6c49251', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '137f59e2a8d671ade5442193a7146e2fed089194', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'fbdae273b61760022d301c1c99a035e0921f1c57', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '555cb52b918d15174bf64ca652873dc468f08a13', size: this.iconSize })))), this.allowDrag && (h("button", { key: '0e0803eb74185cea9467b97f53c542170fb2fb80', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'c5022a378d6f0d5d523468a1bcffcba33ddd20cd', size: this.iconSize })))));
|
|
73
73
|
}
|
|
74
74
|
get el() { return this; }
|
|
75
75
|
static get style() { return swirlOptionListItemCss; }
|
|
@@ -90,7 +90,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPagination
|
|
|
90
90
|
const showDropDown = this.variant === "advanced";
|
|
91
91
|
const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
|
|
92
92
|
const className = classNames("pagination", `pagination--variant-${this.variant}`);
|
|
93
|
-
return (h(Host, { key: '
|
|
93
|
+
return (h(Host, { key: '5978254ac1068ac5d9bb80acdbaa1d2d269fe259' }, h("nav", { key: 'ddee3c4e0bfa79039db7a177730a03345217ca06', "aria-label": this.label, class: className }, h("ul", { key: 'de432ce32d9381ac1a377798f386d3e154207cee', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'dfef29a58b81121911cd39fe137e95ff096f0d7a', class: "pagination__list-item" }, h("label", { key: 'ebaf0677e82400be67a27d49e1eb329d8f2dd864', class: "pagination__page-size-selection" }, h("swirl-text", { key: '2c4e1f89edb6f96b97cf95f239fc50cae1014901', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a578e88a8daef0b4d4248a7d2ddab56b8e706633', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'dc82dcd8582694ea2b849e3216e44790f0f755d5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '4422749d60a84f23170ebfb1ec25156a9af1a581', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8aa9a178991e2ad41d96599ef357ec4ed6f0aae7', class: "pagination__list-item" }, h("swirl-button", { key: '6d25223a8059b941b4c28ee6b0234abfbce72716', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '6fe4250cd3b3ec4115b921b47688897375d6197b', class: "pagination__list-item" }, h("swirl-button", { key: '5b334333689e838715a4349b147acc2717df28ba', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'f55b7c393a7f545718bd227bbb08aa0dcf77034d', class: "pagination__list-item" }, h("swirl-button", { key: '172a349725254224da6d746314cdf697e515851f', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'c4cfd270b79e299af2c8e659ffa33c4523ee5681', class: "pagination__list-item" }, h("swirl-button", { key: '1178ab1fe0d0204d57c0eff231cac3d489fbc940', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
|
|
94
94
|
}
|
|
95
95
|
static get style() { return swirlPaginationCss; }
|
|
96
96
|
}, [1, "swirl-pagination", {
|
|
@@ -268,14 +268,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
|
|
|
268
268
|
"popover--transparent": this.transparent,
|
|
269
269
|
"popover--padded": this.padded,
|
|
270
270
|
});
|
|
271
|
-
return (h(Host, { key: '
|
|
271
|
+
return (h(Host, { key: 'dd0c724e26c4dd93884e09d6758e1f3fb49539fd', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '00631b4d7d7b5bd53321ff9f6e7418e05e9c1db2', class: className, onKeyDown: this.onKeydown }, h("div", { key: '448a6e0e07733d3ed02222f1790adce3a47518bf', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
|
|
272
272
|
top: Boolean(this.position) ? `${this.position?.y}px` : "",
|
|
273
273
|
left: Boolean(this.position) ? `${this.position?.x}px` : "",
|
|
274
|
-
}, tabindex: "-1" }, h("span", { key: '
|
|
274
|
+
}, tabindex: "-1" }, h("span", { key: '1902a6592f0ac4ec42453a7927d25806f4c5f4a0', class: "popover__handle" }), h("div", { key: '90c219453a10953061e3c16771586003fd1b7e4a', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
|
|
275
275
|
maxHeight: !mobile && Boolean(this.maxHeight)
|
|
276
276
|
? this.maxHeight
|
|
277
277
|
: undefined,
|
|
278
|
-
} }, h("slot", { key: '
|
|
278
|
+
} }, h("slot", { key: '0732e04a93fff46e674eb4e7ee544465385f5106' }))), this.active && (h("div", { key: 'c37c42d3d5addf1c71afa261a66ceeb905e4a5d0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
|
|
279
279
|
}
|
|
280
280
|
get el() { return this; }
|
|
281
281
|
static get style() { return swirlPopoverCss; }
|
|
@@ -18,7 +18,7 @@ const SwirlProgressIndicator = /*@__PURE__*/ proxyCustomElement(class SwirlProgr
|
|
|
18
18
|
const radius = this.size === "m" ? 20 : 10;
|
|
19
19
|
const circumference = Math.round(radius * 2 * Math.PI);
|
|
20
20
|
const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '5c972cf283381694c5f826b3d4376a9d1320eda9', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'a509c26d292f6fb90d4fad353a99463e2897b6c6', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '80640e6a7c4c2e9e252f132733d4f266f3d98c9f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '290294d92cb1d850acff483e08466484cbf49c5e', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '17f5e4479d82e40db01892a4c0ac9f1464db1943', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '5f5495d0a913602bc07f30f1730c10400babda5e', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
|
|
22
22
|
}
|
|
23
23
|
static get style() { return swirlProgressIndicatorCss; }
|
|
24
24
|
}, [1, "swirl-progress-indicator", {
|
|
@@ -39,7 +39,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
|
|
|
39
39
|
"radio--invalid": this.invalid,
|
|
40
40
|
"radio--unchecked": unchecked,
|
|
41
41
|
});
|
|
42
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: 'b0000ea7edf5e98a787870acc4f1e01abfb9d899', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '2cc565289e6997e4a2158c3ea152a75320dfa478', class: className, htmlFor: this.inputId }, h("span", { key: '1b268a5e971aa8e14eb3624dce8e4d44cd953c28', class: "radio__control" }, h("swirl-visually-hidden", { key: '8b9c46ff098f52847bc1943a45adc857fe3949da' }, h("input", { key: 'b0126814241ee92d86eaf922e3e84045a180d77c', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'd2a9ed9f66168706455d59fab4294820e4d5b519', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '1db782a2bd111cda28259a0fb4a391c1894552e8', class: "radio__label-container" }, this.label && (h("span", { key: '8730140f044782988c99ecd7d56878277d290f01', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '84bd3facc2187d840570eacaeae932702471807f', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '8279905d88e91a16fdb5ed45efcaff77984581b1', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'b752613cc50e424ec663b28ce903816ba1ca2f84', class: "radio__description", innerHTML: this.description }))))));
|
|
43
43
|
}
|
|
44
44
|
static get style() { return swirlRadioCss; }
|
|
45
45
|
}, [2, "swirl-radio", {
|
|
@@ -144,7 +144,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
|
|
|
144
144
|
"resource-list-item--wrap-description": this.descriptionWrap,
|
|
145
145
|
"resource-list-item--wrap-label": this.labelWrap,
|
|
146
146
|
});
|
|
147
|
-
return (h(Host, { key: '
|
|
147
|
+
return (h(Host, { key: '74c295778be2ba1f1d18172fe93ea8436d0ed609', role: hostRole }, h("div", { key: 'b7ac96248b20b6e705f605af9d754911fb53be95', class: className, role: containerRole }, h(Tag, { key: 'fe117a7a35e35d3074d5c8df032d58cb018a142b', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '21210a04c7f96b3dc309a89535318e911afd351c', class: "resource-list-item__media" }, h("slot", { key: 'c326fac8899935452789fe8b14271c61175eba7d', name: "media" }))), h("span", { key: 'd9fcdfe21c54daeebe56669aadd07d828423272e', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'd9ad2ee46f279de7f50a2e86368e8bc3a7cd6428', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '8b6be5351d9289daf137164aef0806dbd2f6e3d4', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '7f6790113baac9b15e4aef4e8dfd4098a7a213ac', class: "resource-list-item__meta" }, h("span", { key: 'e5e19cd610b66fceb249ff4ca675b3e9c6e61edb', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '54f0b68d16992adf7f8585a0b2573404be0ecdef', class: "resource-list-item__badges" }, h("slot", { key: '759c9abe2507f47d41413868e38c63c8062cc432', name: "badges" }))))), this.selectable && (h("span", { key: '5c99be2c49bb6418ab48652e707df48b1b384b69', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '9d0ad429053251757013feeb56effc4f3cb09991', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '8ccbc8ac044db30a9001a6059b6eaa9ba5742841' }))))), h("span", { key: 'b1c571d422c5b60c4e92d37f8b95ef7c1fd6cc18', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'd47ebce7bc4897dd2e6b701f35fc1caa17e72fdd', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'c876093478e16507d50c80606194e0f8a3320952', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '350f845bcdb1103d03b36f8ccfb17287aeb13ef2', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '5df7f8049ceabc364754514ccc48a01dd5e4bc99', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '95833ffeafba02439646e30624d19ae7a2f2b65d', size: this.iconSize })))));
|
|
148
148
|
}
|
|
149
149
|
get el() { return this; }
|
|
150
150
|
static get style() { return swirlResourceListItemCss; }
|
|
@@ -259,7 +259,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
|
|
|
259
259
|
});
|
|
260
260
|
}
|
|
261
261
|
render() {
|
|
262
|
-
return (h(Host, { key: '
|
|
262
|
+
return (h(Host, { key: '37fcb7b7ef6436a7855d00519a31bf007b77da54', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '22f4bf54dbd49932e129c58d5514926d07f825a6', role: "alert" }, this.assistiveText), h("swirl-box", { key: '79844e03ac49eb014b31cb6c26169a74bb1d6967', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: 'a63f94d6d859d1cc3497f4b9e037e1f3513537b0', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '269ac25ec75e7911548b4fd626f1a9031c008a19' })))));
|
|
263
263
|
}
|
|
264
264
|
get el() { return this; }
|
|
265
265
|
static get watchers() { return {
|
|
@@ -67,7 +67,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSearch extends
|
|
|
67
67
|
const className = classNames("search", `search--variant-${this.variant}`, {
|
|
68
68
|
"search--disabled": this.disabled,
|
|
69
69
|
});
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
return (h(Host, { key: 'e216f1ceab91479ead82c16cfff98bf770283eaa' }, h("span", { key: '1c3c59890559b3bd793535e750d62949f546b95d', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'bff7944f1495e354e76592c3edc6fb141818e8bf', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'b458db07bd80550509955b3d0a0b86be3605057b', "aria-disabled": this.disabled ? "true" : undefined, "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: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '9935ca91fdc1e011f041bb6c6e21c20e22770ab2', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'd5cdb40cf9ca592f5143df0dccad99b16368aa01' }))))));
|
|
71
71
|
}
|
|
72
72
|
static get style() { return swirlSearchCss; }
|
|
73
73
|
}, [2, "swirl-search", {
|
|
@@ -216,26 +216,26 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
|
|
|
216
216
|
"shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
|
|
217
217
|
"shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
|
|
218
218
|
});
|
|
219
|
-
return (h(Host, { key: '
|
|
219
|
+
return (h(Host, { key: '54ef902bba983ce7068d3b751023e84ab30c1c44' }, h("div", { key: 'dd5314432ce8d62a647aa28997e8e61efd98bc1f', class: className }, h("header", { key: 'e1487247139d972b2879c0cbfaafef772f33fc17', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'c040f8de5979e46fa89b447882032808ee033490', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'bf0c32458459006c3b940f05af8259b097236ee1', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'ddce5cd5656bd160b300d653b50a938d9f79ba8b', content: this.navigationCollapsed
|
|
220
220
|
? this.expandNavigationButtonLabel
|
|
221
|
-
: this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '
|
|
221
|
+
: this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'e646b9bf34e31551faea74109ef817cd4aaa7024', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '33cd31e813fc5b2c45bc69af27bc0eeedf3dea9a' }, this.navigationCollapsed
|
|
222
222
|
? this.expandNavigationButtonLabel
|
|
223
|
-
: this.collapseNavigationButtonLabel))), h("a", { key: '
|
|
223
|
+
: this.collapseNavigationButtonLabel))), h("a", { key: 'c09060ecac5eba5e60094ef75f1e42d403167a61', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'b78e6b63be453735d5585d021bc6d26a7b0a3ce6', size: 20 }), h("swirl-visually-hidden", { key: 'ef147b77322bf0f77d2a7823b3e56d93ea4b228c' }, this.browserBackButtonLabel)), h("a", { key: '53154965a40cf1e73a61d3e58f8efa1990f8c201', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '6ef031cef408294f30b4cfd23c50451034d1a0c5', size: 20 }), h("swirl-visually-hidden", { key: '415ad9a9f4c2eef9f1a36d1022566796b196eba7' }, this.browserForwardButtonLabel)), h("slot", { key: '088e3d9021d75ef40390a1cf6370841233d8beeb', name: "left-header-tools" })), h("div", { key: '096d637dec065f043ad05c29bf0128bbd9580603', class: "shell-layout__logo" }, h("slot", { key: 'd1463206a5fcd482d82e34eb7daceb1a1dc6823b', name: "logo" })), h("div", { key: '2a78db5a75fc39e584ac6cd91e9cfd27e7b498aa', class: "shell-layout__header-right" }, h("slot", { key: '1b642fe59aeecc33342d62b767624729251970d5', name: "right-header-tools" }), h("button", { key: 'a5478373c4b1a663d2b6839d758fbf4851777096', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '1844e2995d76761742786d5224548c45f3a5901b', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '70455c9a5de8916be10225be6305034d43a3f7b6' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '18b06b543fdc60abebdf377b4405237e9cf049e4', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
|
|
224
224
|
? this.sidebarToggleBadgeAriaLabel
|
|
225
|
-
: String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '
|
|
225
|
+
: String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: 'e3f050b07c70c696d5adb383f71c7898e0e74c73', name: "avatar" }))), h("div", { key: 'ccf1d47f195f83a54c18fbf334cc3310e8b53166', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'fdab711137286fd0390f60256b9c8913c801caf0', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '3f77078094d8fa493e749e3b7c3a7e34388785ec', class: "shell-layout__mobile-header" }, h("slot", { key: 'a7b2106cc1cb2ec7d172cf4ee851ce769ee6e3c0', name: "mobile-logo" }), h("div", { key: '1c138fa01ed9cc2a1192b146b2651b25eda19885', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '469556900f83474e38c3c930e66ed9e911c2315e', name: "mobile-header-tools" }), h("button", { key: '1910fe386f5d4a60c8a82ac3c2252a2ab8b031b9', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '702a296dd2e421d06e57ad3178cb61ac6b56127f', size: 20 }), h("swirl-visually-hidden", { key: '2403013ddc9a4b7105b6db109844e729df34b85a' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: 'a050d8fb86302fe877e283cf0f4fe41146704c3e', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '768ec8bc7c07f7ad8b5ee3d0533b4df59da847db' }, h("span", { key: 'd11d092ba13dd4b3854411c258ed5b7daa0171f7', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '1b45aceef0874ac46060cf7389648771ccf8604b', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'a2ff53abd5090da564d3ae89762540393ccae2af', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '06a61785d16faa79b0b13c27037f18e99936819f', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'ef4f7798262dd1e12c176f5908808b4592c40694', paddingBlockEnd: "16" }, h("swirl-stack", { key: 'c959ca5245f97927c42fb6d10cb8f8ec21b1a5b6', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '50cab11a9a3e74e87b0b26cd27a2fb8622fa1a21', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
|
|
226
226
|
? "<swirl-icon-expand-more></swirl-icon-expand-more>"
|
|
227
227
|
: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
|
|
228
228
|
? this.secondaryNavExpandLabel
|
|
229
|
-
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '
|
|
229
|
+
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'f0f353e909f854cbe464b23a6bd130e65ebdccfb', icon: this.secondaryNavView === "grid"
|
|
230
230
|
? "<swirl-icon-menu></swirl-icon-menu>"
|
|
231
231
|
: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
|
|
232
232
|
? this.gridNavLayoutToggleLabel
|
|
233
|
-
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '
|
|
233
|
+
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: 'efa5a16a65c98057fd29e2fcd2d539c3e2b1aa1a', class: {
|
|
234
234
|
[`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
|
|
235
235
|
"shell-layout__secondary-nav-items": true,
|
|
236
236
|
"shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
|
|
237
237
|
this.secondaryNavView === "grid",
|
|
238
|
-
} }, h("slot", { key: '
|
|
238
|
+
} }, h("slot", { key: 'eeae8690a57ee1e000db2cf7ec35d902666f84e3', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '2ae88104d8dae27b7778e1f83197d9fe997eac97', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '860637b970dffe8997b3ac6aa24849433fb5dae5' })), h("aside", { key: 'e176ad54f85ad5014bcd2852c42c599be06b6c03', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '7ec48264e8b76f157a79736326dfb416df9d3d7c', class: "shell-layout__sidebar-body" }, h("div", { key: '8a8938d5b9983eb2608a8cf02300fb32e136e22a', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: 'f37d24a0ce619c92b4e401cbc5e1365d0f9f9571', name: "sidebar-app-bar" })), h("div", { key: '213177da65ea8caf8a5c71d411ec553997caf9d3', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: 'ce32bb5651e5adf6e3296f6553dd0927006a55e2', name: "sidebar" })))))));
|
|
239
239
|
}
|
|
240
240
|
get el() { return this; }
|
|
241
241
|
static get watchers() { return {
|
|
@@ -65,9 +65,9 @@ const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
|
|
|
65
65
|
const tooltipContent = this.description
|
|
66
66
|
? `${this.label} ${this.description}`
|
|
67
67
|
: this.label;
|
|
68
|
-
return (h(Host, { key: '
|
|
68
|
+
return (h(Host, { key: '4b5e7dadf6c8673851f640c160d753883d987885' }, h("swirl-tooltip", { key: '1692f48d6defc2816989243ce177d32f95298887', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'd0bfaf35345c5838f385ace3ce521064813c230b', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, h("span", { key: 'f22872d76cf82473d6182d4f976ec78a876fc0de', class: "shell-navigation-item__icon" }, h("slot", { key: 'b9bac1d5ce9af60eefdd47a0485ed55d9c76035e', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), hasBadge && (h("span", { key: 'c9953b39fa7e8c8671a812f85108a43d4b202506', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: '62d11e8df50b5e7c82ee4f1900a4854d900560f1', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
|
|
69
69
|
"shell-navigation-item__badge--dot": this.badgeLabel === "",
|
|
70
|
-
}), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (h("swirl-tag", { key: '
|
|
70
|
+
}), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (h("swirl-tag", { key: 'c168f08d681c9358359317147896ce50df5cfb5b', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: '269fe853f32a11f3db07079435d02e4580eb996d', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
|
|
71
71
|
}
|
|
72
72
|
get el() { return this; }
|
|
73
73
|
static get style() { return swirlShellNavigationItemCss; }
|
|
@@ -13,11 +13,11 @@ const SwirlSkeletonBox = /*@__PURE__*/ proxyCustomElement(class SwirlSkeletonBox
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
const className = classNames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: 'cb73a8cf5d39e87787a30ad07b17977c1ce94d0e', style: {
|
|
17
17
|
width: !Boolean(this.width) && !Boolean(this.aspectRatio)
|
|
18
18
|
? "100%"
|
|
19
19
|
: undefined,
|
|
20
|
-
} }, h("div", { key: '
|
|
20
|
+
} }, h("div", { key: '90c9d6c83f477540e8e0901421bec5fd73b976bd', class: className, style: {
|
|
21
21
|
aspectRatio: this.aspectRatio,
|
|
22
22
|
borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
|
|
23
23
|
? `var(--s-border-radius-${this.borderRadius})`
|
|
@@ -15,7 +15,7 @@ const SwirlSkeletonText$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSkeleton
|
|
|
15
15
|
render() {
|
|
16
16
|
const className = classNames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
|
|
17
17
|
const lineClassName = classNames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: 'a10a92b4f8df24f44fdb0e3bcd88c79d87fbcbff' }, h("div", { key: '93f93336f2260262b7035e3bfe727a1365ae16f1', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
|
|
19
19
|
}
|
|
20
20
|
static get style() { return swirlSkeletonTextCss; }
|
|
21
21
|
}, [1, "swirl-skeleton-text", {
|
|
@@ -13,7 +13,7 @@ const SwirlSpinner = /*@__PURE__*/ proxyCustomElement(class SwirlSpinner extends
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
const className = classNames("spinner", `spinner--size-${this.size}`);
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '7473ef4ce23a3ac1bd5c89668d7a10663f02a126' }, h("span", { key: '67c60e30573ea41033d53db9c867a1894927c07f', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '39fc5eeb1ea2bcedcd36ab277cb86c0c89355db8', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '3934f9d637d137e789e786cd875a714eac05d7df', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'c80f183024b804a025487ad1f016fd0993d2b7b9', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '98293ce76f10d1cda4b00bf5e46802fd4542e576' }, h("span", { key: 'fa8c5b10c84bdf95b1966f610055c9867b1cdd96', class: "spinner__label" }, this.label))))));
|
|
17
17
|
}
|
|
18
18
|
static get style() { return swirlSpinnerCss; }
|
|
19
19
|
}, [1, "swirl-spinner", {
|
|
@@ -11,7 +11,7 @@ const SwirlStatusIndicator$1 = /*@__PURE__*/ proxyCustomElement(class SwirlStatu
|
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
13
|
const className = classNames("status-indicator", `status-indicator--intent-${this.intent}`);
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: '41dfc98d88dcb82deaf62c580678f47cc4201155' }, h("div", { key: '96b1b3dd588d536d1727e3a1a3bbc023ce68d835', class: className }, h("span", { key: '9496a089d6be5990cb2964f5bd3908995b1e8bed', class: "status-indicator__dot" }), h("span", { key: '882f34bd6a6cb1812f9e4f62cb35aed21a017212', class: "status-indicator__label" }, this.label))));
|
|
15
15
|
}
|
|
16
16
|
static get style() { return swirlStatusIndicatorCss; }
|
|
17
17
|
}, [1, "swirl-status-indicator", {
|
|
@@ -33,9 +33,9 @@ const SwirlSwitch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSwitch extends
|
|
|
33
33
|
"switch--on": on,
|
|
34
34
|
"switch--disabled": this.disabled,
|
|
35
35
|
});
|
|
36
|
-
return (h(Host, { key: '
|
|
36
|
+
return (h(Host, { key: '0184a03f354d0a1dde8ef2e4314d1466aa45fa7c' }, h("label", { key: '264a92b849b655fd7ad2d51529efb619c5ce40a3', class: className, htmlFor: this.inputId }, h("span", { key: '437681fc1072c4431ae0dcde683fe2db142e1103', class: "switch__control" }, h("swirl-visually-hidden", { key: '34503aec9107d0dbe82c1172048aa1a83396dc1e' }, h("input", { key: 'b2d078664d35e3f037642c8865478707fdf3e7f6', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
|
|
37
37
|
? this.swirlAriaLabel
|
|
38
|
-
: undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '
|
|
38
|
+
: undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '988d10b07dfbe72e6b7c2cf55dd841544e7c6e16', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: 'cd6001d80e63b1e84fadfdba8719fd8d205027d0', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'd6d776add33f4092571b33b48353eb8a7459983c', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'd648c431437ebc0167c56065dc4e0ea7fb96c4db' }, this.swirlAriaLabel || this.label)), this.description && (h("span", { key: '83d3537d6cf33cc92419f9e117fea4eb7cc2a878', class: "switch__description" }, this.description))))));
|
|
39
39
|
}
|
|
40
40
|
get el() { return this; }
|
|
41
41
|
static get style() { return swirlSwitchCss; }
|
|
@@ -62,7 +62,7 @@ const SwirlTabBar = /*@__PURE__*/ proxyCustomElement(class SwirlTabBar extends H
|
|
|
62
62
|
? `var(--s-space-${this.paddingBlockStart})`
|
|
63
63
|
: undefined,
|
|
64
64
|
};
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '5ef8c8903864a9101f7092cadd0ba1837bfd07b0' }, h("div", { key: '8649fd672cf8066e640f5ef14fdb9a2b815f0f10', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
|
|
66
66
|
const className = classNames("tab-bar__tab", {
|
|
67
67
|
"tab-bar__tab--active": tab.active,
|
|
68
68
|
"tab-bar__tab--variant-pill": this.variant === "pill",
|
|
@@ -12,7 +12,7 @@ const SwirlTab$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTab extends HTMLE
|
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
const className = classNames("tab", { "tab--active": this.active });
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'af05477db147d507a7837e803a4753bd1372e3d6', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'b34433957cf644494b0db7ff9572970b03e6356a' })));
|
|
16
16
|
}
|
|
17
17
|
static get style() { return swirlTabCss; }
|
|
18
18
|
}, [1, "swirl-tab", {
|
|
@@ -22,7 +22,7 @@ const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableColu
|
|
|
22
22
|
maxWidth: this.maxWidth || "",
|
|
23
23
|
minWidth: this.minWidth || "",
|
|
24
24
|
};
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '148b9cd30b22f970e01be32b926323cab0565520', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '4b410cd2f6afc41b296678fbce8e820c3e2ea93e' }, h("slot", { key: '68d5575912abab56c1268aca6e4e251702772a1b' })), this.sortable && (h("span", { key: '621301715f82384c874519ea73d3c1d5c97f6d85', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '1615c073f5bf7e6a4531534edc40b39d52901163', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'e60037d0b7cee9a885700126b52ef49cb3707c09', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
|
|
26
26
|
}
|
|
27
27
|
get el() { return this; }
|
|
28
28
|
static get style() { return swirlTableColumnCss; }
|
|
@@ -581,7 +581,7 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTable extends H
|
|
|
581
581
|
"table--show-empty-state": this.empty && !this.loading,
|
|
582
582
|
"table--keyboard-move": this.movingViaKeyboard,
|
|
583
583
|
});
|
|
584
|
-
return (h(Host, { key: '
|
|
584
|
+
return (h(Host, { key: 'e8e26be172fd960a27b50a6f922a5f30ebca740d' }, h("div", { key: '456bbf4e46a794c5977a91118b55461a143f942d', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ad2e5199871a890e066f89dfe58d264a026408c1' }, h("span", { key: 'a9e7dc975e69159e6fd18845037ba33666d3f9b1', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '9f9ccb292b3d0a3fa22dacf2996cca5c650d3cb2', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: '71f20c04d802a6bf3fdf1cc9d688ee0d81906ba1', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'cbc0091eb12536e4c63da439a8d55f399a880a6c' }, h("div", { key: '9c4db060db4014b8f8ffc4f07c87bc98c87f9b7b', id: "caption" }, this.caption))), h("div", { key: 'aa6deac1fc190819984f573d032a6365b4a356e7', role: "rowgroup" }, h("div", { key: '9cc8865772ec5e98d8ac2308580d779046395604', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '334b7a3830f6312e9f7386005c7ce299018ba968', name: "columns" }))), h("div", { key: 'bdeeab1f818c24776efe9740c9caed3584eb5ef8', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '2297c9ed8af8df509ae00658d4e05b3b115ced95', name: "rows" }), h("div", { key: '2ff715819bc2eeb7ac0b96b339497a2d3f475645', class: "table__empty-row", role: "row" }, h("div", { key: 'f2550204f8fa4fbbc2a40094cc7b3529fa221a14', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: '58e3ef4a1ac4e92b5e0b238630dc39f464ba803e', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: '3052cd1849759fdfcd692cb0530b565ddc365815', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
|
|
585
585
|
}
|
|
586
586
|
get el() { return this; }
|
|
587
587
|
static get watchers() { return {
|
|
@@ -40,7 +40,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
|
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
42
|
const className = classNames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
|
|
43
|
-
return (h(Host, { key: '
|
|
43
|
+
return (h(Host, { key: 'f51cb74eb358b045c153d6fc27824575363a604f' }, h("span", { key: 'fb015e48a19f9b05c0ec1cbf5608f190b7d08757', class: className, part: "tag" }, this.icon && (h("span", { key: 'bd9f60baf34bec57f244da9b499d79922292cd88', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '8b3b266c177a47a4147a7925f5e514104c570f1f', class: "tag__label" }, this.label), this.removable && (h("button", { key: '5b35b8bcc59396e5e732c7108b4dd49f11dfb297', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '187c45887abfeb6be86308ae6bd5963ea8d99849', size: 16 }))))));
|
|
44
44
|
}
|
|
45
45
|
get el() { return this; }
|
|
46
46
|
static get style() { return swirlTagCss; }
|
|
@@ -987,7 +987,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
|
|
|
987
987
|
const styles = {
|
|
988
988
|
whiteSpace: truncate ? "nowrap" : this.whiteSpace,
|
|
989
989
|
};
|
|
990
|
-
return (h(Host, { key: '
|
|
990
|
+
return (h(Host, { key: '72ae83c8442c8f7584114ae0364e84538795db4c' }, h(Tag, { key: '9305a6fc5d8c976040eb4c59322e746a1f7c6b2b', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '7b8410b15bd9e776c58d6b92c7e65d1fc6984bf1' }))));
|
|
991
991
|
}
|
|
992
992
|
get el() { return this; }
|
|
993
993
|
static get style() { return swirlTextCss; }
|
|
@@ -35,7 +35,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
|
|
|
35
35
|
"thumbnail--interactive": this.interactive,
|
|
36
36
|
"thumbnail--has-progress": this.progress !== undefined,
|
|
37
37
|
});
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: '4b58ba22dc9f0b9c0be3f56873b16deb1998697c' }, h("span", { key: '2ad49020fc42d47ecac762f7be6fe428b2abf9a6', class: className, role: "group" }, h(ImageWrapper, { key: '2bc4f8b7fc3028117963fb2dbbfe88df5cd6fbe4', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '2027648d04e9240de9969a090979e3350756552b', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '84f51bb5c8188b8038d6f895a06d623f0d149041', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'd6f6b5b6e89571cefc24831595b71d43cbe960fd', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '7eccff66f568a9d3f3220a7ef12e75dd8495e357', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'bb7e0cb730563c2f6377c885e904c6effe621b0f' }, h("swirl-button", { key: '3b537fa98561c2d4490bb8d59af86801c45fd1f5', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '0a9e1537e585c7f02315204d10618301db22ae33' }, h("swirl-button", { key: 'b11475cf5f71e0cdabfaf1a9ce4793ff3617105d', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '5739cc1c463d14736dc22def30d59b94de4bc920', class: "thumbnail__timestamp" }, this.timestamp)))));
|
|
39
39
|
}
|
|
40
40
|
static get style() { return swirlThumbnailCss; }
|
|
41
41
|
}, [1, "swirl-thumbnail", {
|
|
@@ -48,7 +48,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
|
|
|
48
48
|
return newToastWithId;
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: '0c8f2f92549542bfd53336138f5d6a4e9ce21dd3', role: "status" }, h("swirl-stack", { key: 'e6d420aa0444ca7f24c269616dda30d2508214d9', spacing: "12" }, this.toasts.map((toast) => {
|
|
52
52
|
const props = { ...toast, content: undefined };
|
|
53
53
|
return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
|
|
54
54
|
}))));
|
|
@@ -54,7 +54,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
|
|
|
54
54
|
}
|
|
55
55
|
render() {
|
|
56
56
|
const className = classNames("toast", `toast--intent-${this.intent}`);
|
|
57
|
-
return (h(Host, { key: '
|
|
57
|
+
return (h(Host, { key: '1d90e266e746ba5baf37e1b9934bf7b62a2b76dd' }, h("div", { key: 'c08523f0cc5776fd07849b5218fd7f6a19ae23aa', class: className }, this.icon && (h("span", { key: '90cdbca501d150947101b30d2c44db8a6a4546d5', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '58c13071b3b6b97ac97cc3549034e993c0681390', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'e5767ef37b95dbd7eba122da95e7c601e4a4ed31' })), h("button", { key: 'd51d3fe6dc59d4c0f98415e6c283112febc8f49f', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '58e922172f142b49891b4335b25fe3c71d8cdac6', ref: (el) => (this.dismissIconEl = el) }))))));
|
|
58
58
|
}
|
|
59
59
|
static get watchers() { return {
|
|
60
60
|
"duration": ["watchDuration"]
|
|
@@ -63,7 +63,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
|
|
|
63
63
|
const className = classNames("toggle-group", `toggle-group--variant-${this.variant}`, {
|
|
64
64
|
"toggle-group--elevated": this.elevated,
|
|
65
65
|
});
|
|
66
|
-
return (h("swirl-stack", { key: '
|
|
66
|
+
return (h("swirl-stack", { key: 'f822695f41e9028f839e871e567f22f0b163b2c7', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '1492fc481cf2eb0d957dc8353f09f75fd341fe79', onSlotchange: this.onSlotChange })));
|
|
67
67
|
}
|
|
68
68
|
get el() { return this; }
|
|
69
69
|
static get watchers() { return {
|
|
@@ -72,7 +72,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
|
|
|
72
72
|
});
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
|
-
return (h(Host, { key: '
|
|
75
|
+
return (h(Host, { key: 'b4d26b328470b945d344895908b1c5c50c833d17' }, h("swirl-stack", { key: '2d47b3300ea9398264e18fc197e1f15d759a05a3', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '922353e031756d3d4b2c89f2107c4048437fe89a' }))));
|
|
76
76
|
}
|
|
77
77
|
get el() { return this; }
|
|
78
78
|
static get style() { return swirlToolbarCss; }
|
|
@@ -113,7 +113,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
|
|
|
113
113
|
"tooltip--active": this.active,
|
|
114
114
|
"tooltip--visible": this.visible,
|
|
115
115
|
});
|
|
116
|
-
return (h(Host, { key: '
|
|
116
|
+
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: {
|
|
117
117
|
top: Boolean(this.actualPosition)
|
|
118
118
|
? `${this.actualPosition?.y}px`
|
|
119
119
|
: "",
|
|
@@ -121,7 +121,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
|
|
|
121
121
|
? `${this.actualPosition?.x}px`
|
|
122
122
|
: "",
|
|
123
123
|
position: this.positioning,
|
|
124
|
-
} }, this.visible && (h("span", { key: '
|
|
124
|
+
} }, 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: {
|
|
125
125
|
...this.arrowStyles,
|
|
126
126
|
visibility: this.visible ? "visible" : "hidden",
|
|
127
127
|
} })))));
|