@watermarkinsights/ripple 5.7.0-6 → 5.7.0-7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{chartFunctions-d2a1f4c7.js → chartFunctions-995023b1.js} +3 -3
- package/dist/cjs/{functions-5ac8a62f.js → functions-e24249e6.js} +7 -104
- package/dist/{esm/app-globals-079cb2f3.js → cjs/global-4e6e41e7.js} +2 -7
- package/dist/cjs/index-e86c28b6.js +2653 -0
- package/dist/cjs/{intl-57d1cfd1.js → intl-5aeba788.js} +1 -1
- package/dist/cjs/loader.cjs.js +4 -5
- package/dist/cjs/priv-calendar.cjs.entry.js +5 -6
- package/dist/cjs/priv-chart-popover.cjs.entry.js +5 -6
- package/dist/cjs/priv-navigator-button.cjs.entry.js +3 -4
- package/dist/cjs/priv-navigator-item.cjs.entry.js +3 -4
- package/dist/cjs/priv-option-list.cjs.entry.js +4 -5
- package/dist/cjs/ripple.cjs.js +12 -13
- package/dist/cjs/wm-action-menu_2.cjs.entry.js +6 -8
- package/dist/cjs/wm-button.cjs.entry.js +4 -5
- package/dist/cjs/wm-chart-slice.cjs.entry.js +1 -1
- package/dist/cjs/wm-chart.cjs.entry.js +6 -7
- package/dist/cjs/wm-date-range.cjs.entry.js +8 -9
- package/dist/cjs/wm-datepicker.cjs.entry.js +8 -9
- package/dist/cjs/wm-file-list.cjs.entry.js +3 -4
- package/dist/cjs/wm-file.cjs.entry.js +4 -5
- package/dist/cjs/wm-input.cjs.entry.js +5 -6
- package/dist/cjs/wm-line-chart.cjs.entry.js +14 -15
- package/dist/cjs/wm-modal-footer.cjs.entry.js +3 -4
- package/dist/cjs/wm-modal-header.cjs.entry.js +5 -6
- package/dist/cjs/wm-modal.cjs.entry.js +5 -6
- package/dist/cjs/wm-navigation_3.cjs.entry.js +10 -13
- package/dist/cjs/wm-navigator.cjs.entry.js +3 -4
- package/dist/cjs/wm-nested-select.cjs.entry.js +41 -18
- package/dist/cjs/wm-optgroup.cjs.entry.js +4 -5
- package/dist/cjs/wm-option_2.cjs.entry.js +9 -11
- package/dist/cjs/wm-pagination.cjs.entry.js +4 -5
- package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +7 -9
- package/dist/cjs/wm-search.cjs.entry.js +6 -7
- package/dist/cjs/wm-snackbar.cjs.entry.js +6 -7
- package/dist/cjs/wm-tab-item_3.cjs.entry.js +8 -11
- package/dist/cjs/wm-tag-input.cjs.entry.js +7 -8
- package/dist/cjs/wm-tag-option.cjs.entry.js +2 -2
- package/dist/cjs/wm-textarea.cjs.entry.js +5 -6
- package/dist/cjs/wm-timepicker.cjs.entry.js +5 -6
- package/dist/cjs/wm-toggletip.cjs.entry.js +5 -6
- package/dist/cjs/wm-uploader.cjs.entry.js +6 -7
- package/dist/cjs/wm-wrapper.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/charts/chartFunctions.js +1 -1
- package/dist/collection/components/charts/chartFunctions.spec.js +16 -0
- package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.e2e.js +81 -0
- package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +2 -2
- package/dist/collection/components/charts/screenshots.e2e.js +96 -0
- package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js +213 -0
- package/dist/collection/components/charts/wm-chart/wm-chart.js +1 -1
- package/dist/collection/components/charts/wm-chart/wm-chart.spec.js +37 -0
- package/dist/collection/components/charts/wm-line-chart/wm-line-chart.e2e.js +176 -0
- package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +9 -9
- package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js +163 -0
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +1 -1
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js +69 -0
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +1 -1
- package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js +79 -0
- package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +2 -2
- package/dist/collection/components/datepickers/priv-calendar/priv-calendar.spec.js +89 -0
- package/dist/collection/components/datepickers/wm-date-range.e2e.js +443 -0
- package/dist/collection/components/datepickers/wm-date-range.js +13 -17
- package/dist/collection/components/datepickers/wm-date-range.spec.js +22 -0
- package/dist/collection/components/datepickers/wm-datepicker.e2e.js +382 -0
- package/dist/collection/components/datepickers/wm-datepicker.js +13 -17
- package/dist/collection/components/datepickers/wm-datepicker.spec.js +21 -0
- package/dist/collection/components/selects/priv-option-list/priv-option-list.js +5 -7
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +1 -1
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +43 -13
- package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +1 -1
- package/dist/collection/components/selects/wm-option/wm-option.css +1 -1
- package/dist/collection/components/selects/wm-option/wm-option.e2e.js +22 -0
- package/dist/collection/components/selects/wm-option/wm-option.js +1 -1
- package/dist/collection/components/selects/wm-option/wm-option.spec.js +63 -0
- package/dist/collection/components/selects/wm-select/wm-select.e2e.js +521 -0
- package/dist/collection/components/selects/wm-select/wm-select.js +2 -2
- package/dist/collection/components/selects/wm-select/wm-select.spec.js +271 -0
- package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js +200 -0
- package/dist/collection/components/wm-action-menu/wm-action-menu.js +1 -1
- package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js +48 -0
- package/dist/collection/components/wm-button/wm-button.e2e.js +55 -0
- package/dist/collection/components/wm-button/wm-button.js +1 -1
- package/dist/collection/components/wm-button/wm-button.spec.js +74 -0
- package/dist/collection/components/wm-file/wm-file.js +1 -1
- package/dist/collection/components/wm-file/wm-file.spec.js +194 -0
- package/dist/collection/components/wm-file-list/wm-file-list.js +1 -1
- package/dist/collection/components/wm-file-list/wm-file-list.spec.js +69 -0
- package/dist/collection/components/wm-input/wm-input.e2e.js +32 -0
- package/dist/collection/components/wm-input/wm-input.js +1 -1
- package/dist/collection/components/wm-input/wm-input.spec.js +173 -0
- package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js +23 -0
- package/dist/collection/components/wm-menuitem/wm-menuitem.js +1 -1
- package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js +54 -0
- package/dist/collection/components/wm-modal/wm-modal-footer.js +1 -1
- package/dist/collection/components/wm-modal/wm-modal-footer.spec.js +11 -0
- package/dist/collection/components/wm-modal/wm-modal-header.js +1 -1
- package/dist/collection/components/wm-modal/wm-modal-header.spec.js +8 -0
- package/dist/collection/components/wm-modal/wm-modal.e2e.js +104 -0
- package/dist/collection/components/wm-modal/wm-modal.js +2 -2
- package/dist/collection/components/wm-modal/wm-modal.spec.js +30 -0
- package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +1 -1
- package/dist/collection/components/wm-navigation/wm-navigation-item.js +1 -1
- package/dist/collection/components/wm-navigation/wm-navigation.e2e.js +102 -0
- package/dist/collection/components/wm-navigation/wm-navigation.js +2 -2
- package/dist/collection/components/wm-navigation/wm-navigation.spec.js +91 -0
- package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.e2e.js +50 -0
- package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +1 -1
- package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +1 -1
- package/dist/collection/components/wm-navigator/wm-navigator.e2e.js +209 -0
- package/dist/collection/components/wm-navigator/wm-navigator.spec.js +177 -0
- package/dist/collection/components/wm-pagination/wm-pagination.e2e.js +312 -0
- package/dist/collection/components/wm-pagination/wm-pagination.js +1 -1
- package/dist/collection/components/wm-search/wm-search.e2e.js +76 -0
- package/dist/collection/components/wm-search/wm-search.js +4 -5
- package/dist/collection/components/wm-search/wm-search.spec.js +71 -0
- package/dist/collection/components/wm-snackbar/wm-snackbar.e2e.js +112 -0
- package/dist/collection/components/wm-snackbar/wm-snackbar.js +2 -2
- package/dist/collection/components/wm-snackbar/wm-snackbar.spec.js +9 -0
- package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +1 -1
- package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +1 -1
- package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +1 -1
- package/dist/collection/components/wm-tabs/wm-tabs.e2e.js +91 -0
- package/dist/collection/components/wm-tabs/wm-tabs.spec.js +12 -0
- package/dist/collection/components/wm-tag-input/wm-tag-input.e2e.js +204 -0
- package/dist/collection/components/wm-tag-input/wm-tag-input.js +3 -3
- package/dist/collection/components/wm-tag-input/wm-tag-input.spec.js +195 -0
- package/dist/collection/components/wm-textarea/wm-textarea.e2e.js +41 -0
- package/dist/collection/components/wm-textarea/wm-textarea.js +1 -1
- package/dist/collection/components/wm-textarea/wm-textarea.spec.js +79 -0
- package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js +163 -0
- package/dist/collection/components/wm-timepicker/wm-timepicker.js +8 -11
- package/dist/collection/components/wm-timepicker/wm-timepicker.spec.js +147 -0
- package/dist/collection/components/wm-toggletip/wm-toggletip.e2e.js +69 -0
- package/dist/collection/components/wm-toggletip/wm-toggletip.js +2 -2
- package/dist/collection/components/wm-toggletip/wm-toggletip.spec.js +21 -0
- package/dist/collection/components/wm-uploader/wm-uploader.e2e.js +70 -0
- package/dist/collection/components/wm-uploader/wm-uploader.js +2 -2
- package/dist/collection/components/wm-uploader/wm-uploader.spec.js +234 -0
- package/dist/collection/global/functions.spec.js +126 -0
- package/dist/collection/lang/lang.spec.js +20 -0
- package/dist/esm/{chartFunctions-6666ced3.js → chartFunctions-dfcb1edf.js} +3 -3
- package/dist/esm/{functions-03966124.js → functions-b791a892.js} +8 -105
- package/dist/{cjs/app-globals-b78b1f4d.js → esm/global-099ddc86.js} +1 -10
- package/dist/esm/index-558b5a82.js +2622 -0
- package/dist/esm/{intl-2fa0087c.js → intl-f2f7ce8b.js} +1 -1
- package/dist/esm/loader.js +5 -6
- package/dist/esm/priv-calendar.entry.js +5 -6
- package/dist/esm/priv-chart-popover.entry.js +5 -6
- package/dist/esm/priv-navigator-button.entry.js +3 -4
- package/dist/esm/priv-navigator-item.entry.js +3 -4
- package/dist/esm/priv-option-list.entry.js +4 -5
- package/dist/esm/ripple.js +13 -14
- package/dist/esm/wm-action-menu_2.entry.js +6 -8
- package/dist/esm/wm-button.entry.js +4 -5
- package/dist/esm/wm-chart-slice.entry.js +1 -1
- package/dist/esm/wm-chart.entry.js +6 -7
- package/dist/esm/wm-date-range.entry.js +8 -9
- package/dist/esm/wm-datepicker.entry.js +8 -9
- package/dist/esm/wm-file-list.entry.js +3 -4
- package/dist/esm/wm-file.entry.js +4 -5
- package/dist/esm/wm-input.entry.js +5 -6
- package/dist/esm/wm-line-chart.entry.js +14 -15
- package/dist/esm/wm-modal-footer.entry.js +3 -4
- package/dist/esm/wm-modal-header.entry.js +5 -6
- package/dist/esm/wm-modal.entry.js +5 -6
- package/dist/esm/wm-navigation_3.entry.js +10 -13
- package/dist/esm/wm-navigator.entry.js +3 -4
- package/dist/esm/wm-nested-select.entry.js +41 -18
- package/dist/esm/wm-optgroup.entry.js +4 -5
- package/dist/esm/wm-option_2.entry.js +9 -11
- package/dist/esm/wm-pagination.entry.js +4 -5
- package/dist/esm/wm-progress-indicator_3.entry.js +7 -9
- package/dist/esm/wm-search.entry.js +6 -7
- package/dist/esm/wm-snackbar.entry.js +6 -7
- package/dist/esm/wm-tab-item_3.entry.js +8 -11
- package/dist/esm/wm-tag-input.entry.js +7 -8
- package/dist/esm/wm-tag-option.entry.js +2 -2
- package/dist/esm/wm-textarea.entry.js +5 -6
- package/dist/esm/wm-timepicker.entry.js +5 -6
- package/dist/esm/wm-toggletip.entry.js +5 -6
- package/dist/esm/wm-uploader.entry.js +6 -7
- package/dist/esm/wm-wrapper.entry.js +1 -1
- package/dist/esm-es5/{chartFunctions-6666ced3.js → chartFunctions-dfcb1edf.js} +1 -1
- package/dist/esm-es5/functions-b791a892.js +1 -0
- package/dist/esm-es5/global-099ddc86.js +1 -0
- package/dist/esm-es5/index-558b5a82.js +1 -0
- package/dist/esm-es5/{intl-2fa0087c.js → intl-f2f7ce8b.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/priv-calendar.entry.js +1 -1
- package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
- package/dist/esm-es5/priv-navigator-button.entry.js +1 -1
- package/dist/esm-es5/priv-navigator-item.entry.js +1 -1
- package/dist/esm-es5/priv-option-list.entry.js +1 -1
- package/dist/esm-es5/ripple.js +1 -1
- package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
- package/dist/esm-es5/wm-button.entry.js +1 -1
- package/dist/esm-es5/wm-chart-slice.entry.js +1 -1
- package/dist/esm-es5/wm-chart.entry.js +1 -1
- package/dist/esm-es5/wm-date-range.entry.js +1 -1
- package/dist/esm-es5/wm-datepicker.entry.js +1 -1
- package/dist/esm-es5/wm-file-list.entry.js +1 -1
- package/dist/esm-es5/wm-file.entry.js +1 -1
- package/dist/esm-es5/wm-input.entry.js +1 -1
- package/dist/esm-es5/wm-line-chart.entry.js +1 -1
- package/dist/esm-es5/wm-modal-footer.entry.js +1 -1
- package/dist/esm-es5/wm-modal-header.entry.js +1 -1
- package/dist/esm-es5/wm-modal.entry.js +1 -1
- package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
- package/dist/esm-es5/wm-navigator.entry.js +1 -1
- package/dist/esm-es5/wm-nested-select.entry.js +1 -1
- package/dist/esm-es5/wm-optgroup.entry.js +1 -1
- package/dist/esm-es5/wm-option_2.entry.js +1 -1
- package/dist/esm-es5/wm-pagination.entry.js +1 -1
- package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
- package/dist/esm-es5/wm-search.entry.js +1 -1
- package/dist/esm-es5/wm-snackbar.entry.js +1 -1
- package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
- package/dist/esm-es5/wm-tag-input.entry.js +1 -1
- package/dist/esm-es5/wm-tag-option.entry.js +1 -1
- package/dist/esm-es5/wm-textarea.entry.js +1 -1
- package/dist/esm-es5/wm-timepicker.entry.js +1 -1
- package/dist/esm-es5/wm-toggletip.entry.js +1 -1
- package/dist/esm-es5/wm-uploader.entry.js +1 -1
- package/dist/esm-es5/wm-wrapper.entry.js +1 -1
- package/dist/loader/cdn.js +2 -1
- package/dist/loader/index.cjs.js +2 -1
- package/dist/loader/index.d.ts +0 -3
- package/dist/loader/index.es2017.js +2 -1
- package/dist/loader/index.js +2 -1
- package/dist/ripple/p-021ff5fa.system.entry.js +1 -0
- package/dist/ripple/p-0b1c6965.system.entry.js +1 -0
- package/dist/ripple/p-1389302e.system.entry.js +1 -0
- package/dist/ripple/p-13f51c06.entry.js +1 -0
- package/dist/ripple/p-149a22bf.entry.js +1 -0
- package/dist/ripple/p-16f65bf4.js +1 -0
- package/dist/ripple/p-1c170fb3.entry.js +1 -0
- package/dist/ripple/p-1e625a5e.entry.js +1 -0
- package/dist/ripple/p-215793a4.entry.js +1 -0
- package/dist/ripple/{p-b4e4479b.js → p-21d372ed.js} +1 -1
- package/dist/ripple/p-226fe4e0.entry.js +1 -0
- package/dist/ripple/{p-bae209b8.system.entry.js → p-22930de9.system.entry.js} +1 -1
- package/dist/ripple/p-236af552.entry.js +1 -0
- package/dist/ripple/p-294b38ca.system.entry.js +1 -0
- package/dist/ripple/p-2e79fa49.entry.js +1 -0
- package/dist/ripple/p-2f664fdd.entry.js +1 -0
- package/dist/ripple/p-30b905eb.system.entry.js +1 -0
- package/dist/ripple/p-311923b2.system.entry.js +1 -0
- package/dist/ripple/p-320d06aa.js +1 -0
- package/dist/ripple/{p-823d7b4e.system.entry.js → p-32bf3f5b.system.entry.js} +1 -1
- package/dist/ripple/p-3568472c.entry.js +1 -0
- package/dist/ripple/p-3d50db36.entry.js +1 -0
- package/dist/ripple/p-3deaf4d9.system.entry.js +1 -0
- package/dist/ripple/{p-e1a3db79.system.entry.js → p-3e415c49.system.entry.js} +1 -1
- package/dist/ripple/p-41550baa.entry.js +1 -0
- package/dist/ripple/{p-b47aa85a.entry.js → p-45f9ad09.entry.js} +1 -1
- package/dist/ripple/{p-13b1d775.entry.js → p-48e09589.entry.js} +1 -1
- package/dist/ripple/p-4d956340.system.entry.js +1 -0
- package/dist/ripple/p-50388b6f.system.entry.js +1 -0
- package/dist/ripple/{p-506a85c0.system.entry.js → p-505eca1c.system.entry.js} +1 -1
- package/dist/ripple/{p-fc04e749.entry.js → p-5284791c.entry.js} +1 -1
- package/dist/ripple/{p-da3e143d.entry.js → p-5300b15d.entry.js} +1 -1
- package/dist/ripple/p-568c595f.js +2 -0
- package/dist/ripple/{p-f573e60c.system.entry.js → p-5a9e3108.system.entry.js} +1 -1
- package/dist/ripple/{p-043901ab.system.entry.js → p-65d26233.system.entry.js} +1 -1
- package/dist/ripple/p-6cc07645.system.entry.js +1 -0
- package/dist/ripple/p-6d129ef8.system.entry.js +1 -0
- package/dist/ripple/{p-772db278.entry.js → p-72165bd2.entry.js} +1 -1
- package/dist/ripple/p-725230dd.system.entry.js +1 -0
- package/dist/ripple/p-749597da.system.entry.js +1 -0
- package/dist/ripple/p-7c338485.entry.js +1 -0
- package/dist/ripple/{p-b8a3612c.system.js → p-81c2df85.system.js} +1 -1
- package/dist/ripple/{p-094883e1.system.js → p-828adbf1.system.js} +1 -1
- package/dist/ripple/p-83be63f6.entry.js +1 -0
- package/dist/ripple/p-84603f1f.system.entry.js +1 -0
- package/dist/ripple/p-84ba5b74.entry.js +1 -0
- package/dist/ripple/{p-cd0cc88d.entry.js → p-88ebddd7.entry.js} +1 -1
- package/dist/ripple/p-902a54c5.entry.js +1 -0
- package/dist/ripple/p-a0ecb6d7.system.entry.js +1 -0
- package/dist/ripple/{p-68434694.system.entry.js → p-a3c01e10.system.entry.js} +1 -1
- package/dist/ripple/p-ab8d78cc.system.js +2 -0
- package/dist/ripple/p-ad7c9d21.entry.js +1 -0
- package/dist/ripple/p-ade3d9a9.entry.js +1 -0
- package/dist/ripple/p-ae82b3d2.system.js +1 -0
- package/dist/ripple/p-aea13873.entry.js +1 -0
- package/dist/ripple/p-b01f9998.system.entry.js +1 -0
- package/dist/ripple/p-b3a2bc1b.system.entry.js +1 -0
- package/dist/ripple/p-b9dbf1f4.entry.js +1 -0
- package/dist/ripple/{p-dba15615.entry.js → p-c1e3c2fb.entry.js} +1 -1
- package/dist/ripple/p-c269536e.system.js +1 -0
- package/dist/ripple/{p-4fa245d4.system.entry.js → p-c2e00d4a.system.entry.js} +1 -1
- package/dist/ripple/p-c47fab48.entry.js +1 -0
- package/dist/ripple/{p-6028695a.system.entry.js → p-c853e185.system.entry.js} +1 -1
- package/dist/ripple/p-c885c7f9.entry.js +1 -0
- package/dist/ripple/p-c9543950.system.entry.js +1 -0
- package/dist/ripple/{p-e2910f91.system.entry.js → p-ca971eac.system.entry.js} +1 -1
- package/dist/ripple/p-cad0c5f9.system.entry.js +1 -0
- package/dist/ripple/{p-60206085.system.entry.js → p-db9657eb.system.entry.js} +1 -1
- package/dist/ripple/p-dcc367a9.system.js +1 -0
- package/dist/ripple/p-df157138.entry.js +1 -0
- package/dist/ripple/p-e081fdc2.system.entry.js +1 -0
- package/dist/ripple/{p-2c70503a.entry.js → p-e687176d.entry.js} +1 -1
- package/dist/ripple/p-ed1f6b8d.system.entry.js +1 -0
- package/dist/ripple/{p-785fda3d.js → p-eddbcb21.js} +1 -1
- package/dist/ripple/p-f2101a0d.entry.js +1 -0
- package/dist/ripple/p-f24572f5.entry.js +1 -0
- package/dist/ripple/p-f40e1468.system.entry.js +1 -0
- package/dist/ripple/p-f4bcee58.system.entry.js +1 -0
- package/dist/ripple/p-f90e4094.entry.js +1 -0
- package/dist/ripple/{p-664dc79d.system.entry.js → p-fa4f1030.system.entry.js} +1 -1
- package/dist/ripple/p-ff1ed90f.entry.js +1 -0
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/ripple.js +1 -1
- package/dist/types/components/selects/wm-nested-select/wm-nested-select.d.ts +2 -2
- package/dist/types/stencil-public-runtime.d.ts +10 -3
- package/package.json +1 -1
- package/dist/cjs/index-788526f5.js +0 -1863
- package/dist/esm/index-130e07bb.js +0 -1832
- package/dist/esm-es5/app-globals-079cb2f3.js +0 -1
- package/dist/esm-es5/functions-03966124.js +0 -1
- package/dist/esm-es5/index-130e07bb.js +0 -1
- package/dist/ripple/p-04c5af17.entry.js +0 -1
- package/dist/ripple/p-16eb5075.entry.js +0 -1
- package/dist/ripple/p-17825edb.entry.js +0 -1
- package/dist/ripple/p-19c85f03.system.entry.js +0 -1
- package/dist/ripple/p-2261e8d4.entry.js +0 -1
- package/dist/ripple/p-2903ce15.system.entry.js +0 -1
- package/dist/ripple/p-2a3d94a9.system.entry.js +0 -1
- package/dist/ripple/p-39484b51.system.entry.js +0 -1
- package/dist/ripple/p-3e7e6493.system.entry.js +0 -1
- package/dist/ripple/p-3eae2cff.system.entry.js +0 -1
- package/dist/ripple/p-43598413.js +0 -1
- package/dist/ripple/p-43c7c26e.entry.js +0 -1
- package/dist/ripple/p-45393c61.system.entry.js +0 -1
- package/dist/ripple/p-4d0daa27.system.js +0 -1
- package/dist/ripple/p-4f2be0ea.entry.js +0 -1
- package/dist/ripple/p-54ee24ab.system.entry.js +0 -1
- package/dist/ripple/p-580a6225.system.entry.js +0 -1
- package/dist/ripple/p-6b84c512.entry.js +0 -1
- package/dist/ripple/p-6e50bb9a.entry.js +0 -1
- package/dist/ripple/p-76df7747.system.entry.js +0 -1
- package/dist/ripple/p-7c2846e4.system.entry.js +0 -1
- package/dist/ripple/p-7f162296.system.entry.js +0 -1
- package/dist/ripple/p-7fba9e61.system.entry.js +0 -1
- package/dist/ripple/p-81ce5578.entry.js +0 -1
- package/dist/ripple/p-877d35f8.system.entry.js +0 -1
- package/dist/ripple/p-8933fa3d.system.entry.js +0 -1
- package/dist/ripple/p-a6466fd1.entry.js +0 -1
- package/dist/ripple/p-aa52069c.entry.js +0 -1
- package/dist/ripple/p-ae2b2056.entry.js +0 -1
- package/dist/ripple/p-afa807a5.entry.js +0 -1
- package/dist/ripple/p-b5276c34.entry.js +0 -1
- package/dist/ripple/p-b5e7db7f.system.entry.js +0 -1
- package/dist/ripple/p-b8dbae16.entry.js +0 -1
- package/dist/ripple/p-ba2fe2c3.system.entry.js +0 -1
- package/dist/ripple/p-baca1589.entry.js +0 -1
- package/dist/ripple/p-bf033357.entry.js +0 -1
- package/dist/ripple/p-c0ccce22.system.entry.js +0 -1
- package/dist/ripple/p-c499cfaf.entry.js +0 -1
- package/dist/ripple/p-c61b29cd.system.entry.js +0 -1
- package/dist/ripple/p-c83bc1e9.entry.js +0 -1
- package/dist/ripple/p-cef8a45b.system.js +0 -2
- package/dist/ripple/p-d307a2d5.system.entry.js +0 -1
- package/dist/ripple/p-d9da0502.js +0 -2
- package/dist/ripple/p-db706578.system.js +0 -1
- package/dist/ripple/p-dd23c135.entry.js +0 -1
- package/dist/ripple/p-ded71900.entry.js +0 -1
- package/dist/ripple/p-dfcf2302.system.js +0 -1
- package/dist/ripple/p-e27dcd81.system.entry.js +0 -1
- package/dist/ripple/p-e5f7fbe7.js +0 -1
- package/dist/ripple/p-e6e1cd8b.entry.js +0 -1
- package/dist/ripple/p-ed2f0946.entry.js +0 -1
- package/dist/ripple/p-f3aa0c90.entry.js +0 -1
- package/dist/ripple/p-f6752b25.system.entry.js +0 -1
- package/dist/ripple/p-f78d5bc3.entry.js +0 -1
- package/dist/ripple/p-faae9ebb.entry.js +0 -1
- package/dist/ripple/p-fde96980.system.entry.js +0 -1
- package/dist/ripple/p-fe6522b9.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,h as a,g as e}from"./p-d9da0502.js";import{g as i}from"./p-e5f7fbe7.js";const d=class{constructor(a){o(this,a),this.focusLastElement=t(this,"focusLastElement",3),this.focusFirstElement=t(this,"focusFirstElement",3),this.wmModalCloseTriggered=t(this,"wmModalCloseTriggered",3),this.wmModalPrimaryTriggered=t(this,"wmModalPrimaryTriggered",7),this.wmModalSecondaryTriggered=t(this,"wmModalSecondaryTriggered",7),this.open=!1,this.elementToFocus="",this.modalType="modal",this.uid=void 0,this.returnFocusEl=void 0}get closeButtonEl(){return this.el.querySelector(`#wm-modal-close-${this.uid}`)}get focusOnOpenEl(){let o=null;return"primary"===this.elementToFocus||"secondary"===this.elementToFocus?o=this.el.querySelector(`#wm-${this.elementToFocus}-${this.uid}`):this.elementToFocus&&(o=this.el.querySelector("#"+this.elementToFocus),!o&&console.warn(`Ripple Component Library: The modal component couldn't find an element matching the id you passed for 'elementToFocus' (${this.elementToFocus}). It will fall back to the default and focus the close button when the modal opens.`)),o}get hasBrowserPopoverSupport(){const o=document.getElementById("wm-tooltip");return!!o&&!!o.showPopover}toggleModal(){this.open?this.showModal():this.hideModal()}handleDialogClose(){this.open&&this.wmModalCloseTriggered.emit(),this.open=!1}showModal(){this.returnFocusEl=document.activeElement,this.setAriaDescribedbyOnModal(),document.body.style.overflow="hidden",this.dialogEl.showModal(),this.focusOnOpenEl&&this.focusOnOpenEl.focus()}hideModal(){document.body.style.overflow="visible",this.dialogEl.close(),setTimeout((()=>{this.returnFocusEl&&document.activeElement===document.body&&("WM-MENUITEM"===this.returnFocusEl.tagName&&(this.returnFocusEl=this.returnFocusEl.parentElement),this.returnFocusEl.focus())}),20)}componentWillLoad(){"primary"!==this.elementToFocus&&"secondary"!==this.elementToFocus||this.el.id||console.error("For accessibility purposes you need to set the modal content wrapper's id to 'content-[id of wm-modal]'."),this.el.focus=()=>{this.focusOnOpenEl?this.focusOnOpenEl.focus():this.closeButtonEl.focus()},this.uid=this.el.id?this.el.id:i()}componentDidLoad(){this.open&&this.showModal(),this.dialogEl.addEventListener("close",(()=>this.handleDialogClose()))}async emitCloseEvent(){this.wmModalCloseTriggered.emit()}async emitPrimaryEvent(){this.wmModalPrimaryTriggered.emit()}async emitSecondaryEvent(){this.wmModalSecondaryTriggered.emit()}handleKeyDown(o){"Escape"==o.key&&o.stopPropagation()}setAriaDescribedbyOnModal(){document.getElementById(`content-${this.uid}`)?this.el.setAttribute("aria-describedby",`wm-modal-heading-text-${this.uid} content-${this.uid}`):console.warn("Ripple Component Library: The element containing the body of the modal must include an id in the format 'content-[id of modal]' for accessibility purposes.")}render(){return a("dialog",{key:"013cab28a1dba3a63ab8c350bfac543520254e63",class:"wm-"+this.modalType,ref:o=>this.dialogEl=o,onKeyDown:o=>this.handleKeyDown(o)},a("div",{key:"0bedae272d1154b61fbd7ebac59020d6c5b6b3b9",class:"tabtrap sr-only",tabindex:"0",onFocus:o=>{o.relatedTarget&&o.relatedTarget==this.closeButtonEl?this.focusLastElement.emit():this.focusFirstElement.emit()}}),!this.hasBrowserPopoverSupport&&a("div",{key:"732a9e8edb3302a2d17dd9af6c8bf65ce73fc5d1",class:"wm-tooltip"}),a("slot",{key:"0ee3e5372886db1eb3f814d3f72d422771bbce27"}),a("div",{key:"197477a1dd69b1f5d2cb910fd01e1b3b247bafda",class:"tabtrap sr-only",tabindex:"0",onFocus:()=>{this.focusFirstElement.emit()}}))}get el(){return e(this)}static get watchers(){return{open:["toggleModal"]}}};d.style="wm-modal{--wmcolor-modal-background:var(--wmcolor-background);--wmcolor-modal-border:var(--wmcolor-border);--wmcolor-modal-heading:var(--wmcolor-text);--wmcolor-modal-overlay:var(--wmcolor-overlay)}wm-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}wm-modal dialog{color:inherit;padding:0;width:80vw;max-width:750px;max-height:80vh;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:none;background:var(--wmcolor-modal-background)}wm-modal dialog>:not(wm-modal-header):not(wm-modal-footer){max-height:calc(80vh - 166px)}wm-modal dialog::-webkit-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::-ms-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog[open]{-webkit-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);-moz-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14)}wm-modal dialog.wm-modal>wm-modal-header{border-bottom:1px solid var(--wmcolor-modal-border)}wm-modal dialog.wm-modal>wm-modal-footer{border-top:1px solid var(--wmcolor-modal-border)}@media only screen and (max-width: 768px){wm-modal dialog.wm-modal{height:100%;max-height:none;max-width:none;width:100vw}wm-modal dialog.wm-modal>*{max-width:none;width:100vw}wm-modal dialog.wm-modal>*:not(wm-modal-header):not(wm-modal-footer){max-height:none;height:calc(100vh - 166px)}}wm-modal dialog.wm-dialog>:not(wm-modal-header):not(wm-modal-footer):not(.wm-tooltip){padding:0 1.875rem 1.25rem 1.875rem;font-size:0.875rem;border:none}wm-modal wm-modal-header,wm-modal wm-modal-footer{padding:1.25rem 1.875rem;width:100%}wm-modal .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}";export{d as wm_modal}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-cef8a45b.system.js","./p-dfcf2302.system.js","./p-42fa7a77.system.js"],(function(t){"use strict";var i,e,n,o,r,s,a,c,h,u;return{setters:[function(t){i=t.r;e=t.c;n=t.h;o=t.H;r=t.g},function(t){s=t.d;a=t.q;c=t.k;h=t.y},function(t){u=t.g}],execute:function(){var m=":host{--wmcolor-actionmenu-background:var(--wmcolor-background);--wmcolor-actionmenu-text:var(--wmcolor-interactive);--wmcolor-actionmenu-text-disabled:var(--wmcolor-option-text-disabled);position:relative;display:inline-block;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;color:var(--wmcolor-actionmenu-text);font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(:focus){outline:none}wm-action-menu:focus{outline:none}.dropdown{position:absolute;padding:0;margin:0.25rem 0;border-radius:3px 3px 3px 3px;min-width:11.4375rem;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;visibility:hidden;-webkit-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);background:var(--wmcolor-actionmenu-background);z-index:10;text-align:left;white-space:nowrap}.dropdown:focus{outline:none}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}.dropdown.open-up{bottom:2.5rem;top:auto;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.right{left:0}.dropdown.left{right:0}";var d=m;var f=t("wm_action_menu",function(){function t(t){var n=this;i(this,t);this.wmActionMenuLoaded=e(this,"wmActionMenuLoaded",7);this.menuLoaded=e(this,"menuLoaded",7);this.openUp=false;this.keysSoFar="";this.searchIndex=0;this.debouncedClearKeysSoFar=s((function(){n.keysSoFar=""}),500);this.isExpanded=false;this.tooltipPosition=undefined;this.actionMenuType="icon";this.buttonText=undefined;this.disabled=false;this.tooltip=undefined;this.labelForIdenticalButtons=undefined;this.darkMode=undefined}Object.defineProperty(t.prototype,"horizontalPosition",{get:function(){return!!this.el&&!!this.itemsEl&&a(this.el,this.itemsEl.clientWidth)?"right":"left"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"childItems",{get:function(){return Array.from(this.el.querySelectorAll("wm-menuitem"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"internalButtonType",{get:function(){return this.actionMenuType==="icon"||this.actionMenuType==="text"?this.actionMenuType+"only":this.actionMenuType},enumerable:false,configurable:true});t.prototype.handleClickedItem=function(){this.close()};t.prototype.handleKeyUp=function(t){this.moveUp(t.target)};t.prototype.handleKeyDown=function(t){this.moveDown(t.detail)};t.prototype.handleHomeKey=function(){this.focusFirstItem()};t.prototype.handleEndKey=function(){this.focusLastItem()};t.prototype.handleTabKey=function(){if(this.isExpanded){this.close()}};t.prototype.handleEscKey=function(){this.close();this.wmButtonEl.focus()};t.prototype.handleKey=function(t){var i=this;switch(t.key){case"ArrowDown":if(!this.isExpanded){t.preventDefault();this.open();window.requestAnimationFrame((function(){return i.focusFirstItem()}))}break;case"ArrowUp":if(!this.isExpanded){t.preventDefault();this.open();window.requestAnimationFrame((function(){return i.focusLastItem()}))}break}};t.prototype.handleMenuitemBlur=function(t){var i=t.detail.relatedTarget===this.el||this.el.contains(t.detail.relatedTarget);if(!i){var e=new CustomEvent("blur");e.relatedTarget=t.detail.relatedTarget;this.el.dispatchEvent(e)}};t.prototype.handleButtonBlur=function(t){var i=t.relatedTarget===this.el||this.el.contains(t.relatedTarget);if(i){t.stopPropagation()}};t.prototype.componentDidLoad=function(){if(this.actionMenuType!=="icon"&&!this.buttonText){console.error("wm-action-menu should have a valid button-text property when action-menu-type is set to 'text' or 'selector'")}if(this.actionMenuType==="icon"&&!this.tooltip){console.error("wm-action-menu should have a valid tooltip when action-menu-type is set to 'icon'")}this.wmActionMenuLoaded.emit();this.menuLoaded.emit()};t.prototype.moveUp=function(t){var i=this.childItems.indexOf(t);if(i===0){this.focusLastItem()}else{this.childItems[i-1].focus()}};t.prototype.moveDown=function(t){var i=this.childItems.indexOf(t);if(i===this.childItems.length-1){this.focusFirstItem()}else{this.childItems[i+1].focus()}};t.prototype.open=function(){var t=this;if(!this.disabled){this.openUp=c(this.el,this.itemsEl.clientHeight);this.isExpanded=true;this.itemsEl.classList.remove("hidden");window.requestAnimationFrame((function(){return t.focusFirstItem()}))}};t.prototype.close=function(t){var i=this;if(t===void 0){t=true}this.isExpanded=false;window.setTimeout((function(){i.itemsEl.classList.add("hidden")}),150);window.setTimeout((function(){if(t&&(document.activeElement.tagName==="BODY"||document.activeElement.tagName==="WM-MENUITEM")){i.wmButtonEl.focus()}}),250)};t.prototype.focusFirstItem=function(){this.childItems[0].focus()};t.prototype.focusLastItem=function(){this.childItems[this.childItems.length-1].focus()};t.prototype.findAndFocusItem=function(t){var i=this;if(!this.keysSoFar&&t.detail==" "){t.target.click()}else{var e=t.detail.toLowerCase();this.focusFirstItem();if(!this.keysSoFar){this.childItems.forEach((function(t,e){if(t===document.activeElement){i.searchIndex=e}}))}this.keysSoFar+=e;var n=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);if(!n){n=this.findMatchInRange(this.childItems,0,this.searchIndex)}if(n){n.focus()}this.debouncedClearKeysSoFar()}};t.prototype.findMatchInRange=function(t,i,e){for(var n=i;n<e;n++){var o=t[n].textContent;if(o&&o.toLowerCase().indexOf(this.keysSoFar)===0){return t[n]}}return null};t.prototype.render=function(){var t=this;return n(o,{key:"b75950ee267a98f778d177cbaed7a41de95e8379",onBlur:function(){return t.close(false)}},n("div",{key:"8b97b76a8f778b3aaf118eff3964a8aad40c143d",class:h()},n("wm-button",{key:"be740593e2363de51c3885ff854a0cba54b749ad","button-type":this.internalButtonType,tooltip:this.tooltip,"custom-background":this.darkMode?"dark":undefined,"label-for-identical-buttons":this.labelForIdenticalButtons,icon:this.actionMenuType==="icon"?"f1d9":"",iconSize:this.actionMenuType==="icon"?"24px":undefined,id:"menubtn",onClick:function(){return t.isExpanded?t.close():t.open()},onBlur:function(i){return t.handleButtonBlur(i)},disabled:this.disabled,ref:function(i){return t.wmButtonEl=i},"tooltip-position":this.tooltipPosition||this.horizontalPosition,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false","aria-controls":"menu"},this.buttonText),n("div",{key:"ce93ba5b4b5b0e9212bbc29d967c9aa2e064620c",class:"dropdown ".concat(this.openUp?"open-up":""," ").concat(this.horizontalPosition," ").concat(this.isExpanded?"open":""," hidden"),id:"menu",tabindex:-1,role:"menu",ref:function(i){return t.itemsEl=i}},n("slot",{key:"fd67977302dfed4bc95cd1b376271bd1dcda7695"}))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());f.style=d;var l=':host{--wmcolor-actionmenu-item-background-hover:var(--wmcolor-option-background-hover);--wmcolor-actionmenu-item-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-actionmenu-item-background:var(--wmcolor-option-background);--wmcolor-actionmenu-item-border:var(--wmcolor-option-border);--wmcolor-actionmenu-item-text-description:var(--wmcolor-option-text);--wmcolor-actionmenu-item-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-actionmenu-item-text:var(--wmcolor-interactive);contain:content;font-family:inherit}:host .wrapper{display:block;min-width:8.75rem;cursor:pointer;padding:1.25rem;border-radius:0px 0px 0px 0px;background:var(--wmcolor-actionmenu-item-background);font-family:inherit;font-weight:500;list-style:none;border-bottom:2px solid var(--wmcolor-actionmenu-item-border);color:var(--wmcolor-actionmenu-item-text);font-weight:700}:host .wrapper:hover{background:var(--wmcolor-actionmenu-item-background-hover);outline:none}:host .wrapper .description{color:var(--wmcolor-actionmenu-item-text-description);font-size:0.875rem;padding-top:0.5rem;white-space:normal;font-weight:400}:host .wrapper:not(:last-child){border-bottom:2px solid var(--wmcolor-actionmenu-item-border)}:host ::slotted{font-family:inherit}:host .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none;font-size:1.12rem}:host(:focus-visible){outline:none}:host(:focus-visible) .wrapper{outline:none;background:var(--wmcolor-actionmenu-item-background-hover)}:host([aria-disabled=true]){pointer-events:none}:host([aria-disabled=true]) .wrapper{background:var(--wmcolor-actionmenu-item-background-disabled);color:var(--wmcolor-actionmenu-text-disabled)}:host([aria-disabled=true]) .description{color:var(--wmcolor-actionmenu-text-disabled)}';var b=l;var p=t("wm_menuitem",function(){function t(t){i(this,t);this.wmMenuitemClicked=e(this,"wmMenuitemClicked",7);this.wmKeyUpPressed=e(this,"wmKeyUpPressed",7);this.wmKeyDownPressed=e(this,"wmKeyDownPressed",7);this.wmEscKeyPressed=e(this,"wmEscKeyPressed",7);this.wmHomeKeyPressed=e(this,"wmHomeKeyPressed",7);this.wmEndKeyPressed=e(this,"wmEndKeyPressed",7);this.wmPageDownItems=e(this,"wmPageDownItems",7);this.wmPageUpItems=e(this,"wmPageUpItems",7);this.wmTabKeyPressed=e(this,"wmTabKeyPressed",7);this.wmLetterPressed=e(this,"wmLetterPressed",7);this.wmMenuitemBlurred=e(this,"wmMenuitemBlurred",7);this.descriptionCharLimit=100;this.disabled=false;this.icon=undefined;this.description=undefined}t.prototype.handleKeydown=function(t){var i=t.altKey||t.ctrlKey||t.metaKey;var e=/^.$/.test(t.key);var n=e&&!i;switch(t.key){case"ArrowUp":t.preventDefault();this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault();this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault();if(!this.disabled){this.el.click()}break;case"Escape":t.preventDefault();t.stopPropagation();this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault();this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault();this.wmEndKeyPressed.emit();break;case"Tab":this.wmTabKeyPressed.emit();break;default:if(n){t.preventDefault();this.wmLetterPressed.emit(t.key)}}};t.prototype.handleClick=function(){if(!this.disabled){this.wmMenuitemClicked.emit()}};t.prototype.handleBlur=function(t){this.wmMenuitemBlurred.emit({relatedTarget:t.relatedTarget})};t.prototype.setOnClick=function(){if(this.disabled&&this.el.onclick){this.onClickFunc=this.el.onclick;this.el.onclick=null}else if(!this.disabled&&this.onClickFunc){this.el.onclick=this.onClickFunc}};t.prototype.componentWillLoad=function(){if(this.icon){this.icon=u(this.icon)}if(this.description){if(this.description.length>this.descriptionCharLimit){console.error("wm-menuitem description is above the character limit of ".concat(this.descriptionCharLimit))}if(this.icon){console.error("wm-menuitems with descriptions do not support the use of icons")}}this.setOnClick()};t.prototype.componentDidLoad=function(){if(this.icon){this.iconEl.classList.add("mdi");this.iconEl.innerHTML="&#x".concat(this.icon,";")}};t.prototype.render=function(){var t=this;return n(o,{key:"eb00ddaeac66fa383ea823bc6d3e0e4d39ed38eb",tabindex:-1,role:"menuitem","aria-disabled":this.disabled?"true":null},n("div",{key:"49dcdbd9cafce775bba1f5833521d798f1943c29",class:"wrapper","aria-disabled":this.disabled?"true":null},n("span",{key:"02c6fd810be4c8376754d0b1acb68020a7b49f4c",ref:function(i){return t.iconEl=i}}),this.el.textContent,this.description?n("div",{class:"description"},this.description):""))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["setOnClick"]}},enumerable:false,configurable:true});return t}());p.style=b}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-cef8a45b.system.js"],(function(e){"use strict";var t,i,n;return{setters:[function(e){t=e.r;i=e.h;n=e.g}],execute:function(){var o="wm-modal-footer{display:block;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px}wm-modal-footer .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper.footer-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}wm-modal-footer .wm-wrapper wm-button+wm-button{margin-left:1rem}wm-modal-footer .wm-wrapper .wm-info{font-size:0.875rem;font-style:italic}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper .wm-info{padding-bottom:0.625rem}}wm-modal-footer .wm-wrapper .wm-info:focus{outline:none}";var r=o;var a=e("wm_modal_footer",function(){function e(e){t(this,e);this.secondaryText="";this.primaryText="";this.infoText="";this.primaryActionDisabled=false;this.deleteStyle=false}e.prototype.componentWillLoad=function(){var e=this;var t=this.el.closest("wm-modal");this.uid=t.uid;t.addEventListener("focusLastElement",(function(){e.lastElement.focus()}))};e.prototype.emitParentPrimaryEvent=function(){var e=this.el.closest("wm-modal");if(e){e.emitPrimaryEvent()}};e.prototype.emitParentSecondaryEvent=function(){var e=this.el.closest("wm-modal");if(e){e.emitSecondaryEvent()}};e.prototype.render=function(){var e=this;return i("div",{key:"38b6b1759d4bdb628259acbf229a1d634df2dbf5",class:"wm-wrapper ".concat(this.infoText?" footer-text":"")},i("div",{key:"4259692e664739723e3895e8ec8d00ef00ef79f0",class:"wm-info","aria-live":"polite"},this.infoText),i("div",{key:"6ffea66fdfd257e754a9012e9471848037e92a52",class:"wm-button-collection"},this.secondaryText&&i("wm-button",{key:"679eef458298304564cd365f15c8253796158ed8",onClick:function(){return e.emitParentSecondaryEvent()},id:"wm-secondary-".concat(this.uid),ref:function(t){return e.primaryActionDisabled?e.lastElement=t:undefined}},this.secondaryText),i("wm-button",{key:"a6e02b671dbfbacba79aa483b8d6ab8dc9232166","button-type":this.deleteStyle?"secondary":"primary","permanently-delete":this.deleteStyle,onClick:function(){return e.emitParentPrimaryEvent()},disabled:this.primaryActionDisabled,id:"wm-primary-".concat(this.uid),ref:function(t){return!e.primaryActionDisabled?e.lastElement=t:undefined}},this.primaryText)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());a.style=r}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as o,g as s}from"./p-d9da0502.js";import{d as n,q as r,k as a,y as h}from"./p-e5f7fbe7.js";import{g as d}from"./p-2732bddd.js";const c=class{constructor(e){t(this,e),this.wmActionMenuLoaded=i(this,"wmActionMenuLoaded",7),this.menuLoaded=i(this,"menuLoaded",7),this.openUp=!1,this.keysSoFar="",this.searchIndex=0,this.debouncedClearKeysSoFar=n((()=>{this.keysSoFar=""}),500),this.isExpanded=!1,this.tooltipPosition=void 0,this.actionMenuType="icon",this.buttonText=void 0,this.disabled=!1,this.tooltip=void 0,this.labelForIdenticalButtons=void 0,this.darkMode=void 0}get horizontalPosition(){return this.el&&this.itemsEl&&r(this.el,this.itemsEl.clientWidth)?"right":"left"}get childItems(){return Array.from(this.el.querySelectorAll("wm-menuitem"))}get internalButtonType(){return"icon"===this.actionMenuType||"text"===this.actionMenuType?this.actionMenuType+"only":this.actionMenuType}handleClickedItem(){this.close()}handleKeyUp(t){this.moveUp(t.target)}handleKeyDown(t){this.moveDown(t.detail)}handleHomeKey(){this.focusFirstItem()}handleEndKey(){this.focusLastItem()}handleTabKey(){this.isExpanded&&this.close()}handleEscKey(){this.close(),this.wmButtonEl.focus()}handleKey(t){switch(t.key){case"ArrowDown":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusFirstItem())));break;case"ArrowUp":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusLastItem())))}}handleMenuitemBlur(t){if(t.detail.relatedTarget!==this.el&&!this.el.contains(t.detail.relatedTarget)){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget,this.el.dispatchEvent(i)}}handleButtonBlur(t){(t.relatedTarget===this.el||this.el.contains(t.relatedTarget))&&t.stopPropagation()}componentDidLoad(){"icon"===this.actionMenuType||this.buttonText||console.error("wm-action-menu should have a valid button-text property when action-menu-type is set to 'text' or 'selector'"),"icon"!==this.actionMenuType||this.tooltip||console.error("wm-action-menu should have a valid tooltip when action-menu-type is set to 'icon'"),this.wmActionMenuLoaded.emit(),this.menuLoaded.emit()}moveUp(t){const i=this.childItems.indexOf(t);0===i?this.focusLastItem():this.childItems[i-1].focus()}moveDown(t){const i=this.childItems.indexOf(t);i===this.childItems.length-1?this.focusFirstItem():this.childItems[i+1].focus()}open(){this.disabled||(this.openUp=a(this.el,this.itemsEl.clientHeight),this.isExpanded=!0,this.itemsEl.classList.remove("hidden"),window.requestAnimationFrame((()=>this.focusFirstItem())))}close(t=!0){this.isExpanded=!1,window.setTimeout((()=>{this.itemsEl.classList.add("hidden")}),150),window.setTimeout((()=>{!t||"BODY"!==document.activeElement.tagName&&"WM-MENUITEM"!==document.activeElement.tagName||this.wmButtonEl.focus()}),250)}focusFirstItem(){this.childItems[0].focus()}focusLastItem(){this.childItems[this.childItems.length-1].focus()}findAndFocusItem(t){if(this.keysSoFar||" "!=t.detail){const i=t.detail.toLowerCase();this.focusFirstItem(),this.keysSoFar||this.childItems.forEach(((t,i)=>{t===document.activeElement&&(this.searchIndex=i)})),this.keysSoFar+=i;let e=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);e||(e=this.findMatchInRange(this.childItems,0,this.searchIndex)),e&&e.focus(),this.debouncedClearKeysSoFar()}else t.target.click()}findMatchInRange(t,i,e){for(var o=i;o<e;o++){var s=t[o].textContent;if(s&&0===s.toLowerCase().indexOf(this.keysSoFar))return t[o]}return null}render(){return e(o,{key:"b75950ee267a98f778d177cbaed7a41de95e8379",onBlur:()=>this.close(!1)},e("div",{key:"8b97b76a8f778b3aaf118eff3964a8aad40c143d",class:h()},e("wm-button",{key:"be740593e2363de51c3885ff854a0cba54b749ad","button-type":this.internalButtonType,tooltip:this.tooltip,"custom-background":this.darkMode?"dark":void 0,"label-for-identical-buttons":this.labelForIdenticalButtons,icon:"icon"===this.actionMenuType?"f1d9":"",iconSize:"icon"===this.actionMenuType?"24px":void 0,id:"menubtn",onClick:()=>this.isExpanded?this.close():this.open(),onBlur:t=>this.handleButtonBlur(t),disabled:this.disabled,ref:t=>this.wmButtonEl=t,"tooltip-position":this.tooltipPosition||this.horizontalPosition,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false","aria-controls":"menu"},this.buttonText),e("div",{key:"ce93ba5b4b5b0e9212bbc29d967c9aa2e064620c",class:`dropdown ${this.openUp?"open-up":""} ${this.horizontalPosition} ${this.isExpanded?"open":""} hidden`,id:"menu",tabindex:-1,role:"menu",ref:t=>this.itemsEl=t},e("slot",{key:"fd67977302dfed4bc95cd1b376271bd1dcda7695"}))))}static get delegatesFocus(){return!0}get el(){return s(this)}};c.style=":host{--wmcolor-actionmenu-background:var(--wmcolor-background);--wmcolor-actionmenu-text:var(--wmcolor-interactive);--wmcolor-actionmenu-text-disabled:var(--wmcolor-option-text-disabled);position:relative;display:inline-block;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;color:var(--wmcolor-actionmenu-text);font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(:focus){outline:none}wm-action-menu:focus{outline:none}.dropdown{position:absolute;padding:0;margin:0.25rem 0;border-radius:3px 3px 3px 3px;min-width:11.4375rem;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;visibility:hidden;-webkit-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);background:var(--wmcolor-actionmenu-background);z-index:10;text-align:left;white-space:nowrap}.dropdown:focus{outline:none}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}.dropdown.open-up{bottom:2.5rem;top:auto;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.right{left:0}.dropdown.left{right:0}";const m=class{constructor(e){t(this,e),this.wmMenuitemClicked=i(this,"wmMenuitemClicked",7),this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7),this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7),this.wmPageDownItems=i(this,"wmPageDownItems",7),this.wmPageUpItems=i(this,"wmPageUpItems",7),this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7),this.wmLetterPressed=i(this,"wmLetterPressed",7),this.wmMenuitemBlurred=i(this,"wmMenuitemBlurred",7),this.descriptionCharLimit=100,this.disabled=!1,this.icon=void 0,this.description=void 0}handleKeydown(t){const i=t.altKey||t.ctrlKey||t.metaKey,e=/^.$/.test(t.key)&&!i;switch(t.key){case"ArrowUp":t.preventDefault(),this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault(),this.disabled||this.el.click();break;case"Escape":t.preventDefault(),t.stopPropagation(),this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault(),this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault(),this.wmEndKeyPressed.emit();break;case"Tab":this.wmTabKeyPressed.emit();break;default:e&&(t.preventDefault(),this.wmLetterPressed.emit(t.key))}}handleClick(){this.disabled||this.wmMenuitemClicked.emit()}handleBlur(t){this.wmMenuitemBlurred.emit({relatedTarget:t.relatedTarget})}setOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}componentWillLoad(){this.icon&&(this.icon=d(this.icon)),this.description&&(this.description.length>this.descriptionCharLimit&&console.error(`wm-menuitem description is above the character limit of ${this.descriptionCharLimit}`),this.icon&&console.error("wm-menuitems with descriptions do not support the use of icons")),this.setOnClick()}componentDidLoad(){this.icon&&(this.iconEl.classList.add("mdi"),this.iconEl.innerHTML=`&#x${this.icon};`)}render(){return e(o,{key:"eb00ddaeac66fa383ea823bc6d3e0e4d39ed38eb",tabindex:-1,role:"menuitem","aria-disabled":this.disabled?"true":null},e("div",{key:"49dcdbd9cafce775bba1f5833521d798f1943c29",class:"wrapper","aria-disabled":this.disabled?"true":null},e("span",{key:"02c6fd810be4c8376754d0b1acb68020a7b49f4c",ref:t=>this.iconEl=t}),this.el.textContent,this.description?e("div",{class:"description"},this.description):""))}get el(){return s(this)}static get watchers(){return{disabled:["setOnClick"]}}};m.style=':host{--wmcolor-actionmenu-item-background-hover:var(--wmcolor-option-background-hover);--wmcolor-actionmenu-item-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-actionmenu-item-background:var(--wmcolor-option-background);--wmcolor-actionmenu-item-border:var(--wmcolor-option-border);--wmcolor-actionmenu-item-text-description:var(--wmcolor-option-text);--wmcolor-actionmenu-item-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-actionmenu-item-text:var(--wmcolor-interactive);contain:content;font-family:inherit}:host .wrapper{display:block;min-width:8.75rem;cursor:pointer;padding:1.25rem;border-radius:0px 0px 0px 0px;background:var(--wmcolor-actionmenu-item-background);font-family:inherit;font-weight:500;list-style:none;border-bottom:2px solid var(--wmcolor-actionmenu-item-border);color:var(--wmcolor-actionmenu-item-text);font-weight:700}:host .wrapper:hover{background:var(--wmcolor-actionmenu-item-background-hover);outline:none}:host .wrapper .description{color:var(--wmcolor-actionmenu-item-text-description);font-size:0.875rem;padding-top:0.5rem;white-space:normal;font-weight:400}:host .wrapper:not(:last-child){border-bottom:2px solid var(--wmcolor-actionmenu-item-border)}:host ::slotted{font-family:inherit}:host .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none;font-size:1.12rem}:host(:focus-visible){outline:none}:host(:focus-visible) .wrapper{outline:none;background:var(--wmcolor-actionmenu-item-background-hover)}:host([aria-disabled=true]){pointer-events:none}:host([aria-disabled=true]) .wrapper{background:var(--wmcolor-actionmenu-item-background-disabled);color:var(--wmcolor-actionmenu-text-disabled)}:host([aria-disabled=true]) .description{color:var(--wmcolor-actionmenu-text-disabled)}';export{c as wm_action_menu,m as wm_menuitem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as o,H as i,g as r,f as s}from"./p-d9da0502.js";import{i as a,t as n,z as l,a as d,k as c,y as p}from"./p-e5f7fbe7.js";import{g as h}from"./p-b4e4479b.js";const b=class{constructor(o){e(this,o),this.wmOptionSelected=t(this,"wmOptionSelected",7),this.wmOptionDeselected=t(this,"wmOptionDeselected",7),this.intCloneClicked=t(this,"intCloneClicked",7),this.wmKeyUpPressed=t(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=t(this,"wmKeyDownPressed",7),this.wmKeyLeftPressed=t(this,"wmKeyLeftPressed",7),this.wmEscKeyPressed=t(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=t(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=t(this,"wmEndKeyPressed",7),this.wmEnterKeyPressed=t(this,"wmEnterKeyPressed",7),this.wmLetterPressed=t(this,"wmLetterPressed",7),this.wmOptionBlurred=t(this,"wmOptionBlurred",7),this.value=void 0,this.subinfo=void 0,this.disabled=!1,this.selected=!1,this.focused=!1,this.searchTerm=""}get hostClasses(){let e=[];return this.subinfo&&e.push("hassubinfo"),this.parentOptionList.multiple&&e.push("multi-option"),this.el.textContent.toLowerCase().includes(this.searchTerm)||e.push("filtered-out"),e.join(" ")}get parentOptionList(){return this.el.classList.contains("clone")?this.el.closest("priv-option-list"):this.el.assignedSlot.closest("priv-option-list")}handleKeydown(e){switch(e.key){case"ArrowUp":e.preventDefault(),this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":e.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case"Enter":e.preventDefault(),this.disabled||(this.el.click(),this.wmEnterKeyPressed.emit(this.el));break;case"Escape":e.preventDefault(),e.stopPropagation(),this.wmEscKeyPressed.emit();break;case"Home":e.preventDefault(),this.wmHomeKeyPressed.emit();break;case"End":e.preventDefault(),this.wmEndKeyPressed.emit();break;case"ArrowLeft":e.preventDefault(),this.wmKeyLeftPressed.emit();break;default:1===e.key.length&&(e.preventDefault(),this.wmLetterPressed.emit({letter:e.key,optionEl:this.el}))}}handleSelection(){this.disabled||(this.el.classList.contains("clone")?this.intCloneClicked.emit(this.el):this.parentOptionList.multiple&&this.selected?this.wmOptionDeselected.emit(this.el):this.wmOptionSelected.emit(this.el))}handleBlur(e){this.wmOptionBlurred.emit({relatedTarget:e.relatedTarget})}syncAriaSelected(){this.el.setAttribute("aria-selected",this.selected?"true":"false")}syncAriaDisabled(){this.disabled?this.el.setAttribute("aria-disabled","true"):this.el.removeAttribute("aria-disabled")}updateDisabledOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}handleSearch(e){if(this.searchTerm=e.detail.searchTerm.toLowerCase(),this.searchTerm&&this.el.textContent.toLowerCase().includes(this.searchTerm)){const e=this.el.textContent.toLowerCase().indexOf(this.searchTerm),t=this.el.textContent.slice(0,e),o=this.el.textContent.slice(e,e+this.searchTerm.length),i=this.el.textContent.slice(e+this.searchTerm.length),r=document.createElement("span");r.textContent=t;const s=document.createElement("strong");s.textContent=o;const a=document.createElement("span");a.textContent=i,this.textEl.innerHTML="",this.textEl.appendChild(r),this.textEl.appendChild(s),this.textEl.appendChild(a)}else this.textEl.textContent=this.el.textContent}componentWillLoad(){this.syncAriaSelected(),this.syncAriaDisabled(),this.updateDisabledOnClick(),this.parentOptionList.addEventListener("optionListSearchChanged",(e=>this.handleSearch(e)))}render(){return o(i,{key:"3dced6efa2b70875a3bb7489ee0cfe5961c628b5",role:"option",tabindex:this.focused?0:-1,class:this.hostClasses},o("div",{key:"65bb987febc952dfb5960abb0f2cd4f767f00ddc",class:"option-wrapper "+(this.parentOptionList.multiple?"checkbox":"")},o("span",{key:"ce1d604a7e8c6107aaf6fefeaec2097c8bdcf214",class:"option-text","aria-hidden":"true",ref:e=>this.textEl=e},this.el.textContent),o("span",{key:"1b398c044798828a2689478abc62a83c1ed1057c",class:"sr-only"},this.el.textContent)),o("div",{key:"3d6a694ab8d006fedfeee03d31ca17ef98f92dc2",class:"subinfo"},this.subinfo))}get el(){return r(this)}static get watchers(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"]}}};b.style=':host(:not(:last-child)){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}:host{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host:focus,:host.focus{outline:none;background:var(--wmcolor-select-option-background-focus)}:host.icon{color:var(--wmcolor-interactive)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.checkbox:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f131";display:inline-block;margin-right:0.25rem;color:var(--wmcolor-interactive)}:host([aria-selected=true]){background:var(--wmcolor-select-option-background-selected);font-weight:500}:host([aria-selected=true]) .checkbox:before{content:"\\f132"}:host([aria-disabled=true]){color:var(--wmcolor-select-option-text-disabled);background:var(--wmcolor-select-option-background-disabled);cursor:default}:host([aria-disabled=true]) .checkbox:before{color:var(--wmcolor-select-option-text-disabled)}:host([aria-disabled=true]) .subinfo{color:var(--wmcolor-select-option-text-disabled)}:host(.multi-option){background:unset}:host(.clone.last){border-bottom:12px solid;border-color:var(--wmcolor-select-option-border)}:host(.hassubinfo){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;gap:16px}:host(.hidden),:host(.filtered-out){display:none}.subinfo{font-style:italic}.option-wrapper{display:-ms-flexbox;display:flex}.option-text{display:inline-block}::slotted{font-family:inherit}::slotted(i){font-size:0.875rem}::slotted(i):before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus){outline:none;background:var(--wmcolor-select-option-background-focus)}:host(:hover){background:var(--wmcolor-select-option-background-hover);outline:none}';const m=class{constructor(o){e(this,o),this.wmSelectDidLoad=t(this,"wmSelectDidLoad",7),this.wmSelectBlurred=t(this,"wmSelectBlurred",7),this.wmSelectAllSelected=t(this,"wmSelectAllSelected",7),this.wmSelectAllDeselected=t(this,"wmSelectAllDeselected",7),this.openUp=!1,this.overflowCount=0,this.displayedOptions=[],this.disabled=!1,this.maxHeight="200px",this.label=void 0,this.labelPosition="top",this.requiredField=!1,this.errorMessage=void 0,this.multiple=!1,this.search=!1,this.selectAll=!1,this.placeholder=a.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text. Use imperative"}),this.searchPlaceholder=a.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"}),this.allSelectedMessage=a.formatMessage({id:"select.allSelected",defaultMessage:"All selected",description:"Text displayed when all options are selected"}),this.isExpanded=!1,this.announcement=""}get childOptions(){return Array.from(this.el.querySelectorAll("wm-option"))}get isDisabled(){return n(this.disabled)}get selectedOptions(){return Array.from(this.el.querySelectorAll("wm-option")).filter((e=>e.selected))}get allSelected(){return this.childOptions.every((e=>e.selected))}handleOptionSelection(){this.multiple||this.close()}handleChildEnter(){this.close()}closePopupOnEscape(){this.close()}handleOptionBlur(e){if(!l(this.el,e.detail.relatedTarget)){const t=new CustomEvent("blur");t.relatedTarget=e.detail.relatedTarget,this.el.dispatchEvent(t)}}handleClick(e){l(this.el,e.target)||this.close()}handleButtonBlur(e){l(this.el,e.relatedTarget)&&e.stopPropagation()}handleKey(e){switch(e.key){case"ArrowDown":!1===this.isExpanded&&(e.preventDefault(),this.open("next"));break;case"ArrowUp":!1===this.isExpanded&&(e.preventDefault(),this.open("previous"))}}componentWillLoad(){this.label||console.error("For accessibility purposes, this component requires a label (even if `label-position` is set to `none`)."),this.multiple||0!==this.selectedOptions.length||console.error("wm-select should have one initial option selected"),d(this.el,this.isDisabled),new MutationObserver((e=>e.forEach((()=>this.handleChildChange())))).observe(this.el,{childList:!0,attributes:!0,subtree:!0,attributeFilter:["selected"]})}handleChildChange(){this.setButtonText(),s(this.el),this.multiple&&this.optionListEl.handleChildChange()}componentDidLoad(){this.wmSelectDidLoad.emit(),this.dropdownEl.classList.add("hidden"),s(this.el),this.setButtonText()}open(e){this.isDisabled||(this.openUp=c(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,this.buttonEl.clientHeight),this.isExpanded=!0,this.dropdownEl.classList.remove("hidden"),window.requestAnimationFrame((()=>{this.optionListEl.handleInitialFocus(e)})))}close(e=!0){this.isExpanded&&(this.isExpanded=!1,this.optionListEl.unfocusAll(),window.setTimeout((()=>{this.dropdownEl.classList.add("hidden"),this.optionListEl.multiple&&this.optionListEl.updateOptionVisibility(),this.search&&this.optionListEl.clearSearch(),e&&this.buttonEl.focus()}),150))}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}handleDisabledChange(){d(this.el,this.isDisabled)}handleComponentBlur(e){this.el.contains(e.relatedTarget)||(this.close(!1),this.wmSelectBlurred.emit())}setButtonText(){if(this.displayedOptions=this.childOptions.filter((e=>e.selected)),this.multiple){const e=38,t=window.getComputedStyle(this.buttonEl),o=parseInt(t.getPropertyValue("padding-left").slice(0,-2)),i=parseInt(t.getPropertyValue("padding-right").slice(0,-2)),r=this.buttonEl.clientWidth-o-i-e;this.overflowCount=0,this.measurementAreaEl.textContent=this.displayedOptions.map((e=>e.textContent)).join(", ");let s=this.measurementAreaEl.clientWidth;for(;s>r&&this.displayedOptions.length>1;)this.overflowCount++,this.displayedOptions.pop(),this.measurementAreaEl.textContent=this.displayedOptions.map((e=>e.textContent)).join(", "),s=this.measurementAreaEl.clientWidth}}announce(e){this.liveRegionEl.textContent===e&&(e+=" "),this.announcement=e}renderButtonText(){return this.multiple&&this.displayedOptions.length<1?o("span",null,this.placeholder):this.multiple&&this.allSelected&&this.overflowCount>0?this.allSelectedMessage:this.displayedOptions.map(((e,t)=>o("span",null,t>0?", ":"",e.textContent)))}renderOverflowCount(){if(this.overflowCount>0&&!this.allSelected)return o("span",null,o("span",{class:"overflow-counter"},"+",this.overflowCount))}render(){const e=!this.multiple&&this.selectedOptions.length>0&&this.selectedOptions[0].subinfo,t={id:"selectbtn",disabled:this.isDisabled,"aria-controls":"list","aria-labelledby":"label selectbtn","aria-describedby":"error","aria-expanded":this.isExpanded?"true":"false",onClick:()=>this.isExpanded?this.close():this.open()};return o(i,{key:"7ead860acbbe0ed90df29d8dc1e4983eaae06075",onBlur:e=>this.handleComponentBlur(e)},o("div",{key:"9c619b9dadd84ac348d576915fe4fddd22043dce",class:`wrapper ${p()} label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},o("div",{key:"1d460bff83458176bdf9c005bd29f95260b25b78",class:"label-wrapper"},o("label",{key:"a65b6fd04e2251d1751567716be3637d9c4487d5",class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?o("span",{class:"required"},o("span",{class:"sr-only"},h.requiredField),o("span",{"aria-hidden":"true"},"*")):"")),o("div",{key:"1c500f55c3ccbb46f208fe09d7a43f1ba6889fcc",class:"button-wrapper"},o("button",Object.assign({key:"8e5dbb45e6506e0da669e81803f336bd74514f22"},t,{class:"displayedoption",ref:e=>this.buttonEl=e,onBlur:e=>this.handleButtonBlur(e),onFocus:()=>this.close()}),o("span",{key:"4e74a580783a59697e6f61d424eed93fae07e93f",class:"overflowcontrol "+(e?"hassubinfo":"")},o("span",{key:"6c7bdda7c9791c9b1b7c0778560e82247372d1b2",class:"button-text"},this.renderButtonText()),e&&o("span",{key:"d89591179a495208d8246dc2c4d5c1b8f364e5fc",class:"subinfo"},this.selectedOptions[0].subinfo)),this.renderOverflowCount(),o("div",{key:"fbd5082faa1173b35e0b24bfe164fb5101bc411c",ref:e=>this.measurementAreaEl=e,class:"measurement-area","aria-hidden":"true"})),o("div",{key:"d2008a57cb7af8a681e815a1f975003a3fb6aa2e",class:`dropdown ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,ref:e=>this.dropdownEl=e},o("priv-option-list",{key:"2650eb9ef1436bebe748feef99eb3a8ec38586b8",ref:e=>this.optionListEl=e,multiple:this.multiple,search:this.search,selectAll:this.selectAll,maxHeight:this.maxHeight,searchPlaceholder:this.searchPlaceholder,onOptionListCloseRequested:()=>this.close(),onOptionListAllSelected:()=>this.wmSelectAllSelected.emit(),onOptionListAllDeselected:()=>this.wmSelectAllDeselected.emit()},o("slot",{key:"676ccd44bc1bf4541c6f0f3796a676427d180f5c"}))),o("div",{key:"ef16f68e3bca6458a92838d9b49f85b1e791a72c",id:"error",class:this.errorMessage?"error-message":""},this.errorMessage),o("div",{key:"28f5400534f2db8e3122dbe56d7468694bba6fff",id:"announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:e=>this.liveRegionEl=e},this.announcement))))}static get delegatesFocus(){return!0}get el(){return r(this)}static get watchers(){return{errorMessage:["announceError"],disabled:["handleDisabledChange"]}}};m.style=':host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.wrapper .button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.wrapper .button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .button-wrapper .displayedoption{height:2.75rem}}.wrapper .button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.wrapper .button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.wrapper .button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .button-wrapper .displayedoption:focus{outline:none}.wrapper .button-wrapper .displayedoption::-moz-focus-inner{border:0}.wrapper .button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.wrapper .button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.wrapper .button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .button-wrapper>.dropdown{-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:0;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem;max-height:var(--max-height);overflow-y:auto}.wrapper .button-wrapper>.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.wrapper .button-wrapper>.dropdown.hidden{visibility:hidden}.wrapper .button-wrapper>.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.rtl>.dropdown{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.dropdown .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}';export{b as wm_option,m as wm_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as s,g as t}from"./p-d9da0502.js";const l=class{constructor(s){e(this,s),this.showInfo="last-updated"}render(){return s("div",{key:"fcb41e7c2690ba176bdfe8439f13589d61f9c307",role:"list",class:"list-wrapper"},s("slot",{key:"5263cd37c2f18f0d9d381ecd291a304b1bb190d3"}))}static get delegatesFocus(){return!0}get el(){return t(this)}};l.style=":host{display:block}.list-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0.5rem}";export{l as wm_file_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,g as r}from"./p-d9da0502.js";import{t as a,a as s,b as o}from"./p-e5f7fbe7.js";import{g as n}from"./p-b4e4479b.js";const l=class{constructor(i){e(this,i),this.wmInputValueChanged=t(this,"wmInputValueChanged",7),this.previousValue="",this.label=void 0,this.labelPosition="top",this.value="",this.disabled=!1,this.info=void 0,this.inputWidth="",this.placeholder="",this.requiredField=!1,this.errorMessage=void 0,this.characterLimit=void 0,this.symbolBefore=void 0,this.symbolAfter=void 0,this.textAfter=void 0,this.type="text",this.step=1,this.min=void 0,this.max=void 0,this.isSubmit=!1,this.announcement=""}getInputWidth(){return this.inputWidth?{width:this.inputWidth}:{flex:"1"}}get charCount(){return this.value.length}get isDisabled(){return a(this.disabled)}componentWillLoad(){this.label||console.error("wm-input requires the label property"),s(this.el,this.isDisabled)}componentDidLoad(){this.previousValue=this.inputEl.value}handleDisabledChange(){s(this.el,this.isDisabled)}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}handleInput(e){this.value=e.target.value,this.characterLimit&&this.charCount>=this.characterLimit-5&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}handleKeyDown(e){const t=e.ctrlKey||e.metaKey||e.altKey;/^.$/.test(e.key)&&!t&&this.characterLimit&&this.inputEl.value.length>=this.characterLimit&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit)),"Enter"===e.key&&this.isSubmit&&o(this.el.closest("form"))}handleBlur(){this.value!==this.previousValue&&this.wmInputValueChanged.emit({value:this.value}),this.previousValue=this.value,this.inputWrapperEl.classList.remove("focus")}handleFocus(){this.inputWrapperEl.classList.add("focus")}announce(e){this.liveRegionEl.textContent===e&&(e+=" "),this.announcement=e}generateCharacterLimitWarning(e,t){let i=n.getCharactersEntered(e,t);return e>=t&&(i+=` ${n.characterLimitReached}`),i}descriptors(){return this.symbolBefore||this.symbolAfter||this.textAfter?"symbol-before inputfield symbol-after text-after info error":"info error"}render(){return i("div",{key:"a4ed30774991347ed2527ed0d39cd81e735705b4",class:`wrapper label-${this.labelPosition} ${this.errorMessage?"invalid":""}`,ref:e=>this.inputWrapperEl=e},i("div",{key:"ef4543a1bbfbd87eee99dd858a8998035ee6c4cd",class:"label-wrapper"},i("label",{key:"c48b54495c1b4794b204bb24ee6e7be1eb1e7615",htmlFor:"inputfield",class:"label"},this.label,this.characterLimit&&i("span",{key:"0d83432f4e7b6969cc488337a4fc7292ac3572fc",class:"sr-only"}," ",n.getCharacterLimit(this.characterLimit)),this.requiredField&&i("span",{key:"9c54222eb2d2688999cb368a99ba4d1eb51bf24b",class:"required","aria-hidden":"true"},"*"))),i("div",{key:"ce599f26b4a6eca9df812957d9415a29b35d5f82",class:"inner-wrapper"},i("div",{key:"c8f6a0e3ed7ad4f3e9573a8d35ab77c29b223f98",class:"text-after-wrapper"},i("div",{key:"284be94dbaece4b71797c16c9ebf343ea67b7bbe",class:"inputfield-wrapper "+(this.isDisabled?"disabled":""),style:this.getInputWidth()},this.symbolBefore&&i("span",{key:"cc6e6accf64b363a97251caef699b3846353d45a",class:"symbol",id:"symbol-before"},this.symbolBefore),i("input",{key:"ffac59d6adf8f5c924d0bc923cdfd8621c7f6973",ref:e=>this.inputEl=e,id:"inputfield",disabled:this.isDisabled,"aria-describedby":this.descriptors(),onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e),onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus(),placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,maxLength:this.characterLimit||void 0,type:this.type,step:this.step,max:this.max,min:this.min,value:this.el.value}),this.symbolAfter&&i("span",{key:"83a12456be6c94a4f12ab3fd546aa9ba2cf52a1c",class:"symbol",id:"symbol-after"},this.symbolAfter),this.characterLimit&&"number"==typeof this.characterLimit?i("div",{class:"character-count"},this.charCount,"/",this.characterLimit):""),this.textAfter&&i("span",{key:"237c5fdd1887de92654d7f6d3a44b4c3e91c9655",class:"text-after",id:"text-after"},this.textAfter)),this.info&&i("div",{key:"cab125b1888b27a3afcadc1f6bb9270fa824200e",id:"info",class:"info"},this.info),i("div",{key:"3fd688e066f97f2a0bc6f2019eace1a610c3e423",id:"error",class:"error-message"},this.errorMessage),i("div",{key:"5eae388fe6ab62c780634d9584a3989b1386930e",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:e=>this.liveRegionEl=e},this.announcement)))}static get delegatesFocus(){return!0}get el(){return r(this)}static get watchers(){return{disabled:["handleDisabledChange"],errorMessage:["announceError"]}}};l.style=':host{font-family:inherit;width:100%}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%}:host .wrapper .text-after-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}:host .wrapper .text-after{-ms-flex:0 1 fit-content;flex:0 1 fit-content}:host .wrapper .inputfield-wrapper{height:2.5rem;min-width:6.25rem;border:1px solid var(--wmcolor-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex}:host .wrapper .inputfield-wrapper.disabled{background-color:var(--wmcolor-input-background-disabled);color:var(--wmcolor-input-text-disabled)}:host .wrapper .inputfield-wrapper.disabled .symbol{background:none}:host .wrapper .symbol{display:-ms-flexbox;display:flex;background-color:var(--wmcolor-input-unit-background);-ms-flex:0 0 44px;flex:0 0 44px;padding-inline:8px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-input-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .wrapper input{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;height:100%;-ms-flex:1;flex:1;padding:0.75rem 1rem;width:100%}:host .wrapper input:focus{outline:none}:host .wrapper input[type=number]{padding-right:0}:host .wrapper .info{font-style:italic;line-height:100%;margin:4px 0}:host .wrapper.invalid .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;line-height:100%}:host .wrapper.invalid .error-message:not(:empty){margin-top:0.25rem}:host .wrapper:focus .inputfield-wrapper,:host .wrapper.focus .inputfield-wrapper{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{l as wm_input}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as e,h as t,H as i,g as o}from"./p-d9da0502.js";import{i as a,t as n,a as s,k as p}from"./p-e5f7fbe7.js";const l=class{constructor(t){r(this,t),this.wmTimepickerInputBlurred=e(this,"wmTimepickerInputBlurred",7),this.wmTimepickerTimeSelected=e(this,"wmTimepickerTimeSelected",7),this.twelveHrValid=/^(0?[0-9]|1[0-2])\s*:?\s*([0-5][0-9])?\s?(a|p|am|pm)?$/i,this.twentyFourHrValid=/^(0?[0-9]|1[0-9]|2[0-4])\s*:?\s*([0-5][0-9])?$/,this.timeFormat="hh:mm",this.times=this.generateTimeIntervals(),this.openUp=!1,this.buttonAriaLabel=a.formatMessage({id:"time.selectTime",defaultMessage:"Select time",description:"Button text for screen readers."}),this.disabled=!1,this.value="",this.errorMessage=void 0,this.label="",this.labelPosition="top",this.requiredField=!1,this.preselected=void 0,this.isExpanded=!1}get selectedOption(){return this.optionsList.filter((r=>0===r.tabIndex))[0]}get optionsList(){return Array.from(this.optionsEl.querySelectorAll("li"))}get isDisabled(){return n(this.disabled)}async isValidTime(r){return this.isValidTimeInternal(r)}isValidTimeInternal(r){return this.twelveHrValid.test(r)||this.twentyFourHrValid.test(r)}async reformatTime(r,e){return this.reformatTimeInternal(r,e)}announce(r){this.liveRegionEl.textContent===r&&(r+=" "),this.liveRegionEl.textContent=r}reformatTimeInternal(r,e){let[t,i,o]=this.splitTime(e);return"12"===r?(12!==t||o||(o="PM"),0!==t&&24!==t||(t=12),t>12&&(t-=12,o="PM"),o=o&&o.toUpperCase().includes("P")?"PM":"AM",`${t.toString().padStart(2,"0")}:${i} ${o}`):"24"===r?(24===t&&(t=0),12===t&&o&&o.toUpperCase().includes("A")&&(t-=12),o&&o.toUpperCase().includes("P")&&12!==t&&(t+=12),`${t.toString().padStart(2,"0")}:${i}`):e}handleKey(r){switch(r.key){case"ArrowDown":r.preventDefault(),!1===this.isExpanded?this.open("next"):this.moveNext(this.selectedOption);break;case"ArrowUp":r.preventDefault(),!1===this.isExpanded?this.open("previous"):this.movePrevious(this.selectedOption);break;case"Enter":case" ":this.isExpanded&&(r.preventDefault(),this.handleOptionClick(this.selectedOption.dataset.time));break;case"Escape":r.preventDefault(),this.isExpanded&&(r.stopPropagation(),this.close());break;case"Tab":this.isExpanded&&this.close(!1);break;case"Home":r.preventDefault(),this.isExpanded&&this.focusOption(this.optionsList[0]);break;case"End":r.preventDefault(),this.isExpanded&&this.focusOption(this.optionsList[this.optionsList.length-1])}}handleDisabledChange(){s(this.el,this.isDisabled)}handleValueChange(){this.inputEl.value=this.value?this.value:""}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}componentWillLoad(){""===this.label&&console.error("You must include a label prop for the timepicker (for accessibility reasons), even if the label position is none."),this.timeFormat=a.formatMessage({id:"time.timeFormat",defaultMessage:"hh:mm"}),s(this.el,this.isDisabled)}componentDidLoad(){this.optionsEl.classList.add("hidden")}handleOptionClick(r){this.close(),this.wmTimepickerTimeSelected.emit({time:r})}handleInputBlur(){this.wmTimepickerInputBlurred.emit(),this.tpWrapper.classList.remove("focus")}generateTimeIntervals(){let r=[],e=0;for(let t=0;e<1440;t++){const i=Math.floor(e/60).toString().padStart(2,"0"),o=(e%60).toString().padStart(2,"0");r[t]=`${i}:${o}`,e+=15}return r}splitTime(r){const e=this.twelveHrValid.exec(r)||this.twentyFourHrValid.exec(r);let t=parseInt(e[1]),i=e[2]||"00",o=e?e[3]:void 0;return 0===t&&(null==o?void 0:o.toUpperCase().includes("P"))&&(o="AM"),[t,i,o]}open(r){this.openUp=p(this.el,this.optionsEl.clientHeight),this.isExpanded=!0,this.optionsEl.classList.remove("hidden");let e=this.optionsList[36];if(this.preselected)e=this.optionsList.filter((r=>r.dataset.time==this.preselected))[0];else if(this.isValidTimeInternal(this.value)){const r=this.findNearestTimeInterval(this.reformatTimeInternal("24",this.value));e=this.optionsList.filter((e=>e.dataset.time==r))[0]}this.optionsEl.scrollTop=(this.optionsList.findIndex((r=>r.textContent===(null==e?void 0:e.textContent)))-2)*e.offsetHeight,this.focusOption(e),window.requestAnimationFrame((()=>{"next"===r?this.moveNext(this.selectedOption):"previous"===r&&this.movePrevious(this.selectedOption)}))}close(r=!0){this.isExpanded=!1,window.setTimeout((()=>{this.optionsEl.classList.add("hidden"),r&&this.buttonEl.focus()}),150)}focusOption(r){this.optionsList.forEach((r=>{r.tabIndex=-1})),r.tabIndex=0,r.scrollIntoView({block:"nearest"}),r.focus()}movePrevious(r){this.focusOption(r.previousElementSibling?r.previousElementSibling:this.optionsList[this.optionsList.length-1])}moveNext(r){this.focusOption(r.nextElementSibling?r.nextElementSibling:this.optionsList[0])}findNearestTimeInterval(r){const e=parseInt(r.slice(3,5));if(e%15!=0){const t=parseInt(r.slice(0,2));let i=(15*Math.round(e/15)).toString().padStart(2,"0");if("60"===i){i="00";let e=t+1;24===e&&(e=0),r=r.replace(`${t.toString().padStart(2,"0")}:`,`${e.toString().padStart(2,"0")}:`)}parseInt(i)<8&&(i="00"),r=r.replace(`:${e.toString().padStart(2,"0")}`,`:${i}`)}return r}renderOptions(){return this.times.map(((r,e)=>t("li",{id:`option${e+1}`,"data-time":r,role:"option",onClick:()=>this.handleOptionClick(r)},this.reformatTimeInternal("12",r))))}render(){return t(i,{key:"5c8f9748f8a901a11cc20a1dae82fde6ec194e2e",onBlur:()=>this.close(!1)},t("div",{key:"5140bc789915dcde7ea687d4f2c776313d37c0c4",class:`wrapper label-${this.labelPosition} ${this.errorMessage?"invalid":""}`,ref:r=>this.tpWrapper=r},t("div",{key:"ba0646d03ff3fe372a543dc037602589d69542ab",class:"label-wrapper"},"none"!==this.labelPosition&&t("label",{key:"35cefe7af8160f9cff853081d09e0f2ed2ec0818",id:"label",class:"label",htmlFor:"time-input"},this.label,this.requiredField&&t("span",{key:"796d6688c9613a5937d1a25f0a90abd01b9b608d",class:"required","aria-hidden":"true"},"*"))),t("div",{key:"40a6067268b07d070a79ef32b9417e2a13ae934d"},t("div",{key:"4a4fe825d9dbc2239541a36235675ed0f7116791",class:"inner-wrapper"},t("input",{key:"b8db0b9d23f4889306027e1c1c8e174a2b14dfb9",id:"time-input","aria-label":this.label,"aria-describedby":"error",ref:r=>this.inputEl=r,onBlur:()=>this.handleInputBlur(),onInput:()=>this.value=this.inputEl.value,disabled:this.isDisabled,"aria-required":this.requiredField?"true":null,placeholder:this.timeFormat,autocomplete:"off",value:this.value,onFocus:()=>this.tpWrapper.classList.add("focus")}),t("button",{key:"6edc54612e7c50e29e8189bd96fdeb4f25b4ed22",id:"btn",ref:r=>this.buttonEl=r,disabled:this.isDisabled,"aria-controls":"list","aria-expanded":this.isExpanded?"true":"false","aria-label":this.buttonAriaLabel,"aria-describedby":"time-input",onClick:()=>this.isExpanded?this.close():this.open(),onMouseDown:r=>{r.preventDefault(),this.buttonEl.focus()}},t("span",{key:"d00fb627c3ffbe5a2d7459ea7f50a77af9c3de5a",class:"clock"})),t("ul",{key:"48af13c75b0776df9f77d585b4a20051cd66d96e",class:`options ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,id:"list",role:"listbox","aria-labelledby":"label","aria-describedby":this.isExpanded?"collapsed":null,tabindex:-1,ref:r=>this.optionsEl=r},this.renderOptions())),t("div",{key:"6bf8d7d5991dad08ebd3c4b524a6cb0ecf0218c8",id:"error",class:"error"},this.errorMessage)),t("div",{key:"79ffebc4a0f3b987bd45c68453175ad33bdbdebc",id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:r=>this.liveRegionEl=r})))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{disabled:["handleDisabledChange"],value:["handleValueChange"],errorMessage:["announceError"]}}};l.style=':host{--wmcolor-timepicker-background:var(--wmcolor-background);--wmcolor-timepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-input-background:var(--wmcolor-input-background);--wmcolor-timepicker-input-border:var(--wmcolor-input-border);--wmcolor-timepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-timepicker-input-text:var(--wmcolor-text);--wmcolor-timepicker-option-background-focus:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-timepicker-option-background:var(--wmcolor-option-background);--wmcolor-timepicker-option-border:var(--wmcolor-option-border);--wmcolor-timepicker-option-text:var(--wmcolor-option-text);--wmcolor-timepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-timepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-timepicker-toggle-icon:var(--wmcolor-interactive);font-family:inherit}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;border:1px solid;border-color:var(--wmcolor-timepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .inner-wrapper input{-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border:none;font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;height:100%;-ms-flex:1;flex:1;margin:0;font-family:inherit}:host .wrapper .inner-wrapper input:disabled{background-color:var(--wmcolor-timepicker-input-background-disabled);color:var(--wmcolor-timepicker-input-text-disabled)}:host .wrapper .inner-wrapper input:focus{outline:none}:host .wrapper .inner-wrapper button{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--wmcolor-timepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}:host .wrapper .inner-wrapper button .clock::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f150";color:var(--wmcolor-timepicker-toggle-icon);font-size:1.5rem;padding:0;line-height:2.5rem}:host .wrapper .inner-wrapper button:hover{background:var(--wmcolor-timepicker-toggle-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .wrapper .inner-wrapper button:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--wmcolor-timepicker-toggle-background-disabled)}:host .wrapper .inner-wrapper button:disabled .clock::after{color:var(--wmcolor-timepicker-toggle-icon-disabled)}[dir=RTL] :host .wrapper .inner-wrapper button{right:auto;left:0}:host .wrapper .inner-wrapper button:focus{outline:none}:host .wrapper .inner-wrapper button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}:host .wrapper .inner-wrapper button::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper .options{margin:0;padding:0;-webkit-overflow-scrolling:touch;overflow:auto;max-height:19.0625rem;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:2.5rem;right:0;z-index:100;width:100%;font-size:0.875rem}:host .wrapper .inner-wrapper .options.upwards{top:unset;bottom:2.5rem;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .wrapper .inner-wrapper .options.hidden{visibility:hidden}:host .wrapper .inner-wrapper .options [role=option]{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-timepicker-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-timepicker-option-text)}:host .wrapper .inner-wrapper .options [role=option]:hover{background:var(--wmcolor-timepicker-option-background-hover);outline:none}:host .wrapper .inner-wrapper .options [role=option]:focus{outline:none;background:var(--wmcolor-timepicker-option-background-focus)}:host .wrapper .inner-wrapper .options [role=option]:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-timepicker-option-border)}:host .wrapper .inner-wrapper .options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper.invalid .inner-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:4px;top:100%;left:0}:host .wrapper.invalid .error:not(:empty){margin-top:0.25rem}:host .wrapper:focus .inner-wrapper,:host .wrapper.focus .inner-wrapper{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}';export{l as wm_timepicker}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-cef8a45b.system.js","./p-dfcf2302.system.js","./p-b8a3612c.system.js"],(function(e){"use strict";var t,i,r,a,n,o,s,l;return{setters:[function(e){t=e.r;i=e.c;r=e.h;a=e.g},function(e){n=e.t;o=e.a;s=e.b},function(e){l=e.g}],execute:function(){var p=':host{font-family:inherit;width:100%}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%}:host .wrapper .text-after-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}:host .wrapper .text-after{-ms-flex:0 1 fit-content;flex:0 1 fit-content}:host .wrapper .inputfield-wrapper{height:2.5rem;min-width:6.25rem;border:1px solid var(--wmcolor-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex}:host .wrapper .inputfield-wrapper.disabled{background-color:var(--wmcolor-input-background-disabled);color:var(--wmcolor-input-text-disabled)}:host .wrapper .inputfield-wrapper.disabled .symbol{background:none}:host .wrapper .symbol{display:-ms-flexbox;display:flex;background-color:var(--wmcolor-input-unit-background);-ms-flex:0 0 44px;flex:0 0 44px;padding-inline:8px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-input-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .wrapper input{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;height:100%;-ms-flex:1;flex:1;padding:0.75rem 1rem;width:100%}:host .wrapper input:focus{outline:none}:host .wrapper input[type=number]{padding-right:0}:host .wrapper .info{font-style:italic;line-height:100%;margin:4px 0}:host .wrapper.invalid .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;line-height:100%}:host .wrapper.invalid .error-message:not(:empty){margin-top:0.25rem}:host .wrapper:focus .inputfield-wrapper,:host .wrapper.focus .inputfield-wrapper{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var c=p;var f=e("wm_input",function(){function e(e){t(this,e);this.wmInputValueChanged=i(this,"wmInputValueChanged",7);this.previousValue="";this.label=undefined;this.labelPosition="top";this.value="";this.disabled=false;this.info=undefined;this.inputWidth="";this.placeholder="";this.requiredField=false;this.errorMessage=undefined;this.characterLimit=undefined;this.symbolBefore=undefined;this.symbolAfter=undefined;this.textAfter=undefined;this.type="text";this.step=1;this.min=undefined;this.max=undefined;this.isSubmit=false;this.announcement=""}e.prototype.getInputWidth=function(){return this.inputWidth?{width:this.inputWidth}:{flex:"1"}};Object.defineProperty(e.prototype,"charCount",{get:function(){return this.value.length},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDisabled",{get:function(){return n(this.disabled)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){if(!this.label){console.error("wm-input requires the label property")}o(this.el,this.isDisabled)};e.prototype.componentDidLoad=function(){this.previousValue=this.inputEl.value};e.prototype.handleDisabledChange=function(){o(this.el,this.isDisabled)};e.prototype.announceError=function(){var e=this;if(this.errorMessage){setTimeout((function(){return e.announce(e.errorMessage)}),100)}};e.prototype.handleInput=function(e){this.value=e.target.value;if(this.characterLimit&&this.charCount>=this.characterLimit-5){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}};e.prototype.handleKeyDown=function(e){var t=e.ctrlKey||e.metaKey||e.altKey;var i=/^.$/.test(e.key)&&!t;var r=i&&this.characterLimit&&this.inputEl.value.length>=this.characterLimit;if(r){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}if(e.key==="Enter"){this.isSubmit&&s(this.el.closest("form"))}};e.prototype.handleBlur=function(){if(this.value!==this.previousValue){this.wmInputValueChanged.emit({value:this.value})}this.previousValue=this.value;this.inputWrapperEl.classList.remove("focus")};e.prototype.handleFocus=function(){this.inputWrapperEl.classList.add("focus")};e.prototype.announce=function(e){if(this.liveRegionEl.textContent===e){e+=" "}this.announcement=e};e.prototype.generateCharacterLimitWarning=function(e,t){var i=l.getCharactersEntered(e,t);if(e>=t){i+=" ".concat(l.characterLimitReached)}return i};e.prototype.descriptors=function(){return this.symbolBefore||this.symbolAfter||this.textAfter?"symbol-before inputfield symbol-after text-after info error":"info error"};e.prototype.render=function(){var e=this;return r("div",{key:"a4ed30774991347ed2527ed0d39cd81e735705b4",class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":""),ref:function(t){return e.inputWrapperEl=t}},r("div",{key:"ef4543a1bbfbd87eee99dd858a8998035ee6c4cd",class:"label-wrapper"},r("label",{key:"c48b54495c1b4794b204bb24ee6e7be1eb1e7615",htmlFor:"inputfield",class:"label"},this.label,this.characterLimit&&r("span",{key:"0d83432f4e7b6969cc488337a4fc7292ac3572fc",class:"sr-only"}," ",l.getCharacterLimit(this.characterLimit)),this.requiredField&&r("span",{key:"9c54222eb2d2688999cb368a99ba4d1eb51bf24b",class:"required","aria-hidden":"true"},"*"))),r("div",{key:"ce599f26b4a6eca9df812957d9415a29b35d5f82",class:"inner-wrapper"},r("div",{key:"c8f6a0e3ed7ad4f3e9573a8d35ab77c29b223f98",class:"text-after-wrapper"},r("div",{key:"284be94dbaece4b71797c16c9ebf343ea67b7bbe",class:"inputfield-wrapper ".concat(this.isDisabled?"disabled":""),style:this.getInputWidth()},this.symbolBefore&&r("span",{key:"cc6e6accf64b363a97251caef699b3846353d45a",class:"symbol",id:"symbol-before"},this.symbolBefore),r("input",{key:"ffac59d6adf8f5c924d0bc923cdfd8621c7f6973",ref:function(t){return e.inputEl=t},id:"inputfield",disabled:this.isDisabled,"aria-describedby":this.descriptors(),onInput:function(t){return e.handleInput(t)},onKeyDown:function(t){return e.handleKeyDown(t)},onBlur:function(){return e.handleBlur()},onFocus:function(){return e.handleFocus()},placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,maxLength:this.characterLimit||undefined,type:this.type,step:this.step,max:this.max,min:this.min,value:this.el.value}),this.symbolAfter&&r("span",{key:"83a12456be6c94a4f12ab3fd546aa9ba2cf52a1c",class:"symbol",id:"symbol-after"},this.symbolAfter),this.characterLimit&&typeof this.characterLimit==="number"?r("div",{class:"character-count"},this.charCount,"/",this.characterLimit):""),this.textAfter&&r("span",{key:"237c5fdd1887de92654d7f6d3a44b4c3e91c9655",class:"text-after",id:"text-after"},this.textAfter)),this.info&&r("div",{key:"cab125b1888b27a3afcadc1f6bb9270fa824200e",id:"info",class:"info"},this.info),r("div",{key:"3fd688e066f97f2a0bc6f2019eace1a610c3e423",id:"error",class:"error-message"},this.errorMessage),r("div",{key:"5eae388fe6ab62c780634d9584a3989b1386930e",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(t){return e.liveRegionEl=t}},this.announcement)))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["handleDisabledChange"],errorMessage:["announceError"]}},enumerable:false,configurable:true});return e}());f.style=c}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,h as e,g as r}from"./p-d9da0502.js";const a=class{constructor(e){o(this,e),this.keydownOnNavItem=t(this,"keydownOnNavItem",7),this.selected=!1,this.focused=!1,this.link=""}handleKeyDown(o){const t=o.key,e=this.el;"Tab"!==t&&o.preventDefault(),this.keydownOnNavItem.emit({navItem:e,key:t})}render(){return e("div",{key:"98b77c7265e7ea4af63397419df3e40494c56811",class:`navoption ${this.selected?"selected":""} ${this.focused?"focused":""}`},e("slot",{key:"8c00f002215db527b3ad294d342802c9524dec68"}))}get el(){return r(this)}};a.style=":host{list-style:none;border-bottom:1px solid var(--wmcolor-navigator-item-border);width:100%;display:block;cursor:pointer}:host .navoption{color:var(--wmcolor-navigator-item-text);padding:0.9375rem 1.25rem;background:var(--wmcolor-navigator-item-background);font-size:0.875rem}:host .navoption.selected{background:var(--wmcolor-navigator-item-background-selected)}:host .navoption.focused,:host .navoption:hover{background:var(--wmcolor-navigator-item-background-focus);opacity:1}";export{a as priv_navigator_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-cef8a45b.system.js","./p-dfcf2302.system.js","./p-b8a3612c.system.js"],(function(e){"use strict";var t,i,n,o,a,r,c,s,l,u,f;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.H;a=e.g;r=e.f},function(e){c=e.i;s=e.A;l=e.h;u=e.s},function(e){f=e.g}],execute:function(){var d=":host{--wmcolor-navigation-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-background-selected:var(--wmcolor-interactive-background-selected);--wmcolor-navigation-background:var(--wmcolor-background);--wmcolor-navigation-border-selected:var(--wmcolor-interactive);--wmcolor-navigation-focus:var(--wmcolor-interactive-focus);--wmcolor-navigation-icon-selected:var(--wmcolor-interactive);--wmcolor-navigation-icon:var(--wmcolor-icon);--wmcolor-navigation-text-selected:var(--wmcolor-interactive);z-index:10}:host([aria-expanded=true]){z-index:5000}.tray{-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:7.5625rem;background-color:var(--wmcolor-navigation-background);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0.875rem;height:100%}.navlist{margin:0;padding:0}.toggle-wrapper{display:none}@media screen and (max-width: 1023px){.tray{-ms-transition:transform 0.33s ease;-webkit-transition:transform 0.33s ease;-moz-transition:transform 0.33s ease;-webkit-transition:-webkit-transform 0.33s ease;transition:-webkit-transform 0.33s ease;transition:transform 0.33s ease;transition:transform 0.33s ease, -webkit-transform 0.33s ease;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tray ul{visibility:hidden}.tray .toggle-wrapper{display:inline-block;min-height:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([aria-expanded=true]) .tray{-webkit-transform:translateX(0);transform:translateX(0)}:host([aria-expanded=true]) .tray ul{visibility:visible}.overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:0;bottom:0;left:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}}";var b=d;var h=e("wm_navigation",function(){function e(e){var n=this;t(this,e);this.wmNavigationStateChanged=i(this,"wmNavigationStateChanged",7);this.mainNavigationMessage=c.formatMessage({id:"navigation.mainNavigation",defaultMessage:"Main",description:"Label describing the site navigation, for screen reader users"});this.throttledRerender=s((function(){return r(n.el)}),50);this.open=false}Object.defineProperty(e.prototype,"isCollapsible",{get:function(){return window.innerWidth<1024},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"ariaExpanded",{get:function(){return this.isCollapsible?this.open.toString():undefined},enumerable:false,configurable:true});e.prototype.closeOnEscape=function(e){if(e.key==="Escape"){this.open=false}};e.prototype.handleWindowResize=function(){this.throttledRerender()};e.prototype.handleHamburgerClicked=function(){this.open=!this.open};e.prototype.handleClickOnItem=function(){this.open=false};e.prototype.handleStateChange=function(){if(this.isCollapsible){this.wmNavigationStateChanged.emit();this.open?this.expand():this.collapse()}};e.prototype.componentWillLoad=function(){var e=this;this.el.focus=function(){var t=e.open?e.el.shadowRoot.querySelector(".toggle"):document.querySelector("wm-navigation-hamburger");var i=e.el.querySelector("wm-navigation-item");e.isCollapsible?t.focus():i.focus()};if(this.isCollapsible&&this.open){this.wmNavigationStateChanged.emit();this.expand()}};e.prototype.redirectFocusFromBody=function(e){if(document.activeElement.tagName==="BODY"&&!e.relatedTarget){this.el.focus()}};e.prototype.expand=function(){var e=this;document.body.tabIndex=0;document.body.addEventListener("focus",this.redirectFocusFromBody.bind(this),true);setTimeout((function(){return e.toggleEl.focus()}),250)};e.prototype.collapse=function(){document.body.tabIndex=-1;document.body.removeEventListener("focus",this.redirectFocusFromBody.bind(this));var e=document.querySelector("wm-navigation-hamburger");if(e)e.focus()};e.prototype.focusLastItem=function(){var e=this.el.querySelectorAll("wm-navigation-item");var t=Array.from(e).pop();t.focus()};e.prototype.renderOverlay=function(){var e=this;return n("div",{class:"overlay",onClick:function(){e.open=false}})};e.prototype.render=function(){var e=this;return n(o,{key:"b8fa3d19d2d5c3bbc1d10b36012567be01955f4e",role:"navigation","aria-expanded":this.ariaExpanded,"aria-label":this.mainNavigationMessage},this.open?this.renderOverlay():"",this.isCollapsible&&n("div",{key:"8661122685c09698703f7037d2f73676c13a930f",class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return e.focusLastItem()}}),n("div",{key:"6d9f020d21e9c05bcc0a439f2939869267318d9d",class:"tray"},n("div",{key:"c497fd99f9ec90b352405f562d1c7d492d8af6f5",class:"toggle-wrapper"},n("wm-button",{key:"5544c0479873097961737a85dda7c9f03f60edd0",ref:function(t){return e.toggleEl=t},class:"toggle","button-type":"navigational",icon:this.open?"f156":"f35c","icon-size":"2rem",tooltip:this.open?f.close:f.open,"tooltip-position":"right",tabIndex:this.open?undefined:-1,onClick:function(){e.open=!e.open}})),n("ul",{key:"921967fa3b818a6487b311d1413801caa936817b",class:"navlist"},n("slot",{key:"c71b593320116c6bad5091e6ad4c6247f28084b5"}))),this.isCollapsible&&n("div",{key:"c8f0cb0b0649546939a31ce9ffebd8b6a5452e8d",class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return e.toggleEl.focus()}}))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["handleStateChange"]}},enumerable:false,configurable:true});return e}());h.style=b;var m='button{--wmcolor-navigation-hamburger-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-hamburger-icon:var(--wmcolor-interactive);display:none;width:100%;height:100%;border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);background-color:transparent;outline:none;padding:0}button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}button:hover{background-color:var(--wmcolor-navigation-hamburger-background-hover)}.icon:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f35c";font-size:1.5rem;color:var(--wmcolor-navigation-hamburger-icon)}@media screen and (max-width: 1023px){:host{width:3.75rem;height:3.75rem}button{display:initial}}';var g=m;var v=e("wm_navigation_hamburger",function(){function e(e){t(this,e);this.wmNavigationHamburgerClicked=i(this,"wmNavigationHamburgerClicked",7);this.showNavMessage=c.formatMessage({id:"navigation.showNavigation",defaultMessage:"Show navigation",description:"For user interface element opening a navigation menu"});this.navId=undefined;this.isTabbing=false;this.open=false}e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.handleNavigationStateChanged=function(e){this.open=e.target.open};e.prototype.componentWillLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}if(!this.navId){console.error("wm-navigation-hamburger: nav-id is a required prop")}};e.prototype.handleClick=function(){l();this.wmNavigationHamburgerClicked.emit()};e.prototype.render=function(){var e=this;return n(o,{key:"fc402d0497dde80e6cf677a1d68a6be907581d87",class:"hamburger ".concat(this.open?"nav-open":"nav-closed")},n("button",{key:"98f00ce032096525b6a8bc657ebf74ad0b9de422","aria-expanded":this.open,"aria-label":this.showNavMessage,onMouseEnter:function(){return u("right",e.el,e.showNavMessage)},onMouseLeave:function(){return l()},onFocus:function(){return e.isTabbing&&u("right",e.el,e.showNavMessage)},onBlur:function(){return l()},onClick:function(){return e.handleClick()}},n("span",{key:"b7a05af3f723c2d19c2dcf58d5e10660bd461382",class:"icon"})))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());v.style=g;var w='.link{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;min-height:4.5rem;text-align:center;padding:1.25rem 0.5rem;font-weight:500;outline:none;position:relative;background:var(--wmcolor-navigation-background)}.link:hover{background-color:var(--wmcolor-navigation-background-hover)}.link .icon{font-size:1.375rem;color:var(--wmcolor-navigation-icon)}.link .text{font-size:0.875rem}.link:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}.link.active{background-color:var(--wmcolor-navigation-background-selected)}.link.active:before{content:"";background-color:var(--wmcolor-navigation-border-selected);position:absolute;height:100%;width:5px;left:0}.link.active .text{color:var(--wmcolor-navigation-text-selected)}.link.active .icon{color:var(--wmcolor-navigation-icon-selected)}';var k=w;var p=e("wm_navigation_item",function(){function e(e){t(this,e);this.wmNavigationItemClicked=i(this,"wmNavigationItemClicked",7);this.href=undefined;this.text=undefined;this.active=undefined}e.prototype.render=function(){var e=this;return n(o,{key:"8f21a176308fc0052df4c37e6ce10a56ce36714a",role:"listitem"},n("a",{key:"e0bc653ff770e9e5c7b8c05931ef59ae866ef5b0",class:"link ".concat(this.active?"active":""),href:this.href,onClick:function(){return e.wmNavigationItemClicked.emit()}},n("div",{key:"ee3b371175474cefdc4d3aa0dd78221807f8d36e",class:"icon","aria-hidden":"true"},n("slot",{key:"a35caf3cc9befad2e9a7cf6b52612c11708ab93b"})),n("div",{key:"c8ca711e000f7ea73ace37e8bf173b2fca94406a",class:"text"},this.text)))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());p.style=k}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,f as o,h as i,H as r,g as n}from"./p-d9da0502.js";import{i as s,t as a,k as l,B as d,z as c,y as p}from"./p-e5f7fbe7.js";import{g as m}from"./p-b4e4479b.js";const h=class{constructor(o){e(this,o),this.wmNestedSelectBlurred=t(this,"wmNestedSelectBlurred",7),this.openUp=!1,this.overflowCount=0,this.displayedOptions=[],this.clearSelectionMessage=s.formatMessage(this.multiple?{id:"select.multiClearSelection",defaultMessage:"Clear all Selections",description:"Button text to clear selection. Use imperative"}:{id:"select.singleClearSelection",defaultMessage:"Clear Selection",description:"Button text to clear selection. Use imperative"}),this.disabled=!1,this.maxHeight="200px",this.label=void 0,this.labelPosition="top",this.requiredField=!1,this.errorMessage=void 0,this.multiple=!1,this.search=!1,this.selectAll=!1,this.placeholder=s.formatMessage(this.multiple?{id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text for multiple select. Use imperative"}:{id:"select.singlePlaceholder",defaultMessage:"Select an Option",description:"Placeholder text for single select. Use imperative"}),this.searchPlaceholder=s.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"}),this.allSelectedMessage=s.formatMessage({id:"select.allSelected",defaultMessage:"All selected",description:"Text displayed when all options are selected"}),this.isExpanded=!1,this.showClearSelectionButton=!1,this.constrainedMaxHeight=this.maxHeight}get isDisabled(){return a(this.disabled)}get childOptions(){return Array.from(this.el.querySelectorAll("wm-option"))}get optgroupEls(){return Array.from(this.el.querySelectorAll("wm-optgroup"))}get menuitemEls(){return Array.from(this.el.shadowRoot.querySelectorAll(".menuitem"))}get allSelected(){return this.childOptions.every((e=>e.selected))}componentWillLoad(){new MutationObserver((e=>e.forEach((()=>this.handleChildChange())))).observe(this.el,{childList:!0,attributes:!0,subtree:!0,attributeFilter:["selected"]})}handleChildChange(){this.setButtonText(),o(this.el),this.multiple&&this.optgroupEls.forEach((e=>e.handleChildChange()))}setButtonText(){if(this.displayedOptions=this.childOptions.filter((e=>e.selected)),this.multiple){const e=38,t=window.getComputedStyle(this.buttonEl),o=parseInt(t.getPropertyValue("padding-left").slice(0,-2)),i=parseInt(t.getPropertyValue("padding-right").slice(0,-2)),r=this.buttonEl.clientWidth-o-i-e;this.overflowCount=0,this.measurementAreaEl.textContent=this.displayedOptions.map((e=>e.textContent)).join(", ");let n=this.measurementAreaEl.clientWidth;for(;n>r&&this.displayedOptions.length>1;)this.overflowCount++,this.displayedOptions.pop(),this.measurementAreaEl.textContent=this.displayedOptions.map((e=>e.textContent)).join(", "),n=this.measurementAreaEl.clientWidth}}countOptgroupSelected(e){return Array.from(e.querySelectorAll("wm-option")).filter((e=>e.selected)).length}handleOptionSelection(){this.multiple||this.close()}handleChildEnter(){this.close()}closePopupOnEscape(){this.close()}close(e=!0){this.isExpanded&&(this.isExpanded=!1,this.dropdownEl.classList.remove("open"),window.setTimeout((()=>{this.optgroupEls.forEach((e=>e.isExpanded=!1)),e&&this.buttonEl.focus()}),150))}open(){if(!this.isDisabled){this.showClearSelectionButton=this.childOptions.some((e=>e.selected)),this.isExpanded=!0,this.dropdownEl.classList.add("open"),this.openUp=l(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,0),this.constrainedMaxHeight=this.maxHeight;const e=d(this.el).spaceAbove;this.openUp&&parseInt(getComputedStyle(this.menuEl).getPropertyValue("--max-height").replace("px",""))>e&&(this.constrainedMaxHeight=e.toString()+"px"),this.optgroupEls.forEach((t=>{t.shadowRoot.querySelector("priv-option-list").upwardsHeightLimit=this.openUp?e:null})),window.requestAnimationFrame((()=>{this.focusFirstMenuitem()}))}}focusFirstMenuitem(){this.menuitemEls.length>0&&this.menuitemEls[0].focus()}moveDown(e){const t=this.menuitemEls.indexOf(e);t==this.menuitemEls.length-1?this.menuitemEls[0].focus():this.menuitemEls[t+1].focus()}moveUp(e){const t=this.menuitemEls.indexOf(e);0==t?this.menuitemEls[this.menuitemEls.length-1].focus():this.menuitemEls[t-1].focus()}handleButtonBlur(e){c(this.el,e.relatedTarget)&&e.stopPropagation()}handleClick(e){c(this.el,e.target)||this.close()}handleMenuitemKeydown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.moveDown(e.target);break;case"ArrowUp":e.preventDefault(),this.moveUp(e.target);break;case"ArrowRight":e.target.classList.contains("group-btn")&&(e.preventDefault(),e.target.click());break;case"Escape":e.preventDefault(),this.close()}}handleComponentBlur(e){this.el.contains(e.relatedTarget)||(this.close(!1),this.wmNestedSelectBlurred.emit())}handleOptgroupExpanded(){this.menuEl.classList.add("hidden"),this.optListWrapperEl.classList.remove("hidden")}handleOptgroupHidden(e){this.showClearSelectionButton=this.childOptions.some((e=>e.selected)),this.menuEl.classList.remove("hidden"),this.optListWrapperEl.classList.add("hidden"),this.el.shadowRoot.querySelector(`button[data-label=${e.detail}]`).focus()}renderButtonText(){return this.displayedOptions.length<1?i("span",null,this.placeholder):this.multiple&&this.allSelected&&this.overflowCount>0?this.allSelectedMessage:this.displayedOptions.map(((e,t)=>i("span",null,t>0?", ":"",e.textContent)))}renderOverflowCount(){if(this.overflowCount>0&&!this.allSelected)return i("span",null,i("span",{class:"overflow-counter"},"+",this.overflowCount))}handleClearSelection(){this.optgroupEls.forEach((e=>e.emitDeselection())),this.multiple||this.close()}renderClearSelectionButton(){if(this.showClearSelectionButton)return i("button",{class:"menuitem clear-selection",onClick:()=>this.handleClearSelection(),tabindex:-1,onKeyDown:e=>this.handleMenuitemKeydown(e)},this.clearSelectionMessage)}renderSelectionCount(e){const t=this.countOptgroupSelected(e);if(t){const e=s.formatMessage({id:"select.optgroupSingleSelectionCount",defaultMessage:"Item Selected",description:"Text indicating number of selected in a group, where only a single selection is possible."},{numSelected:t}),o=s.formatMessage({id:"select.optgroupMultipleSelectionCount",defaultMessage:"{numSelected} Selected",description:"Text indicating number of selected in a group, where multiple selections are possible."},{numSelected:t});return i("div",{class:"selection-count"},i("span",null,this.multiple?o:e))}}render(){const e={id:"selectbtn",disabled:this.isDisabled,"aria-controls":"list","aria-labelledby":"label selectbtn","aria-describedby":"error","aria-expanded":this.isExpanded?"true":"false",onClick:()=>{this.isExpanded?this.close():this.open()}};return i(r,{key:"ed7b96e7d65c756fbbade7dfb2a8ae03da9d3277",onBlur:e=>this.handleComponentBlur(e)},i("div",{key:"a2783684ed70b347fd5081b9679cad00c4c73af9",class:`wrapper ${p()} label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},i("div",{key:"dc6f0249ebbcd84df9108fdd2af2e3a7778c2a5a",class:"label-wrapper"},i("label",{key:"6139f82a9c0a4c9ea569b0d6c74e694ca4924932",class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?i("span",{class:"required"},i("span",{class:"sr-only"},m.requiredField),i("span",{"aria-hidden":"true"},"*")):"")),i("div",{key:"3198a4409abb6d880330ffadd64022835ee94ba6",class:"button-wrapper"},i("button",Object.assign({key:"112c79d84e039c8a9044fc86c2d360a3c88acfec"},e,{class:"displayedoption "+(this.isExpanded?"expanded":""),ref:e=>this.buttonEl=e,onBlur:e=>this.handleButtonBlur(e),onFocus:()=>this.close()}),i("span",{key:"ab91af492aac319d84cb48dccdb127e5649b658b",class:"overflowcontrol"},i("span",{key:"fb0370d92612ee4ae365634e8e7f845ef0d6194a",class:"button-text"},this.renderButtonText())),this.renderOverflowCount(),i("div",{key:"e61b2f40ed449bbb679bd4792197eeb34f23d5f9",ref:e=>this.measurementAreaEl=e,class:"measurement-area","aria-hidden":"true"})),i("div",{key:"1490530463cfcdb5d010f722b7f3078e0e036ce0",class:"dropdown "+(this.openUp?"upwards":""),ref:e=>this.dropdownEl=e},i("div",{key:"072c737865ad17a47ff9b70f9ee681542b766674",ref:e=>this.menuEl=e,class:"menu",style:{"--max-height":this.constrainedMaxHeight}},this.renderClearSelectionButton(),this.optgroupEls.map((e=>i("button",{class:"menuitem group-btn "+(e.disabled?"disabled":""),role:"menuitem","data-label":e.label,tabindex:-1,"aria-disabled":e.disabled,onClick:()=>{e.disabled||(e.isExpanded=!e.isExpanded,o(this.el))},onKeyDown:e=>this.handleMenuitemKeydown(e)},i("span",null,e.label),this.renderSelectionCount(e),e.disabled&&i("div",{class:"disabled-indication"},"Disabled"))))),i("div",{key:"8e57555b287fb08eb92eac959ddd7259d560e33a",ref:e=>this.optListWrapperEl=e,class:"option-list-wrapper hidden"},i("slot",{key:"c22278aca4bd47298fdffeeb148896180e12da1e"}))),i("div",{key:"3180921d3e8e6a9dc7c7c34b5077e17f3da9ef88",id:"error",class:this.errorMessage?"error-message":""},this.errorMessage))))}static get delegatesFocus(){return!0}get el(){return n(this)}};h.style=':host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption.expanded:before{content:"\\f143"}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:100%;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:var(--max-height);overflow-y:auto}.menu.hidden{position:absolute;max-height:100%;overflow:hidden}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu .menuitem.disabled{color:var(--wmcolor-select-option-text-disabled);cursor:auto}.menu .menuitem.clear-selection{color:var(--wmcolor-select-text);-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.menu .menuitem.clear-selection:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156";pointer-events:none;padding-right:0.5rem;font-size:1.12rem}.menu :focus{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu :hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f142";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.group-btn.disabled{background:var(--wmcolor-select-option-background-disabled)}.selection-count,.disabled-indication{margin-right:40px;font-weight:400;font-style:italic}.disabled-indication{color:var(--wmcolor-interactive-disabled)}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.hidden{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;top:0px;max-height:100%;overflow-y:hidden}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{h as wm_nested_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as a,f as r}from"./p-d9da0502.js";import{d as o,g as n}from"./p-e5f7fbe7.js";const h=class{constructor(i){t(this,i),this.wmTabSelected=e(this,"wmTabSelected",7),this.keydownOnTabItem=e(this,"keydownOnTabItem",7),this.tabItemLoaded=e(this,"tabItemLoaded",7),this.tabClicked=t=>{t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId})},this.tabPressed=t=>{const e=t.key;"Enter"===e||" "===e?(t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId})):e.includes("Arrow")&&(t.preventDefault(),this.keydownOnTabItem.emit({tabItem:this.el,key:t.key}))},this.selected=!1,this.show=!0,this.tabId=""}get parentTabList(){return this.el.parentElement}componentDidLoad(){this.tabItemLoaded.emit()}render(){let t=this.show?"":"hide ";t+=this.parentTabList&&"dark"==this.parentTabList.customBackground?"dark":"";let e={};const a=this.parentTabList&&this.parentTabList.customPadding;if(a){const t=2*parseInt(a,10)||0,i=a.split(/([0-9]+)/).pop();e={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":`calc(100% - ${t}${i}) 3px`}}return i(s,{key:"1b5e2a436f666efdb4832313e9744f0cec64fd06",role:"presentation"},i("li",{key:"1d976f2d8e997c35f850a1d3f81287e8a05cf6c5",class:"tab-item",role:"presentation"},i("a",{key:"a7b9d235329558637bce4e3d281b0fdd4acc012b",class:`tab ${t}`,style:e,role:"tab",ref:t=>this.linkEl=t,onClick:this.tabClicked,id:`tab-link-${this.tabId}`,onKeyDown:t=>this.tabPressed(t),"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},i("slot",{key:"20b2a2a40de1935499717243115c6c7abd174a15"}))))}static get delegatesFocus(){return!0}get el(){return a(this)}};h.style=":host{display:-ms-flexbox;display:flex;font-family:inherit;-ms-flex-item-align:stretch;align-self:stretch}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host.hide{display:none}.tab-item{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;list-style-type:none}.tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:var(--wmcolor-tab-text);text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-inline:1.5rem}.tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:16px}.tab-item .tab[aria-selected=true].dark{color:var(--wmcolor-tab-text-ondark)}.tab-item .tab,.tab-item .tab:hover,.tab-item .tab:active{outline:none}.tab-item .tab:focus{outline:none}.tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:var(--wmcolor-tab-text-ondark)}.tab-item .tab:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}";const l=class{constructor(i){t(this,i),this.wmTabSelected=e(this,"wmTabSelected",7),this.debouncedSetLayout=o((()=>{this.listWidth||this.setListWidth(),r(this.el)}),10),this.customBackground=void 0,this.customPadding=void 0,this.selectedTab=void 0}get menuLayout(){return!!this.listWidth&&this.el.offsetWidth<this.listWidth-24}get tabItems(){return Array.from(this.el.querySelectorAll("wm-tab-item"))}get selectedTabItem(){return this.tabItems.filter((t=>t.selected))[0]}getLinkEl(t){return t.shadowRoot.querySelector("a")}get panels(){const t=Array.from(document.querySelectorAll("wm-tab-panel")),e=this.tabItems.map((t=>t.tabId));return t.filter((t=>e.includes(t.tabId)))}getPanel(t){return this.panels.find((e=>e.tabId===t))}setListWidth(){let t=this.tabItems.reduce(((t,e)=>t+e.offsetWidth),0);this.listWidth=t&&t>0?t:this.listWidth}setSelected(t){this.tabItems.map((e=>e.selected=e.tabId===t)),1===this.panels.length&&this.tabItems.length>1?(this.setAttributesOnPanel(this.panels[0],this.selectedTabItem),this.panels[0].active=!0):this.panels.map((e=>e.active=e.tabId===t))}showItems(){this.tabItems.map((t=>t.show=!0))}hideItems(){this.tabItems.map((t=>t.show=!1))}componentWillLoad(){this.el.focus=()=>{this.selectedTabItem&&this.selectedTabItem.focus()},new ResizeObserver((()=>this.debouncedSetLayout())).observe(this.el)}componentDidLoad(){this.setSelected(this.selectedTab||this.tabItems[0].tabId)}tabItemLoaded(t){this.setAriaOnPanelAndTab(t.target)}setAriaOnPanelAndTab(t){const e=this.getPanel(t.tabId);e?(this.setAttributesOnPanel(e,t),this.setAttributesOnTab(t,e)):1===this.panels.length&&this.setAttributesOnTab(t,this.panels[0])}setAttributesOnTab(t,e){const i=this.getLinkEl(t);i&&i.setAttribute("href",`#${e.id}`)}removeAttributesOnTab(t){const e=this.getLinkEl(t);e&&e.removeAttribute("href")}setAttributesOnPanel(t,e){const i=this.getLinkEl(e);i&&(t.setAttribute("aria-labelledby",i.id),t.setAttribute("tab-id",e.tabId))}handleKeydown(t){const e=t.detail.key,i=this.tabItems.indexOf(t.detail.tabItem);"ArrowLeft"!==e&&"ArrowRight"!==e||this.handleLeftRightArrow(i,e)}handleLeftRightArrow(t,e){e&&(t="ArrowLeft"===e?t-1:t+1),t<0?t=this.tabItems.length-1:t===this.tabItems.length&&(t=0),this.getLinkEl(this.tabItems[t]).focus()}renderMenuOrTabs(){if(this.menuLayout)return this.hideItems(),i("wm-select",{label:"Choose a tab","label-position":"none"},this.renderOptions());{this.showItems();let t={};return this.customPadding&&(t={"margin-left":"-"+this.customPadding}),i("ul",{class:`tabcontainer ${this.customBackground||""}`,style:t,role:"tablist"},i("slot",null))}}renderOptions(){return this.tabItems.map((t=>i("wm-option",{id:`tab-link-${t.tabId}`,selected:t.tabId===this.selectedTab,onClick:e=>{e.preventDefault(),this.wmTabSelected.emit({tabId:t.tabId})}},t.textContent)))}render(){return i(s,{key:"b5d5af9934cc164eaee24486d742fc84d0938cc4",class:this.menuLayout?"menu":""},this.renderMenuOrTabs())}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{selectedTab:["setSelected"]}}};l.style=":host{--wmcolor-tab-background:var(--wmcolor-background-transparent);--wmcolor-tab-background-dark:var(--wmcolor-background-dark);--wmcolor-tab-text-ondark:var(--wmcolor-interactive-ondark);--wmcolor-tab-text:var(--wmcolor-interactive);position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer{background:var(--wmcolor-tab-background);margin:0;width:100%;height:4.0625rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0}:host .tabcontainer.dark{background:var(--wmcolor-tab-background-dark);margin:0}:host wm-select{padding:0.375rem 0}";const d=class{constructor(i){t(this,i),this.tabPanelLoaded=e(this,"tabPanelLoaded",7),this.active=!1,this.tabId=""}componentWillLoad(){!this.el.id&&this.el.setAttribute("id",n())}componentDidLoad(){this.tabPanelLoaded.emit({tabId:this.tabId})}render(){return i(s,{key:"360eaf2a3b7ff884dc965da4858c81db5deb9fac",role:"tabpanel",class:{"tab-hidden":!this.active}})}get el(){return a(this)}};d.style="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";export{h as wm_tab_item,l as wm_tab_list,d as wm_tab_panel}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,r,i,e){function n(t){return t instanceof i?t:new i((function(r){r(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{c(e.next(t))}catch(t){a(t)}}function s(t){try{c(e["throw"](t))}catch(t){a(t)}}function c(t){t.done?i(t.value):n(t.value).then(o,s)}c((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return c([t,r])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=r.call(t,i)}catch(t){s=[6,t];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-cef8a45b.system.js","./p-42fa7a77.system.js","./p-dfcf2302.system.js"],(function(t){"use strict";var r,i,e,n,a,o,s,c,u;return{setters:[function(t){r=t.r;i=t.c;e=t.h;n=t.H;a=t.g},function(t){o=t.a},function(t){s=t.n;c=t.o;u=t.i}],execute:function(){var f=this;var h=function(t){return __awaiter(f,void 0,void 0,(function(){var r;return __generator(this,(function(i){switch(i.label){case 0:return[4,fetch(t)];case 1:r=i.sent();if(!(!!r&&!!r.ok))return[3,3];return[4,r.json()];case 2:return[2,i.sent()];case 3:throw new Error(r.statusText)}}))}))};var l=":host{--wmcolor-navigator-background:var(--wmcolor-background);--wmcolor-navigator-header-background:var(--wmcolor-brand-dark);--wmcolor-navigator-header-text:var(--wmcolor-text-ondark);--wmcolor-navigator-item-background-selected:var(--wmcolor-interactive-background-selected);--wmcolor-navigator-item-background-focus:var(--wmcolor-interactive-background-focus);--wmcolor-navigator-item-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigator-item-background:var(--wmcolor-background);--wmcolor-navigator-item-border:var(--wmcolor-border);--wmcolor-navigator-item-text:var(--wmcolor-text);--wmcolor-navigator-user-background:var(--wmcolor-background-readonly);min-width:0;position:relative;display:inline-block}:host .wrapper{overflow:auto;font-size:1.125rem;min-width:13.125rem;width:auto;max-height:80vh;text-align:left;position:absolute;z-index:50;top:100%;right:20px;left:auto;background:var(--wmcolor-navigator-background);letter-spacing:normal;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper .user{background:var(--wmcolor-navigator-user-background);padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper .user p{margin:0}:host .wrapper .user p:first-child{font-weight:700;text-transform:capitalize}:host .wrapper h2{background:var(--wmcolor-navigator-header-background);color:var(--wmcolor-navigator-header-text);font-weight:700;margin:0;padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper [role=listbox]{list-style:none;margin:0;padding-left:0}:host .wrapper.hide{-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0)}:host .wrapper.right{right:auto;left:20px}:host img{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left center;transform-origin:left center;display:block}:host .logout{text-align:center;text-transform:capitalize}priv-navigator-item:focus{outline:none}";var m=l;var v=t("wm_navigator",function(){function t(t){r(this,t);this.wmNavigatorLogout=i(this,"wmNavigatorLogout",7);this.retrievedInfo=!this.loadFromUserinfo;this.parsedProducts=[];this.openRight=false;this.userName=undefined;this.email=undefined;this.authType=1;this.connectionName=undefined;this.logoutUrl=undefined;this.products=undefined;this.loadFromUserinfo=false;this.isOpen=false;this.itemIndexToFocus=0}t.prototype.isSafeUrl=function(t){var r=false;var i=["digitalmeasures\\.com","evalkit\\.info","evaluationkit\\.com","evaluationkit\\.info","lat_ams\\.com","livetext\\.com","smartcatalogiq\\.com","smartcatalogiq\\.net","smartcatalogiq\\.us","taskstream\\.com","vialivetext\\.com","watermarkinsights\\.com"];i.forEach((function(i){var e="^https://(.*.)?".concat(i,"(/.*)?$");if(!!t&&t.match(e)){r=true}}));return r};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.userName){console.error("wm-navigator: user-name is a required property.")}return[4,this.parseData()];case 1:t.sent();this.setFocusIndex();return[2]}}))}))};t.prototype.parseData=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){switch(r.label){case 0:if(!!!this.loadFromUserinfo)return[3,2];return[4,h("/platform/navigator/userinfo").then((function(r){t.email=r.email;t.currentProductId=r.current_product_id;t.parsedProducts=t.productKeysToCamelCase(r.products);t.logoutUrl=t.logoutUrl?t.logoutUrl:r.logout_url;t.connectionName=t.connectionName?t.connectionName:r.connection_name;if(!!t.email&&!!t.currentProductId){t.retrievedInfo=true}})).catch((function(t){console.error(t)}))];case 1:r.sent();return[3,3];case 2:this.currentProductId=o(this.el);if(!!this.products){if(typeof this.products==="string"){this.parsedProducts=JSON.parse(this.products)}else{this.parsedProducts=this.products}this.parsedProducts=this.productKeysToCamelCase(this.parsedProducts)}r.label=3;case 3:this.parsedProducts.sort((function(t,r){return t.name<r.name?-1:1}));return[2]}}))}))};t.prototype.productKeysToCamelCase=function(t){t=t.map((function(t){var r=Object.keys(t);var i={};r.forEach((function(r){i[s(r)]=t[r]}));return i}));return t};t.prototype.setFocusIndex=function(){if(this.parsedProducts.length>1){var t=this.getProduct(this.currentProductId);if(t){this.itemIndexToFocus=this.parsedProducts.indexOf(t)}}};t.prototype.handleKeys=function(t){switch(t.key){case"Escape":t.preventDefault();this.closeMenu();break;case"ArrowDown":case"ArrowUp":t.preventDefault();if(!this.isOpen){this.itemIndexToFocus=c(this.itemIndexToFocus,t.key,this.navigatorItems.length);this.openMenu()}break}};t.prototype.handleKeydown=function(t){var r=t.detail.key;var i=t.detail.navItem;switch(r){case"Tab":this.closeMenu(false);break;case"Enter":case" ":i.click();break;case"ArrowDown":case"ArrowUp":var e=this.itemIndexToFocus;this.itemIndexToFocus=c(this.itemIndexToFocus,r,this.navigatorItems.length);this.focusItem();this.unfocusItem(e);break}};t.prototype.handleClick=function(t){var r=t.target===this.el||this.el.contains(t.target);if(!r&&this.isOpen){this.closeMenu(false)}};t.prototype.handleButtonClick=function(){this.isOpen?this.closeMenu():this.openMenu()};t.prototype.openMenu=function(){if(this.wrapperEl){var t=this.wrapperEl.clientWidth;var r=this.el.getBoundingClientRect().left;var i=document.documentElement.clientWidth-this.el.getBoundingClientRect().right;this.openRight=t>r&&i>r}this.isOpen=true;this.focusItem()};t.prototype.closeMenu=function(t){var r=this;if(t===void 0){t=true}this.isOpen=false;window.requestAnimationFrame((function(){r.unfocusItem(r.itemIndexToFocus);r.setFocusIndex();if(t){r.buttonFocusHandler()}}))};t.prototype.focusItem=function(){var t=this.navigatorItems[this.itemIndexToFocus];t.tabIndex=0;t.focused=true;window.setTimeout((function(){return t.focus()}),250)};t.prototype.unfocusItem=function(t){var r=this.navigatorItems[t];r.tabIndex=-1;r.focused=false};t.prototype.buttonFocusHandler=function(){var t=this.el.shadowRoot.querySelector("priv-navigator-button");var r=t.shadowRoot.querySelector("button");r.focus()};t.prototype.renderUserInfo=function(){return e("div",{class:"user",id:"wm-nav-user","aria-label":u.formatMessage({id:"navigator.userinfoLabel",defaultMessage:"for {name}, email {email}"},{name:this.userName,email:this.email})},e("p",null,this.userName),e("p",null,this.email))};t.prototype.setAltText=function(){if(this.parsedProducts.length>1){return u.formatMessage({id:"navigator.userinfoAndProductNavigator",defaultMessage:"User information and product navigator"})}else{return u.formatMessage({id:"navigator.userinfo",defaultMessage:"User information"})}};t.prototype.renderHeading=function(){return e("h2",null,u.formatMessage({id:"navigator.watermarkApps",defaultMessage:"Watermark Apps",description:"Applications made by Watermark Insights"}))};t.prototype.renderList=function(){return e("ul",{role:"listbox","aria-label":"".concat(u.formatMessage({id:"navigator.WatermarkAppNavigation",defaultMessage:"Watermark App Navigation",description:"list of applications by Watermark Insights"})),"aria-describedby":"wm-nav-user"},this.parsedProducts.length>1&&this.renderProductOptions(),this.renderLogoutOption())};t.prototype.renderProductOptions=function(){var t=this;return this.parsedProducts.map((function(r){var i,n,a,o;i=r.name;n=r.iconUrl;o=t.setProductOnClick(r.id);if(!!i&&!!n){a=t.currentProductId===r.id;return e("priv-navigator-item",{selected:a,id:r.id,onClick:function(){a?t.closeMenu():o()},role:"option","aria-label":i,"aria-selected":a?"true":"false"},e("img",{src:n,alt:i}))}}))};t.prototype.setProductOnClick=function(t){var r=this.getProduct(t);if(this.currentProductId===t){return function(){}}else if(r){if(!!this.loadFromUserinfo||this.authType===2){var i=r.linkUrl;if(this.isSafeUrl(i)){return function(){return window.location.href=i}}else{console.error('"'.concat(i,'" is not a safe url'));return}}else if(this.authType===3){var e=this.connectionName?"/?connection_name=".concat(this.connectionName):"";var n=r.samlLinkUrl;if(this.isSafeUrl(n)){return function(){return window.location.href=n+e}}else{console.error('"'.concat(n,'" is not a safe url'));return}}}};t.prototype.renderLogoutOption=function(){return e("priv-navigator-item",{class:"logout",selected:!(this.parsedProducts.length>1),id:"nav-logout",onClick:this.setLogoutOnclick(),role:"option","aria-selected":"false"},e("span",{class:"logout"},u.formatMessage({id:"navigator.logout",defaultMessage:"Log Out"})))};t.prototype.setLogoutOnclick=function(){var t=this;return function(){t.wmNavigatorLogout.emit();var r=t.logoutUrl;if(t.isSafeUrl(r)){window.location.href=r}else{console.error('"'.concat(r,'" is not a safe url'))}}};Object.defineProperty(t.prototype,"navigatorItems",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll("priv-navigator-item"))},enumerable:false,configurable:true});t.prototype.getProduct=function(t){return this.parsedProducts.find((function(r){return r.id===t}))};t.prototype.render=function(){var t=this;return this.retrievedInfo?e(n,null,e("priv-navigator-button",{expanded:this.isOpen,altText:this.setAltText()}),e("div",{class:"wrapper ".concat(this.isOpen?"":"hide"," ").concat(this.openRight?"right":""),ref:function(r){return t.wrapperEl=r}},this.renderUserInfo(),this.parsedProducts.length>1&&this.renderHeading(),this.renderList())):""};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{products:["parseData"]}},enumerable:false,configurable:true});return t}());v.style=m}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,f as t,h as r,H as o,g as n,c as a}from"./p-d9da0502.js";import{g as p,d as s,i,x as l}from"./p-e5f7fbe7.js";import{a as h,h as c,g as d,r as m,c as w,d as b,e as g,f as x,l as f,j as u,m as v}from"./p-785fda3d.js";const k=class{constructor(r){e(this,r),this.uid=p(),this.slicesDetails=[],this.barLabelsWidth=this.el.parentElement.barLabelsWidth,this.debouncedUpdate=s((async()=>{t(this.el)}),10),this.label=void 0,this.subinfo=void 0,this.completionMessage=void 0,this.showLegend=!0,this.printMode=!1,this.printModeFormat="amount",this.isTabbing=!1,this.mode=void 0,this.userIsNavigating=!1,this.focusedSliceId=void 0}get popoverEl(){return this.el.shadowRoot.querySelector("priv-chart-popover")}get sliceEls(){return Array.from(this.el.shadowRoot.querySelectorAll(".segment"))}get chartDetails(){return this.mode?h[this.mode]:void 0}get ariaLabelText(){let e=`${this.label}`;return this.subinfo&&(e+=` ${this.subinfo}`),e}get chartRoleDescription(){return i.formatMessage({id:"chart.roleDescription",defaultMessage:"Interactive chart",description:"For screen readers only, a description clarifying the role of the chart widget"})}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleKeydown(e){c.call(this,e)}componentWillLoad(){this.label||console.error("For accessibility purposes, you must provide a label for the chart. See https://components.watermarkinsights.com/chart for more information."),2!==this.el.children.length&&console.warn("wm-progress-indicator component must have 2 wm-progress-slice children."),this.el.parentElement.addEventListener("wmProgressMonitorModeChange",(e=>this.mode=e.detail)),new ResizeObserver((()=>this.debouncedUpdate())).observe(this.el)}async handleSliceUpdate(){await d.call(this,this.mode),t(this.el)}handleModeUpdate(){this.mode&&d.call(this,this.mode)}handlePopoverOpenChanged(e){if(!e.detail){const e=Array.from(this.el.shadowRoot.querySelectorAll("[data-segmentindex]"));m(e)}}renderBarOrDoughnut(){return this.total>0&&"bar"===this.mode?w.call(this,this.mode):b.call(this,this.mode)}render(){return r(o,{key:"16620db2087213bc753d2d757c7790a41670b1ab",onBlur:()=>u.call(this)},r("div",{key:"c676d6afdd78059bff7ae59f8ee275886e5bf22a",ref:e=>this.componentWrapperEl=e,class:`component-wrapper ${this.mode} ${this.isTabbing&&!this.userIsNavigating?"user-is-tabbing":""}`,role:"application","aria-label":this.ariaLabelText,tabindex:"0","aria-roledescription":this.chartRoleDescription,"aria-describedby":"chart-instructions"},r("label",{key:"1b863341957baf0839d36be915d0aa632d03873f",id:`label-${this.uid}`,class:"label "+(this.barLabelsWidth&&"bar"===this.mode?"custom-width":""),style:{"--custom-label-width":this.barLabelsWidth},htmlFor:`graphic-${this.uid}`},r("span",{key:"be37ff1bc3863b7603944139fd78a0d7a6884e46",class:"label-text"},this.label),this.subinfo?r("span",{class:"subinfo"},this.subinfo):""),this.mode&&this.renderBarOrDoughnut(),"doughnut"===this.mode?x.call(this,this.mode):"",r("priv-chart-popover",{key:"8541969e643c69fd8e0090f69efd7c038ea1e2ea",class:this.isTabbing?"user-is-tabbing":"",onIntChartPopoverOpenChanged:e=>this.handlePopoverOpenChanged(e)}),"doughnut"===this.mode?f.call(this):""),g())}static get delegatesFocus(){return!0}get el(){return n(this)}static get watchers(){return{mode:["handleModeUpdate"]}}};k.style=":host{--wmcolor-chart-label-text-negative:var(--wmcolor-text-negative);--wmcolor-chart-label-text-positive:var(--wmcolor-text-positive);--wmcolor-chart-label-text:var(--wmcolor-text);--wmcolor-chart-subinfo-text:var(--wmcolor-text);--wmcolor-chart-value-text:var(--wmcolor-text);display:block}:host .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-size:0.875rem;position:relative;outline:none;}:host .component-wrapper:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}:host .component-wrapper .label{display:block;margin:0;padding-bottom:0.25rem;font-weight:600;position:relative}:host .component-wrapper .label .subinfo{display:block;font-weight:normal;font-style:italic;bottom:0.25rem;width:100%;color:var(--wmcolor-chart-subinfo-text)}:host .component-wrapper .label.custom-width{width:var(--custom-label-width)}:host .component-wrapper .label.--none{display:none}:host .component-wrapper .doughnut-svg,:host .component-wrapper .inner-stacked-bar-wrapper{overflow:visible}:host .component-wrapper .bar-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper{width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values{display:-ms-flexbox;display:flex;gap:2px;margin-bottom:8px}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values.none{margin:0}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper{display:-ms-flexbox;display:flex;gap:2px}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment{height:30px;cursor:pointer}:host .component-wrapper .segment{print-color-adjust:exact;-webkit-print-color-adjust:exact}:host .component-wrapper .segment.fixed-width{-ms-flex-negative:0;flex-shrink:0}:host .component-wrapper .doughnut-wrapper{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}:host .component-wrapper .doughnut-wrapper .doughnut-segment{cursor:pointer}:host .component-wrapper .value-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .component-wrapper .value-wrapper .fixed-width{-ms-flex-negative:0;flex-shrink:0}:host .component-wrapper .value-wrapper .value.hidden{visibility:hidden}:host .component-wrapper .faded{opacity:0.3}:host .component-wrapper path:active,:host .component-wrapper path:hover,:host .component-wrapper path:focus,:host .component-wrapper .stacked-bar-segment:active,:host .component-wrapper .stacked-bar-segment:hover,:host .component-wrapper .stacked-bar-segment:focus{outline:none}:host .component-wrapper .stacked-bar-segment:active.stacked-bar-segment:not(:focus-visible),:host .component-wrapper .stacked-bar-segment:hover.stacked-bar-segment:not(:focus-visible),:host .component-wrapper .stacked-bar-segment:focus.stacked-bar-segment:not(:focus-visible){-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper path:active.doughnut-segment:not(:focus-visible),:host .component-wrapper path:hover.doughnut-segment:not(:focus-visible),:host .component-wrapper path:focus.doughnut-segment:not(:focus-visible),:host .component-wrapper .stacked-bar-segment:active.doughnut-segment:not(:focus-visible),:host .component-wrapper .stacked-bar-segment:hover.doughnut-segment:not(:focus-visible),:host .component-wrapper .stacked-bar-segment:focus.doughnut-segment:not(:focus-visible){-webkit-filter:url(#wmHoverDropShadow);filter:url(#wmHoverDropShadow)}:host .component-wrapper path::-moz-focus-inner,:host .component-wrapper .stacked-bar-segment::-moz-focus-inner{border:0;outline:none}:host .component-wrapper .stacked-bar-segment:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px;-webkit-box-shadow:0 0 0 7px white;box-shadow:0 0 0 7px white;z-index:1}:host .component-wrapper #kfbg1{stroke:white;stroke-width:10px}:host .component-wrapper #kfstroke{stroke:var(--wmcolor-interactive-focus);stroke-width:6px}:host .component-wrapper #kfbg2{stroke:white;stroke-width:2px}:host .component-wrapper.doughnut{width:300px}:host .component-wrapper.doughnut1 label,:host .component-wrapper.doughnut1 .label-text,:host .component-wrapper.doughnut2 label,:host .component-wrapper.doughnut2 .label-text,:host .component-wrapper.doughnut3 label,:host .component-wrapper.doughnut3 .label-text{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .component-wrapper.doughnut{-ms-flex-align:center;align-items:center}:host .component-wrapper.doughnut label{text-align:center;width:100%;padding-bottom:1.5rem}:host .component-wrapper.doughnut label .subinfo{position:absolute}:host .component-wrapper.doughnut .completion-message{padding-top:0.625rem}:host .component-wrapper.bar{-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .component-wrapper.bar label .subinfo{position:initial}:host .component-wrapper.bar .chart-wrapper{display:-ms-flexbox;display:flex}:host .component-wrapper.bar .chart-wrapper .single-perc{width:4rem;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;height:30px;-ms-flex-align:center;align-items:center}:host .component-wrapper.bar .chart-wrapper .inner-stacked-bar-wrapper{-ms-flex:1;flex:1}:host .component-wrapper.bar .chart-wrapper .completion-message{width:100%;text-align:right;margin-top:0.25rem}@media screen and (min-width: 768px){:host .component-wrapper.bar{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-height:30px;width:12rem;text-align:left;padding-right:1.25rem;padding-bottom:0;-ms-flex:none;flex:none}:host .component-wrapper.bar .bar-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host .component-wrapper.bar .bar-wrapper .single-perc{text-align:center;padding-left:0.5rem;-ms-flex-pack:center;justify-content:center}}:host .component-wrapper.bar2,:host .component-wrapper.bar3,:host .component-wrapper.bar4,:host .component-wrapper.bar5{-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar4 .inner-stacked-bar-wrapper,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper{height:30px;margin-bottom:0}:host .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values{height:60px;margin-top:0}:host .component-wrapper.bar3 .chart-wrapper{position:relative;height:116px}:host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper{position:absolute;top:35px;left:0;right:0;bottom:0;height:30px}:host .component-wrapper.bar3 .chart-wrapper .axis{position:absolute;top:0;left:0;width:100%;overflow:visible;-webkit-transform:translate(0px, 96px);transform:translate(0px, 96px)}:host .component-wrapper.bar3 .chart-wrapper .axis line{stroke:var(--wmcolor-chart-gridline);stroke-width:1px}:host .component-wrapper.bar3 .hidden-values-warning{margin-top:1.25rem}:host .component-wrapper.bar3 .bar3-axis-label{position:absolute;bottom:-4px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .component-wrapper.bar6,:host .component-wrapper.bar7{--chartPadding:48px;-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar6 .chart-wrapper,:host .component-wrapper.bar7 .chart-wrapper{width:100%}:host .component-wrapper.bar6 .chart,:host .component-wrapper.bar7 .chart{position:relative;padding-right:var(--chartPadding)}:host .component-wrapper.bar6 .gridlines,:host .component-wrapper.bar7 .gridlines{position:absolute;left:var(--labelWidth);right:var(--chartPadding);top:0;bottom:0;background-image:linear-gradient(90deg, var(--wmcolor-chart-gridline) 1px, transparent 1px);background-position:-1px;border-left:1px solid var(--wmcolor-chart-gridline);border-bottom:1px solid var(--wmcolor-chart-gridline);background-size:var(--backgroundSize)}:host .component-wrapper.bar6 .rows,:host .component-wrapper.bar7 .rows{display:grid;grid-template-columns:var(--labelWidth) auto;grid-auto-rows:minmax(30px, 1fr);-ms-flex-align:center;align-items:center;position:relative;z-index:1}:host .component-wrapper.bar6 .rows .label,:host .component-wrapper.bar7 .rows .label{font-weight:400;padding:0 0.75rem 0 0;text-align:right;margin:0.75rem 0}:host .component-wrapper.bar6 .rows .label.hidden,:host .component-wrapper.bar7 .rows .label.hidden{visibility:hidden;white-space:nowrap}:host .component-wrapper.bar6 .bar,:host .component-wrapper.bar7 .bar{height:30px;position:relative}:host .component-wrapper.bar6 .bar .value,:host .component-wrapper.bar7 .bar .value{position:absolute;top:50%;right:-0.5rem;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .component-wrapper.bar6 .x-axis,:host .component-wrapper.bar7 .x-axis{margin-left:var(--labelWidth);margin-right:var(--chartPadding);display:-ms-flexbox;display:flex;postion:relative}:host .component-wrapper.bar6 .tick,:host .component-wrapper.bar7 .tick{-ms-flex:1;flex:1;text-align:right}:host .component-wrapper.bar6 .tick span,:host .component-wrapper.bar7 .tick span{-webkit-transform:translateX(50%);transform:translateX(50%);display:inline-block}:host .component-wrapper.bar6 .zero,:host .component-wrapper.bar7 .zero{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host .component-wrapper.bar6 .bar:active,:host .component-wrapper.bar6 .bar:hover,:host .component-wrapper.bar6 .bar:focus,:host .component-wrapper.bar7 .bar:active,:host .component-wrapper.bar7 .bar:hover,:host .component-wrapper.bar7 .bar:focus{outline:none}:host .component-wrapper.bar6 .bar:active.bar:not(:focus-visible),:host .component-wrapper.bar6 .bar:hover.bar:not(:focus-visible),:host .component-wrapper.bar6 .bar:focus.bar:not(:focus-visible),:host .component-wrapper.bar7 .bar:active.bar:not(:focus-visible),:host .component-wrapper.bar7 .bar:hover.bar:not(:focus-visible),:host .component-wrapper.bar7 .bar:focus.bar:not(:focus-visible){-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper.bar6 .bar:focus-visible,:host .component-wrapper.bar7 .bar:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px;-webkit-box-shadow:0 0 0 7px white;box-shadow:0 0 0 7px white;z-index:1}:host .component-wrapper.left-label{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.left-label .label{width:12rem;padding-right:1.25rem;-ms-flex:none;flex:none;-ms-flex-item-align:end;align-self:flex-end;min-height:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .component-wrapper .hidden-values-warning{font-size:0.75rem;font-style:italic;max-width:100%}:host .component-wrapper .hidden-values-warning.hidden{display:none}@media print{:host .component-wrapper .hidden-values-warning{display:none}}:host #chart-instructions{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .component-wrapper .legend-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}:host .component-wrapper .legend-wrapper .legend{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}:host .component-wrapper .legend-wrapper .legend.bar6{display:none}:host .component-wrapper .legend-wrapper .legend.--top{margin-top:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-color{top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}:host .component-wrapper .legend-wrapper .legend .legend-item{position:relative}:host .component-wrapper .legend-wrapper .legend .legend-item.faded{opacity:0.3}:host .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}:host .component-wrapper .legend-wrapper .legend .legend-text{font-size:0.875rem;padding-left:1rem;line-height:1}:host .component-wrapper .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem;print-color-adjust:exact;-webkit-print-color-adjust:exact}:host .component-wrapper .legend-wrapper .legend .print-value{display:none}:host .component-wrapper .legend-wrapper .legend .print-value.force-visible{display:unset}@media print{:host .component-wrapper .legend-wrapper .legend .print-value{display:unset}}:host .component-wrapper .legend-wrapper .legend.bar3{padding-bottom:1.25rem}";const y=class{constructor(r){e(this,r),this.wmProgressMonitorModeChange=a(this,"wmProgressMonitorModeChange",7),this.doughnutWidth=300,this.modeInitialized=!1,this.debouncedUpdate=s((()=>t(this.el)),50),this.breakpoint=void 0,this.groupLegend=void 0,this.barLabelsWidth=void 0}get parsedBreakpoint(){const e=this.parseToNum(this.breakpoint?this.breakpoint:this.el.children.length);return e>=20?e:e*this.doughnutWidth}get mode(){return this.el.clientWidth>this.parsedBreakpoint?"doughnut":"bar"}get isBar(){return!1}get isDoughnut(){return!1}componentWillLoad(){new ResizeObserver((()=>this.debouncedUpdate())).observe(this.el)}componentDidLoad(){this.wmProgressMonitorModeChange.emit(this.mode),this.modeInitialized=!0}componentWillUpdate(){this.prevMode!==this.mode&&this.wmProgressMonitorModeChange.emit(this.mode),this.prevMode=this.mode}parseToNum(e){const t=e.toString().replace("px","");return parseInt(t)}renderLegend(){const e=l(this.groupLegend),t=h.bar.colors;return r("div",{class:"legend-wrapper"},r("div",{class:"legend"},e.map(((e,r)=>v.call(this,{key:e,color:t[r]})))))}render(){return r(o,{key:"6b654a2da62f9ca402ba16163e1d1497c5c99be8",class:"doughnut"===this.mode?"row":"column"},this.modeInitialized&&this.groupLegend&&"bar"===this.mode&&this.renderLegend(),this.modeInitialized&&r("slot",{key:"d3b70aa0e0c409bc0bcf2d6b20ad2b9c44c8eb11"}))}static get delegatesFocus(){return!0}get el(){return n(this)}};y.style=":host .legend-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}:host .legend-wrapper .legend{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}:host .legend-wrapper .legend.bar6{display:none}:host .legend-wrapper .legend.--top{margin-top:-0.75rem}:host .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}:host .legend-wrapper .legend.--top .legend-color{top:0.75rem}:host .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}:host .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}:host .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}:host .legend-wrapper .legend .legend-item{position:relative}:host .legend-wrapper .legend .legend-item.faded{opacity:0.3}:host .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}:host .legend-wrapper .legend .legend-text{font-size:0.875rem;padding-left:1rem;line-height:1}:host .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem;print-color-adjust:exact;-webkit-print-color-adjust:exact}:host .legend-wrapper .legend .print-value{display:none}:host .legend-wrapper .legend .print-value.force-visible{display:unset}@media print{:host .legend-wrapper .legend .print-value{display:unset}}:host .legend-wrapper .legend.bar3{padding-bottom:1.25rem}:host{display:-ms-flexbox;display:flex}:host .legend-wrapper{-ms-flex-align:start;align-items:flex-start}:host(.row){-ms-flex-direction:row;flex-direction:row}:host(.column){-ms-flex-direction:column;flex-direction:column}:host(.column) .legend-wrapper{margin-bottom:2rem}:host(.column) .legend-wrapper .legend{padding-bottom:0}:host(.column) ::slotted(wm-progress-indicator:not(:last-of-type)){margin-bottom:2.5rem}";const z=class{constructor(t){e(this,t),this.wmProgressSliceUpdated=a(this,"wmProgressSliceUpdated",7),this.legend=void 0,this.amount=void 0,this.popoverTitle=void 0,this.popoverText=void 0,this.popoverButtonText=void 0}componentDidUpdate(){this.wmProgressSliceUpdated.emit()}};export{k as wm_progress_indicator,y as wm_progress_monitor,z as wm_progress_slice}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,r,i){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,n){function o(e){try{d(i.next(e))}catch(e){n(e)}}function s(e){try{d(i["throw"](e))}catch(e){n(e)}}function d(e){e.done?r(e.value):a(e.value).then(o,s)}d((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,a,n,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return d([e,t])}}function d(s){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(r=0)),r)try{if(i=1,a&&(n=s[0]&2?a["return"]:s[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,s[1])).done)return n;if(a=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){r.label=s[1];break}if(s[0]===6&&r.label<n[1]){r.label=n[1];n=s;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(s);break}if(n[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];a=0}finally{i=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-cef8a45b.system.js","./p-dfcf2302.system.js"],(function(e){"use strict";var t,r,i,a,n,o,s,d,c,l,u,p,h,f,b;return{setters:[function(e){t=e.r;r=e.c;i=e.h;a=e.F;n=e.H;o=e.g},function(e){s=e.t;d=e.j;c=e.a;l=e.k;u=e.B;p=e.C;h=e.D;f=e.E;b=e.i}],execute:function(){var w=':host{--wmcolor-datepicker-background:var(--wmcolor-background);--wmcolor-datepicker-day-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-datepicker-day-background-selected:var(--wmcolor-interactive);--wmcolor-datepicker-day-text-outside:var(--wmcolor-interactive-disabled);--wmcolor-datepicker-day-text-selected:var(--wmcolor-interactive-text-selected);--wmcolor-datepicker-day-text:var(--wmcolor-text);--wmcolor-datepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-datepicker-input-background:var(--wmcolor-input-background);--wmcolor-datepicker-input-border:var(--wmcolor-input-border);--wmcolor-datepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-datepicker-input-text:var(--wmcolor-input-text);--wmcolor-datepicker-month-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-datepicker-month-background-selected:var(--wmcolor-interactive);--wmcolor-datepicker-month-background:var(--wmcolor-text);--wmcolor-datepicker-month-border:var(--wmcolor-border-light);--wmcolor-datepicker-month-text-selected:var(--wmcolor-text-ondark);--wmcolor-datepicker-month-text:var(--wmcolor-interactive);--wmcolor-datepicker-navigation-background-hover:var(--wmcolor-button-background-navigational-hover);--wmcolor-datepicker-navigation-background:var(--wmcolor-button-background-navigational);--wmcolor-datepicker-navigation-text:var(--wmcolor-button-icon-navigational);--wmcolor-datepicker-selector-background:var(--wmcolor-button-background-secondary);--wmcolor-datepicker-selector-border:var(--wmcolor-button-border-secondary);--wmcolor-datepicker-selector-text:var(--wmcolor-button-text-secondary);--wmcolor-datepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-datepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-datepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-datepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-datepicker-toggle-icon:var(--wmcolor-interactive);--wmcolor-datepicker-weekdays-background:var(--wmcolor-table-header-background);--wmcolor-datepicker-weekdays-text:var(--wmcolor-text);font-family:inherit}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper{position:relative}:host .wrapper .single-wrapper,:host .wrapper .range-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .date-input{border-radius:3px;color:var(--wmcolor-datepicker-input-text);font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;-ms-flex:1;flex:1;margin:0;background-color:var(--wmcolor-datepicker-input-background)}:host .wrapper .date-input:disabled{background-color:var(--wmcolor-datepicker-input-background-disabled);color:var(--wmcolor-datepicker-input-text-disabled)}:host .wrapper .date-input:focus{outline:none}:host .wrapper .input{height:2.5rem;border:1px solid var(--wmcolor-datepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;}:host .wrapper #single-date-input{height:100%;border:none;border-radius:3px;-webkit-margin-end:3px;margin-inline-end:3px}:host .wrapper .range-wrapper{max-width:257px;display:grid;grid-template-rows:minmax(21px, 1fr) 38px;grid-template-columns:120px 17px 120px;grid-template-areas:"start-label-wrapper . end-label-wrapper" "start-date-input hyphen end-date-input"}:host .wrapper .range-wrapper #start-label-wrapper{grid-area:start-label-wrapper}:host .wrapper .range-wrapper #end-label-wrapper{grid-area:end-label-wrapper}:host .wrapper .range-wrapper #start-date-input{grid-area:start-date-input}:host .wrapper .range-wrapper #hyphen{grid-area:hyphen}:host .wrapper .range-wrapper #end-date-input{grid-area:end-date-input}:host .wrapper .range-wrapper .label{text-wrap:wrap}:host .wrapper .range-wrapper.cal{max-width:305px;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;grid-template-columns:120px 17px 120px 36px;grid-template-areas:"start-label-wrapper . end-label-wrapper ." "start-date-input hyphen end-date-input toggle-wrapper"}:host .wrapper .range-wrapper.cal #toggle-wrapper{grid-area:toggle-wrapper}:host .wrapper #start-date-input,:host .wrapper #end-date-input{max-width:120px}:host .wrapper #start-date-input:focus,:host .wrapper #end-date-input:focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wrapper.invalid .input,:host .wrapper .date-input.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:4px;top:100%;left:0}:host .wrapper .error:not(:empty){margin-top:0.25rem}:host .wrapper.focus #single-date-input{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var m=w;var v=e("wm_date_range",function(){function e(e){t(this,e);this.wmRangeSelection=r(this,"wmRangeSelection",7);this.wmStartInputBlur=r(this,"wmStartInputBlur",7);this.wmEndInputBlur=r(this,"wmEndInputBlur",7);this.openUp=false;this.calWidth=681;this.popupClicked=false;this.toggleButtonClicked=false;this.formats={"mm/dd/yyyy":"US","dd/mm/yyyy":"INT","yyyy/mm/dd":"ISO"};this.dateFormat="mm/dd/yyyy";this.disabled=false;this.errorMessage=undefined;this.invalidStart=false;this.invalidEnd=false;this.labelStart="";this.labelEnd="";this.preselected=undefined;this.requiredField=false;this.valueStart="";this.valueEnd="";this.availSpace=0;this.isExpanded=false}Object.defineProperty(e.prototype,"_disabled",{get:function(){return s(this.disabled)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"focusDates",{get:function(){var e=this.toISO(this.valueStart);var t=d(new Date);if(this._isValidISO(e)){t=e}else if(this.preselected&&this._isValidISO(this.preselected)){t=this.preselected}var r=this.toJSDate(t);if(r.getUTCMonth()==11){r.setYear(r.getUTCFullYear()+1)}r.setMonth((r.getUTCMonth()+1)%12,1);var i=d(r);var a=this.toISO(this.valueEnd);if(this._isValidISO(a)){var n=this.isSameMonth(t,a);if(!n){i=a;if(!e){var o=this.toJSDate(i);var s=o.getUTCMonth()-1;if(s==-1){s=11;o.setYear(o.getUTCFullYear()-1)}o.setMonth(s,1);t=d(o)}}}return[t,i]},enumerable:false,configurable:true});e.prototype.isSameMonth=function(e,t){if(e&&t){return e.slice(0,-3)===t.slice(0,-3)}else{return false}};e.prototype.toJSDate=function(e){if(e&&this._isValidISO(e)){var t=new Date;t.setUTCFullYear(parseInt(e.split("-")[0]),parseInt(e.split("-")[1])-1,parseInt(e.split("-")[2]));return t}else{return undefined}};e.prototype.toISO=function(e){return this._reformatDate(this.formats[this.dateFormat],"ISO",e)};e.prototype.handleDisabled=function(){c(this.el,this._disabled)};e.prototype.updateValueStart=function(){this.startInputEl.value=this.valueStart?this.valueStart:""};e.prototype.updateValueEnd=function(){this.endInputEl.value=this.valueEnd?this.valueEnd:""};e.prototype.handleErrorMessage=function(){var e=this;if(this.errorMessage){setTimeout((function(){return e.announce(e.errorMessage)}),100)}};e.prototype.togglePopup=function(){this.isExpanded?this.closePopup():this.openPopup();this.toggleButtonClicked=true};e.prototype.closePopup=function(e){var t=this;if(e===void 0){e=false}this.date1=undefined;this.date2=undefined;this.startCalEl.startDate=undefined;this.startCalEl.endDate=undefined;this.startCalEl.hoverDate=undefined;this.endCalEl.startDate=undefined;this.endCalEl.endDate=undefined;this.endCalEl.hoverDate=undefined;this.isExpanded=false;this.startCalEl.view="day";this.endCalEl.view="day";this.popupEl.classList.remove("open");window.setTimeout((function(){t.popupEl.style.visibility="hidden"}),250);if(e){this.toggleEl.focus()}};e.prototype.openPopup=function(){var e=this;this.openUp=l(this.el,this.popupEl.clientHeight,this.labelEl.clientHeight);var t=u(this.el),r=t.spaceLeft,i=t.spaceRight;if(i>=this.calWidth-this.el.clientWidth){this.popupEl.style.left="0";this.popupEl.style.right="auto"}else if(r>=this.calWidth-this.el.clientWidth){this.popupEl.style.right="0";this.popupEl.style.left="auto"}else{var a=(this.availSpace-this.calWidth)/2-r;this.popupEl.style.left="".concat(a,"px");this.popupEl.style.right="auto"}this.popupEl.style.visibility="visible";window.requestAnimationFrame((function(){e.popupEl.classList.add("open")}));this.isExpanded=true;this.startCalEl.focusDate=this.focusDates[0];this.endCalEl.focusDate=this.focusDates[1];this.startCalEl.focusCell();if(this.valueStart){var n=this.toISO(this.valueStart);if(this._isValidISO(n)){this.startCalEl.startDate=n}if(this.valueEnd){var o=this.toISO(this.valueEnd);if(this._isValidISO(o)){if(this.isSameMonth(n,o)){this.startCalEl.endDate=o}else{this.endCalEl.endDate=o}}}}};e.prototype.handleFocus=function(){this.wrapperEl.classList.add("focus")};e.prototype.handleBlur=function(){this.wrapperEl.classList.remove("focus")};e.prototype.handleStartInputBlur=function(){this.wmStartInputBlur.emit()};e.prototype.handleEndInputBlur=function(){this.wmEndInputBlur.emit()};e.prototype.handleStartInput=function(e){this.valueStart=e.target.value};e.prototype.handleEndInput=function(e){this.valueEnd=e.target.value};e.prototype.handleKey=function(e){switch(e.key){case"Escape":e.preventDefault();e.stopPropagation();this.closePopup(true);break}};e.prototype.blurHandler=function(){if(!this.popupClicked&&!this.toggleButtonClicked&&this.isExpanded){this.closePopup()}this.popupClicked=false;this.toggleButtonClicked=false};e.prototype.handleBlurOnWindow=function(){if(this.isExpanded){this.closePopup()}};e.prototype.handleDateFocus=function(e){var t=e.target;var r=t.focusDate;var i=this.startCalEl.focusDate.slice(0,-3);var a=this.endCalEl.focusDate.slice(0,-3);if(t==this.startCalEl){if(i>=a){this.endCalEl.focusDate=p.month.increase(this.startCalEl.focusDate,1)}}else if(t==this.endCalEl){if(a<=i){this.startCalEl.focusDate=p.month.decrease(this.endCalEl.focusDate,1)}}if(this.oldFocusVal){var n=p.year.asInt(r);var o=p.year.asInt(this.oldFocusVal);var s=p.month.asInt(r);var d=p.month.asInt(this.oldFocusVal);if(t.view==="day"){if(n!=o||s!=d){this.liveRegionEl.innerHTML="Viewing ".concat(h[s-1],", ").concat(n)}}else{if(n!=o){this.liveRegionEl.innerHTML="".concat(n," selected.")}else if(s!=d){this.liveRegionEl.innerHTML="".concat(h[s-1],", ").concat(n)}}}this.oldFocusVal=t.focusDate};e.prototype.handlePopupBlurred=function(e){if(e.detail.relatedTarget!==this.el){var t=new CustomEvent("blur");t.relatedTarget=e.detail.relatedTarget;this.el.dispatchEvent(t)}};e.prototype.handleCellTriggered=function(e){var t=e.detail.cal;var r=e.detail.cell;var i=r.getAttribute("data-year")+"-"+r.getAttribute("data-month")+"-"+r.textContent.padStart(2,"0");if(this.startCalEl.endDate||this.endCalEl.endDate){this.startCalEl.startDate=undefined;this.startCalEl.endDate=undefined;this.endCalEl.startDate=undefined;this.endCalEl.endDate=undefined;t.startDate=i;this.date1=i;this.date2=undefined}else if(this.date1&&i!==this.date1){if(this.date1>i){this.date2=this.date1;this.date1=i}else{this.date2=i}var a={startDate:{iso:this.date1,us:this._reformatDate("ISO","US",this.date1),int:this._reformatDate("ISO","INT",this.date1)},endDate:{iso:this.date2,us:this._reformatDate("ISO","US",this.date2),int:this._reformatDate("ISO","INT",this.date2)}};this.wmRangeSelection.emit(a);this.closePopup(true);this.date1=undefined;this.date2=undefined}else{t.startDate=i;this.date1=i}var n=new CustomEvent("input");this.el.dispatchEvent(n);var o=new CustomEvent("change");this.el.dispatchEvent(o)};e.prototype.handleOutOfCal=function(){this.startCalEl.hoverDate=undefined;this.endCalEl.hoverDate=undefined};e.prototype.handleCellHovered=function(e){this.startCalEl.hoverDate=this.startCalEl.startDate===e.detail?undefined:e.detail;this.endCalEl.hoverDate=this.endCalEl.startDate===e.detail?undefined:e.detail};e.prototype.reformatDate=function(e,t,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){return[2,this._reformatDate(e,t,r)]}))}))};e.prototype._reformatDate=function(e,t,r){if(e!=="ISO"&&t!=="ISO")return"";if(!e||!t||!r)return"";var i=/^(\d{1}|\d{2}|\d{4})[\-\.\/]\d{1,2}[\-\.\/](\d{1}|\d{2}|\d{4})$/;if(!i.test(r)){return r}else{var a=r.replace(/[\-\.]/gi,"/").split("/");switch(t){case"US":return a[1].padStart(2,"0")+"/"+a[2].padStart(2,"0")+"/"+a[0].padStart(4,"20");case"INT":return a[2].padStart(2,"0")+"/"+a[1].padStart(2,"0")+"/"+a[0].padStart(4,"20");case"ISO":if(e==="US"){return a[2].padStart(4,"20")+"-"+a[0].padStart(2,"0")+"-"+a[1].padStart(2,"0")}else if(e==="INT"){return a[2].padStart(4,"20")+"-"+a[1].padStart(2,"0")+"-"+a[0].padStart(2,"0")}else if(e==="ISO"){return a[0].padStart(4,"20")+"-"+a[1].padStart(2,"0")+"-"+a[2].padStart(2,"0")}default:return a.join("/")}}};e.prototype.isValidISO=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this._isValidISO(e)]}))}))};e.prototype._isValidISO=function(e){var t=/^\d\d\d\d[-]\d\d[-]\d\d$/;if(!e||!t.test(e)){return false}else{var r=e.split("-");var i=parseInt(r[2],10);var a=parseInt(r[1],10);var n=parseInt(r[0],10);if(n<1e3||n>3e3||a==0||a>12)return false;var o=[31,28,31,30,31,30,31,31,30,31,30,31];if(n%400==0||n%100!=0&&n%4==0)o[1]=29;return i>0&&i<=o[a-1]}};e.prototype.setAvailSpace=function(){this.availSpace=(this.hiddenOverflowParent||document.body).clientWidth};e.prototype.componentWillLoad=function(){var e=this;if(this.labelStart===""||this.labelEnd===""){console.error("For accessibility reasons you must specify labels for the date range inputs.")}c(this.el,this._disabled);this.hiddenOverflowParent=f(this.el);if(this.hiddenOverflowParent){var t=new ResizeObserver((function(){e.availSpace=e.hiddenOverflowParent.clientWidth}));t.observe(this.hiddenOverflowParent)}this.setAvailSpace()};e.prototype.announce=function(e){if(this.liveRegionEl.textContent===e){e+=" "}this.liveRegionEl.textContent=e};e.prototype.renderCalendars=function(){var e=this;if(this.calWidth<=this.availSpace){return i(a,null,i("div",{class:"popup-wrapper ".concat(this.startCalEl&&this.startCalEl.view,"-view ").concat(this.openUp?"expand-upwards":""),id:"popup-wrapper",ref:function(t){return e.popupEl=t},onClick:function(){return e.popupClicked=true},style:{display:"flex"}},i("div",{class:"trapfocus",tabIndex:this.isExpanded?0:undefined,onFocus:function(){return e.endCalEl.focusLastFocusable()}}),i("priv-calendar",{ref:function(t){return e.startCalEl=t},onClick:function(){return e.popupClicked=true},onDateFocus:function(t){return e.handleDateFocus(t)}}),i("priv-calendar",{ref:function(t){return e.endCalEl=t},onClick:function(){return e.popupClicked=true},onDateFocus:function(t){return e.handleDateFocus(t)}}),i("div",{class:"trapfocus",tabIndex:this.isExpanded?0:undefined,onFocus:function(){return e.startCalEl.focusFirstFocusable()}})))}};e.prototype.render=function(){var e=this;return i(n,{key:"ffe68e278952d867cd9d1bf4945a91a9218aff41","aria-busy":"false"},i("div",{key:"256076b4ecb500f80bde6a0f4b74e0e090a8ebba",ref:function(t){return e.wrapperEl=t},class:"wrapper"},i("div",{key:"1a16aee3f2c90b120fea6c3de7853a5f58f95c2b",class:"range-wrapper ".concat(this.calWidth<=this.availSpace?"cal":"")},i("div",{key:"2bf81bc7b7820b71820fa903f612247deb6b8592",class:"label-wrapper",id:"start-label-wrapper"},i("label",{key:"09e8a0ee78eb5f19f6a3e94ce8c2bfefaff4a909",ref:function(t){return e.labelEl=t},id:"startlabel",htmlFor:"start-date-input",class:"label",title:"".concat(this.labelStart," (").concat(this.dateFormat,")")},this.labelStart,this.requiredField&&i("span",{key:"0deb9d862a52d6b044572a06645408805be1126e","aria-hidden":"true",class:"required"},"*"))),i("div",{key:"ec5368e1736f8b83290238b483965aab0f9f3945",class:"label-wrapper",id:"end-label-wrapper"},i("label",{key:"6cb070abde6ce9064a030c408894f29af6118984",id:"endlabel",htmlFor:"end-date-input",class:"label",title:"".concat(this.labelEnd," (").concat(this.dateFormat,")")},this.labelEnd,this.requiredField&&i("span",{key:"e4def58969ee10495955c76ff6df4af0b721d98b","aria-hidden":"true",class:"required"},"*"))),i("input",{key:"141c909bdeae5c05fc5ca24bfe3f62c756c59bb1",disabled:this._disabled,type:"text",id:"start-date-input",class:"date-input input ".concat(this.invalidStart?"invalid":""),name:"start-date",placeholder:this.dateFormat,value:this.valueStart,onFocus:function(){return e.handleFocus()},onInput:function(t){return e.handleStartInput(t)},onBlur:function(){return e.handleStartInputBlur()},ref:function(t){return e.startInputEl=t},"aria-describedby":"error","aria-label":this.labelStart,"aria-required":this.requiredField?"true":null}),i("div",{key:"71e1f4d5bfac5687c6c0dc78b0c7bf0e23963932",id:"hyphen"}," - "),i("input",{key:"66da2b524e10f19471dfe98e8088f29223fcf1e5",disabled:this._disabled,type:"text",id:"end-date-input",class:"date-input input ".concat(this.invalidEnd?"invalid":""),name:"end-date",placeholder:this.dateFormat,value:this.valueEnd,onFocus:function(){return e.handleFocus()},onInput:function(t){return e.handleEndInput(t)},onBlur:function(){return e.handleEndInputBlur()},ref:function(t){return e.endInputEl=t},"aria-describedby":"error","aria-label":this.labelEnd,"aria-required":this.requiredField?"true":null}),i("div",{key:"d13e35362381766550f1555db5bc86043f29ae55",class:"toggle-wrapper",id:"toggle-wrapper"},this.calWidth<=this.availSpace&&i("button",{key:"083f289ad53ef80ebf5bcb04f28cb85f4bf1cce6",disabled:this.disabled,onClick:this.togglePopup.bind(this),"aria-describedby":"start-date-input end-date-input","aria-label":b.formatMessage({id:"date.selectRange",defaultMessage:"Select range",description:"Button text for screen readers."}),ref:function(t){return e.toggleEl=t},"aria-expanded":"".concat(this.isExpanded),class:"toggle",id:"toggle"},i("span",{key:"c127dd1ac1f883218997250dc0455d2cd67b4e54",class:"calendar",title:b.formatMessage({id:"date.calendarView",defaultMessage:"Calendar View",description:"Calendar button"})}))),this.renderCalendars()),i("div",{key:"f73ab32bcf2cebc82a8afd9129a1d3fcf9e0bc2b"},i("div",{key:"2d7f933a92f36483ecfd801c4ae17bf7baa92c71",id:"live-region","aria-live":"polite","aria-relevant":"text",class:"sr-only"}),i("div",{key:"ca4fd9da247934ff4644b099c883fed0158d0c86",id:"month-title",class:"sr-only"},b.formatMessage({id:"date.selectMonth",defaultMessage:"Activate to select a month.",description:"Calendar button"})),i("div",{key:"22d83e68a09a15072afcc3368fdf957838a5da1f",id:"year-title",class:"sr-only"},b.formatMessage({id:"date.selectYear",defaultMessage:"Activate to select a year.",description:"Calendar button"}))),i("div",{key:"6fbc73d0c1d280133b445c9fd4acd14a1be673e0",id:"error",class:"error"},this.errorMessage),i("div",{key:"4dac5d364845b7a4c656db95e0aae877b902692b",ref:function(t){return e.liveRegionEl=t},class:"sr-only","aria-live":"polite","aria-atomic":"true"})))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["handleDisabled"],valueStart:["updateValueStart"],valueEnd:["updateValueEnd"],errorMessage:["handleErrorMessage"]}},enumerable:false,configurable:true});return e}());v.style=m}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,g as e}from"./p-d9da0502.js";const r=class{constructor(o){t(this,o),this.buttonActivated=i(this,"buttonActivated",7),this.expanded=!1,this.altText=""}handleClick(){this.buttonActivated.emit()}render(){const{handleClick:t,altText:i}=this;return o("button",{key:"01b41071516d6a26e1dd34ba20f4fd5d882c44fc","aria-expanded":this.expanded.toString(),class:"navigator",onClick:t.bind(this),"aria-label":i})}static get delegatesFocus(){return!0}get el(){return e(this)}};r.style=':host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .navigator{color:#575195;padding:0 1.25rem;position:static !important;height:100%;background:transparent;border:none;min-height:3.75rem;cursor:pointer;border-radius:0;top:50%}:host .navigator img{height:2.25rem;width:2.25rem;vertical-align:middle}:host .navigator:hover{background:#dcdbde}:host .navigator:active,:host .navigator:focus{outline:none}:host .navigator:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}:host button:after{vertical-align:middle;height:2.25rem;width:2.25rem;background-size:36px;display:inline-block;background-image:url(https://cdn.watermarkinsights.com/images/icons/appswitchericon_purple.svg);content:""}';export{r as priv_navigator_button}
|