@bmxc/pami-elements 0.1.0-beta.1 → 0.1.0-beta.2
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/README.md +11 -28
- package/bin/templates/astro/package.json +2 -2
- package/bin/templates/html/index.html +2 -2
- package/bin/templates/html/package.json +2 -2
- package/bin/templates/next/package.json +3 -3
- package/bin/templates/nuxt/package.json +2 -2
- package/bin/templates/sveltekit/package.json +2 -2
- package/custom-elements.json +1359 -227
- package/dist/cjs/{a11y-Ca42WC0-.js → a11y-BkZcUjqf.js} +3 -3
- package/dist/cjs/{a11y-Ca42WC0-.js.map → a11y-BkZcUjqf.js.map} +1 -1
- package/dist/cjs/{bar-chart-C5fkmmAE.js → bar-chart-H044QgXk.js} +4 -4
- package/dist/cjs/{bar-chart-C5fkmmAE.js.map → bar-chart-H044QgXk.js.map} +1 -1
- package/dist/cjs/{chart-CHUt-2H0.js → chart-XXwCCL0v.js} +4 -4
- package/dist/cjs/{chart-CHUt-2H0.js.map → chart-XXwCCL0v.js.map} +1 -1
- package/dist/cjs/{hit-test-ChmAe1Nv.js → hit-test-C-8-_ADP.js} +3 -3
- package/dist/cjs/{hit-test-ChmAe1Nv.js.map → hit-test-C-8-_ADP.js.map} +1 -1
- package/dist/cjs/isolation-escape-DfVN8s6G.js +92 -0
- package/dist/cjs/isolation-escape-DfVN8s6G.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pami-app-bar.cjs.entry.js +2 -2
- package/dist/cjs/pami-app-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-area-chart.cjs.entry.js +4 -4
- package/dist/cjs/pami-avatar_2.cjs.entry.js +2 -2
- package/dist/cjs/pami-avatar_2.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-bar-chart.cjs.entry.js +4 -4
- package/dist/cjs/pami-bottom-sheet.cjs.entry.js +2 -2
- package/dist/cjs/pami-bottom-sheet.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/pami-breadcrumb-item.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-button_7.cjs.entry.js +23 -39
- package/dist/cjs/pami-button_7.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-callout.cjs.entry.js +30 -0
- package/dist/cjs/pami-callout.cjs.entry.js.map +1 -0
- package/dist/cjs/pami-checkbox.cjs.entry.js +5 -5
- package/dist/cjs/pami-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-chip.cjs.entry.js +5 -5
- package/dist/cjs/pami-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-date-picker.cjs.entry.js +4 -5
- package/dist/cjs/pami-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-dialog.cjs.entry.js +4 -4
- package/dist/cjs/pami-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-divider.cjs.entry.js +2 -2
- package/dist/cjs/pami-fab-menu-item.cjs.entry.js +5 -5
- package/dist/cjs/pami-fab-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-fab-menu.cjs.entry.js +2 -2
- package/dist/cjs/pami-fab.cjs.entry.js +5 -5
- package/dist/cjs/pami-fab.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-line-chart.cjs.entry.js +6 -6
- package/dist/cjs/pami-list-item.cjs.entry.js +2 -2
- package/dist/cjs/pami-list-item.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-menu-item-group.cjs.entry.js +2 -2
- package/dist/cjs/pami-menu-item-group.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-menu_2.cjs.entry.js +5 -88
- package/dist/cjs/pami-menu_2.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-meter.cjs.entry.js +2 -2
- package/dist/cjs/pami-multi-select.cjs.entry.js +3 -3
- package/dist/cjs/pami-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-navigation-bar.cjs.entry.js +2 -2
- package/dist/cjs/pami-navigation-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-navigation-group.cjs.entry.js +24 -0
- package/dist/cjs/pami-navigation-group.cjs.entry.js.map +1 -0
- package/dist/cjs/pami-navigation-rail-tab.cjs.entry.js +156 -9
- package/dist/cjs/pami-navigation-rail-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-navigation-rail.cjs.entry.js +211 -29
- package/dist/cjs/pami-navigation-rail.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-navigation-tab.cjs.entry.js +3 -3
- package/dist/cjs/pami-navigation-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-organization-chart.cjs.entry.js +1 -1
- package/dist/cjs/pami-organization-chart.cjs.entry.js.map +1 -1
- package/dist/cjs/{pami-painter-CEq_kp4Z.js → pami-painter-WpO-HKN2.js} +260 -57
- package/dist/cjs/pami-painter-WpO-HKN2.js.map +1 -0
- package/dist/cjs/pami-pie-chart.cjs.entry.js +4 -4
- package/dist/cjs/pami-progress-indicator.cjs.entry.js +1 -1
- package/dist/cjs/pami-rating.cjs.entry.js +3 -3
- package/dist/cjs/pami-rating.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-search.cjs.entry.js +1 -1
- package/dist/cjs/pami-search.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-segmented-button-set.cjs.entry.js +2 -2
- package/dist/cjs/pami-segmented-button.cjs.entry.js +6 -6
- package/dist/cjs/pami-segmented-button.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-select.cjs.entry.js +2 -2
- package/dist/cjs/pami-side-sheet.cjs.entry.js +49 -22
- package/dist/cjs/pami-side-sheet.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/pami-slider.cjs.entry.js +2 -2
- package/dist/cjs/pami-slider.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-sparkline.cjs.entry.js +4 -4
- package/dist/cjs/pami-split-button.cjs.entry.js +6 -6
- package/dist/cjs/pami-split-button.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-step.cjs.entry.js +7 -7
- package/dist/cjs/pami-stepper.cjs.entry.js +3 -3
- package/dist/cjs/pami-sub-menu-item.cjs.entry.js +4 -4
- package/dist/cjs/pami-sub-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-switch.cjs.entry.js +4 -4
- package/dist/cjs/pami-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/pami-tab-panels.cjs.entry.js +1 -1
- package/dist/cjs/pami-tab.cjs.entry.js +5 -5
- package/dist/cjs/pami-table-body.cjs.entry.js +1 -1
- package/dist/cjs/pami-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/pami-table-container.cjs.entry.js +2 -2
- package/dist/cjs/pami-table-expand-toggle.cjs.entry.js +2 -2
- package/dist/cjs/pami-table-foot.cjs.entry.js +1 -1
- package/dist/cjs/pami-table-head.cjs.entry.js +1 -1
- package/dist/cjs/pami-table-pagination.cjs.entry.js +2 -2
- package/dist/cjs/pami-table-row.cjs.entry.js +4 -4
- package/dist/cjs/pami-table-sort-label.cjs.entry.js +2 -2
- package/dist/cjs/pami-table-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/pami-tabs.cjs.entry.js +2 -2
- package/dist/cjs/pami-tag.cjs.entry.js +27 -0
- package/dist/cjs/pami-tag.cjs.entry.js.map +1 -0
- package/dist/cjs/pami-text-field.cjs.entry.js +2 -2
- package/dist/cjs/pami-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/pami-toolbar.cjs.entry.js +3 -3
- package/dist/cjs/pami-transfer-list.cjs.entry.js +1 -1
- package/dist/cjs/pami-transfer-list.cjs.entry.js.map +1 -1
- package/dist/cjs/pami.cjs.js +1 -1
- package/dist/cjs/{ripple-CiICEyeg.js → ripple-xSbG6X8P.js} +7 -2
- package/dist/cjs/ripple-xSbG6X8P.js.map +1 -0
- package/dist/cjs/{rtl-D4GO_8Co.js → rtl-Dof3JElE.js} +27 -5
- package/dist/cjs/rtl-Dof3JElE.js.map +1 -0
- package/dist/cjs/status-surface-BWKxIZPo.js +13 -0
- package/dist/cjs/status-surface-BWKxIZPo.js.map +1 -0
- package/dist/cjs/virtual-select-controller-BwjMiADh.js.map +1 -1
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/pami-app-bar/pami-app-bar.css +85 -86
- package/dist/collection/components/pami-bottom-sheet/pami-bottom-sheet.css +85 -86
- package/dist/collection/components/pami-breadcrumb-item/pami-breadcrumb-item.css +85 -86
- package/dist/collection/components/pami-button/pami-button.css +85 -86
- package/dist/collection/components/pami-callout/pami-callout.css +298 -0
- package/dist/collection/components/pami-callout/pami-callout.js +94 -0
- package/dist/collection/components/pami-callout/pami-callout.js.map +1 -0
- package/dist/collection/components/pami-card/pami-card.css +85 -86
- package/dist/collection/components/pami-checkbox/pami-checkbox.css +85 -86
- package/dist/collection/components/pami-checkbox/pami-checkbox.js +2 -2
- package/dist/collection/components/pami-chip/pami-chip.css +85 -86
- package/dist/collection/components/pami-chip/pami-chip.js +2 -2
- package/dist/collection/components/pami-date-picker/pami-date-picker.js +3 -4
- package/dist/collection/components/pami-date-picker/pami-date-picker.js.map +1 -1
- package/dist/collection/components/pami-dialog/pami-dialog.css +85 -86
- package/dist/collection/components/pami-dialog/pami-dialog.js +2 -2
- package/dist/collection/components/pami-divider/pami-divider.js +2 -2
- package/dist/collection/components/pami-fab/pami-fab.css +85 -86
- package/dist/collection/components/pami-fab/pami-fab.js +2 -2
- package/dist/collection/components/pami-fab-menu/pami-fab-menu.js +2 -2
- package/dist/collection/components/pami-fab-menu-item/pami-fab-menu-item.css +85 -86
- package/dist/collection/components/pami-fab-menu-item/pami-fab-menu-item.js +2 -2
- package/dist/collection/components/pami-icon/pami-icon.js +1 -1
- package/dist/collection/components/pami-icon-button/pami-icon-button.css +85 -86
- package/dist/collection/components/pami-line-chart/pami-line-chart.js +2 -2
- package/dist/collection/components/pami-list-item/pami-list-item.css +1597 -1599
- package/dist/collection/components/pami-menu/pami-menu.css +1 -1
- package/dist/collection/components/pami-menu-item/pami-menu-item.css +5 -5
- package/dist/collection/components/pami-menu-item-group/pami-menu-item-group.css +2 -2
- package/dist/collection/components/pami-menu-item-group/pami-menu-item-group.js +1 -1
- package/dist/collection/components/pami-meter/pami-meter.js +2 -2
- package/dist/collection/components/pami-multi-select/pami-multi-select.css +4 -4
- package/dist/collection/components/pami-multi-select/pami-multi-select.js +2 -2
- package/dist/collection/components/pami-navigation-bar/pami-navigation-bar.css +85 -86
- package/dist/collection/components/pami-navigation-group/pami-navigation-group.css +30 -0
- package/dist/collection/components/pami-navigation-group/pami-navigation-group.js +76 -0
- package/dist/collection/components/pami-navigation-group/pami-navigation-group.js.map +1 -0
- package/dist/collection/components/pami-navigation-rail/pami-navigation-rail.css +70 -1
- package/dist/collection/components/pami-navigation-rail/pami-navigation-rail.js +452 -42
- package/dist/collection/components/pami-navigation-rail/pami-navigation-rail.js.map +1 -1
- package/dist/collection/components/pami-navigation-rail-tab/pami-navigation-rail-tab.css +186 -98
- package/dist/collection/components/pami-navigation-rail-tab/pami-navigation-rail-tab.js +282 -6
- package/dist/collection/components/pami-navigation-rail-tab/pami-navigation-rail-tab.js.map +1 -1
- package/dist/collection/components/pami-navigation-tab/pami-navigation-tab.css +85 -86
- package/dist/collection/components/pami-organization-chart/pami-organization-chart.css +1 -1
- package/dist/collection/components/pami-pie-chart/pami-pie-chart.js +2 -2
- package/dist/collection/components/pami-progress-indicator/pami-progress-indicator.js +1 -1
- package/dist/collection/components/pami-radio/pami-radio.css +85 -86
- package/dist/collection/components/pami-radio/pami-radio.js +2 -2
- package/dist/collection/components/pami-rating/pami-rating.css +3 -3
- package/dist/collection/components/pami-rating/pami-rating.js +2 -2
- package/dist/collection/components/pami-ripple/pami-ripple.css +6 -5
- package/dist/collection/components/pami-ripple/pami-ripple.js +2 -9
- package/dist/collection/components/pami-ripple/pami-ripple.js.map +1 -1
- package/dist/collection/components/pami-search/pami-search.css +3 -3
- package/dist/collection/components/pami-segmented-button/pami-segmented-button.css +85 -86
- package/dist/collection/components/pami-segmented-button/pami-segmented-button.js +3 -3
- package/dist/collection/components/pami-segmented-button-set/pami-segmented-button-set.js +2 -2
- package/dist/collection/components/pami-select/pami-select.js +2 -2
- package/dist/collection/components/pami-side-sheet/pami-side-sheet.css +85 -86
- package/dist/collection/components/pami-side-sheet/pami-side-sheet.js +10 -20
- package/dist/collection/components/pami-side-sheet/pami-side-sheet.js.map +1 -1
- package/dist/collection/components/pami-skeleton/pami-skeleton.js +1 -1
- package/dist/collection/components/pami-slider/pami-slider.css +87 -88
- package/dist/collection/components/pami-snackbar/pami-snackbar.css +93 -92
- package/dist/collection/components/pami-snackbar/pami-snackbar.js +2 -2
- package/dist/collection/components/pami-split-button/pami-split-button.css +85 -86
- package/dist/collection/components/pami-split-button/pami-split-button.js +3 -3
- package/dist/collection/components/pami-step/pami-step.js +6 -6
- package/dist/collection/components/pami-stepper/pami-stepper.js +3 -3
- package/dist/collection/components/pami-sub-menu-item/pami-sub-menu-item.css +4 -4
- package/dist/collection/components/pami-sub-menu-item/pami-sub-menu-item.js +2 -2
- package/dist/collection/components/pami-switch/pami-switch.css +85 -86
- package/dist/collection/components/pami-switch/pami-switch.js +2 -2
- package/dist/collection/components/pami-tab/pami-tab.js +4 -4
- package/dist/collection/components/pami-tab-panel/pami-tab-panel.js +1 -1
- package/dist/collection/components/pami-tab-panels/pami-tab-panels.js +1 -1
- package/dist/collection/components/pami-table-body/pami-table-body.js +1 -1
- package/dist/collection/components/pami-table-cell/pami-table-cell.js +2 -2
- package/dist/collection/components/pami-table-container/pami-table-container.js +2 -2
- package/dist/collection/components/pami-table-expand-toggle/pami-table-expand-toggle.js +2 -2
- package/dist/collection/components/pami-table-foot/pami-table-foot.js +1 -1
- package/dist/collection/components/pami-table-head/pami-table-head.js +1 -1
- package/dist/collection/components/pami-table-pagination/pami-table-pagination.js +2 -2
- package/dist/collection/components/pami-table-row/pami-table-row.js +4 -4
- package/dist/collection/components/pami-table-sort-label/pami-table-sort-label.js +2 -2
- package/dist/collection/components/pami-table-toolbar/pami-table-toolbar.js +2 -2
- package/dist/collection/components/pami-tabs/pami-tabs.js +2 -2
- package/dist/collection/components/pami-tag/pami-tag.css +298 -0
- package/dist/collection/components/pami-tag/pami-tag.js +68 -0
- package/dist/collection/components/pami-tag/pami-tag.js.map +1 -0
- package/dist/collection/components/pami-text-field/pami-text-field.css +87 -88
- package/dist/collection/components/pami-toolbar/pami-toolbar.js +3 -3
- package/dist/collection/components/pami-tooltip/pami-tooltip.css +92 -93
- package/dist/collection/components/pami-transfer-list/pami-transfer-list.css +2 -2
- package/dist/collection/utils/charts/theme.js +25 -3
- package/dist/collection/utils/charts/theme.js.map +1 -1
- package/dist/collection/utils/focusable.js +38 -0
- package/dist/collection/utils/focusable.js.map +1 -0
- package/dist/collection/utils/pami-dots.js.map +1 -1
- package/dist/collection/utils/pami-material-defaults.js +194 -0
- package/dist/collection/utils/pami-material-defaults.js.map +1 -0
- package/dist/collection/utils/pami-material.js +58 -49
- package/dist/collection/utils/pami-material.js.map +1 -1
- package/dist/collection/utils/pami-motion-defaults.js +9 -0
- package/dist/collection/utils/pami-motion-defaults.js.map +1 -0
- package/dist/collection/utils/pami-painter.js +9 -7
- package/dist/collection/utils/pami-painter.js.map +1 -1
- package/dist/collection/utils/ripple.js +5 -0
- package/dist/collection/utils/ripple.js.map +1 -1
- package/dist/collection/utils/status-surface.js +7 -0
- package/dist/collection/utils/status-surface.js.map +1 -0
- package/dist/collection/wasm/engine-abi.js.map +1 -1
- package/dist/components/p-8OtaKJiC.js +2 -0
- package/dist/components/{p-DWSD26x3.js.map → p-8OtaKJiC.js.map} +1 -1
- package/dist/components/{p-DkVOc0wm.js → p-8v8oq2Gq.js} +2 -2
- package/dist/{pami/p-BFrljlvu.js → components/p-AeIwPqCK.js} +2 -2
- package/dist/components/p-BG--_h1M.js +2 -0
- package/dist/{components-csr/p-CKh3uxJF.js.map → components/p-BG--_h1M.js.map} +1 -1
- package/dist/components/{p-C3VyQE8n.js → p-BHjV4ckR.js} +2 -2
- package/dist/components/p-BHqq4sFe.js.map +1 -1
- package/dist/components/p-BOfpnjA1.js +2 -0
- package/dist/components/p-BOfpnjA1.js.map +1 -0
- package/dist/components/p-BcrEx_cg.js +2 -0
- package/dist/components/p-BcrEx_cg.js.map +1 -0
- package/dist/components/p-BhHms8Pb.js +2 -0
- package/dist/components/p-BhHms8Pb.js.map +1 -0
- package/dist/components/p-CKqNm_Q4.js +2 -0
- package/dist/components/p-CKqNm_Q4.js.map +1 -0
- package/dist/components/p-CMZVEmTF.js +2 -0
- package/dist/components/p-CMZVEmTF.js.map +1 -0
- package/dist/components/p-CaX5Betz.js +2 -0
- package/dist/components/p-CaX5Betz.js.map +1 -0
- package/dist/components/{p-Dh4RKEYp.js → p-Cf7x7Pbw.js} +2 -2
- package/dist/components/{p-BKlel-AP.js → p-CsGff_Ta.js} +2 -2
- package/dist/components/p-D-9rjUCJ.js +2 -0
- package/dist/components/p-D-9rjUCJ.js.map +1 -0
- package/dist/components/p-D5YKcPYj.js +2 -0
- package/dist/components/p-D5YKcPYj.js.map +1 -0
- package/dist/components/p-DDCz_UhF.js +2 -0
- package/dist/components/{p-BT8CI4i3.js.map → p-DDCz_UhF.js.map} +1 -1
- package/dist/components/p-DFOfsObx.js +2 -0
- package/dist/{components-csr/p-PG3r1Ywi.js.map → components/p-DFOfsObx.js.map} +1 -1
- package/dist/components/{p-CFpk8pnq.js → p-DKXYFRHy.js} +2 -2
- package/dist/components/{p-BnCqDe23.js → p-DKhFTr-2.js} +2 -2
- package/dist/components/{p-BnCqDe23.js.map → p-DKhFTr-2.js.map} +1 -1
- package/dist/components/p-DYYnx9b0.js +2 -0
- package/dist/components/{p-CKrq0VhQ.js.map → p-DYYnx9b0.js.map} +1 -1
- package/dist/components/p-DcS5GdsQ.js +2 -0
- package/dist/components/{p-DD2A_AfS.js.map → p-DcS5GdsQ.js.map} +1 -1
- package/dist/components/{p-Bf1Bx-JV.js → p-DuoeMUTq.js} +2 -2
- package/dist/{components-csr/p-g4sA3hAp.js → components/p-DzxH9m7D.js} +2 -2
- package/dist/components/pami-accordion-item.js +1 -1
- package/dist/components/pami-app-bar.js +1 -1
- package/dist/components/pami-app-bar.js.map +1 -1
- package/dist/components/pami-area-chart.js +1 -1
- package/dist/components/pami-autocomplete.js +1 -1
- package/dist/components/pami-avatar.js +1 -1
- package/dist/components/pami-badge.js +1 -1
- package/dist/components/pami-bar-chart.js +1 -1
- package/dist/components/pami-bottom-sheet.js +1 -1
- package/dist/components/pami-bottom-sheet.js.map +1 -1
- package/dist/components/pami-breadcrumb-item.js +1 -1
- package/dist/components/pami-breadcrumb-item.js.map +1 -1
- package/dist/components/pami-button.js +1 -1
- package/dist/components/pami-callout.d.ts +11 -0
- package/dist/components/pami-callout.js +2 -0
- package/dist/components/pami-callout.js.map +1 -0
- package/dist/components/pami-card.js +1 -1
- package/dist/components/pami-card.js.map +1 -1
- package/dist/components/pami-checkbox.js +1 -1
- package/dist/components/pami-chip.js +1 -1
- package/dist/components/pami-date-picker.js +1 -1
- package/dist/components/pami-date-picker.js.map +1 -1
- package/dist/components/pami-dialog.js +1 -1
- package/dist/components/pami-dialog.js.map +1 -1
- package/dist/components/pami-divider.js +1 -1
- package/dist/components/pami-fab-menu-item.js +1 -1
- package/dist/components/pami-fab-menu-item.js.map +1 -1
- package/dist/components/pami-fab-menu.js +1 -1
- package/dist/components/pami-fab.js +1 -1
- package/dist/components/pami-fab.js.map +1 -1
- package/dist/components/pami-icon-button.js +1 -1
- package/dist/components/pami-icon.js +1 -1
- package/dist/components/pami-line-chart.js +1 -1
- package/dist/components/pami-list-item.js +1 -1
- package/dist/components/pami-list-item.js.map +1 -1
- package/dist/components/pami-menu-item-group.js +1 -1
- package/dist/components/pami-menu-item-group.js.map +1 -1
- package/dist/components/pami-menu-item.js +1 -1
- package/dist/components/pami-menu.js +1 -1
- package/dist/components/pami-meter.js +1 -1
- package/dist/components/pami-multi-select.js +1 -1
- package/dist/components/pami-multi-select.js.map +1 -1
- package/dist/components/pami-navigation-bar.js +1 -1
- package/dist/components/pami-navigation-bar.js.map +1 -1
- package/dist/components/pami-navigation-group.d.ts +11 -0
- package/dist/components/pami-navigation-group.js +2 -0
- package/dist/components/pami-navigation-group.js.map +1 -0
- package/dist/components/pami-navigation-rail-tab.js +1 -1
- package/dist/components/pami-navigation-rail-tab.js.map +1 -1
- package/dist/components/pami-navigation-rail.js +1 -1
- package/dist/components/pami-navigation-rail.js.map +1 -1
- package/dist/components/pami-navigation-tab.js +1 -1
- package/dist/components/pami-navigation-tab.js.map +1 -1
- package/dist/components/pami-number-field.js +1 -1
- package/dist/components/pami-organization-chart.js +1 -1
- package/dist/components/pami-organization-chart.js.map +1 -1
- package/dist/components/pami-pie-chart.js +1 -1
- package/dist/components/pami-progress-indicator.js +1 -1
- package/dist/components/pami-radio.js +1 -1
- package/dist/components/pami-radio.js.map +1 -1
- package/dist/components/pami-rating.js +1 -1
- package/dist/components/pami-rating.js.map +1 -1
- package/dist/components/pami-ripple.js +1 -1
- package/dist/components/pami-search.js +1 -1
- package/dist/components/pami-search.js.map +1 -1
- package/dist/components/pami-segmented-button-set.js +1 -1
- package/dist/components/pami-segmented-button.js +1 -1
- package/dist/components/pami-segmented-button.js.map +1 -1
- package/dist/components/pami-select.js +1 -1
- package/dist/components/pami-side-sheet.js +1 -1
- package/dist/components/pami-side-sheet.js.map +1 -1
- package/dist/components/pami-skeleton.js +1 -1
- package/dist/components/pami-slider.js +1 -1
- package/dist/components/pami-snackbar.js +1 -1
- package/dist/components/pami-snackbar.js.map +1 -1
- package/dist/components/pami-sparkline.js +1 -1
- package/dist/components/pami-split-button.js +1 -1
- package/dist/components/pami-split-button.js.map +1 -1
- package/dist/components/pami-step.js +1 -1
- package/dist/components/pami-stepper.js +1 -1
- package/dist/components/pami-sub-menu-item.js +1 -1
- package/dist/components/pami-sub-menu-item.js.map +1 -1
- package/dist/components/pami-switch.js +1 -1
- package/dist/components/pami-switch.js.map +1 -1
- package/dist/components/pami-tab-panel.js +1 -1
- package/dist/components/pami-tab-panels.js +1 -1
- package/dist/components/pami-tab.js +1 -1
- package/dist/components/pami-table-body.js +1 -1
- package/dist/components/pami-table-cell.js +1 -1
- package/dist/components/pami-table-container.js +1 -1
- package/dist/components/pami-table-expand-toggle.js +1 -1
- package/dist/components/pami-table-foot.js +1 -1
- package/dist/components/pami-table-head.js +1 -1
- package/dist/components/pami-table-pagination.js +1 -1
- package/dist/components/pami-table-row.js +1 -1
- package/dist/components/pami-table-sort-label.js +1 -1
- package/dist/components/pami-table-toolbar.js +1 -1
- package/dist/components/pami-table.js +1 -1
- package/dist/components/pami-tabs.js +1 -1
- package/dist/components/pami-tag.d.ts +11 -0
- package/dist/components/pami-tag.js +2 -0
- package/dist/components/pami-tag.js.map +1 -0
- package/dist/components/pami-text-field.js +1 -1
- package/dist/components/pami-time-picker.js +1 -1
- package/dist/components/pami-toolbar.js +1 -1
- package/dist/components/pami-tooltip.js +1 -1
- package/dist/components/pami-transfer-list.js +1 -1
- package/dist/components/pami-transfer-list.js.map +1 -1
- package/dist/{components/p-DneLEiFl.js → components-csr/p-AeIwPqCK.js} +2 -2
- package/dist/components-csr/p-BHqq4sFe.js.map +1 -1
- package/dist/components-csr/p-B_b8a4Fl.js +2 -0
- package/dist/components-csr/p-B_b8a4Fl.js.map +1 -0
- package/dist/components-csr/p-BhHms8Pb.js +2 -0
- package/dist/components-csr/p-BhHms8Pb.js.map +1 -0
- package/dist/components-csr/{p-Dq_XLtjQ.js → p-BubrJNco.js} +2 -2
- package/dist/components-csr/{p-Iozt_nIr.js → p-C1ChEady.js} +2 -2
- package/dist/components-csr/p-C7-2STYZ.js +2 -0
- package/dist/components-csr/{p-BN5fTT2p.js.map → p-C7-2STYZ.js.map} +1 -1
- package/dist/components-csr/{p-DYa7FJrs.js → p-CC0KCIVL.js} +2 -2
- package/dist/components-csr/{p-C2f3W2Bc.js → p-CCLyUnYm.js} +2 -2
- package/dist/components-csr/{p-C2f3W2Bc.js.map → p-CCLyUnYm.js.map} +1 -1
- package/dist/components-csr/p-CCjSxvVk.js +2 -0
- package/dist/{components/p-DQG2QiqW.js.map → components-csr/p-CCjSxvVk.js.map} +1 -1
- package/dist/components-csr/p-CEXhFms9.js +2 -0
- package/dist/components-csr/{p-BeWJtYZz.js.map → p-CEXhFms9.js.map} +1 -1
- package/dist/components-csr/{p-wjnroiZn.js → p-CYTOzIlz.js} +2 -2
- package/dist/components-csr/{p-BKlel-AP.js → p-CsGff_Ta.js} +2 -2
- package/dist/components-csr/p-D-9rjUCJ.js +2 -0
- package/dist/components-csr/p-D-9rjUCJ.js.map +1 -0
- package/dist/components-csr/p-D5YKcPYj.js +2 -0
- package/dist/components-csr/p-D5YKcPYj.js.map +1 -0
- package/dist/components-csr/{p-CFpk8pnq.js → p-DKXYFRHy.js} +2 -2
- package/dist/components-csr/p-DTQ249Fz.js +2 -0
- package/dist/components-csr/p-DTQ249Fz.js.map +1 -0
- package/dist/components-csr/p-DbpI0Jma.js +2 -0
- package/dist/components-csr/p-DbpI0Jma.js.map +1 -0
- package/dist/components-csr/p-DqlfsJFI.js +2 -0
- package/dist/components-csr/p-DqlfsJFI.js.map +1 -0
- package/dist/components-csr/p-DvPstOrO.js +2 -0
- package/dist/components-csr/{p-dksxS2yM.js.map → p-DvPstOrO.js.map} +1 -1
- package/dist/components-csr/p-DxiLsbpD.js +2 -0
- package/dist/components-csr/p-DxiLsbpD.js.map +1 -0
- package/dist/{components/p-g4sA3hAp.js → components-csr/p-DzxH9m7D.js} +2 -2
- package/dist/components-csr/p-F3cB-9hU.js +2 -0
- package/dist/{components/p-BZcBbRYY.js.map → components-csr/p-F3cB-9hU.js.map} +1 -1
- package/dist/components-csr/p-sSc4gYQy.js +2 -0
- package/dist/components-csr/{p-D4njrR9m.js.map → p-sSc4gYQy.js.map} +1 -1
- package/dist/components-csr/pami-accordion-item.js +1 -1
- package/dist/components-csr/pami-app-bar.js +1 -1
- package/dist/components-csr/pami-app-bar.js.map +1 -1
- package/dist/components-csr/pami-area-chart.js +1 -1
- package/dist/components-csr/pami-autocomplete.js +1 -1
- package/dist/components-csr/pami-avatar.js +1 -1
- package/dist/components-csr/pami-badge.js +1 -1
- package/dist/components-csr/pami-bar-chart.js +1 -1
- package/dist/components-csr/pami-bottom-sheet.js +1 -1
- package/dist/components-csr/pami-bottom-sheet.js.map +1 -1
- package/dist/components-csr/pami-breadcrumb-item.js +1 -1
- package/dist/components-csr/pami-breadcrumb-item.js.map +1 -1
- package/dist/components-csr/pami-button.js +1 -1
- package/dist/components-csr/pami-callout.js +2 -0
- package/dist/components-csr/pami-callout.js.map +1 -0
- package/dist/components-csr/pami-card.js +1 -1
- package/dist/components-csr/pami-card.js.map +1 -1
- package/dist/components-csr/pami-checkbox.js +1 -1
- package/dist/components-csr/pami-chip.js +1 -1
- package/dist/components-csr/pami-date-picker.js +1 -1
- package/dist/components-csr/pami-date-picker.js.map +1 -1
- package/dist/components-csr/pami-dialog.js +1 -1
- package/dist/components-csr/pami-dialog.js.map +1 -1
- package/dist/components-csr/pami-divider.js +1 -1
- package/dist/components-csr/pami-fab-menu-item.js +1 -1
- package/dist/components-csr/pami-fab-menu-item.js.map +1 -1
- package/dist/components-csr/pami-fab-menu.js +1 -1
- package/dist/components-csr/pami-fab.js +1 -1
- package/dist/components-csr/pami-fab.js.map +1 -1
- package/dist/components-csr/pami-icon-button.js +1 -1
- package/dist/components-csr/pami-icon.js +1 -1
- package/dist/components-csr/pami-line-chart.js +1 -1
- package/dist/components-csr/pami-list-item.js +1 -1
- package/dist/components-csr/pami-list-item.js.map +1 -1
- package/dist/components-csr/pami-menu-item-group.js +1 -1
- package/dist/components-csr/pami-menu-item-group.js.map +1 -1
- package/dist/components-csr/pami-menu-item.js +1 -1
- package/dist/components-csr/pami-menu.js +1 -1
- package/dist/components-csr/pami-meter.js +1 -1
- package/dist/components-csr/pami-multi-select.js +1 -1
- package/dist/components-csr/pami-multi-select.js.map +1 -1
- package/dist/components-csr/pami-navigation-bar.js +1 -1
- package/dist/components-csr/pami-navigation-bar.js.map +1 -1
- package/dist/components-csr/pami-navigation-group.js +2 -0
- package/dist/components-csr/pami-navigation-group.js.map +1 -0
- package/dist/components-csr/pami-navigation-rail-tab.js +1 -1
- package/dist/components-csr/pami-navigation-rail-tab.js.map +1 -1
- package/dist/components-csr/pami-navigation-rail.js +1 -1
- package/dist/components-csr/pami-navigation-rail.js.map +1 -1
- package/dist/components-csr/pami-navigation-tab.js +1 -1
- package/dist/components-csr/pami-navigation-tab.js.map +1 -1
- package/dist/components-csr/pami-number-field.js +1 -1
- package/dist/components-csr/pami-organization-chart.js +1 -1
- package/dist/components-csr/pami-organization-chart.js.map +1 -1
- package/dist/components-csr/pami-pie-chart.js +1 -1
- package/dist/components-csr/pami-progress-indicator.js +1 -1
- package/dist/components-csr/pami-radio.js +1 -1
- package/dist/components-csr/pami-radio.js.map +1 -1
- package/dist/components-csr/pami-rating.js +1 -1
- package/dist/components-csr/pami-rating.js.map +1 -1
- package/dist/components-csr/pami-ripple.js +1 -1
- package/dist/components-csr/pami-search.js +1 -1
- package/dist/components-csr/pami-search.js.map +1 -1
- package/dist/components-csr/pami-segmented-button-set.js +1 -1
- package/dist/components-csr/pami-segmented-button.js +1 -1
- package/dist/components-csr/pami-segmented-button.js.map +1 -1
- package/dist/components-csr/pami-select.js +1 -1
- package/dist/components-csr/pami-side-sheet.js +1 -1
- package/dist/components-csr/pami-side-sheet.js.map +1 -1
- package/dist/components-csr/pami-skeleton.js +1 -1
- package/dist/components-csr/pami-slider.js +1 -1
- package/dist/components-csr/pami-snackbar.js +1 -1
- package/dist/components-csr/pami-snackbar.js.map +1 -1
- package/dist/components-csr/pami-sparkline.js +1 -1
- package/dist/components-csr/pami-split-button.js +1 -1
- package/dist/components-csr/pami-split-button.js.map +1 -1
- package/dist/components-csr/pami-step.js +1 -1
- package/dist/components-csr/pami-stepper.js +1 -1
- package/dist/components-csr/pami-sub-menu-item.js +1 -1
- package/dist/components-csr/pami-sub-menu-item.js.map +1 -1
- package/dist/components-csr/pami-switch.js +1 -1
- package/dist/components-csr/pami-switch.js.map +1 -1
- package/dist/components-csr/pami-tab-panel.js +1 -1
- package/dist/components-csr/pami-tab-panels.js +1 -1
- package/dist/components-csr/pami-tab.js +1 -1
- package/dist/components-csr/pami-table-body.js +1 -1
- package/dist/components-csr/pami-table-cell.js +1 -1
- package/dist/components-csr/pami-table-container.js +1 -1
- package/dist/components-csr/pami-table-expand-toggle.js +1 -1
- package/dist/components-csr/pami-table-foot.js +1 -1
- package/dist/components-csr/pami-table-head.js +1 -1
- package/dist/components-csr/pami-table-pagination.js +1 -1
- package/dist/components-csr/pami-table-row.js +1 -1
- package/dist/components-csr/pami-table-sort-label.js +1 -1
- package/dist/components-csr/pami-table-toolbar.js +1 -1
- package/dist/components-csr/pami-table.js +1 -1
- package/dist/components-csr/pami-tabs.js +1 -1
- package/dist/components-csr/pami-tag.js +2 -0
- package/dist/components-csr/pami-tag.js.map +1 -0
- package/dist/components-csr/pami-text-field.js +1 -1
- package/dist/components-csr/pami-time-picker.js +1 -1
- package/dist/components-csr/pami-toolbar.js +1 -1
- package/dist/components-csr/pami-tooltip.js +1 -1
- package/dist/components-csr/pami-transfer-list.js +1 -1
- package/dist/components-csr/pami-transfer-list.js.map +1 -1
- package/dist/esm/{a11y-DF7yzz7s.js → a11y-CFk62WKO.js} +3 -3
- package/dist/esm/{a11y-DF7yzz7s.js.map → a11y-CFk62WKO.js.map} +1 -1
- package/dist/esm/{bar-chart-BNtUGWrj.js → bar-chart-lQiYsj4t.js} +4 -4
- package/dist/esm/{bar-chart-BNtUGWrj.js.map → bar-chart-lQiYsj4t.js.map} +1 -1
- package/dist/esm/{chart-C1fPeEiw.js → chart-DGgh0ehg.js} +4 -4
- package/dist/esm/{chart-C1fPeEiw.js.map → chart-DGgh0ehg.js.map} +1 -1
- package/dist/esm/{hit-test-VKGhXvU8.js → hit-test-CwC3GJmi.js} +3 -3
- package/dist/esm/{hit-test-VKGhXvU8.js.map → hit-test-CwC3GJmi.js.map} +1 -1
- package/dist/esm/isolation-escape-D19ZgNkU.js +90 -0
- package/dist/esm/isolation-escape-D19ZgNkU.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pami-app-bar.entry.js +2 -2
- package/dist/esm/pami-app-bar.entry.js.map +1 -1
- package/dist/esm/pami-area-chart.entry.js +4 -4
- package/dist/esm/pami-avatar_2.entry.js +2 -2
- package/dist/esm/pami-avatar_2.entry.js.map +1 -1
- package/dist/esm/pami-bar-chart.entry.js +4 -4
- package/dist/esm/pami-bottom-sheet.entry.js +2 -2
- package/dist/esm/pami-bottom-sheet.entry.js.map +1 -1
- package/dist/esm/pami-breadcrumb-item.entry.js +2 -2
- package/dist/esm/pami-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/pami-button_7.entry.js +23 -39
- package/dist/esm/pami-button_7.entry.js.map +1 -1
- package/dist/esm/pami-callout.entry.js +28 -0
- package/dist/esm/pami-callout.entry.js.map +1 -0
- package/dist/esm/pami-checkbox.entry.js +5 -5
- package/dist/esm/pami-checkbox.entry.js.map +1 -1
- package/dist/esm/pami-chip.entry.js +5 -5
- package/dist/esm/pami-chip.entry.js.map +1 -1
- package/dist/esm/pami-date-picker.entry.js +4 -5
- package/dist/esm/pami-date-picker.entry.js.map +1 -1
- package/dist/esm/pami-dialog.entry.js +4 -4
- package/dist/esm/pami-dialog.entry.js.map +1 -1
- package/dist/esm/pami-divider.entry.js +2 -2
- package/dist/esm/pami-fab-menu-item.entry.js +5 -5
- package/dist/esm/pami-fab-menu-item.entry.js.map +1 -1
- package/dist/esm/pami-fab-menu.entry.js +2 -2
- package/dist/esm/pami-fab.entry.js +5 -5
- package/dist/esm/pami-fab.entry.js.map +1 -1
- package/dist/esm/pami-line-chart.entry.js +6 -6
- package/dist/esm/pami-list-item.entry.js +2 -2
- package/dist/esm/pami-list-item.entry.js.map +1 -1
- package/dist/esm/pami-menu-item-group.entry.js +2 -2
- package/dist/esm/pami-menu-item-group.entry.js.map +1 -1
- package/dist/esm/pami-menu_2.entry.js +4 -87
- package/dist/esm/pami-menu_2.entry.js.map +1 -1
- package/dist/esm/pami-meter.entry.js +2 -2
- package/dist/esm/pami-multi-select.entry.js +3 -3
- package/dist/esm/pami-multi-select.entry.js.map +1 -1
- package/dist/esm/pami-navigation-bar.entry.js +2 -2
- package/dist/esm/pami-navigation-bar.entry.js.map +1 -1
- package/dist/esm/pami-navigation-group.entry.js +22 -0
- package/dist/esm/pami-navigation-group.entry.js.map +1 -0
- package/dist/esm/pami-navigation-rail-tab.entry.js +157 -10
- package/dist/esm/pami-navigation-rail-tab.entry.js.map +1 -1
- package/dist/esm/pami-navigation-rail.entry.js +211 -29
- package/dist/esm/pami-navigation-rail.entry.js.map +1 -1
- package/dist/esm/pami-navigation-tab.entry.js +3 -3
- package/dist/esm/pami-navigation-tab.entry.js.map +1 -1
- package/dist/esm/pami-organization-chart.entry.js +1 -1
- package/dist/esm/pami-organization-chart.entry.js.map +1 -1
- package/dist/esm/{pami-painter-BWqbBPaI.js → pami-painter-DOkewauC.js} +260 -57
- package/dist/esm/pami-painter-DOkewauC.js.map +1 -0
- package/dist/esm/pami-pie-chart.entry.js +4 -4
- package/dist/esm/pami-progress-indicator.entry.js +1 -1
- package/dist/esm/pami-rating.entry.js +3 -3
- package/dist/esm/pami-rating.entry.js.map +1 -1
- package/dist/esm/pami-search.entry.js +1 -1
- package/dist/esm/pami-search.entry.js.map +1 -1
- package/dist/esm/pami-segmented-button-set.entry.js +2 -2
- package/dist/esm/pami-segmented-button.entry.js +6 -6
- package/dist/esm/pami-segmented-button.entry.js.map +1 -1
- package/dist/esm/pami-select.entry.js +2 -2
- package/dist/esm/pami-side-sheet.entry.js +49 -22
- package/dist/esm/pami-side-sheet.entry.js.map +1 -1
- package/dist/esm/pami-skeleton.entry.js +1 -1
- package/dist/esm/pami-slider.entry.js +2 -2
- package/dist/esm/pami-slider.entry.js.map +1 -1
- package/dist/esm/pami-sparkline.entry.js +4 -4
- package/dist/esm/pami-split-button.entry.js +6 -6
- package/dist/esm/pami-split-button.entry.js.map +1 -1
- package/dist/esm/pami-step.entry.js +7 -7
- package/dist/esm/pami-stepper.entry.js +3 -3
- package/dist/esm/pami-sub-menu-item.entry.js +4 -4
- package/dist/esm/pami-sub-menu-item.entry.js.map +1 -1
- package/dist/esm/pami-switch.entry.js +4 -4
- package/dist/esm/pami-switch.entry.js.map +1 -1
- package/dist/esm/pami-tab-panel.entry.js +1 -1
- package/dist/esm/pami-tab-panels.entry.js +1 -1
- package/dist/esm/pami-tab.entry.js +5 -5
- package/dist/esm/pami-table-body.entry.js +1 -1
- package/dist/esm/pami-table-cell.entry.js +2 -2
- package/dist/esm/pami-table-container.entry.js +2 -2
- package/dist/esm/pami-table-expand-toggle.entry.js +2 -2
- package/dist/esm/pami-table-foot.entry.js +1 -1
- package/dist/esm/pami-table-head.entry.js +1 -1
- package/dist/esm/pami-table-pagination.entry.js +2 -2
- package/dist/esm/pami-table-row.entry.js +4 -4
- package/dist/esm/pami-table-sort-label.entry.js +2 -2
- package/dist/esm/pami-table-toolbar.entry.js +2 -2
- package/dist/esm/pami-tabs.entry.js +2 -2
- package/dist/esm/pami-tag.entry.js +25 -0
- package/dist/esm/pami-tag.entry.js.map +1 -0
- package/dist/esm/pami-text-field.entry.js +2 -2
- package/dist/esm/pami-text-field.entry.js.map +1 -1
- package/dist/esm/pami-toolbar.entry.js +3 -3
- package/dist/esm/pami-transfer-list.entry.js +1 -1
- package/dist/esm/pami-transfer-list.entry.js.map +1 -1
- package/dist/esm/pami.js +1 -1
- package/dist/esm/{ripple-DT5RL9GH.js → ripple-BcReJziW.js} +7 -2
- package/dist/esm/ripple-BcReJziW.js.map +1 -0
- package/dist/esm/{rtl-CC7FhM00.js → rtl-Cd87AK5r.js} +27 -5
- package/dist/esm/rtl-Cd87AK5r.js.map +1 -0
- package/dist/esm/status-surface-D5YKcPYj.js +11 -0
- package/dist/esm/status-surface-D5YKcPYj.js.map +1 -0
- package/dist/esm/virtual-select-controller-Dr_fPcoz.js.map +1 -1
- package/dist/pami/p-056cbfbc.entry.js +2 -0
- package/dist/pami/{p-2067b15d.entry.js.map → p-056cbfbc.entry.js.map} +1 -1
- package/dist/pami/p-0bf56063.entry.js +2 -0
- package/dist/pami/{p-f33d5f4a.entry.js.map → p-0bf56063.entry.js.map} +1 -1
- package/dist/pami/p-0e965950.entry.js +2 -0
- package/dist/pami/{p-0fcc82b3.entry.js.map → p-0e965950.entry.js.map} +1 -1
- package/dist/pami/p-105fff09.entry.js +2 -0
- package/dist/pami/{p-ec67197c.entry.js.map → p-105fff09.entry.js.map} +1 -1
- package/dist/pami/{p-bc63e548.entry.js → p-14668a82.entry.js} +2 -2
- package/dist/pami/{p-cdd36757.entry.js → p-1468d5c4.entry.js} +2 -2
- package/dist/pami/p-1cafa0bb.entry.js +2 -0
- package/dist/pami/p-1cafa0bb.entry.js.map +1 -0
- package/dist/pami/p-20fb765c.entry.js +2 -0
- package/dist/pami/{p-309b4e6d.entry.js.map → p-20fb765c.entry.js.map} +1 -1
- package/dist/pami/{p-a4a2f7e2.entry.js → p-230b51cc.entry.js} +2 -2
- package/dist/pami/{p-f6d50fc7.entry.js → p-253bb306.entry.js} +2 -2
- package/dist/pami/{p-c087aa2d.entry.js → p-27ba3c65.entry.js} +2 -2
- package/dist/pami/{p-3577517b.entry.js → p-2c9fef75.entry.js} +2 -2
- package/dist/pami/{p-2fa9e712.entry.js → p-3031787d.entry.js} +2 -2
- package/dist/pami/p-35c2a89b.entry.js +2 -0
- package/dist/pami/{p-688017eb.entry.js.map → p-35c2a89b.entry.js.map} +1 -1
- package/dist/pami/{p-27208b60.entry.js → p-39a6add3.entry.js} +2 -2
- package/dist/pami/{p-ed0554c3.entry.js → p-3fc31b91.entry.js} +2 -2
- package/dist/pami/p-475ee072.entry.js +2 -0
- package/dist/pami/{p-6753c7a1.entry.js.map → p-475ee072.entry.js.map} +1 -1
- package/dist/pami/p-511a1ee2.entry.js +2 -0
- package/dist/pami/{p-7415982c.entry.js.map → p-511a1ee2.entry.js.map} +1 -1
- package/dist/pami/{p-91d25664.entry.js → p-513685d7.entry.js} +2 -2
- package/dist/pami/p-59ddac87.entry.js +2 -0
- package/dist/pami/p-59ddac87.entry.js.map +1 -0
- package/dist/pami/p-5baf125c.entry.js +2 -0
- package/dist/pami/{p-bd2fb99f.entry.js.map → p-5baf125c.entry.js.map} +1 -1
- package/dist/pami/p-636faa29.entry.js +2 -0
- package/dist/pami/p-6bae2a7c.entry.js +2 -0
- package/dist/pami/{p-b2704345.entry.js.map → p-6bae2a7c.entry.js.map} +1 -1
- package/dist/pami/p-70dbf9e1.entry.js +2 -0
- package/dist/pami/{p-6cd18c0d.entry.js.map → p-70dbf9e1.entry.js.map} +1 -1
- package/dist/pami/{p-b193dd1d.entry.js → p-71d62a04.entry.js} +2 -2
- package/dist/pami/{p-3b859d3c.entry.js → p-72d9ed2c.entry.js} +2 -2
- package/dist/pami/{p-5202ded3.entry.js → p-74673292.entry.js} +2 -2
- package/dist/pami/p-76869b29.entry.js +2 -0
- package/dist/pami/p-80a613c4.entry.js +2 -0
- package/dist/pami/{p-dd4d87c2.entry.js.map → p-80a613c4.entry.js.map} +1 -1
- package/dist/pami/p-820ec742.entry.js +2 -0
- package/dist/pami/{p-6a29a776.entry.js.map → p-820ec742.entry.js.map} +1 -1
- package/dist/pami/p-837a6389.entry.js +2 -0
- package/dist/pami/{p-d7504084.entry.js.map → p-837a6389.entry.js.map} +1 -1
- package/dist/pami/p-8381c008.entry.js +2 -0
- package/dist/pami/{p-7788c931.entry.js → p-86b07f8c.entry.js} +2 -2
- package/dist/pami/p-9178ea2e.entry.js +2 -0
- package/dist/pami/{p-a304bc4f.entry.js.map → p-9178ea2e.entry.js.map} +1 -1
- package/dist/pami/p-98683da9.entry.js +2 -0
- package/dist/pami/p-98683da9.entry.js.map +1 -0
- package/dist/pami/p-9a353a79.entry.js +2 -0
- package/dist/pami/{p-19669ac1.entry.js.map → p-9a353a79.entry.js.map} +1 -1
- package/dist/pami/p-9be87f6a.entry.js +2 -0
- package/dist/pami/p-9be87f6a.entry.js.map +1 -0
- package/dist/pami/{p-B2g1f_O7.js → p-BBBPC79O.js} +2 -2
- package/dist/pami/{p-B2g1f_O7.js.map → p-BBBPC79O.js.map} +1 -1
- package/dist/pami/p-BHqq4sFe.js.map +1 -1
- package/dist/pami/p-BcReJziW.js +2 -0
- package/dist/pami/p-BcReJziW.js.map +1 -0
- package/dist/pami/{p-C9EuleXc.js → p-C0lgexyr.js} +2 -2
- package/dist/pami/{p-C9EuleXc.js.map → p-C0lgexyr.js.map} +1 -1
- package/dist/{components-csr/p-DneLEiFl.js → pami/p-CAbSnOPc.js} +2 -2
- package/dist/pami/{p-BFrljlvu.js.map → p-CAbSnOPc.js.map} +1 -1
- package/dist/pami/p-CO-2MY9L.js +2 -0
- package/dist/pami/p-CO-2MY9L.js.map +1 -0
- package/dist/pami/p-Cd87AK5r.js +2 -0
- package/dist/pami/p-Cd87AK5r.js.map +1 -0
- package/dist/pami/{p-BH7SGm-U.js → p-Cln3qKA1.js} +2 -2
- package/dist/pami/{p-BH7SGm-U.js.map → p-Cln3qKA1.js.map} +1 -1
- package/dist/pami/p-D-9rjUCJ.js +2 -0
- package/dist/pami/p-D-9rjUCJ.js.map +1 -0
- package/dist/pami/p-D5YKcPYj.js +2 -0
- package/dist/pami/p-D5YKcPYj.js.map +1 -0
- package/dist/pami/{p-a516fb19.entry.js → p-a019a982.entry.js} +2 -2
- package/dist/pami/{p-0435815b.entry.js → p-aa031eb5.entry.js} +2 -2
- package/dist/pami/p-b361c9df.entry.js +2 -0
- package/dist/pami/{p-4ba67b88.entry.js.map → p-b361c9df.entry.js.map} +1 -1
- package/dist/pami/p-b5ad00c7.entry.js +2 -0
- package/dist/pami/{p-3b5862ac.entry.js.map → p-b5ad00c7.entry.js.map} +1 -1
- package/dist/pami/{p-dcd9abf8.entry.js → p-b928a212.entry.js} +2 -2
- package/dist/pami/{p-dcd9abf8.entry.js.map → p-b928a212.entry.js.map} +1 -1
- package/dist/pami/p-bac3fd4b.entry.js +2 -0
- package/dist/pami/{p-542e81de.entry.js.map → p-bac3fd4b.entry.js.map} +1 -1
- package/dist/pami/{p-42cda324.entry.js → p-be632c39.entry.js} +2 -2
- package/dist/pami/p-bf2e4ee5.entry.js +2 -0
- package/dist/pami/p-bf2e4ee5.entry.js.map +1 -0
- package/dist/pami/{p-ea6e514b.entry.js → p-c02334c0.entry.js} +2 -2
- package/dist/pami/p-c2d67784.entry.js +2 -0
- package/dist/pami/{p-c0fe2248.entry.js.map → p-c2d67784.entry.js.map} +1 -1
- package/dist/pami/{p-2391ef6b.entry.js → p-c717cd31.entry.js} +2 -2
- package/dist/pami/{p-d3ad1da1.entry.js → p-cd63ef03.entry.js} +2 -2
- package/dist/pami/{p-0f29f2bd.entry.js → p-cfc88755.entry.js} +2 -2
- package/dist/pami/p-d4e1fa44.entry.js +2 -0
- package/dist/pami/{p-b6b7092b.entry.js.map → p-d4e1fa44.entry.js.map} +1 -1
- package/dist/pami/p-d540f586.entry.js +2 -0
- package/dist/pami/p-d540f586.entry.js.map +1 -0
- package/dist/pami/p-d6de57b2.entry.js +2 -0
- package/dist/pami/{p-f3798dc6.entry.js.map → p-d6de57b2.entry.js.map} +1 -1
- package/dist/pami/{p-14497ccf.entry.js → p-daf42aec.entry.js} +2 -2
- package/dist/pami/{p-b8234190.entry.js → p-db1ee1b9.entry.js} +2 -2
- package/dist/pami/p-db30e449.entry.js +2 -0
- package/dist/pami/{p-60beacc5.entry.js.map → p-db30e449.entry.js.map} +1 -1
- package/dist/pami/{p-836652ad.entry.js → p-df18bacb.entry.js} +2 -2
- package/dist/pami/p-e08729f9.entry.js +2 -0
- package/dist/pami/p-e08729f9.entry.js.map +1 -0
- package/dist/pami/p-e65964e6.entry.js +2 -0
- package/dist/pami/p-e65964e6.entry.js.map +1 -0
- package/dist/pami/{p-81c06d88.entry.js → p-eb41f4e0.entry.js} +2 -2
- package/dist/pami/{p-4c023e51.entry.js → p-f29f90b0.entry.js} +2 -2
- package/dist/pami/p-fdee2733.entry.js +2 -0
- package/dist/pami/p-fdee2733.entry.js.map +1 -0
- package/dist/pami/pami.css +1 -1
- package/dist/pami/pami.esm.js +1 -1
- package/dist/sources/0278a6f5523ac1971fe0eadaee435bb3fd1dab609b7ec764bb3ba27e6aa8fb9f/pami-tag.tsx +30 -0
- package/dist/sources/{2ca06a25aa09d16ee580ce4db2554dafa516510b11f32021ef8f6fb04f823f74 → 13a6bd84ea4ee85906df60baa09ea92c604bf646ce3185706eb1c0266895d4ed}/pami-dots.tsx +1 -1
- package/dist/sources/{3df1210c7755e2386ccdc6e29e251b9678dc7c26acc9889678e769f5d1e5fd42 → 1ca4bc0c0956feb952356552e336ba66adf3965c09f29c3789fec9cefa0c3544}/pami-tooltip.css_tag_pami-tooltip_encapsulation_shadow +7 -7
- package/dist/sources/{bab5cb1d4daef5470d47d7ab2d6a75eaccfea977da04caf9c3a95ba2faa3f44e → 22a900318c9e4ddcd6f822b3d01aef0ea4c8ff892de0523df9e150f102ac6e5c}/pami-navigation-rail.css_tag_pami-navigation-rail_encapsulation_shadow +70 -1
- package/dist/sources/23a624b39d421b326032df3fec7a6eb8efe63812913db4f295c846a801bcc2df/focusable.ts +30 -0
- package/dist/sources/{ad8dae24c0940d3d78e73c208a2174be0f44c17ad88d5c14bc2a8b63fc919a17 → 24aa796cdc2df026b1d4e1a916907dd4e7c027698a43fa800d853d6f21b753cb}/pami-organization-chart.css_tag_pami-organization-chart_encapsulation_shadow +1 -1
- package/dist/sources/282c6204b17cf224fa1c29c70b7eeca1f5026f4ca7d81056eef97db0249e4415/pami-callout.css_tag_pami-callout_encapsulation_shadow +21 -0
- package/dist/sources/31bcc0fc5bd4de92e30b1fd5d74fa98dc0049dfc15c6a020e71906684f155025/pami-callout.tsx +42 -0
- package/dist/sources/35e1ffdb7ade27d0dcc5f5a0b602351b4356ad348211a54bf9cdfb7ebef83787/pami-navigation-group.css_tag_pami-navigation-group_encapsulation_shadow +30 -0
- package/dist/sources/3a78d70fc3ef5cd9c2b84b578e8aa4375e3512fe678f067f38b2eeec94cfade4/status-surface.ts +7 -0
- package/dist/sources/{6c163582408b4d7bc04a9c1a1f80b01e5861719f85f7e9f35667a619e50f9a0d → 4e65fa3e48826997c92b075221b722d889fbb59033628dc409191a69bb0ef1e0}/pami-menu.css_tag_pami-menu_encapsulation_shadow +1 -1
- package/dist/sources/527cfd468257c872834df7758243d5de17f075578964fb4b2d854046eebf0b2e/pami-motion-defaults.ts +8 -0
- package/dist/sources/{f057ec9cc9b2bc271fc6cafb5a9e886c1f2f88b76678d917b60de199571abccd → 541eb7b972849c16a3b860f7ea1c30751a98f8fc521a6ca03791ce5d0fe9426e}/pami-menu-item-group.css_tag_pami-menu-item-group_encapsulation_shadow +2 -2
- package/dist/sources/{ae8a116d7a4ea11a820767e5165db1e532a538eb8ba9ed5f4dc5a47e806ae4e6 → 59e0809dd478584dd6e8662e903cd5a0186609577db7b77a0479bd247f0d0735}/pami-side-sheet.tsx +13 -27
- package/dist/sources/{23e3c0a6f1c4ed86fe96ca5d8788e5cf6464e2be07031fd644120ea4efc313bf → 655cbc888435fe150257bfbd2fe21a572779617ba76cd567ac7d78e06a1ae431}/ripple.ts +6 -2
- package/dist/sources/{fc66575830503cd73ba7d3bedde73217b0f304d317ca851afd9e791ddad97fb5 → 6562889930d75426b2d8c57a2a68e8cb5a1540c9cc7fc5ae289092574ae223d0}/pami-navigation-rail-tab.tsx +200 -15
- package/dist/sources/{dd8e7de0b6aeaafd88a8d13123e5d07588ab74d8773cd80f70de293e28041436 → 6bab0e0b67c3b4abbb85cf631ad2af114271f98b795e2f2644810bffe75d1522}/pami-sub-menu-item.css_tag_pami-sub-menu-item_encapsulation_shadow +4 -4
- package/dist/sources/7a4b29a22f5e14ab4f0918effe1b91ad9ae6076553b826cc90edf6e43879cba0/pami-material-defaults.ts +193 -0
- package/dist/sources/7e8a1b22f1a1cb54b4b7cdad4bbfad9606419cf010636f6174da980089144636/pami-navigation-group.tsx +26 -0
- package/dist/sources/{0d91fa3bea6a6c8c693b8dca19946aef1b86d6f793f181210e5863de09b4aebb → 89368cfde7ecd06ee05b5493ce0f0503fd48fd12c4d8f2cb47610eb38157fe71}/pami-material.ts +63 -59
- package/dist/sources/9259130eb26707816d2f73de6a6b83ded1d342166d4bee8d7c5799f47e0ce776/pami-tag.css_tag_pami-tag_encapsulation_shadow +21 -0
- package/dist/sources/{7b02ffe2929f3ab24d21441af70c419cc2a0ca0c729de1ab51220ae5dc096f43 → 99e17d776c986eca5093163516c22279037bdf5d42f009db8f128413ae5cdeb2}/pami-search.css_tag_pami-search_encapsulation_shadow +3 -3
- package/dist/sources/{9a58a561a902b8eb3fa212160fb365c303f6ea7d5687af2abbd199d33c031650 → a430938d1fedf6a7b604b1dc070760d52bd2733dd0ff8aed7a704d2b28374333}/pami-navigation-rail-tab.css_tag_pami-navigation-rail-tab_encapsulation_shadow +101 -12
- package/dist/sources/{d80b6e4787aedf6628772d776d5d57b77be707a870bb78623a294a319b40bb3e → b05e116ff2b2e46fa76f8b32a21147a5275ac6550d59caafe834aad82bb2eed0}/pami-text-field.css_tag_pami-text-field_encapsulation_shadow +2 -2
- package/dist/sources/{f6fe21d8ade03a04388b25dd1e4a67e8ac84e5266632336311b9baf5e3e84d69 → b9bac20e73b763e4fd71ade205acf3179f48016689659d32fc5e9f723ec85c0a}/pami-menu-item.css_tag_pami-menu-item_encapsulation_shadow +5 -5
- package/dist/sources/{5fe0a66f80f0c4e661475395d7877a25335c605cf4fb02649bd887ab73564259 → bd61b0a219bfab84d1e6663df7c8df2dcf7395ad6110036c14874aa788023c15}/pami-slider.css_tag_pami-slider_encapsulation_shadow +2 -2
- package/dist/sources/{4dfc9c9d5e8fa39922a949409e66b9109463b97f0216334358921d4359cb61d6 → c176f6ce79521b5b70160c1a13b338d00bb4a90ee56911e0e043d4357dcd7e2a}/pami-multi-select.css_tag_pami-multi-select_encapsulation_shadow +4 -4
- package/dist/sources/{401e8c4f1d9d32aa7fb3d874c070d5e22bec9ef7a8300826a07b4df525e3e8a8 → c519dd6bf9591ea0961eb52e22d71ceabf68824f19be3bc1320cd3b7d0d06a78}/engine-abi.ts +1 -1
- package/dist/sources/{9230de3e79e81a5d82c53463873054c838e407aaaa6b4d83adba3e6420e1b668 → cafd0118f482317824eba435efde10692a0127e2c8104a754ac33b2e7607ef96}/pami-snackbar.css_tag_pami-snackbar_encapsulation_shadow +8 -6
- package/dist/sources/{8889443144c58e5dc85b288bf6f749a4142b4193f110787d5c2daddd1bd83700 → d72b349c2c336f88909a4c9e1f34cfaa824d2ccecad96b73da0ab6749bc810dd}/pami-ripple.tsx +1 -8
- package/dist/sources/{11e2d73298037a1e448521a045b253837dc5dfbb94e72a1c8afdb506a4759743 → dafd4f816d3de4b66b9eb2595187284bdb6a77e48afdc32d7a5166a2616d38bd}/pami-painter.ts +17 -11
- package/dist/sources/{3f7b937a1eddf96604fddc1dc0d30b4772f761c6f8fbacf7fa7a8532d8b2481e → de0d8bdaad31567edd750b4698e1eb5fd8122dc20b6ace6785570a380c2423d4}/pami-date-picker.tsx +5 -6
- package/dist/sources/{7e5e96f6428bb444fa618169230fcdc578c80766ecab3eba809e4c32ba9a17f7 → ded76ce1309e48970e51b17c73d2644d34ea22e45bc1b28b88a1ad20868e6cb9}/pami-rating.css_tag_pami-rating_encapsulation_shadow +3 -3
- package/dist/sources/{c274c1a827c9a70c44cfd4799d9d6254dfc6c5bcc0ba7f6d8e1ddd8d353271e0 → e73037cc274dab6b17d817adbfa3e69990da7d34758566725e634d080a8f1b53}/pami-ripple.css_tag_pami-ripple_encapsulation_shadow +6 -5
- package/dist/sources/{641359b47e4118436db06f645b766217d40ae15f1c1a8d1f978bdb04be56ced5 → eb9bf841ae4f9b06494c9b3edb130c9813e19f74f6f62490d9211914f616629b}/pami-list-item.css_tag_pami-list-item_encapsulation_shadow +1597 -1599
- package/dist/sources/{1c5da4122976a320028f326a3d21ba0f34a7bef5a8b3c0876912f32fe88c73a9 → f72676b12f85fff0999352413beba9ff1088fdbb4f64d593d1bf1936cd773cc6}/theme.ts +24 -5
- package/dist/sources/{95750dc74c5c9bce73cb26819375b45bd7b0462d6d52509ed918081dce4f1a0a → fdf252d43e9d2be51be81717c61f5215924906cbd31c969ef9a064d0d53c0aaf}/pami-navigation-rail.tsx +970 -766
- package/dist/sources/{3dfe9c1f569325c20a35778ec0dcb5ade6a20004645962282432aa2a85782276 → fff81d2a74c0586d69a65f9a8fe1954f6e853cc8f98c6cdea75a07a9737061b3}/pami-transfer-list.css_tag_pami-transfer-list_encapsulation_shadow +2 -2
- package/dist/types/components/pami-callout/pami-callout.d.ts +22 -0
- package/dist/types/components/pami-date-picker/pami-date-picker.d.ts +1 -2
- package/dist/types/components/pami-navigation-group/pami-navigation-group.d.ts +14 -0
- package/dist/types/components/pami-navigation-rail/pami-navigation-rail.d.ts +38 -0
- package/dist/types/components/pami-navigation-rail-tab/pami-navigation-rail-tab.d.ts +39 -0
- package/dist/types/components/pami-tag/pami-tag.d.ts +17 -0
- package/dist/types/components.d.ts +336 -14
- package/dist/types/utils/charts/theme.d.ts +2 -0
- package/dist/types/utils/focusable.d.ts +4 -0
- package/dist/types/utils/pami-dots.d.ts +1 -1
- package/dist/types/utils/pami-material-defaults.d.ts +108 -0
- package/dist/types/utils/pami-material.d.ts +12 -11
- package/dist/types/utils/pami-motion-defaults.d.ts +7 -0
- package/dist/types/utils/status-surface.d.ts +2 -0
- package/hydrate/index.js +983 -267
- package/hydrate/index.mjs +983 -267
- package/main-llm.md +14 -13
- package/package.json +2 -2
- package/src/components/pami-callout/readme.md +48 -0
- package/src/components/pami-navigation-group/readme.md +53 -0
- package/src/components/pami-navigation-rail/readme.md +91 -3
- package/src/components/pami-navigation-rail-tab/readme.md +30 -1
- package/src/components/pami-tag/readme.md +38 -0
- package/dist/cjs/pami-painter-CEq_kp4Z.js.map +0 -1
- package/dist/cjs/ripple-CiICEyeg.js.map +0 -1
- package/dist/cjs/rtl-D4GO_8Co.js.map +0 -1
- package/dist/components/p-29VlWbeT.js +0 -2
- package/dist/components/p-29VlWbeT.js.map +0 -1
- package/dist/components/p-BT8CI4i3.js +0 -2
- package/dist/components/p-BZcBbRYY.js +0 -2
- package/dist/components/p-C1b-wwIb.js +0 -2
- package/dist/components/p-C1b-wwIb.js.map +0 -1
- package/dist/components/p-CKrq0VhQ.js +0 -2
- package/dist/components/p-DD2A_AfS.js +0 -2
- package/dist/components/p-DFhQRL_q.js +0 -2
- package/dist/components/p-DFhQRL_q.js.map +0 -1
- package/dist/components/p-DO-HSPrg.js +0 -2
- package/dist/components/p-DO-HSPrg.js.map +0 -1
- package/dist/components/p-DQG2QiqW.js +0 -2
- package/dist/components/p-DWSD26x3.js +0 -2
- package/dist/components/p-NaJ3tJav.js +0 -2
- package/dist/components/p-NaJ3tJav.js.map +0 -1
- package/dist/components-csr/p-BN5fTT2p.js +0 -2
- package/dist/components-csr/p-BeWJtYZz.js +0 -2
- package/dist/components-csr/p-C1b-wwIb.js +0 -2
- package/dist/components-csr/p-C1b-wwIb.js.map +0 -1
- package/dist/components-csr/p-CGmQZ1oO.js +0 -2
- package/dist/components-csr/p-CGmQZ1oO.js.map +0 -1
- package/dist/components-csr/p-CKh3uxJF.js +0 -2
- package/dist/components-csr/p-CwgbF4Z5.js +0 -2
- package/dist/components-csr/p-CwgbF4Z5.js.map +0 -1
- package/dist/components-csr/p-D4njrR9m.js +0 -2
- package/dist/components-csr/p-D8TTB-lO.js +0 -2
- package/dist/components-csr/p-D8TTB-lO.js.map +0 -1
- package/dist/components-csr/p-DVtt3xax.js +0 -2
- package/dist/components-csr/p-DVtt3xax.js.map +0 -1
- package/dist/components-csr/p-PG3r1Ywi.js +0 -2
- package/dist/components-csr/p-dksxS2yM.js +0 -2
- package/dist/esm/pami-painter-BWqbBPaI.js.map +0 -1
- package/dist/esm/ripple-DT5RL9GH.js.map +0 -1
- package/dist/esm/rtl-CC7FhM00.js.map +0 -1
- package/dist/pami/p-041d2685.entry.js +0 -2
- package/dist/pami/p-041d2685.entry.js.map +0 -1
- package/dist/pami/p-0fcc82b3.entry.js +0 -2
- package/dist/pami/p-19669ac1.entry.js +0 -2
- package/dist/pami/p-1hwLIlBx.js +0 -2
- package/dist/pami/p-1hwLIlBx.js.map +0 -1
- package/dist/pami/p-2067b15d.entry.js +0 -2
- package/dist/pami/p-309b4e6d.entry.js +0 -2
- package/dist/pami/p-37d827d8.entry.js +0 -2
- package/dist/pami/p-3b5862ac.entry.js +0 -2
- package/dist/pami/p-4ba67b88.entry.js +0 -2
- package/dist/pami/p-542e81de.entry.js +0 -2
- package/dist/pami/p-5c02cc99.entry.js +0 -2
- package/dist/pami/p-5c02cc99.entry.js.map +0 -1
- package/dist/pami/p-60beacc5.entry.js +0 -2
- package/dist/pami/p-6753c7a1.entry.js +0 -2
- package/dist/pami/p-688017eb.entry.js +0 -2
- package/dist/pami/p-6a29a776.entry.js +0 -2
- package/dist/pami/p-6cd18c0d.entry.js +0 -2
- package/dist/pami/p-7415982c.entry.js +0 -2
- package/dist/pami/p-CC7FhM00.js +0 -2
- package/dist/pami/p-CC7FhM00.js.map +0 -1
- package/dist/pami/p-DT5RL9GH.js +0 -2
- package/dist/pami/p-DT5RL9GH.js.map +0 -1
- package/dist/pami/p-a304bc4f.entry.js +0 -2
- package/dist/pami/p-b2704345.entry.js +0 -2
- package/dist/pami/p-b6b7092b.entry.js +0 -2
- package/dist/pami/p-bac4f96e.entry.js +0 -2
- package/dist/pami/p-bac4f96e.entry.js.map +0 -1
- package/dist/pami/p-bd2fb99f.entry.js +0 -2
- package/dist/pami/p-c0fe2248.entry.js +0 -2
- package/dist/pami/p-c1409913.entry.js +0 -2
- package/dist/pami/p-cd922613.entry.js +0 -2
- package/dist/pami/p-cd922613.entry.js.map +0 -1
- package/dist/pami/p-cf4fa448.entry.js +0 -2
- package/dist/pami/p-cf4fa448.entry.js.map +0 -1
- package/dist/pami/p-d6600bc9.entry.js +0 -2
- package/dist/pami/p-d6600bc9.entry.js.map +0 -1
- package/dist/pami/p-d7504084.entry.js +0 -2
- package/dist/pami/p-dd4d87c2.entry.js +0 -2
- package/dist/pami/p-ec67197c.entry.js +0 -2
- package/dist/pami/p-ef41fef7.entry.js +0 -2
- package/dist/pami/p-f33d5f4a.entry.js +0 -2
- package/dist/pami/p-f3798dc6.entry.js +0 -2
- /package/dist/components/{p-DkVOc0wm.js.map → p-8v8oq2Gq.js.map} +0 -0
- /package/dist/components/{p-DneLEiFl.js.map → p-AeIwPqCK.js.map} +0 -0
- /package/dist/components/{p-C3VyQE8n.js.map → p-BHjV4ckR.js.map} +0 -0
- /package/dist/components/{p-Dh4RKEYp.js.map → p-Cf7x7Pbw.js.map} +0 -0
- /package/dist/components/{p-BKlel-AP.js.map → p-CsGff_Ta.js.map} +0 -0
- /package/dist/components/{p-CFpk8pnq.js.map → p-DKXYFRHy.js.map} +0 -0
- /package/dist/components/{p-Bf1Bx-JV.js.map → p-DuoeMUTq.js.map} +0 -0
- /package/dist/components/{p-g4sA3hAp.js.map → p-DzxH9m7D.js.map} +0 -0
- /package/dist/components-csr/{p-DneLEiFl.js.map → p-AeIwPqCK.js.map} +0 -0
- /package/dist/components-csr/{p-Dq_XLtjQ.js.map → p-BubrJNco.js.map} +0 -0
- /package/dist/components-csr/{p-Iozt_nIr.js.map → p-C1ChEady.js.map} +0 -0
- /package/dist/components-csr/{p-DYa7FJrs.js.map → p-CC0KCIVL.js.map} +0 -0
- /package/dist/components-csr/{p-wjnroiZn.js.map → p-CYTOzIlz.js.map} +0 -0
- /package/dist/components-csr/{p-BKlel-AP.js.map → p-CsGff_Ta.js.map} +0 -0
- /package/dist/components-csr/{p-CFpk8pnq.js.map → p-DKXYFRHy.js.map} +0 -0
- /package/dist/components-csr/{p-g4sA3hAp.js.map → p-DzxH9m7D.js.map} +0 -0
- /package/dist/pami/{p-bc63e548.entry.js.map → p-14668a82.entry.js.map} +0 -0
- /package/dist/pami/{p-cdd36757.entry.js.map → p-1468d5c4.entry.js.map} +0 -0
- /package/dist/pami/{p-a4a2f7e2.entry.js.map → p-230b51cc.entry.js.map} +0 -0
- /package/dist/pami/{p-f6d50fc7.entry.js.map → p-253bb306.entry.js.map} +0 -0
- /package/dist/pami/{p-c087aa2d.entry.js.map → p-27ba3c65.entry.js.map} +0 -0
- /package/dist/pami/{p-3577517b.entry.js.map → p-2c9fef75.entry.js.map} +0 -0
- /package/dist/pami/{p-2fa9e712.entry.js.map → p-3031787d.entry.js.map} +0 -0
- /package/dist/pami/{p-27208b60.entry.js.map → p-39a6add3.entry.js.map} +0 -0
- /package/dist/pami/{p-ed0554c3.entry.js.map → p-3fc31b91.entry.js.map} +0 -0
- /package/dist/pami/{p-91d25664.entry.js.map → p-513685d7.entry.js.map} +0 -0
- /package/dist/pami/{p-c1409913.entry.js.map → p-636faa29.entry.js.map} +0 -0
- /package/dist/pami/{p-b193dd1d.entry.js.map → p-71d62a04.entry.js.map} +0 -0
- /package/dist/pami/{p-3b859d3c.entry.js.map → p-72d9ed2c.entry.js.map} +0 -0
- /package/dist/pami/{p-5202ded3.entry.js.map → p-74673292.entry.js.map} +0 -0
- /package/dist/pami/{p-37d827d8.entry.js.map → p-76869b29.entry.js.map} +0 -0
- /package/dist/pami/{p-ef41fef7.entry.js.map → p-8381c008.entry.js.map} +0 -0
- /package/dist/pami/{p-7788c931.entry.js.map → p-86b07f8c.entry.js.map} +0 -0
- /package/dist/pami/{p-a516fb19.entry.js.map → p-a019a982.entry.js.map} +0 -0
- /package/dist/pami/{p-0435815b.entry.js.map → p-aa031eb5.entry.js.map} +0 -0
- /package/dist/pami/{p-42cda324.entry.js.map → p-be632c39.entry.js.map} +0 -0
- /package/dist/pami/{p-ea6e514b.entry.js.map → p-c02334c0.entry.js.map} +0 -0
- /package/dist/pami/{p-2391ef6b.entry.js.map → p-c717cd31.entry.js.map} +0 -0
- /package/dist/pami/{p-d3ad1da1.entry.js.map → p-cd63ef03.entry.js.map} +0 -0
- /package/dist/pami/{p-0f29f2bd.entry.js.map → p-cfc88755.entry.js.map} +0 -0
- /package/dist/pami/{p-14497ccf.entry.js.map → p-daf42aec.entry.js.map} +0 -0
- /package/dist/pami/{p-b8234190.entry.js.map → p-db1ee1b9.entry.js.map} +0 -0
- /package/dist/pami/{p-836652ad.entry.js.map → p-df18bacb.entry.js.map} +0 -0
- /package/dist/pami/{p-81c06d88.entry.js.map → p-eb41f4e0.entry.js.map} +0 -0
- /package/dist/pami/{p-4c023e51.entry.js.map → p-f29f90b0.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as a,H as e,c as t,h as r,d as i,t as s}from"./p-8mhkIT1t.js";import{p as o,u as m,P as c}from"./p-DO-HSPrg.js";import{t as n,d}from"./p-NaJ3tJav.js";import{d as l}from"./p-C3VyQE8n.js";const p=()=>`[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, #ef8625);--pami-surface-bg-end:var(--pami-material-crust-background-end, #fb8e28);--pami-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f);--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, #ffe9d1);--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, #ffddb8);--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, #ffc98e);--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, #ffb866);--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, #fcfcfc);--pami-surface-bg-end:var(--pami-material-crumb-background-end, #fffbf5);--pami-surface-dot-start:var(--pami-material-crumb-dot-start, #f9f1e7);--pami-surface-dot-end:var(--pami-material-crumb-dot-end, #fef9ef);--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, #342004);--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, #3b4f1a);--pami-surface-bg-end:var(--pami-material-olive-background-end, #2a3813);--pami-surface-dot-start:var(--pami-material-olive-dot-start, #607f1f);--pami-surface-dot-end:var(--pami-material-olive-dot-end, #556b2f);--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, #fcffeb);--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, #f4f7ea);--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, #eaf0d9);--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, #d8e2b6);--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, #c9d79e);--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, #2a3813);--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, #513018);--pami-surface-bg-end:var(--pami-material-bronze-background-end, #351c0a);--pami-surface-dot-start:var(--pami-material-bronze-dot-start, #996437);--pami-surface-dot-end:var(--pami-material-bronze-dot-end, #7d4d28);--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, #fef7ec);--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6);--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, #351c0a);--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient( calc(var(--pami-texture-angle, 43) * 1deg), color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%, color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%, color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100% );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box, var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient( color-mix(in srgb, var(--pami-surface-text) 30%, transparent), color-mix(in srgb, var(--pami-surface-text) 30%, transparent) );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-fab-menu-item-container-color, var(--md-sys-color-primary-container));--_label-color:var(--pami-fab-menu-item-label-color, var(--pami-material-crust-text, var(--md-sys-color-on-primary-container)));--_icon-color:var(--pami-fab-menu-item-icon-color, var(--_label-color));--_icon-size:var(--pami-fab-menu-item-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--pami-fab-menu-item-container-shape, var(--md-sys-shape-corner-full, 9999px));--_state-layer-color:var(--_label-color);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;border:none;outline:none;box-sizing:border-box;min-height:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));padding-inline:var(--md-sys-spacing-inset-xl, 24px);gap:var(--md-sys-spacing-gap-sm, 8px);isolation:isolate;--md-sys-motion-press-scale:var(--md-sys-motion-press-scale-control, 1);background-color:var(--_container-color);color:var(--_label-color);border-radius:var(--_container-shape);box-shadow:none;font-family:var(--md-sys-typescale-title-small-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-title-small-font-weight, 500);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transition:background-color 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), scale var(--md-sys-motion-press-duration, 150ms) var(--md-sys-motion-press-easing, cubic-bezier(0.34, 1.56, 0.64, 1));-webkit-tap-highlight-color:transparent;white-space:nowrap}:host(.pami-fab-menu-item--with-icon){padding-inline-start:var(--md-sys-spacing-inset-lg, 16px)}.pami-fab-menu-item__surface[data-surface]{position:absolute;inset:0;z-index:-1;display:var(--pami-fab-menu-item-surface-display, block);border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit;--pami-surface-bg-start:var(--pami-fab-menu-item-surface-start, var(--pami-material-crust-background-start, #ef8625));--pami-surface-bg-end:var(--pami-fab-menu-item-surface-end, var(--pami-material-crust-background-end, #fb8e28));--pami-surface-dot-start:var(--pami-fab-menu-item-surface-dot-start, var(--pami-material-crust-dot-start, #f09f42));--pami-surface-dot-end:var(--pami-fab-menu-item-surface-dot-end, var(--pami-material-crust-dot-end, #ffad1f))}.pami-fab-menu-item__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-fab-menu-item-container-color, transparent)}:host(:active:not(.pami-fab-menu-item--disabled)){scale:var(--md-sys-motion-press-scale, 1)}.pami-fab-menu-item__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);opacity:0;transition:opacity 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .pami-fab-menu-item__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .pami-fab-menu-item__state-layer,:host(.pami-fab-menu-item--roving-focus-visible:not(:focus)) .pami-fab-menu-item__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:active) .pami-fab-menu-item__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus:not(:focus-visible)){outline:none}:host(:focus-visible),:host(.pami-fab-menu-item--roving-focus-visible:not(:focus)){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);z-index:1}:host(.pami-fab-menu-item--disabled){cursor:default;pointer-events:none;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]){cursor:default;pointer-events:auto;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-fab-menu-item--disabled:hover) .pami-fab-menu-item__state-layer,:host(.pami-fab-menu-item--disabled:active) .pami-fab-menu-item__state-layer,:host(.pami-fab-menu-item--disabled:focus-visible) .pami-fab-menu-item__state-layer{opacity:0}:host([soft-disabled]) .pami-fab-menu-item__state-layer{display:none}.pami-fab-menu-item__icon{color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}slot[name="icon"]{display:contents}::slotted([slot="icon"]){color:var(--_icon-color);inline-size:var(--_icon-size);block-size:var(--_icon-size);flex-shrink:0;fill:currentColor}.pami-fab-menu-item__label{display:flex;align-items:center;white-space:nowrap}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 20px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){:host{transition:none}.pami-fab-menu-item__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}:host(:focus-visible){outline-color:Highlight}:host(.pami-fab-menu-item--disabled){border-color:GrayText;color:GrayText;opacity:1}.pami-fab-menu-item__state-layer{display:none}.pami-fab-menu-item__icon,.pami-fab-menu-item__label{color:inherit}}: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([hidden]){display:none !important}@media (forced-colors: active){.pami-[data-surface]{display:none}}`;const f=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.pamiClick=t(this,"pamiClick",7);this.icon="";this.label="";this.disabled=false;this.softDisabled=false;this.rovingFocusVisible=false;this.density=0;this.hasSlottedIcon=false;this.handleClick=a=>{if(this.isDisabled){a.preventDefault();a.stopPropagation();return}this.pamiClick.emit()};this.handleKeyDown=a=>{if(a.key==="Enter"||a.key===" "){a.preventDefault();if(!this.isDisabled){n(this.el);this.pamiClick.emit()}}}}get isDisabled(){return this.disabled||this.softDisabled}componentWillLoad(){if(!this.el.hasAttribute("tabindex")){this.el.setAttribute("tabindex","-1")}}componentDidRender(){o(this.el)}disconnectedCallback(){m(this.el)}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="icon"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedIcon=e.assignedElements().length>0}))}render(){const a=!!this.icon;const e=this.isDisabled;return r(i,{key:"e526ff0e4ca8b8ffbe62b04ddd0b2a0f463bc1f0",class:{"pami-fab-menu-item":true,"pami-fab-menu-item--with-icon":a||this.hasSlottedIcon,"pami-fab-menu-item--disabled":e,"pami-fab-menu-item--roving-focus-visible":this.rovingFocusVisible},role:"menuitem","aria-disabled":e?"true":null,onClick:this.handleClick,onKeyDown:this.handleKeyDown},!e&&r("span",{key:"adc83f46dd4fbdbd0cc664dfa244cf2a340ec0a6",class:"pami-fab-menu-item__surface","data-surface":"crust:control","aria-hidden":"true"},r(c,{key:"841108c2d74677db5d53cdb7740226cd58bbd6b4"})),r("pami-ripple",{key:"cae37e35808fa6f249668c96530ab46a247cab9b",disabled:e}),r("span",{key:"cfaed541dd14a8573d6f5dbed7a201b0aa1aead5",class:"pami-fab-menu-item__state-layer",part:"state-layer","aria-hidden":"true"}),r("slot",{key:"a589f50c290c091a0ac0ad9127566ae040e8e674",name:"icon"},a&&r("pami-icon",{key:"166d19fd7c2e26e3b4c2155260c2c59e492483d5",class:"pami-fab-menu-item__icon",part:"icon","aria-hidden":"true",name:this.icon})),r("span",{key:"2438ad590dce86fbbfd2333737a8c6cab15d9ac6",class:"pami-fab-menu-item__label",part:"label"},this.label?this.label:r("slot",null)))}get el(){return this}static get style(){return p()}},[257,"pami-fab-menu-item",{icon:[1],label:[1],disabled:[516],softDisabled:[516,"soft-disabled"],rovingFocusVisible:[1028,"roving-focus-visible"],density:[514],hasSlottedIcon:[32]}]);function u(){if(typeof customElements==="undefined"){return}const a=["pami-fab-menu-item","pami-icon","pami-ripple"];a.forEach((a=>{switch(a){case"pami-fab-menu-item":if(!customElements.get(s(a))){customElements.define(s(a),f)}break;case"pami-icon":if(!customElements.get(s(a))){l()}break;case"pami-ripple":if(!customElements.get(s(a))){d()}break}}))}u();const b=f;const g=u;export{b as PamiFabMenuItem,g as defineCustomElement};
|
|
1
|
+
import{p as a,H as e,c as t,h as r,d as i,t as s}from"./p-8mhkIT1t.js";import{p as o,u as m,P as c}from"./p-CKqNm_Q4.js";import{t as n,d}from"./p-BcrEx_cg.js";import{d as l}from"./p-BHjV4ckR.js";const p=()=>`[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));--pami-surface-bg-end:var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));--pami-surface-dot-start:var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));--pami-surface-dot-end:var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, rgba(43, 28, 13, 1));--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));--pami-surface-bg-end:var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));--pami-surface-dot-start:var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));--pami-surface-dot-end:var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, rgba(242, 248, 235, 1));--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));--pami-surface-bg-end:var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));--pami-surface-dot-start:var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));--pami-surface-dot-end:var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, rgba(255, 242, 235, 1));--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));--pami-surface-bg-end:var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));--pami-surface-dot-start:var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));--pami-surface-dot-end:var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, rgba(52, 32, 4, 1));--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient( calc(var(--pami-texture-angle, 43) * 1deg), color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%, color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%, color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100% );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box, var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient( color-mix(in srgb, var(--pami-surface-text) 30%, transparent), color-mix(in srgb, var(--pami-surface-text) 30%, transparent) );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-fab-menu-item-container-color, var(--md-sys-color-primary-container));--_label-color:var(--pami-fab-menu-item-label-color, var(--pami-material-crust-text, var(--md-sys-color-on-primary-container)));--_icon-color:var(--pami-fab-menu-item-icon-color, var(--_label-color));--_icon-size:var(--pami-fab-menu-item-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--pami-fab-menu-item-container-shape, var(--md-sys-shape-corner-full, 9999px));--_state-layer-color:var(--_label-color);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;border:none;outline:none;box-sizing:border-box;min-height:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));padding-inline:var(--md-sys-spacing-inset-xl, 24px);gap:var(--md-sys-spacing-gap-sm, 8px);isolation:isolate;--md-sys-motion-press-scale:var(--md-sys-motion-press-scale-control, 1);background-color:var(--_container-color);color:var(--_label-color);border-radius:var(--_container-shape);box-shadow:none;font-family:var(--md-sys-typescale-title-small-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-title-small-font-weight, 500);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transition:background-color 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), scale var(--md-sys-motion-press-duration, 150ms) var(--md-sys-motion-press-easing, cubic-bezier(0.34, 1.56, 0.64, 1));-webkit-tap-highlight-color:transparent;white-space:nowrap}:host(.pami-fab-menu-item--with-icon){padding-inline-start:var(--md-sys-spacing-inset-lg, 16px)}.pami-fab-menu-item__surface[data-surface]{position:absolute;inset:0;z-index:-1;display:var(--pami-fab-menu-item-surface-display, block);border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit;--pami-surface-bg-start:var(--pami-fab-menu-item-surface-start, var(--pami-material-crust-background-start, #ef8625));--pami-surface-bg-end:var(--pami-fab-menu-item-surface-end, var(--pami-material-crust-background-end, #fb8e28));--pami-surface-dot-start:var(--pami-fab-menu-item-surface-dot-start, var(--pami-material-crust-dot-start, #f09f42));--pami-surface-dot-end:var(--pami-fab-menu-item-surface-dot-end, var(--pami-material-crust-dot-end, #ffad1f))}.pami-fab-menu-item__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-fab-menu-item-container-color, transparent)}:host(:active:not(.pami-fab-menu-item--disabled)){scale:var(--md-sys-motion-press-scale, 1)}.pami-fab-menu-item__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);opacity:0;transition:opacity 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .pami-fab-menu-item__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .pami-fab-menu-item__state-layer,:host(.pami-fab-menu-item--roving-focus-visible:not(:focus)) .pami-fab-menu-item__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:active) .pami-fab-menu-item__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus:not(:focus-visible)){outline:none}:host(:focus-visible),:host(.pami-fab-menu-item--roving-focus-visible:not(:focus)){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);z-index:1}:host(.pami-fab-menu-item--disabled){cursor:default;pointer-events:none;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]){cursor:default;pointer-events:auto;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-fab-menu-item--disabled:hover) .pami-fab-menu-item__state-layer,:host(.pami-fab-menu-item--disabled:active) .pami-fab-menu-item__state-layer,:host(.pami-fab-menu-item--disabled:focus-visible) .pami-fab-menu-item__state-layer{opacity:0}:host([soft-disabled]) .pami-fab-menu-item__state-layer{display:none}.pami-fab-menu-item__icon{color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}slot[name="icon"]{display:contents}::slotted([slot="icon"]){color:var(--_icon-color);inline-size:var(--_icon-size);block-size:var(--_icon-size);flex-shrink:0;fill:currentColor}.pami-fab-menu-item__label{display:flex;align-items:center;white-space:nowrap}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 20px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){:host{transition:none}.pami-fab-menu-item__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}:host(:focus-visible){outline-color:Highlight}:host(.pami-fab-menu-item--disabled){border-color:GrayText;color:GrayText;opacity:1}.pami-fab-menu-item__state-layer{display:none}.pami-fab-menu-item__icon,.pami-fab-menu-item__label{color:inherit}}: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([hidden]){display:none !important}@media (forced-colors: active){.pami-[data-surface]{display:none}}`;const u=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.pamiClick=t(this,"pamiClick",7);this.icon="";this.label="";this.disabled=false;this.softDisabled=false;this.rovingFocusVisible=false;this.density=0;this.hasSlottedIcon=false;this.handleClick=a=>{if(this.isDisabled){a.preventDefault();a.stopPropagation();return}this.pamiClick.emit()};this.handleKeyDown=a=>{if(a.key==="Enter"||a.key===" "){a.preventDefault();if(!this.isDisabled){n(this.el);this.pamiClick.emit()}}}}get isDisabled(){return this.disabled||this.softDisabled}componentWillLoad(){if(!this.el.hasAttribute("tabindex")){this.el.setAttribute("tabindex","-1")}}componentDidRender(){o(this.el)}disconnectedCallback(){m(this.el)}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="icon"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedIcon=e.assignedElements().length>0}))}render(){const a=!!this.icon;const e=this.isDisabled;return r(i,{key:"cc8fa8d6516139ea828ca60240b831322eb06398",class:{"pami-fab-menu-item":true,"pami-fab-menu-item--with-icon":a||this.hasSlottedIcon,"pami-fab-menu-item--disabled":e,"pami-fab-menu-item--roving-focus-visible":this.rovingFocusVisible},role:"menuitem","aria-disabled":e?"true":null,onClick:this.handleClick,onKeyDown:this.handleKeyDown},!e&&r("span",{key:"f5d414d2ec23049330daeaac1f94fcdbceaae8e2",class:"pami-fab-menu-item__surface","data-surface":"crust:control","aria-hidden":"true"},r(c,{key:"cc4b21f23f41a17580f4c36c045b80e34009f75f"})),r("pami-ripple",{key:"72f9e0bc8a018cc611f64b88574e6ded7cbb5063",disabled:e}),r("span",{key:"7d22789dc847b397c369c48238788520b553defe",class:"pami-fab-menu-item__state-layer",part:"state-layer","aria-hidden":"true"}),r("slot",{key:"7003391c3ca39b02858f2bad1312273a8728a04e",name:"icon"},a&&r("pami-icon",{key:"06cef9e44ef5fa559410f4725c6802745a7c038d",class:"pami-fab-menu-item__icon",part:"icon","aria-hidden":"true",name:this.icon})),r("span",{key:"92cdb5c16067ca2f8757e047fe524bb88125e077",class:"pami-fab-menu-item__label",part:"label"},this.label?this.label:r("slot",null)))}get el(){return this}static get style(){return p()}},[257,"pami-fab-menu-item",{icon:[1],label:[1],disabled:[516],softDisabled:[516,"soft-disabled"],rovingFocusVisible:[1028,"roving-focus-visible"],density:[514],hasSlottedIcon:[32]}]);function f(){if(typeof customElements==="undefined"){return}const a=["pami-fab-menu-item","pami-icon","pami-ripple"];a.forEach((a=>{switch(a){case"pami-fab-menu-item":if(!customElements.get(s(a))){customElements.define(s(a),u)}break;case"pami-icon":if(!customElements.get(s(a))){l()}break;case"pami-ripple":if(!customElements.get(s(a))){d()}break}}))}f();const b=u;const g=f;export{b as PamiFabMenuItem,g as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=pami-fab-menu-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["pamiFabMenuItemCss","PamiFabMenuItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","icon","label","disabled","softDisabled","rovingFocusVisible","density","hasSlottedIcon","handleClick","e","isDisabled","preventDefault","stopPropagation","pamiClick","emit","handleKeyDown","key","triggerRipple","el","componentWillLoad","hasAttribute","setAttribute","componentDidRender","paintSurfaces","disconnectedCallback","unpaintSurfaces","componentDidLoad","shadow","shadowRoot","iconSlot","querySelector","addEventListener","assignedElements","length","render","hasIcon","effectivelyDisabled","h","Host","class","role","onClick","onKeyDown","PamiDots","part","name"],"sources":["../sources/4f8b8da9c85fb22290f05f40ade6982fc6f012d693de0b9946c84e58bddae90e/pami-fab-menu-item.css_tag_pami-fab-menu-item_encapsulation_shadow","../sources/4c3c7893846cea8b7a909a2816d45a62cb544bf596c22bf85471e3ee5a707b7d/pami-fab-menu-item.tsx"],"mappings":"mMAAA,MAAMA,EAAqB,IAAM,
|
|
1
|
+
{"version":3,"names":["pamiFabMenuItemCss","PamiFabMenuItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","icon","label","disabled","softDisabled","rovingFocusVisible","density","hasSlottedIcon","handleClick","e","isDisabled","preventDefault","stopPropagation","pamiClick","emit","handleKeyDown","key","triggerRipple","el","componentWillLoad","hasAttribute","setAttribute","componentDidRender","paintSurfaces","disconnectedCallback","unpaintSurfaces","componentDidLoad","shadow","shadowRoot","iconSlot","querySelector","addEventListener","assignedElements","length","render","hasIcon","effectivelyDisabled","h","Host","class","role","onClick","onKeyDown","PamiDots","part","name"],"sources":["../sources/4f8b8da9c85fb22290f05f40ade6982fc6f012d693de0b9946c84e58bddae90e/pami-fab-menu-item.css_tag_pami-fab-menu-item_encapsulation_shadow","../sources/4c3c7893846cea8b7a909a2816d45a62cb544bf596c22bf85471e3ee5a707b7d/pami-fab-menu-item.tsx"],"mappings":"mMAAA,MAAMA,EAAqB,IAAM,i6iB,MCUpBC,EAAeC,EAAA,MAAAD,UAAAE,EAL5B,WAAAC,CAAAC,G,uGASUC,KAAAC,KAAe,GAGfD,KAAAE,MAAgB,GAGCF,KAAAG,SAAoB,MAGQH,KAAAI,aAAwB,MAOpCJ,KAAAK,mBAA8B,MAO9CL,KAAAM,QAAiC,EAKzCN,KAAAO,eAAiB,MA8B1BP,KAAAQ,YAAeC,IACrB,GAAIT,KAAKU,WAAY,CACnBD,EAAEE,iBACFF,EAAEG,kBACF,M,CAEFZ,KAAKa,UAAUC,MAAM,EAGfd,KAAAe,cAAiBN,IACvB,GAAIA,EAAEO,MAAQ,SAAWP,EAAEO,MAAQ,IAAK,CACtCP,EAAEE,iBACF,IAAKX,KAAKU,WAAY,CACpBO,EAAcjB,KAAKkB,IACnBlB,KAAKa,UAAUC,M,GAwCtB,CAlFC,cAAYJ,GACV,OAAOV,KAAKG,UAAYH,KAAKI,Y,CAG/B,iBAAAe,GACE,IAAKnB,KAAKkB,GAAGE,aAAa,YAAa,CACrCpB,KAAKkB,GAAGG,aAAa,WAAY,K,EAIrC,kBAAAC,GACEC,EAAcvB,KAAKkB,G,CAGrB,oBAAAM,GACEC,EAAgBzB,KAAKkB,G,CAGvB,gBAAAQ,GACE,MAAMC,EAAS3B,KAAKkB,GAAGU,WACvB,IAAKD,EAAQ,OAEb,MAAME,EAAWF,EAAOG,cAAc,qBACtCD,GAAUE,iBAAiB,cAAc,KACvC/B,KAAKO,eAAiBsB,EAASG,mBAAmBC,OAAS,CAAC,G,CAuBhE,MAAAC,GACE,MAAMC,IAAYnC,KAAKC,KACvB,MAAMmC,EAAsBpC,KAAKU,WAEjC,OACE2B,EAACC,EAAI,CAAAtB,IAAA,2CACHuB,MAAO,CACL,qBAAsB,KACtB,gCAAiCJ,GAAWnC,KAAKO,eACjD,+BAAgC6B,EAChC,2CAA4CpC,KAAKK,oBAEnDmC,KAAK,WAAU,gBACAJ,EAAsB,OAAS,KAC9CK,QAASzC,KAAKQ,YACdkC,UAAW1C,KAAKe,gBAEdqB,GACAC,EAAA,QAAArB,IAAA,2CAAMuB,MAAM,8BAA6B,eAAc,gBAAe,cAAa,QACjFF,EAACM,EAAQ,CAAA3B,IAAA,8CAGbqB,EAAA,eAAArB,IAAA,2CAAab,SAAUiC,IACvBC,EAAA,QAAArB,IAAA,2CAAMuB,MAAM,kCAAkCK,KAAK,cAAa,cAAa,SAC7EP,EAAA,QAAArB,IAAA,2CAAM6B,KAAK,QACRV,GACCE,EAAA,aAAArB,IAAA,2CAAWuB,MAAM,2BAA2BK,KAAK,OAAM,cAAa,OAAOC,KAAM7C,KAAKC,QAG1FoC,EAAA,QAAArB,IAAA,2CAAMuB,MAAM,4BAA4BK,KAAK,SAC1C5C,KAAKE,MAAQF,KAAKE,MAAQmC,EAAA,c","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as i,c as s,h as e,d as a,t as n}from"./p-8mhkIT1t.js";import{O as o}from"./p-DR7mGi2d.js";const r=()=>`:host{display:none;position:fixed;inset:0;z-index:var(--md-sys-z-index-popup, 1000);pointer-events:none}:host(.pami-fab-menu--open),:host(.pami-fab-menu--closing){display:block}.pami-fab-menu__container{position:fixed;display:flex;align-items:end;pointer-events:auto}:host(.pami-fab-menu--up) .pami-fab-menu__container{flex-direction:column}:host(.pami-fab-menu--up) .pami-fab-menu__items{display:flex;flex-direction:column-reverse;align-items:end;gap:var(--pami-fab-menu-item-gap, var(--md-sys-spacing-gap-xs, 4px))}:host(.pami-fab-menu--down) .pami-fab-menu__container{flex-direction:column}:host(.pami-fab-menu--down) .pami-fab-menu__items{display:flex;flex-direction:column;align-items:end;gap:var(--pami-fab-menu-item-gap, var(--md-sys-spacing-gap-xs, 4px))}:host(.pami-fab-menu--primary){--pami-fab-menu-item-label-color:var(--pami-material-crust-text, #331505);--pami-fab-menu-item-surface-start:var(--pami-material-crust-background-start, #ef8625);--pami-fab-menu-item-surface-end:var(--pami-material-crust-background-end, #fb8e28);--pami-fab-menu-item-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-fab-menu-item-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f)}:host(.pami-fab-menu--secondary){--pami-fab-menu-item-label-color:var(--pami-material-bronze-soft-text, #351c0a);--pami-fab-menu-item-surface-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-fab-menu-item-surface-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-fab-menu-item-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-fab-menu-item-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6)}:host(.pami-fab-menu--tertiary){--pami-fab-menu-item-container-color:var(--md-sys-color-tertiary-container);--pami-fab-menu-item-label-color:var(--md-sys-color-on-tertiary-container);--pami-fab-menu-item-surface-display:none}.pami-fab-menu__container{opacity:0;transform:scaleY(0.8);transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.pami-fab-menu--up) .pami-fab-menu__container{transform-origin:bottom right}:host(.pami-fab-menu--down) .pami-fab-menu__container{transform-origin:top right}:host(.pami-fab-menu--open) .pami-fab-menu__container{opacity:1;transform:none}@starting-style{:host(.pami-fab-menu--open) .pami-fab-menu__container{opacity:0;transform:scaleY(0.8)}}:host(.pami-fab-menu--closing) .pami-fab-menu__container{opacity:0;transform:scaleY(0.8);transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)), transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15))}@media (prefers-reduced-motion: reduce){.pami-fab-menu__container,:host(.pami-fab-menu--open) .pami-fab-menu__container,:host(.pami-fab-menu--closing) .pami-fab-menu__container{transition:none;opacity:1;transform:none}}@media (forced-colors: active){:host{forced-color-adjust:none}}: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([hidden]){display:none !important}`;const h=180;const c=120;const m={primary:{bg:"var(--md-sys-color-primary)",fg:"var(--md-sys-color-on-primary)"},secondary:{bg:"var(--md-sys-color-secondary)",fg:"var(--md-sys-color-on-secondary)"},tertiary:{bg:"var(--md-sys-color-tertiary)",fg:"var(--md-sys-color-on-tertiary)"}};let u=0;const f=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiOpen=s(this,"pamiOpen",7);this.pamiClose=s(this,"pamiClose",7);this.overlayLifecycle=new o((()=>this.el),(()=>this.open));this.open=false;this.anchor="";this.variant="primary";this.placement="up";this.quick=false;this.menuLabel="Actions";this.density=0;this.closing=false;this.effectivePlacement="up";this.menuId=`pami-fab-menu-${++u}`;this.openTaskGeneration=0;this.openTaskFrames=new Set;this.openTaskTimers=new Set;this.focusedIndex=-1;this.openedViaKeyboard=false;this.pointerActivated=false;this.anchorFocusedAtActivation=false;this.positionRafId=null;this.lastAnchorRect=null;this.anchorKeyHandler=t=>{if(t.key!=="Enter"&&t.key!==" ")return;this.openedViaKeyboard=true;const i=this.getAnchorEl();if(!i)return;const s=i.tagName.toLowerCase();if(s==="pami-fab"||s==="pami-button"||s==="button")return;t.preventDefault();t.stopPropagation();this.toggleMenu()};this.anchorClickHandler=t=>{if(!this.pointerActivated&&t.detail===0){this.openedViaKeyboard=true}this.pointerActivated=false;t.stopPropagation();this.toggleMenu()};this.anchorPointerHandler=()=>{this.pointerActivated=true;this.openedViaKeyboard=false;const t=this.getAnchorEl();const i=typeof document!=="undefined"?document.activeElement:null;this.anchorFocusedAtActivation=!!t&&!!i&&(t===i||t.contains(i))};this.handleKeyDown=t=>{if(!this.open)return;const i=t.target;if(i&&i.closest("pami-fab-menu")!==this.el)return;const s=this.getItems();if(!s.length)return;switch(t.key){case"Escape":t.preventDefault();this.close();this.restoreFocusToAnchor();break;case"ArrowUp":t.preventDefault();if(this.effectivePlacement==="up"){this.focusItem(s,this.focusedIndex+1)}else{if(this.focusedIndex<=0){this.focusAnchor()}else{this.focusItem(s,this.focusedIndex-1)}}break;case"ArrowDown":t.preventDefault();if(this.effectivePlacement==="up"){if(this.focusedIndex<=0){this.focusAnchor()}else{this.focusItem(s,this.focusedIndex-1)}}else{this.focusItem(s,this.focusedIndex+1)}break;case"Home":t.preventDefault();this.focusItem(s,0);break;case"End":t.preventDefault();this.focusItem(s,s.length-1);break;case"Tab":{const e=this.getItemIndex(i,s);const a=e>=0?e:this.focusedIndex;if(t.shiftKey){if(a<=0){t.preventDefault();this.focusAnchor()}else{t.preventDefault();this.focusItem(s,a-1,false)}}else if(a>=s.length-1){t.stopPropagation();this.close()}else{t.preventDefault();this.focusItem(s,a+1,false)}break}default:if(t.key.length===1&&!t.ctrlKey&&!t.altKey&&!t.metaKey){this.handleTypeahead(s,t.key)}break}};this.typeaheadBuffer="";this.handleAnchorKeyDown=t=>{if(!this.open&&!this.closing)return;switch(t.key){case"Escape":t.preventDefault();this.close();break;case"ArrowUp":if(this.effectivePlacement==="up"){t.preventDefault();this.focusItem(null,0)}break;case"ArrowDown":if(this.effectivePlacement==="down"){t.preventDefault();this.focusItem(null,0)}break;case"Tab":if(!t.shiftKey){t.preventDefault();this.focusItem(null,0,false)}break}};this.handleOutsideClick=t=>{const i=t.composedPath();const s=this.getAnchorEl();if(!i.includes(this.el)&&(!s||!i.includes(s))){this.close()}};this.handleItemClick=()=>{this.close();this.restoreFocusToAnchor()}}connectedCallback(){this.overlayLifecycle.connected();this.effectivePlacement=this.placement==="auto"?"up":this.placement}componentDidLoad(){this.overlayLifecycle.loaded();this.wireAnchor();if(this.open){this.resolveEffectivePlacement();this.deferOpenFrame((()=>this.positionMenu()));this.updateAnchorAria(true);this.morphAnchorFab(true);this.addGlobalListeners();this.updateItemDelays();this.scheduleFocus((()=>this.initRovingTabindex()))}}disconnectedCallback(){this.cancelOpenTasks();this.overlayLifecycle.disconnect();this.unwireAnchor();this.removeGlobalListeners();clearTimeout(this.closeTimer);clearTimeout(this.iconMorphTimer);clearTimeout(this.typeaheadTimer);this.resetAnchorFab()}onAnchorChange(){this.unwireAnchor();this.wireAnchor()}onPlacementChange(){if(this.placement!=="auto"){this.effectivePlacement=this.placement}}onOpenChange(t){this.cancelOpenTasks();if(t)this.overlayLifecycle.opened();else this.overlayLifecycle.closed();if(t){this.resolveEffectivePlacement();this.deferOpenFrame((()=>this.positionMenu()));this.pamiOpen.emit();if(!this.open||this.closing||!this.el.isConnected)return;this.updateAnchorAria(true);this.morphAnchorFab(true);this.addGlobalListeners();this.updateItemDelays();this.scheduleOpeningFocus()}else{this.updateAnchorAria(false);this.morphAnchorFab(false);this.removeGlobalListeners();this.pamiClose.emit();this.focusedIndex=-1;this.resetRovingTabindex();this.restoreFocusToAnchor()}}handleFocusIn(t){if(!this.open)return;const i=t.target;const s=this.getItems();const e=this.getItemIndex(i,s);if(e>=0&&e!==this.focusedIndex){if(this.focusedIndex>=0&&this.focusedIndex<s.length){s[this.focusedIndex].setAttribute("tabindex","-1")}this.focusedIndex=e;i.setAttribute("tabindex","0")}if(e>=0){this.clearRovingFocusVisible(s)}}async show(){this.cancelOpenTasks();await this.overlayLifecycle.show((()=>{const t=this.open;clearTimeout(this.closeTimer);this.closing=false;this.open=true;if(t&&this.open&&!this.closing){this.deferOpenFrame((()=>this.positionMenu()));this.addGlobalListeners();this.scheduleOpeningFocus()}}))}async whenClosed(){await this.overlayLifecycle.whenClosed()}async close(){this.cancelOpenTasks();this.overlayLifecycle.cancelOpen();if(!this.open||this.closing)return;if(this.quick){this.open=false;return}this.closing=true;this.closeTimer=setTimeout((()=>{this.closing=false;this.open=false}),h)}getAnchorEl(){return this.anchor?document.getElementById(this.anchor):null}toggleMenu(){if(this.open||this.closing){this.close()}else{this.show()}}wireAnchor(){this.unwireAnchor();if(!this.anchor||typeof document==="undefined")return;const t=this.getAnchorEl();if(!t)return;t.addEventListener("keydown",this.anchorKeyHandler,true);t.addEventListener("click",this.anchorClickHandler,true);t.addEventListener("mousedown",this.anchorPointerHandler);t.addEventListener("pointerdown",this.anchorPointerHandler)}unwireAnchor(){if(!this.anchor||typeof document==="undefined")return;const t=this.getAnchorEl();if(!t)return;t.removeEventListener("keydown",this.anchorKeyHandler,true);t.removeEventListener("click",this.anchorClickHandler,true);t.removeEventListener("mousedown",this.anchorPointerHandler);t.removeEventListener("pointerdown",this.anchorPointerHandler)}updateAnchorAria(t){const i=this.getAnchorEl();if(!i)return;if(t){i.setAttribute("aria-expanded","true");i.setAttribute("aria-haspopup","menu");i.setAttribute("aria-controls",this.menuId)}else{i.setAttribute("aria-expanded","false")}}morphAnchorFab(t){const i=this.getAnchorEl();if(!i)return;clearTimeout(this.iconMorphTimer);if(t){i.setAttribute("data-shape","circle");i.setAttribute("data-icon-morphing","");const t=m[this.variant];if(t){i.style.setProperty("--pami-fab-container-color",t.bg);i.style.setProperty("--pami-fab-icon-color",t.fg)}this.iconMorphTimer=setTimeout((()=>{void i.setMenuIcon?.("close");i.removeAttribute("data-icon-morphing")}),c);i.addEventListener("keydown",this.handleAnchorKeyDown)}else{i.removeAttribute("data-shape");i.setAttribute("data-icon-morphing","");i.style.removeProperty("--pami-fab-container-color");i.style.removeProperty("--pami-fab-icon-color");this.iconMorphTimer=setTimeout((()=>{void i.setMenuIcon?.(null);i.removeAttribute("data-icon-morphing")}),c);i.removeEventListener("keydown",this.handleAnchorKeyDown)}}resetAnchorFab(){const t=this.getAnchorEl();if(!t)return;clearTimeout(this.iconMorphTimer);t.removeAttribute("data-shape");t.removeAttribute("data-icon-morphing");void t.setMenuIcon?.(null);t.style.removeProperty("--pami-fab-container-color");t.style.removeProperty("--pami-fab-icon-color");t.removeEventListener("keydown",this.handleAnchorKeyDown)}restoreFocusToAnchor(){this.getAnchorEl()?.focus()}resolveEffectivePlacement(){if(this.placement!=="auto"){this.effectivePlacement=this.placement;return}const t=this.getAnchorEl();if(!t){this.effectivePlacement="up";return}const i=t.getBoundingClientRect();const s=i.top;const e=window.innerHeight-i.bottom;this.effectivePlacement=s>e?"up":"down"}positionMenu(){const t=this.getAnchorEl();const i=this.el.shadowRoot?.querySelector(".pami-fab-menu__container");if(!t||!i)return;const s=t.getBoundingClientRect();const e=getComputedStyle(this.el).direction==="rtl";const a=8;if(e){i.style.left=`${s.left}px`;i.style.right=""}else{i.style.right=`${window.innerWidth-s.right}px`;i.style.left=""}if(this.effectivePlacement==="up"){i.style.bottom=`${window.innerHeight-s.top+a}px`;i.style.top=""}else{i.style.top=`${s.bottom+a}px`;i.style.bottom=""}}getItems(){return Array.from(this.el.querySelectorAll("pami-fab-menu-item"))}getItemIndex(t,i){const s=i.indexOf(t);if(s>=0)return s;return i.findIndex((i=>i===t||i.contains(t)))}getEnabledItems(){return this.getItems().filter((t=>!t.hasAttribute("disabled")))}updateItemDelays(){const t=this.getItems();t.forEach(((t,i)=>{t.style.setProperty("--_fab-menu-item-index",String(i))}))}initRovingTabindex(){const t=this.getItems();t.forEach(((t,i)=>{t.setAttribute("tabindex",i===0?"0":"-1")}));this.focusedIndex=0}resetRovingTabindex(){const t=this.getItems();t.forEach((t=>{t.setAttribute("tabindex","-1")}));this.clearRovingFocusVisible(t)}cancelOpenTasks(){++this.openTaskGeneration;this.openTaskFrames.forEach((t=>cancelAnimationFrame(t)));this.openTaskFrames.clear();this.openTaskTimers.forEach((t=>clearTimeout(t)));this.openTaskTimers.clear()}deferOpenFrame(t){const i=this.openTaskGeneration;const s=requestAnimationFrame((()=>{this.openTaskFrames.delete(s);if(i!==this.openTaskGeneration||!this.open||this.closing||!this.el.isConnected)return;t()}));this.openTaskFrames.add(s)}scheduleFocus(t){const i=this.openTaskGeneration;const s=setTimeout((()=>{this.openTaskTimers.delete(s);if(i!==this.openTaskGeneration||!this.open||this.closing||!this.el.isConnected)return;this.deferOpenFrame(t)}),0);this.openTaskTimers.add(s)}scheduleOpeningFocus(){if(this.openedViaKeyboard||this.anchorFocusedAtActivation)this.scheduleFocus((()=>this.focusFirstItem(3,true)));else this.scheduleFocus((()=>this.initRovingTabindex()));this.openedViaKeyboard=false;this.anchorFocusedAtActivation=false}setRovingFocusVisible(t,i,s){t.forEach(((t,e)=>{t.rovingFocusVisible=s&&e===i}))}clearRovingFocusVisible(t){t.forEach((t=>{t.rovingFocusVisible=false}))}focusFirstItem(t=3,i=false){const s=this.getItems();if(s.length){this.focusItem(s,0,i)}else if(t>0){this.scheduleFocus((()=>this.focusFirstItem(t-1,i)))}}focusAnchor(){const t=this.getItems();t.forEach((t=>{t.setAttribute("tabindex","-1")}));this.clearRovingFocusVisible(t);const i=this.getAnchorEl();i?.focus();this.focusedIndex=-1}focusItem(t,i,s=true){const e=t??this.getItems();if(e.length===0)return;if(i<0)i=e.length-1;if(i>=e.length)i=0;if(this.focusedIndex>=0&&this.focusedIndex<e.length){e[this.focusedIndex].setAttribute("tabindex","-1")}this.focusedIndex=i;e[i].setAttribute("tabindex","0");this.setRovingFocusVisible(e,i,s);e[i].focus()}handleTypeahead(t,i){clearTimeout(this.typeaheadTimer);this.typeaheadBuffer+=i.toLowerCase();this.typeaheadTimer=setTimeout((()=>{this.typeaheadBuffer=""}),300);const s=this.focusedIndex>=0?this.focusedIndex:0;const e=t.length;for(let i=1;i<=e;i++){const a=(s+i)%e;const n=t[a];const o=(n.label??n.getAttribute("label")??"").trim()||(n.textContent||"").trim();if(o.toLowerCase().startsWith(this.typeaheadBuffer)){this.focusItem(t,a);return}}}startAnchorTracking(){this.stopAnchorTracking();const t=()=>{if(!this.open||!this.el.isConnected)return;this.repositionIfAnchorMoved();this.positionRafId=requestAnimationFrame(t)};this.positionRafId=requestAnimationFrame(t)}repositionIfAnchorMoved(){const t=this.getAnchorEl();if(!t)return;const i=t.getBoundingClientRect();const s=this.lastAnchorRect;if(!s||s.top!==i.top||s.left!==i.left||s.right!==i.right||s.bottom!==i.bottom){this.lastAnchorRect={top:i.top,left:i.left,right:i.right,bottom:i.bottom};this.positionMenu()}}stopAnchorTracking(){if(this.positionRafId!==null){cancelAnimationFrame(this.positionRafId);this.positionRafId=null}this.lastAnchorRect=null}addGlobalListeners(){this.deferOpenFrame((()=>{document.addEventListener("click",this.handleOutsideClick)}));this.startAnchorTracking();this.el.addEventListener("pamiClick",this.handleItemClick)}removeGlobalListeners(){document.removeEventListener("click",this.handleOutsideClick);this.stopAnchorTracking();this.el.removeEventListener("pamiClick",this.handleItemClick)}render(){return e(a,{key:"c60e49c9932690162c1eab5a93977884bbc42047",class:{"pami-fab-menu":true,"pami-fab-menu--open":this.open,"pami-fab-menu--closing":this.closing,[`pami-fab-menu--${this.variant}`]:true,[`pami-fab-menu--${this.effectivePlacement}`]:true},role:"menu",id:this.menuId,"aria-label":this.menuLabel,"aria-orientation":"vertical","aria-hidden":!this.open&&!this.closing?"true":"false",onKeyDown:this.handleKeyDown},e("div",{key:"ba2c1770ec2cfe530cbbb167091448e3353a6cc6",class:"pami-fab-menu__container"},e("div",{key:"5aeeebec7aa6c3af1871e282a5ba7ead5a36d5e7",class:"pami-fab-menu__items"},e("slot",{key:"f3edd0ff22ee7a668d625705a2f717343ffbcb71"}))))}get el(){return this}static get watchers(){return{anchor:[{onAnchorChange:0}],placement:[{onPlacementChange:0}],open:[{onOpenChange:0}]}}static get style(){return r()}},[257,"pami-fab-menu",{open:[1540],anchor:[1],variant:[513],placement:[513],quick:[4],menuLabel:[1,"menu-label"],density:[514],closing:[32],effectivePlacement:[32],show:[64],whenClosed:[64],close:[64]},[[0,"focusin","handleFocusIn"]],{anchor:[{onAnchorChange:0}],placement:[{onPlacementChange:0}],open:[{onOpenChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const t=["pami-fab-menu"];t.forEach((t=>{switch(t){case"pami-fab-menu":if(!customElements.get(n(t))){customElements.define(n(t),f)}break}}))}l();const p=f;const d=l;export{p as PamiFabMenu,d as defineCustomElement};
|
|
1
|
+
import{p as t,H as i,c as s,h as e,d as a,t as n}from"./p-8mhkIT1t.js";import{O as o}from"./p-DR7mGi2d.js";const r=()=>`:host{display:none;position:fixed;inset:0;z-index:var(--md-sys-z-index-popup, 1000);pointer-events:none}:host(.pami-fab-menu--open),:host(.pami-fab-menu--closing){display:block}.pami-fab-menu__container{position:fixed;display:flex;align-items:end;pointer-events:auto}:host(.pami-fab-menu--up) .pami-fab-menu__container{flex-direction:column}:host(.pami-fab-menu--up) .pami-fab-menu__items{display:flex;flex-direction:column-reverse;align-items:end;gap:var(--pami-fab-menu-item-gap, var(--md-sys-spacing-gap-xs, 4px))}:host(.pami-fab-menu--down) .pami-fab-menu__container{flex-direction:column}:host(.pami-fab-menu--down) .pami-fab-menu__items{display:flex;flex-direction:column;align-items:end;gap:var(--pami-fab-menu-item-gap, var(--md-sys-spacing-gap-xs, 4px))}:host(.pami-fab-menu--primary){--pami-fab-menu-item-label-color:var(--pami-material-crust-text, #331505);--pami-fab-menu-item-surface-start:var(--pami-material-crust-background-start, #ef8625);--pami-fab-menu-item-surface-end:var(--pami-material-crust-background-end, #fb8e28);--pami-fab-menu-item-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-fab-menu-item-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f)}:host(.pami-fab-menu--secondary){--pami-fab-menu-item-label-color:var(--pami-material-bronze-soft-text, #351c0a);--pami-fab-menu-item-surface-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-fab-menu-item-surface-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-fab-menu-item-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-fab-menu-item-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6)}:host(.pami-fab-menu--tertiary){--pami-fab-menu-item-container-color:var(--md-sys-color-tertiary-container);--pami-fab-menu-item-label-color:var(--md-sys-color-on-tertiary-container);--pami-fab-menu-item-surface-display:none}.pami-fab-menu__container{opacity:0;transform:scaleY(0.8);transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.pami-fab-menu--up) .pami-fab-menu__container{transform-origin:bottom right}:host(.pami-fab-menu--down) .pami-fab-menu__container{transform-origin:top right}:host(.pami-fab-menu--open) .pami-fab-menu__container{opacity:1;transform:none}@starting-style{:host(.pami-fab-menu--open) .pami-fab-menu__container{opacity:0;transform:scaleY(0.8)}}:host(.pami-fab-menu--closing) .pami-fab-menu__container{opacity:0;transform:scaleY(0.8);transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)), transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15))}@media (prefers-reduced-motion: reduce){.pami-fab-menu__container,:host(.pami-fab-menu--open) .pami-fab-menu__container,:host(.pami-fab-menu--closing) .pami-fab-menu__container{transition:none;opacity:1;transform:none}}@media (forced-colors: active){:host{forced-color-adjust:none}}: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([hidden]){display:none !important}`;const h=180;const c=120;const m={primary:{bg:"var(--md-sys-color-primary)",fg:"var(--md-sys-color-on-primary)"},secondary:{bg:"var(--md-sys-color-secondary)",fg:"var(--md-sys-color-on-secondary)"},tertiary:{bg:"var(--md-sys-color-tertiary)",fg:"var(--md-sys-color-on-tertiary)"}};let f=0;const u=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiOpen=s(this,"pamiOpen",7);this.pamiClose=s(this,"pamiClose",7);this.overlayLifecycle=new o((()=>this.el),(()=>this.open));this.open=false;this.anchor="";this.variant="primary";this.placement="up";this.quick=false;this.menuLabel="Actions";this.density=0;this.closing=false;this.effectivePlacement="up";this.menuId=`pami-fab-menu-${++f}`;this.openTaskGeneration=0;this.openTaskFrames=new Set;this.openTaskTimers=new Set;this.focusedIndex=-1;this.openedViaKeyboard=false;this.pointerActivated=false;this.anchorFocusedAtActivation=false;this.positionRafId=null;this.lastAnchorRect=null;this.anchorKeyHandler=t=>{if(t.key!=="Enter"&&t.key!==" ")return;this.openedViaKeyboard=true;const i=this.getAnchorEl();if(!i)return;const s=i.tagName.toLowerCase();if(s==="pami-fab"||s==="pami-button"||s==="button")return;t.preventDefault();t.stopPropagation();this.toggleMenu()};this.anchorClickHandler=t=>{if(!this.pointerActivated&&t.detail===0){this.openedViaKeyboard=true}this.pointerActivated=false;t.stopPropagation();this.toggleMenu()};this.anchorPointerHandler=()=>{this.pointerActivated=true;this.openedViaKeyboard=false;const t=this.getAnchorEl();const i=typeof document!=="undefined"?document.activeElement:null;this.anchorFocusedAtActivation=!!t&&!!i&&(t===i||t.contains(i))};this.handleKeyDown=t=>{if(!this.open)return;const i=t.target;if(i&&i.closest("pami-fab-menu")!==this.el)return;const s=this.getItems();if(!s.length)return;switch(t.key){case"Escape":t.preventDefault();this.close();this.restoreFocusToAnchor();break;case"ArrowUp":t.preventDefault();if(this.effectivePlacement==="up"){this.focusItem(s,this.focusedIndex+1)}else{if(this.focusedIndex<=0){this.focusAnchor()}else{this.focusItem(s,this.focusedIndex-1)}}break;case"ArrowDown":t.preventDefault();if(this.effectivePlacement==="up"){if(this.focusedIndex<=0){this.focusAnchor()}else{this.focusItem(s,this.focusedIndex-1)}}else{this.focusItem(s,this.focusedIndex+1)}break;case"Home":t.preventDefault();this.focusItem(s,0);break;case"End":t.preventDefault();this.focusItem(s,s.length-1);break;case"Tab":{const e=this.getItemIndex(i,s);const a=e>=0?e:this.focusedIndex;if(t.shiftKey){if(a<=0){t.preventDefault();this.focusAnchor()}else{t.preventDefault();this.focusItem(s,a-1,false)}}else if(a>=s.length-1){t.stopPropagation();this.close()}else{t.preventDefault();this.focusItem(s,a+1,false)}break}default:if(t.key.length===1&&!t.ctrlKey&&!t.altKey&&!t.metaKey){this.handleTypeahead(s,t.key)}break}};this.typeaheadBuffer="";this.handleAnchorKeyDown=t=>{if(!this.open&&!this.closing)return;switch(t.key){case"Escape":t.preventDefault();this.close();break;case"ArrowUp":if(this.effectivePlacement==="up"){t.preventDefault();this.focusItem(null,0)}break;case"ArrowDown":if(this.effectivePlacement==="down"){t.preventDefault();this.focusItem(null,0)}break;case"Tab":if(!t.shiftKey){t.preventDefault();this.focusItem(null,0,false)}break}};this.handleOutsideClick=t=>{const i=t.composedPath();const s=this.getAnchorEl();if(!i.includes(this.el)&&(!s||!i.includes(s))){this.close()}};this.handleItemClick=()=>{this.close();this.restoreFocusToAnchor()}}connectedCallback(){this.overlayLifecycle.connected();this.effectivePlacement=this.placement==="auto"?"up":this.placement}componentDidLoad(){this.overlayLifecycle.loaded();this.wireAnchor();if(this.open){this.resolveEffectivePlacement();this.deferOpenFrame((()=>this.positionMenu()));this.updateAnchorAria(true);this.morphAnchorFab(true);this.addGlobalListeners();this.updateItemDelays();this.scheduleFocus((()=>this.initRovingTabindex()))}}disconnectedCallback(){this.cancelOpenTasks();this.overlayLifecycle.disconnect();this.unwireAnchor();this.removeGlobalListeners();clearTimeout(this.closeTimer);clearTimeout(this.iconMorphTimer);clearTimeout(this.typeaheadTimer);this.resetAnchorFab()}onAnchorChange(){this.unwireAnchor();this.wireAnchor()}onPlacementChange(){if(this.placement!=="auto"){this.effectivePlacement=this.placement}}onOpenChange(t){this.cancelOpenTasks();if(t)this.overlayLifecycle.opened();else this.overlayLifecycle.closed();if(t){this.resolveEffectivePlacement();this.deferOpenFrame((()=>this.positionMenu()));this.pamiOpen.emit();if(!this.open||this.closing||!this.el.isConnected)return;this.updateAnchorAria(true);this.morphAnchorFab(true);this.addGlobalListeners();this.updateItemDelays();this.scheduleOpeningFocus()}else{this.updateAnchorAria(false);this.morphAnchorFab(false);this.removeGlobalListeners();this.pamiClose.emit();this.focusedIndex=-1;this.resetRovingTabindex();this.restoreFocusToAnchor()}}handleFocusIn(t){if(!this.open)return;const i=t.target;const s=this.getItems();const e=this.getItemIndex(i,s);if(e>=0&&e!==this.focusedIndex){if(this.focusedIndex>=0&&this.focusedIndex<s.length){s[this.focusedIndex].setAttribute("tabindex","-1")}this.focusedIndex=e;i.setAttribute("tabindex","0")}if(e>=0){this.clearRovingFocusVisible(s)}}async show(){this.cancelOpenTasks();await this.overlayLifecycle.show((()=>{const t=this.open;clearTimeout(this.closeTimer);this.closing=false;this.open=true;if(t&&this.open&&!this.closing){this.deferOpenFrame((()=>this.positionMenu()));this.addGlobalListeners();this.scheduleOpeningFocus()}}))}async whenClosed(){await this.overlayLifecycle.whenClosed()}async close(){this.cancelOpenTasks();this.overlayLifecycle.cancelOpen();if(!this.open||this.closing)return;if(this.quick){this.open=false;return}this.closing=true;this.closeTimer=setTimeout((()=>{this.closing=false;this.open=false}),h)}getAnchorEl(){return this.anchor?document.getElementById(this.anchor):null}toggleMenu(){if(this.open||this.closing){this.close()}else{this.show()}}wireAnchor(){this.unwireAnchor();if(!this.anchor||typeof document==="undefined")return;const t=this.getAnchorEl();if(!t)return;t.addEventListener("keydown",this.anchorKeyHandler,true);t.addEventListener("click",this.anchorClickHandler,true);t.addEventListener("mousedown",this.anchorPointerHandler);t.addEventListener("pointerdown",this.anchorPointerHandler)}unwireAnchor(){if(!this.anchor||typeof document==="undefined")return;const t=this.getAnchorEl();if(!t)return;t.removeEventListener("keydown",this.anchorKeyHandler,true);t.removeEventListener("click",this.anchorClickHandler,true);t.removeEventListener("mousedown",this.anchorPointerHandler);t.removeEventListener("pointerdown",this.anchorPointerHandler)}updateAnchorAria(t){const i=this.getAnchorEl();if(!i)return;if(t){i.setAttribute("aria-expanded","true");i.setAttribute("aria-haspopup","menu");i.setAttribute("aria-controls",this.menuId)}else{i.setAttribute("aria-expanded","false")}}morphAnchorFab(t){const i=this.getAnchorEl();if(!i)return;clearTimeout(this.iconMorphTimer);if(t){i.setAttribute("data-shape","circle");i.setAttribute("data-icon-morphing","");const t=m[this.variant];if(t){i.style.setProperty("--pami-fab-container-color",t.bg);i.style.setProperty("--pami-fab-icon-color",t.fg)}this.iconMorphTimer=setTimeout((()=>{void i.setMenuIcon?.("close");i.removeAttribute("data-icon-morphing")}),c);i.addEventListener("keydown",this.handleAnchorKeyDown)}else{i.removeAttribute("data-shape");i.setAttribute("data-icon-morphing","");i.style.removeProperty("--pami-fab-container-color");i.style.removeProperty("--pami-fab-icon-color");this.iconMorphTimer=setTimeout((()=>{void i.setMenuIcon?.(null);i.removeAttribute("data-icon-morphing")}),c);i.removeEventListener("keydown",this.handleAnchorKeyDown)}}resetAnchorFab(){const t=this.getAnchorEl();if(!t)return;clearTimeout(this.iconMorphTimer);t.removeAttribute("data-shape");t.removeAttribute("data-icon-morphing");void t.setMenuIcon?.(null);t.style.removeProperty("--pami-fab-container-color");t.style.removeProperty("--pami-fab-icon-color");t.removeEventListener("keydown",this.handleAnchorKeyDown)}restoreFocusToAnchor(){this.getAnchorEl()?.focus()}resolveEffectivePlacement(){if(this.placement!=="auto"){this.effectivePlacement=this.placement;return}const t=this.getAnchorEl();if(!t){this.effectivePlacement="up";return}const i=t.getBoundingClientRect();const s=i.top;const e=window.innerHeight-i.bottom;this.effectivePlacement=s>e?"up":"down"}positionMenu(){const t=this.getAnchorEl();const i=this.el.shadowRoot?.querySelector(".pami-fab-menu__container");if(!t||!i)return;const s=t.getBoundingClientRect();const e=getComputedStyle(this.el).direction==="rtl";const a=8;if(e){i.style.left=`${s.left}px`;i.style.right=""}else{i.style.right=`${window.innerWidth-s.right}px`;i.style.left=""}if(this.effectivePlacement==="up"){i.style.bottom=`${window.innerHeight-s.top+a}px`;i.style.top=""}else{i.style.top=`${s.bottom+a}px`;i.style.bottom=""}}getItems(){return Array.from(this.el.querySelectorAll("pami-fab-menu-item"))}getItemIndex(t,i){const s=i.indexOf(t);if(s>=0)return s;return i.findIndex((i=>i===t||i.contains(t)))}getEnabledItems(){return this.getItems().filter((t=>!t.hasAttribute("disabled")))}updateItemDelays(){const t=this.getItems();t.forEach(((t,i)=>{t.style.setProperty("--_fab-menu-item-index",String(i))}))}initRovingTabindex(){const t=this.getItems();t.forEach(((t,i)=>{t.setAttribute("tabindex",i===0?"0":"-1")}));this.focusedIndex=0}resetRovingTabindex(){const t=this.getItems();t.forEach((t=>{t.setAttribute("tabindex","-1")}));this.clearRovingFocusVisible(t)}cancelOpenTasks(){++this.openTaskGeneration;this.openTaskFrames.forEach((t=>cancelAnimationFrame(t)));this.openTaskFrames.clear();this.openTaskTimers.forEach((t=>clearTimeout(t)));this.openTaskTimers.clear()}deferOpenFrame(t){const i=this.openTaskGeneration;const s=requestAnimationFrame((()=>{this.openTaskFrames.delete(s);if(i!==this.openTaskGeneration||!this.open||this.closing||!this.el.isConnected)return;t()}));this.openTaskFrames.add(s)}scheduleFocus(t){const i=this.openTaskGeneration;const s=setTimeout((()=>{this.openTaskTimers.delete(s);if(i!==this.openTaskGeneration||!this.open||this.closing||!this.el.isConnected)return;this.deferOpenFrame(t)}),0);this.openTaskTimers.add(s)}scheduleOpeningFocus(){if(this.openedViaKeyboard||this.anchorFocusedAtActivation)this.scheduleFocus((()=>this.focusFirstItem(3,true)));else this.scheduleFocus((()=>this.initRovingTabindex()));this.openedViaKeyboard=false;this.anchorFocusedAtActivation=false}setRovingFocusVisible(t,i,s){t.forEach(((t,e)=>{t.rovingFocusVisible=s&&e===i}))}clearRovingFocusVisible(t){t.forEach((t=>{t.rovingFocusVisible=false}))}focusFirstItem(t=3,i=false){const s=this.getItems();if(s.length){this.focusItem(s,0,i)}else if(t>0){this.scheduleFocus((()=>this.focusFirstItem(t-1,i)))}}focusAnchor(){const t=this.getItems();t.forEach((t=>{t.setAttribute("tabindex","-1")}));this.clearRovingFocusVisible(t);const i=this.getAnchorEl();i?.focus();this.focusedIndex=-1}focusItem(t,i,s=true){const e=t??this.getItems();if(e.length===0)return;if(i<0)i=e.length-1;if(i>=e.length)i=0;if(this.focusedIndex>=0&&this.focusedIndex<e.length){e[this.focusedIndex].setAttribute("tabindex","-1")}this.focusedIndex=i;e[i].setAttribute("tabindex","0");this.setRovingFocusVisible(e,i,s);e[i].focus()}handleTypeahead(t,i){clearTimeout(this.typeaheadTimer);this.typeaheadBuffer+=i.toLowerCase();this.typeaheadTimer=setTimeout((()=>{this.typeaheadBuffer=""}),300);const s=this.focusedIndex>=0?this.focusedIndex:0;const e=t.length;for(let i=1;i<=e;i++){const a=(s+i)%e;const n=t[a];const o=(n.label??n.getAttribute("label")??"").trim()||(n.textContent||"").trim();if(o.toLowerCase().startsWith(this.typeaheadBuffer)){this.focusItem(t,a);return}}}startAnchorTracking(){this.stopAnchorTracking();const t=()=>{if(!this.open||!this.el.isConnected)return;this.repositionIfAnchorMoved();this.positionRafId=requestAnimationFrame(t)};this.positionRafId=requestAnimationFrame(t)}repositionIfAnchorMoved(){const t=this.getAnchorEl();if(!t)return;const i=t.getBoundingClientRect();const s=this.lastAnchorRect;if(!s||s.top!==i.top||s.left!==i.left||s.right!==i.right||s.bottom!==i.bottom){this.lastAnchorRect={top:i.top,left:i.left,right:i.right,bottom:i.bottom};this.positionMenu()}}stopAnchorTracking(){if(this.positionRafId!==null){cancelAnimationFrame(this.positionRafId);this.positionRafId=null}this.lastAnchorRect=null}addGlobalListeners(){this.deferOpenFrame((()=>{document.addEventListener("click",this.handleOutsideClick)}));this.startAnchorTracking();this.el.addEventListener("pamiClick",this.handleItemClick)}removeGlobalListeners(){document.removeEventListener("click",this.handleOutsideClick);this.stopAnchorTracking();this.el.removeEventListener("pamiClick",this.handleItemClick)}render(){return e(a,{key:"c0a90e667e22bfec7546295b9efba65218342a19",class:{"pami-fab-menu":true,"pami-fab-menu--open":this.open,"pami-fab-menu--closing":this.closing,[`pami-fab-menu--${this.variant}`]:true,[`pami-fab-menu--${this.effectivePlacement}`]:true},role:"menu",id:this.menuId,"aria-label":this.menuLabel,"aria-orientation":"vertical","aria-hidden":!this.open&&!this.closing?"true":"false",onKeyDown:this.handleKeyDown},e("div",{key:"3f8a295616dba4f0f9fec355caf762b6a8f760b2",class:"pami-fab-menu__container"},e("div",{key:"840d1c07a3749551efe3fa0dda0fbecc9b65f363",class:"pami-fab-menu__items"},e("slot",{key:"42bb972a94a894f89afc7900f62a36a1bf9de2fd"}))))}get el(){return this}static get watchers(){return{anchor:[{onAnchorChange:0}],placement:[{onPlacementChange:0}],open:[{onOpenChange:0}]}}static get style(){return r()}},[257,"pami-fab-menu",{open:[1540],anchor:[1],variant:[513],placement:[513],quick:[4],menuLabel:[1,"menu-label"],density:[514],closing:[32],effectivePlacement:[32],show:[64],whenClosed:[64],close:[64]},[[0,"focusin","handleFocusIn"]],{anchor:[{onAnchorChange:0}],placement:[{onPlacementChange:0}],open:[{onOpenChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const t=["pami-fab-menu"];t.forEach((t=>{switch(t){case"pami-fab-menu":if(!customElements.get(n(t))){customElements.define(n(t),u)}break}}))}l();const p=u;const d=l;export{p as PamiFabMenu,d as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=pami-fab-menu.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as a,H as e,c as r,h as i,d as t,t as s}from"./p-8mhkIT1t.js";import{p as o,u as n,P as c}from"./p-DO-HSPrg.js";import{t as m,d}from"./p-NaJ3tJav.js";import{d as l}from"./p-C3VyQE8n.js";const p=()=>`[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, #ef8625);--pami-surface-bg-end:var(--pami-material-crust-background-end, #fb8e28);--pami-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f);--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, #ffe9d1);--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, #ffddb8);--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, #ffc98e);--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, #ffb866);--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, #fcfcfc);--pami-surface-bg-end:var(--pami-material-crumb-background-end, #fffbf5);--pami-surface-dot-start:var(--pami-material-crumb-dot-start, #f9f1e7);--pami-surface-dot-end:var(--pami-material-crumb-dot-end, #fef9ef);--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, #342004);--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, #3b4f1a);--pami-surface-bg-end:var(--pami-material-olive-background-end, #2a3813);--pami-surface-dot-start:var(--pami-material-olive-dot-start, #607f1f);--pami-surface-dot-end:var(--pami-material-olive-dot-end, #556b2f);--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, #fcffeb);--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, #f4f7ea);--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, #eaf0d9);--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, #d8e2b6);--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, #c9d79e);--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, #2a3813);--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, #513018);--pami-surface-bg-end:var(--pami-material-bronze-background-end, #351c0a);--pami-surface-dot-start:var(--pami-material-bronze-dot-start, #996437);--pami-surface-dot-end:var(--pami-material-bronze-dot-end, #7d4d28);--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, #fef7ec);--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6);--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, #351c0a);--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient( calc(var(--pami-texture-angle, 43) * 1deg), color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%, color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%, color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100% );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box, var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient( color-mix(in srgb, var(--pami-surface-text) 30%, transparent), color-mix(in srgb, var(--pami-surface-text) 30%, transparent) );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-fab-container-color, var(--md-sys-color-primary-container));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-primary-container));--_icon-size:var(--pami-fab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--pami-fab-container-shape, var(--md-sys-shape-corner-large, 16px));--_container-elevation:var(--md-sys-elevation-3);--_state-layer-color:var(--_icon-color);--_morph-spatial-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_morph-spatial-easing:var( --md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1) );--_morph-effects-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_morph-effects-easing:var( --md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.8, 0.34, 1) );display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;border:none;outline:none;box-sizing:border-box;isolation:isolate;--pami-pari-z:-1;--md-sys-motion-press-scale:var(--md-sys-motion-press-scale-control, 1);background-color:var(--_container-color);color:var(--_icon-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);transition:box-shadow 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), background-color 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), border-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), color var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), scale var(--md-sys-motion-press-duration, 150ms) var(--md-sys-motion-press-easing, cubic-bezier(0.34, 1.56, 0.64, 1)), min-width var(--_morph-spatial-duration) var(--_morph-spatial-easing), padding-inline-start var(--_morph-spatial-duration) var(--_morph-spatial-easing), padding-inline-end var(--_morph-spatial-duration) var(--_morph-spatial-easing);-webkit-tap-highlight-color:transparent;vertical-align:middle}:host(:not([data-ready])),:host(:not([data-ready])) .pami-fab__label{transition:none}:host([data-shape="circle"]){border-radius:50%}:host(.pami-fab--standard){--_icon-size:var(--pami-fab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));width:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px))}:host(.pami-fab--medium){--_icon-size:var(--pami-fab-icon-size, max(21px, calc(28px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--pami-fab-container-shape, var(--md-sys-shape-corner-extra-large, 28px));width:max(64px, calc(80px + var(--md-sys-density-scale, 0) * 4px));height:max(64px, calc(80px + var(--md-sys-density-scale, 0) * 4px))}:host(.pami-fab--large){--_icon-size:var(--pami-fab-icon-size, max(27px, calc(36px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--pami-fab-container-shape, var(--md-sys-shape-corner-extra-large, 28px));width:max(80px, calc(96px + var(--md-sys-density-scale, 0) * 4px));height:max(80px, calc(96px + var(--md-sys-density-scale, 0) * 4px))}:host(.pami-fab--extended),:host(.pami-fab--collapsed){--_icon-size:var(--pami-fab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));width:auto;padding-inline:max(12px, calc(20px + var(--md-sys-density-scale, 0) * 2px));font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);line-height:var(--md-sys-typescale-label-large-line-height, 20px)}:host(.pami-fab--extended){min-width:80px}:host(.pami-fab--extended.pami-fab--with-icon){padding-inline:var(--md-sys-spacing-inset-lg, 16px) 20px}:host(.pami-fab--collapsed){min-width:56px}:host(.pami-fab--collapsed.pami-fab--with-icon){padding-inline:var(--md-sys-spacing-inset-lg, 16px)}:host(.pami-fab--surface){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-surface-container-high));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-primary))}:host(.pami-fab--surface.pami-fab--lowered){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-surface-container-low))}:host(.pami-fab--primary-container){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-primary-container));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-primary-container))}:host(.pami-fab--secondary-container){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-secondary-container));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-secondary-container))}:host(.pami-fab--tertiary-container){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-tertiary-container));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-tertiary-container))}:host(.pami-fab--primary){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-primary));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-primary))}:host(.pami-fab--secondary){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-secondary));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-secondary))}:host(.pami-fab--tertiary){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-tertiary));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-tertiary))}.pami-fab__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-fab__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-fab-container-color, transparent)}:host(:active:not(.pami-fab--disabled)){scale:var(--md-sys-motion-press-scale, 1)}:host(.pami-fab--primary:not(.pami-fab--disabled)),:host(.pami-fab--primary-container:not(.pami-fab--disabled)){--_icon-color:var(--pami-fab-icon-color, var(--pami-material-crust-text, #331505))}:host(.pami-fab--secondary:not(.pami-fab--disabled)){--_icon-color:var(--pami-fab-icon-color, var(--pami-material-bronze-text, #fef7ec))}:host(.pami-fab--secondary-container:not(.pami-fab--disabled)){--_icon-color:var(--pami-fab-icon-color, var(--pami-material-bronze-soft-text, #351c0a))}:host(.pami-fab--surface:not(.pami-fab--disabled)){--_icon-color:var(--pami-fab-icon-color, var(--pami-material-crumb-text, #342004))}:host(.pami-fab--lowered){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-fab--lowered:hover){--_container-elevation:var(--md-sys-elevation-2)}:host(.pami-fab--lowered:focus-visible){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-fab--lowered:active){--_container-elevation:var(--md-sys-elevation-1)}:host(:hover){--_container-elevation:var(--md-sys-elevation-4)}:host(:focus-visible){--_container-elevation:var(--md-sys-elevation-3)}:host(:active){--_container-elevation:var(--md-sys-elevation-3)}.pami-fab__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);z-index:var(--pami-pari-z, auto);opacity:0;transition:opacity 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .pami-fab__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .pami-fab__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.10)}:host(:active) .pami-fab__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.10)}:host(:focus-visible){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}:host(.pami-fab--disabled){cursor:default;pointer-events:none;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .pami-fab__state-layer{display:none}:host(.pami-fab--disabled:hover) .pami-fab__state-layer,:host(.pami-fab--disabled:active) .pami-fab__state-layer,:host(.pami-fab--disabled:focus-visible) .pami-fab__state-layer{opacity:0}.pami-fab__icon{color:var(--pami-fab-icon-color, inherit);font-size:var(--_icon-size, 24px);width:var(--_icon-size, 24px);height:var(--_icon-size, 24px);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), transform 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([data-icon-morphing]) .pami-fab__icon{opacity:0;transform:rotate(-90deg) scale(0.6)}slot[name="icon"]{display:contents}:host(.pami-fab--menu-icon) slot[name="icon"]{display:none}::slotted([slot="icon"]){color:var(--pami-fab-icon-color, inherit);width:var(--_icon-size, 24px);height:var(--_icon-size, 24px);display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:opacity 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), transform 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([data-icon-morphing]) ::slotted([slot="icon"]){opacity:0;transform:rotate(-90deg) scale(0.6)}.pami-fab__label{color:var(--pami-fab-label-color, inherit);display:flex;align-items:center;white-space:nowrap;overflow:hidden;max-inline-size:var(--_fab-label-w, 240px);opacity:1;transition:max-inline-size var(--_morph-spatial-duration) var(--_morph-spatial-easing), margin-inline-start var(--_morph-spatial-duration) var(--_morph-spatial-easing), opacity var(--_morph-effects-duration) var(--_morph-effects-easing)}:host(.pami-fab--with-icon) .pami-fab__label{margin-inline-start:var(--md-sys-spacing-inset-md, 12px)}:host(.pami-fab--collapsed) .pami-fab__label{max-inline-size:0;margin-inline-start:0;opacity:0}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){:host{transition:none}.pami-fab__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}:host(:focus-visible){outline-color:Highlight}:host(.pami-fab--disabled){border-color:GrayText;color:GrayText;opacity:1}.pami-fab__state-layer{display:none}.pami-fab__icon,.pami-fab__label{color:inherit}}: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([hidden]){display:none !important}@media (forced-colors: active){.pami-[data-surface]{display:none}}`;const f=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.pamiClick=r(this,"pamiClick",7);this.variant="primary-container";this.size="standard";this.disabled=false;this.softDisabled=false;this.lowered=false;this.ripple=true;this.icon="";this.label="";this.density=0;this.hasSlottedIcon=false;this.menuIcon=null;this.authoredAccessibleName=false;this.handleClick=a=>{if(this.isDisabled){a.preventDefault();return}this.pamiClick.emit(a)};this.handleKeyDown=a=>{if(a.key==="Enter"||a.key===" "){a.preventDefault();if(!this.isDisabled){m(this.el);this.el.click()}}}}async setMenuIcon(a){this.menuIcon=a||null}get isDisabled(){return this.disabled||this.softDisabled}componentWillLoad(){this.authoredAccessibleName=this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby");this.hasSlottedIcon=Array.from(this.el.children).some((a=>a.getAttribute("slot")==="icon"))}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="icon"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedIcon=e.assignedElements().length>0}));this.measureLabel();requestAnimationFrame((()=>{this.measureLabel();this.el.setAttribute("data-ready","")}));if(typeof document!=="undefined"&&"fonts"in document){document.fonts.ready.then((()=>this.measureLabel()))}if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){this.warnMissingAccessibleName()}}componentDidRender(){this.measureLabel();o(this.el)}disconnectedCallback(){n(this.el)}get surfaceMaterial(){if(this.disabled||this.softDisabled)return null;switch(this.variant){case"primary":case"primary-container":return"crust";case"secondary":return"bronze";case"secondary-container":return"bronze-soft";case"surface":return"crumb";default:return null}}onLabelChange(){this.measureLabel()}measureLabel(){const a=this.el.shadowRoot?.querySelector(".pami-fab__label");if(a&&a.scrollWidth>0){this.el.style.setProperty("--_fab-label-w",`${a.scrollWidth}px`)}}warnMissingAccessibleName(){if(!this.authoredAccessibleName&&!this.label){console.warn(`[pami-fab] WCAG 1.1.1: Icon-only FAB is missing an accessible name. `+`Add aria-label or aria-labelledby to <${this.el.tagName.toLowerCase()}>.`,this.el)}}render(){const a=this.isDisabled;const e=!!this.label;const r=this.extended===undefined?e:this.extended;const s=!!(this.menuIcon||this.icon);const o=this.menuIcon!==null&&this.hasSlottedIcon;const n=this.authoredAccessibleName;return i(t,{key:"8ceb23e26d9c800b881b19f927a27c6a9b8e1e5f",class:{"pami-fab":true,[`pami-fab--${this.variant}`]:true,[`pami-fab--${this.size}`]:!e,"pami-fab--extended":e&&r,"pami-fab--collapsed":e&&!r,"pami-fab--with-icon":s||this.hasSlottedIcon,"pami-fab--lowered":this.lowered,"pami-fab--menu-icon":o,"pami-fab--disabled":this.disabled||this.softDisabled},role:"button","aria-label":e&&!n?this.label:undefined,"aria-disabled":a?"true":"false",tabindex:this.disabled?"-1":"0",onClick:this.handleClick,onKeyDown:this.handleKeyDown},this.surfaceMaterial&&i("span",{key:"53fa17ea78027b95bbfd27fd29f8980bf730bd97",class:"pami-fab__surface","data-surface":`${this.surfaceMaterial}:control`,"aria-hidden":"true"},i(c,{key:"123d7ef7f2f8a608ba3f20c24e56e6db964c9303"})),this.ripple&&i("pami-ripple",{key:"f06853a62d517fe284227d120a038e1667dc210e",disabled:a}),i("span",{key:"151553ba330e409eed4bc2a7827a00e9b3cd73e1",class:"pami-fab__state-layer",part:"state-layer","aria-hidden":"true"}),i("slot",{key:"f8a8a40c0f43d10c363891d2ccae129284b39a57",name:"icon"},s&&i("pami-icon",{key:"2111cd3c4d1af5057fc3ce3beaef531d7e6f65ce",class:"pami-fab__icon",part:"icon","aria-hidden":"true",name:this.menuIcon||this.icon})),o&&i("pami-icon",{key:"27b3a16996ea46c1d210d1017c2481e3fa7c3c2d",class:"pami-fab__icon",part:"icon","aria-hidden":"true",name:this.menuIcon??undefined}),e&&i("span",{key:"90c5abd3e9f6406bd18a805844ac7af0cb32400a",class:"pami-fab__label",part:"label","aria-hidden":!r?"true":undefined},this.label))}get el(){return this}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return p()}},[257,"pami-fab",{variant:[1],size:[1],disabled:[516],softDisabled:[516,"soft-disabled"],lowered:[516],ripple:[4],icon:[1],label:[1],extended:[1540],density:[514],hasSlottedIcon:[32],menuIcon:[32],setMenuIcon:[64]},undefined,{label:[{onLabelChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const a=["pami-fab","pami-icon","pami-ripple"];a.forEach((a=>{switch(a){case"pami-fab":if(!customElements.get(s(a))){customElements.define(s(a),f)}break;case"pami-icon":if(!customElements.get(s(a))){l()}break;case"pami-ripple":if(!customElements.get(s(a))){d()}break}}))}b();const u=f;const v=b;export{u as PamiFab,v as defineCustomElement};
|
|
1
|
+
import{p as a,H as e,c as r,h as i,d as t,t as s}from"./p-8mhkIT1t.js";import{p as o,u as n,P as c}from"./p-CKqNm_Q4.js";import{t as m,d}from"./p-BcrEx_cg.js";import{d as l}from"./p-BHjV4ckR.js";const p=()=>`[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));--pami-surface-bg-end:var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));--pami-surface-dot-start:var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));--pami-surface-dot-end:var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, rgba(43, 28, 13, 1));--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));--pami-surface-bg-end:var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));--pami-surface-dot-start:var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));--pami-surface-dot-end:var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, rgba(242, 248, 235, 1));--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));--pami-surface-bg-end:var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));--pami-surface-dot-start:var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));--pami-surface-dot-end:var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, rgba(255, 242, 235, 1));--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));--pami-surface-bg-end:var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));--pami-surface-dot-start:var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));--pami-surface-dot-end:var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, rgba(52, 32, 4, 1));--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient( calc(var(--pami-texture-angle, 43) * 1deg), color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%, color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%, color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100% );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box, var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient( color-mix(in srgb, var(--pami-surface-text) 30%, transparent), color-mix(in srgb, var(--pami-surface-text) 30%, transparent) );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-fab-container-color, var(--md-sys-color-primary-container));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-primary-container));--_icon-size:var(--pami-fab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--pami-fab-container-shape, var(--md-sys-shape-corner-large, 16px));--_container-elevation:var(--md-sys-elevation-3);--_state-layer-color:var(--_icon-color);--_morph-spatial-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_morph-spatial-easing:var( --md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1) );--_morph-effects-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_morph-effects-easing:var( --md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.8, 0.34, 1) );display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;border:none;outline:none;box-sizing:border-box;isolation:isolate;--pami-pari-z:-1;--md-sys-motion-press-scale:var(--md-sys-motion-press-scale-control, 1);background-color:var(--_container-color);color:var(--_icon-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);transition:box-shadow 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), background-color 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), border-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), color var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), scale var(--md-sys-motion-press-duration, 150ms) var(--md-sys-motion-press-easing, cubic-bezier(0.34, 1.56, 0.64, 1)), min-width var(--_morph-spatial-duration) var(--_morph-spatial-easing), padding-inline-start var(--_morph-spatial-duration) var(--_morph-spatial-easing), padding-inline-end var(--_morph-spatial-duration) var(--_morph-spatial-easing);-webkit-tap-highlight-color:transparent;vertical-align:middle}:host(:not([data-ready])),:host(:not([data-ready])) .pami-fab__label{transition:none}:host([data-shape="circle"]){border-radius:50%}:host(.pami-fab--standard){--_icon-size:var(--pami-fab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));width:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px))}:host(.pami-fab--medium){--_icon-size:var(--pami-fab-icon-size, max(21px, calc(28px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--pami-fab-container-shape, var(--md-sys-shape-corner-extra-large, 28px));width:max(64px, calc(80px + var(--md-sys-density-scale, 0) * 4px));height:max(64px, calc(80px + var(--md-sys-density-scale, 0) * 4px))}:host(.pami-fab--large){--_icon-size:var(--pami-fab-icon-size, max(27px, calc(36px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--pami-fab-container-shape, var(--md-sys-shape-corner-extra-large, 28px));width:max(80px, calc(96px + var(--md-sys-density-scale, 0) * 4px));height:max(80px, calc(96px + var(--md-sys-density-scale, 0) * 4px))}:host(.pami-fab--extended),:host(.pami-fab--collapsed){--_icon-size:var(--pami-fab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));width:auto;padding-inline:max(12px, calc(20px + var(--md-sys-density-scale, 0) * 2px));font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);line-height:var(--md-sys-typescale-label-large-line-height, 20px)}:host(.pami-fab--extended){min-width:80px}:host(.pami-fab--extended.pami-fab--with-icon){padding-inline:var(--md-sys-spacing-inset-lg, 16px) 20px}:host(.pami-fab--collapsed){min-width:56px}:host(.pami-fab--collapsed.pami-fab--with-icon){padding-inline:var(--md-sys-spacing-inset-lg, 16px)}:host(.pami-fab--surface){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-surface-container-high));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-primary))}:host(.pami-fab--surface.pami-fab--lowered){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-surface-container-low))}:host(.pami-fab--primary-container){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-primary-container));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-primary-container))}:host(.pami-fab--secondary-container){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-secondary-container));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-secondary-container))}:host(.pami-fab--tertiary-container){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-tertiary-container));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-tertiary-container))}:host(.pami-fab--primary){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-primary));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-primary))}:host(.pami-fab--secondary){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-secondary));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-secondary))}:host(.pami-fab--tertiary){--_container-color:var(--pami-fab-container-color, var(--md-sys-color-tertiary));--_icon-color:var(--pami-fab-icon-color, var(--md-sys-color-on-tertiary))}.pami-fab__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-fab__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-fab-container-color, transparent)}:host(:active:not(.pami-fab--disabled)){scale:var(--md-sys-motion-press-scale, 1)}:host(.pami-fab--primary:not(.pami-fab--disabled)),:host(.pami-fab--primary-container:not(.pami-fab--disabled)){--_icon-color:var(--pami-fab-icon-color, var(--pami-material-crust-text, #331505))}:host(.pami-fab--secondary:not(.pami-fab--disabled)){--_icon-color:var(--pami-fab-icon-color, var(--pami-material-bronze-text, #fef7ec))}:host(.pami-fab--secondary-container:not(.pami-fab--disabled)){--_icon-color:var(--pami-fab-icon-color, var(--pami-material-bronze-soft-text, #351c0a))}:host(.pami-fab--surface:not(.pami-fab--disabled)){--_icon-color:var(--pami-fab-icon-color, var(--pami-material-crumb-text, #342004))}:host(.pami-fab--lowered){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-fab--lowered:hover){--_container-elevation:var(--md-sys-elevation-2)}:host(.pami-fab--lowered:focus-visible){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-fab--lowered:active){--_container-elevation:var(--md-sys-elevation-1)}:host(:hover){--_container-elevation:var(--md-sys-elevation-4)}:host(:focus-visible){--_container-elevation:var(--md-sys-elevation-3)}:host(:active){--_container-elevation:var(--md-sys-elevation-3)}.pami-fab__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);z-index:var(--pami-pari-z, auto);opacity:0;transition:opacity 280ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .pami-fab__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .pami-fab__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.10)}:host(:active) .pami-fab__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.10)}:host(:focus-visible){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}:host(.pami-fab--disabled){cursor:default;pointer-events:none;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .pami-fab__state-layer{display:none}:host(.pami-fab--disabled:hover) .pami-fab__state-layer,:host(.pami-fab--disabled:active) .pami-fab__state-layer,:host(.pami-fab--disabled:focus-visible) .pami-fab__state-layer{opacity:0}.pami-fab__icon{color:var(--pami-fab-icon-color, inherit);font-size:var(--_icon-size, 24px);width:var(--_icon-size, 24px);height:var(--_icon-size, 24px);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), transform 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([data-icon-morphing]) .pami-fab__icon{opacity:0;transform:rotate(-90deg) scale(0.6)}slot[name="icon"]{display:contents}:host(.pami-fab--menu-icon) slot[name="icon"]{display:none}::slotted([slot="icon"]){color:var(--pami-fab-icon-color, inherit);width:var(--_icon-size, 24px);height:var(--_icon-size, 24px);display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:opacity 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), transform 120ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([data-icon-morphing]) ::slotted([slot="icon"]){opacity:0;transform:rotate(-90deg) scale(0.6)}.pami-fab__label{color:var(--pami-fab-label-color, inherit);display:flex;align-items:center;white-space:nowrap;overflow:hidden;max-inline-size:var(--_fab-label-w, 240px);opacity:1;transition:max-inline-size var(--_morph-spatial-duration) var(--_morph-spatial-easing), margin-inline-start var(--_morph-spatial-duration) var(--_morph-spatial-easing), opacity var(--_morph-effects-duration) var(--_morph-effects-easing)}:host(.pami-fab--with-icon) .pami-fab__label{margin-inline-start:var(--md-sys-spacing-inset-md, 12px)}:host(.pami-fab--collapsed) .pami-fab__label{max-inline-size:0;margin-inline-start:0;opacity:0}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){:host{transition:none}.pami-fab__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}:host(:focus-visible){outline-color:Highlight}:host(.pami-fab--disabled){border-color:GrayText;color:GrayText;opacity:1}.pami-fab__state-layer{display:none}.pami-fab__icon,.pami-fab__label{color:inherit}}: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([hidden]){display:none !important}@media (forced-colors: active){.pami-[data-surface]{display:none}}`;const f=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.pamiClick=r(this,"pamiClick",7);this.variant="primary-container";this.size="standard";this.disabled=false;this.softDisabled=false;this.lowered=false;this.ripple=true;this.icon="";this.label="";this.density=0;this.hasSlottedIcon=false;this.menuIcon=null;this.authoredAccessibleName=false;this.handleClick=a=>{if(this.isDisabled){a.preventDefault();return}this.pamiClick.emit(a)};this.handleKeyDown=a=>{if(a.key==="Enter"||a.key===" "){a.preventDefault();if(!this.isDisabled){m(this.el);this.el.click()}}}}async setMenuIcon(a){this.menuIcon=a||null}get isDisabled(){return this.disabled||this.softDisabled}componentWillLoad(){this.authoredAccessibleName=this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby");this.hasSlottedIcon=Array.from(this.el.children).some((a=>a.getAttribute("slot")==="icon"))}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="icon"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedIcon=e.assignedElements().length>0}));this.measureLabel();requestAnimationFrame((()=>{this.measureLabel();this.el.setAttribute("data-ready","")}));if(typeof document!=="undefined"&&"fonts"in document){document.fonts.ready.then((()=>this.measureLabel()))}if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){this.warnMissingAccessibleName()}}componentDidRender(){this.measureLabel();o(this.el)}disconnectedCallback(){n(this.el)}get surfaceMaterial(){if(this.disabled||this.softDisabled)return null;switch(this.variant){case"primary":case"primary-container":return"crust";case"secondary":return"bronze";case"secondary-container":return"bronze-soft";case"surface":return"crumb";default:return null}}onLabelChange(){this.measureLabel()}measureLabel(){const a=this.el.shadowRoot?.querySelector(".pami-fab__label");if(a&&a.scrollWidth>0){this.el.style.setProperty("--_fab-label-w",`${a.scrollWidth}px`)}}warnMissingAccessibleName(){if(!this.authoredAccessibleName&&!this.label){console.warn(`[pami-fab] WCAG 1.1.1: Icon-only FAB is missing an accessible name. `+`Add aria-label or aria-labelledby to <${this.el.tagName.toLowerCase()}>.`,this.el)}}render(){const a=this.isDisabled;const e=!!this.label;const r=this.extended===undefined?e:this.extended;const s=!!(this.menuIcon||this.icon);const o=this.menuIcon!==null&&this.hasSlottedIcon;const n=this.authoredAccessibleName;return i(t,{key:"982011164c9a0125a4d767c4ef75ef1390a8a4e2",class:{"pami-fab":true,[`pami-fab--${this.variant}`]:true,[`pami-fab--${this.size}`]:!e,"pami-fab--extended":e&&r,"pami-fab--collapsed":e&&!r,"pami-fab--with-icon":s||this.hasSlottedIcon,"pami-fab--lowered":this.lowered,"pami-fab--menu-icon":o,"pami-fab--disabled":this.disabled||this.softDisabled},role:"button","aria-label":e&&!n?this.label:undefined,"aria-disabled":a?"true":"false",tabindex:this.disabled?"-1":"0",onClick:this.handleClick,onKeyDown:this.handleKeyDown},this.surfaceMaterial&&i("span",{key:"0134256b0146e075555a0814a2c61fb39eac614c",class:"pami-fab__surface","data-surface":`${this.surfaceMaterial}:control`,"aria-hidden":"true"},i(c,{key:"e455b4a37fb53d466de244ad9c3c18eea298fec3"})),this.ripple&&i("pami-ripple",{key:"4d2015a2d31975d46ce8420e5f7d70273b6d8e32",disabled:a}),i("span",{key:"c9084febfa386471d97f15651f1b48b4f8378cf5",class:"pami-fab__state-layer",part:"state-layer","aria-hidden":"true"}),i("slot",{key:"8782201d89455ab1913d8843a99f14d6b1b14206",name:"icon"},s&&i("pami-icon",{key:"68c30b74c620cdfbe521e5a5b6ef816f41868a2d",class:"pami-fab__icon",part:"icon","aria-hidden":"true",name:this.menuIcon||this.icon})),o&&i("pami-icon",{key:"ede560c945a6ca5a5ec82dab7678c320779ca313",class:"pami-fab__icon",part:"icon","aria-hidden":"true",name:this.menuIcon??undefined}),e&&i("span",{key:"f46b5fa3cff398c8096da9990b8522395b4a4753",class:"pami-fab__label",part:"label","aria-hidden":!r?"true":undefined},this.label))}get el(){return this}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return p()}},[257,"pami-fab",{variant:[1],size:[1],disabled:[516],softDisabled:[516,"soft-disabled"],lowered:[516],ripple:[4],icon:[1],label:[1],extended:[1540],density:[514],hasSlottedIcon:[32],menuIcon:[32],setMenuIcon:[64]},undefined,{label:[{onLabelChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const a=["pami-fab","pami-icon","pami-ripple"];a.forEach((a=>{switch(a){case"pami-fab":if(!customElements.get(s(a))){customElements.define(s(a),f)}break;case"pami-icon":if(!customElements.get(s(a))){l()}break;case"pami-ripple":if(!customElements.get(s(a))){d()}break}}))}b();const u=f;const v=b;export{u as PamiFab,v as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=pami-fab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["pamiFabCss","PamiFab","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","size","disabled","softDisabled","lowered","ripple","icon","label","density","hasSlottedIcon","menuIcon","authoredAccessibleName","handleClick","e","isDisabled","preventDefault","pamiClick","emit","handleKeyDown","key","triggerRipple","el","click","setMenuIcon","componentWillLoad","hasAttribute","Array","from","children","some","c","getAttribute","componentDidLoad","shadow","shadowRoot","iconSlot","querySelector","addEventListener","assignedElements","length","measureLabel","requestAnimationFrame","setAttribute","document","fonts","ready","then","window","__STENCIL_DEV_MODE__","warnMissingAccessibleName","componentDidRender","paintSurfaces","disconnectedCallback","unpaintSurfaces","surfaceMaterial","onLabelChange","scrollWidth","style","setProperty","console","warn","tagName","toLowerCase","render","isEffectivelyDisabled","hasLabel","isExtended","extended","undefined","hasIcon","overridesSlottedIcon","hasExplicitAriaLabel","h","Host","class","role","tabindex","onClick","onKeyDown","PamiDots","part","name"],"sources":["../sources/9f4886cf174279468cbafe3c34313209625b77d79c890f9af942f0abf16b6097/pami-fab.css_tag_pami-fab_encapsulation_shadow","../sources/00ff079a19572359186d69ea9efdc766f026ada435928a2080cf4dd49a9a8846/pami-fab.tsx"],"mappings":"mMAAA,MAAMA,EAAa,IAAM,
|
|
1
|
+
{"version":3,"names":["pamiFabCss","PamiFab","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","size","disabled","softDisabled","lowered","ripple","icon","label","density","hasSlottedIcon","menuIcon","authoredAccessibleName","handleClick","e","isDisabled","preventDefault","pamiClick","emit","handleKeyDown","key","triggerRipple","el","click","setMenuIcon","componentWillLoad","hasAttribute","Array","from","children","some","c","getAttribute","componentDidLoad","shadow","shadowRoot","iconSlot","querySelector","addEventListener","assignedElements","length","measureLabel","requestAnimationFrame","setAttribute","document","fonts","ready","then","window","__STENCIL_DEV_MODE__","warnMissingAccessibleName","componentDidRender","paintSurfaces","disconnectedCallback","unpaintSurfaces","surfaceMaterial","onLabelChange","scrollWidth","style","setProperty","console","warn","tagName","toLowerCase","render","isEffectivelyDisabled","hasLabel","isExtended","extended","undefined","hasIcon","overridesSlottedIcon","hasExplicitAriaLabel","h","Host","class","role","tabindex","onClick","onKeyDown","PamiDots","part","name"],"sources":["../sources/9f4886cf174279468cbafe3c34313209625b77d79c890f9af942f0abf16b6097/pami-fab.css_tag_pami-fab_encapsulation_shadow","../sources/00ff079a19572359186d69ea9efdc766f026ada435928a2080cf4dd49a9a8846/pami-fab.tsx"],"mappings":"mMAAA,MAAMA,EAAa,IAAM,08sB,MCMZC,EAAOC,EAAA,MAAAD,UAAAE,EADpB,WAAAC,CAAAC,G,uGAIUC,KAAAC,QAAiI,oBACjID,KAAAE,KAAwC,WACvBF,KAAAG,SAAoB,MACQH,KAAAI,aAAwB,MACpDJ,KAAAK,QAAmB,MACpCL,KAAAM,OAAkB,KAClBN,KAAAO,KAAe,GACfP,KAAAQ,MAAgB,GAiBCR,KAAAS,QAAiC,EAkBzCT,KAAAU,eAAiB,MACjBV,KAAAW,SAA0B,KA2BnCX,KAAAY,uBAAyB,MA4GzBZ,KAAAa,YAAeC,IACrB,GAAId,KAAKe,WAAY,CAAED,EAAEE,iBAAkB,M,CAC3ChB,KAAKiB,UAAUC,KAAKJ,EAAE,EAGhBd,KAAAmB,cAAiBL,IACvB,GAAIA,EAAEM,MAAQ,SAAWN,EAAEM,MAAQ,IAAK,CACtCN,EAAEE,iBACF,IAAKhB,KAAKe,WAAY,CACpBM,EAAcrB,KAAKsB,IACnBtB,KAAKsB,GAAGC,O,GAmDf,CA5LC,iBAAMC,CAAYjB,GAChBP,KAAKW,SAAWJ,GAAQ,I,CAG1B,cAAYQ,GACV,OAAOf,KAAKG,UAAYH,KAAKI,Y,CAgB/B,iBAAAqB,GACEzB,KAAKY,uBACHZ,KAAKsB,GAAGI,aAAa,eAAiB1B,KAAKsB,GAAGI,aAAa,mBAW7D1B,KAAKU,eAAiBiB,MAAMC,KAAK5B,KAAKsB,GAAGO,UAAUC,MAChDC,GAAMA,EAAEC,aAAa,UAAY,Q,CAItC,gBAAAC,GACE,MAAMC,EAASlC,KAAKsB,GAAGa,WACvB,IAAKD,EAAQ,OAEb,MAAME,EAAWF,EAAOG,cAAc,qBACtCD,GAAUE,iBAAiB,cAAc,KACvCtC,KAAKU,eAAiB0B,EAASG,mBAAmBC,OAAS,CAAC,IAG9DxC,KAAKyC,eAKLC,uBAAsB,KACpB1C,KAAKyC,eACLzC,KAAKsB,GAAGqB,aAAa,aAAc,GAAG,IAGxC,UAAWC,WAAa,aAAe,UAAWA,SAAU,CAC1DA,SAASC,MAAMC,MAAMC,MAAK,IAAM/C,KAAKyC,gB,CAGvC,UACSO,SAAW,aAClBA,OAAOC,uBAAyB,MAChC,CACAjD,KAAKkD,2B,EAIT,kBAAAC,GACEnD,KAAKyC,eACLW,EAAcpD,KAAKsB,G,CAGrB,oBAAA+B,GACEC,EAAgBtD,KAAKsB,G,CAMvB,mBAAYiC,GACV,GAAIvD,KAAKG,UAAYH,KAAKI,aAAc,OAAO,KAC/C,OAAQJ,KAAKC,SACX,IAAK,UACL,IAAK,oBAAqB,MAAO,QACjC,IAAK,YAAa,MAAO,SACzB,IAAK,sBAAuB,MAAO,cACnC,IAAK,UAAW,MAAO,QACvB,QAAS,OAAO,K,CAKpB,aAAAuD,GACExD,KAAKyC,c,CAUC,YAAAA,GACN,MAAMjC,EAAQR,KAAKsB,GAAGa,YAAYE,cAAc,oBAGhD,GAAI7B,GAASA,EAAMiD,YAAc,EAAG,CAClCzD,KAAKsB,GAAGoC,MAAMC,YAAY,iBAAkB,GAAGnD,EAAMiD,gB,EAIjD,yBAAAP,GAGN,IAAKlD,KAAKY,yBAA2BZ,KAAKQ,MAAO,CAC/CoD,QAAQC,KACN,uEACA,yCAAyC7D,KAAKsB,GAAGwC,QAAQC,kBACzD/D,KAAKsB,G,EAoBX,MAAA0C,GACE,MAAMC,EAAwBjE,KAAKe,WACnC,MAAMmD,IAAalE,KAAKQ,MAGxB,MAAM2D,EAAanE,KAAKoE,WAAaC,UAAYH,EAAWlE,KAAKoE,SACjE,MAAME,KAAatE,KAAKW,UAAYX,KAAKO,MACzC,MAAMgE,EAAuBvE,KAAKW,WAAa,MAAQX,KAAKU,eAC5D,MAAM8D,EAAuBxE,KAAKY,uBAElC,OACE6D,EAACC,EAAI,CAAAtD,IAAA,2CACHuD,MAAO,CACL,WAAY,KACZ,CAAC,aAAa3E,KAAKC,WAAY,KAE/B,CAAC,aAAaD,KAAKE,SAAUgE,EAC7B,qBAAsBA,GAAYC,EAClC,sBAAuBD,IAAaC,EACpC,sBAAuBG,GAAWtE,KAAKU,eACvC,oBAAqBV,KAAKK,QAC1B,sBAAuBkE,EACvB,qBAAsBvE,KAAKG,UAAYH,KAAKI,cAE9CwE,KAAK,SAAQ,aACDV,IAAaM,EAAuBxE,KAAKQ,MAAQ6D,UAAS,gBACvDJ,EAAwB,OAAS,QAChDY,SAAU7E,KAAKG,SAAW,KAAO,IACjC2E,QAAS9E,KAAKa,YACdkE,UAAW/E,KAAKmB,eAEfnB,KAAKuD,iBACJkB,EAAA,QAAArD,IAAA,2CAAMuD,MAAM,oBAAmB,eAAe,GAAG3E,KAAKuD,0BAAyB,cAAc,QAC3FkB,EAACO,EAAQ,CAAA5D,IAAA,8CAGZpB,KAAKM,QAAUmE,EAAA,eAAArD,IAAA,2CAAajB,SAAU8D,IACvCQ,EAAA,QAAArD,IAAA,2CAAMuD,MAAM,wBAAwBM,KAAK,cAAa,cAAa,SACnER,EAAA,QAAArD,IAAA,2CAAM8D,KAAK,QACRZ,GAAWG,EAAA,aAAArD,IAAA,2CAAWuD,MAAM,iBAAiBM,KAAK,OAAM,cAAa,OAAOC,KAAMlF,KAAKW,UAAYX,KAAKO,QAE1GgE,GAAwBE,EAAA,aAAArD,IAAA,2CAAWuD,MAAM,iBAAiBM,KAAK,OAAM,cAAa,OAAOC,KAAMlF,KAAKW,UAAY0D,YAChHH,GAAYO,EAAA,QAAArD,IAAA,2CAAMuD,MAAM,kBAAkBM,KAAK,QAAO,eAAed,EAAa,OAASE,WAAYrE,KAAKQ,O","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as o,d as s}from"./p-
|
|
1
|
+
import{P as o,d as s}from"./p-DDCz_UhF.js";const t=o;const p=s;export{t as PamiIconButton,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=pami-icon-button.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as o,d as s}from"./p-
|
|
1
|
+
import{P as o,d as s}from"./p-BHjV4ckR.js";const t=o;const c=s;export{t as PamiIcon,c as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=pami-icon.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as i,c as e,h as s,d as n,t as a}from"./p-8mhkIT1t.js";import{d as o}from"./p-C3VyQE8n.js";import{d as r}from"./p-Dh4RKEYp.js";import{d as h}from"./p-BZcBbRYY.js";import{c as l,r as c,d,b as p,a as m}from"./p-BKlel-AP.js";import{w as u,d as y,a as f,r as b,b as g,p as x}from"./p-C1b-wwIb.js";import{L as v}from"./p-g4sA3hAp.js";const _=()=>`:host{--_block-size:var(--pami-line-chart-block-size, auto);--_min-block-size:var(--pami-line-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--pami-line-chart-aspect-ratio, 16 / 9);--_background:var(--pami-line-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--pami-line-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_shape:var(--pami-line-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--pami-line-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--pami-line-chart-empty-background, var(--_background));--_empty-font:var(--pami-line-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--pami-line-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--pami-line-chart-empty-icon-size, 40px);--_zoom-size:var(--pami-line-chart-zoom-size, 28px);--_zoom-track-color:var(--pami-line-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--pami-line-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--pami-line-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--pami-line-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;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;min-inline-size:0;aspect-ratio:var(--_aspect-ratio)}.pami-line-chart__header,.pami-line-chart__footer{display:contents}.pami-line-chart__header>slot[name='header']::slotted(*),.pami-line-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.pami-line-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.pami-line-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}.pami-line-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);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.pami-line-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}.pami-line-chart__empty ::slotted(pami-icon){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}:host(.pami-line-chart--zoom-slider) .pami-line-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.pami-line-chart--zoom-drag) .pami-line-chart__canvas{cursor:ew-resize}.pami-line-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.pami-line-chart__zoom-slider{--pami-slider-active-color:var(--_zoom-window-color);--pami-slider-inactive-color:var(--_zoom-track-color);--pami-slider-thumb-color:var(--_zoom-handle-color);--pami-slider-thumb-height:var(--_zoom-size);--pami-slider-track-height:12px}.pami-line-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.pami-line-chart__zoom-pan:active{cursor:grabbing}.pami-line-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}.pami-line-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:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);border-radius:6px}.pami-line-chart__canvas:focus-visible{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:calc(-1 * var(--md-sys-state-focus-ring-width, 2px));border-radius:4px}.pami-line-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}}: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([hidden]){display:none !important}`;const k=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiMarkerClick=e(this,"pamiMarkerClick",7);this.pamiLineClick=e(this,"pamiLineClick",7);this.pamiAreaClick=e(this,"pamiAreaClick",7);this.pamiAxisClick=e(this,"pamiAxisClick",7);this.pamiLegendClick=e(this,"pamiLegendClick",7);this.pamiHover=e(this,"pamiHover",7);this.pamiReady=e(this,"pamiReady",7);this.pamiZoom=e(this,"pamiZoom",7);this.label="";this.titleAlign="start";this.series=[];this.curve="smooth";this.stack="none";this.connectNulls=false;this.showMarks=false;this.area=false;this.showLine=true;this.legend="top-end";this.tooltip="axis";this.grid="horizontal";this.axisTicks=false;this.inverted=false;this.showLabels=false;this.seriesLabels=false;this.zoom="none";this.locale="";this.labelEmpty="No data to display";this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.summary="";this.noAnimation=false;this.animation="expressive";this.loading=false;this.loadingLabel="Loading chart…";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.ro=null;this.legendHidden=new Map;this.mergeCache=null;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const i=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:i,win:this.win()};this.dragBand={x1:i,x2:i};const e=t.composedPath?.()[0]??t.target;e.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const i=this.grab;if(!i||i.id!==t.pointerId)return;if(i.kind==="band"){const e=this.plotRect();if(!e)return;this.dragBand={x1:i.x,x2:Math.min(Math.max(this.hostX(t),e.x),e.x+e.width)};return}const e=this.trackFrac(t.clientX);const s=this.trackFrac(i.x);if(e==null||s==null)return;const n=Math.max(1,this.dataLength()-1);const a=i.win.end-i.win.start;const o=Math.round((e-s)*n);const r=Math.min(Math.max(0,i.win.start+o),n-a);this.applyZoom(r,r+a)};this.onPointerUp=t=>{const i=this.grab;if(!i||i.id!==t.pointerId)return;this.grab=null;const e=this.dragBand;this.dragBand=null;if(i.kind!=="band"||!e)return;if(Math.abs(e.x2-e.x1)<8)return;const[s,n]=[this.indexAtX(e.x1),this.indexAtX(e.x2)].sort(((t,i)=>t-i));if(n-s>=1)this.applyZoom(s,n)};this.onPlotKeyDown=t=>{const i=Math.max(0,this.dataLength()-1);if(i<0)return;const e=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const s=e?"ArrowLeft":"ArrowRight";const n=e?"ArrowRight":"ArrowLeft";let a=this.kbIndex;switch(t.key){case s:a=this.kbIndex<0?0:Math.min(i,this.kbIndex+1);break;case n:a=this.kbIndex<0?i:Math.max(0,this.kbIndex-1);break;case"Home":a=0;break;case"End":a=i;break;case"Escape":if(this.kbIndex<0)return;a=-1;break;case"Enter":case" ":if(this.kbIndex<0)return;this.pamiAxisClick.emit(this.axisDetail(this.kbIndex,this.seriesValuesAt(this.kbIndex),t));t.preventDefault();return;default:return}t.preventDefault();this.moveKeyboardCursor(a)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:i,valueEnd:e}=t.detail??{};if(i==null||e==null)return;this.applyZoom(i,e)};this.onZoomSliderEvent=t=>t.stopPropagation()}componentDidLoad(){this.initChart();this.disposeThemeWatch=u(this.el,(()=>this.applyEngine()))}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;this.disposeThemeWatch?.();this.disposeThemeWatch=undefined}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}onLoadingChange(t,i){if(i&&!t)this.engine?.replay()}async refreshTheme(){this.applyEngine()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.pamiReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new v(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));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}}seriesKeys(){const t=new Map;return this.series.map(((i,e)=>{const s=i.id!=null?`id:${i.id}`:i.label!=null?`label:${i.label}`:`pos:${e}`;const n=t.get(s)??0;t.set(s,n+1);return n===0?s:`${s}#${n}`}))}rememberLegendToggle(t,i){const e=this.seriesKeys()[t];if(e==null)return;this.legendHidden.set(e,i);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}get zoomInside(){return this.zoom==="inside"||this.zoom==="both"}get zoomSliderOn(){return this.zoom==="slider"||this.zoom==="both"}get merged(){const t=this.xAxis?.scale??"category";const i=this.xAxis?.data;const e=this.mergeCache;if(e&&e.series===this.series&&e.axis===i&&e.scale===t)return e.out;const s=l(this.series??[],i,t);this.mergeCache={series:this.series,axis:i,scale:t,out:s};return s}dataLength(){const t=this.merged;const i=t.data.reduce(((t,i)=>Math.max(t,i?.length??0)),0);return Math.max(i,t.xValues.length)}win(){const t=Math.max(0,this.dataLength()-1);const i=this.zoomWin;if(!i)return{start:0,end:t};const e=Math.min(Math.max(0,i.start),Math.max(0,t-1));return{start:e,end:Math.min(Math.max(e+1,i.end),t)}}applyZoom(t,i,e=false){const s=Math.max(0,this.dataLength()-1);const n=Math.min(Math.max(0,Math.round(t)),Math.max(0,s-1));const a=Math.min(Math.max(n+1,Math.round(i)),s);this.zoomWin=e?null:{start:n,end:a};this.applyEngine();this.rebuildA11yTable();this.pamiZoom.emit({startIndex:e?0:n,endIndex:e?s:a,reset:e})}async setZoom(t,i){this.applyZoom(t,i)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const i=this.el.getBoundingClientRect();const e=t.getBoundingClientRect();return{x:e.left-i.left,y:e.top-i.top}}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const i=this.canvasOffset();const{x1:e,x2:s}=this.dragBand;return{left:`${i.x+Math.min(e,s)}px`,width:`${Math.abs(s-e)}px`,top:`${i.y+t.y}px`,height:`${t.height}px`}}indexAtX(t){const i=this.engine?.getScene();const e=this.win();if(!i?.xPositions?.length)return e.start;let s=0;let n=Infinity;i.xPositions.forEach(((i,e)=>{const a=Math.abs(i-t);if(a<n){n=a;s=e}}));return e.start+s}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}insidePlot(t){const i=this.plotRect();if(!i)return false;const e=(this.chartHost??this.el).getBoundingClientRect();const s=t.clientX-e.left;const n=t.clientY-e.top;return s>=i.x&&s<=i.x+i.width&&n>=i.y&&n<=i.y+i.height}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const i=this.merged;const e=i.xValues[t];const s=this.xAxis?.valueFormatter?this.xAxis.valueFormatter(e):y(e??t+1,this.locale);const n=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=this.seriesValuesAt(t).filter((t=>t.value!=null)).map((t=>`${t.label} ${n(t.value)}`)).join(", ");this.announcement=this.labelPoint.replace("%x%",s).replace("%values%",a);this.pamiHover.emit({dataIndex:t,axisValue:e,seriesIndices:this.visibleSeriesIndices()})}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".pami-line-chart__zoom-slider");if(!t)return null;const i=t.getBoundingClientRect();if(!i.width)return null;return{left:i.left,width:i.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const i=this.sliderTrackRect();if(!i)return null;const e=(t-i.left)/i.width;return Math.min(Math.max(i.rtl?1-e:e,0),1)}buildSpec(t){const i=this.stack==="percentage";const e=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const s=this.seriesKeys();const n=this.zoomWin?this.win():null;const a=t=>t&&n?t.slice(n.start,n.end+1):t;const o=t=>{if(!t||!n)return t;const i={};for(const[e,s]of Object.entries(t)){const t=Number(e)-n.start;if(t>=0&&t<=n.end-n.start)i[t]=s}return i};const r=this.merged;const h=this.series.map(((i,e)=>{const h=s[e];const l=this.legendHidden.get(h);const d=r.toMerged[e];const p=i.dashAfter!=null&&d?d[i.dashAfter]:i.dashAfter;if(i.hidden!==undefined)this.legendHidden.delete(h);return{label:i.label??`Series ${e+1}`,color:f(this.el,i.color,x(t.palette,e)),data:a(r.data[e])??r.data[e]??[],curve:i.curve??this.curve,connectNulls:i.connectNulls??this.connectNulls,showMarks:i.showMarks??this.showMarks,hidden:i.hidden??l??false,dash:i.dash,symbol:i.symbol,pointSymbols:o(c(i.pointSymbols,d)),yAxisIndex:i.yAxisIndex,dashAfter:p!=null&&p>=0&&n?p-n.start:p,hollow:i.hollow,stroke:i.stroke??(this.showLine?undefined:false),lineWidth:i.lineWidth??this.lineWidth,markSize:i.markSize??this.markSize}}));return{series:h,title:this.label||undefined,subtitle:this.subtitle||undefined,markLines:this.markLines?.map((t=>{const i=n!=null&&(this.xAxis?.scale??"category")==="category"&&typeof t.value==="number";const e=i?t.value-n.start:t.value;return{value:e,label:t.label,color:t.color!=null?f(this.el,t.color,t.color):undefined,dash:t.dash,offscreen:i&&(Number(e)<0||Number(e)>n.end-n.start)}})).filter((t=>!t.offscreen)).map((({offscreen:t,...i})=>i)),titleAlign:this.titleAlign,xValues:a(r.xValues)??[],xScale:this.xAxis?.scale??"category",xFormatter:this.xAxis?.valueFormatter??(t=>y(t,this.locale)),xLabel:this.xAxis?.label,xHidden:this.xAxis?.hidden,xHideTicks:this.xAxis?.hideTicks,xDash:this.xAxis?.dash,xGridDash:this.xAxis?.gridDash,xBands:b(this.el,this.xAxis?.bands),yBands:b(this.el,this.yAxis?.bands),xBreaks:this.xAxis?.breaks,yBreaks:this.yAxis?.breaks,yScale:this.yAxis?.scale??"value",yMin:i?0:this.yAxis?.min,yMax:i?100:this.yAxis?.max,yFormatter:i?t=>`${Math.round(t)}%`:e,yTickFormatter:!i&&this.yAxis?.valueFormatter?t=>this.yAxis.valueFormatter(t):undefined,yLabel:this.yAxis?.label,yHidden:this.yAxis?.hidden,yHideTicks:this.yAxis?.hideTicks,yDash:this.yAxis?.dash,yGridDash:this.yAxis?.gridDash,yAxes:this.yAxes?.length?this.yAxes.map((t=>({scale:t.scale??"value",min:t.min,max:t.max,formatter:t.valueFormatter?i=>t.valueFormatter(i):t=>t.toLocaleString(this.locale||undefined),label:t.label,position:t.position,hidden:t.hidden,hideTicks:t.hideTicks,color:t.color!=null?f(this.el,t.color,t.color):undefined,bands:b(this.el,t.bands),dash:t.dash,gridDash:t.gridDash}))):undefined,stack:this.stack,area:this.area,legend:this.legend,gridY:this.grid==="horizontal"||this.grid==="both",gridX:this.grid==="vertical"||this.grid==="both",axisTicks:this.axisTicks,inverted:this.inverted,showLabels:this.showLabels,seriesLabels:this.seriesLabels,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration}}applyEngine(){if(!this.engine)return;const t=g(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onHover:t=>{if(t<0)return;const i=t+(this.zoomWin?this.win().start:0);this.pamiHover.emit({dataIndex:i,axisValue:this.merged.xValues[i],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.pamiLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,i,e)=>{const s=this.clickDetail(t,i,e);if(s)this.pamiMarkerClick.emit(s)},onLineClick:(t,i,e)=>{const s=this.clickDetail(t,i,e);if(s)this.pamiLineClick.emit(s)},onAreaClick:(t,i,e)=>{const s=this.clickDetail(t,i,e);if(s)this.pamiAreaClick.emit(s)},onAxisClick:(t,i,e)=>this.pamiAxisClick.emit(this.axisDetail(t,i,e))});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter,trigger:this.tooltip==="item"?"item":"axis"})}clickDetail(t,i,e){const s=this.series[t];if(!s)return null;const n=i+(this.zoomWin?this.win().start:0);const a=this.ownIndex(t,n);return{seriesIndex:t,seriesId:s.id,dataIndex:a>=0?a:n,value:a>=0?d(s.data[a]):null,axisValue:this.merged.xValues[n],nativeEvent:e,series:s}}ownIndex(t,i){const e=this.merged.toOwn[t];return e?e[i]??-1:i}seriesValuesAt(t){const i=this.engine?.getScene()?.hoverPoints??[];return i.map((i=>({seriesIndex:i.seriesIndex,label:i.label,value:i.byIndex[t]?.value??null})))}axisDetail(t,i,e){const s=t+(this.zoomWin?this.win().start:0);const n=i.map((t=>{const i=this.ownIndex(t.seriesIndex,s);return{seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,label:t.label,dataIndex:t.value==null?-1:i,value:t.value}}));return{dataIndex:s,axisValue:this.merged.xValues[s],seriesValues:n,nativeEvent:e}}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));const i=this.seriesKeys();return this.series.map(((t,i)=>i)).filter((t=>!(this.series[t].hidden??this.legendHidden.get(i[t])??false)))}rebuildA11yTable(){if(!this.a11yTableHost)return;const t=this.merged;this.a11yTableHost.innerHTML=p({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:t.xValues,xValueFormatter:this.xAxis?.valueFormatter??(t=>y(t,this.locale)),locale:this.locale,labels:this.tableLabels,series:this.series.map(((i,e)=>({label:i.label,data:t.data[e]??[]}))),valueFormatter:this.valueFormatter})}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const i=this.win();const e=i=>i/t*100;const n=t=>String(this.xAxis?.data?.[t]??t);return s("div",{class:"pami-line-chart__zoom",part:"zoom"},s("pami-slider",{class:"pami-line-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:i.start,valueEnd:i.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:n(i.start),valueEndText:n(i.end),onPamiInput:this.onZoomSliderInput,onPamiChange:this.onZoomSliderEvent,onPamiDragStart:this.onZoomSliderEvent,onPamiDragEnd:this.onZoomSliderEvent,onPamiFocus:this.onZoomSliderEvent,onPamiBlur:this.onZoomSliderEvent}),s("div",{class:"pami-line-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${e(i.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${e(i.end)-e(i.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}render(){const t=this.merged.xValues;const i=this.summary||m({title:this.label,chartType:this.area?"area":"line",seriesCount:this.series.length,xMin:t[0],xMax:t[t.length-1],locale:this.locale});const e=this.series.length===0&&!this.loading;return s(n,{key:"1eab03694f3ff163a6fdf5cac1cfe725f43e34d3",class:{"pami-line-chart":true,"pami-line-chart--empty":e,"pami-line-chart--loading":this.loading,"pami-line-chart--mounted":this.mounted,"pami-line-chart--zoom-slider":this.zoomSliderOn,"pami-line-chart--zoom-drag":this.zoomInside},role:"figure","aria-label":i,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},s("header",{key:"cc48cd1394bb8088a1f5aba1303501f105d627ad",class:"pami-line-chart__header",part:"header"},s("slot",{key:"5e4cb831846ed13266fab0a317e918b4bf75aac5",name:"header"})),s("div",{key:"85e00aa851ae142c51523203c1319f614c2bbec4",class:"pami-line-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:e?undefined:"0",role:e?undefined:"application","aria-label":e?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),e&&s("div",{key:"ae47ccd983292dd27301e40811b1f2177a81e76a",class:"pami-line-chart__empty",part:"empty"},s("slot",{key:"c4ac604a4e2caf8558464a13db6009cab6817dac",name:"empty"},this.labelEmpty)),this.loading&&s("div",{key:"bd3e2961ac6600e41c9a949059e282b416ce30fd",class:"pami-line-chart__loading",part:"loading",role:"status"},s("slot",{key:"1e1372c5568336eb76cbee5120a7e73761b06a31",name:"loader"},s("slot",{key:"b26065ea9b5ce5dfbdea33f546d251bc4c46d189",name:"loading"},s("pami-progress-indicator",{key:"ab5890c12cc646b63d11da3b6cb9ccfcc07327b7",class:"pami-line-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),s("span",{key:"ec9621f99c4178f4aa2b3225ef1a86f01630e5c5",class:"pami-line-chart__loading-text"},this.loadingLabel)))),this.dragBand&&Math.abs(this.dragBand.x2-this.dragBand.x1)>1&&s("div",{key:"6f71b0f70ede1eb3b8438b413f68f068a24aec6d",class:"pami-line-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),s("footer",{key:"93629c31d125a79abcc84406f5480b0f4bcabdda",class:"pami-line-chart__footer",part:"footer"},s("slot",{key:"154007d75ac08a75911859f915b9ef7f25c6ad3e",name:"footer"})),s("div",{key:"f5d5fb4e76a94488c7176e2024c4e38ebf2810c0",class:"pami-line-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),s("div",{key:"0c976969e24c4fac8874358a819f894090750de9",class:"pami-line-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return this}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxes:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],area:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],seriesLabels:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],markLines:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}}static get style(){return _()}},[257,"pami-line-chart",{label:[1],subtitle:[1],markLines:[16],titleAlign:[1,"title-align"],series:[16],xAxis:[16],yAxis:[16],yAxes:[16],curve:[1],stack:[1],connectNulls:[4,"connect-nulls"],showMarks:[4,"show-marks"],lineWidth:[2,"line-width"],markSize:[2,"mark-size"],area:[4],showLine:[4,"show-line"],legend:[513],tooltip:[1],grid:[1],axisTicks:[4,"axis-ticks"],inverted:[4],showLabels:[4,"show-labels"],seriesLabels:[4,"series-labels"],zoom:[1],locale:[1],labelEmpty:[1,"label-empty"],labelPlot:[1,"label-plot"],labelPoint:[1,"label-point"],labelZoomStart:[1,"label-zoom-start"],labelZoomEnd:[1,"label-zoom-end"],summary:[1],tableLabels:[16],valueFormatter:[16],tooltipRenderer:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],animation:[1],animationDuration:[2,"animation-duration"],loading:[516],loadingLabel:[1,"loading-label"],density:[514],mounted:[32],kbIndex:[32],announcement:[32],zoomWin:[32],dragBand:[32],refreshTheme:[64],resize:[64],replay:[64],toDataURL:[64],getInstance:[64],setZoom:[64],resetZoom:[64]},undefined,{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxes:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],area:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],seriesLabels:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],markLines:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}]);function z(){if(typeof customElements==="undefined"){return}const t=["pami-line-chart","pami-icon","pami-progress-indicator","pami-slider"];t.forEach((t=>{switch(t){case"pami-line-chart":if(!customElements.get(a(t))){customElements.define(a(t),k)}break;case"pami-icon":if(!customElements.get(a(t))){o()}break;case"pami-progress-indicator":if(!customElements.get(a(t))){r()}break;case"pami-slider":if(!customElements.get(a(t))){h()}break}}))}z();const A=k;const C=z;export{A as PamiLineChart,C as defineCustomElement};
|
|
1
|
+
import{p as t,H as i,c as e,h as s,d as n,t as a}from"./p-8mhkIT1t.js";import{d as o}from"./p-BHjV4ckR.js";import{d as r}from"./p-Cf7x7Pbw.js";import{d as h}from"./p-DFOfsObx.js";import{c as l,r as c,d,b as p,a as m}from"./p-CsGff_Ta.js";import{w as u,d as y,a as f,r as b,b as g,p as x}from"./p-BhHms8Pb.js";import{L as v}from"./p-DzxH9m7D.js";const _=()=>`:host{--_block-size:var(--pami-line-chart-block-size, auto);--_min-block-size:var(--pami-line-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--pami-line-chart-aspect-ratio, 16 / 9);--_background:var(--pami-line-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--pami-line-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_shape:var(--pami-line-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--pami-line-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--pami-line-chart-empty-background, var(--_background));--_empty-font:var(--pami-line-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--pami-line-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--pami-line-chart-empty-icon-size, 40px);--_zoom-size:var(--pami-line-chart-zoom-size, 28px);--_zoom-track-color:var(--pami-line-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--pami-line-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--pami-line-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--pami-line-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;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;min-inline-size:0;aspect-ratio:var(--_aspect-ratio)}.pami-line-chart__header,.pami-line-chart__footer{display:contents}.pami-line-chart__header>slot[name='header']::slotted(*),.pami-line-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.pami-line-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.pami-line-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}.pami-line-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);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.pami-line-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}.pami-line-chart__empty ::slotted(pami-icon){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}:host(.pami-line-chart--zoom-slider) .pami-line-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.pami-line-chart--zoom-drag) .pami-line-chart__canvas{cursor:ew-resize}.pami-line-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.pami-line-chart__zoom-slider{--pami-slider-active-color:var(--_zoom-window-color);--pami-slider-inactive-color:var(--_zoom-track-color);--pami-slider-thumb-color:var(--_zoom-handle-color);--pami-slider-thumb-height:var(--_zoom-size);--pami-slider-track-height:12px}.pami-line-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.pami-line-chart__zoom-pan:active{cursor:grabbing}.pami-line-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}.pami-line-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:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);border-radius:6px}.pami-line-chart__canvas:focus-visible{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:calc(-1 * var(--md-sys-state-focus-ring-width, 2px));border-radius:4px}.pami-line-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}}: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([hidden]){display:none !important}`;const k=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiMarkerClick=e(this,"pamiMarkerClick",7);this.pamiLineClick=e(this,"pamiLineClick",7);this.pamiAreaClick=e(this,"pamiAreaClick",7);this.pamiAxisClick=e(this,"pamiAxisClick",7);this.pamiLegendClick=e(this,"pamiLegendClick",7);this.pamiHover=e(this,"pamiHover",7);this.pamiReady=e(this,"pamiReady",7);this.pamiZoom=e(this,"pamiZoom",7);this.label="";this.titleAlign="start";this.series=[];this.curve="smooth";this.stack="none";this.connectNulls=false;this.showMarks=false;this.area=false;this.showLine=true;this.legend="top-end";this.tooltip="axis";this.grid="horizontal";this.axisTicks=false;this.inverted=false;this.showLabels=false;this.seriesLabels=false;this.zoom="none";this.locale="";this.labelEmpty="No data to display";this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.summary="";this.noAnimation=false;this.animation="expressive";this.loading=false;this.loadingLabel="Loading chart…";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.ro=null;this.legendHidden=new Map;this.mergeCache=null;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const i=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:i,win:this.win()};this.dragBand={x1:i,x2:i};const e=t.composedPath?.()[0]??t.target;e.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const i=this.grab;if(!i||i.id!==t.pointerId)return;if(i.kind==="band"){const e=this.plotRect();if(!e)return;this.dragBand={x1:i.x,x2:Math.min(Math.max(this.hostX(t),e.x),e.x+e.width)};return}const e=this.trackFrac(t.clientX);const s=this.trackFrac(i.x);if(e==null||s==null)return;const n=Math.max(1,this.dataLength()-1);const a=i.win.end-i.win.start;const o=Math.round((e-s)*n);const r=Math.min(Math.max(0,i.win.start+o),n-a);this.applyZoom(r,r+a)};this.onPointerUp=t=>{const i=this.grab;if(!i||i.id!==t.pointerId)return;this.grab=null;const e=this.dragBand;this.dragBand=null;if(i.kind!=="band"||!e)return;if(Math.abs(e.x2-e.x1)<8)return;const[s,n]=[this.indexAtX(e.x1),this.indexAtX(e.x2)].sort(((t,i)=>t-i));if(n-s>=1)this.applyZoom(s,n)};this.onPlotKeyDown=t=>{const i=Math.max(0,this.dataLength()-1);if(i<0)return;const e=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const s=e?"ArrowLeft":"ArrowRight";const n=e?"ArrowRight":"ArrowLeft";let a=this.kbIndex;switch(t.key){case s:a=this.kbIndex<0?0:Math.min(i,this.kbIndex+1);break;case n:a=this.kbIndex<0?i:Math.max(0,this.kbIndex-1);break;case"Home":a=0;break;case"End":a=i;break;case"Escape":if(this.kbIndex<0)return;a=-1;break;case"Enter":case" ":if(this.kbIndex<0)return;this.pamiAxisClick.emit(this.axisDetail(this.kbIndex,this.seriesValuesAt(this.kbIndex),t));t.preventDefault();return;default:return}t.preventDefault();this.moveKeyboardCursor(a)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:i,valueEnd:e}=t.detail??{};if(i==null||e==null)return;this.applyZoom(i,e)};this.onZoomSliderEvent=t=>t.stopPropagation()}componentDidLoad(){this.initChart();this.disposeThemeWatch=u(this.el,(()=>this.applyEngine()))}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;this.disposeThemeWatch?.();this.disposeThemeWatch=undefined}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}onLoadingChange(t,i){if(i&&!t)this.engine?.replay()}async refreshTheme(){this.applyEngine()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.pamiReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new v(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));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}}seriesKeys(){const t=new Map;return this.series.map(((i,e)=>{const s=i.id!=null?`id:${i.id}`:i.label!=null?`label:${i.label}`:`pos:${e}`;const n=t.get(s)??0;t.set(s,n+1);return n===0?s:`${s}#${n}`}))}rememberLegendToggle(t,i){const e=this.seriesKeys()[t];if(e==null)return;this.legendHidden.set(e,i);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}get zoomInside(){return this.zoom==="inside"||this.zoom==="both"}get zoomSliderOn(){return this.zoom==="slider"||this.zoom==="both"}get merged(){const t=this.xAxis?.scale??"category";const i=this.xAxis?.data;const e=this.mergeCache;if(e&&e.series===this.series&&e.axis===i&&e.scale===t)return e.out;const s=l(this.series??[],i,t);this.mergeCache={series:this.series,axis:i,scale:t,out:s};return s}dataLength(){const t=this.merged;const i=t.data.reduce(((t,i)=>Math.max(t,i?.length??0)),0);return Math.max(i,t.xValues.length)}win(){const t=Math.max(0,this.dataLength()-1);const i=this.zoomWin;if(!i)return{start:0,end:t};const e=Math.min(Math.max(0,i.start),Math.max(0,t-1));return{start:e,end:Math.min(Math.max(e+1,i.end),t)}}applyZoom(t,i,e=false){const s=Math.max(0,this.dataLength()-1);const n=Math.min(Math.max(0,Math.round(t)),Math.max(0,s-1));const a=Math.min(Math.max(n+1,Math.round(i)),s);this.zoomWin=e?null:{start:n,end:a};this.applyEngine();this.rebuildA11yTable();this.pamiZoom.emit({startIndex:e?0:n,endIndex:e?s:a,reset:e})}async setZoom(t,i){this.applyZoom(t,i)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const i=this.el.getBoundingClientRect();const e=t.getBoundingClientRect();return{x:e.left-i.left,y:e.top-i.top}}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const i=this.canvasOffset();const{x1:e,x2:s}=this.dragBand;return{left:`${i.x+Math.min(e,s)}px`,width:`${Math.abs(s-e)}px`,top:`${i.y+t.y}px`,height:`${t.height}px`}}indexAtX(t){const i=this.engine?.getScene();const e=this.win();if(!i?.xPositions?.length)return e.start;let s=0;let n=Infinity;i.xPositions.forEach(((i,e)=>{const a=Math.abs(i-t);if(a<n){n=a;s=e}}));return e.start+s}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}insidePlot(t){const i=this.plotRect();if(!i)return false;const e=(this.chartHost??this.el).getBoundingClientRect();const s=t.clientX-e.left;const n=t.clientY-e.top;return s>=i.x&&s<=i.x+i.width&&n>=i.y&&n<=i.y+i.height}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const i=this.merged;const e=i.xValues[t];const s=this.xAxis?.valueFormatter?this.xAxis.valueFormatter(e):y(e??t+1,this.locale);const n=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=this.seriesValuesAt(t).filter((t=>t.value!=null)).map((t=>`${t.label} ${n(t.value)}`)).join(", ");this.announcement=this.labelPoint.replace("%x%",s).replace("%values%",a);this.pamiHover.emit({dataIndex:t,axisValue:e,seriesIndices:this.visibleSeriesIndices()})}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".pami-line-chart__zoom-slider");if(!t)return null;const i=t.getBoundingClientRect();if(!i.width)return null;return{left:i.left,width:i.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const i=this.sliderTrackRect();if(!i)return null;const e=(t-i.left)/i.width;return Math.min(Math.max(i.rtl?1-e:e,0),1)}buildSpec(t){const i=this.stack==="percentage";const e=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const s=this.seriesKeys();const n=this.zoomWin?this.win():null;const a=t=>t&&n?t.slice(n.start,n.end+1):t;const o=t=>{if(!t||!n)return t;const i={};for(const[e,s]of Object.entries(t)){const t=Number(e)-n.start;if(t>=0&&t<=n.end-n.start)i[t]=s}return i};const r=this.merged;const h=this.series.map(((i,e)=>{const h=s[e];const l=this.legendHidden.get(h);const d=r.toMerged[e];const p=i.dashAfter!=null&&d?d[i.dashAfter]:i.dashAfter;if(i.hidden!==undefined)this.legendHidden.delete(h);return{label:i.label??`Series ${e+1}`,color:f(this.el,i.color,x(t.palette,e)),data:a(r.data[e])??r.data[e]??[],curve:i.curve??this.curve,connectNulls:i.connectNulls??this.connectNulls,showMarks:i.showMarks??this.showMarks,hidden:i.hidden??l??false,dash:i.dash,symbol:i.symbol,pointSymbols:o(c(i.pointSymbols,d)),yAxisIndex:i.yAxisIndex,dashAfter:p!=null&&p>=0&&n?p-n.start:p,hollow:i.hollow,stroke:i.stroke??(this.showLine?undefined:false),lineWidth:i.lineWidth??this.lineWidth,markSize:i.markSize??this.markSize}}));return{series:h,title:this.label||undefined,subtitle:this.subtitle||undefined,markLines:this.markLines?.map((t=>{const i=n!=null&&(this.xAxis?.scale??"category")==="category"&&typeof t.value==="number";const e=i?t.value-n.start:t.value;return{value:e,label:t.label,color:t.color!=null?f(this.el,t.color,t.color):undefined,dash:t.dash,offscreen:i&&(Number(e)<0||Number(e)>n.end-n.start)}})).filter((t=>!t.offscreen)).map((({offscreen:t,...i})=>i)),titleAlign:this.titleAlign,xValues:a(r.xValues)??[],xScale:this.xAxis?.scale??"category",xFormatter:this.xAxis?.valueFormatter??(t=>y(t,this.locale)),xLabel:this.xAxis?.label,xHidden:this.xAxis?.hidden,xHideTicks:this.xAxis?.hideTicks,xDash:this.xAxis?.dash,xGridDash:this.xAxis?.gridDash,xBands:b(this.el,this.xAxis?.bands),yBands:b(this.el,this.yAxis?.bands),xBreaks:this.xAxis?.breaks,yBreaks:this.yAxis?.breaks,yScale:this.yAxis?.scale??"value",yMin:i?0:this.yAxis?.min,yMax:i?100:this.yAxis?.max,yFormatter:i?t=>`${Math.round(t)}%`:e,yTickFormatter:!i&&this.yAxis?.valueFormatter?t=>this.yAxis.valueFormatter(t):undefined,yLabel:this.yAxis?.label,yHidden:this.yAxis?.hidden,yHideTicks:this.yAxis?.hideTicks,yDash:this.yAxis?.dash,yGridDash:this.yAxis?.gridDash,yAxes:this.yAxes?.length?this.yAxes.map((t=>({scale:t.scale??"value",min:t.min,max:t.max,formatter:t.valueFormatter?i=>t.valueFormatter(i):t=>t.toLocaleString(this.locale||undefined),label:t.label,position:t.position,hidden:t.hidden,hideTicks:t.hideTicks,color:t.color!=null?f(this.el,t.color,t.color):undefined,bands:b(this.el,t.bands),dash:t.dash,gridDash:t.gridDash}))):undefined,stack:this.stack,area:this.area,legend:this.legend,gridY:this.grid==="horizontal"||this.grid==="both",gridX:this.grid==="vertical"||this.grid==="both",axisTicks:this.axisTicks,inverted:this.inverted,showLabels:this.showLabels,seriesLabels:this.seriesLabels,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration}}applyEngine(){if(!this.engine)return;const t=g(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onHover:t=>{if(t<0)return;const i=t+(this.zoomWin?this.win().start:0);this.pamiHover.emit({dataIndex:i,axisValue:this.merged.xValues[i],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.pamiLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,i,e)=>{const s=this.clickDetail(t,i,e);if(s)this.pamiMarkerClick.emit(s)},onLineClick:(t,i,e)=>{const s=this.clickDetail(t,i,e);if(s)this.pamiLineClick.emit(s)},onAreaClick:(t,i,e)=>{const s=this.clickDetail(t,i,e);if(s)this.pamiAreaClick.emit(s)},onAxisClick:(t,i,e)=>this.pamiAxisClick.emit(this.axisDetail(t,i,e))});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter,trigger:this.tooltip==="item"?"item":"axis"})}clickDetail(t,i,e){const s=this.series[t];if(!s)return null;const n=i+(this.zoomWin?this.win().start:0);const a=this.ownIndex(t,n);return{seriesIndex:t,seriesId:s.id,dataIndex:a>=0?a:n,value:a>=0?d(s.data[a]):null,axisValue:this.merged.xValues[n],nativeEvent:e,series:s}}ownIndex(t,i){const e=this.merged.toOwn[t];return e?e[i]??-1:i}seriesValuesAt(t){const i=this.engine?.getScene()?.hoverPoints??[];return i.map((i=>({seriesIndex:i.seriesIndex,label:i.label,value:i.byIndex[t]?.value??null})))}axisDetail(t,i,e){const s=t+(this.zoomWin?this.win().start:0);const n=i.map((t=>{const i=this.ownIndex(t.seriesIndex,s);return{seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,label:t.label,dataIndex:t.value==null?-1:i,value:t.value}}));return{dataIndex:s,axisValue:this.merged.xValues[s],seriesValues:n,nativeEvent:e}}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));const i=this.seriesKeys();return this.series.map(((t,i)=>i)).filter((t=>!(this.series[t].hidden??this.legendHidden.get(i[t])??false)))}rebuildA11yTable(){if(!this.a11yTableHost)return;const t=this.merged;this.a11yTableHost.innerHTML=p({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:t.xValues,xValueFormatter:this.xAxis?.valueFormatter??(t=>y(t,this.locale)),locale:this.locale,labels:this.tableLabels,series:this.series.map(((i,e)=>({label:i.label,data:t.data[e]??[]}))),valueFormatter:this.valueFormatter})}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const i=this.win();const e=i=>i/t*100;const n=t=>String(this.xAxis?.data?.[t]??t);return s("div",{class:"pami-line-chart__zoom",part:"zoom"},s("pami-slider",{class:"pami-line-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:i.start,valueEnd:i.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:n(i.start),valueEndText:n(i.end),onPamiInput:this.onZoomSliderInput,onPamiChange:this.onZoomSliderEvent,onPamiDragStart:this.onZoomSliderEvent,onPamiDragEnd:this.onZoomSliderEvent,onPamiFocus:this.onZoomSliderEvent,onPamiBlur:this.onZoomSliderEvent}),s("div",{class:"pami-line-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${e(i.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${e(i.end)-e(i.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}render(){const t=this.merged.xValues;const i=this.summary||m({title:this.label,chartType:this.area?"area":"line",seriesCount:this.series.length,xMin:t[0],xMax:t[t.length-1],locale:this.locale});const e=this.series.length===0&&!this.loading;return s(n,{key:"835a16c8ec3a9ae2c941bcb61d4440b1d1b0c495",class:{"pami-line-chart":true,"pami-line-chart--empty":e,"pami-line-chart--loading":this.loading,"pami-line-chart--mounted":this.mounted,"pami-line-chart--zoom-slider":this.zoomSliderOn,"pami-line-chart--zoom-drag":this.zoomInside},role:"figure","aria-label":i,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},s("header",{key:"6690dab4f1e7c505f7c0da85b9a968e56da89193",class:"pami-line-chart__header",part:"header"},s("slot",{key:"f3d1af703a39b9e20a30925d026f9527c5fc2694",name:"header"})),s("div",{key:"6e10b70832b21e0c78b58ab08807009e086162bc",class:"pami-line-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:e?undefined:"0",role:e?undefined:"application","aria-label":e?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),e&&s("div",{key:"a0b8118f64a873b9011cf7f078ba2536dddbd32e",class:"pami-line-chart__empty",part:"empty"},s("slot",{key:"2f9623c77ef42412caba334d1625975ec611c6a4",name:"empty"},this.labelEmpty)),this.loading&&s("div",{key:"eeafd51665cb2e23afb1b5ad7dbfd08135342c71",class:"pami-line-chart__loading",part:"loading",role:"status"},s("slot",{key:"0b8df53c5c0fd8bc15012291271833d435caafee",name:"loader"},s("slot",{key:"e84895d462a60422242ca3fad16b5af6972ff659",name:"loading"},s("pami-progress-indicator",{key:"1b580acbec3ac8fdd656320dba6a6dbe372a778c",class:"pami-line-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),s("span",{key:"58a0fd7f31b59c6bb3c2e25ec9c2e4ef01e345d6",class:"pami-line-chart__loading-text"},this.loadingLabel)))),this.dragBand&&Math.abs(this.dragBand.x2-this.dragBand.x1)>1&&s("div",{key:"6efb8099b52c076469625cf2cf7aa508420f163b",class:"pami-line-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),s("footer",{key:"2b3f0995afb606016eb77985f484dcf55ab8e773",class:"pami-line-chart__footer",part:"footer"},s("slot",{key:"df0638fb603afbc3ef6bb0673de6b4864ccb5590",name:"footer"})),s("div",{key:"29950627161e0017d0815748f5f153966324fd6f",class:"pami-line-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),s("div",{key:"1d4704235ce3fa1a8d57ef85aad32efa0acc8701",class:"pami-line-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return this}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxes:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],area:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],seriesLabels:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],markLines:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}}static get style(){return _()}},[257,"pami-line-chart",{label:[1],subtitle:[1],markLines:[16],titleAlign:[1,"title-align"],series:[16],xAxis:[16],yAxis:[16],yAxes:[16],curve:[1],stack:[1],connectNulls:[4,"connect-nulls"],showMarks:[4,"show-marks"],lineWidth:[2,"line-width"],markSize:[2,"mark-size"],area:[4],showLine:[4,"show-line"],legend:[513],tooltip:[1],grid:[1],axisTicks:[4,"axis-ticks"],inverted:[4],showLabels:[4,"show-labels"],seriesLabels:[4,"series-labels"],zoom:[1],locale:[1],labelEmpty:[1,"label-empty"],labelPlot:[1,"label-plot"],labelPoint:[1,"label-point"],labelZoomStart:[1,"label-zoom-start"],labelZoomEnd:[1,"label-zoom-end"],summary:[1],tableLabels:[16],valueFormatter:[16],tooltipRenderer:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],animation:[1],animationDuration:[2,"animation-duration"],loading:[516],loadingLabel:[1,"loading-label"],density:[514],mounted:[32],kbIndex:[32],announcement:[32],zoomWin:[32],dragBand:[32],refreshTheme:[64],resize:[64],replay:[64],toDataURL:[64],getInstance:[64],setZoom:[64],resetZoom:[64]},undefined,{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxes:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],area:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],seriesLabels:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],markLines:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}]);function z(){if(typeof customElements==="undefined"){return}const t=["pami-line-chart","pami-icon","pami-progress-indicator","pami-slider"];t.forEach((t=>{switch(t){case"pami-line-chart":if(!customElements.get(a(t))){customElements.define(a(t),k)}break;case"pami-icon":if(!customElements.get(a(t))){o()}break;case"pami-progress-indicator":if(!customElements.get(a(t))){r()}break;case"pami-slider":if(!customElements.get(a(t))){h()}break}}))}z();const A=k;const C=z;export{A as PamiLineChart,C as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=pami-line-chart.js.map
|