@awc-ui/core 1.0.0-beta.3 → 1.0.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/lazy-loading-indicator-CoC-_DMs.js +69 -0
- package/dist/cjs/lazy-loading-indicator-CoC-_DMs.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/md-accordion-item.cjs.entry.js +3 -3
- package/dist/cjs/md-app-bar.cjs.entry.js +1 -1
- package/dist/cjs/md-area-chart.cjs.entry.js +2 -2
- package/dist/cjs/md-autocomplete.cjs.entry.js +4 -3
- package/dist/cjs/md-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/md-avatar_2.cjs.entry.js +3 -3
- package/dist/cjs/md-badge.cjs.entry.js +2 -2
- package/dist/cjs/md-bar-chart.cjs.entry.js +2 -2
- package/dist/cjs/md-bottom-sheet.cjs.entry.js +4 -4
- package/dist/cjs/md-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/md-button-group.cjs.entry.js +2 -2
- package/dist/cjs/{md-button_7.cjs.entry.js → md-button_6.cjs.entry.js} +13 -38
- package/dist/cjs/md-button_6.cjs.entry.js.map +1 -0
- package/dist/cjs/md-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/md-chip.cjs.entry.js +2 -2
- package/dist/cjs/md-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/md-dialog.cjs.entry.js +2 -2
- package/dist/cjs/md-divider.cjs.entry.js +2 -2
- package/dist/cjs/md-fab-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/md-fab-menu.cjs.entry.js +2 -2
- package/dist/cjs/md-fab.cjs.entry.js +2 -2
- package/dist/cjs/md-line-chart.cjs.entry.js +2 -2
- package/dist/cjs/md-list-item.cjs.entry.js +3 -3
- package/dist/cjs/md-list.cjs.entry.js +3 -3
- package/dist/cjs/md-loading-indicator-CmzdcYLR.js +33 -0
- package/dist/cjs/md-loading-indicator-CmzdcYLR.js.map +1 -0
- package/dist/cjs/md-loading-indicator.cjs.entry.js +11 -0
- package/dist/cjs/md-loading-indicator.cjs.entry.js.map +1 -0
- package/dist/cjs/md-menu_2.cjs.entry.js +5 -5
- package/dist/cjs/md-multi-select.cjs.entry.js +5 -4
- package/dist/cjs/md-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/md-navigation-bar.cjs.entry.js +1 -1
- package/dist/cjs/md-navigation-tab.cjs.entry.js +2 -2
- package/dist/cjs/md-number-field.cjs.entry.js +2 -2
- package/dist/cjs/md-organization-chart.cjs.entry.js +2 -2
- package/dist/cjs/md-otp-field.cjs.entry.js +3 -3
- package/dist/cjs/md-search.cjs.entry.js +7 -6
- package/dist/cjs/md-search.cjs.entry.js.map +1 -1
- package/dist/cjs/md-select-option.cjs.entry.js +1 -1
- package/dist/cjs/md-select.cjs.entry.js +5 -4
- package/dist/cjs/md-select.cjs.entry.js.map +1 -1
- package/dist/cjs/md-slider.cjs.entry.js +2 -2
- package/dist/cjs/md-sparkline.cjs.entry.js +2 -2
- package/dist/cjs/md-status-dot.cjs.entry.js +1 -1
- package/dist/cjs/md-table.cjs.entry.js +3 -3
- package/dist/cjs/md-text-field.cjs.entry.js +7 -7
- package/dist/cjs/md-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/md-transfer-list.cjs.entry.js +1 -1
- package/dist/cjs/md3.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/md-accordion-item/md-accordion-item.js +3 -3
- package/dist/collection/components/md-app-bar/md-app-bar.js +1 -1
- package/dist/collection/components/md-area-chart/md-area-chart.js +2 -2
- package/dist/collection/components/md-autocomplete/md-autocomplete.js +4 -3
- package/dist/collection/components/md-autocomplete/md-autocomplete.js.map +1 -1
- package/dist/collection/components/md-avatar/md-avatar.js +2 -2
- package/dist/collection/components/md-badge/md-badge.js +2 -2
- package/dist/collection/components/md-bar-chart/md-bar-chart.js +2 -2
- package/dist/collection/components/md-bottom-sheet/md-bottom-sheet.js +4 -4
- package/dist/collection/components/md-breadcrumbs/md-breadcrumbs.js +2 -2
- package/dist/collection/components/md-button/md-button.js +4 -3
- package/dist/collection/components/md-button/md-button.js.map +1 -1
- package/dist/collection/components/md-button-group/md-button-group.js +2 -2
- package/dist/collection/components/md-card/md-card.js +2 -2
- package/dist/collection/components/md-checkbox/md-checkbox.js +2 -2
- package/dist/collection/components/md-chip/md-chip.js +2 -2
- package/dist/collection/components/md-date-picker/md-date-picker.js +1 -1
- package/dist/collection/components/md-dialog/md-dialog.js +2 -2
- package/dist/collection/components/md-divider/md-divider.js +2 -2
- package/dist/collection/components/md-fab/md-fab.js +2 -2
- package/dist/collection/components/md-fab-menu/md-fab-menu.js +2 -2
- package/dist/collection/components/md-fab-menu-item/md-fab-menu-item.js +2 -2
- package/dist/collection/components/md-icon-button/md-icon-button.js +4 -4
- package/dist/collection/components/md-line-chart/md-line-chart.js +2 -2
- package/dist/collection/components/md-list/md-list.js +3 -3
- package/dist/collection/components/md-list-item/md-list-item.js +3 -3
- package/dist/collection/components/md-loading-indicator/md-loading-indicator.js +2 -2
- package/dist/collection/components/md-menu/md-menu.js +3 -3
- package/dist/collection/components/md-menu-item/md-menu-item.js +2 -2
- package/dist/collection/components/md-multi-select/md-multi-select.js +5 -4
- package/dist/collection/components/md-multi-select/md-multi-select.js.map +1 -1
- package/dist/collection/components/md-navigation-bar/md-navigation-bar.js +1 -1
- package/dist/collection/components/md-navigation-tab/md-navigation-tab.js +2 -2
- package/dist/collection/components/md-number-field/md-number-field.js +2 -2
- package/dist/collection/components/md-organization-chart/md-organization-chart.js +2 -2
- package/dist/collection/components/md-otp-field/md-otp-field.js +3 -3
- package/dist/collection/components/md-ripple/md-ripple.js +1 -1
- package/dist/collection/components/md-search/md-search.js +7 -6
- package/dist/collection/components/md-search/md-search.js.map +1 -1
- package/dist/collection/components/md-select/md-select.js +5 -4
- package/dist/collection/components/md-select/md-select.js.map +1 -1
- package/dist/collection/components/md-select-option/md-select-option.js +1 -1
- package/dist/collection/components/md-slider/md-slider.js +2 -2
- package/dist/collection/components/md-sparkline/md-sparkline.js +2 -2
- package/dist/collection/components/md-status-dot/md-status-dot.js +1 -1
- package/dist/collection/components/md-table/md-table.js +3 -3
- package/dist/collection/components/md-text-field/md-text-field.js +7 -7
- package/dist/collection/components/md-time-picker/md-time-picker.js +1 -1
- package/dist/collection/components/md-tooltip/md-tooltip.js +1 -1
- package/dist/collection/components/md-transfer-list/md-transfer-list.js +1 -1
- package/dist/collection/utils/lazy-loading-indicator.js +62 -0
- package/dist/collection/utils/lazy-loading-indicator.js.map +1 -0
- package/dist/components/md-accordion-item.js +1 -1
- package/dist/components/md-app-bar.js +1 -1
- package/dist/components/md-area-chart.js +1 -1
- package/dist/components/md-area-chart.js.map +1 -1
- package/dist/components/md-autocomplete.js +1 -1
- package/dist/components/md-autocomplete.js.map +1 -1
- package/dist/components/md-avatar.js +1 -1
- package/dist/components/md-badge.js +1 -1
- package/dist/components/md-bar-chart.js +1 -1
- package/dist/components/md-bottom-sheet.js +1 -1
- package/dist/components/md-breadcrumb-item.js +1 -1
- package/dist/components/md-breadcrumbs.js +1 -1
- package/dist/components/md-button-group.js +1 -1
- package/dist/components/md-button.js +1 -1
- package/dist/components/md-card.js +1 -1
- package/dist/components/md-checkbox.js +1 -1
- package/dist/components/md-chip.js +1 -1
- package/dist/components/md-date-picker.js +1 -1
- package/dist/components/md-date-picker.js.map +1 -1
- package/dist/components/md-dialog.js +1 -1
- package/dist/components/md-dialog.js.map +1 -1
- package/dist/components/md-divider.js +1 -1
- package/dist/components/md-divider.js.map +1 -1
- package/dist/components/md-fab-menu-item.js +1 -1
- package/dist/components/md-fab-menu.js +1 -1
- package/dist/components/md-fab.js +1 -1
- package/dist/components/md-icon-button.js +1 -1
- package/dist/components/md-line-chart.js +1 -1
- package/dist/components/md-line-chart.js.map +1 -1
- package/dist/components/md-list-item.js +1 -1
- package/dist/components/md-list.js +1 -1
- package/dist/components/md-loading-indicator.js +1 -1
- package/dist/components/md-menu-item.js +1 -1
- package/dist/components/md-menu.js +1 -1
- package/dist/components/md-multi-select.js +1 -1
- package/dist/components/md-multi-select.js.map +1 -1
- package/dist/components/md-navigation-bar.js +1 -1
- package/dist/components/md-navigation-rail-tab.js +1 -1
- package/dist/components/md-navigation-rail.js +1 -1
- package/dist/components/md-navigation-tab.js +1 -1
- package/dist/components/md-number-field.js +1 -1
- package/dist/components/md-organization-chart.js +1 -1
- package/dist/components/md-otp-field.js +1 -1
- package/dist/components/md-radio.js +1 -1
- package/dist/components/md-ripple.js +1 -1
- package/dist/components/md-search.js +1 -1
- package/dist/components/md-search.js.map +1 -1
- package/dist/components/md-segmented-button.js +1 -1
- package/dist/components/md-select-option.js +1 -1
- package/dist/components/md-select.js +1 -1
- package/dist/components/md-side-sheet.js +1 -1
- package/dist/components/md-slider.js +1 -1
- package/dist/components/md-snackbar.js +1 -1
- package/dist/components/md-snackbar.js.map +1 -1
- package/dist/components/md-sparkline.js +1 -1
- package/dist/components/md-split-button.js +1 -1
- package/dist/components/md-status-dot.js +1 -1
- package/dist/components/md-step.js +1 -1
- package/dist/components/md-step.js.map +1 -1
- package/dist/components/md-stepper.js +1 -1
- package/dist/components/md-stepper.js.map +1 -1
- package/dist/components/md-sub-menu-item.js +1 -1
- package/dist/components/md-tab.js +1 -1
- package/dist/components/md-table-expand-toggle.js +1 -1
- package/dist/components/md-table-pagination.js +1 -1
- package/dist/components/md-table-pagination.js.map +1 -1
- package/dist/components/md-table.js +1 -1
- package/dist/components/md-text-field.js +1 -1
- package/dist/components/md-time-picker.js +1 -1
- package/dist/components/md-time-picker.js.map +1 -1
- package/dist/components/md-tooltip.js +1 -1
- package/dist/components/md-transfer-list.js +1 -1
- package/dist/components/{p-Eb44PPZa.js → p-1RSrsLOs.js} +2 -2
- package/dist/components/{p-D8oM1Kr3.js → p-2HV152w7.js} +2 -2
- package/dist/components/{p-BA2v4IuG.js → p-6ZDAcEKN.js} +2 -2
- package/dist/components/{p-BADA63mI.js → p-B2fYoYe9.js} +2 -2
- package/dist/components/p-B2fYoYe9.js.map +1 -0
- package/dist/components/{p-CCMritCA.js → p-C77M30dm.js} +2 -2
- package/dist/{components-csr/p-Bmu7RqHM.js → components/p-CNgkGl_1.js} +2 -2
- package/dist/components/p-CNgkGl_1.js.map +1 -0
- package/dist/components/{p-CtVItLby.js → p-D5Ht729E.js} +2 -2
- package/dist/components/p-DPqGg8C1.js +2 -0
- package/dist/components/p-DPqGg8C1.js.map +1 -0
- package/dist/components/{p-CTC8XAB6.js → p-De3E5Q8v.js} +2 -2
- package/dist/components/{p-B-JfuA2g.js → p-Dm_7DA1f.js} +2 -2
- package/dist/components/{p-DEzb9xsY.js → p-Dz3R-2Wn.js} +2 -2
- package/dist/components/{p-B-iHDK5h.js → p-Zjf9uhOr.js} +2 -2
- package/dist/components/{p-DfU4xY2F.js → p-ssLobpGS.js} +2 -2
- package/dist/components/{p-DYL-8C5C.js → p-zMR3UIR_.js} +2 -2
- package/dist/components-csr/md-accordion-item.js +1 -1
- package/dist/components-csr/md-app-bar.js +1 -1
- package/dist/components-csr/md-area-chart.js +1 -1
- package/dist/components-csr/md-area-chart.js.map +1 -1
- package/dist/components-csr/md-autocomplete.js +1 -1
- package/dist/components-csr/md-autocomplete.js.map +1 -1
- package/dist/components-csr/md-avatar.js +1 -1
- package/dist/components-csr/md-badge.js +1 -1
- package/dist/components-csr/md-bar-chart.js +1 -1
- package/dist/components-csr/md-bottom-sheet.js +1 -1
- package/dist/components-csr/md-breadcrumb-item.js +1 -1
- package/dist/components-csr/md-breadcrumbs.js +1 -1
- package/dist/components-csr/md-button-group.js +1 -1
- package/dist/components-csr/md-button.js +1 -1
- package/dist/components-csr/md-card.js +1 -1
- package/dist/components-csr/md-checkbox.js +1 -1
- package/dist/components-csr/md-chip.js +1 -1
- package/dist/components-csr/md-date-picker.js +1 -1
- package/dist/components-csr/md-date-picker.js.map +1 -1
- package/dist/components-csr/md-dialog.js +1 -1
- package/dist/components-csr/md-dialog.js.map +1 -1
- package/dist/components-csr/md-divider.js +1 -1
- package/dist/components-csr/md-divider.js.map +1 -1
- package/dist/components-csr/md-fab-menu-item.js +1 -1
- package/dist/components-csr/md-fab-menu.js +1 -1
- package/dist/components-csr/md-fab.js +1 -1
- package/dist/components-csr/md-icon-button.js +1 -1
- package/dist/components-csr/md-line-chart.js +1 -1
- package/dist/components-csr/md-line-chart.js.map +1 -1
- package/dist/components-csr/md-list-item.js +1 -1
- package/dist/components-csr/md-list.js +1 -1
- package/dist/components-csr/md-loading-indicator.js +1 -1
- package/dist/components-csr/md-menu-item.js +1 -1
- package/dist/components-csr/md-menu.js +1 -1
- package/dist/components-csr/md-multi-select.js +1 -1
- package/dist/components-csr/md-multi-select.js.map +1 -1
- package/dist/components-csr/md-navigation-bar.js +1 -1
- package/dist/components-csr/md-navigation-rail-tab.js +1 -1
- package/dist/components-csr/md-navigation-rail.js +1 -1
- package/dist/components-csr/md-navigation-tab.js +1 -1
- package/dist/components-csr/md-number-field.js +1 -1
- package/dist/components-csr/md-organization-chart.js +1 -1
- package/dist/components-csr/md-otp-field.js +1 -1
- package/dist/components-csr/md-radio.js +1 -1
- package/dist/components-csr/md-ripple.js +1 -1
- package/dist/components-csr/md-search.js +1 -1
- package/dist/components-csr/md-search.js.map +1 -1
- package/dist/components-csr/md-segmented-button.js +1 -1
- package/dist/components-csr/md-select-option.js +1 -1
- package/dist/components-csr/md-select.js +1 -1
- package/dist/components-csr/md-side-sheet.js +1 -1
- package/dist/components-csr/md-slider.js +1 -1
- package/dist/components-csr/md-snackbar.js +1 -1
- package/dist/components-csr/md-snackbar.js.map +1 -1
- package/dist/components-csr/md-sparkline.js +1 -1
- package/dist/components-csr/md-split-button.js +1 -1
- package/dist/components-csr/md-status-dot.js +1 -1
- package/dist/components-csr/md-step.js +1 -1
- package/dist/components-csr/md-step.js.map +1 -1
- package/dist/components-csr/md-stepper.js +1 -1
- package/dist/components-csr/md-stepper.js.map +1 -1
- package/dist/components-csr/md-sub-menu-item.js +1 -1
- package/dist/components-csr/md-tab.js +1 -1
- package/dist/components-csr/md-table-expand-toggle.js +1 -1
- package/dist/components-csr/md-table-pagination.js +1 -1
- package/dist/components-csr/md-table-pagination.js.map +1 -1
- package/dist/components-csr/md-table.js +1 -1
- package/dist/components-csr/md-text-field.js +1 -1
- package/dist/components-csr/md-time-picker.js +1 -1
- package/dist/components-csr/md-time-picker.js.map +1 -1
- package/dist/components-csr/md-tooltip.js +1 -1
- package/dist/components-csr/md-transfer-list.js +1 -1
- package/dist/components-csr/p-6WgHjhDg.js +2 -0
- package/dist/components-csr/p-6WgHjhDg.js.map +1 -0
- package/dist/components-csr/{p-C0DlKmRg.js → p-BEmwDSzw.js} +2 -2
- package/dist/components-csr/{p-DvXQXhgu.js → p-BQKzjYcY.js} +2 -2
- package/dist/components-csr/{p-CG6FaRlt.js → p-BWMwewtY.js} +2 -2
- package/dist/components-csr/{p--OUYjgKN.js → p-BZakoRau.js} +2 -2
- package/dist/components-csr/p-BZakoRau.js.map +1 -0
- package/dist/components-csr/{p-CSrxeWwL.js → p-Bkt_X-6v.js} +2 -2
- package/dist/components-csr/{p-Hm3X1iai.js → p-C3vB0Hd9.js} +2 -2
- package/dist/components-csr/{p-CrbzXk64.js → p-CF7mq5T7.js} +2 -2
- package/dist/components-csr/{p-DF19mmLl.js → p-CVMM-tdC.js} +2 -2
- package/dist/components-csr/{p-C4_7YnHT.js → p-DMQ-6aj8.js} +2 -2
- package/dist/components-csr/{p--TCJgZnE.js → p-DjKPc5EU.js} +2 -2
- package/dist/{components/p-Lsoo1B-2.js → components-csr/p-If0JHsYV.js} +2 -2
- package/dist/components-csr/p-If0JHsYV.js.map +1 -0
- package/dist/components-csr/{p-IWA0yIjJ.js → p-R_guULjT.js} +2 -2
- package/dist/components-csr/{p-uZbtHo-A.js → p-uSMrgqAy.js} +2 -2
- package/dist/esm/{a11y-C6CRqodW.js → a11y-BckJ95d7.js} +3 -3
- package/dist/esm/{a11y-C6CRqodW.js.map → a11y-BckJ95d7.js.map} +1 -1
- package/dist/esm/{bar-chart-ZZrajEkM.js → bar-chart-BuTyuCbt.js} +4 -4
- package/dist/esm/{bar-chart-ZZrajEkM.js.map → bar-chart-BuTyuCbt.js.map} +1 -1
- package/dist/esm/{chart-32olae06.js → chart-ByIhkqsG.js} +4 -4
- package/dist/esm/{chart-32olae06.js.map → chart-ByIhkqsG.js.map} +1 -1
- package/dist/esm/{hit-test-DHldf5Lm.js → hit-test-c_hI-yCX.js} +3 -3
- package/dist/esm/{hit-test-DHldf5Lm.js.map → hit-test-c_hI-yCX.js.map} +1 -1
- package/dist/esm/lazy-loading-indicator-BWFcjJiK.js +67 -0
- package/dist/esm/lazy-loading-indicator-BWFcjJiK.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/md-accordion-item.entry.js +3 -3
- package/dist/esm/md-app-bar.entry.js +1 -1
- package/dist/esm/md-area-chart.entry.js +6 -6
- package/dist/esm/md-autocomplete.entry.js +4 -3
- package/dist/esm/md-autocomplete.entry.js.map +1 -1
- package/dist/esm/md-avatar_2.entry.js +3 -3
- package/dist/esm/md-badge.entry.js +2 -2
- package/dist/esm/md-bar-chart.entry.js +6 -6
- package/dist/esm/md-bottom-sheet.entry.js +4 -4
- package/dist/esm/md-breadcrumb-item.entry.js +1 -1
- package/dist/esm/md-breadcrumbs.entry.js +2 -2
- package/dist/esm/md-button-group.entry.js +2 -2
- package/dist/esm/{md-button_7.entry.js → md-button_6.entry.js} +15 -39
- package/dist/esm/md-button_6.entry.js.map +1 -0
- package/dist/esm/md-checkbox.entry.js +2 -2
- package/dist/esm/md-chip.entry.js +2 -2
- package/dist/esm/md-date-picker.entry.js +1 -1
- package/dist/esm/md-dialog.entry.js +2 -2
- package/dist/esm/md-divider.entry.js +2 -2
- package/dist/esm/md-fab-menu-item.entry.js +2 -2
- package/dist/esm/md-fab-menu.entry.js +2 -2
- package/dist/esm/md-fab.entry.js +2 -2
- package/dist/esm/md-line-chart.entry.js +6 -6
- package/dist/esm/md-list-item.entry.js +4 -4
- package/dist/esm/md-list.entry.js +3 -3
- package/dist/esm/md-loading-indicator-Bf-Pt29l.js +31 -0
- package/dist/esm/md-loading-indicator-Bf-Pt29l.js.map +1 -0
- package/dist/esm/md-loading-indicator.entry.js +5 -0
- package/dist/esm/md-loading-indicator.entry.js.map +1 -0
- package/dist/esm/md-menu_2.entry.js +5 -5
- package/dist/esm/md-multi-select.entry.js +5 -4
- package/dist/esm/md-multi-select.entry.js.map +1 -1
- package/dist/esm/md-navigation-bar.entry.js +1 -1
- package/dist/esm/md-navigation-rail-tab.entry.js +1 -1
- package/dist/esm/md-navigation-tab.entry.js +3 -3
- package/dist/esm/md-number-field.entry.js +2 -2
- package/dist/esm/md-organization-chart.entry.js +2 -2
- package/dist/esm/md-otp-field.entry.js +3 -3
- package/dist/esm/md-pie-chart.entry.js +2 -2
- package/dist/esm/md-search.entry.js +7 -6
- package/dist/esm/md-search.entry.js.map +1 -1
- package/dist/esm/md-select-option.entry.js +1 -1
- package/dist/esm/md-select.entry.js +5 -4
- package/dist/esm/md-select.entry.js.map +1 -1
- package/dist/esm/md-slider.entry.js +2 -2
- package/dist/esm/md-sparkline.entry.js +6 -6
- package/dist/esm/md-status-dot.entry.js +1 -1
- package/dist/esm/md-table.entry.js +3 -3
- package/dist/esm/md-text-field.entry.js +7 -7
- package/dist/esm/md-time-picker.entry.js +1 -1
- package/dist/esm/md-transfer-list.entry.js +1 -1
- package/dist/esm/md3.js +1 -1
- package/dist/esm/{rtl-DvOKnoqK.js → rtl-CVFH1DkU.js} +3 -3
- package/dist/esm/{rtl-DvOKnoqK.js.map → rtl-CVFH1DkU.js.map} +1 -1
- package/dist/esm/{url-BjYKc1Ge.js → url-BdEoSBtL.js} +3 -3
- package/dist/esm/{url-BjYKc1Ge.js.map → url-BdEoSBtL.js.map} +1 -1
- package/dist/md3/md3.esm.js +1 -1
- package/dist/md3/p-08f1c469.entry.js +2 -0
- package/dist/md3/{p-7f53a423.entry.js.map → p-08f1c469.entry.js.map} +1 -1
- package/dist/md3/{p-7112374d.entry.js → p-108f89d7.entry.js} +2 -2
- package/dist/md3/{p-d7e99f9e.entry.js → p-1112bffc.entry.js} +2 -2
- package/dist/md3/{p-ef7b1826.entry.js → p-114c270b.entry.js} +2 -2
- package/dist/md3/{p-944e69e0.entry.js → p-1835fe36.entry.js} +2 -2
- package/dist/md3/{p-22633b2d.entry.js → p-2ba2db3b.entry.js} +2 -2
- package/dist/md3/{p-1d7e0203.entry.js → p-3f64a27d.entry.js} +2 -2
- package/dist/md3/{p-bed8dfec.entry.js → p-43c708ad.entry.js} +2 -2
- package/dist/md3/{p-ae360663.entry.js → p-4b7cf934.entry.js} +2 -2
- package/dist/md3/{p-27135a6b.entry.js → p-4f26bd60.entry.js} +2 -2
- package/dist/md3/{p-2befc42c.entry.js → p-56c7c570.entry.js} +2 -2
- package/dist/md3/{p-0a599351.entry.js → p-56ca0c3c.entry.js} +2 -2
- package/dist/md3/{p-96c06b24.entry.js → p-5b63149a.entry.js} +2 -2
- package/dist/md3/{p-4ba3623e.entry.js → p-5f668b0a.entry.js} +2 -2
- package/dist/md3/{p-9b9677cc.entry.js → p-6237ddac.entry.js} +2 -2
- package/dist/md3/{p-b243284b.entry.js → p-6d65fc6a.entry.js} +2 -2
- package/dist/md3/{p-8b1ea5dc.entry.js → p-707b6d7c.entry.js} +2 -2
- package/dist/md3/{p-a49df43d.entry.js → p-71f1660b.entry.js} +2 -2
- package/dist/md3/{p-7858833e.entry.js → p-7501170f.entry.js} +2 -2
- package/dist/md3/{p-6ea7117d.entry.js → p-7d1686a7.entry.js} +2 -2
- package/dist/md3/p-7e7f0e45.entry.js +2 -0
- package/dist/md3/p-7e7f0e45.entry.js.map +1 -0
- package/dist/md3/{p-4aed552f.entry.js → p-80379565.entry.js} +2 -2
- package/dist/md3/p-830724e4.entry.js +2 -0
- package/dist/md3/p-830724e4.entry.js.map +1 -0
- package/dist/md3/{p-e3c37222.entry.js → p-87f88d62.entry.js} +2 -2
- package/dist/md3/p-8a7e0297.entry.js +2 -0
- package/dist/md3/p-8a7e0297.entry.js.map +1 -0
- package/dist/md3/{p-8135c606.entry.js → p-8bdcda53.entry.js} +2 -2
- package/dist/md3/p-9003a7d4.entry.js +2 -0
- package/dist/md3/p-9003a7d4.entry.js.map +1 -0
- package/dist/md3/{p-6bf632c7.entry.js → p-90ccf4c3.entry.js} +2 -2
- package/dist/md3/{p-BjYKc1Ge.js → p-BdEoSBtL.js} +2 -2
- package/dist/md3/{p-BjYKc1Ge.js.map → p-BdEoSBtL.js.map} +1 -1
- package/dist/md3/{p-DzPKu-Ma.js → p-CGqeEMjY.js} +2 -2
- package/dist/md3/{p-DzPKu-Ma.js.map → p-CGqeEMjY.js.map} +1 -1
- package/dist/md3/{p-DvOKnoqK.js → p-CVFH1DkU.js} +2 -2
- package/dist/md3/{p-DvOKnoqK.js.map → p-CVFH1DkU.js.map} +1 -1
- package/dist/md3/p-Cch92tDM.js +2 -0
- package/dist/md3/{p-RLxbNqRv.js.map → p-Cch92tDM.js.map} +1 -1
- package/dist/md3/p-D17cVKxS.js +2 -0
- package/dist/md3/p-D17cVKxS.js.map +1 -0
- package/dist/md3/{p-Bx6--dQF.js → p-DGtztV3K.js} +2 -2
- package/dist/md3/{p-Bx6--dQF.js.map → p-DGtztV3K.js.map} +1 -1
- package/dist/md3/p-DnKDoE8K.js +2 -0
- package/dist/md3/p-DnKDoE8K.js.map +1 -0
- package/dist/md3/{p-5f39b49d.entry.js → p-ab568d1c.entry.js} +2 -2
- package/dist/md3/p-ae30e899.entry.js +2 -0
- package/dist/md3/p-ae30e899.entry.js.map +1 -0
- package/dist/md3/p-b54bbf88.entry.js +2 -0
- package/dist/md3/p-b54bbf88.entry.js.map +1 -0
- package/dist/md3/{p-21c89d1d.entry.js → p-ba011453.entry.js} +2 -2
- package/dist/md3/{p-cdcea99f.entry.js → p-c2944c87.entry.js} +2 -2
- package/dist/md3/{p-3a4bd4eb.entry.js → p-cc6e8afd.entry.js} +2 -2
- package/dist/md3/{p-c0476406.entry.js → p-d8885f53.entry.js} +2 -2
- package/dist/md3/{p-da0c36d9.entry.js → p-db6fb4e1.entry.js} +2 -2
- package/dist/md3/{p-5929e59c.entry.js → p-dcba2857.entry.js} +2 -2
- package/dist/md3/{p-925768ac.entry.js → p-e357e8ac.entry.js} +2 -2
- package/dist/md3/{p-e6b09e71.entry.js → p-e5c6795e.entry.js} +2 -2
- package/dist/md3/{p-1e85b8a8.entry.js → p-e871663b.entry.js} +2 -2
- package/dist/md3/p-f297d786.entry.js +2 -0
- package/dist/md3/{p-38f82d34.entry.js.map → p-f297d786.entry.js.map} +1 -1
- package/dist/md3/{p-b5586b66.entry.js → p-f5399b73.entry.js} +2 -2
- package/dist/md3/{p-5c35f916.entry.js → p-fd686966.entry.js} +2 -2
- package/dist/md3/{p-C_ogF68H.js → p-nhfFYWzy.js} +2 -2
- package/dist/md3/{p-C_ogF68H.js.map → p-nhfFYWzy.js.map} +1 -1
- package/dist/types/utils/lazy-loading-indicator.d.ts +7 -0
- package/hydrate/index.js +172 -106
- package/hydrate/index.mjs +172 -106
- package/package.json +18 -4
- package/dist/cjs/md-button_7.cjs.entry.js.map +0 -1
- package/dist/components/p-BADA63mI.js.map +0 -1
- package/dist/components/p-Lsoo1B-2.js.map +0 -1
- package/dist/components-csr/p--OUYjgKN.js.map +0 -1
- package/dist/components-csr/p-Bmu7RqHM.js.map +0 -1
- package/dist/esm/md-button_7.entry.js.map +0 -1
- package/dist/md3/p-2dda08b2.entry.js +0 -2
- package/dist/md3/p-2dda08b2.entry.js.map +0 -1
- package/dist/md3/p-38f82d34.entry.js +0 -2
- package/dist/md3/p-5db87a9d.entry.js +0 -2
- package/dist/md3/p-5db87a9d.entry.js.map +0 -1
- package/dist/md3/p-637baee1.entry.js +0 -2
- package/dist/md3/p-637baee1.entry.js.map +0 -1
- package/dist/md3/p-7f53a423.entry.js +0 -2
- package/dist/md3/p-RLxbNqRv.js +0 -2
- package/dist/md3/p-b7602557.entry.js +0 -2
- package/dist/md3/p-b7602557.entry.js.map +0 -1
- package/dist/md3/p-eddae19a.entry.js +0 -2
- package/dist/md3/p-eddae19a.entry.js.map +0 -1
- /package/dist/components/{p-Eb44PPZa.js.map → p-1RSrsLOs.js.map} +0 -0
- /package/dist/components/{p-D8oM1Kr3.js.map → p-2HV152w7.js.map} +0 -0
- /package/dist/components/{p-BA2v4IuG.js.map → p-6ZDAcEKN.js.map} +0 -0
- /package/dist/components/{p-CCMritCA.js.map → p-C77M30dm.js.map} +0 -0
- /package/dist/components/{p-CtVItLby.js.map → p-D5Ht729E.js.map} +0 -0
- /package/dist/components/{p-CTC8XAB6.js.map → p-De3E5Q8v.js.map} +0 -0
- /package/dist/components/{p-B-JfuA2g.js.map → p-Dm_7DA1f.js.map} +0 -0
- /package/dist/components/{p-DEzb9xsY.js.map → p-Dz3R-2Wn.js.map} +0 -0
- /package/dist/components/{p-B-iHDK5h.js.map → p-Zjf9uhOr.js.map} +0 -0
- /package/dist/components/{p-DfU4xY2F.js.map → p-ssLobpGS.js.map} +0 -0
- /package/dist/components/{p-DYL-8C5C.js.map → p-zMR3UIR_.js.map} +0 -0
- /package/dist/components-csr/{p-C0DlKmRg.js.map → p-BEmwDSzw.js.map} +0 -0
- /package/dist/components-csr/{p-DvXQXhgu.js.map → p-BQKzjYcY.js.map} +0 -0
- /package/dist/components-csr/{p-CG6FaRlt.js.map → p-BWMwewtY.js.map} +0 -0
- /package/dist/components-csr/{p-CSrxeWwL.js.map → p-Bkt_X-6v.js.map} +0 -0
- /package/dist/components-csr/{p-Hm3X1iai.js.map → p-C3vB0Hd9.js.map} +0 -0
- /package/dist/components-csr/{p-CrbzXk64.js.map → p-CF7mq5T7.js.map} +0 -0
- /package/dist/components-csr/{p-DF19mmLl.js.map → p-CVMM-tdC.js.map} +0 -0
- /package/dist/components-csr/{p-C4_7YnHT.js.map → p-DMQ-6aj8.js.map} +0 -0
- /package/dist/components-csr/{p--TCJgZnE.js.map → p-DjKPc5EU.js.map} +0 -0
- /package/dist/components-csr/{p-IWA0yIjJ.js.map → p-R_guULjT.js.map} +0 -0
- /package/dist/components-csr/{p-uZbtHo-A.js.map → p-uSMrgqAy.js.map} +0 -0
- /package/dist/md3/{p-7112374d.entry.js.map → p-108f89d7.entry.js.map} +0 -0
- /package/dist/md3/{p-d7e99f9e.entry.js.map → p-1112bffc.entry.js.map} +0 -0
- /package/dist/md3/{p-ef7b1826.entry.js.map → p-114c270b.entry.js.map} +0 -0
- /package/dist/md3/{p-944e69e0.entry.js.map → p-1835fe36.entry.js.map} +0 -0
- /package/dist/md3/{p-22633b2d.entry.js.map → p-2ba2db3b.entry.js.map} +0 -0
- /package/dist/md3/{p-1d7e0203.entry.js.map → p-3f64a27d.entry.js.map} +0 -0
- /package/dist/md3/{p-bed8dfec.entry.js.map → p-43c708ad.entry.js.map} +0 -0
- /package/dist/md3/{p-ae360663.entry.js.map → p-4b7cf934.entry.js.map} +0 -0
- /package/dist/md3/{p-27135a6b.entry.js.map → p-4f26bd60.entry.js.map} +0 -0
- /package/dist/md3/{p-2befc42c.entry.js.map → p-56c7c570.entry.js.map} +0 -0
- /package/dist/md3/{p-0a599351.entry.js.map → p-56ca0c3c.entry.js.map} +0 -0
- /package/dist/md3/{p-96c06b24.entry.js.map → p-5b63149a.entry.js.map} +0 -0
- /package/dist/md3/{p-4ba3623e.entry.js.map → p-5f668b0a.entry.js.map} +0 -0
- /package/dist/md3/{p-9b9677cc.entry.js.map → p-6237ddac.entry.js.map} +0 -0
- /package/dist/md3/{p-b243284b.entry.js.map → p-6d65fc6a.entry.js.map} +0 -0
- /package/dist/md3/{p-8b1ea5dc.entry.js.map → p-707b6d7c.entry.js.map} +0 -0
- /package/dist/md3/{p-a49df43d.entry.js.map → p-71f1660b.entry.js.map} +0 -0
- /package/dist/md3/{p-7858833e.entry.js.map → p-7501170f.entry.js.map} +0 -0
- /package/dist/md3/{p-6ea7117d.entry.js.map → p-7d1686a7.entry.js.map} +0 -0
- /package/dist/md3/{p-4aed552f.entry.js.map → p-80379565.entry.js.map} +0 -0
- /package/dist/md3/{p-e3c37222.entry.js.map → p-87f88d62.entry.js.map} +0 -0
- /package/dist/md3/{p-8135c606.entry.js.map → p-8bdcda53.entry.js.map} +0 -0
- /package/dist/md3/{p-6bf632c7.entry.js.map → p-90ccf4c3.entry.js.map} +0 -0
- /package/dist/md3/{p-5f39b49d.entry.js.map → p-ab568d1c.entry.js.map} +0 -0
- /package/dist/md3/{p-21c89d1d.entry.js.map → p-ba011453.entry.js.map} +0 -0
- /package/dist/md3/{p-cdcea99f.entry.js.map → p-c2944c87.entry.js.map} +0 -0
- /package/dist/md3/{p-3a4bd4eb.entry.js.map → p-cc6e8afd.entry.js.map} +0 -0
- /package/dist/md3/{p-c0476406.entry.js.map → p-d8885f53.entry.js.map} +0 -0
- /package/dist/md3/{p-da0c36d9.entry.js.map → p-db6fb4e1.entry.js.map} +0 -0
- /package/dist/md3/{p-5929e59c.entry.js.map → p-dcba2857.entry.js.map} +0 -0
- /package/dist/md3/{p-925768ac.entry.js.map → p-e357e8ac.entry.js.map} +0 -0
- /package/dist/md3/{p-e6b09e71.entry.js.map → p-e5c6795e.entry.js.map} +0 -0
- /package/dist/md3/{p-1e85b8a8.entry.js.map → p-e871663b.entry.js.map} +0 -0
- /package/dist/md3/{p-b5586b66.entry.js.map → p-f5399b73.entry.js.map} +0 -0
- /package/dist/md3/{p-5c35f916.entry.js.map → p-fd686966.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as i,g as o}from"./p-WmvQpZnM.js";const a=()=>`:host{--_container-color:var(--md-bottom-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-bottom-sheet-container-shape, max(16px, calc(28px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(--md-bottom-sheet-content-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color:var(--md-bottom-sheet-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_scrim-color:var(--md-bottom-sheet-scrim-color, rgba(0, 0, 0, 0.32));--_drag-handle-color:var(--md-bottom-sheet-drag-handle-color, var(--md-sys-color-on-surface-variant, #49454F));--_divider-color:var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_icon-color:var(--md-bottom-sheet-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_min-width:var(--md-bottom-sheet-min-width, 0);--_max-width:var(--md-bottom-sheet-max-width, 100%);--_width:var(--md-bottom-sheet-width, 100%);--_min-height:var(--md-bottom-sheet-min-height, 0);--_max-height:var(--md-bottom-sheet-max-height, 80vh);--_height:var(--md-bottom-sheet-height, auto);--_detached-margin:var(--md-bottom-sheet-detached-margin, 16px);--_content-padding-inline:var(--md-bottom-sheet-content-padding-inline, max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));display:contents;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color)}:host(:not(.md-bottom-sheet--open)){pointer-events:none}.md-bottom-sheet__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-sys-z-index-popup, 1000);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-bottom-sheet--open) .md-bottom-sheet__scrim{opacity:1;pointer-events:auto}.md-bottom-sheet__container{position:fixed;inset-inline:0;inset-block-end:0;margin-inline:auto;z-index:var(--md-sys-z-index-dialog-scrim, 1001);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));padding-block-end:env(safe-area-inset-bottom, 0px);box-sizing:border-box;outline:none}:host(.md-bottom-sheet--open) .md-bottom-sheet__container{pointer-events:auto;opacity:1;transform:translateY(0)}:host(.md-bottom-sheet--standard) .md-bottom-sheet__container{border-start-start-radius:var(--_container-shape);border-start-end-radius:var(--_container-shape);border-end-start-radius:0;border-end-end-radius:0}:host(.md-bottom-sheet--detached) .md-bottom-sheet__container{inset-inline:var(--_detached-margin);inset-block-end:var(--_detached-margin);margin-inline:auto;border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);max-inline-size:min(var(--_max-width), calc(100% - calc(var(--_detached-margin) * 2)))}@media (max-width: 639.98px){:host{--_width:var(--md-bottom-sheet-width, 100%);--_max-width:var(--md-bottom-sheet-max-width, 100%)}}@media (min-width: 640px){:host{--_width:var(--md-bottom-sheet-width, 640px);--_max-width:var(--md-bottom-sheet-max-width, calc(100% - 112px))}}.md-bottom-sheet__drag-handle{display:flex;justify-content:center;align-items:center;padding-block:max(12px, calc(22px + var(--md-sys-density-scale, 0) * 2px));flex-shrink:0;cursor:grab;touch-action:none;user-select:none}.md-bottom-sheet__drag-handle--dragging{cursor:grabbing}.md-bottom-sheet__drag-handle-indicator{inline-size:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));block-size:max(3px, calc(4px + var(--md-sys-density-scale, 0) * 0.25px));border-radius:2px;background-color:var(--_drag-handle-color);opacity:0.4;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, ease)}.md-bottom-sheet__drag-handle:hover .md-bottom-sheet__drag-handle-indicator{opacity:0.6}.md-bottom-sheet__drag-handle--dragging .md-bottom-sheet__drag-handle-indicator{opacity:0.8}:host(.md-bottom-sheet--no-drag-handle) .md-bottom-sheet__container{padding-block-start:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px))}.md-bottom-sheet__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:0 max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0}.md-bottom-sheet__headline{flex:1;font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;text-align:start}:host([headline-align='center']) .md-bottom-sheet__headline{text-align:center}:host([headline-align='end']) .md-bottom-sheet__headline{text-align:end}.md-bottom-sheet__close{flex-shrink:0;margin-inline-start:auto;margin-inline-end:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-bottom-sheet__close md-icon-button{--md-icon-button-icon-color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-bottom-sheet__divider{block-size:1px;background-color:var(--_divider-color);flex-shrink:0}.md-bottom-sheet__divider--bottom{margin-block-start:auto}.md-bottom-sheet__content{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--_content-color);text-align:start}:host([content-align='center']) .md-bottom-sheet__content{text-align:center}:host([content-align='end']) .md-bottom-sheet__content{text-align:end}.md-bottom-sheet__content{overflow-y:auto;padding-inline:var(--_content-padding-inline);padding-block:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-lg, 16px);scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #CAC4D0) transparent}.md-bottom-sheet__content::-webkit-scrollbar{inline-size:4px}.md-bottom-sheet__content::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #CAC4D0);border-radius:2px}.md-bottom-sheet__content::-webkit-scrollbar-track{background-color:transparent}.md-bottom-sheet__actions{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-xl, 24px);padding-block:var(--md-sys-spacing-inset-lg, 16px) var(--md-sys-spacing-inset-xl, 24px);flex-shrink:0;box-sizing:border-box}::slotted([slot="actions"]){flex-shrink:0}.md-bottom-sheet__focus-guard{position:fixed;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;padding:0;border:0;margin:-1px;white-space:nowrap}.md-bottom-sheet__container:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}@media (prefers-reduced-motion: reduce){.md-bottom-sheet__container,.md-bottom-sheet__scrim{transition:none}}@media (forced-colors: active){.md-bottom-sheet__container{border:1px solid CanvasText}.md-bottom-sheet__divider{background-color:CanvasText}.md-bottom-sheet__drag-handle-indicator{background-color:CanvasText;opacity:1}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const n=class{constructor(s){t(this,s);this.mdOpen=e(this,"mdOpen",7);this.mdClose=e(this,"mdClose",7);this.mdCancel=e(this,"mdCancel",7);this.open=false;this.variant="standard";this.headline="";this.showDragHandle=true;this.closeable=false;this.scrimDismissible=true;this.topDivider=false;this.bottomDivider=false;this.sheetAriaLabel="";this.scrollShadow=true;this.headlineAlign="start";this.contentAlign="start";this.density=0;this.hasSlottedClose=false;this.hasActions=false;this.dragging=false;this.previousFocus=null;this.headlineId=`md-bottom-sheet-headline-${Math.random().toString(36).slice(2)}`;this.dragStartY=0;this.dragCurrentY=0;this.DISMISS_THRESHOLD=100;this.handleDocKeyDown=t=>{if(!this.open)return;if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.mdCancel.emit();this.open=false}};this.handleDocFocusIn=()=>{if(!this.open)return;const t=document.activeElement;if(!t)return;if(t===this.el||this.el.contains(t))return;const e=this.containerEl?.contains(t);if(e)return;this.focusFirst()};this.handleStartGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[t.length-1].focus()}else{this.containerEl?.focus()}};this.handleEndGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl?.focus()}};this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleDragStart=t=>{if(!this.open||!this.showDragHandle)return;this.dragging=true;this.dragStartY=t.clientY;this.dragCurrentY=0;if(this.containerEl){this.containerEl.style.transition="none"}t.target.setPointerCapture(t.pointerId)};this.handleDragMove=t=>{if(!this.dragging)return;const e=t.clientY-this.dragStartY;this.dragCurrentY=Math.max(0,e);if(this.containerEl){this.containerEl.style.transform=`translateY(${this.dragCurrentY}px)`}};this.handleDragEnd=()=>{if(!this.dragging)return;this.dragging=false;if(this.containerEl){this.containerEl.style.transition=""}if(this.dragCurrentY>this.DISMISS_THRESHOLD){this.mdCancel.emit();this.open=false}else if(this.containerEl){this.containerEl.style.transform=""}this.dragCurrentY=0}}connectedCallback(){this.hasActions=!!this.el.querySelector('[slot="actions"]')}componentWillLoad(){this.hasSlottedClose=Array.from(this.el.children).some((t=>t.getAttribute("slot")==="close"))}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=t.querySelector('slot[name="close"]');const s=t.querySelector('slot[name="actions"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedClose=e.assignedElements().length>0}));s?.addEventListener("slotchange",(()=>{this.hasActions=s.assignedElements().length>0}));if(this.open){this.onOpenChange(true)}}disconnectedCallback(){this.removeGlobalListeners();document.body.style.overflow=""}onOpenChange(t){if(t){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";this.addGlobalListeners();requestAnimationFrame((()=>{this.containerEl?.removeAttribute("inert");this.focusFirst()}));this.mdOpen.emit()}else{this.removeGlobalListeners();document.body.style.overflow="";this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null;if(this.containerEl){this.containerEl.style.transform=""}this.mdClose.emit()}}async show(){this.open=true}async close(){this.open=false}addGlobalListeners(){document.addEventListener("keydown",this.handleDocKeyDown,true);document.addEventListener("focusin",this.handleDocFocusIn)}removeGlobalListeners(){document.removeEventListener("keydown",this.handleDocKeyDown,true);document.removeEventListener("focusin",this.handleDocFocusIn)}focusFirst(){if(!this.containerEl)return;const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl.focus()}}getFocusableElements(){const t='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), md-icon-button:not([disabled]), md-button:not([disabled]), md-text-field:not([disabled]), md-checkbox:not([disabled]), md-switch:not([disabled]), md-radio:not([disabled]), md-slider:not([disabled])';const e=Array.from(this.containerEl?.querySelectorAll(t)??[]).filter((t=>!t.classList.contains("md-bottom-sheet__focus-guard")));const s=this.containerEl?.querySelectorAll("slot")??[];const i=[];s.forEach((e=>{const s=e.assignedElements({flatten:true});s.forEach((e=>{if(e.matches?.(t)){i.push(e)}const s=e.querySelectorAll?.(t);if(s)i.push(...Array.from(s))}))}));return[...e,...i]}render(){const t=!!this.headline;const e=t||this.closeable||this.hasSlottedClose;return s(i,{key:"7bf8662ebf946e995685290835cd8ae1b760facd",class:{"md-bottom-sheet":true,[`md-bottom-sheet--${this.variant}`]:true,"md-bottom-sheet--open":this.open,"md-bottom-sheet--no-drag-handle":!this.showDragHandle}},s("div",{key:"47c620ee40367d41ef709717f5b4124583239677",class:"md-bottom-sheet__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),s("div",{key:"3e1e741f8d4ec34d0ec7b7cea469973daf8b357f",class:"md-bottom-sheet__container",part:"container",role:"dialog","aria-modal":"true","aria-labelledby":t?this.headlineId:undefined,"aria-label":this.sheetAriaLabel||(!t?"Bottom sheet":undefined),"aria-hidden":!this.open?"true":undefined,inert:!this.open,tabindex:-1,ref:t=>this.containerEl=t},s("span",{key:"c9d16b98c401a630282dc269611a8949d34ad4e0",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleEndGuardFocus}),this.showDragHandle&&s("div",{key:"2f30f95cec55aa7dac22e65b4ec588fb62a74ba2",class:{"md-bottom-sheet__drag-handle":true,"md-bottom-sheet__drag-handle--dragging":this.dragging},part:"drag-handle","aria-hidden":"true",onPointerDown:this.handleDragStart,onPointerMove:this.handleDragMove,onPointerUp:this.handleDragEnd,onPointerCancel:this.handleDragEnd},s("div",{key:"36b88841e55f3dcc8632eae6aa4ccbed8d66b288",class:"md-bottom-sheet__drag-handle-indicator",part:"drag-handle-indicator"})),e&&s("div",{key:"86cf0fb217c23190850506d20cc315bb33a2cd61",class:"md-bottom-sheet__header",part:"header"},t&&s("span",{key:"718af03929d31904541e40781143b1c03058493e",id:this.headlineId,class:"md-bottom-sheet__headline",part:"headline"},s("slot",{key:"b42e1bd6a51d8aa774ab5fbf401bee39b9610f97",name:"headline"},this.headline)),(this.closeable||this.hasSlottedClose)&&s("div",{key:"2c85f77dc9d235fcf042682746800d1a106f776e",class:"md-bottom-sheet__close",part:"close"},s("slot",{key:"8b519e7a49a47fb7ac6a680edddcfc3571d086e5",name:"close"},s("md-icon-button",{key:"0aedcd29fd764feec2fd7782e0e98c1abde2b379",variant:"standard",icon:"close","aria-label":"Close bottom sheet",onClick:this.handleCloseClick})))),this.topDivider&&s("div",{key:"a568c1979145410546cc022b05c872eb85854ea0",class:"md-bottom-sheet__divider",part:"divider-top","aria-hidden":"true"}),s("div",{key:"d38538f74c944acf9b797ac71b0edc31f5a5ec12",class:"md-bottom-sheet__content",part:"content"},s("slot",{key:"f9c060e543f80074ca44455b80e8e208027cb447"})),this.hasActions&&this.bottomDivider&&s("div",{key:"d9695c0415763040a0e940b90629fc247dd48cf5",class:"md-bottom-sheet__divider md-bottom-sheet__divider--bottom",part:"divider-bottom","aria-hidden":"true"}),this.hasActions&&s("div",{key:"97f2727a454a547ed42f2bb7ae975c9c1faba061",class:"md-bottom-sheet__actions",part:"actions"},s("slot",{key:"8a8c7a032c56d0ee4d575bf8b28668977564787c",name:"actions"})),s("span",{key:"02d8e8162536432e224b8b4be26f3e3debadbd91",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleStartGuardFocus})))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};n.style=a();export{n as md_bottom_sheet};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as s,H as i,g as o}from"./p-WmvQpZnM.js";const a=()=>`:host{--_container-color:var(--md-bottom-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-bottom-sheet-container-shape, max(16px, calc(28px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(--md-bottom-sheet-content-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color:var(--md-bottom-sheet-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_scrim-color:var(--md-bottom-sheet-scrim-color, rgba(0, 0, 0, 0.32));--_drag-handle-color:var(--md-bottom-sheet-drag-handle-color, var(--md-sys-color-on-surface-variant, #49454F));--_divider-color:var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_icon-color:var(--md-bottom-sheet-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_min-width:var(--md-bottom-sheet-min-width, 0);--_max-width:var(--md-bottom-sheet-max-width, 100%);--_width:var(--md-bottom-sheet-width, 100%);--_min-height:var(--md-bottom-sheet-min-height, 0);--_max-height:var(--md-bottom-sheet-max-height, 80vh);--_height:var(--md-bottom-sheet-height, auto);--_detached-margin:var(--md-bottom-sheet-detached-margin, 16px);--_content-padding-inline:var(--md-bottom-sheet-content-padding-inline, max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));display:contents;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color)}:host(:not(.md-bottom-sheet--open)){pointer-events:none}.md-bottom-sheet__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-sys-z-index-popup, 1000);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-bottom-sheet--open) .md-bottom-sheet__scrim{opacity:1;pointer-events:auto}.md-bottom-sheet__container{position:fixed;inset-inline:0;inset-block-end:0;margin-inline:auto;z-index:var(--md-sys-z-index-dialog-scrim, 1001);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));padding-block-end:env(safe-area-inset-bottom, 0px);box-sizing:border-box;outline:none}:host(.md-bottom-sheet--open) .md-bottom-sheet__container{pointer-events:auto;opacity:1;transform:translateY(0)}:host(.md-bottom-sheet--standard) .md-bottom-sheet__container{border-start-start-radius:var(--_container-shape);border-start-end-radius:var(--_container-shape);border-end-start-radius:0;border-end-end-radius:0}:host(.md-bottom-sheet--detached) .md-bottom-sheet__container{inset-inline:var(--_detached-margin);inset-block-end:var(--_detached-margin);margin-inline:auto;border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);max-inline-size:min(var(--_max-width), calc(100% - calc(var(--_detached-margin) * 2)))}@media (max-width: 639.98px){:host{--_width:var(--md-bottom-sheet-width, 100%);--_max-width:var(--md-bottom-sheet-max-width, 100%)}}@media (min-width: 640px){:host{--_width:var(--md-bottom-sheet-width, 640px);--_max-width:var(--md-bottom-sheet-max-width, calc(100% - 112px))}}.md-bottom-sheet__drag-handle{display:flex;justify-content:center;align-items:center;padding-block:max(12px, calc(22px + var(--md-sys-density-scale, 0) * 2px));flex-shrink:0;cursor:grab;touch-action:none;user-select:none}.md-bottom-sheet__drag-handle--dragging{cursor:grabbing}.md-bottom-sheet__drag-handle-indicator{inline-size:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));block-size:max(3px, calc(4px + var(--md-sys-density-scale, 0) * 0.25px));border-radius:2px;background-color:var(--_drag-handle-color);opacity:0.4;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, ease)}.md-bottom-sheet__drag-handle:hover .md-bottom-sheet__drag-handle-indicator{opacity:0.6}.md-bottom-sheet__drag-handle--dragging .md-bottom-sheet__drag-handle-indicator{opacity:0.8}:host(.md-bottom-sheet--no-drag-handle) .md-bottom-sheet__container{padding-block-start:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px))}.md-bottom-sheet__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:0 max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0}.md-bottom-sheet__headline{flex:1;font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;text-align:start}:host([headline-align='center']) .md-bottom-sheet__headline{text-align:center}:host([headline-align='end']) .md-bottom-sheet__headline{text-align:end}.md-bottom-sheet__close{flex-shrink:0;margin-inline-start:auto;margin-inline-end:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-bottom-sheet__close md-icon-button{--md-icon-button-icon-color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-bottom-sheet__divider{block-size:1px;background-color:var(--_divider-color);flex-shrink:0}.md-bottom-sheet__divider--bottom{margin-block-start:auto}.md-bottom-sheet__content{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--_content-color);text-align:start}:host([content-align='center']) .md-bottom-sheet__content{text-align:center}:host([content-align='end']) .md-bottom-sheet__content{text-align:end}.md-bottom-sheet__content{overflow-y:auto;padding-inline:var(--_content-padding-inline);padding-block:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-lg, 16px);scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #CAC4D0) transparent}.md-bottom-sheet__content::-webkit-scrollbar{inline-size:4px}.md-bottom-sheet__content::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #CAC4D0);border-radius:2px}.md-bottom-sheet__content::-webkit-scrollbar-track{background-color:transparent}.md-bottom-sheet__actions{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-xl, 24px);padding-block:var(--md-sys-spacing-inset-lg, 16px) var(--md-sys-spacing-inset-xl, 24px);flex-shrink:0;box-sizing:border-box}::slotted([slot="actions"]){flex-shrink:0}.md-bottom-sheet__focus-guard{position:fixed;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;padding:0;border:0;margin:-1px;white-space:nowrap}.md-bottom-sheet__container:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}@media (prefers-reduced-motion: reduce){.md-bottom-sheet__container,.md-bottom-sheet__scrim{transition:none}}@media (forced-colors: active){.md-bottom-sheet__container{border:1px solid CanvasText}.md-bottom-sheet__divider{background-color:CanvasText}.md-bottom-sheet__drag-handle-indicator{background-color:CanvasText;opacity:1}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const n=class{constructor(s){t(this,s);this.mdOpen=e(this,"mdOpen",7);this.mdClose=e(this,"mdClose",7);this.mdCancel=e(this,"mdCancel",7);this.open=false;this.variant="standard";this.headline="";this.showDragHandle=true;this.closeable=false;this.scrimDismissible=true;this.topDivider=false;this.bottomDivider=false;this.sheetAriaLabel="";this.scrollShadow=true;this.headlineAlign="start";this.contentAlign="start";this.density=0;this.hasSlottedClose=false;this.hasActions=false;this.dragging=false;this.previousFocus=null;this.headlineId=`md-bottom-sheet-headline-${Math.random().toString(36).slice(2)}`;this.dragStartY=0;this.dragCurrentY=0;this.DISMISS_THRESHOLD=100;this.handleDocKeyDown=t=>{if(!this.open)return;if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.mdCancel.emit();this.open=false}};this.handleDocFocusIn=()=>{if(!this.open)return;const t=document.activeElement;if(!t)return;if(t===this.el||this.el.contains(t))return;const e=this.containerEl?.contains(t);if(e)return;this.focusFirst()};this.handleStartGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[t.length-1].focus()}else{this.containerEl?.focus()}};this.handleEndGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl?.focus()}};this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleDragStart=t=>{if(!this.open||!this.showDragHandle)return;this.dragging=true;this.dragStartY=t.clientY;this.dragCurrentY=0;if(this.containerEl){this.containerEl.style.transition="none"}t.target.setPointerCapture(t.pointerId)};this.handleDragMove=t=>{if(!this.dragging)return;const e=t.clientY-this.dragStartY;this.dragCurrentY=Math.max(0,e);if(this.containerEl){this.containerEl.style.transform=`translateY(${this.dragCurrentY}px)`}};this.handleDragEnd=()=>{if(!this.dragging)return;this.dragging=false;if(this.containerEl){this.containerEl.style.transition=""}if(this.dragCurrentY>this.DISMISS_THRESHOLD){this.mdCancel.emit();this.open=false}else if(this.containerEl){this.containerEl.style.transform=""}this.dragCurrentY=0}}connectedCallback(){this.hasActions=!!this.el.querySelector('[slot="actions"]')}componentWillLoad(){this.hasSlottedClose=Array.from(this.el.children).some((t=>t.getAttribute("slot")==="close"))}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=t.querySelector('slot[name="close"]');const s=t.querySelector('slot[name="actions"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedClose=e.assignedElements().length>0}));s?.addEventListener("slotchange",(()=>{this.hasActions=s.assignedElements().length>0}));if(this.open){this.onOpenChange(true)}}disconnectedCallback(){this.removeGlobalListeners();document.body.style.overflow=""}onOpenChange(t){if(t){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";this.addGlobalListeners();requestAnimationFrame((()=>{this.containerEl?.removeAttribute("inert");this.focusFirst()}));this.mdOpen.emit()}else{this.removeGlobalListeners();document.body.style.overflow="";this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null;if(this.containerEl){this.containerEl.style.transform=""}this.mdClose.emit()}}async show(){this.open=true}async close(){this.open=false}addGlobalListeners(){document.addEventListener("keydown",this.handleDocKeyDown,true);document.addEventListener("focusin",this.handleDocFocusIn)}removeGlobalListeners(){document.removeEventListener("keydown",this.handleDocKeyDown,true);document.removeEventListener("focusin",this.handleDocFocusIn)}focusFirst(){if(!this.containerEl)return;const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl.focus()}}getFocusableElements(){const t='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), md-icon-button:not([disabled]), md-button:not([disabled]), md-text-field:not([disabled]), md-checkbox:not([disabled]), md-switch:not([disabled]), md-radio:not([disabled]), md-slider:not([disabled])';const e=Array.from(this.containerEl?.querySelectorAll(t)??[]).filter((t=>!t.classList.contains("md-bottom-sheet__focus-guard")));const s=this.containerEl?.querySelectorAll("slot")??[];const i=[];s.forEach((e=>{const s=e.assignedElements({flatten:true});s.forEach((e=>{if(e.matches?.(t)){i.push(e)}const s=e.querySelectorAll?.(t);if(s)i.push(...Array.from(s))}))}));return[...e,...i]}render(){const t=!!this.headline;const e=t||this.closeable||this.hasSlottedClose;return s(i,{key:"ee9aaf1a07d8eb9cb2f41803bf34a50a3732910a",class:{"md-bottom-sheet":true,[`md-bottom-sheet--${this.variant}`]:true,"md-bottom-sheet--open":this.open,"md-bottom-sheet--no-drag-handle":!this.showDragHandle}},s("div",{key:"396b506ca18251d2791d1445b3476602a00f344f",class:"md-bottom-sheet__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),s("div",{key:"3d86789a8f297772f6f951a23d0f61bb66ba585d",class:"md-bottom-sheet__container",part:"container",role:"dialog","aria-modal":"true","aria-labelledby":t?this.headlineId:undefined,"aria-label":this.sheetAriaLabel||(!t?"Bottom sheet":undefined),"aria-hidden":!this.open?"true":undefined,inert:!this.open,tabindex:-1,ref:t=>this.containerEl=t},s("span",{key:"33f1833c6e37ad867411ab883a8b4413fc2737e8",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleEndGuardFocus}),this.showDragHandle&&s("div",{key:"4f855aec9da649004422efa2dfa869792f2fa554",class:{"md-bottom-sheet__drag-handle":true,"md-bottom-sheet__drag-handle--dragging":this.dragging},part:"drag-handle","aria-hidden":"true",onPointerDown:this.handleDragStart,onPointerMove:this.handleDragMove,onPointerUp:this.handleDragEnd,onPointerCancel:this.handleDragEnd},s("div",{key:"76da30ada36ef53052130ead104bc15427cab05f",class:"md-bottom-sheet__drag-handle-indicator",part:"drag-handle-indicator"})),e&&s("div",{key:"1e56e5fe59cb5e6a1a164da5b8ce2a87ea2adc3d",class:"md-bottom-sheet__header",part:"header"},t&&s("span",{key:"8fe97bc3cf784111ff82410a0238f7c7c0897b71",id:this.headlineId,class:"md-bottom-sheet__headline",part:"headline"},s("slot",{key:"30b6da3d283ca5c99265950465d61405051d4983",name:"headline"},this.headline)),(this.closeable||this.hasSlottedClose)&&s("div",{key:"b485c3896dd50733e432b7bed194e7130f4c5612",class:"md-bottom-sheet__close",part:"close"},s("slot",{key:"cfd23b597ec9bb2748c8f02055b0bee69ecdfec8",name:"close"},s("md-icon-button",{key:"a7f597d5fc4e76b2ea063e9db2e1cf7407819302",variant:"standard",icon:"close","aria-label":"Close bottom sheet",onClick:this.handleCloseClick})))),this.topDivider&&s("div",{key:"7394a9ce1c36c9ce16a3485ebf3dcf7bb5f71059",class:"md-bottom-sheet__divider",part:"divider-top","aria-hidden":"true"}),s("div",{key:"7b5de96c437a159bfc7fdcfad2f2296b62efd419",class:"md-bottom-sheet__content",part:"content"},s("slot",{key:"fefde953467f1f08960b46af3dd56da67fccc88e"})),this.hasActions&&this.bottomDivider&&s("div",{key:"df44b71b94ce36c04e9a2a8f3bcbbaee263a095f",class:"md-bottom-sheet__divider md-bottom-sheet__divider--bottom",part:"divider-bottom","aria-hidden":"true"}),this.hasActions&&s("div",{key:"64e0cb7fd2eee8c39b7681784a78bfb18cd6b1c1",class:"md-bottom-sheet__actions",part:"actions"},s("slot",{key:"68cdbde2476e1d9b16ea0c3272796220d3ab23fd",name:"actions"})),s("span",{key:"84bbb8c92ccc5f681c8096223b1727135e0b189f",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleStartGuardFocus})))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};n.style=a();export{n as md_bottom_sheet};
|
|
2
|
+
//# sourceMappingURL=p-4f26bd60.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as n}from"./p-WmvQpZnM.js";import{N as o,B as a,O as r,P as h,w as c,f as l,g as d,h as f,s as u,l as p,n as m,Q as y,x as g,R as b,S as x,T as v,U as M,a as _,V as k,W as A,b as w,p as C}from"./p-DvOKnoqK.js";import{b as z,a as F}from"./p-C_ogF68H.js";function P(t,s){return{from:o(t,s.surface,.3),to:t}}function R(t,s,i){const e=t+s;const n=Math.min(t,e);const o=Math.max(t,e);const a=[];const r=[];for(const t of[n,o]){for(const s of[1,i]){a.push(Math.cos(t)*s);r.push(Math.sin(t)*s)}}const h=Math.PI/2;for(let t=Math.ceil(n/h);t*h<=o;t++){a.push(Math.cos(t*h));r.push(Math.sin(t*h))}return{x0:Math.min(...a),x1:Math.max(...a),y0:Math.min(...r),y1:Math.max(...r)}}function S(t,s,i){return $(t,s,i)||$(t,i,s)}function $(t,s,i){let e=i;let n=0;while(e>=0&&n++<32){if(e===s)return true;e=t[e]?.parent??-1}return false}function I(t,s,i){const e=s.labelMode??i;const n=s.valueFormatter(t.value);if(e==="name")return t.label;if(e==="both")return`${t.label} · ${n}`;return n}const L=12;const D=.52;const q=1.45;const E=.12;const H=.02;const j=7;const B=3;const T=j+B;const V=3;const O=.45;const K=Math.PI/180;function N(t,s){return t.length*s*.58}function U(t){const[s,i,e]=r(t);const n=.299*s+.587*i+.114*e;return n>.62?"rgba(0, 0, 0, 0.82)":"#ffffff"}function W(t,s){if(typeof t==="number")return Number.isFinite(t)&&t>=0?t:0;const i=t.trim();const e=parseFloat(i);if(!Number.isFinite(e)||e<0)return 0;return i.endsWith("%")?e/100*s:e}function Q(t,s,i,e){const n=t.data.map(((t,s)=>({d:t,i:s}))).filter((t=>!t.d.hidden&&t.d.value>0&&(t.d.level??0)===0));const r=n.reduce(((t,s)=>t+s.d.value),0);const c=t.data.reduce(((t,s)=>Math.max(t,(s.level??0)+1)),1);const l=t.title?s.titleSize+12+(t.subtitle?s.labelSize+4:0):0;const d=t.legend&&t.legend!=="none"&&t.data.length>1?t.legend:null;const f=d?Math.max(0,...t.data.map((t=>N(t.label,s.labelSize)))):0;let u=8;let p=8;let m=8+l;let y=8;if(d){const e=d==="left"||d==="right";if(e){const s=t.legendExtent!=null?t.legendExtent+16:f+30;const e=Math.min(s,i*h);if(d==="left")u+=e;else p+=e}else{let e=t.legendExtent!=null?t.legendExtent+8:0;if(t.legendExtent==null){const n=Math.max(60,i*.86);let o=1;let a=0;for(const i of t.data){const t=N(i.label,s.labelSize)+28;if(a>0&&a+t>n){o++;a=t}else a+=t}e=o*(s.labelSize+8)+6}if(d.startsWith("bottom"))y+=e;else m+=e}}const g={x:u,y:m,width:Math.max(1,i-u-p),height:Math.max(1,e-m-y)};const b=-t.startAngleDeg*K;const x=-(t.endAngleDeg-t.startAngleDeg)*K;const v=(()=>{const s=W(t.innerRadius,100);const i=W(t.outerRadius,100);return i>0?Math.max(0,Math.min(.95,s/i)):0})();const M=Math.abs(x)<Math.PI*2-.02;const _=M?R(b,x,v):{x0:-1,x1:1,y0:-1,y1:1};const k=Math.max(1,Math.min(g.width/Math.max(.01,_.x1-_.x0),g.height/Math.max(.01,_.y1-_.y0)));const A=g.x+g.width/2-(_.x0+_.x1)/2*k;const w=g.y+g.height/2-(_.y0+_.y1)/2*k;const C=(()=>{if(!t.showLabels||d)return 6;const i=n.reduce(((s,i)=>Math.max(s,I(i.d,t,"both").length)),0);const e=W(t.outerRadius,k);const o=12+i*s.labelSize*D;const a=Math.max(.05,e/Math.max(1,k));return Math.max(6,Math.min(k*.45,(e+o-k)/a))})();const z=Math.max(8,k-C);const F=Math.max(1,Math.min(W(t.outerRadius,z),z));const $=Math.max(0,Math.min(W(t.innerRadius,z),F-2));const Q=Array.from({length:c},((s,i)=>{const e=t.ringWidths?.[i];return Number.isFinite(e)&&e>0?e:i<c-1?q:1}));const G=Q.reduce(((t,s)=>t+s),0)||1;const Z=F-$;const J=c>1?Math.min(V,Z/c*.3):0;const X=Math.max(1,Z-J*(c-1));const Y=t=>X*Q[t]/G;const tt=(()=>{const t=[];let s=$;for(let i=0;i<c;i++){t.push(s);s+=Y(i)+(i<c-1?J:0)}return t})();const st=t=>tt[t]??$;const it=t=>st(t)+Y(t);const et=new Map;const nt=new Set;for(const s of t.data)if(s.parent!=null&&s.parent>=0)nt.add(s.parent);const ot=(s,i)=>{const e=nt.has(i)?it(s):F;const n=t.data[i]?.radius;if(n==null)return e;const o=st(s);return o+(e-o)*Math.max(.15,Math.min(1,n))};const at=x>=0?1:-1;const rt=n.length?Math.min(t.paddingAngleDeg*K*n.length,Math.abs(x)*.9):0;const ht=n.length?rt/n.length:0;const ct=x-at*rt;const lt=[];const dt=[];const ft=[];const ut=[];let pt=b;const mt=t.sliceStroke??s.surface;const yt=n.length>1?t.sliceStrokeWidth??1:0;const gt=(()=>{if($>0||yt<=0||n.length<2)return 0;const s=yt/2;const i=n.reduce(((t,s)=>t+Math.max(0,s.d.value)),0)||1;const e=Math.abs(-(t.endAngleDeg-t.startAngleDeg)*K);let o=0;for(const t of n){const n=Math.max(0,t.d.value)/i*e;if(n>.001)o=Math.max(o,s/Math.sin(Math.min(n,Math.PI)/2))}return Math.min(o,F*.04,4)})();const bt=[];const xt=(t,s,i,e,n,o)=>{const a=j*Mt;const r=B*Mt;const h=i+r+a/2;const c=(h>0?a/2/h:0)*vt;bt.push({cx:t,cy:s,innerR:i+r,outerR:i+r+a,startAngle:e+c,endAngle:n-c,color:o,dataIndex:-1,pill:true})};const vt=at;const Mt=Math.max(0,Math.min(1,t.highlightT??1));const _t=t.highlight!=="none"&&t.highlightIndex!=null&&t.highlightIndex>=0;const kt=[];{let t=0;for(const{d:s}of n){const i=r>0?s.value/r:0;kt.push(t+i/2);t+=i}}const At=n.findIndex((s=>s.i===t.highlightIndex));const wt=_t?t.data[t.highlightIndex??-1]?.level??0:Infinity;const Ct=t=>{if(At<0)return Mt;const s=Math.abs(kt[t]-kt[At]);const i=Math.min(s,1-s)*2;const e=i*O;return Math.max(0,Math.min(1,(Mt-e)/(1-e||1)))};const zt=new Map;n.forEach((({d:i,i:e},n)=>{const a=Ct(n);const h=r>0?i.value/r:0;const l=ct*h;const f=pt+at*ht/2;const u=f+l;pt=u+at*ht/2;const p=(f+u)/2;const m=_t&&(t.highlightIndex===e||t.highlight==="series");const y=_t&&S(t.data,e,t.highlightIndex??-1);const g=(i.selectT??(i.selected?1:0))*L;const b=A+Math.cos(p)*g;const x=w+Math.sin(p)*g;zt.set(e,{x:b-A,y:x-w});const v=_t&&!m&&!y&&a>0?o(i.color,s.surface,.62*a):i.color;if(m&&Mt>0)xt(b,x,ot(0,e),f,u,i.color);lt.push({cx:b,cy:x,innerR:Math.max(st(0),gt),outerR:ot(0,e),startAngle:f,endAngle:u,color:v,dataIndex:e,cornerRadius:t.cornerRadius,gap:yt,gapColor:mt,gradient:t.gradient?P(i.color,s):undefined});et.set(e,{a0:f,a1:u});const M=!!d||c>1;if(t.showLabels&&Math.abs(l)>(M?E:H)){if(M){const n=st(0);const o=ot(0,e);const a=n>0?(n+o)/2:o*.62;dt.push({x:b+Math.cos(p)*a,y:x+Math.sin(p)*a,text:I(i,t,c>1?"name":"value"),color:U(v),fontSize:s.labelSize,align:"center",baseline:"middle",key:`pl-${e}`})}else{ut.push({key:`pl-${e}`,text:I(i,t,"both"),x1:b+Math.cos(p)*ot(0,e),y1:x+Math.sin(p)*ot(0,e),x:b+Math.cos(p)*(F+12),y:x+Math.sin(p)*(F+12),right:Math.cos(p)>=0})}}}));for(let i=1;i<c;i++){const e=t.data.map(((t,s)=>({d:t,i:s}))).filter((t=>(t.d.level??0)===i&&!t.d.hidden));const n=new Map;for(const t of e){const s=t.d.parent??-1;if(!n.has(s))n.set(s,[]);n.get(s).push(t)}for(const[e,a]of n){const n=et.get(e);if(!n)continue;const r=a.reduce(((t,s)=>t+Math.max(0,s.d.value)),0);if(r<=0)continue;const h=n.a1-n.a0;let l=n.a0;for(const{d:n,i:d}of a){const a=l;const f=a+h*(Math.max(0,n.value)/r);l=f;et.set(d,{a0:a,a1:f});const u=i>wt?T*Mt:0;const p=st(i)+u;const m=ot(i,d)+u;const y=At<0||t.highlightIndex===d||S(t.data,d,t.highlightIndex??-1);const g=(n.selectT??(n.selected?1:0))*L;const b=(a+f)/2;const x=zt.get(e)??{x:0,y:0};const v=x.x+Math.cos(b)*g;const M=x.y+Math.sin(b)*g;zt.set(d,{x:v,y:M});lt.push({cx:A+v,cy:w+M,innerR:p,outerR:m,startAngle:a,endAngle:f,color:_t&&!y&&Mt>0?o(n.color,s.surface,.62*Mt):n.color,dataIndex:d,cornerRadius:t.cornerRadius,gap:yt,gapColor:mt,gradient:t.gradient?P(n.color,s):undefined});if(_t&&t.highlightIndex===d&&Mt>0){xt(A+v,w+M,m,a,f,n.color)}const _=(a+f)/2;if(t.showLabels&&Math.abs(f-a)>H&&i===c-1){ut.push({key:`pl-${d}`,text:I(n,t,"both"),x1:A+v+Math.cos(_)*m,y1:w+M+Math.sin(_)*m,x:A+v+Math.cos(_)*(m+12),y:w+M+Math.sin(_)*(m+12),right:Math.cos(_)>=0})}}}}if(ut.length){const t=s.labelSize*1.45;for(const s of[true,false]){const i=ut.filter((t=>t.right===s)).sort(((t,s)=>t.y-s.y));if(!i.length)continue;for(let s=1;s<i.length;s++){if(i[s].y-i[s-1].y<t)i[s].y=i[s-1].y+t}const n=i[i.length-1].y-(e-t/2);if(n>0)for(const t of i)t.y-=n;const o=t/2-i[0].y;if(o>0)for(const t of i)t.y+=o}for(const t of ut){const e=t.right?i-6-t.x:t.x-6;const n=Math.max(3,Math.floor(e/(s.labelSize*D)));const o=t.text.length>n?`${t.text.slice(0,n-1)}…`:t.text;ft.push({x1:t.x1,y1:t.y1,x2:t.x,y2:t.y,color:s.gridLineColor,width:1});dt.push({x:t.x+(t.right?3:-3),y:t.y,text:o,color:s.textColorMuted,fontSize:s.labelSize,align:t.right?"start":"end",baseline:"middle",key:t.key})}}lt.push(...bt);if(t.title){const e=a(t.titleAlign,12,i-24);dt.push({x:e.x,y:6,text:t.title,color:s.textColor,fontSize:s.titleSize,fontWeight:600,align:e.align,baseline:"top",key:"title"});if(t.subtitle){dt.push({x:e.x,y:6+s.titleSize+4,text:t.subtitle,color:s.textColorMuted,fontSize:s.labelSize,align:e.align,baseline:"top",key:"subtitle"})}}const Ft=d?t.data.map(((t,s)=>({label:t.label,color:t.color,seriesIndex:s,hidden:!!t.hidden,x:0,y:0}))):[];return{width:i,height:e,plot:g,background:s.background==="transparent"?undefined:s.background,gridlines:ft,axisLines:[],areas:[],bars:[],slices:lt,lines:[],markers:[],texts:dt,legend:Ft,legendPosition:d??undefined,pieCenter:{x:A,y:w},...(()=>{const t=M?R(b,x,0):{x0:-1,x1:1,y0:-1,y1:1};const s=$/Math.SQRT2;return{pieHoleSize:$>0?(t.x1-t.x0)*s:0,pieHoleHeight:$>0?(t.y1-t.y0)*s:0,pieCenterSlot:{x:A+(t.x0+t.x1)/2*s,y:w+(t.y0+t.y1)/2*s}}})(),xPositions:[],xValues:[],xLabels:[],hoverPoints:[]}}const G=260;const Z=520;const J=450;const X=.16;const Y=300;const tt=.8;class st{constructor(t){this.container=t;this.ctx=null;this.spec=null;this.theme=null;this.scene=null;this.cb={};this.hoverRaf=0;this.hoverIndex=-1;this.hasRendered=false;this.introRaf=0;this.pendingDrill=null;this.drillRun=null;this.ripple=null;this.rippleRaf=0;this.dpr=1;this.selectRaf=0;this.lastW=0;this.lastH=0;this.dprWatch=c((()=>this.render()));this.hoverT=0;this.hoverTweenRaf=0;this.handlePointerMove=t=>{if(!this.scene)return;const s=this.canvas.getBoundingClientRect();const i=t.clientX-s.left;const e=t.clientY-s.top;if(this.hoverRaf)cancelAnimationFrame(this.hoverRaf);this.hoverRaf=requestAnimationFrame((()=>{this.hoverRaf=0;const t=this.sliceAt(i,e);const s=t?t.dataIndex:-1;this.canvas.style.cursor=t?"pointer":"";if(s!==this.hoverIndex){this.hoverIndex=s;this.tweenHover();this.cb.onHover?.(s)}this.renderTooltip(s,i,e)}))};this.handlePointerLeave=()=>{if(this.hoverRaf){cancelAnimationFrame(this.hoverRaf);this.hoverRaf=0}this.hoverLayer.textContent="";if(this.hoverIndex!==-1){this.hoverIndex=-1;this.canvas.style.cursor="";this.tweenHover();this.cb.onHover?.(-1)}};this.handlePointerDown=t=>{const s=this.canvas.getBoundingClientRect();const i=t.clientX-s.left;const e=t.clientY-s.top;const n=this.sliceAt(i,e);if(n)this.startRipple(i,e,n)};this.handleClick=t=>{const s=this.canvas.getBoundingClientRect();const i=this.sliceAt(t.clientX-s.left,t.clientY-s.top);if(!i)return;this.cb.onPointClick?.(0,i.dataIndex,t);this.toggleSelected(i.dataIndex)};this.onLegendToggle=t=>{if(this.spec){const s=this.spec.data[t.seriesIndex];if(s){s.hidden=!s.hidden;this.hasRendered=false;this.render();this.cb.onLegendClick?.({...t,hidden:!!s.hidden});return}}this.cb.onLegendClick?.(t)};if(getComputedStyle(t).position==="static")t.style.position="relative";this.canvas=document.createElement("canvas");this.canvas.style.cssText="position:absolute;inset:0;width:100%;height:100%;display:block";this.canvas.setAttribute("part","plot-canvas");this.overlay=document.createElement("div");this.overlay.style.cssText="position:absolute;inset:0;pointer-events:none;overflow:hidden";this.legendLayer=document.createElement("div");this.legendLayer.style.cssText="position:absolute;inset:0;pointer-events:none;overflow:visible";this.hoverLayer=document.createElement("div");this.hoverLayer.style.cssText="position:absolute;inset:0;pointer-events:none;overflow:hidden";t.append(this.canvas,this.overlay,this.legendLayer,this.hoverLayer);this.ctx=this.canvas.getContext("2d");this.canvas.addEventListener("pointermove",this.handlePointerMove);this.canvas.addEventListener("pointerleave",this.handlePointerLeave);this.canvas.addEventListener("click",this.handleClick);this.canvas.addEventListener("pointerdown",this.handlePointerDown)}getScene(){return this.scene}getHoleBox(){return{width:this.scene?.pieHoleSize??0,height:this.scene?.pieHoleHeight??0}}getCenter(){if(!this.scene)return null;const t=this.scene.pieCenterSlot;if(t)return{x:t.x,y:t.y};return{x:this.scene.plot.x+this.scene.plot.width/2,y:this.scene.plot.y+this.scene.plot.height/2}}setTooltip(t){this.tooltipRender=t.render}setSpec(t,s,i={}){const e=this.spec?.data;const n=!e||e.length!==t.data.length||e.some(((s,i)=>s.label!==t.data[i]?.label||s.value!==t.data[i]?.value));this.spec=t;this.theme=s;this.cb=i;if(n&&this.hoverIndex!==-1){this.hoverIndex=-1;this.spec.highlightIndex=-1;l(this.hoverLayer)}this.render()}resize(){const t=this.container.getBoundingClientRect();if(Math.round(t.width)===this.lastW&&Math.round(t.height)===this.lastH)return;this.render()}toDataURL(t="image/png"){return this.canvas.toDataURL(t)}dispose(){if(this.hoverRaf)cancelAnimationFrame(this.hoverRaf);this.stopIntro();cancelAnimationFrame(this.hoverTweenRaf);cancelAnimationFrame(this.rippleRaf);cancelAnimationFrame(this.selectRaf);cancelAnimationFrame(this.selectRaf);this.canvas.removeEventListener("pointermove",this.handlePointerMove);this.canvas.removeEventListener("pointerleave",this.handlePointerLeave);this.canvas.removeEventListener("click",this.handleClick);this.canvas.removeEventListener("pointerdown",this.handlePointerDown);this.dprWatch.dispose();this.canvas.remove();this.overlay.remove();this.hoverLayer.remove();this.spec=null;this.scene=null;this.drillRun=null}render(){if(!this.spec||!this.theme)return;this.dprWatch.update();const t=this.container.getBoundingClientRect();const s=Math.round(t.width);const i=Math.round(t.height);if(s<2||i<2)return;this.lastW=s;this.lastH=i;const e=Math.min(window.devicePixelRatio||1,4);this.dpr=e;this.canvas.width=s*e;this.canvas.height=i*e;this.spec.highlightIndex=this.hoverIndex;this.spec.highlightT=this.hoverT;this.layoutAndOverlay(s,i);const n=this.overlay.querySelector('[part="legend"]');if(n&&this.spec.legend&&this.spec.legend!=="none"){const t=this.spec.legend==="left"||this.spec.legend==="right";const e=t?n.offsetWidth:n.offsetHeight;if(e>0&&Math.abs((this.spec.legendExtent??-1)-e)>2){this.spec.legendExtent=e;this.layoutAndOverlay(s,i)}}if(!this.scene)return;const{variant:o,duration:a}=f(this.spec);const r=this.pendingDrill;this.pendingDrill=null;if(r?.leaving&&o!=="none"&&!d()){this.hasRendered=true;this.playDrill(e,r.index,r.up,r.leaving);return}if(this.drillRun){this.hasRendered=true;this.clearIntroOpacity();this.drillFrame(e);return}const h=!this.hasRendered&&o!=="none"&&!d();const c=this.scene.slices.length>0;if(h){this.hasRendered=c;this.playIntro(e,o,a);return}this.hasRendered=this.hasRendered||c;this.stopIntro();this.drawGeometry(this.scene,e)}clearIntroOpacity(){this.canvas.style.opacity="";for(const t of Array.from(this.overlay.querySelectorAll('[data-key^="pl-"]'))){t.style.transition="";t.style.opacity=""}}stopIntro(){cancelAnimationFrame(this.introRaf);this.introRaf=0;this.clearIntroOpacity()}drill(t,s="down"){this.pendingDrill=this.scene?{index:t,up:s==="up",leaving:this.scene}:null}replay(){this.hasRendered=false;this.render()}layoutAndOverlay(t,s){if(!this.spec||!this.theme)return;this.scene=Q(this.spec,this.theme,t,s);u(this.overlay,this.scene,this.theme.fontFamily,{onLegendClick:this.onLegendToggle},false,this.legendLayer)}drawGeometry(t,s){if(this.ctx){this.ctx.setTransform(s,0,0,s,0,0);p(this.ctx,t)}}paceLabels(t){for(const s of Array.from(this.overlay.querySelectorAll('[data-key^="pl-"]'))){s.style.transition="opacity 180ms ease";s.style.opacity=t>=tt?"":"0"}}playIntro(t,s,i){const e=this.scene;if(!e)return;this.stopIntro();const n=t=>{this.canvas.style.opacity=t<1?String(t):""};n(m(s,e,0).alpha);this.paceLabels(0);let o=0;const a=r=>{if(!o)o=r;const h=(r-o)/i;if(h>=1){n(1);this.paceLabels(1);this.drawGeometry(e,t);return}this.paceLabels(h);const{scene:c,alpha:l}=m(s,e,h);n(l);this.drawGeometry(c,t);this.introRaf=requestAnimationFrame(a)};this.introRaf=requestAnimationFrame(a)}playDrill(t,s,i,e){if(!this.scene)return;this.stopIntro();this.drillRun={index:s,up:i,frozen:e,start:performance.now()};const n=()=>{if(!this.drillRun)return;if(this.drillFrame(t))return;this.introRaf=requestAnimationFrame(n)};n()}drillFrame(t){const s=this.drillRun;const i=this.scene;if(!s||!i)return true;const e=(performance.now()-s.start)/Z;if(e>=1){this.drillRun=null;this.paceLabels(1);this.drawGeometry(i,t);return true}this.paceLabels(e);const n=t=>{const s=t.slices?.find((t=>t.dataIndex>=0))??t.slices?.[0];return s?{x:s.cx,y:s.cy}:null};const o=(t,s,i)=>!s&&!i?t:{...t,slices:(t.slices??[]).map((t=>({...t,cx:t.cx+s,cy:t.cy+i})))};const a=n(i);const r=n(s.frozen);const h=a&&r?o(s.frozen,a.x-r.x,a.y-r.y):s.frozen;const c=s.up?i:h;const l=s.up?h:i;const d=M(e);const f=y(c,l,s.index,s.up?1-d:d);if(!f)return true;if(!this.ctx)return false;this.ctx.setTransform(t,0,0,t,0,0);p(this.ctx,this.withRipple(f.base));this.ctx.globalAlpha=f.overAlpha;p(this.ctx,f.over,false);this.ctx.globalAlpha=1;return false}sliceAt(t,s){if(!this.scene)return null;for(const i of this.scene.slices){if(it(t,s,i,i.cx,i.cy))return i}return null}focusIndex(t){if(!this.scene)return;if(t<0){this.hoverLayer.textContent="";if(this.hoverIndex!==-1){this.hoverIndex=-1;this.tweenHover()}return}const s=this.scene.slices.find((s=>s.dataIndex===t));if(!s)return;if(this.hoverIndex!==t){this.hoverIndex=t;this.tweenHover()}const i=(s.startAngle+s.endAngle)/2;const e=(s.innerR+s.outerR)/2;this.renderTooltip(t,s.cx+Math.cos(i)*e,s.cy+Math.sin(i)*e)}tweenHover(){const t=this.hoverIndex>=0?1:0;if(d()){this.hoverT=t;this.render();return}cancelAnimationFrame(this.hoverTweenRaf);const s=this.hoverT;if(s===t){this.render();return}const i=performance.now();const e=n=>{const o=Math.min(1,(n-i)/G);this.hoverT=s+(t-s)*v(o);this.render();if(o<1)this.hoverTweenRaf=requestAnimationFrame(e)};this.hoverTweenRaf=requestAnimationFrame(e)}activate(t){const s=this.scene?.slices.find((s=>!s.pill&&s.dataIndex===t));if(!s)return;const i=(s.startAngle+s.endAngle)/2;const e=(s.innerR+s.outerR)/2;this.startRipple(s.cx+Math.cos(i)*e,s.cy+Math.sin(i)*e,s);this.toggleSelected(t)}startRipple(t,s,i){if(d())return;const e=[i.startAngle,i.endAngle].flatMap((e=>[i.innerR,i.outerR].map((n=>Math.hypot(i.cx+Math.cos(e)*n-t,i.cy+Math.sin(e)*n-s)))));this.ripple={dataIndex:i.dataIndex,x:t,y:s,max:Math.max(...e,1),color:g(i.color),start:performance.now()};cancelAnimationFrame(this.rippleRaf);const n=()=>{if(!this.ripple)return;if((performance.now()-this.ripple.start)/J>=1){this.ripple=null;if(!this.drillRun&&this.scene)this.drawGeometry(this.scene,this.dpr);return}if(!this.drillRun&&this.scene)this.drawGeometry(this.withRipple(this.scene),this.dpr);this.rippleRaf=requestAnimationFrame(n)};this.rippleRaf=requestAnimationFrame(n)}withRipple(t){const s=this.ripple;if(!s)return t;const i=Math.min(1,(performance.now()-s.start)/J);return{...t,ripple:{dataIndex:s.dataIndex,x:s.x,y:s.y,radius:s.max*b(i),color:s.color,alpha:X*(1-Math.max(0,(i-.35)/.65))}}}toggleSelected(t){const s=this.spec?.data;if(!s?.[t])return;const i=s.map((t=>t.selectT??(t.selected?1:0)));const e=!!s[t].selected;s.forEach(((s,i)=>{s.selected=i===t&&!e}));const n=s.map((t=>t.selected?1:0));if(i.every(((t,s)=>t===n[s])))return;if(d()){s.forEach(((t,s)=>t.selectT=n[s]));this.render();return}cancelAnimationFrame(this.selectRaf);const o=performance.now();const a=t=>{const e=Math.min(1,(t-o)/Y);const r=v(e);s.forEach(((t,s)=>{t.selectT=i[s]+(n[s]-i[s])*r}));this.render();if(e<1)this.selectRaf=requestAnimationFrame(a)};this.selectRaf=requestAnimationFrame(a)}renderTooltip(t,s,i){this.hoverLayer.textContent="";if(t<0||!this.spec||!this.theme||!this.scene)return;const e=this.spec.data[t];if(!e)return;const n=this.spec.data.reduce(((t,s)=>s.hidden||s.level!==e.level||s.parent!==e.parent?t:t+s.value),0);const o=n>0?e.value/n*100:0;const a=document.createElement("div");a.setAttribute("part","tooltip");a.style.cssText=["position:absolute","pointer-events:none","background:var(--md-sys-color-surface-container-high, #ECE6F0)","color:var(--md-sys-color-on-surface, #1C1B1F)","border-radius:8px","padding:8px 10px","box-shadow:0 2px 6px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.2)",`font:400 ${this.theme.labelSize}px ${this.theme.fontFamily}`,"white-space:nowrap","z-index:2"].join(";");if(this.tooltipRender){const o=n;const r=this.tooltipRender({dataIndex:t,axisValue:e.label,axisLabel:e.label,focusedSeriesIndex:t,missing:[],series:this.spec.data.map(((s,i)=>({seriesIndex:i,label:s.label,color:s.color,value:s.value,formattedValue:this.spec.valueFormatter(s.value),percent:o>0?s.value/o*100:0,focused:i===t,missing:false})))});if(r!=null){x(a,r);this.hoverLayer.appendChild(a);this.placeTooltip(a,s,i)}return}const r=document.createElement("div");r.style.cssText="display:flex;align-items:center;gap:8px;line-height:1.5";const h=document.createElement("span");h.style.cssText=`width:10px;height:10px;border-radius:3px;background:${e.color};flex:none`;const c=document.createElement("span");c.textContent=e.label;c.style.cssText="flex:1";const l=document.createElement("strong");l.textContent=`${this.spec.valueFormatter(e.value)} (${o.toFixed(1)}%)`;r.append(h,c,l);a.appendChild(r);this.hoverLayer.appendChild(a);this.placeTooltip(a,s,i)}placeTooltip(t,s,i){if(!this.scene)return;const e=t.offsetWidth||120;const n=t.offsetHeight||40;let o=s+14;if(o+e>this.scene.width-4)o=s-e-14;const a=Math.max(4,Math.min(i-n/2,this.scene.height-n-4));t.style.left=`${Math.max(4,o)}px`;t.style.top=`${a}px`}}function it(t,s,i,e,n){const o=t-e;const a=s-n;const r=Math.hypot(o,a);if(r<i.innerR||r>i.outerR)return false;const h=Math.min(i.startAngle,i.endAngle);const c=Math.max(i.startAngle,i.endAngle);const l=Math.PI*2;let d=(Math.atan2(a,o)-h)%l;if(d<0)d+=l;return d<=c-h}const et=()=>`:host{--_block-size:var(--md-pie-chart-block-size, auto);--_min-block-size:var(--md-pie-chart-min-block-size, max(140px, calc(200px + var(--md-sys-density-scale, 0) * 12px)));--_aspect-ratio:var(--md-pie-chart-aspect-ratio, 1 / 1);--_background:var(--md-pie-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-pie-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_shape:var(--md-pie-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-pie-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-pie-chart-empty-background, var(--_background));--_empty-font:var(--md-pie-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-pie-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-pie-chart-empty-icon-size, 40px);--_center-color:var(--md-pie-chart-center-color, var(--md-sys-color-on-surface, #1C1B1F));display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-pie-chart__header,.md-pie-chart__footer{display:contents}.md-pie-chart__header>slot[name='header']::slotted(*),.md-pie-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-pie-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.md-pie-chart__center{position:absolute;top:var(--_pie-center-y, 50%);left:var(--_pie-center-x, 50%);transform:translate(-50%, -50%);pointer-events:none;color:var(--_center-color);text-align:center;font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, system-ui, sans-serif);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;max-width:var(--md-pie-center-max-width, var(--_pie-hole, none));max-height:var(--md-pie-center-max-height, var(--_pie-hole-h, none))}.md-pie-chart__center>slot[name='center']::slotted(*){pointer-events:auto}.md-pie-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-pie-chart__empty ::slotted(.material-symbols-outlined),.md-pie-chart__empty ::slotted(.material-symbols-rounded),.md-pie-chart__empty ::slotted(.material-symbols-sharp),.md-pie-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-pie-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-pie-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background, var(--_background));border-radius:var(--_shape);color:var(--_empty-color);text-align:center}.md-pie-chart__spinner{inline-size:40px;block-size:40px}.md-pie-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}.md-pie-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;function nt(t,s){if(t.includes(s))return t;for(const i of t){if(i.children?.length){const t=nt(i.children,s);if(t)return t}}return null}const ot=class{constructor(i){t(this,i);this.mdSliceClick=s(this,"mdSliceClick",7);this.mdLegendClick=s(this,"mdLegendClick",7);this.mdReady=s(this,"mdReady",7);this.label="";this.titleAlign="start";this.data=[];this.innerRadius="0%";this.outerRadius="75%";this.startAngle=90;this.endAngle=-270;this.paddingAngle=0;this.cornerRadius=4;this.showLabels=true;this.gradient=false;this.highlight="slice";this.legend="right";this.tooltip="item";this.locale="";this.summary="";this.labelEmpty="No data to display";this.loading=false;this.loadingLabel="Loading chart…";this.labelPlot="Chart data. Use the arrow keys to move between slices, Home and End for the first and last, Escape to leave.";this.labelPoint="%label%: %value% (%percent%)";this.noAnimation=false;this.animation="expressive";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.engine=null;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotKeyDown=t=>{const s=this.flatDatums().length-1;if(s<0)return;const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const e=i?"ArrowLeft":"ArrowRight";const n=i?"ArrowRight":"ArrowLeft";let o=this.kbIndex;switch(t.key){case e:case"ArrowDown":o=this.kbIndex<0?0:Math.min(s,this.kbIndex+1);break;case n:case"ArrowUp":o=this.kbIndex<0?s:Math.max(0,this.kbIndex-1);break;case"Home":o=0;break;case"End":o=s;break;case"Escape":if(this.kbIndex<0)return;o=-1;break;case"Enter":case" ":if(this.kbIndex<0)return;t.preventDefault();this.emitSliceClick(this.kbIndex,t);this.engine?.activate(this.kbIndex);return;default:return}t.preventDefault();this.moveKeyboardCursor(o)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}datumKeys(){const t=new Map;return this.flatDatums().map(((s,i)=>{const e=s.id!=null?`id:${s.id}`:s.label!=null?`label:${s.label}`:`pos:${i}`;const n=t.get(e)??0;t.set(e,n+1);return n===0?e:`${e}#${n}`}))}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async drill(t,s="down"){this.engine?.drill(t,s)}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new st(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>{this.engine?.resize();this.updateCenterVars()}));this.ro.observe(this.chartHost)}}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}flatten(t,s){const i=this.datumKeys();const e=[];const n=this.monochrome!=null?_(this.el,this.monochrome||"primary",t.palette[0]):null;const a=(r,h,c,l)=>{r.forEach(((d,f)=>{const u=l!=null?o(l,t.surface,.18+f/Math.max(1,r.length)*.42):n!=null?o(n,t.surface,f/Math.max(1,r.length)*.7):s[f]??C(t.palette,f);const p=_(this.el,d.color,u);const m=e.length;e.push({label:d.label,value:d.value,color:p,selected:d.selected,radius:d.radius,hidden:d.hidden??this.legendHidden.get(i[m])??false,level:h,parent:c});if(d.children?.length)a(d.children,h+1,m,p)}))};a(this.data??[],0,undefined);return e}flatDatums(){const t=[];const s=i=>{for(const e of i){t.push(e);if(e.children?.length)s(e.children)}};s(this.data??[]);return t}buildSpec(t){const s=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const i=k(t.palette.slice(0,3),this.data.length,{light:t.surface,dark:t.textColor});return{data:this.flatten(t,i),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,innerRadius:this.innerRadius,outerRadius:this.outerRadius,startAngleDeg:this.startAngle,endAngleDeg:this.endAngle,paddingAngleDeg:this.paddingAngle,cornerRadius:this.cornerRadius,showLabels:this.showLabels,labelMode:this.labelMode,gradient:this.gradient,highlight:this.highlight,legend:s?A(this.legend):this.legend,ringWidths:this.ringWidths,valueFormatter:t=>this.formatValue(t),animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration}}applyEngine(){if(!this.engine)return;const t=w(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onLegendClick:t=>{const s=this.datumKeys()[t.seriesIndex];if(s!=null)this.legendHidden.set(s,!!t.hidden);this.mdLegendClick.emit({dataIndex:t.seriesIndex,selected:!t.hidden})},onPointClick:(t,s,i)=>this.emitSliceClick(s,i)});this.engine.setTooltip({render:this.tooltipRenderer});this.updateCenterVars()}updateCenterVars(){const t=this.engine?.getCenter();if(!t||!this.chartHost)return;const s=this.el.getBoundingClientRect();const i=this.chartHost.getBoundingClientRect();const e=i.left-s.left;const n=i.top-s.top;this.el.style.setProperty("--_pie-center-x",`${t.x+e}px`);this.el.style.setProperty("--_pie-center-y",`${t.y+n}px`);const o=this.engine?.getHoleBox();this.el.style.setProperty("--_pie-hole",o&&o.width>0?`${o.width}px`:"none");this.el.style.setProperty("--_pie-hole-h",o&&o.height>0?`${o.height}px`:"none")}rebuildA11yTable(){if(!this.a11yTableHost)return;const t=this.data.reduce(((t,s)=>t+s.value),0);const s=this.tableLabels??{};this.a11yTableHost.innerHTML=z({title:this.label,xAxisLabel:s.category??"Category",xAxisData:this.data.map((t=>t.label)),locale:this.locale,series:[{label:s.value??"Value",data:this.data.map((t=>t.value))},{label:s.share??"Share",data:this.data.map((s=>t>0?s.value/t*100:0))}],valueFormatter:t=>t==null?"—":this.formatValue(t)})}formatValue(t){return this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined)}emitSliceClick(t,s){const i=this.flatDatums()[t];if(!i)return;this.mdSliceClick.emit({seriesIndex:0,seriesId:i.id,dataIndex:t,value:i.value,nativeEvent:s,series:i})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const s=this.flatDatums();const i=s[t];if(!i)return;const e=this.data?.some((t=>t.children?.length))?nt(this.data??[],i)??s:s;const n=e.reduce(((t,s)=>t+s.value),0);const o=n>0?i.value/n*100:0;this.announcement=this.labelPoint.replace("%label%",i.label).replace("%value%",this.formatValue(i.value)).replace("%percent%",`${o.toLocaleString(this.locale||undefined,{maximumFractionDigits:1})}%`)}render(){const t=this.data.length===0&&!this.loading;const s=this.summary||F({title:this.label,chartType:"pie",seriesCount:this.data.length,locale:this.locale});return i(e,{key:"646c418ad237c02a37b63a44e726f63038d764e3",class:{"md-pie-chart":true,"md-pie-chart--empty":t,"md-pie-chart--mounted":this.mounted,"md-pie-chart--donut":this.innerRadius!=="0%"&&this.innerRadius!==0},role:"figure","aria-label":s,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined},i("header",{key:"91000eccea90b4f6f497eeb4fd24460fddb50fdf",class:"md-pie-chart__header",part:"header"},i("slot",{key:"4d95064f71c77b468df419b12ac818879547fdf8",name:"header"})),i("div",{key:"4700981a7e3035ae20a298de3b23ad0641583c00",class:"md-pie-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:t?undefined:"0",role:t?undefined:"application","aria-label":t?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),i("div",{key:"4473fc6e379d32f4b097843f671e9d441d1d9407",class:"md-pie-chart__center",part:"center","aria-hidden":"true"},i("slot",{key:"b2fe4b06cf819bda51e7a33ac0ed8a361c66ce9b",name:"center"})),t&&i("div",{key:"07a20ca893b2ec888a608bdd6bd076753d6e28c5",class:"md-pie-chart__empty",part:"empty"},i("slot",{key:"cd3680b45b20580207a1cd9f7d0a92a9bb43737f",name:"empty"},this.labelEmpty)),this.loading&&i("div",{key:"5134c562360df1c4fc3048d9ceef642f08691fca",class:"md-pie-chart__loading",part:"loading",role:"status"},i("slot",{key:"b88653bc760d8b875ee939abae33e15f7207aa22",name:"loader"},i("slot",{key:"53e75485d2faaa84352f4f41cbd83756dbb02ca1",name:"loading"},i("md-progress-indicator",{key:"3bba3041bcb3f638e3fe8a0b9cab9acd644cc25a",class:"md-pie-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),i("span",{key:"64301c1275be0b73d9e3700075604e865e926f14",class:"md-pie-chart__loading-text"},this.loadingLabel)))),i("footer",{key:"4b0dd15de96b8ae57708a831ab39a648c24790f7",class:"md-pie-chart__footer",part:"footer"},i("slot",{key:"2d044f72638d5e7807729f875eedc56e6599e7aa",name:"footer"})),i("div",{key:"99f0f11c5878aa648eedd6c3d6f88ad8230f4ea5",class:"md-pie-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),i("div",{key:"0911b766e69fea66d8f99dbd41af32a1869c7f35",class:"md-pie-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return n(this)}static get watchers(){return{data:[{onAnyPropChange:0}],innerRadius:[{onAnyPropChange:0}],outerRadius:[{onAnyPropChange:0}],startAngle:[{onAnyPropChange:0}],endAngle:[{onAnyPropChange:0}],paddingAngle:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],labelMode:[{onAnyPropChange:0}],monochrome:[{onAnyPropChange:0}],gradient:[{onAnyPropChange:0}],highlight:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],ringWidths:[{onAnyPropChange:0}],locale:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}}};ot.style=et();export{ot as md_pie_chart};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as n}from"./p-WmvQpZnM.js";import{N as o,B as a,O as r,P as h,w as c,c as l,p as d,b as f,s as u,f as p,g as m,Q as y,x as g,R as b,S as x,T as v,U as M,l as _,V as k,W as A,n as w,o as C}from"./p-CVFH1DkU.js";import{b as z,a as F}from"./p-nhfFYWzy.js";function P(t,s){return{from:o(t,s.surface,.3),to:t}}function R(t,s,i){const e=t+s;const n=Math.min(t,e);const o=Math.max(t,e);const a=[];const r=[];for(const t of[n,o]){for(const s of[1,i]){a.push(Math.cos(t)*s);r.push(Math.sin(t)*s)}}const h=Math.PI/2;for(let t=Math.ceil(n/h);t*h<=o;t++){a.push(Math.cos(t*h));r.push(Math.sin(t*h))}return{x0:Math.min(...a),x1:Math.max(...a),y0:Math.min(...r),y1:Math.max(...r)}}function S(t,s,i){return $(t,s,i)||$(t,i,s)}function $(t,s,i){let e=i;let n=0;while(e>=0&&n++<32){if(e===s)return true;e=t[e]?.parent??-1}return false}function I(t,s,i){const e=s.labelMode??i;const n=s.valueFormatter(t.value);if(e==="name")return t.label;if(e==="both")return`${t.label} · ${n}`;return n}const L=12;const D=.52;const E=1.45;const q=.12;const H=.02;const V=7;const j=3;const B=V+j;const T=3;const U=.45;const W=Math.PI/180;function N(t,s){return t.length*s*.58}function O(t){const[s,i,e]=r(t);const n=.299*s+.587*i+.114*e;return n>.62?"rgba(0, 0, 0, 0.82)":"#ffffff"}function K(t,s){if(typeof t==="number")return Number.isFinite(t)&&t>=0?t:0;const i=t.trim();const e=parseFloat(i);if(!Number.isFinite(e)||e<0)return 0;return i.endsWith("%")?e/100*s:e}function Q(t,s,i,e){const n=t.data.map(((t,s)=>({d:t,i:s}))).filter((t=>!t.d.hidden&&t.d.value>0&&(t.d.level??0)===0));const r=n.reduce(((t,s)=>t+s.d.value),0);const c=t.data.reduce(((t,s)=>Math.max(t,(s.level??0)+1)),1);const l=t.title?s.titleSize+12+(t.subtitle?s.labelSize+4:0):0;const d=t.legend&&t.legend!=="none"&&t.data.length>1?t.legend:null;const f=d?Math.max(0,...t.data.map((t=>N(t.label,s.labelSize)))):0;let u=8;let p=8;let m=8+l;let y=8;if(d){const e=d==="left"||d==="right";if(e){const s=t.legendExtent!=null?t.legendExtent+16:f+30;const e=Math.min(s,i*h);if(d==="left")u+=e;else p+=e}else{let e=t.legendExtent!=null?t.legendExtent+8:0;if(t.legendExtent==null){const n=Math.max(60,i*.86);let o=1;let a=0;for(const i of t.data){const t=N(i.label,s.labelSize)+28;if(a>0&&a+t>n){o++;a=t}else a+=t}e=o*(s.labelSize+8)+6}if(d.startsWith("bottom"))y+=e;else m+=e}}const g={x:u,y:m,width:Math.max(1,i-u-p),height:Math.max(1,e-m-y)};const b=-t.startAngleDeg*W;const x=-(t.endAngleDeg-t.startAngleDeg)*W;const v=(()=>{const s=K(t.innerRadius,100);const i=K(t.outerRadius,100);return i>0?Math.max(0,Math.min(.95,s/i)):0})();const M=Math.abs(x)<Math.PI*2-.02;const _=M?R(b,x,v):{x0:-1,x1:1,y0:-1,y1:1};const k=Math.max(1,Math.min(g.width/Math.max(.01,_.x1-_.x0),g.height/Math.max(.01,_.y1-_.y0)));const A=g.x+g.width/2-(_.x0+_.x1)/2*k;const w=g.y+g.height/2-(_.y0+_.y1)/2*k;const C=(()=>{if(!t.showLabels||d)return 6;const i=n.reduce(((s,i)=>Math.max(s,I(i.d,t,"both").length)),0);const e=K(t.outerRadius,k);const o=12+i*s.labelSize*D;const a=Math.max(.05,e/Math.max(1,k));return Math.max(6,Math.min(k*.45,(e+o-k)/a))})();const z=Math.max(8,k-C);const F=Math.max(1,Math.min(K(t.outerRadius,z),z));const $=Math.max(0,Math.min(K(t.innerRadius,z),F-2));const Q=Array.from({length:c},((s,i)=>{const e=t.ringWidths?.[i];return Number.isFinite(e)&&e>0?e:i<c-1?E:1}));const G=Q.reduce(((t,s)=>t+s),0)||1;const Y=F-$;const Z=c>1?Math.min(T,Y/c*.3):0;const J=Math.max(1,Y-Z*(c-1));const X=t=>J*Q[t]/G;const tt=(()=>{const t=[];let s=$;for(let i=0;i<c;i++){t.push(s);s+=X(i)+(i<c-1?Z:0)}return t})();const st=t=>tt[t]??$;const it=t=>st(t)+X(t);const et=new Map;const nt=new Set;for(const s of t.data)if(s.parent!=null&&s.parent>=0)nt.add(s.parent);const ot=(s,i)=>{const e=nt.has(i)?it(s):F;const n=t.data[i]?.radius;if(n==null)return e;const o=st(s);return o+(e-o)*Math.max(.15,Math.min(1,n))};const at=x>=0?1:-1;const rt=n.length?Math.min(t.paddingAngleDeg*W*n.length,Math.abs(x)*.9):0;const ht=n.length?rt/n.length:0;const ct=x-at*rt;const lt=[];const dt=[];const ft=[];const ut=[];let pt=b;const mt=t.sliceStroke??s.surface;const yt=n.length>1?t.sliceStrokeWidth??1:0;const gt=(()=>{if($>0||yt<=0||n.length<2)return 0;const s=yt/2;const i=n.reduce(((t,s)=>t+Math.max(0,s.d.value)),0)||1;const e=Math.abs(-(t.endAngleDeg-t.startAngleDeg)*W);let o=0;for(const t of n){const n=Math.max(0,t.d.value)/i*e;if(n>.001)o=Math.max(o,s/Math.sin(Math.min(n,Math.PI)/2))}return Math.min(o,F*.04,4)})();const bt=[];const xt=(t,s,i,e,n,o)=>{const a=V*Mt;const r=j*Mt;const h=i+r+a/2;const c=(h>0?a/2/h:0)*vt;bt.push({cx:t,cy:s,innerR:i+r,outerR:i+r+a,startAngle:e+c,endAngle:n-c,color:o,dataIndex:-1,pill:true})};const vt=at;const Mt=Math.max(0,Math.min(1,t.highlightT??1));const _t=t.highlight!=="none"&&t.highlightIndex!=null&&t.highlightIndex>=0;const kt=[];{let t=0;for(const{d:s}of n){const i=r>0?s.value/r:0;kt.push(t+i/2);t+=i}}const At=n.findIndex((s=>s.i===t.highlightIndex));const wt=_t?t.data[t.highlightIndex??-1]?.level??0:Infinity;const Ct=t=>{if(At<0)return Mt;const s=Math.abs(kt[t]-kt[At]);const i=Math.min(s,1-s)*2;const e=i*U;return Math.max(0,Math.min(1,(Mt-e)/(1-e||1)))};const zt=new Map;n.forEach((({d:i,i:e},n)=>{const a=Ct(n);const h=r>0?i.value/r:0;const l=ct*h;const f=pt+at*ht/2;const u=f+l;pt=u+at*ht/2;const p=(f+u)/2;const m=_t&&(t.highlightIndex===e||t.highlight==="series");const y=_t&&S(t.data,e,t.highlightIndex??-1);const g=(i.selectT??(i.selected?1:0))*L;const b=A+Math.cos(p)*g;const x=w+Math.sin(p)*g;zt.set(e,{x:b-A,y:x-w});const v=_t&&!m&&!y&&a>0?o(i.color,s.surface,.62*a):i.color;if(m&&Mt>0)xt(b,x,ot(0,e),f,u,i.color);lt.push({cx:b,cy:x,innerR:Math.max(st(0),gt),outerR:ot(0,e),startAngle:f,endAngle:u,color:v,dataIndex:e,cornerRadius:t.cornerRadius,gap:yt,gapColor:mt,gradient:t.gradient?P(i.color,s):undefined});et.set(e,{a0:f,a1:u});const M=!!d||c>1;if(t.showLabels&&Math.abs(l)>(M?q:H)){if(M){const n=st(0);const o=ot(0,e);const a=n>0?(n+o)/2:o*.62;dt.push({x:b+Math.cos(p)*a,y:x+Math.sin(p)*a,text:I(i,t,c>1?"name":"value"),color:O(v),fontSize:s.labelSize,align:"center",baseline:"middle",key:`pl-${e}`})}else{ut.push({key:`pl-${e}`,text:I(i,t,"both"),x1:b+Math.cos(p)*ot(0,e),y1:x+Math.sin(p)*ot(0,e),x:b+Math.cos(p)*(F+12),y:x+Math.sin(p)*(F+12),right:Math.cos(p)>=0})}}}));for(let i=1;i<c;i++){const e=t.data.map(((t,s)=>({d:t,i:s}))).filter((t=>(t.d.level??0)===i&&!t.d.hidden));const n=new Map;for(const t of e){const s=t.d.parent??-1;if(!n.has(s))n.set(s,[]);n.get(s).push(t)}for(const[e,a]of n){const n=et.get(e);if(!n)continue;const r=a.reduce(((t,s)=>t+Math.max(0,s.d.value)),0);if(r<=0)continue;const h=n.a1-n.a0;let l=n.a0;for(const{d:n,i:d}of a){const a=l;const f=a+h*(Math.max(0,n.value)/r);l=f;et.set(d,{a0:a,a1:f});const u=i>wt?B*Mt:0;const p=st(i)+u;const m=ot(i,d)+u;const y=At<0||t.highlightIndex===d||S(t.data,d,t.highlightIndex??-1);const g=(n.selectT??(n.selected?1:0))*L;const b=(a+f)/2;const x=zt.get(e)??{x:0,y:0};const v=x.x+Math.cos(b)*g;const M=x.y+Math.sin(b)*g;zt.set(d,{x:v,y:M});lt.push({cx:A+v,cy:w+M,innerR:p,outerR:m,startAngle:a,endAngle:f,color:_t&&!y&&Mt>0?o(n.color,s.surface,.62*Mt):n.color,dataIndex:d,cornerRadius:t.cornerRadius,gap:yt,gapColor:mt,gradient:t.gradient?P(n.color,s):undefined});if(_t&&t.highlightIndex===d&&Mt>0){xt(A+v,w+M,m,a,f,n.color)}const _=(a+f)/2;if(t.showLabels&&Math.abs(f-a)>H&&i===c-1){ut.push({key:`pl-${d}`,text:I(n,t,"both"),x1:A+v+Math.cos(_)*m,y1:w+M+Math.sin(_)*m,x:A+v+Math.cos(_)*(m+12),y:w+M+Math.sin(_)*(m+12),right:Math.cos(_)>=0})}}}}if(ut.length){const t=s.labelSize*1.45;for(const s of[true,false]){const i=ut.filter((t=>t.right===s)).sort(((t,s)=>t.y-s.y));if(!i.length)continue;for(let s=1;s<i.length;s++){if(i[s].y-i[s-1].y<t)i[s].y=i[s-1].y+t}const n=i[i.length-1].y-(e-t/2);if(n>0)for(const t of i)t.y-=n;const o=t/2-i[0].y;if(o>0)for(const t of i)t.y+=o}for(const t of ut){const e=t.right?i-6-t.x:t.x-6;const n=Math.max(3,Math.floor(e/(s.labelSize*D)));const o=t.text.length>n?`${t.text.slice(0,n-1)}…`:t.text;ft.push({x1:t.x1,y1:t.y1,x2:t.x,y2:t.y,color:s.gridLineColor,width:1});dt.push({x:t.x+(t.right?3:-3),y:t.y,text:o,color:s.textColorMuted,fontSize:s.labelSize,align:t.right?"start":"end",baseline:"middle",key:t.key})}}lt.push(...bt);if(t.title){const e=a(t.titleAlign,12,i-24);dt.push({x:e.x,y:6,text:t.title,color:s.textColor,fontSize:s.titleSize,fontWeight:600,align:e.align,baseline:"top",key:"title"});if(t.subtitle){dt.push({x:e.x,y:6+s.titleSize+4,text:t.subtitle,color:s.textColorMuted,fontSize:s.labelSize,align:e.align,baseline:"top",key:"subtitle"})}}const Ft=d?t.data.map(((t,s)=>({label:t.label,color:t.color,seriesIndex:s,hidden:!!t.hidden,x:0,y:0}))):[];return{width:i,height:e,plot:g,background:s.background==="transparent"?undefined:s.background,gridlines:ft,axisLines:[],areas:[],bars:[],slices:lt,lines:[],markers:[],texts:dt,legend:Ft,legendPosition:d??undefined,pieCenter:{x:A,y:w},...(()=>{const t=M?R(b,x,0):{x0:-1,x1:1,y0:-1,y1:1};const s=$/Math.SQRT2;return{pieHoleSize:$>0?(t.x1-t.x0)*s:0,pieHoleHeight:$>0?(t.y1-t.y0)*s:0,pieCenterSlot:{x:A+(t.x0+t.x1)/2*s,y:w+(t.y0+t.y1)/2*s}}})(),xPositions:[],xValues:[],xLabels:[],hoverPoints:[]}}const G=260;const Y=520;const Z=450;const J=.16;const X=300;const tt=.8;class st{constructor(t){this.container=t;this.ctx=null;this.spec=null;this.theme=null;this.scene=null;this.cb={};this.hoverRaf=0;this.hoverIndex=-1;this.hasRendered=false;this.introRaf=0;this.pendingDrill=null;this.drillRun=null;this.ripple=null;this.rippleRaf=0;this.dpr=1;this.selectRaf=0;this.lastW=0;this.lastH=0;this.dprWatch=c((()=>this.render()));this.hoverT=0;this.hoverTweenRaf=0;this.handlePointerMove=t=>{if(!this.scene)return;const s=this.canvas.getBoundingClientRect();const i=t.clientX-s.left;const e=t.clientY-s.top;if(this.hoverRaf)cancelAnimationFrame(this.hoverRaf);this.hoverRaf=requestAnimationFrame((()=>{this.hoverRaf=0;const t=this.sliceAt(i,e);const s=t?t.dataIndex:-1;this.canvas.style.cursor=t?"pointer":"";if(s!==this.hoverIndex){this.hoverIndex=s;this.tweenHover();this.cb.onHover?.(s)}this.renderTooltip(s,i,e)}))};this.handlePointerLeave=()=>{if(this.hoverRaf){cancelAnimationFrame(this.hoverRaf);this.hoverRaf=0}this.hoverLayer.textContent="";if(this.hoverIndex!==-1){this.hoverIndex=-1;this.canvas.style.cursor="";this.tweenHover();this.cb.onHover?.(-1)}};this.handlePointerDown=t=>{const s=this.canvas.getBoundingClientRect();const i=t.clientX-s.left;const e=t.clientY-s.top;const n=this.sliceAt(i,e);if(n)this.startRipple(i,e,n)};this.handleClick=t=>{const s=this.canvas.getBoundingClientRect();const i=this.sliceAt(t.clientX-s.left,t.clientY-s.top);if(!i)return;this.cb.onPointClick?.(0,i.dataIndex,t);this.toggleSelected(i.dataIndex)};this.onLegendToggle=t=>{if(this.spec){const s=this.spec.data[t.seriesIndex];if(s){s.hidden=!s.hidden;this.hasRendered=false;this.render();this.cb.onLegendClick?.({...t,hidden:!!s.hidden});return}}this.cb.onLegendClick?.(t)};if(getComputedStyle(t).position==="static")t.style.position="relative";this.canvas=document.createElement("canvas");this.canvas.style.cssText="position:absolute;inset:0;width:100%;height:100%;display:block";this.canvas.setAttribute("part","plot-canvas");this.overlay=document.createElement("div");this.overlay.style.cssText="position:absolute;inset:0;pointer-events:none;overflow:hidden";this.legendLayer=document.createElement("div");this.legendLayer.style.cssText="position:absolute;inset:0;pointer-events:none;overflow:visible";this.hoverLayer=document.createElement("div");this.hoverLayer.style.cssText="position:absolute;inset:0;pointer-events:none;overflow:hidden";t.append(this.canvas,this.overlay,this.legendLayer,this.hoverLayer);this.ctx=this.canvas.getContext("2d");this.canvas.addEventListener("pointermove",this.handlePointerMove);this.canvas.addEventListener("pointerleave",this.handlePointerLeave);this.canvas.addEventListener("click",this.handleClick);this.canvas.addEventListener("pointerdown",this.handlePointerDown)}getScene(){return this.scene}getHoleBox(){return{width:this.scene?.pieHoleSize??0,height:this.scene?.pieHoleHeight??0}}getCenter(){if(!this.scene)return null;const t=this.scene.pieCenterSlot;if(t)return{x:t.x,y:t.y};return{x:this.scene.plot.x+this.scene.plot.width/2,y:this.scene.plot.y+this.scene.plot.height/2}}setTooltip(t){this.tooltipRender=t.render}setSpec(t,s,i={}){const e=this.spec?.data;const n=!e||e.length!==t.data.length||e.some(((s,i)=>s.label!==t.data[i]?.label||s.value!==t.data[i]?.value));this.spec=t;this.theme=s;this.cb=i;if(n&&this.hoverIndex!==-1){this.hoverIndex=-1;this.spec.highlightIndex=-1;l(this.hoverLayer)}this.render()}resize(){const t=this.container.getBoundingClientRect();if(Math.round(t.width)===this.lastW&&Math.round(t.height)===this.lastH)return;this.render()}toDataURL(t="image/png"){return this.canvas.toDataURL(t)}dispose(){if(this.hoverRaf)cancelAnimationFrame(this.hoverRaf);this.stopIntro();cancelAnimationFrame(this.hoverTweenRaf);cancelAnimationFrame(this.rippleRaf);cancelAnimationFrame(this.selectRaf);cancelAnimationFrame(this.selectRaf);this.canvas.removeEventListener("pointermove",this.handlePointerMove);this.canvas.removeEventListener("pointerleave",this.handlePointerLeave);this.canvas.removeEventListener("click",this.handleClick);this.canvas.removeEventListener("pointerdown",this.handlePointerDown);this.dprWatch.dispose();this.canvas.remove();this.overlay.remove();this.hoverLayer.remove();this.spec=null;this.scene=null;this.drillRun=null}render(){if(!this.spec||!this.theme)return;this.dprWatch.update();const t=this.container.getBoundingClientRect();const s=Math.round(t.width);const i=Math.round(t.height);if(s<2||i<2)return;this.lastW=s;this.lastH=i;const e=Math.min(window.devicePixelRatio||1,4);this.dpr=e;this.canvas.width=s*e;this.canvas.height=i*e;this.spec.highlightIndex=this.hoverIndex;this.spec.highlightT=this.hoverT;this.layoutAndOverlay(s,i);const n=this.overlay.querySelector('[part="legend"]');if(n&&this.spec.legend&&this.spec.legend!=="none"){const t=this.spec.legend==="left"||this.spec.legend==="right";const e=t?n.offsetWidth:n.offsetHeight;if(e>0&&Math.abs((this.spec.legendExtent??-1)-e)>2){this.spec.legendExtent=e;this.layoutAndOverlay(s,i)}}if(!this.scene)return;const{variant:o,duration:a}=f(this.spec);const r=this.pendingDrill;this.pendingDrill=null;if(r?.leaving&&o!=="none"&&!d()){this.hasRendered=true;this.playDrill(e,r.index,r.up,r.leaving);return}if(this.drillRun){this.hasRendered=true;this.clearIntroOpacity();this.drillFrame(e);return}const h=!this.hasRendered&&o!=="none"&&!d();const c=this.scene.slices.length>0;if(h){this.hasRendered=c;this.playIntro(e,o,a);return}this.hasRendered=this.hasRendered||c;this.stopIntro();this.drawGeometry(this.scene,e)}clearIntroOpacity(){this.canvas.style.opacity="";for(const t of Array.from(this.overlay.querySelectorAll('[data-key^="pl-"]'))){t.style.transition="";t.style.opacity=""}}stopIntro(){cancelAnimationFrame(this.introRaf);this.introRaf=0;this.clearIntroOpacity()}drill(t,s="down"){this.pendingDrill=this.scene?{index:t,up:s==="up",leaving:this.scene}:null}replay(){this.hasRendered=false;this.render()}layoutAndOverlay(t,s){if(!this.spec||!this.theme)return;this.scene=Q(this.spec,this.theme,t,s);u(this.overlay,this.scene,this.theme.fontFamily,{onLegendClick:this.onLegendToggle},false,this.legendLayer)}drawGeometry(t,s){if(this.ctx){this.ctx.setTransform(s,0,0,s,0,0);p(this.ctx,t)}}paceLabels(t){for(const s of Array.from(this.overlay.querySelectorAll('[data-key^="pl-"]'))){s.style.transition="opacity 180ms ease";s.style.opacity=t>=tt?"":"0"}}playIntro(t,s,i){const e=this.scene;if(!e)return;this.stopIntro();const n=t=>{this.canvas.style.opacity=t<1?String(t):""};n(m(s,e,0).alpha);this.paceLabels(0);let o=0;const a=r=>{if(!o)o=r;const h=(r-o)/i;if(h>=1){n(1);this.paceLabels(1);this.drawGeometry(e,t);return}this.paceLabels(h);const{scene:c,alpha:l}=m(s,e,h);n(l);this.drawGeometry(c,t);this.introRaf=requestAnimationFrame(a)};this.introRaf=requestAnimationFrame(a)}playDrill(t,s,i,e){if(!this.scene)return;this.stopIntro();this.drillRun={index:s,up:i,frozen:e,start:performance.now()};const n=()=>{if(!this.drillRun)return;if(this.drillFrame(t))return;this.introRaf=requestAnimationFrame(n)};n()}drillFrame(t){const s=this.drillRun;const i=this.scene;if(!s||!i)return true;const e=(performance.now()-s.start)/Y;if(e>=1){this.drillRun=null;this.paceLabels(1);this.drawGeometry(i,t);return true}this.paceLabels(e);const n=t=>{const s=t.slices?.find((t=>t.dataIndex>=0))??t.slices?.[0];return s?{x:s.cx,y:s.cy}:null};const o=(t,s,i)=>!s&&!i?t:{...t,slices:(t.slices??[]).map((t=>({...t,cx:t.cx+s,cy:t.cy+i})))};const a=n(i);const r=n(s.frozen);const h=a&&r?o(s.frozen,a.x-r.x,a.y-r.y):s.frozen;const c=s.up?i:h;const l=s.up?h:i;const d=M(e);const f=y(c,l,s.index,s.up?1-d:d);if(!f)return true;if(!this.ctx)return false;this.ctx.setTransform(t,0,0,t,0,0);p(this.ctx,this.withRipple(f.base));this.ctx.globalAlpha=f.overAlpha;p(this.ctx,f.over,false);this.ctx.globalAlpha=1;return false}sliceAt(t,s){if(!this.scene)return null;for(const i of this.scene.slices){if(it(t,s,i,i.cx,i.cy))return i}return null}focusIndex(t){if(!this.scene)return;if(t<0){this.hoverLayer.textContent="";if(this.hoverIndex!==-1){this.hoverIndex=-1;this.tweenHover()}return}const s=this.scene.slices.find((s=>s.dataIndex===t));if(!s)return;if(this.hoverIndex!==t){this.hoverIndex=t;this.tweenHover()}const i=(s.startAngle+s.endAngle)/2;const e=(s.innerR+s.outerR)/2;this.renderTooltip(t,s.cx+Math.cos(i)*e,s.cy+Math.sin(i)*e)}tweenHover(){const t=this.hoverIndex>=0?1:0;if(d()){this.hoverT=t;this.render();return}cancelAnimationFrame(this.hoverTweenRaf);const s=this.hoverT;if(s===t){this.render();return}const i=performance.now();const e=n=>{const o=Math.min(1,(n-i)/G);this.hoverT=s+(t-s)*v(o);this.render();if(o<1)this.hoverTweenRaf=requestAnimationFrame(e)};this.hoverTweenRaf=requestAnimationFrame(e)}activate(t){const s=this.scene?.slices.find((s=>!s.pill&&s.dataIndex===t));if(!s)return;const i=(s.startAngle+s.endAngle)/2;const e=(s.innerR+s.outerR)/2;this.startRipple(s.cx+Math.cos(i)*e,s.cy+Math.sin(i)*e,s);this.toggleSelected(t)}startRipple(t,s,i){if(d())return;const e=[i.startAngle,i.endAngle].flatMap((e=>[i.innerR,i.outerR].map((n=>Math.hypot(i.cx+Math.cos(e)*n-t,i.cy+Math.sin(e)*n-s)))));this.ripple={dataIndex:i.dataIndex,x:t,y:s,max:Math.max(...e,1),color:g(i.color),start:performance.now()};cancelAnimationFrame(this.rippleRaf);const n=()=>{if(!this.ripple)return;if((performance.now()-this.ripple.start)/Z>=1){this.ripple=null;if(!this.drillRun&&this.scene)this.drawGeometry(this.scene,this.dpr);return}if(!this.drillRun&&this.scene)this.drawGeometry(this.withRipple(this.scene),this.dpr);this.rippleRaf=requestAnimationFrame(n)};this.rippleRaf=requestAnimationFrame(n)}withRipple(t){const s=this.ripple;if(!s)return t;const i=Math.min(1,(performance.now()-s.start)/Z);return{...t,ripple:{dataIndex:s.dataIndex,x:s.x,y:s.y,radius:s.max*b(i),color:s.color,alpha:J*(1-Math.max(0,(i-.35)/.65))}}}toggleSelected(t){const s=this.spec?.data;if(!s?.[t])return;const i=s.map((t=>t.selectT??(t.selected?1:0)));const e=!!s[t].selected;s.forEach(((s,i)=>{s.selected=i===t&&!e}));const n=s.map((t=>t.selected?1:0));if(i.every(((t,s)=>t===n[s])))return;if(d()){s.forEach(((t,s)=>t.selectT=n[s]));this.render();return}cancelAnimationFrame(this.selectRaf);const o=performance.now();const a=t=>{const e=Math.min(1,(t-o)/X);const r=v(e);s.forEach(((t,s)=>{t.selectT=i[s]+(n[s]-i[s])*r}));this.render();if(e<1)this.selectRaf=requestAnimationFrame(a)};this.selectRaf=requestAnimationFrame(a)}renderTooltip(t,s,i){this.hoverLayer.textContent="";if(t<0||!this.spec||!this.theme||!this.scene)return;const e=this.spec.data[t];if(!e)return;const n=this.spec.data.reduce(((t,s)=>s.hidden||s.level!==e.level||s.parent!==e.parent?t:t+s.value),0);const o=n>0?e.value/n*100:0;const a=document.createElement("div");a.setAttribute("part","tooltip");a.style.cssText=["position:absolute","pointer-events:none","background:var(--md-sys-color-surface-container-high, #ECE6F0)","color:var(--md-sys-color-on-surface, #1C1B1F)","border-radius:8px","padding:8px 10px","box-shadow:0 2px 6px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.2)",`font:400 ${this.theme.labelSize}px ${this.theme.fontFamily}`,"white-space:nowrap","z-index:2"].join(";");if(this.tooltipRender){const o=n;const r=this.tooltipRender({dataIndex:t,axisValue:e.label,axisLabel:e.label,focusedSeriesIndex:t,missing:[],series:this.spec.data.map(((s,i)=>({seriesIndex:i,label:s.label,color:s.color,value:s.value,formattedValue:this.spec.valueFormatter(s.value),percent:o>0?s.value/o*100:0,focused:i===t,missing:false})))});if(r!=null){x(a,r);this.hoverLayer.appendChild(a);this.placeTooltip(a,s,i)}return}const r=document.createElement("div");r.style.cssText="display:flex;align-items:center;gap:8px;line-height:1.5";const h=document.createElement("span");h.style.cssText=`width:10px;height:10px;border-radius:3px;background:${e.color};flex:none`;const c=document.createElement("span");c.textContent=e.label;c.style.cssText="flex:1";const l=document.createElement("strong");l.textContent=`${this.spec.valueFormatter(e.value)} (${o.toFixed(1)}%)`;r.append(h,c,l);a.appendChild(r);this.hoverLayer.appendChild(a);this.placeTooltip(a,s,i)}placeTooltip(t,s,i){if(!this.scene)return;const e=t.offsetWidth||120;const n=t.offsetHeight||40;let o=s+14;if(o+e>this.scene.width-4)o=s-e-14;const a=Math.max(4,Math.min(i-n/2,this.scene.height-n-4));t.style.left=`${Math.max(4,o)}px`;t.style.top=`${a}px`}}function it(t,s,i,e,n){const o=t-e;const a=s-n;const r=Math.hypot(o,a);if(r<i.innerR||r>i.outerR)return false;const h=Math.min(i.startAngle,i.endAngle);const c=Math.max(i.startAngle,i.endAngle);const l=Math.PI*2;let d=(Math.atan2(a,o)-h)%l;if(d<0)d+=l;return d<=c-h}const et=()=>`:host{--_block-size:var(--md-pie-chart-block-size, auto);--_min-block-size:var(--md-pie-chart-min-block-size, max(140px, calc(200px + var(--md-sys-density-scale, 0) * 12px)));--_aspect-ratio:var(--md-pie-chart-aspect-ratio, 1 / 1);--_background:var(--md-pie-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-pie-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_shape:var(--md-pie-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-pie-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-pie-chart-empty-background, var(--_background));--_empty-font:var(--md-pie-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-pie-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-pie-chart-empty-icon-size, 40px);--_center-color:var(--md-pie-chart-center-color, var(--md-sys-color-on-surface, #1C1B1F));display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-pie-chart__header,.md-pie-chart__footer{display:contents}.md-pie-chart__header>slot[name='header']::slotted(*),.md-pie-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-pie-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.md-pie-chart__center{position:absolute;top:var(--_pie-center-y, 50%);left:var(--_pie-center-x, 50%);transform:translate(-50%, -50%);pointer-events:none;color:var(--_center-color);text-align:center;font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, system-ui, sans-serif);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;max-width:var(--md-pie-center-max-width, var(--_pie-hole, none));max-height:var(--md-pie-center-max-height, var(--_pie-hole-h, none))}.md-pie-chart__center>slot[name='center']::slotted(*){pointer-events:auto}.md-pie-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-pie-chart__empty ::slotted(.material-symbols-outlined),.md-pie-chart__empty ::slotted(.material-symbols-rounded),.md-pie-chart__empty ::slotted(.material-symbols-sharp),.md-pie-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-pie-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-pie-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background, var(--_background));border-radius:var(--_shape);color:var(--_empty-color);text-align:center}.md-pie-chart__spinner{inline-size:40px;block-size:40px}.md-pie-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}.md-pie-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;function nt(t,s){if(t.includes(s))return t;for(const i of t){if(i.children?.length){const t=nt(i.children,s);if(t)return t}}return null}const ot=class{constructor(i){t(this,i);this.mdSliceClick=s(this,"mdSliceClick",7);this.mdLegendClick=s(this,"mdLegendClick",7);this.mdReady=s(this,"mdReady",7);this.label="";this.titleAlign="start";this.data=[];this.innerRadius="0%";this.outerRadius="75%";this.startAngle=90;this.endAngle=-270;this.paddingAngle=0;this.cornerRadius=4;this.showLabels=true;this.gradient=false;this.highlight="slice";this.legend="right";this.tooltip="item";this.locale="";this.summary="";this.labelEmpty="No data to display";this.loading=false;this.loadingLabel="Loading chart…";this.labelPlot="Chart data. Use the arrow keys to move between slices, Home and End for the first and last, Escape to leave.";this.labelPoint="%label%: %value% (%percent%)";this.noAnimation=false;this.animation="expressive";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.engine=null;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotKeyDown=t=>{const s=this.flatDatums().length-1;if(s<0)return;const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const e=i?"ArrowLeft":"ArrowRight";const n=i?"ArrowRight":"ArrowLeft";let o=this.kbIndex;switch(t.key){case e:case"ArrowDown":o=this.kbIndex<0?0:Math.min(s,this.kbIndex+1);break;case n:case"ArrowUp":o=this.kbIndex<0?s:Math.max(0,this.kbIndex-1);break;case"Home":o=0;break;case"End":o=s;break;case"Escape":if(this.kbIndex<0)return;o=-1;break;case"Enter":case" ":if(this.kbIndex<0)return;t.preventDefault();this.emitSliceClick(this.kbIndex,t);this.engine?.activate(this.kbIndex);return;default:return}t.preventDefault();this.moveKeyboardCursor(o)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}datumKeys(){const t=new Map;return this.flatDatums().map(((s,i)=>{const e=s.id!=null?`id:${s.id}`:s.label!=null?`label:${s.label}`:`pos:${i}`;const n=t.get(e)??0;t.set(e,n+1);return n===0?e:`${e}#${n}`}))}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async drill(t,s="down"){this.engine?.drill(t,s)}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new st(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>{this.engine?.resize();this.updateCenterVars()}));this.ro.observe(this.chartHost)}}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}flatten(t,s){const i=this.datumKeys();const e=[];const n=this.monochrome!=null?_(this.el,this.monochrome||"primary",t.palette[0]):null;const a=(r,h,c,l)=>{r.forEach(((d,f)=>{const u=l!=null?o(l,t.surface,.18+f/Math.max(1,r.length)*.42):n!=null?o(n,t.surface,f/Math.max(1,r.length)*.7):s[f]??C(t.palette,f);const p=_(this.el,d.color,u);const m=e.length;e.push({label:d.label,value:d.value,color:p,selected:d.selected,radius:d.radius,hidden:d.hidden??this.legendHidden.get(i[m])??false,level:h,parent:c});if(d.children?.length)a(d.children,h+1,m,p)}))};a(this.data??[],0,undefined);return e}flatDatums(){const t=[];const s=i=>{for(const e of i){t.push(e);if(e.children?.length)s(e.children)}};s(this.data??[]);return t}buildSpec(t){const s=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const i=k(t.palette.slice(0,3),this.data.length,{light:t.surface,dark:t.textColor});return{data:this.flatten(t,i),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,innerRadius:this.innerRadius,outerRadius:this.outerRadius,startAngleDeg:this.startAngle,endAngleDeg:this.endAngle,paddingAngleDeg:this.paddingAngle,cornerRadius:this.cornerRadius,showLabels:this.showLabels,labelMode:this.labelMode,gradient:this.gradient,highlight:this.highlight,legend:s?A(this.legend):this.legend,ringWidths:this.ringWidths,valueFormatter:t=>this.formatValue(t),animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration}}applyEngine(){if(!this.engine)return;const t=w(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onLegendClick:t=>{const s=this.datumKeys()[t.seriesIndex];if(s!=null)this.legendHidden.set(s,!!t.hidden);this.mdLegendClick.emit({dataIndex:t.seriesIndex,selected:!t.hidden})},onPointClick:(t,s,i)=>this.emitSliceClick(s,i)});this.engine.setTooltip({render:this.tooltipRenderer});this.updateCenterVars()}updateCenterVars(){const t=this.engine?.getCenter();if(!t||!this.chartHost)return;const s=this.el.getBoundingClientRect();const i=this.chartHost.getBoundingClientRect();const e=i.left-s.left;const n=i.top-s.top;this.el.style.setProperty("--_pie-center-x",`${t.x+e}px`);this.el.style.setProperty("--_pie-center-y",`${t.y+n}px`);const o=this.engine?.getHoleBox();this.el.style.setProperty("--_pie-hole",o&&o.width>0?`${o.width}px`:"none");this.el.style.setProperty("--_pie-hole-h",o&&o.height>0?`${o.height}px`:"none")}rebuildA11yTable(){if(!this.a11yTableHost)return;const t=this.data.reduce(((t,s)=>t+s.value),0);const s=this.tableLabels??{};this.a11yTableHost.innerHTML=z({title:this.label,xAxisLabel:s.category??"Category",xAxisData:this.data.map((t=>t.label)),locale:this.locale,series:[{label:s.value??"Value",data:this.data.map((t=>t.value))},{label:s.share??"Share",data:this.data.map((s=>t>0?s.value/t*100:0))}],valueFormatter:t=>t==null?"—":this.formatValue(t)})}formatValue(t){return this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined)}emitSliceClick(t,s){const i=this.flatDatums()[t];if(!i)return;this.mdSliceClick.emit({seriesIndex:0,seriesId:i.id,dataIndex:t,value:i.value,nativeEvent:s,series:i})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const s=this.flatDatums();const i=s[t];if(!i)return;const e=this.data?.some((t=>t.children?.length))?nt(this.data??[],i)??s:s;const n=e.reduce(((t,s)=>t+s.value),0);const o=n>0?i.value/n*100:0;this.announcement=this.labelPoint.replace("%label%",i.label).replace("%value%",this.formatValue(i.value)).replace("%percent%",`${o.toLocaleString(this.locale||undefined,{maximumFractionDigits:1})}%`)}render(){const t=this.data.length===0&&!this.loading;const s=this.summary||F({title:this.label,chartType:"pie",seriesCount:this.data.length,locale:this.locale});return i(e,{key:"646c418ad237c02a37b63a44e726f63038d764e3",class:{"md-pie-chart":true,"md-pie-chart--empty":t,"md-pie-chart--mounted":this.mounted,"md-pie-chart--donut":this.innerRadius!=="0%"&&this.innerRadius!==0},role:"figure","aria-label":s,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined},i("header",{key:"91000eccea90b4f6f497eeb4fd24460fddb50fdf",class:"md-pie-chart__header",part:"header"},i("slot",{key:"4d95064f71c77b468df419b12ac818879547fdf8",name:"header"})),i("div",{key:"4700981a7e3035ae20a298de3b23ad0641583c00",class:"md-pie-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:t?undefined:"0",role:t?undefined:"application","aria-label":t?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),i("div",{key:"4473fc6e379d32f4b097843f671e9d441d1d9407",class:"md-pie-chart__center",part:"center","aria-hidden":"true"},i("slot",{key:"b2fe4b06cf819bda51e7a33ac0ed8a361c66ce9b",name:"center"})),t&&i("div",{key:"07a20ca893b2ec888a608bdd6bd076753d6e28c5",class:"md-pie-chart__empty",part:"empty"},i("slot",{key:"cd3680b45b20580207a1cd9f7d0a92a9bb43737f",name:"empty"},this.labelEmpty)),this.loading&&i("div",{key:"5134c562360df1c4fc3048d9ceef642f08691fca",class:"md-pie-chart__loading",part:"loading",role:"status"},i("slot",{key:"b88653bc760d8b875ee939abae33e15f7207aa22",name:"loader"},i("slot",{key:"53e75485d2faaa84352f4f41cbd83756dbb02ca1",name:"loading"},i("md-progress-indicator",{key:"3bba3041bcb3f638e3fe8a0b9cab9acd644cc25a",class:"md-pie-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),i("span",{key:"64301c1275be0b73d9e3700075604e865e926f14",class:"md-pie-chart__loading-text"},this.loadingLabel)))),i("footer",{key:"4b0dd15de96b8ae57708a831ab39a648c24790f7",class:"md-pie-chart__footer",part:"footer"},i("slot",{key:"2d044f72638d5e7807729f875eedc56e6599e7aa",name:"footer"})),i("div",{key:"99f0f11c5878aa648eedd6c3d6f88ad8230f4ea5",class:"md-pie-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),i("div",{key:"0911b766e69fea66d8f99dbd41af32a1869c7f35",class:"md-pie-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return n(this)}static get watchers(){return{data:[{onAnyPropChange:0}],innerRadius:[{onAnyPropChange:0}],outerRadius:[{onAnyPropChange:0}],startAngle:[{onAnyPropChange:0}],endAngle:[{onAnyPropChange:0}],paddingAngle:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],labelMode:[{onAnyPropChange:0}],monochrome:[{onAnyPropChange:0}],gradient:[{onAnyPropChange:0}],highlight:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],ringWidths:[{onAnyPropChange:0}],locale:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}}};ot.style=et();export{ot as md_pie_chart};
|
|
2
|
+
//# sourceMappingURL=p-56c7c570.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,h as e,H as d}from"./p-WmvQpZnM.js";const r=()=>`:host{--_color:var(--md-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_thickness:var(--md-divider-thickness, 1px);--_inset-start:var(--md-divider-inset-start, 16px);--_inset-end:var(--md-divider-inset-end, 16px);display:block;block-size:var(--_thickness);flex-shrink:0;box-sizing:border-box}.md-divider__line{block-size:100%;inline-size:auto;background-color:var(--_color);box-sizing:border-box}:host(.md-divider--inset) .md-divider__line{margin-inline-start:var(--_inset-start);margin-inline-end:var(--_inset-end)}:host(.md-divider--inset-start) .md-divider__line{margin-inline-start:var(--_inset-start);margin-inline-end:0}:host(.md-divider--inset-end) .md-divider__line{margin-inline-start:0;margin-inline-end:var(--_inset-end)}:host(.md-divider--vertical){display:inline-flex;inline-size:var(--_thickness);block-size:auto;min-block-size:1em;align-self:stretch}:host(.md-divider--vertical) .md-divider__line{block-size:auto;inline-size:100%;align-self:stretch}:host(.md-divider--vertical.md-divider--inset) .md-divider__line{margin-inline-start:0;margin-inline-end:0;margin-block-start:var(--_inset-start);margin-block-end:var(--_inset-end)}:host(.md-divider--vertical.md-divider--inset-start) .md-divider__line{margin-inline-start:0;margin-inline-end:0;margin-block-start:var(--_inset-start);margin-block-end:0}:host(.md-divider--vertical.md-divider--inset-end) .md-divider__line{margin-inline-start:0;margin-inline-end:0;margin-block-start:0;margin-block-end:var(--_inset-end)}@media (forced-colors: active){.md-divider__line{background-color:CanvasText}}`;const n=class{constructor(e){i(this,e);this.inset=false;this.insetStart=false;this.insetEnd=false;this.vertical=false}render(){return e(d,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,h as e,H as d}from"./p-WmvQpZnM.js";const r=()=>`:host{--_color:var(--md-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_thickness:var(--md-divider-thickness, 1px);--_inset-start:var(--md-divider-inset-start, 16px);--_inset-end:var(--md-divider-inset-end, 16px);display:block;block-size:var(--_thickness);flex-shrink:0;box-sizing:border-box}.md-divider__line{block-size:100%;inline-size:auto;background-color:var(--_color);box-sizing:border-box}:host(.md-divider--inset) .md-divider__line{margin-inline-start:var(--_inset-start);margin-inline-end:var(--_inset-end)}:host(.md-divider--inset-start) .md-divider__line{margin-inline-start:var(--_inset-start);margin-inline-end:0}:host(.md-divider--inset-end) .md-divider__line{margin-inline-start:0;margin-inline-end:var(--_inset-end)}:host(.md-divider--vertical){display:inline-flex;inline-size:var(--_thickness);block-size:auto;min-block-size:1em;align-self:stretch}:host(.md-divider--vertical) .md-divider__line{block-size:auto;inline-size:100%;align-self:stretch}:host(.md-divider--vertical.md-divider--inset) .md-divider__line{margin-inline-start:0;margin-inline-end:0;margin-block-start:var(--_inset-start);margin-block-end:var(--_inset-end)}:host(.md-divider--vertical.md-divider--inset-start) .md-divider__line{margin-inline-start:0;margin-inline-end:0;margin-block-start:var(--_inset-start);margin-block-end:0}:host(.md-divider--vertical.md-divider--inset-end) .md-divider__line{margin-inline-start:0;margin-inline-end:0;margin-block-start:0;margin-block-end:var(--_inset-end)}@media (forced-colors: active){.md-divider__line{background-color:CanvasText}}`;const n=class{constructor(e){i(this,e);this.inset=false;this.insetStart=false;this.insetEnd=false;this.vertical=false}render(){return e(d,{key:"ac4ff97d8cd888c42a726d7d57898576b5d4591f",class:{"md-divider":true,"md-divider--inset":this.inset,"md-divider--inset-start":this.insetStart,"md-divider--inset-end":this.insetEnd,"md-divider--vertical":this.vertical},role:"separator","aria-orientation":this.vertical?"vertical":"horizontal"},e("div",{key:"ae92f30866cb2da8675c50a794f8cfd86c08ea63",class:"md-divider__line",part:"divider"}))}};n.style=r();export{n as md_divider};
|
|
2
|
+
//# sourceMappingURL=p-56ca0c3c.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as e,h as i,H as r,g as t}from"./p-WmvQpZnM.js";const n=()=>`:host{--_container-color:var(--md-app-bar-container-color, var(--md-sys-color-surface));--_container-color-scrolled:var( --md-app-bar-container-color-scrolled, var(--md-sys-color-surface-container) );--_container-shape:var(--md-app-bar-container-shape, var(--md-sys-shape-corner-none));--_headline-color:var(--md-app-bar-headline-color, var(--md-sys-color-on-surface));--_subtitle-color:var(--md-app-bar-subtitle-color, var(--md-sys-color-on-surface-variant));--_leading-icon-color:var(--md-app-bar-leading-icon-color, var(--md-sys-color-on-surface));--_trailing-icon-color:var(--md-app-bar-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_container-elevation:var(--md-app-bar-container-elevation, var(--md-sys-elevation-0));--_padding-inline-start:var( --md-app-bar-padding-inline-start, var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px)) );--_padding-inline-end:var( --md-app-bar-padding-inline-end, var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px)) );--_icon-gap:var(--md-app-bar-icon-gap, 0px);--_row-height:var(--md-app-bar-row-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_icon-button-size:var(--md-app-bar-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_trailing-icon-touch-size:var(--md-app-bar-trailing-icon-touch-size, var(--_icon-button-size));--_trailing-gap:var(--md-app-bar-trailing-gap, 2px);--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 0px);--_icon-size:var(--md-app-bar-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_icon-size-handoff:var(--_icon-size);--_avatar-size:var(--md-app-bar-avatar-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_expanded-padding-inline:var(--md-app-bar-expanded-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_expanded-padding-block-end:var(--md-app-bar-expanded-padding-block-end, var(--md-sys-spacing-inset-xl, 24px));--_search-container-color:var( --md-app-bar-search-container-color, var(--md-sys-color-surface-container-highest) );--_search-container-color-scrolled:var( --md-app-bar-search-container-color-scrolled, var(--md-sys-color-surface-container) );--_search-container-shape:var( --md-app-bar-search-container-shape, var(--md-sys-shape-corner-full) );--_search-container-height:var(--md-app-bar-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_search-padding-inline-start:var(--md-app-bar-search-padding-inline-start, var(--md-sys-spacing-inset-xl, 24px));--_search-padding-inline-end:var(--md-app-bar-search-padding-inline-end, var(--md-sys-spacing-inset-sm, 8px));--_search-row-gap:var(--md-app-bar-search-row-gap, var(--md-sys-spacing-gap-sm, 8px));--_search-trailing-gap:var(--md-app-bar-search-trailing-gap, var(--md-sys-spacing-gap-xs, 4px));--_search-field-trailing-gap:var(--md-app-bar-search-field-trailing-gap, 6px);--_trailing-touch-size:var(--md-app-bar-trailing-touch-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_search-placeholder-color:var( --md-app-bar-search-placeholder-color, var(--md-sys-color-on-surface-variant) );--_search-input-color:var( --md-app-bar-search-input-color, var(--md-sys-color-on-surface) );--_search-trailing-icon-color:var( --md-app-bar-search-trailing-icon-color, var(--md-sys-color-on-surface-variant) );display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box;border-radius:var(--_container-shape);background-color:var(--_container-color);color:var(--_headline-color);box-shadow:var(--_container-elevation);z-index:var(--md-sys-z-index-app-bar, 100);position:sticky;inset-block-start:0;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host(.md-app-bar--scrolled){background-color:var(--_container-color-scrolled)}:host(.md-app-bar--scrolled) .md-app-bar__search{background-color:var(--_search-container-color-scrolled)}:host(.md-app-bar--flexible){display:flex;flex-direction:column;min-block-size:var(--_flex-expanded-height)}:host(.md-app-bar--medium){--_flex-expanded-height:var(--md-app-bar-medium-height, calc(112px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:var(--md-sys-spacing-inset-xl, 24px)}:host(.md-app-bar--medium.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-medium-height-with-subtitle, calc(136px + var(--md-sys-density-scale, 0) * 4px))}:host(.md-app-bar--large){--_flex-expanded-height:var(--md-app-bar-large-height, calc(120px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:28px}:host(.md-app-bar--large:not(.md-app-bar--search)){--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 20px)}:host(.md-app-bar--large.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-large-height-with-subtitle, calc(152px + var(--md-sys-density-scale, 0) * 4px))}.md-app-bar__row{display:flex;align-items:center;flex-shrink:0;block-size:var(--_row-height);min-block-size:var(--_row-height);padding-inline-start:var(--_padding-inline-start);padding-inline-end:var(--_padding-inline-end);padding-block-start:var(--_row-padding-block-start);gap:var(--_icon-gap)}:host(.md-app-bar--large:not(.md-app-bar--search)) .md-app-bar__row{align-items:flex-start}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__row{display:grid;grid-template-columns:minmax(var(--_icon-button-size), 1fr) minmax(0, auto) minmax( var(--_icon-button-size), 1fr );align-items:center;column-gap:var(--_icon-gap)}.md-app-bar__leading,.md-app-bar__trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:0;color:var(--_leading-icon-color)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__leading{justify-self:start}.md-app-bar__trailing{color:var(--_trailing-icon-color);margin-inline-start:auto;gap:var(--_trailing-gap)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__trailing{justify-self:end;margin-inline-start:0}.md-app-bar__headline-inline{display:flex;flex-direction:column;justify-content:center;flex:1;min-inline-size:0;padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-app-bar--center) .md-app-bar__headline-inline{flex:unset;justify-self:center;align-items:center;text-align:center;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-app-bar--flexible) .md-app-bar__headline-inline{opacity:0;pointer-events:none}.md-app-bar__title{min-inline-size:0;font-family:var(--md-sys-typescale-title-large-font-family);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_headline-color)}.md-app-bar__expanded{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-inline:var(--_expanded-padding-inline);padding-block-end:var(--_expanded-padding-block-end);min-block-size:0;overflow:hidden}:host(.md-app-bar--center) .md-app-bar__expanded{align-items:center;text-align:center}:host(.md-app-bar--medium) .md-app-bar__expanded-headline,:host(.md-app-bar--large) .md-app-bar__expanded-headline{font-family:var(--md-sys-typescale-headline-medium-font-family);font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing);color:var(--_headline-color)}.md-app-bar__subtitle{margin-block-start:2px;font-family:var(--md-sys-typescale-label-large-font-family);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);color:var(--_subtitle-color)}:host(.md-app-bar--large) .md-app-bar__expanded .md-app-bar__subtitle{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}:host(.md-app-bar--search){container-type:inline-size}.md-app-bar__row--search{flex-shrink:0;gap:var(--_search-row-gap)}:host(.md-app-bar--search) .md-app-bar__leading{min-inline-size:var(--_icon-button-size)}:host(.md-app-bar--search) .md-app-bar__trailing{margin-inline-start:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:var(--_trailing-touch-size);min-block-size:var(--_trailing-touch-size)}:host(.md-app-bar--search) .md-app-bar__search-input,:host(.md-app-bar--search) .md-app-bar__search-content{text-align:start}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field:has(.md-app-bar__search-input){padding-inline-start:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-field{padding-inline-start:0;padding-inline-end:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input::placeholder{text-align:center}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:max(12px, var(--_search-padding-inline-start))}.md-app-bar__search-host{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;align-self:stretch;justify-content:center;overflow:visible}.md-app-bar__search{position:relative;display:flex;align-items:center;box-sizing:border-box;flex:1 1 auto;inline-size:100%;min-inline-size:0;margin-inline:0;align-self:center;block-size:var(--_search-container-height);padding-inline-start:0;padding-inline-end:0;gap:var(--_icon-gap);border-radius:var(--_search-container-shape);background-color:var(--_search-container-color);color:var(--_search-input-color);cursor:text;overflow:hidden;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md-app-bar__search:focus-within{overflow:visible}.md-app-bar__search>md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--md-ripple-grow-duration:var(--md-sys-motion-duration-short2);--md-ripple-grow-easing:var(--md-sys-motion-easing-standard);--md-ripple-extend-inline:0px}.md-app-bar__search-state-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--_search-input-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1) var(--md-sys-motion-easing-standard)}.md-app-bar__search:hover .md-app-bar__search-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md-app-bar__search:active .md-app-bar__search-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-app-bar__search--focus-ring{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-app-bar__search-field{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:1;padding-inline:0}.md-app-bar__search-input{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;border:0;outline:0;background:transparent;color:var(--_search-input-color);font-family:var(--md-sys-typescale-body-large-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing);padding-block:0;padding-inline-end:0;padding-inline-start:0;margin:0;text-indent:0;box-sizing:border-box;appearance:none}.md-app-bar__search-input::placeholder{color:var(--_search-placeholder-color);opacity:1}.md-app-bar__search-input:disabled{cursor:not-allowed}.md-app-bar__search-content{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}::slotted([slot='search']){inline-size:100%;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}.md-app-bar__search-trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--_search-trailing-gap);color:var(--_search-trailing-icon-color);position:relative;z-index:2;padding-inline:0;margin-inline:0}:host(.md-app-bar--with-search-trailing) .md-app-bar__search{padding-inline-end:var(--_search-padding-inline-end)}:host(.md-app-bar--with-search-trailing) .md-app-bar__search-trailing{margin-inline-start:var(--_search-field-trailing-gap)}::slotted([slot='search-trailing']){color:var(--_search-trailing-icon-color)}:host(.md-app-bar--search) ::slotted([slot='trailing']){color:var(--_trailing-icon-color)}:host(.md-app-bar--search-disabled) .md-app-bar__search,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled){cursor:not-allowed;opacity:0.38}:host(.md-app-bar--search-disabled) .md-app-bar__search-state-layer,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled) .md-app-bar__search-state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-app-bar__search{transition-duration:0.01ms !important}}@container (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@container (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}@media (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@media (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}.md-app-bar__leading-button{flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size);--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='leading']),::slotted([slot='trailing']),::slotted([slot='search-trailing']){flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size)}::slotted([slot='leading']){--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='trailing']){--md-icon-button-icon-color:var(--_trailing-icon-color);--md-icon-button-state-layer-color:var(--_trailing-icon-color);--md-avatar-size:var(--_avatar-size)}::slotted([slot='trailing'][hidden]){display:none !important}::slotted([slot='search-trailing']){--md-icon-button-icon-color:var(--_search-trailing-icon-color);--md-icon-button-state-layer-color:var(--_search-trailing-icon-color)}:host-context([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host-context([dir='rtl']) .md-app-bar__leading-button[data-directional],:host([dir='rtl']) .md-app-bar__leading-button[data-directional]{transform:scaleX(-1)}`;const s=class{constructor(i){a(this,i);this.mdLeadingClick=e(this,"mdLeadingClick",7);this.mdSearchActivate=e(this,"mdSearchActivate",7);this.mdSearchInput=e(this,"mdSearchInput",7);this.variant="small";this.titleAlignment="start";this.searchPlaceholder="Search";this.searchValue="";this.searchAriaLabel="";this.searchDisabled=false;this.headline="";this.subtitle="";this.scrolled=false;this.density=0;this.leadingIcon="";this.leadingIconLabel="";this.hasSlottedLeading=false;this.hasSlottedHeadline=false;this.hasSlottedSubtitle=false;this.hasSlottedSearch=false;this.hasSlottedSearchTrailing=false;this.searchFocused=false;this.searchKeyboardModality=false;this.trackSearchKeyboardModality=()=>{this.searchKeyboardModality=true};this.trackSearchPointerModality=()=>{this.searchKeyboardModality=false};this.handleSearchContainerClick=()=>{if(this.searchDisabled)return;this.searchInput?.focus()};this.handleSearchInput=a=>{const e=a.target.value;this.searchValue=e;this.mdSearchInput.emit({value:e})};this.handleSearchFocus=()=>{if(this.searchDisabled)return;this.searchFocused=true;this.emitSearchActivate()};this.handleSearchBlur=()=>{this.searchFocused=false};this.handleSearchKeyDown=a=>{if(this.searchDisabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();this.emitSearchActivate()}}}connectedCallback(){if(typeof document==="undefined")return;document.addEventListener("keydown",this.trackSearchKeyboardModality,true);document.addEventListener("pointerdown",this.trackSearchPointerModality,true)}disconnectedCallback(){if(typeof document==="undefined")return;document.removeEventListener("keydown",this.trackSearchKeyboardModality,true);document.removeEventListener("pointerdown",this.trackSearchPointerModality,true)}componentWillLoad(){this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null;this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null;this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null;this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null;this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="leading"]');const i=a.querySelector('slot[name="headline"]');const r=a.querySelector('slot[name="subtitle"]');const t=a.querySelector('slot[name="search"]');const n=a.querySelector('slot[name="search-trailing"]');const s=a.querySelector('slot[name="trailing"]');const d=()=>{this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null||(e?.assignedElements().length??0)>0};const l=()=>{this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null||(i?.assignedElements().length??0)>0};const o=()=>{this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null||(r?.assignedElements().length??0)>0};const p=()=>{this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null||(t?.assignedElements().length??0)>0};const c=()=>{this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null||(n?.assignedElements().length??0)>0};const h=()=>this.enforceTrailingSlotLimit(s);e?.addEventListener("slotchange",d);i?.addEventListener("slotchange",l);r?.addEventListener("slotchange",o);t?.addEventListener("slotchange",p);n?.addEventListener("slotchange",c);s?.addEventListener("slotchange",h);h()}enforceTrailingSlotLimit(a){const e=a?.assignedElements({flatten:true})??[];if(e.length>s.MAX_TRAILING_ICONS){console.warn(`[md-app-bar] The trailing slot supports at most ${s.MAX_TRAILING_ICONS} action icons; `+`${e.length} were provided. Icons beyond the limit are hidden.`)}e.forEach(((a,e)=>{const i=a;if(e>=s.MAX_TRAILING_ICONS){i.hidden=true}else if(i.hidden){i.hidden=false}}))}isFlexible(){return this.variant==="medium"||this.variant==="large"}isSearchVariant(){return this.variant==="search"}hasHeadlineContent(){return Boolean(this.headline)||this.hasSlottedHeadline}effectiveSearchLabel(){return this.searchAriaLabel||this.searchPlaceholder||"Search"}emitSearchActivate(){if(this.searchDisabled)return;this.mdSearchActivate.emit({value:this.searchValue})}hasSubtitleContent(){return Boolean(this.subtitle)||this.hasSlottedSubtitle}renderLeadingFallback(){const a=Boolean(this.leadingIcon)&&!this.hasSlottedLeading;if(!a)return null;return i("md-icon-button",{class:"md-app-bar__leading-button",exportparts:"icon, state-layer",part:"leading-icon",icon:this.leadingIcon,variant:"standard",size:"md",buttonWidth:"narrow","aria-label":this.leadingIconLabel||undefined,onClick:a=>this.mdLeadingClick.emit(a)})}renderInlineHeadline(){const a=this.isFlexible();const e=this.headline?i("span",{class:"md-app-bar__title",part:"title"},this.headline):a?null:this.hasSlottedHeadline?i("span",{class:"md-app-bar__title",part:"title"},i("slot",{name:"headline"})):null;const r=!this.hasSubtitleContent()?null:this.subtitle?i("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},this.subtitle):a?null:i("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},i("slot",{name:"subtitle"}));if(!e&&!r)return null;return i("span",{class:"md-app-bar__headline-inline","aria-hidden":a?"true":null},e,r)}renderExpandedHeadline(){if(this.headline){return i("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},this.headline)}return i("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},i("slot",{name:"headline"}))}renderExpandedSubtitle(){if(this.subtitle){return i("span",{class:"md-app-bar__subtitle",part:"subtitle"},this.subtitle)}return i("span",{class:"md-app-bar__subtitle",part:"subtitle"},i("slot",{name:"subtitle"}))}renderSearchField(){return i("div",{class:"md-app-bar__search-host",part:"search-host"},i("div",{class:{"md-app-bar__search":true,"md-app-bar__search--focused":this.searchFocused,"md-app-bar__search--focus-ring":this.searchFocused&&this.searchKeyboardModality},part:"search",onClick:this.handleSearchContainerClick},!this.searchDisabled&&i("md-ripple",{disabled:this.searchDisabled}),i("span",{class:"md-app-bar__search-state-layer",part:"search-state-layer","aria-hidden":"true"}),this.hasSlottedSearch?i("span",{class:"md-app-bar__search-field",part:"search-field"},i("span",{class:"md-app-bar__search-content",part:"search-content"},i("slot",{name:"search"}))):i("span",{class:"md-app-bar__search-field",part:"search-field"},i("input",{ref:a=>this.searchInput=a,class:"md-app-bar__search-input",part:"search-input",type:"text",inputMode:"search",enterKeyHint:"search",role:"searchbox",value:this.searchValue,placeholder:this.searchPlaceholder,disabled:this.searchDisabled,"aria-label":this.effectiveSearchLabel(),autocomplete:"off",spellcheck:false,onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown})),i("span",{class:"md-app-bar__search-trailing",part:"search-trailing"},i("slot",{name:"search-trailing"}))))}renderSearchTop(){return i("div",{class:"md-app-bar__row md-app-bar__row--search",part:"row"},i("span",{class:"md-app-bar__leading",part:"leading"},i("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderSearchField(),i("span",{class:"md-app-bar__trailing",part:"trailing"},i("slot",{name:"trailing"})))}renderTop(){if(this.isSearchVariant()){return this.renderSearchTop()}const a=this.isFlexible();return[i("div",{class:"md-app-bar__row",part:"row"},i("span",{class:"md-app-bar__leading",part:"leading"},i("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderInlineHeadline(),i("span",{class:"md-app-bar__trailing",part:"trailing"},i("slot",{name:"trailing"}))),a&&i("div",{class:"md-app-bar__expanded",part:"expanded"},this.renderExpandedHeadline(),this.hasSubtitleContent()&&this.renderExpandedSubtitle())]}render(){const a=this.isFlexible();const e=this.isSearchVariant();const t=this.titleAlignment==="center";return i(r,{key:"28769a5568a4a6be2949cefef62b2cc2a9fa3a75",class:{"md-app-bar":true,[`md-app-bar--${this.variant}`]:true,"md-app-bar--flexible":a,"md-app-bar--center":t,"md-app-bar--search":e,"md-app-bar--with-subtitle":!e&&this.hasSubtitleContent(),"md-app-bar--search-focused":e&&this.searchFocused,"md-app-bar--search-disabled":e&&this.searchDisabled,"md-app-bar--with-search-trailing":e&&this.hasSlottedSearchTrailing,"md-app-bar--scrolled":this.scrolled,[`md-app-bar--density${this.density}`]:this.density!==0},role:"banner"},this.renderTop())}get el(){return t(this)}};s.MAX_TRAILING_ICONS=3;s.style=n();export{s as md_app_bar};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as e,h as i,H as r,g as t}from"./p-WmvQpZnM.js";const n=()=>`:host{--_container-color:var(--md-app-bar-container-color, var(--md-sys-color-surface));--_container-color-scrolled:var( --md-app-bar-container-color-scrolled, var(--md-sys-color-surface-container) );--_container-shape:var(--md-app-bar-container-shape, var(--md-sys-shape-corner-none));--_headline-color:var(--md-app-bar-headline-color, var(--md-sys-color-on-surface));--_subtitle-color:var(--md-app-bar-subtitle-color, var(--md-sys-color-on-surface-variant));--_leading-icon-color:var(--md-app-bar-leading-icon-color, var(--md-sys-color-on-surface));--_trailing-icon-color:var(--md-app-bar-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_container-elevation:var(--md-app-bar-container-elevation, var(--md-sys-elevation-0));--_padding-inline-start:var( --md-app-bar-padding-inline-start, var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px)) );--_padding-inline-end:var( --md-app-bar-padding-inline-end, var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px)) );--_icon-gap:var(--md-app-bar-icon-gap, 0px);--_row-height:var(--md-app-bar-row-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_icon-button-size:var(--md-app-bar-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_trailing-icon-touch-size:var(--md-app-bar-trailing-icon-touch-size, var(--_icon-button-size));--_trailing-gap:var(--md-app-bar-trailing-gap, 2px);--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 0px);--_icon-size:var(--md-app-bar-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_icon-size-handoff:var(--_icon-size);--_avatar-size:var(--md-app-bar-avatar-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_expanded-padding-inline:var(--md-app-bar-expanded-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_expanded-padding-block-end:var(--md-app-bar-expanded-padding-block-end, var(--md-sys-spacing-inset-xl, 24px));--_search-container-color:var( --md-app-bar-search-container-color, var(--md-sys-color-surface-container-highest) );--_search-container-color-scrolled:var( --md-app-bar-search-container-color-scrolled, var(--md-sys-color-surface-container) );--_search-container-shape:var( --md-app-bar-search-container-shape, var(--md-sys-shape-corner-full) );--_search-container-height:var(--md-app-bar-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_search-padding-inline-start:var(--md-app-bar-search-padding-inline-start, var(--md-sys-spacing-inset-xl, 24px));--_search-padding-inline-end:var(--md-app-bar-search-padding-inline-end, var(--md-sys-spacing-inset-sm, 8px));--_search-row-gap:var(--md-app-bar-search-row-gap, var(--md-sys-spacing-gap-sm, 8px));--_search-trailing-gap:var(--md-app-bar-search-trailing-gap, var(--md-sys-spacing-gap-xs, 4px));--_search-field-trailing-gap:var(--md-app-bar-search-field-trailing-gap, 6px);--_trailing-touch-size:var(--md-app-bar-trailing-touch-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_search-placeholder-color:var( --md-app-bar-search-placeholder-color, var(--md-sys-color-on-surface-variant) );--_search-input-color:var( --md-app-bar-search-input-color, var(--md-sys-color-on-surface) );--_search-trailing-icon-color:var( --md-app-bar-search-trailing-icon-color, var(--md-sys-color-on-surface-variant) );display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box;border-radius:var(--_container-shape);background-color:var(--_container-color);color:var(--_headline-color);box-shadow:var(--_container-elevation);z-index:var(--md-sys-z-index-app-bar, 100);position:sticky;inset-block-start:0;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host(.md-app-bar--scrolled){background-color:var(--_container-color-scrolled)}:host(.md-app-bar--scrolled) .md-app-bar__search{background-color:var(--_search-container-color-scrolled)}:host(.md-app-bar--flexible){display:flex;flex-direction:column;min-block-size:var(--_flex-expanded-height)}:host(.md-app-bar--medium){--_flex-expanded-height:var(--md-app-bar-medium-height, calc(112px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:var(--md-sys-spacing-inset-xl, 24px)}:host(.md-app-bar--medium.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-medium-height-with-subtitle, calc(136px + var(--md-sys-density-scale, 0) * 4px))}:host(.md-app-bar--large){--_flex-expanded-height:var(--md-app-bar-large-height, calc(120px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:28px}:host(.md-app-bar--large:not(.md-app-bar--search)){--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 20px)}:host(.md-app-bar--large.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-large-height-with-subtitle, calc(152px + var(--md-sys-density-scale, 0) * 4px))}.md-app-bar__row{display:flex;align-items:center;flex-shrink:0;block-size:var(--_row-height);min-block-size:var(--_row-height);padding-inline-start:var(--_padding-inline-start);padding-inline-end:var(--_padding-inline-end);padding-block-start:var(--_row-padding-block-start);gap:var(--_icon-gap)}:host(.md-app-bar--large:not(.md-app-bar--search)) .md-app-bar__row{align-items:flex-start}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__row{display:grid;grid-template-columns:minmax(var(--_icon-button-size), 1fr) minmax(0, auto) minmax( var(--_icon-button-size), 1fr );align-items:center;column-gap:var(--_icon-gap)}.md-app-bar__leading,.md-app-bar__trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:0;color:var(--_leading-icon-color)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__leading{justify-self:start}.md-app-bar__trailing{color:var(--_trailing-icon-color);margin-inline-start:auto;gap:var(--_trailing-gap)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__trailing{justify-self:end;margin-inline-start:0}.md-app-bar__headline-inline{display:flex;flex-direction:column;justify-content:center;flex:1;min-inline-size:0;padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-app-bar--center) .md-app-bar__headline-inline{flex:unset;justify-self:center;align-items:center;text-align:center;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-app-bar--flexible) .md-app-bar__headline-inline{opacity:0;pointer-events:none}.md-app-bar__title{min-inline-size:0;font-family:var(--md-sys-typescale-title-large-font-family);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_headline-color)}.md-app-bar__expanded{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-inline:var(--_expanded-padding-inline);padding-block-end:var(--_expanded-padding-block-end);min-block-size:0;overflow:hidden}:host(.md-app-bar--center) .md-app-bar__expanded{align-items:center;text-align:center}:host(.md-app-bar--medium) .md-app-bar__expanded-headline,:host(.md-app-bar--large) .md-app-bar__expanded-headline{font-family:var(--md-sys-typescale-headline-medium-font-family);font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing);color:var(--_headline-color)}.md-app-bar__subtitle{margin-block-start:2px;font-family:var(--md-sys-typescale-label-large-font-family);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);color:var(--_subtitle-color)}:host(.md-app-bar--large) .md-app-bar__expanded .md-app-bar__subtitle{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}:host(.md-app-bar--search){container-type:inline-size}.md-app-bar__row--search{flex-shrink:0;gap:var(--_search-row-gap)}:host(.md-app-bar--search) .md-app-bar__leading{min-inline-size:var(--_icon-button-size)}:host(.md-app-bar--search) .md-app-bar__trailing{margin-inline-start:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:var(--_trailing-touch-size);min-block-size:var(--_trailing-touch-size)}:host(.md-app-bar--search) .md-app-bar__search-input,:host(.md-app-bar--search) .md-app-bar__search-content{text-align:start}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field:has(.md-app-bar__search-input){padding-inline-start:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-field{padding-inline-start:0;padding-inline-end:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input::placeholder{text-align:center}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:max(12px, var(--_search-padding-inline-start))}.md-app-bar__search-host{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;align-self:stretch;justify-content:center;overflow:visible}.md-app-bar__search{position:relative;display:flex;align-items:center;box-sizing:border-box;flex:1 1 auto;inline-size:100%;min-inline-size:0;margin-inline:0;align-self:center;block-size:var(--_search-container-height);padding-inline-start:0;padding-inline-end:0;gap:var(--_icon-gap);border-radius:var(--_search-container-shape);background-color:var(--_search-container-color);color:var(--_search-input-color);cursor:text;overflow:hidden;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md-app-bar__search:focus-within{overflow:visible}.md-app-bar__search>md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--md-ripple-grow-duration:var(--md-sys-motion-duration-short2);--md-ripple-grow-easing:var(--md-sys-motion-easing-standard);--md-ripple-extend-inline:0px}.md-app-bar__search-state-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--_search-input-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1) var(--md-sys-motion-easing-standard)}.md-app-bar__search:hover .md-app-bar__search-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md-app-bar__search:active .md-app-bar__search-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-app-bar__search--focus-ring{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-app-bar__search-field{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:1;padding-inline:0}.md-app-bar__search-input{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;border:0;outline:0;background:transparent;color:var(--_search-input-color);font-family:var(--md-sys-typescale-body-large-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing);padding-block:0;padding-inline-end:0;padding-inline-start:0;margin:0;text-indent:0;box-sizing:border-box;appearance:none}.md-app-bar__search-input::placeholder{color:var(--_search-placeholder-color);opacity:1}.md-app-bar__search-input:disabled{cursor:not-allowed}.md-app-bar__search-content{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}::slotted([slot='search']){inline-size:100%;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}.md-app-bar__search-trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--_search-trailing-gap);color:var(--_search-trailing-icon-color);position:relative;z-index:2;padding-inline:0;margin-inline:0}:host(.md-app-bar--with-search-trailing) .md-app-bar__search{padding-inline-end:var(--_search-padding-inline-end)}:host(.md-app-bar--with-search-trailing) .md-app-bar__search-trailing{margin-inline-start:var(--_search-field-trailing-gap)}::slotted([slot='search-trailing']){color:var(--_search-trailing-icon-color)}:host(.md-app-bar--search) ::slotted([slot='trailing']){color:var(--_trailing-icon-color)}:host(.md-app-bar--search-disabled) .md-app-bar__search,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled){cursor:not-allowed;opacity:0.38}:host(.md-app-bar--search-disabled) .md-app-bar__search-state-layer,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled) .md-app-bar__search-state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-app-bar__search{transition-duration:0.01ms !important}}@container (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@container (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}@media (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@media (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}.md-app-bar__leading-button{flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size);--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='leading']),::slotted([slot='trailing']),::slotted([slot='search-trailing']){flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size)}::slotted([slot='leading']){--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='trailing']){--md-icon-button-icon-color:var(--_trailing-icon-color);--md-icon-button-state-layer-color:var(--_trailing-icon-color);--md-avatar-size:var(--_avatar-size)}::slotted([slot='trailing'][hidden]){display:none !important}::slotted([slot='search-trailing']){--md-icon-button-icon-color:var(--_search-trailing-icon-color);--md-icon-button-state-layer-color:var(--_search-trailing-icon-color)}:host-context([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host-context([dir='rtl']) .md-app-bar__leading-button[data-directional],:host([dir='rtl']) .md-app-bar__leading-button[data-directional]{transform:scaleX(-1)}`;const s=class{constructor(i){a(this,i);this.mdLeadingClick=e(this,"mdLeadingClick",7);this.mdSearchActivate=e(this,"mdSearchActivate",7);this.mdSearchInput=e(this,"mdSearchInput",7);this.variant="small";this.titleAlignment="start";this.searchPlaceholder="Search";this.searchValue="";this.searchAriaLabel="";this.searchDisabled=false;this.headline="";this.subtitle="";this.scrolled=false;this.density=0;this.leadingIcon="";this.leadingIconLabel="";this.hasSlottedLeading=false;this.hasSlottedHeadline=false;this.hasSlottedSubtitle=false;this.hasSlottedSearch=false;this.hasSlottedSearchTrailing=false;this.searchFocused=false;this.searchKeyboardModality=false;this.trackSearchKeyboardModality=()=>{this.searchKeyboardModality=true};this.trackSearchPointerModality=()=>{this.searchKeyboardModality=false};this.handleSearchContainerClick=()=>{if(this.searchDisabled)return;this.searchInput?.focus()};this.handleSearchInput=a=>{const e=a.target.value;this.searchValue=e;this.mdSearchInput.emit({value:e})};this.handleSearchFocus=()=>{if(this.searchDisabled)return;this.searchFocused=true;this.emitSearchActivate()};this.handleSearchBlur=()=>{this.searchFocused=false};this.handleSearchKeyDown=a=>{if(this.searchDisabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();this.emitSearchActivate()}}}connectedCallback(){if(typeof document==="undefined")return;document.addEventListener("keydown",this.trackSearchKeyboardModality,true);document.addEventListener("pointerdown",this.trackSearchPointerModality,true)}disconnectedCallback(){if(typeof document==="undefined")return;document.removeEventListener("keydown",this.trackSearchKeyboardModality,true);document.removeEventListener("pointerdown",this.trackSearchPointerModality,true)}componentWillLoad(){this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null;this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null;this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null;this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null;this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="leading"]');const i=a.querySelector('slot[name="headline"]');const r=a.querySelector('slot[name="subtitle"]');const t=a.querySelector('slot[name="search"]');const n=a.querySelector('slot[name="search-trailing"]');const s=a.querySelector('slot[name="trailing"]');const d=()=>{this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null||(e?.assignedElements().length??0)>0};const l=()=>{this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null||(i?.assignedElements().length??0)>0};const o=()=>{this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null||(r?.assignedElements().length??0)>0};const p=()=>{this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null||(t?.assignedElements().length??0)>0};const c=()=>{this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null||(n?.assignedElements().length??0)>0};const h=()=>this.enforceTrailingSlotLimit(s);e?.addEventListener("slotchange",d);i?.addEventListener("slotchange",l);r?.addEventListener("slotchange",o);t?.addEventListener("slotchange",p);n?.addEventListener("slotchange",c);s?.addEventListener("slotchange",h);h()}enforceTrailingSlotLimit(a){const e=a?.assignedElements({flatten:true})??[];if(e.length>s.MAX_TRAILING_ICONS){console.warn(`[md-app-bar] The trailing slot supports at most ${s.MAX_TRAILING_ICONS} action icons; `+`${e.length} were provided. Icons beyond the limit are hidden.`)}e.forEach(((a,e)=>{const i=a;if(e>=s.MAX_TRAILING_ICONS){i.hidden=true}else if(i.hidden){i.hidden=false}}))}isFlexible(){return this.variant==="medium"||this.variant==="large"}isSearchVariant(){return this.variant==="search"}hasHeadlineContent(){return Boolean(this.headline)||this.hasSlottedHeadline}effectiveSearchLabel(){return this.searchAriaLabel||this.searchPlaceholder||"Search"}emitSearchActivate(){if(this.searchDisabled)return;this.mdSearchActivate.emit({value:this.searchValue})}hasSubtitleContent(){return Boolean(this.subtitle)||this.hasSlottedSubtitle}renderLeadingFallback(){const a=Boolean(this.leadingIcon)&&!this.hasSlottedLeading;if(!a)return null;return i("md-icon-button",{class:"md-app-bar__leading-button",exportparts:"icon, state-layer",part:"leading-icon",icon:this.leadingIcon,variant:"standard",size:"md",buttonWidth:"narrow","aria-label":this.leadingIconLabel||undefined,onClick:a=>this.mdLeadingClick.emit(a)})}renderInlineHeadline(){const a=this.isFlexible();const e=this.headline?i("span",{class:"md-app-bar__title",part:"title"},this.headline):a?null:this.hasSlottedHeadline?i("span",{class:"md-app-bar__title",part:"title"},i("slot",{name:"headline"})):null;const r=!this.hasSubtitleContent()?null:this.subtitle?i("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},this.subtitle):a?null:i("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},i("slot",{name:"subtitle"}));if(!e&&!r)return null;return i("span",{class:"md-app-bar__headline-inline","aria-hidden":a?"true":null},e,r)}renderExpandedHeadline(){if(this.headline){return i("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},this.headline)}return i("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},i("slot",{name:"headline"}))}renderExpandedSubtitle(){if(this.subtitle){return i("span",{class:"md-app-bar__subtitle",part:"subtitle"},this.subtitle)}return i("span",{class:"md-app-bar__subtitle",part:"subtitle"},i("slot",{name:"subtitle"}))}renderSearchField(){return i("div",{class:"md-app-bar__search-host",part:"search-host"},i("div",{class:{"md-app-bar__search":true,"md-app-bar__search--focused":this.searchFocused,"md-app-bar__search--focus-ring":this.searchFocused&&this.searchKeyboardModality},part:"search",onClick:this.handleSearchContainerClick},!this.searchDisabled&&i("md-ripple",{disabled:this.searchDisabled}),i("span",{class:"md-app-bar__search-state-layer",part:"search-state-layer","aria-hidden":"true"}),this.hasSlottedSearch?i("span",{class:"md-app-bar__search-field",part:"search-field"},i("span",{class:"md-app-bar__search-content",part:"search-content"},i("slot",{name:"search"}))):i("span",{class:"md-app-bar__search-field",part:"search-field"},i("input",{ref:a=>this.searchInput=a,class:"md-app-bar__search-input",part:"search-input",type:"text",inputMode:"search",enterKeyHint:"search",role:"searchbox",value:this.searchValue,placeholder:this.searchPlaceholder,disabled:this.searchDisabled,"aria-label":this.effectiveSearchLabel(),autocomplete:"off",spellcheck:false,onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown})),i("span",{class:"md-app-bar__search-trailing",part:"search-trailing"},i("slot",{name:"search-trailing"}))))}renderSearchTop(){return i("div",{class:"md-app-bar__row md-app-bar__row--search",part:"row"},i("span",{class:"md-app-bar__leading",part:"leading"},i("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderSearchField(),i("span",{class:"md-app-bar__trailing",part:"trailing"},i("slot",{name:"trailing"})))}renderTop(){if(this.isSearchVariant()){return this.renderSearchTop()}const a=this.isFlexible();return[i("div",{class:"md-app-bar__row",part:"row"},i("span",{class:"md-app-bar__leading",part:"leading"},i("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderInlineHeadline(),i("span",{class:"md-app-bar__trailing",part:"trailing"},i("slot",{name:"trailing"}))),a&&i("div",{class:"md-app-bar__expanded",part:"expanded"},this.renderExpandedHeadline(),this.hasSubtitleContent()&&this.renderExpandedSubtitle())]}render(){const a=this.isFlexible();const e=this.isSearchVariant();const t=this.titleAlignment==="center";return i(r,{key:"85ee3b31e44fffe17f0553e70589b7420488c89f",class:{"md-app-bar":true,[`md-app-bar--${this.variant}`]:true,"md-app-bar--flexible":a,"md-app-bar--center":t,"md-app-bar--search":e,"md-app-bar--with-subtitle":!e&&this.hasSubtitleContent(),"md-app-bar--search-focused":e&&this.searchFocused,"md-app-bar--search-disabled":e&&this.searchDisabled,"md-app-bar--with-search-trailing":e&&this.hasSlottedSearchTrailing,"md-app-bar--scrolled":this.scrolled,[`md-app-bar--density${this.density}`]:this.density!==0},role:"banner"},this.renderTop())}get el(){return t(this)}};s.MAX_TRAILING_ICONS=3;s.style=n();export{s as md_app_bar};
|
|
2
|
+
//# sourceMappingURL=p-5b63149a.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as i,h as t,H as n,g as o}from"./p-WmvQpZnM.js";import{t as e}from"./p-DYBUr7K_.js";import{s as r,a as s}from"./p-BjYKc1Ge.js";const l=()=>`:host{--_icon-color:var( --md-navigation-rail-tab-icon-color, var(--md-sys-color-on-surface-variant, #49454F) );--_active-icon-color:var( --md-navigation-rail-tab-active-icon-color, var(--md-sys-color-on-secondary-container, #4A4458) );--_label-color:var( --md-navigation-rail-tab-label-color, var(--md-sys-color-on-surface-variant, #49454F) );--_active-label-color:var( --md-navigation-rail-tab-active-label-color, var(--md-sys-color-secondary, #625B71) );--_indicator-color:var( --md-navigation-rail-tab-indicator-color, var(--md-sys-color-secondary-container, #E8DEF8) );--_indicator-shape:var( --md-navigation-rail-tab-indicator-shape, var(--md-sys-shape-corner-full, 9999px) );--_indicator-width:var(--md-navigation-rail-tab-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-height:var(--md-navigation-rail-tab-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_icon-size:var(--md-navigation-rail-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_min-height:var(--md-navigation-rail-tab-min-height, 56px);--_badge-color:var( --md-navigation-rail-tab-badge-color, var(--md-sys-color-error, #B3261E) );--_badge-content-color:var( --md-navigation-rail-tab-badge-content-color, var(--md-sys-color-on-error, #FFFFFF) );--_focus-ring-color:var( --md-navigation-rail-tab-focus-ring-color, var(--md-sys-color-secondary, #625B71) );--_state-layer-color:var( --md-navigation-rail-tab-state-layer-color, var(--md-sys-color-on-secondary-container, #4A4458) );--_motion-duration:var(--md-sys-motion-spring-effects-fast-duration, 150ms);--_motion-easing:var( --md-sys-motion-spring-effects-fast-easing, cubic-bezier(0.31, 0.94, 0.34, 1) );--_motion-spatial-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);--_motion-spatial-easing:var( --md-sys-motion-spring-spatial-fast-easing, cubic-bezier(0.42, 1.67, 0.21, 0.9) );--_hover-opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08);--_focus-opacity:var(--md-navigation-rail-tab-focus-state-layer-opacity, 0.10);--_press-opacity:var(--md-navigation-rail-tab-press-state-layer-opacity, 0.10);--_disabled-opacity:var(--md-sys-state-disabled-content-opacity, 0.38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;min-block-size:max(48px, calc(var(--_min-height) + var(--md-sys-density-scale, 0) * 4px));padding-block:max(0px, calc(2px + var(--md-sys-density-scale, 0) * 0.5px));padding-inline:0;box-sizing:border-box;cursor:pointer;user-select:none;position:relative;outline:none;-webkit-tap-highlight-color:transparent;color:var(--_icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-rail-tab--disabled){cursor:default;pointer-events:none;color:color-mix( in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--_disabled-opacity) * 100%), transparent )}:host(:focus-visible){outline:none}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid var(--_focus-ring-color);outline-offset:2px}:host(.md-navigation-rail-tab--expanded:focus-visible) .md-navigation-rail-tab__indicator{outline-offset:-3px}md-ripple{border-radius:inherit}.md-navigation-rail-tab__indicator{position:absolute;inset-block-start:max(2px, calc(2px + var(--md-sys-density-scale, 0) * -0.5px));inset-inline:0;margin-inline:auto;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);border-radius:var(--_indicator-shape);background-color:transparent;pointer-events:none;overflow:hidden;transition:background-color var(--_motion-duration) var(--_motion-easing), inline-size var(--_motion-spatial-duration) var(--_motion-spatial-easing);z-index:0}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--labels-none:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator,:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator{inset-block:0;margin-block:auto}.md-navigation-rail-tab__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing);border-radius:inherit}:host(:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_hover-opacity)}:host(:focus-visible:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_focus-opacity)}:host(:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_press-opacity)}.md-navigation-rail-tab__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);z-index:1;pointer-events:none}.md-navigation-rail-tab__icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md-navigation-rail-tab__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_motion-duration) var(--_motion-easing);color:inherit}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__icon{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted([slot='icon']){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:currentColor;fill:currentColor;pointer-events:none}.md-navigation-rail-tab__label{position:relative;z-index:1;font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);text-align:center;color:var(--_label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%;transition:color var(--_motion-duration) var(--_motion-easing), font-weight var(--_motion-duration) var(--_motion-easing), opacity var(--_motion-duration) var(--_motion-easing);padding-inline:var(--md-sys-spacing-inset-xs, 4px);box-sizing:border-box}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{color:var(--_active-label-color);font-weight:var(--md-sys-typescale-label-medium-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{max-block-size:1.25rem;transition:color var(--_motion-duration) var(--_motion-easing), font-weight var(--_motion-duration) var(--_motion-easing), opacity var(--_motion-duration) var(--_motion-easing), max-block-size var(--_motion-duration) var(--_motion-easing), margin-block-start var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{opacity:0;max-block-size:0;margin-block-start:-4px}:host(.md-navigation-rail-tab--labels-selected.md-navigation-rail-tab--expanded:not(.md-navigation-rail-tab--active)) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--expanded){flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);padding-block:0;inline-size:fit-content;min-block-size:max(48px, calc(56px + var(--md-sys-density-scale, 0) * 4px));border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__indicator{position:absolute;inset:0;transform:none;inline-size:auto;block-size:auto;border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__icon-wrapper{inline-size:var(--_icon-size);block-size:var(--_icon-size);flex:0 0 auto}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__label{text-align:start;flex:1 1 auto;min-inline-size:0;display:inline-block;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{font-weight:var(--md-sys-typescale-label-large-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}.md-navigation-rail-tab__badge{position:absolute;background-color:var(--_badge-color);color:var(--_badge-content-color);border-radius:var(--md-sys-shape-corner-full, 9999px);line-height:1;box-sizing:border-box;pointer-events:none;z-index:2}.md-navigation-rail-tab__badge--dot{inline-size:6px;block-size:6px;inset-block-start:-2px;inset-inline-end:-2px}.md-navigation-rail-tab__badge--large{min-inline-size:16px;block-size:16px;padding-inline:4px;inset-block-start:-6px;inset-inline-end:-6px;font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center}.md-navigation-rail-tab__anchor{display:contents;color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail-tab__indicator,.md-navigation-rail-tab__state-layer,.md-navigation-rail-tab__icon,.md-navigation-rail-tab__label{transition:none}}@media (forced-colors: active){:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:Highlight;forced-color-adjust:none}:host(.md-navigation-rail-tab--active){color:HighlightText}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid CanvasText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([data-orientation='horizontal']){block-size:100%}:host([data-orientation='horizontal']) .md-navigation-rail-tab__indicator,:host([data-orientation='horizontal']) .md-navigation-rail-tab__state-layer{display:none}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{border-radius:var(--_indicator-shape);background-color:transparent;transition:background-color var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal'].md-navigation-rail-tab--active) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper::after{content:'';position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal']:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_hover-opacity)}:host([data-orientation='horizontal']:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_press-opacity)}:host([data-orientation='horizontal']:focus-visible) .md-navigation-rail-tab__icon-wrapper{outline:3px solid var(--_focus-ring-color);outline-offset:2px}.md-navigation-rail-tab__caret{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px));line-height:1;vertical-align:middle;margin-inline-start:2px;transition:transform var(--md-navigation-rail-tab-caret-duration, var(--md-sys-motion-duration-medium2, 300ms)) var( --md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1) )}:host([aria-expanded='true']) .md-navigation-rail-tab__caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.md-navigation-rail-tab__caret{transition-duration:1ms}}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected[data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__icon,:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__label{color:var(--_active-icon-color)}`;const d=class{constructor(t){a(this,t);this.mdTabClick=i(this,"mdTabClick",7);this.mdSubmenuToggle=i(this,"mdSubmenuToggle",7);this.icon="";this.label="";this.active=false;this.disabled=false;this.badge=false;this.badgeValue="";this.href="";this.target="";this.value="";this.labelVisibility="all";this.expanded=false;this.density=0;this.iconFirst=null;this.pendingTransition=false;this.submenuOpen=false;this.hasSubmenu=false;this.submenuHasSelection=false;this.handleSubmenuClick=a=>{const i=a.target?.closest?.("md-menu-item");const t=this.submenu;if(!i||!t||!t.contains(i))return;t.querySelectorAll("md-menu-item[selected]").forEach((a=>{if(a!==i)a.removeAttribute("selected")}));i.setAttribute("selected","");this.syncSubmenuSelection();this.mdTabClick.emit({value:this.value})};this.handleClick=a=>{if(this.disabled){a.preventDefault();a.stopImmediatePropagation();return}if(this.submenu){a.preventDefault();this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value})};this.handleKeyDown=a=>{if(this.disabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();e(this.el);if(this.submenu){this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value});if(this.href){const a=this.el.shadowRoot?.querySelector("a.md-navigation-rail-tab__anchor");a?.click()}}}}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){this.warnMissingAccessibleName()}this.ensureSubmenuAnchor();const a=this.submenu;this.hasSubmenu=!!a;if(a){a.addEventListener("mdOpen",(()=>{this.submenuOpen=true;this.mdSubmenuToggle.emit({open:true})}));a.addEventListener("mdClose",(()=>{this.submenuOpen=false;this.syncSubmenuSelection();this.mdSubmenuToggle.emit({open:false})}));a.addEventListener("mdClick",(a=>this.handleSubmenuClick(a)));this.syncSubmenuSelection()}}onExpandedChange(){if(this.prefersReducedMotion())return;this.iconFirst=this.iconCentre();this.pendingTransition=true}componentDidRender(){if(!this.pendingTransition)return;this.pendingTransition=false;this.playTransition()}prefersReducedMotion(){return typeof window!=="undefined"&&!!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches}iconCentre(){const a=this.el.shadowRoot?.querySelector(".md-navigation-rail-tab__icon-wrapper");if(!a)return null;const i=a.getBoundingClientRect();return{cx:i.left+i.width/2,cy:i.top+i.height/2}}motionDuration(){const a=getComputedStyle(this.el).getPropertyValue("--md-sys-motion-duration-short4").trim();if(a.endsWith("ms"))return parseFloat(a)||200;if(a.endsWith("s"))return(parseFloat(a)||.2)*1e3;return 200}playTransition(){const a=this.el.shadowRoot;if(!a)return;const i=this.motionDuration();const t=a.querySelector(".md-navigation-rail-tab__icon-wrapper");if(t&&this.iconFirst){const a=t.getBoundingClientRect();const n=this.iconFirst.cx-(a.left+a.width/2);const o=this.iconFirst.cy-(a.top+a.height/2);if(Math.abs(n)>.5||Math.abs(o)>.5){t.animate([{transform:`translate(${n}px, ${o}px)`},{transform:"translate(0, 0)"}],{duration:i,easing:getComputedStyle(this.el).getPropertyValue("--md-sys-motion-easing-standard").trim()||"cubic-bezier(0.2, 0, 0, 1)",fill:"none"})}}this.iconFirst=null;const n=a.querySelector(".md-navigation-rail-tab__label");if(n){n.animate([{opacity:0},{opacity:0,offset:.15},{opacity:1}],{duration:i,easing:"ease-out",fill:"none"})}}warnMissingAccessibleName(){const a=this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby");if(!this.label&&!a){console.warn("[md-navigation-rail-tab] WCAG 1.1.1 / 2.4.4: destination is missing a label. "+"Add a `label` attribute or aria-label.",this.el)}}get submenu(){return this.el.querySelector('[slot="submenu"]')}ensureSubmenuAnchor(){const a=this.submenu;if(!a)return;if(!this.el.id){this.generatedId=this.generatedId??`md-rail-tab-${Math.random().toString(36).slice(2,9)}`;this.el.id=this.generatedId}if(a.getAttribute("anchor")!==this.el.id)a.setAttribute("anchor",this.el.id);if(!a.hasAttribute("placement"))a.setAttribute("placement","bottom-start")}async clearSubmenuSelection(){const a=this.submenu;a?.querySelectorAll("md-menu-item[selected]").forEach((a=>{a.removeAttribute("selected")}));this.submenuHasSelection=false}syncSubmenuSelection(){const a=this.submenu;this.submenuHasSelection=!!a?.querySelector('md-menu-item[selected], md-menu-item[aria-checked="true"]')}toggleSubmenu(){const a=this.submenu;if(!a)return;if(a.open)void a.close();else void a.show()}get displayBadgeValue(){if(!this.badgeValue)return"";const a=Number(this.badgeValue);if(Number.isFinite(a)&&a>999)return"999+";return this.badgeValue}renderIcon(){const a=!!this.icon;return t("slot",{name:"icon"},a&&t("span",{class:"md-navigation-rail-tab__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon))}renderBadge(){const a=!!this.badgeValue;const i=this.badge&&!a;if(!a&&!i)return null;return t("span",{class:{"md-navigation-rail-tab__badge":true,"md-navigation-rail-tab__badge--dot":i,"md-navigation-rail-tab__badge--large":a},part:i?"badge badge-dot":"badge badge-large",role:"status","aria-label":a?`${this.displayBadgeValue} new notifications`:"new notifications"},a&&this.displayBadgeValue)}renderInner(){return[t("span",{class:"md-navigation-rail-tab__indicator",part:"indicator","aria-hidden":"true"},t("span",{class:"md-navigation-rail-tab__state-layer",part:"state-layer","aria-hidden":"true"})),t("md-ripple",{disabled:this.disabled}),t("span",{class:"md-navigation-rail-tab__icon-wrapper",part:"icon-wrapper"},t("span",{class:"md-navigation-rail-tab__icon-box"},this.renderIcon(),this.renderBadge())),this.label&&t("span",{class:"md-navigation-rail-tab__label",part:"label"},this.label,this.hasSubmenu&&t("span",{class:"md-navigation-rail-tab__caret material-symbols-outlined",part:"caret","aria-hidden":"true"},"arrow_drop_down")),t("slot",{name:"submenu"})]}render(){const a=r(this.href);const i=!!a&&!this.disabled;const o=this.disabled?"true":null;const e=this.active&&i?"page":null;const l=i?null:this.active?"true":"false";const d=i?"link":"tab";const c=this.el.getAttribute("aria-label")??undefined;const m=i?this.label||c:!this.label?c:undefined;return t(n,{key:"f7f616314485ebf51d0cc79a5a91c949a98045de",class:{"md-navigation-rail-tab":true,"md-navigation-rail-tab--active":this.active,"md-navigation-rail-tab--child-selected":this.submenuHasSelection&&!this.active,"md-navigation-rail-tab--disabled":this.disabled,"md-navigation-rail-tab--has-label":!!this.label,[`md-navigation-rail-tab--labels-${this.labelVisibility}`]:true,"md-navigation-rail-tab--expanded":this.expanded},role:d,"aria-selected":l,"aria-current":e,"aria-disabled":o,"aria-label":m,tabindex:this.disabled?"-1":this.active?"0":"-1","aria-haspopup":this.submenu?"menu":undefined,"aria-expanded":this.submenu?this.submenuOpen?"true":"false":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i?t("a",{class:"md-navigation-rail-tab__anchor",href:a,target:this.target||undefined,rel:this.target?s:undefined,tabIndex:-1,"aria-hidden":"true",part:"anchor"},this.renderInner()):this.renderInner())}get el(){return o(this)}static get watchers(){return{expanded:[{onExpandedChange:0}]}}};d.style=l();export{d as md_navigation_rail_tab};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as i,h as t,H as n,g as o}from"./p-WmvQpZnM.js";import{t as e}from"./p-DYBUr7K_.js";import{s as r,S as s}from"./p-BdEoSBtL.js";const l=()=>`:host{--_icon-color:var( --md-navigation-rail-tab-icon-color, var(--md-sys-color-on-surface-variant, #49454F) );--_active-icon-color:var( --md-navigation-rail-tab-active-icon-color, var(--md-sys-color-on-secondary-container, #4A4458) );--_label-color:var( --md-navigation-rail-tab-label-color, var(--md-sys-color-on-surface-variant, #49454F) );--_active-label-color:var( --md-navigation-rail-tab-active-label-color, var(--md-sys-color-secondary, #625B71) );--_indicator-color:var( --md-navigation-rail-tab-indicator-color, var(--md-sys-color-secondary-container, #E8DEF8) );--_indicator-shape:var( --md-navigation-rail-tab-indicator-shape, var(--md-sys-shape-corner-full, 9999px) );--_indicator-width:var(--md-navigation-rail-tab-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-height:var(--md-navigation-rail-tab-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_icon-size:var(--md-navigation-rail-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_min-height:var(--md-navigation-rail-tab-min-height, 56px);--_badge-color:var( --md-navigation-rail-tab-badge-color, var(--md-sys-color-error, #B3261E) );--_badge-content-color:var( --md-navigation-rail-tab-badge-content-color, var(--md-sys-color-on-error, #FFFFFF) );--_focus-ring-color:var( --md-navigation-rail-tab-focus-ring-color, var(--md-sys-color-secondary, #625B71) );--_state-layer-color:var( --md-navigation-rail-tab-state-layer-color, var(--md-sys-color-on-secondary-container, #4A4458) );--_motion-duration:var(--md-sys-motion-spring-effects-fast-duration, 150ms);--_motion-easing:var( --md-sys-motion-spring-effects-fast-easing, cubic-bezier(0.31, 0.94, 0.34, 1) );--_motion-spatial-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);--_motion-spatial-easing:var( --md-sys-motion-spring-spatial-fast-easing, cubic-bezier(0.42, 1.67, 0.21, 0.9) );--_hover-opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08);--_focus-opacity:var(--md-navigation-rail-tab-focus-state-layer-opacity, 0.10);--_press-opacity:var(--md-navigation-rail-tab-press-state-layer-opacity, 0.10);--_disabled-opacity:var(--md-sys-state-disabled-content-opacity, 0.38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;min-block-size:max(48px, calc(var(--_min-height) + var(--md-sys-density-scale, 0) * 4px));padding-block:max(0px, calc(2px + var(--md-sys-density-scale, 0) * 0.5px));padding-inline:0;box-sizing:border-box;cursor:pointer;user-select:none;position:relative;outline:none;-webkit-tap-highlight-color:transparent;color:var(--_icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-rail-tab--disabled){cursor:default;pointer-events:none;color:color-mix( in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--_disabled-opacity) * 100%), transparent )}:host(:focus-visible){outline:none}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid var(--_focus-ring-color);outline-offset:2px}:host(.md-navigation-rail-tab--expanded:focus-visible) .md-navigation-rail-tab__indicator{outline-offset:-3px}md-ripple{border-radius:inherit}.md-navigation-rail-tab__indicator{position:absolute;inset-block-start:max(2px, calc(2px + var(--md-sys-density-scale, 0) * -0.5px));inset-inline:0;margin-inline:auto;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);border-radius:var(--_indicator-shape);background-color:transparent;pointer-events:none;overflow:hidden;transition:background-color var(--_motion-duration) var(--_motion-easing), inline-size var(--_motion-spatial-duration) var(--_motion-spatial-easing);z-index:0}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--labels-none:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator,:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator{inset-block:0;margin-block:auto}.md-navigation-rail-tab__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing);border-radius:inherit}:host(:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_hover-opacity)}:host(:focus-visible:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_focus-opacity)}:host(:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_press-opacity)}.md-navigation-rail-tab__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);z-index:1;pointer-events:none}.md-navigation-rail-tab__icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md-navigation-rail-tab__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_motion-duration) var(--_motion-easing);color:inherit}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__icon{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted([slot='icon']){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:currentColor;fill:currentColor;pointer-events:none}.md-navigation-rail-tab__label{position:relative;z-index:1;font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);text-align:center;color:var(--_label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%;transition:color var(--_motion-duration) var(--_motion-easing), font-weight var(--_motion-duration) var(--_motion-easing), opacity var(--_motion-duration) var(--_motion-easing);padding-inline:var(--md-sys-spacing-inset-xs, 4px);box-sizing:border-box}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{color:var(--_active-label-color);font-weight:var(--md-sys-typescale-label-medium-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{max-block-size:1.25rem;transition:color var(--_motion-duration) var(--_motion-easing), font-weight var(--_motion-duration) var(--_motion-easing), opacity var(--_motion-duration) var(--_motion-easing), max-block-size var(--_motion-duration) var(--_motion-easing), margin-block-start var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{opacity:0;max-block-size:0;margin-block-start:-4px}:host(.md-navigation-rail-tab--labels-selected.md-navigation-rail-tab--expanded:not(.md-navigation-rail-tab--active)) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--expanded){flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);padding-block:0;inline-size:fit-content;min-block-size:max(48px, calc(56px + var(--md-sys-density-scale, 0) * 4px));border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__indicator{position:absolute;inset:0;transform:none;inline-size:auto;block-size:auto;border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__icon-wrapper{inline-size:var(--_icon-size);block-size:var(--_icon-size);flex:0 0 auto}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__label{text-align:start;flex:1 1 auto;min-inline-size:0;display:inline-block;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{font-weight:var(--md-sys-typescale-label-large-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}.md-navigation-rail-tab__badge{position:absolute;background-color:var(--_badge-color);color:var(--_badge-content-color);border-radius:var(--md-sys-shape-corner-full, 9999px);line-height:1;box-sizing:border-box;pointer-events:none;z-index:2}.md-navigation-rail-tab__badge--dot{inline-size:6px;block-size:6px;inset-block-start:-2px;inset-inline-end:-2px}.md-navigation-rail-tab__badge--large{min-inline-size:16px;block-size:16px;padding-inline:4px;inset-block-start:-6px;inset-inline-end:-6px;font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center}.md-navigation-rail-tab__anchor{display:contents;color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail-tab__indicator,.md-navigation-rail-tab__state-layer,.md-navigation-rail-tab__icon,.md-navigation-rail-tab__label{transition:none}}@media (forced-colors: active){:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:Highlight;forced-color-adjust:none}:host(.md-navigation-rail-tab--active){color:HighlightText}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid CanvasText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([data-orientation='horizontal']){block-size:100%}:host([data-orientation='horizontal']) .md-navigation-rail-tab__indicator,:host([data-orientation='horizontal']) .md-navigation-rail-tab__state-layer{display:none}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{border-radius:var(--_indicator-shape);background-color:transparent;transition:background-color var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal'].md-navigation-rail-tab--active) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper::after{content:'';position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal']:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_hover-opacity)}:host([data-orientation='horizontal']:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_press-opacity)}:host([data-orientation='horizontal']:focus-visible) .md-navigation-rail-tab__icon-wrapper{outline:3px solid var(--_focus-ring-color);outline-offset:2px}.md-navigation-rail-tab__caret{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px));line-height:1;vertical-align:middle;margin-inline-start:2px;transition:transform var(--md-navigation-rail-tab-caret-duration, var(--md-sys-motion-duration-medium2, 300ms)) var( --md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1) )}:host([aria-expanded='true']) .md-navigation-rail-tab__caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.md-navigation-rail-tab__caret{transition-duration:1ms}}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected[data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__icon,:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__label{color:var(--_active-icon-color)}`;const d=class{constructor(t){a(this,t);this.mdTabClick=i(this,"mdTabClick",7);this.mdSubmenuToggle=i(this,"mdSubmenuToggle",7);this.icon="";this.label="";this.active=false;this.disabled=false;this.badge=false;this.badgeValue="";this.href="";this.target="";this.value="";this.labelVisibility="all";this.expanded=false;this.density=0;this.iconFirst=null;this.pendingTransition=false;this.submenuOpen=false;this.hasSubmenu=false;this.submenuHasSelection=false;this.handleSubmenuClick=a=>{const i=a.target?.closest?.("md-menu-item");const t=this.submenu;if(!i||!t||!t.contains(i))return;t.querySelectorAll("md-menu-item[selected]").forEach((a=>{if(a!==i)a.removeAttribute("selected")}));i.setAttribute("selected","");this.syncSubmenuSelection();this.mdTabClick.emit({value:this.value})};this.handleClick=a=>{if(this.disabled){a.preventDefault();a.stopImmediatePropagation();return}if(this.submenu){a.preventDefault();this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value})};this.handleKeyDown=a=>{if(this.disabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();e(this.el);if(this.submenu){this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value});if(this.href){const a=this.el.shadowRoot?.querySelector("a.md-navigation-rail-tab__anchor");a?.click()}}}}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){this.warnMissingAccessibleName()}this.ensureSubmenuAnchor();const a=this.submenu;this.hasSubmenu=!!a;if(a){a.addEventListener("mdOpen",(()=>{this.submenuOpen=true;this.mdSubmenuToggle.emit({open:true})}));a.addEventListener("mdClose",(()=>{this.submenuOpen=false;this.syncSubmenuSelection();this.mdSubmenuToggle.emit({open:false})}));a.addEventListener("mdClick",(a=>this.handleSubmenuClick(a)));this.syncSubmenuSelection()}}onExpandedChange(){if(this.prefersReducedMotion())return;this.iconFirst=this.iconCentre();this.pendingTransition=true}componentDidRender(){if(!this.pendingTransition)return;this.pendingTransition=false;this.playTransition()}prefersReducedMotion(){return typeof window!=="undefined"&&!!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches}iconCentre(){const a=this.el.shadowRoot?.querySelector(".md-navigation-rail-tab__icon-wrapper");if(!a)return null;const i=a.getBoundingClientRect();return{cx:i.left+i.width/2,cy:i.top+i.height/2}}motionDuration(){const a=getComputedStyle(this.el).getPropertyValue("--md-sys-motion-duration-short4").trim();if(a.endsWith("ms"))return parseFloat(a)||200;if(a.endsWith("s"))return(parseFloat(a)||.2)*1e3;return 200}playTransition(){const a=this.el.shadowRoot;if(!a)return;const i=this.motionDuration();const t=a.querySelector(".md-navigation-rail-tab__icon-wrapper");if(t&&this.iconFirst){const a=t.getBoundingClientRect();const n=this.iconFirst.cx-(a.left+a.width/2);const o=this.iconFirst.cy-(a.top+a.height/2);if(Math.abs(n)>.5||Math.abs(o)>.5){t.animate([{transform:`translate(${n}px, ${o}px)`},{transform:"translate(0, 0)"}],{duration:i,easing:getComputedStyle(this.el).getPropertyValue("--md-sys-motion-easing-standard").trim()||"cubic-bezier(0.2, 0, 0, 1)",fill:"none"})}}this.iconFirst=null;const n=a.querySelector(".md-navigation-rail-tab__label");if(n){n.animate([{opacity:0},{opacity:0,offset:.15},{opacity:1}],{duration:i,easing:"ease-out",fill:"none"})}}warnMissingAccessibleName(){const a=this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby");if(!this.label&&!a){console.warn("[md-navigation-rail-tab] WCAG 1.1.1 / 2.4.4: destination is missing a label. "+"Add a `label` attribute or aria-label.",this.el)}}get submenu(){return this.el.querySelector('[slot="submenu"]')}ensureSubmenuAnchor(){const a=this.submenu;if(!a)return;if(!this.el.id){this.generatedId=this.generatedId??`md-rail-tab-${Math.random().toString(36).slice(2,9)}`;this.el.id=this.generatedId}if(a.getAttribute("anchor")!==this.el.id)a.setAttribute("anchor",this.el.id);if(!a.hasAttribute("placement"))a.setAttribute("placement","bottom-start")}async clearSubmenuSelection(){const a=this.submenu;a?.querySelectorAll("md-menu-item[selected]").forEach((a=>{a.removeAttribute("selected")}));this.submenuHasSelection=false}syncSubmenuSelection(){const a=this.submenu;this.submenuHasSelection=!!a?.querySelector('md-menu-item[selected], md-menu-item[aria-checked="true"]')}toggleSubmenu(){const a=this.submenu;if(!a)return;if(a.open)void a.close();else void a.show()}get displayBadgeValue(){if(!this.badgeValue)return"";const a=Number(this.badgeValue);if(Number.isFinite(a)&&a>999)return"999+";return this.badgeValue}renderIcon(){const a=!!this.icon;return t("slot",{name:"icon"},a&&t("span",{class:"md-navigation-rail-tab__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon))}renderBadge(){const a=!!this.badgeValue;const i=this.badge&&!a;if(!a&&!i)return null;return t("span",{class:{"md-navigation-rail-tab__badge":true,"md-navigation-rail-tab__badge--dot":i,"md-navigation-rail-tab__badge--large":a},part:i?"badge badge-dot":"badge badge-large",role:"status","aria-label":a?`${this.displayBadgeValue} new notifications`:"new notifications"},a&&this.displayBadgeValue)}renderInner(){return[t("span",{class:"md-navigation-rail-tab__indicator",part:"indicator","aria-hidden":"true"},t("span",{class:"md-navigation-rail-tab__state-layer",part:"state-layer","aria-hidden":"true"})),t("md-ripple",{disabled:this.disabled}),t("span",{class:"md-navigation-rail-tab__icon-wrapper",part:"icon-wrapper"},t("span",{class:"md-navigation-rail-tab__icon-box"},this.renderIcon(),this.renderBadge())),this.label&&t("span",{class:"md-navigation-rail-tab__label",part:"label"},this.label,this.hasSubmenu&&t("span",{class:"md-navigation-rail-tab__caret material-symbols-outlined",part:"caret","aria-hidden":"true"},"arrow_drop_down")),t("slot",{name:"submenu"})]}render(){const a=r(this.href);const i=!!a&&!this.disabled;const o=this.disabled?"true":null;const e=this.active&&i?"page":null;const l=i?null:this.active?"true":"false";const d=i?"link":"tab";const c=this.el.getAttribute("aria-label")??undefined;const m=i?this.label||c:!this.label?c:undefined;return t(n,{key:"f7f616314485ebf51d0cc79a5a91c949a98045de",class:{"md-navigation-rail-tab":true,"md-navigation-rail-tab--active":this.active,"md-navigation-rail-tab--child-selected":this.submenuHasSelection&&!this.active,"md-navigation-rail-tab--disabled":this.disabled,"md-navigation-rail-tab--has-label":!!this.label,[`md-navigation-rail-tab--labels-${this.labelVisibility}`]:true,"md-navigation-rail-tab--expanded":this.expanded},role:d,"aria-selected":l,"aria-current":e,"aria-disabled":o,"aria-label":m,tabindex:this.disabled?"-1":this.active?"0":"-1","aria-haspopup":this.submenu?"menu":undefined,"aria-expanded":this.submenu?this.submenuOpen?"true":"false":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i?t("a",{class:"md-navigation-rail-tab__anchor",href:a,target:this.target||undefined,rel:this.target?s:undefined,tabIndex:-1,"aria-hidden":"true",part:"anchor"},this.renderInner()):this.renderInner())}get el(){return o(this)}static get watchers(){return{expanded:[{onExpandedChange:0}]}}};d.style=l();export{d as md_navigation_rail_tab};
|
|
2
|
+
//# sourceMappingURL=p-5f668b0a.entry.js.map
|